/************************** CSS ************************** 
 Created By:  TKR Engineering                                                 
 Author:  David Tobias                                                        
 Email:  dtobias@tkrengineering.com     

Font families:
    font-family: Georgia,Garamond,"Times New Roman",Times,serif; *****  used with headers  *******
    font-family: "lucida grande","lucida sans unicode",verdana,helvetica,sans-serif; *****  default font  ******* 
                                  
 Colors:                                                                      
      #685b4a - font color used in bottom nav header          
      #c7e3ff - light blue in GlobalNav                       
      #336699 - default link color (shorthand:  #369)         
      #666666 - gray text in Breadcrumb                       
      #a6640a - h4, brownish text in price and add to cart link   
      #af792f - brownish text Need assitance in cart summary  
      #333    - h5, em, article text                                        
      #ff0000 - red highlight                             
      #006699 - blue link in GlobalBandana                    
      #003366 - blue Links GlobalUtilityNavContainer                              
      #c88f42 - Dates in link list                               

/************************** CSS *****************************/ 

/* Class is needed because collage is adding ??? at the top of the css file */
.bogus{}



/*******************************************************/
/*          Grids   Contains only layout properites     */
/*******************************************************/
body 
{
	border:0;
	margin:0;
	padding:0;
}

/*Set defaults for major elements*/
ul, li, dl, dt, dd
{
    list-style-type:none;
    margin:0;
    padding:0;
}

ol
{
    margin:7px 14px;
    padding:0 0 0 16px;
}

ol li
{
    list-style-type:decimal;
    padding:2px 0 0 0;
}

/*use this to replace the hr tag*/
div.hr
{ 
    margin:2px 10px;
    padding:1px 0;
    background: url("../img/bg/borders/BlueBottomBorder.gif") repeat-x 0 0;
    height: 1px;
    border: 0;
    width:95%;
    font-size:1px;
}



/*these span the entire page*/
div#GlobalBandanaContainer, div#GlobalFooterContainer
{
    text-align:left;
}

div#GlobalBandanaContainer
{
    background-color:#e6e6e6;
    height:20px;
}


div.GlobalUtilityNavContainer
{
    background-color:#779fc5;
    height:110px;
}

/*contain the elements to a fixed width*/
div.Wrapper
{
	margin:0 auto;
    text-align:left;
	width:990px;
	padding:0px;
}


/*Three column layout default settings*/
div.ContentContainer
{
    clear:both;
    margin:10px 0 22px 5px;
    overflow:auto;
    zoom:1;
}

div.ColumnOne, div.ColumnTwo, div.ColumnThree
{
    float:left;
    margin:0 10px 0 0;
    width:160px;
    display: inline; /* ie 6 bug - double margin float*/
}

div.ColumnTwo
{
    width:500px;
}

div.ColumnThree, div.TwoColumns div.ColumnTwo
{
   margin:0 5px 0 0;
   width:300px;
}

div.TwoColumnsColumnTwoFull div.ColumnTwo
{
    width:805px;
}

div.TwoColumns div.ColumnOne
{
    width:670px;
}

div.ThreeColumns div.ColumnTwo div.ColumnOne
{
    width:330px;
}

div.ThreeColumns div.ColumnTwo div.ColumnTwo
{
    width:150px;
}

div.TwoColumns div.ColumnOne div.ColumnOne, div.TwoColumns div.ColumnOne div.ColumnTwo
{
    width:308px;
    margin:10px;
}

div.TwoColumns div.ColumnOne div.ContentContainer
{
    margin:0 0 10px 0;
}

div.ThreeColumns div.ColumnTwo div.EvenSplit
{
    overflow:auto;
    zoom:1;
}

div.ThreeColumns div.ColumnTwo div.EvenSplit div.ColumnOne, div.ThreeColumns div.ColumnTwo div.EvenSplit div.ColumnTwo
{
    width:242px;
    margin:0;
}

div.ThreeColumns div.ColumnTwo div.EvenSplit div.ColumnOne
{
    margin-right:10px;
}

div.TwoColumns div.Multimedia div.ColumnOne
{
    width:410px;
}

div.TwoColumns div.Multimedia div.ColumnTwo
{
    width:216px;
}

div.TwoColumns div.Multimedia div.MultimediaTabs
{
    margin:15px 0 0 0;
    clear:left;
}

div#GlobalFooterContainer
{
    background-color:#eaeaea;
    padding:9px 0;
}

div.BottomAd{
    
    margin:0 0 20px 0;
    overflow:auto;
    zoom:1;
}

div.BottomAd div.ColumnOne
{
    background:#999999;
    width:728px;
    margin:0;
    color:#fff;
}

div.BottomAd div.ColumnTwo
{
    width:262px;
    margin:0;
}

/*******************************************************/
/*          End of Grids                                */
/*******************************************************/


/*******************************************************/
/*          typography Typography defaults             */
/*******************************************************/
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #000; }

h1 { font-size: 2.2em; line-height: 1.1; margin-bottom: 0.5em;margin-top: 0.1em;font-family:Georgia,Garamond,"Times New Roman",Times,serif;font-weight:bold; }
h2 { font-size: 1.8em; line-height: 1.1; margin-bottom: 0.5em;margin-top: 0.1em;font-family:Georgia,Garamond,"Times New Roman",Times,serif;}
h3 { font-size: 1em; line-height: .9em; padding:0; margin:0; font-family:Georgia,Garamond,"Times New Roman",Times,serif;font-weight:bold;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom:.75em; height: 1.25em; color: #a6640a;font-family:Georgia,Garamond,"Times New Roman",Times,serif;font-weight:bold;}
h5 { font-size: 1.1em; font-weight: bold; margin-bottom: .25em;color: #333; }
h6 { font-size: 1em; font-weight: bold; color: #666;margin:0;}

h2.Sub
{
    font-size:1.75em;
}

h2 em
{
    color:#369;
}

h5.DottedBorder
{
    background:url('../img/bg/borders/GrayBottomBorder.gif') repeat-x 0 bottom;  
    padding-bottom:.25em;
    margin-bottom:.35em;  
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; color:#666}
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a, a:focus, a:hover, a:visited, a:active  { color: #336699; text-decoration: none; }
a:hover{text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
dfn         { font-style: italic; font-weight: bold; }

em          { color:#333;font-style:normal; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/*******************************************************/
/*          End of Typography defaults                 */
/*******************************************************/

/*******************************************************/
/*          Table defaults                             */
/*******************************************************/

/* Tables
-------------------------------------------------------------- */


th          { background: #eaeaea; font-size:11px;font-weight:normal}
tr.even td  { background: #eaeaea; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/*******************************************************/
/*          End of Table defaults                      */
/*******************************************************/


/*******************************************************/
/*          Forms                                       */
/*******************************************************/

fieldset
{
    border:none;
    margin:0;
    padding:0;
}

/*list of checkboxes*/
fieldset ul.LinkList li
{
    overflow:auto;
}

fieldset label
{
    float:left;
    position:relative;
    top:2px;
    left:3px;
}

fieldset input
{
    float:left;
    padding:3px;
    margin:0;
}

select
{
    font-size:11px;
}

input
{
    font-family: "lucida grande","lucida sans unicode",verdana,helvetica,sans-serif;
    font-size:11px;
}


/* Handles the different buttons and their mouseovers*/
input.Button
{
	border:none;
	height:24px;
}

input.Blue, input.BlueHover
{
	background:#bdd4de url('../img/bg/buttons/BlueButtonSprt.gif') no-repeat 0 0;
	color:#4c7ba7;
}

input.BlueHover
{
	color:#346796;
}

input.Brown, input.BrownHover
{
	background:#e4d3bf url('../img/bg/buttons/BrownButtonSprt.gif') no-repeat 0 0;
	color:#b1721c;
}

input.BrownHover
{
	color:#a46209;
}

input.Width60, input.Width60Hover
{
    width:60px;
    background-position:0 0;
}

input.Width60Hover
{
    background-position:0 -78px;
}

input.Width120, input.Width120Hover
{
	background-position:0 -26px;
	width:120px;
}

input.Width120Hover
{
	background-position:0 -104px;
}

input.Width180, input.Width180Hover
{
	background-position:0 -52px;
	width:180px;
}

input.Width180Hover
{
	background-position:0 -130px;
}

/*Button Wrappers*/

div.ButtonWrapper
{
    border:none !important;
    text-align:center !important;
    margin:7px 2px 0px 2px;
    background:#fff url('../img/bg/buttons/ButtonWrapperBlue.gif') repeat-x 0 0;
    height:27px;
    padding:4px 0 2px 0;
}

div.PPCMWrapper div.ButtonWrapper
{
    margin:0;
    border:none;
}
/*End of Button Wrappers*/


/*End of buttons and their mouseovers*/


/*right aligned labels*/

fieldset.RightAligned
{
    margin:0;  
    padding:0;
}

fieldset.RightAligned input.text
{
    width:260px;
}

fieldset.RightAligned li
{
    float: left;  
    clear: left;  
    width: 100%;  
    padding-bottom:.8em; 
}

fieldset.RightAligned label
{
    text-align:right;
    left:0;
    top:0;
    padding:0 10px 0 0;
}

/*checkboxes appear to the left of the label*/
fieldset.RightAligned label.Checkbox, fieldset.RightAligned input.Checkbox
{    
    margin:0;
    padding:0;
    float:none;
    display:inline;
    text-align:left;     
}


/*end of right aligned labels*/

/*login*/

fieldset.Login
{
    padding:15px 0 10px 25px;
}

fieldset.Login label
{
    margin:0;
    width:92px;   
}

fieldset.Login a
{
    padding:0 0 0 10px; 
}

fieldset.Login .TextBoxAlign
{
    margin:0 0 0 100px;
}

/*end of login*/
fieldset.FewShortQuestions
{
    padding:20px 15px 15px 15px;
}

fieldset.FewShortQuestions label
{
    text-align:left;
    padding:0;
}

fieldset.FewShortQuestions label.Radio
{
    width:90%;
    padding:0 0 0 5px;
}

fieldset.FewShortQuestions input.text
{
    margin-bottom:10px;
}

fieldset.FewShortQuestions input.Radio
{
    margin:2px 0 0 0;
    padding:0;
}

/*******************************************************/
/*          End of Forms                       */
/*******************************************************/


/*******************************************************/
/*          Misc. Useful Classes                       */
/*******************************************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.ClearLeft
{
    clear:left;
}

.ClearBoth
{
    clear:both;
}

.ClearRight
{
    clear:both;
}

.ClearLeftAlone
{
    clear:left;
    font-size:1px;
}

.ClearBothAlone
{
    clear:both;
    font-size:1px;
}

.ClearRightAlone
{
    clear:both;
    font-size:1px;
}

/*******************************************************/
/*          End of Misc. Useful Classes                */
/*******************************************************/

/*******************************************************/
/*          General Structure                          */
/*******************************************************/

body {	
	font-family: "lucida grande","lucida sans unicode",verdana,helvetica,sans-serif;
	font-size: 75%; /* 16px / 12px = 75% */ 
	line-height: 1.666em;
	color: #666;
	background-color:#fff;
}

a img
{
    border:none;
}

div#GlobalBandanaContainer
{
    background:#cecece url('../img/bg/GlobalBandanaContainer.gif') repeat-x 0 0;
    position:relative;
    z-index:3; /*needed so the More Button menu will show on top of content below it*/
}

div#GlobalBandanaContainer ul
{   
   
    border-left:solid 1px #93b6d4;
    margin:0 0 0 5px;
    padding:0;
}

div#GlobalBandanaContainer ul.AccountInfo
{   
    float:right;
    border:none;
    margin:0;
}

div#GlobalBandanaContainer ul li
{   
    float:left;
    padding:0 12px 0 0;
    font-size:11px;    
}

div#GlobalBandanaContainer ul li a, div#GlobalBandanaContainer ul li a:visited
{   
    color:#006699;    
}

div#GlobalBandanaContainer ul li.VisitOurNetwork
{
    background-color:#f3f3f3;
    border:solid 4px #a2c9e2;
    border-top:none;
    border-bottom:none;
    text-align:right;
    width:152px;
    padding:0 8px 0 0;
}

div#GlobalBandanaContainer ul li.GTNews
{
    border-left:solid 1px #93b6d4;
    padding-left:6px;
}

div#GlobalBandanaContainer ul li.SignInOut
{
    padding-right:0px;
}

div.GlobalUtilityNavContainer
{
    background:#749cc3 url('../img/bg/GlobalUtilityNavContainer.gif') repeat-x 0 0;
    border-bottom:solid 1px #004b93;
    position:relative;
    z-index:2; /*needed so the QuickLinks Button menu will show on top of content below it; especially the Carousel*/
    width:990px;
}

div.GlobalUtilityNavContainer img.Logo
{
    position:absolute;
    left:5px;    
}

div.GlobalUtilityNavContainer ul
{
    float:right;
    margin:14px 0 12px 0;
}

div.GlobalUtilityNavContainer ul.QuickLinksWrapper
{
    float:none;
    position:absolute; /* Used absolute positioning because IE 6 had issues with padding and margin with YUI button Nav*/
    left:530px;
    top:14px;
    margin:0;
    width:130px; 
}

div.GlobalUtilityNavContainer ul li
{
    border-right:solid 1px #92cfee;
    border-left:solid 1px #759cc3;
    float:left;
    height:14px;
    line-height:14px;
    padding:0 5px;
}

div.GlobalUtilityNavContainer ul li a, div.GlobalUtilityNavContainer ul li a:visited
{   
    color:#003366;    
}

div.GlobalUtilityNavContainer ul li.QuickLinks
{
   border-left:none;
   border-right:none;
   padding:0;
}

div.GlobalUtilityNavContainer ul li.AboutAFP
{
    border-left:none;
}

div.GlobalUtilityNavContainer ul li.ShoppingCart
{
    background:url('../img/bg/icons/CartGlobalUtilityNav.gif') no-repeat 7px 0;
    border-right:none;
    padding:0 5px 0 22px;
}

div.GlobalUtilityNavContainer div.GoogleSearch
{
    background:#749CC3 url('../img/bg/boxes/GoogleSearch.gif') repeat-x 0 0;
    border-top:solid 1px #004b93;
    clear:right;
    float:right;
    margin:0 5px 0 0;
    padding:5px;
    width:341px;
    height:55px;
}

div.GlobalUtilityNavContainer form
{
    margin:0;
    padding:0;
}

div.GlobalUtilityNavContainer div.GoogleSearch ul
{
    border-top:solid 1px #808080;
    margin:0;
    padding:0;
    z-index:1;    
}

div.GlobalUtilityNavContainer div.GoogleSearch ul li
{
    background-color:#fff;    
    border:solid 1px #c5c5c5;
    border-bottom:solid 1px #dedede;
    border-right:none; 
    height:24px;
    line-height:24px;
    margin:0;
    padding:0;
}

div.GlobalUtilityNavContainer div.GoogleSearch ul li.GoogleSearchImage
{
    background:#749CC3 url('../img/bg/boxes/GoogleSearch.jpg') no-repeat 0 0;
    width:97px;
}

div.GlobalUtilityNavContainer div.GoogleSearch ul li.HasSearchInput
{
    border-right:solid 1px #c5c5c5;
}

div.GlobalUtilityNavContainer div.GoogleSearch input
{
    background-color:#fff;
    border:none;
    color:#888888;
    height:18px;
    margin:0;
    padding:0;
    width:160px;
}

div.GlobalUtilityNavContainer div.GoogleSearch li.Searchbutton
{
    background:#749CC3 url('../img/bg/boxes/GoogleSearch.gif') repeat-x 0 -5px;
    border:none;
    height:auto;
    line-height:normal;
    padding:0 0 0 3px;    
    position:relative;
    top:-1px; /*push this up one to cover the border of the ul and to position its top with the other elements*/
    z-index:2;
}

div.GlobalUtilityNavContainer div.GoogleSearch li.Searchbutton input
{
    height:28px;
    width:73px;
    background-color:Transparent;
}

div.GlobalUtilityNavContainer div.GoogleSearch li.AdvancedSearch
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    clear:both;
        font-size:10px;
        margin:0;
        padding:0;
    background:url('../img/bg/arrows/SmallWhiteRight.gif') no-repeat right 5px;    
        width:90px;
        height:auto;
        line-height:normal;
}

div.GlobalUtilityNavContainer div.GoogleSearch li.AdvancedSearch a
{
    color:#fff;
}

div.BreadcrumbContainer
{
    padding:0 0 1px 0;
    border-bottom:solid 2px #dfdfdf;
}

ul.Breadcrumb
{
     background-color:#f3fcff;
     border-bottom:solid 1px #5386b9;
     height:23px;
}

ul.Breadcrumb li
{
    color:#666666;
    height:20px;
    line-height:20px;
    padding:0 5px;
    font-size:11px;
    margin:0;
    border:none;
    float:left;
}

ul.Breadcrumb li span
{
    padding:0 7px 0 0;
}

/* uses default
ul.Breadcrumb li a
*/

div.ColumnOne, div.ColumnTwo, div.ColumnThree
{
    background-color:#fff;
}

#GlobalFooterContainer
{
    background-color:#eaeaea;
    border-top:solid 2px #ccc;
    color:#685b4a;
    font-size:11px;
}

#GlobalFooterContainer dl
{
    float:left;
    margin:0 9px 11px 0px;
    padding:0 0 0 10px;
    width:178px;
    border-left:solid 1px #e0e0e0;
    line-height:normal;
}

#GlobalFooterContainer dl.First
{
    border:none;
    margin-right:10px;
}

#GlobalFooterContainer dt
{
    font-size:13px;
}

#GlobalFooterContainer dt, #GlobalFooterContainer dd
{
    margin:0 0 8px 0;
}

/* uses default
#GlobalFooterContainer a
*/

#GlobalFooterContainer div
{
    clear:left;
}

/*******************************************************/
/*          End of General Structure                   */
/*******************************************************/


/*******************************************************/
/*          Navigation                                 */
/*******************************************************/

/*More Button Nav handled by YUI*/

#MoreContainer button
{
     background:url('../img/bg/buttons/GlobalBandanaMoreSprt.gif') no-repeat 100% 0px;
     padding:0 10px 0 0;
     margin:0;
     color:#006699;
     font-size:11px;
     border:none;
     cursor:pointer;
     width:51px;    
}

#MoreContainer button
{
     background:url('../img/bg/buttons/GlobalBandanaMoreSprt.gif') no-repeat 100% 1px;
     margin:0 0 0 0;
     height:19px;
}

#MoreContainer .yui-button-hover button, #MoreContainer .yui-button-active button
{
     background-position:100% -15px;
}

/*style the drop down */
#MoreContainer div.bd
{
    background:#fff;
    overflow:auto;
    padding:0;
    margin:0;
    border:solid 1px #003366;
    border-top:none;
    border-left:none;
}

div#GlobalBandanaContainer #MoreContainer ul
{
    background:#fff;
    border:none;
    border:solid 1px #999;
    padding:10px;
    margin:0;
}

div#GlobalBandanaContainer li#MoreContainer li
{
    float:none;
    background-image:none;
    border:none;
}

#QuickLinks span.yui-button
{
    background:url('../img/bg/buttons/QuickLinksSprt.gif') no-repeat 0 0;
    padding:0 22px 0 5px;
    margin:0 20px 0 0;
    display:block;
    height:18px;
}

#QuickLinks span.yui-button-hover
{
    background-position:0 -18px;
}

#QuickLinks span.yui-button-active
{
    background-position:0 -36px;
}

#QuickLinks button
{
    border:none;
    background:transparent;
    font-size:11px;
    color:#003366;
}

#QuickLinks span.yui-button-hover button
{
    color:#2b7aa7;
}

div.GlobalUtilityNavContainer li#QuickLinks ul
{
    float:none;
    background-image:none;
    margin:0;
}

#QuickLinks div.bd
{
    border:solid 5px #e0f3fd;
    padding:3px 8px;
    background-color:#fff;
}

div.GlobalUtilityNavContainer li#QuickLinks ul li
{
    border:none;
    float:none;
    background:url('../img/bg/borders/BlueBottomBorder.gif') repeat-x 0 top;
    padding:5px 0;
    height:auto; /* ie needs this to force the block */
}

div.GlobalUtilityNavContainer li#QuickLinks ul li.first-of-type
{
    background-image:none;
}

div.GlobalUtilityNavContainer ul li.QuickLinks a
{
    padding:0 17px 0 0;
}

div.GlobalUtilityNavContainer li#QuickLinks ul li a
{
    background-image:none;
    color:#006699;
}

/*style the drop down */

/*End of More Button Nav handled by YUI*/

/*Global Nav handled by YUI*/

/*Containers for the YUI Nav*//*make sure the 1 pixel of blue (#a0c5d3) shows*/

div#GlobalNav
{
     border-bottom:solid 1px #dfecf0;
     background-color:#a0c5d3;
     padding:0 0 1px 0;
     zoom:1; /*IE needs this to stop the flicker */
}

ul.GlobalNavContainer
{
      background:#a0c5d3 url('../img/bg/GlobalNavContainer.gif') repeat-x 0 0;
      height:29px;
}

ul.GlobalNavContainer li
{
    color:#c7e3ff;
    border-right:solid 1px #004b93;
    border-left:solid 1px #79acbf;
    float:left;
    height:28px;
    line-height:28px;
    padding:0 10px;
    font-size:13px;
    margin:0;
}

ul.GlobalNavContainer li.First
{
    border-left:none;
}

ul.GlobalNavContainer li.Last
{
    border-right:none;
}

ul.GlobalNavContainer li a, ul.GlobalNavContainer li a:visited
{
   color:#c7e3ff;
}

ul.GlobalNavContainer li.yuimenubaritem-selected
{
   background-color:#8bb3d1;
   color:#003366;        
}

ul.GlobalNavContainer li.yuimenubaritem-selected a
{
   color:#003366;
   text-decoration:none;        
}

/*End of Containers for the YUI Nav*/


/*Drop down menu*/
ul.DropDownMenus li div div.bd
{
    border-bottom:solid 3px #5588bb;
}

ul.DropDownMenus li ul
{
    border:solid 5px #8bb3d1;
    background-color:#fff;
}

ul.DropDownMenus ul li
{
    float:none;
    padding:2px 0;
	margin:0 5px; 
	height:auto; /* ie needs this to force the block */
	background: #fff;
	border:none;
	font-size:12px;
	background:url('../img/bg/borders/BlueBottomBorder.gif') repeat-x 0 top;
}

ul.DropDownMenus ul li.first-of-type
{    
    background-image:none;
}

ul.DropDownMenus ul li a, ul.DropDownMenus ul li a:focus, ul.DropDownMenus ul li a:visited, ul.DropDownMenus ul li a:active 
{
    display:block;
	color:#006699;
	margin: 0;
	text-decoration: none;
}

ul.DropDownMenus ul li a:hover {
     color:#003366;
     text-decoration:underline;
}

/*End of Drop down menu*/

/*End of Global Nav handled by YUI*/

div.PageLevelNavWrapper
{
    background-color:#fff;
    border-top:solid 2px #5386b9;
    padding:1px 0 0 0;
}

ul.PageLevelNav
{
   background-color:#dbf0fb;
   border-top:solid 1px #5386b9;
   padding:5px 9px 15px 6px;
}

ul.PageLevelNav li
{
   background:url('../img/bg/borders/BlueBottomBorder.gif') repeat-x 0 bottom;
   line-height:normal;
   padding:5px 2px;
   
}

ul.PageLevelNav li.Last
{
    background-image:none;
}


/*******************************************************/
/*          End of Navigation                          */
/*******************************************************/


/*******************************************************/
/*          Structure Used on Many Pages               */
/*******************************************************/

/*Line Divider*/

div.bluedottedline
{
	background:url('../img/bg/borders/BlueBottomBorder.gif') repeat-x 0 bottom;
	padding:5px 0 3px 0;
	clear:both;
}

/*Link Classes*/

/*Links with Arrows*/
a.LinkWithArrow, a.LinkWithWhiteArrowLeft, a.LinkWithGreyArrow, a.LinkWithLeftArrow, a.LinkWithLittleWhiteArrow, a.LinkWithBrownRightArrow
{
     background:url('../img/bg/arrows/LinkWithArrowSprt.gif') no-repeat 100% 0px;
     padding:0 20px 0 0;
}

a.LinkWithWhiteArrowLeft
{
     background-position:0 3px;
     padding:0 0 0 20px;
}

a.LinkWithGreyArrow
{
     background-position:100% -15px;
}

a.LinkWithBrownRightArrow
{
     background-position:100% -72px;
}

a.LinkWithLeftArrow
{
     padding:0 0 0 20px;
     background-position:0 -34px;
}

a.LinkWithLittleWhiteArrow
{
     padding:0 11px 0 0;
     background-position:100% -47px;
}


a.PDFDropShadow
{
    background:url('../img/bg/icons/PDFSmallDropShadow.gif') no-repeat 0 2px;
    padding:5px 0 5px 23px;
}


/*End of Links with Arrows*/

/*Links for multimedia icons*/
a.Listen, a.Watch, a.View, a.Filmstrip
{
    background:url('../img/bg/icons/Multimedia.gif') no-repeat 0 0;
    padding:0 0 0 20px;
}

a.Watch
{
    background-position:0 -23px;
}

a.View
{
    background-position:0 -46px;
    padding:0 0 0 18px;
}

a.Filmstrip
{
    background-position:0 -67px;
}

/*turn off the block inside a link list */
ul.LinkList li a.Listen, ul.LinkList li a.Watch, ul.LinkList li a.View, ul.LinkList li a.Filmstrip 
{
    display:inline;
}


a.BrownGradientButton, a.BrownGradientButton:visited
{
    background:url('../img/bg/buttons/BrownButtonSprt.gif') no-repeat 0 -26px;
    color:#b88431;
    display:block;
    font-size:11px;
    font-weight:normal;    
    height:24px;
    line-height:24px;
    margin:0;
    padding:0;
    text-align:center;
    width:120px;
}

a.BrownGradientButton:hover
{
	background:#dec2a1 url('/WebSite/img/bg/buttons/BrownButtonSprt.gif') no-repeat  0 -26px;
	color:#a46209;
	text-decoration:none;
}

a.GrayBox, a.GrayBox:visited
{
    background-color:#afaeae;
    color:#fff;
    font-size:11px;
    padding:0 3px;
}

a.GrayBox:hover
{
    background-color:#bdbcbc;
}

a.SmallerFont
{
    font-size:11px;
}

a.LargerFont
{
    font-size:13px;
}

a.LargerFontLink
{
    font-size:13px;
	color:#800000;
}

/*End of Link Classes*/


/*useful border classes*/
.DottedBorderTop
{
    background:url('../img/bg/borders/GrayBottomBorder.gif') repeat-x 0 top;  
}

/*End of useful border classes*/

/*classes to turn the bullet on and off in ul's */

/*you can set the wrapper div or the actual ul */

div.ShowBullet ul, ul.ShowBullet
{
    margin:7px 10px; 
}

div.ShowBullet ul li, ul.ShowBullet li
{
    background:url('../img/bg/StandardBullet.gif') no-repeat 1px 9px;
    padding:2px 14px;
}

/*End of classes to turn the bullet on and off in ul's */

/*End of Classes to turn the bullet on and off in ul's */

div.HighlightWidget
{
    background-color:#ffe8b8;
    border-bottom:solid 1px #ccc;
    height:270px;
    margin:0 0 20px 0;
    padding:0 0 1px 0;    
}

div.Header
{
    border:solid 1px #ccc;
    border-left:none;
    border-right:none;
    margin:0 0 10px 0;
    padding:1px 0;
}

div.HeaderNextElemFlush
{
    margin:0;
}


div.Header div
{
    background-color:#eaeaea;
    padding:7px 5px 6px 5px;
    overflow:auto;
    zoom:1;
}

div.Header div div
{
    float:left;
    padding:0;
    line-height:1.2em;
    font-size:11px;
    margin:-2px 0 0 0;
    overflow:visible; /* needed for Chrome */
}

div.Header div img.RSS
{
    float:left;
    height:14px;
    width:14px;
    padding:0 7px;
    margin:-2px 0 0 0;
}

div.Header h3
{
    text-transform:uppercase;
    float:left;
}

div.Header ul
{
    float:right;
    margin:-2px 0 0 0;
}

div.Header ul li
{
    float:left;
    color:#666666;
    margin:0 5px 0 0;
    line-height:1.1em;
}

div.Header ul li.Separator
{
    border-left:solid 1px #666;
    padding:0 0 0 5px;
    height:14px;
}

div.Header ul li.Separator img
{
    float:left;
    padding:5px 0 0 0;
}

ul.LinkList
{
    margin:5px 0 0 0;
    zoom:1; /* ie 6 hasLayout */
}

ul.LinkList li
{
    background:url('../img/bg/borders/GrayBottomBorder.gif') repeat-x 0 bottom;
    line-height:normal;
    margin:0 0 7px 0;
    padding:0 0 7px 0;
}

ul.BrownBorder li
{
    background:url('../img/bg/borders/BrownBottomBorder.gif') repeat-x 0 bottom;
}

ul.LinkList li.NoBorder, ul.NoBorder li
{
    background-image:none;
    zoom:1; /* ie 6 hasLayout */
}

ul.LinkList li.Vote
{
				margin:0;
}

ul.LinkList li.CaptionOverlay
{
    padding-right:10px;
    position:relative;
}

ul.LinkList li.CaptionOverlay img
{
    border:solid 1px #ccc;
    padding:2px;
}

ul.LinkList li.CaptionOverlay h6
{
    position:absolute;
    z-index:10;
    left:10px;
    top:55px;
    font-size:11px;
    font-weight:normal;
    color: #fff;
    padding:0;
}

ul.LinkList li.CaptionOverlay div
{
   margin:-24px 2px 0 3px;
   -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
   opacity: 0.5;               /* newer Mozilla and CSS-3 */
   filter:alpha(opacity=50);   /* Internet Explorer       */
   height:14px;
   width:86px;
   padding:2px 5px;
   background:#c88f42;
   position:relative;
   z-index:1;
}

ul.LinkList li.CaptionOverlay div.Trans
{

}

ul.LinkList li.CaptionOverlay p
{
    color:#333;
    margin:-18px 0 0 0;
    position:relative;
    z-index:10;
    padding:0 10px;
}

ul.LinkList li.CaptionOverlay a:hover
{
    text-decoration:none;
}

ul.LinkList li.LinkListHeader
{
    background-image:none;
    margin:0;
    padding:0;
    line-height:normal;
}

ul.LinkList li.LinkListHeader h4 
{
    font-weight:normal;
    line-height:normal;
    margin:0;
    padding:0;
    font-family: "lucida grande","lucida sans unicode",verdana,helvetica,sans-serif;
    text-transform:uppercase;
}

ul.LinkList li a
{
    display:block;
    margin:0 0 .2em 0;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
    font-size: 1.0em;
}

ul.LinkList li.NoBlock a
{
    display:inline;
}

ul.ExternalWebSiteList li a, li.ExternalWebSiteList a
{
    background:url('../img/bg/icons/ExternalSite.gif') no-repeat 2px 3px;
    padding:0 0 0 20px;
}

ul.PDFList li a, li.PDFList a
{
    background:url('../img/bg/icons/PDFSmall.gif') no-repeat 2px 1px;
    padding:0 0 0 23px;
    min-height:18px;
}

/*ie 6 height*/
*.html ul.PDFList li a, *.html li.PDFList a
{
    height:18px;
}

ul.LinkList li em
{
    color:#000;
    display:block;
    font-size:11px;
}

ul.LinkList li p
{
    margin:.2em 0 0 0;
    padding:0;
    color:#c88f42;
    font-size:11px;
}

ul.LinkList li img.icon
{
    padding:0 5px 0 0;
}

ul.ImageOnLeft
{
   padding:7px 0 0 0;
   overflow:auto;
}

ul.ImageOnLeft li
{
    float:left;
    margin:0;
    padding:0 15px 0 0;

}

ul.ImageOnRight li
{
    float:right;
    margin:0;
    padding:0 15px 0 0;

}

ul.WhatWeOffer li h4
{
    color:#336699;
    margin:0;
    padding:0;
    font-weight:normal;
    font-size:1.4em;
}

ul.WhatWeOffer li h4 a
{
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
}

ul.WhatWeOffer li h6
{
    font-style:italic;
    color:#af792f;
    margin:0;
    padding:0;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
}

ul.WhatWeOffer li h6 span
{
	font-style:normal;
	padding:0 2px;
}

ul.WhatWeOffer li a
{
    font-family: "lucida grande","lucida sans unicode",verdana,helvetica,sans-serif;
}

ul.WhatWeOffer li p
{
    color:#666;
    line-height:1.666em;
    margin:5px 0;
    font-size:12px;
}

table.LinkList td
{
    width:50%;
}

table.BrownBorder td
{
    background:url('../img/bg/borders/BrownBottomBorder.gif') repeat-x 0 bottom;
}

table.BrownBorder tr.NoBorder td
{
    background-image:none;
}

/*inside the split 2nd column of the three column layout*/
div.ThreeColumns div.ColumnTwo div.EvenSplit ul.ImageOnLeft li
{
    padding:0 8px 0 0;
}


ul.ImageOnLeft li h5
{
    font-style:italic;
    font-weight:normal;
    margin:0;
    padding:0;
    color:#000;
}

ul.ImageOnLeft li.Last
{
    width:185px;
    padding:0;
}

/*inside the split 2nd column of the three column layout*/
div.ThreeColumns div.ColumnTwo div.EvenSplit ul.ImageOnLeft li.Last
{
    width:130px;
}

ul.MemberProfile
{
    padding:0 10px;
}

ul.MemberProfile li img
{
    border:solid 1px #eaeaea;
    padding:2px;
}

dl.UpcomingEvents
{
    border-top:solid 2px #c88f42;
    margin:0 0 10px 0;
    padding:1px 0 0 0;
}

dl.UpcomingEvents dt 
{
    background-color:#f6efe7;
    border-top:solid 1px #c88f42;
    color:#a6640a;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
    font-size:14px;
    margin:0 0 3px 0;
    padding:5px 5px;
    text-transform:uppercase;
}

dl.UpcomingEvents dd 
{
    background-color:#f4eee6;
    border-top:solid 1px #e1cfb9;
    color:#a6640a;
    margin:0 0 3px 0;
    padding:2px 5px;    
}

dl.UpcomingEvents dd h6
{
    color:#c88f42;
    font-size: .9em;
    text-transform:uppercase;
    margin-bottom: 0.5em;
}

dl.UpcomingEvents dd h6 span
{
    font-size: 1.4em;
    font-weight:bold;
}


dl.UpcomingEvents dd p
{
    margin:0;
    padding:0;
}

dl.UpcomingEvents dd p.EventName
{
    color:#333;
}

dl.UpcomingEvents dd.on 
{
    background-color:#faf7f4;
}

dl.UpcomingEvents dd.on h6
{
    color:#333;
}

dl.UpcomingEvents dd.on p
{
    color:#336699;
}

dl.UpcomingEvents dd.on p.EventName
{
    color:#336699;
}

div.ExchangeHighlight
{
    background:#fecf82 url('../img/bg/boxes/ExchangeHighlight.gif') repeat-x 0 0;
    margin:0 0 10px 0;    
    padding:0 0 5px 0;    
}

div.Magazine
{
     background:transparent url('../img/bg/boxes/Magazine.jpg') no-repeat 0 0;
     padding:5px 0 20px 13px;
     position:relative;
     z-index:0;
}

div.SubscribeToday
{
    background:transparent url('../img/bg/boxes/SubscribeToday.gif') no-repeat 0 0;    
    color:#fff;
    font-size:9px;
    height:15px;
    line-height:15px;
    margin:-50px 0 0 0;
    padding:0 0 0 8px;
    float:right;
    position:relative;
    z-index:0;
}

div.SubscribeToday div
{
    background-color:#cc7b48;
    padding:0 3px;
    height:15px;
    line-height:15px;    
}

div.ExchangeHighlight p
{
    clear:right;
    margin:0 8px;
    color:#996633;
}

/*wrapper used in many places*/
div.PublicationWrapper, div.PublicationWrapperTighter, div.PublicationWrapperLast
{
    background:url('../img/bg/borders/BlueBottomBorder.gif') repeat-x 0 bottom;    
    margin:0 0 10px 0;
    padding:0 0 20px 0;
    overflow:auto;
    zoom:1;
}

div.PublicationWrapperLast /*turn off the last dashed border and remove the padding for the last or only pseudo-row*/
{
    background-image:none;    
    margin:0;
    padding:0 0 25px 0;
}


div.PublicationWrapperTighter
{
    padding:0 0 10px 0;
}

/* Star Rating displays*/
.StarRating
{
    background:url('../img/bg/icons/StarsSprt.gif') no-repeat 100% 1px;
}

div.StarRating
{
    width:77px;
    margin:0 0 10px 3px;
    height:14px;
}

.FourStar
{
    background-position:100% -18px;
}

.ThreeStar
{
    background-position:100% -36px;
}

.TwoStar
{
    background-position:100% -54px;
}

.OneStar
{
    background-position:100% -72px;
}

.ZeroStar
{
    background-position:100% -90px;
}
/* End of Star Rating displays*/

 
 
 /*********** The various styled boxes ***********/
 
 
 /*create two or four rounded corners */

/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: David Tobias of TKR Engineering
	|
	| + please let this text & links intact for a next user +
*/

/*Defaults used on Highlight Box */
.top-left, .top-right, .bottom-left, .bottom-right
{ 
	background-image: url('../img/bg/corners/HighlightboxSprt.gif'); /* CHANGE: path and name of your image */
	height: 8px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}

.top-left, .bottom-left
{ 
	margin-right: 2px; /* CHANGE: replace by the width of one of your corners */
}

.top-right, .bottom-right
{ 
	margin-left: 2px;   /*CHANGE: replace by the width of one of your corners */
	margin-top: -8px;  /* CHANGE: replace by the height of one of your corners */
}
	
.top-right
{
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
.bottom-left, .bottom-right 
{
    height: 3px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}	
	
.bottom-left
{ 
	background-position: 0 -8px;    /* CHANGE: replace second number by negative height of one of your corners */
}

.bottom-right
{ 
	background-position: 100% -8px; /* CHANGE: replace second number by negative height of one of your corners */
	margin-top: -3px;  /* CHANGE: replace by the height of one of your corners */
}

 /*create two or four rounded corners */
 
 /*Finish off the hightlight box*/

div.HighlightBoxWrapper
{
    margin:0 0 10px 0;
}
 
div.HighlightBoxWrapper div
{
    border:solid 1px #999999;
    border-top:none;
    border-bottom:none;
    padding:3px 5px;
}

/*turn off the above for any grandchild div*/
div.HighlightBoxWrapper div div
{
    border:none;
    padding:0;
}
 
div.HighlightBoxWrapper div.top-left, div.HighlightBoxWrapper div.top-right, div.HighlightBoxWrapper div.bottom-left, div.HighlightBoxWrapper div.bottom-right
{
    border:none;
    padding:0;
}

/* Do the same thing but this time for the curved in box used with the poll*/

div.CurvedInBox
{
    margin:0 0 10px 0;
}

div.CurvedInBox div
{
    background-color:#f8f2ea;
    border:solid 1px #efe0ce;
    border-top:none;
    border-bottom:none;
    padding:4px 17px 0 17px;
}

div.CurvedInBox div.top-left, div.CurvedInBox div.top-right, div.CurvedInBox div.bottom-left, div.CurvedInBox div.bottom-right
{
    border:none;
    padding:0;
    background-image: url('../img/bg/corners/CurvedInSprt.gif'); /* CHANGE: path and name of your image */
	height:13px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}

div.CurvedInBox .top-left, div.CurvedInBox .bottom-left
{ 
	margin-right:12px; /* CHANGE: replace by the width of one of your corners */
}

div.CurvedInBox .top-right, div.CurvedInBox .bottom-right
{ 
	margin-left:12px;   /*CHANGE: replace by the width of one of your corners */
	margin-top: -13px;  /* CHANGE: replace by the height of one of your corners */
}
	
div.CurvedInBox .top-right
{
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
div.CurvedInBox .bottom-left, div.CurvedInBox .bottom-right 
{
    height:13px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}	
	
div.CurvedInBox .bottom-left
{ 
	background-position: 0 -13px;    /* CHANGE: replace second number by negative height of one of your corners */
}

div.CurvedInBox .bottom-right
{ 
	background-position: 100% -13px; /* CHANGE: replace second number by negative height of one of your corners */
	margin-top: -13px;  /* CHANGE: replace by the height of one of your corners */
}

div.CurvedInBox h4
{ 
    font-weight:normal;
    margin:0;
    padding:0;
}

/*End of curved in box*/

/*Thought Bubble*/

div.ThoughtBubble
{
    background-color:#0099cc;
    color:#ffcc33;
    margin:1px 0 10px 0;
    padding:8px 10px;
    text-align:center;
}

div.ThoughtBubble div
{
    background-color:#fff;
    padding:7px 10px;
    font-size:15px;
    color:#0099cc;
 }

div.ThoughtBubble div.top-left, div.ThoughtBubble div.top-right, div.ThoughtBubble div.bottom-left, div.ThoughtBubble div.bottom-right
{
    padding:0;
    background-image: url('../img/bg/corners/ThoughtBubbleSprt.gif'); /* CHANGE: path and name of your image */
	height:4px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}

div.ThoughtBubble .top-left, div.ThoughtBubble .bottom-left
{ 
	margin-right:5px; /* CHANGE: replace by the width of one of your corners */
}

div.ThoughtBubble .top-right, div.ThoughtBubble .bottom-right
{ 
	margin-left:5px;   /*CHANGE: replace by the width of one of your corners */
	margin-top: -4px;  /* CHANGE: replace by the height of one of your corners */
}
	
div.ThoughtBubble .top-right
{
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
div.ThoughtBubble .bottom-left, div.ThoughtBubble .bottom-right 
{
    height:4px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}	
	
div.ThoughtBubble .bottom-left
{ 
	background-position: 0 -4px;    /* CHANGE: replace second number by negative height of one of your corners */
}

div.ThoughtBubble .bottom-right
{ 
	background-position: 100% -4px; /* CHANGE: replace second number by negative height of one of your corners */
	margin-top: -4px;  /* CHANGE: replace by the height of one of your corners */
}

div.ThoughtBubble div.ThoughtBubbleCone
{
    background:#0099cc url('../img/bg/corners/ThoughtBubbleCone.jpg') no-repeat 75px 0; /* CHANGE: path and name of your image */
    padding:3px 0 0 100px;
    text-align:left;
    color:#fff;
    font-size:13px;
    font-family: Georgia,Garamond,"Times New Roman",Times,serif;
}

div.ThoughtBubble a.LinkBelowThought
{
    color:#ffa63c;
}

div.ThoughtBubble a.LinkBelowThought:hover
{
    text-decoration:underline;
}

/*End of Thought Bubble*/



/*Blue Gradient White Corners*/

div.BlueGradient div.top-left, div.BlueGradient div.top-right
{
    padding:0;
    background-image: url('../img/bg/corners/BlueWhiteCornersSprt.gif'); /* CHANGE: path and name of your image */
	height:4px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}

div.BlueGradient .top-left
{ 
	margin-right:4px; /* CHANGE: replace by the width of one of your corners */
}

div.BlueGradient .top-right
{ 
	margin-left:4px;   /*CHANGE: replace by the width of one of your corners */
	margin-top: -4px;  /* CHANGE: replace by the height of one of your corners */
}
	
div.BlueGradient .top-right
{
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
	
/*End of Blue Gradient White Corners*/


div.DottedBorderTopBottom
{
    background:url('../img/bg/borders/GrayBottomBorder.gif') repeat-x 0 top;
    margin:0 0 16px 0;  
}

div.DottedBorderTopBottom ul
{
    background:url('../img/bg/borders/GrayBottomBorder.gif') repeat-x 0 bottom;
    padding:0 2px; 
    overflow:auto;
    zoom:1; 
}

div.DottedBorderTopBottom li
{
    float:left;
    height:23px;
    line-height:23px; 
}

div.DottedBorderTopBottom li.Last
{
    float:right;
}

div.DottedBorderTopBottom li.Last span
{
    color:#c88f42;
    padding:0 0 0 3px;
}


.TanBoxWithBorder, .TanBoxWithBorderTopBottom, .TanBoxWrapper
{
    background-color:#f4eee6;
    border-top:solid 1px #e1cfb9; 
}

.TanBoxWithBorderTopBottom
{
    background-color:#f4eee6;
    border-bottom:solid 1px #e1cfb9;
    margin:0 0 10px 0;
    padding:15px 7px; 
}

.TanBoxWithBorderTopBottom h4
{
    font-weight:normal;
    margin:0 0 1.5em 0;
}

.TanBoxWrapper
{
    border:none;
    margin:0 0 30px 0;
    padding:10px 15px;
}

.TanBoxWrapper div
{
    background-color:#fdf9f3;
    border:solid 1px #eaded0;
    border-left:none;
    border-right:none;
    color:#b1721c;
    padding:5px 10px;
}

.TanBoxWithBorder h2
{
     color:#a6640a;
     margin:15px 15px 10px 15px;
}

.TanBoxWithBorder p
{
     color:#a6640a;
     padding:0 15px 7px 15px;
     margin:0;
     color:#666;
}

div.InMiddle
{
    padding:0 0 7px 0;
    margin:0 0 15px 0;
}

div.GrayPaddedBox
{
    background-color:#eaeaea;
    padding:7px 5px;
    font-size:11px;
    margin:0 0 10px 0;
}

div.GrayPaddedBox img
{
    padding:0 0 7px 0;
}

div.Searches div div
{
    font-size:15px;
    margin:0 5px 5px 5px;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
}

div.Searches div div span
{
    color: #a6640a;
    padding:0 0 0 3px;
}

div.Searches div div p
{
    color: #a6640a;
    margin:0;
    font-size:12px;
}

div.Searches div ul li
{
    background:url('../img/bg/borders/GrayBottomBorder.gif') repeat-x 0 bottom;  
    padding:0 5px;
    height:20px;
    line-height:20px;
}

div.Searches div ul li.Last
{
    background-image:none;
}

div.Searches div ul li a
{
    display:block;
    float:left;
    padding:0 5px 0 0;
    width:45%;
}
/*Several combinations of a box with a double top border, then a space, then a single border*/

div.DoubleBorderWrapper, div.DoubleBorderWrapper div, div.DoubleBorderWrapper ul
{
    border-top:solid 2px #b1b1b1;
    padding:1px 0;
}

div.DoubleBorderWrapper div h3
{
    line-height:1.2em;
}

div.DoubleBorderWrapper div, div.DoubleBorderWrapper ul
{
    border-width:1px;
    padding:7px 1px;
}

div.DoubleBorderWrapper div
{
    line-height:1.3em;
}

div.DoubleBorderWrapper div input.Subscribe
{
    margin:5px 0 0 62px;
}

/*turn off the defaults for a ul inside div.DoubleBorderWrapper ul */
div.DoubleBorderWrapper ul ul
{
    border:none;
    padding:0;
}


div.DoubleBorderWrapper ul.LinkList
{
    margin:0;
}

div.DoubleBorderWrapper div h3
{
    margin-bottom: 0.3em;
}

/*Overlay text on top  of the doubleborder*/

div.DoubleBorderWrapper div.DoubleBorderWrapperOverlay
{
    padding:0;
    margin:-22px 0 0 0;    
    text-align:center;
    border:none;
}

div.DoubleBorderWrapper div.DoubleBorderWrapperOverlay h2
{
    background:#fff;
    display:inline;
    padding:0 15px;
    font-size:1.75em;
    color: #a6640a;
}
/* end of Overlay text on top  of the doubleborder*/

/*light blue inside, dark blue border*/
div.BlueBoxWrapper
{
    border:solid 1px #a6cde1;
    background-color:#f3fcff;
}

div.BlueBoxWrapper h6
{
    color:#000;
}

div.BlueBoxWrapper ul.JoinNow
{
    padding:20px;
    overflow:auto;
    zoom:1;
}

div.BlueBoxWrapper ul.JoinNow li
{
    float:left;
    width:47%;
    padding-top:35px;
}

div.BlueBoxWrapper ul.JoinNow li.Last
{
    float:right;
    padding:0;
    line-height:1.3em;
}

div.BlueBoxWrapper ul.JoinNow li.Last h6
{
    line-height:1.666em;
}

/*End of light blue inside, dark blue border*/

div.BrownShadedBox
{
    background:#fffefe url('../img/bg/boxes/BrownShadedBox.gif') repeat-x 0 0;
    border:solid 8px #f4eee6;
    border-top:none;
    padding:15px 7px;
}

div.BrownShadedBox h3
{
    color:#336699;
    font-size:1.4em;
    font-weight:normal;
    margin:0 0 8px 0;
}

div.BlueSquareHighlightBox
{
    border:solid 8px #dbf0fb;
    border-bottom:none;
    background:#dbf0fb url('../img/bg/boxes/BlueSquareHighlightBox.jpg') repeat-x 0px 0px;
}

div.BlueSquareHighlightBox h2
{
    color:#666;
}

 /*********** End of The various styled boxes ***********/


/*** Programmable Promotional Content Modules ***********/

/*default values are the gold and checkered background */

div.PPCMWrapper
{
    background:url('../img/bg/boxes/diaganol.gif');
    border:solid 1px #ccc;
    margin:0 0 10px 0;    
    padding:8px 5px;
    text-align:center;
    zoom:1;
    line-height: 1.666em;
}

div.PPCMWrapper:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.PPCMWrapper h2, div.BlueGradient h2
{ 
    font-size: 1.8em;
    line-height: 1.1em;
    margin:0 0 .2em 0;
    padding:0;
    color: #a6640a;
}  

div.Gray, div.BlueCheckered
{
    background:#d9d4c0 url('../img/bg/PPCMGray.gif') repeat-x 0 bottom;
    padding-left:0px;
    padding-right:0px;
}

div.BlueCheckered
{
    background:#c1f2f6 url('../img/bg/PPCMBlueCheckered.gif') repeat-x 0 0;
}

div.Gray h2
{ 
   background:#f0eee2 url('../img/bg/PPCMGrayH2.gif') repeat-x 0 0;
   border-top:solid 1px #fefef6;
   border-bottom:solid 1px #b9b6a5;
   padding:3px 0 6px 0;
   margin:-8px 0 0 0;
}

div.BlueCheckered h2
{ 
   background:#d0ecf8 url('../img/bg/PPCMBlueCheckeredH2.gif') repeat-x 0 0;
   border-bottom:solid 1px #8cb3d2;
   padding:3px 0 6px 0;
   margin:-8px 0 0 0;
   color:#3c70a2;
}



div.PPCMWrapper h3
{
    color:#333;
    font-weight:normal;
    font-size: 1.4em;
    line-height:1.2em;
    margin:.25em 0 0 0;
}

div.PPCMWrapper h4
{
   font-family:Georgia,Garamond,"Times New Roman",Times,serif;
   font-size: 1.4em;
   line-height: 1.1em;
   margin:0 0 .2em 0;
   padding:0;
   font-weight:normal; 
}

div.PPCMWrapper h5, ul.MemberBenefitList h5 
{
    color:#333;
    font-weight:normal;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
    padding:0;
    margin:.25em 0 0 0;
    font-size: 1.3em;
}

div.PPCMWrapper div, div.PPCMWrapper li
{
    background-color:#fff;
    border-top:solid 1px #ccc;
    text-align:left;
}

div.PPCMWrapper div
{
    padding:6px 17px;
}

div.PPCMWrapper ul.Horizontal li
{
    float:left;
    margin:0 2px 0 0;
    padding:15px 10px 8px 10px;
    width:123px; /*set for column three by default*/
}

div.Gray ul.Horizontal, div.BlueCheckered ul.Horizontal
{
    padding:8px 5px;
    background:#d9d4c0 url('../img/bg/PPCMGrayUL.gif') repeat-x 0 0;    
}

div.BlueCheckered ul.Horizontal
{
    background-image:none;
    background-color:Transparent;
}


div.Gray ul.Horizontal li, div.BlueCheckered ul.Horizontal li
{
    border-top:none;
    border-right:solid 1px #efede0;
    margin:0 0 8px 0;
    padding:0 10px 0 10px;
    background-color:#d9d4c0;
}

div.BlueCheckered ul.Horizontal li
{
    border-right-color:#8fb4d1;
    background-color:Transparent;
}

div.PPCMWrapper ul.Horizontal li.Last
{
    margin:0;
    border-right-color:#d9d4c0;
}

div.BlueCheckered ul.Horizontal li.Last
{
    margin:0;
    border-right:none;
}

div.PPCMRegisterHorizontal ul
{
    border-top:solid 1px #ccc;
    background-color:#fff;
    clear:left;
    padding:0 0 3px 0;
    overflow:auto;
    zoom:1; 
}

div.PPCMRegisterHorizontal ul li
{
    border-top:none;
    float:left;
    padding:3px 0 3px 10px; 
}

div.PPCMRegisterHorizontal ul li input
{
    margin:10px 0 0 0;
    padding:0;
}

div.BlueRegisterHorizontal
{
    background:#305b85 url('../img/bg/PPCMBlueRegisterHorizontal.gif') repeat-x 0 0;
}

div.BlueRegisterHorizontal div
{
    padding:2px;
    background-color:#fff;
}


div.BlueRegisterHorizontal h2
{
    color:#fff;
}

div.BlueRegisterHorizontal ul
{
    border-top:none;
}

ul.MemberBenefitList
{
    
    background-color:#fff;
    padding:3px 1px;
    overflow:auto;
    zoom:1; 
}

div.PPCMWrapper ul.MemberBenefitList
{
    border-top:solid 1px #ccc;
}

ul.MemberBenefitList li
{
    border-top:none;
    padding:0 0 0 21px;
    background:url('../img/bg/icons/OrangeCheck.gif') no-repeat 238px 3px;       
}

div.EvenSplit ul.BlueMemberBenefitList
{
    float:left;
    width:247px;
    padding:0;
    border:0;
    margin:0 0 15px 0;
}

ul.BlueMemberBenefitList li
{
    background-image:none;
    padding:0 0 0 10px;
}

ul.MemberBenefitList li.Even
{
    border-top:none;
    background-color:#fdfaf5;    
}

ul.BlueMemberBenefitList li.Even
{
    background-color:#eff5f8;    
}

ul.MemberBenefitList li.AndMore
{
    background-image:none;    
}

div.PPCMWrapper ul.MemberBenefitList li.AndMore
{
    padding:3px 0;
    text-align:center;
}

div.PPCMWrapper input.Button
{
    margin-top:7px;
    font-size:12px;
}

div.PPCMWrapper input.Button
{
    margin-top:7px;
    font-size:12px;
}

div.PPCMWrapper div.ButtonWrapper
{
    margin:0;
    border:none;
}

div.PPCMWrapper div.ButtonWrapper input.Button
{
    margin-top:2px;
}

/*** End of Programmable Promotional Content Modules ********/


/******** Other side column modules *************/

div.BlueGradient
{
    background:#5081b2 url('../img/bg/PPCMBlueGradient.gif') repeat-x 0 0;
    margin:0 0 10px 0;    
    padding:12px 5px 5px 5px;
    line-height: 1.666em;
}

div.BlueGradient h2
{
    color:#fff;
    padding:0 0 0 10px;
}

div.BlueGradient div
{
    background-color:#fff;
    overflow:hidden;
}

div.BlueGradient div p
{
    margin:0 12px;
}

div.ImageHighlightRight
{
    margin:0 0 10px 0;
    padding:0 10px 10px 5px;
}

div.ImageHighlightRight h2
{
    font-size:1.4em;
    margin-bottom:1em;
    color:#333;
}

div.ImageHighlightRight img
{
    float:right;
    padding:0 0 10px 10px;
}

div.ImageHighlightLeft
{
    margin:0 0 10px 0;
    padding:0 10px 10px 5px;
}

div.ImageHighlightLeft h2
{
    font-size:1.4em;
    margin-bottom:1em;
    color:#333;
}

div.ImageHighlightLeftt img
{
    float:left;
    padding:0 0 10px 10px;
}

div.FeaturedPublication
{
    background-repeat:no-repeat;
    background-position:0 0;
    padding:0 0 0 104px;
    margin:0 0 10px 0;
}

div.FeaturedPublication dl
{
    margin:0;
    padding:0;
}

div.FeaturedPublication dd.ViewAllPublications
{
    margin:15px 0 0 0;
    height:23px;
    line-height:23px;
}

div.FeaturedPublication dd.Counter
{
    color:#000;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
    font-weight:bold;
    font-size:14px;
    height:23px;
    line-height:23px;
    padding:4px 0 2px 0;
    text-align:right;
}

div.FeaturedPublication dd.Counter img
{
    padding:0 0 0 15px;
    float:right;
}

div.FeaturedPublication dd.Counter span
{
    font-style:italic;
    padding:0 3px;
    color:#000;
    font-weight:normal;
}

ul.SurveyTwoColumn li.Last
{
    width:100px;
}


ul.SurveyTwoColumn
{
   padding:7px 0 0 0;
   overflow:auto;
}

ul.SurveyTwoColumn li
{
    float:left;
    margin:0;
    padding:0 15px 0 0;
    width:120px;
}

ul.SurveyTwoColumn li input
{
    float:left;
    padding:5px 0;
}

ul.SurveyTwoColumn li label
{
    float:left;
    margin:3px;
}

ul.SurveyTwoColumn li br
{
    clear:left;
}
/******** Other side column modules *************/
 
 div.DarkerMainText, div.DarkerMainText p, p.DarkerMainText 
 {
    color:#333;
 }
 
 .LighterText
 {
    color:#999;
 }
 
 span.TimeLength
 {
    padding:0 0 0 3px;
    color:#000;
    font-size:11px;
 }
 
dl.OtherResources
{
    padding:10px 20px;
}

dl.OtherResources dd
{
    margin:0 0 12px 0;
}

dl.OtherResources dt
{
    color:#333;
    font-size:1.1em;
    margin:0 0 5px 0;
    font-weight:bold;
}

/*******************************************************/
/*          End of Structure Used on Many Pages        */
/*******************************************************/


/*******************************************************/
/*          Store                                      */
/*******************************************************/



div.PublicationWrapper div.ProductImage
{
    float:left;
    margin:0 10px 0 0;
    width:160px;
}

div.ColumnOne div.PublicationWrapper
{
    width:154px;
    overflow:visible;
}

div.PublicationWrapper dl
{
    float:left;
    margin:12px 10px 0 0;
    width:160px;
}

div.PublicationWrapper dl.Product
{
    margin-top:3px;
    width:320px;
}

div.ColumnOne div.PublicationWrapper dl
{
    width:153px;
    float:none;
}

div.PublicationWrapper dl.Last
{
    margin-right:0px;
}

div.PublicationWrapper dt
{
    margin:0 0 7px 0;
    color:#333;
    font-size:16px;
}

div.ColumnOne div.PublicationWrapper  dt
{
    color:#ff0000;
    font-size:11px;
}

div.PublicationWrapper dt a
{
    font-size:13px;
    display:block;
}

div.PublicationWrapper dt img
{
    margin:0 0 14px 10px;
    display:block;
    height:128px;
}

div.ColumnOne div.PublicationWrapper dt img
{
    height:auto;
}

div.PublicationWrapper dd, div.FeaturedPublication dd
{
    font-size:11px;    
}

div.PublicationWrapper dd h3, div.FeaturedPublication dd h3
{
    margin:0 0 13px 0;
    text-transform:uppercase;
}

div.PublicationWrapper dd span, div.FeaturedPublication dd span
{
    color:#a6640a;
    font-size:12px;
    padding:0 0 0 3px;
}

div.PublicationWrapper dd.AddToCart
{
    background:url('../img/bg/buttons/AddToCartLeft.gif') no-repeat 0 0;
    height:19px;
    line-height:19px;
    margin:20px 0 0 0;   
}

div.PublicationWrapper dd.AddToCart a, div.PublicationWrapper dd.AddToCart a:visited
{
    background:url('../img/bg/buttons/AddToCartRight.gif') no-repeat right 0;
    color:#a6640a;
    display:block;
    font-size:12px;    
    margin:0 0 0 4px;
    padding:0;
    width:60%;
    text-align:center;
    text-indent:-4px;
}

div.PublicationWrapper dl.Product dd.AddToCart
{
    background-image:none;
    height:auto;
    line-height:normal;
    margin:15px 0 0 0;   
}

div.PublicationWrapper dl.Product dd.AddToCart a, div.PublicationWrapper dl.Product dd.AddToCart a:visited
{
     width:132px;
     background:url('../img/bg/buttons/AddToCartProductSprt.gif') no-repeat 0 -30px; /*has to be reset*/
}

div.PublicationWrapper dl.Product dd.AddToCart a:hover
{
    background-position:0 0;
}

div.PublicationWrapper dd.ViewAll
{
    margin:23px 0 0 0; 
}

div.PublicationWrapper dd.PublicationDescription
{
    font-size:13px; 
    margin:-7px 0 10px  0;
}

div.PublicationWrapper dd.Highlight
{
    font-size:12px;
    font-weight:bold;
    margin:10px 0 0 0; 
}

div.PublicationWrapper dd.Highlight input
{
    width:20px;
    font-size:11px;
    height:15px;
    margin:0 10px; 
}

div.PublicationWrapper dd span.StarRating
{
    color:#666;
    padding:0 90px 0 0;
}

/*Review helpful*/

ul.Helpful
{
    margin:0 0 28px 0;
    overflow:auto;
    zoom:1;
}

ul.Helpful li
{
    float:left;
    padding:0 13px 0 0;      
}

ul.Helpful li.YesNo
{    
     
     margin:0 2px 0 0;
     padding:0;
     width:42px;
}

ul.Helpful li.YesNo a, ul.Helpful li.YesNo a:active, ul.Helpful li.YesNo a:hover, ul.Helpful li.YesNo a:visited, ul.Helpful li.YesNo a:focus
{    
    color:#fff;
    display:block;
    text-align:center;
    background-color:#999;
}

ul.Helpful li.YesNo a:hover
{
    background-color:#bdbcbc;
}

/*Cart Summary*/

ul.CartSummary li.Items
{
    background:url('../img/bg/icons/CartGray.gif') no-repeat 8px 1px;
    color:#666;
    float:left;
    padding:0 0 0 35px;
}

ul.CartSummary li.Items span
{
    font-weight:bold;
    position:relative;
    top:2px;
    left:6px;
}
    
ul.CartSummary li.CheckOut
{
    float:right;
    border-left:solid 1px #666;
    height:16px;
    line-height:16px;
    margin:0 0 7px 0;
    padding:0 0 0 7px;
    
}

ul.CartSummary li.Assistance
{

    clear:both;
    color:#af792f;
    height:27px;
    line-height:27px;
    text-align:center;
}

ul.CartSummary li.Assistance span
{
    background:#f4eee6 url('../img/bg/icons/BluePhone.gif') no-repeat 16px 1px;
    padding:0 0 0 40px;
}
/*End of Cart Summary*/


/*Shopping Cart*/
h1.YourShoppingCart
{
    background:url('../img/bg/icons/CartGray.gif') no-repeat 0 11px;
    float:left;
    padding:0 0 0 30px;
    margin-bottom: 0.3em
}

div.CartAssitance
{
    background:url('../img/bg/icons/BluePhone.gif') no-repeat 0px 15px;
    color:#a6640a;
    float:right;
    padding:5px 0 0 20px;
    text-align:right;    
}

div.CartAssitance div
{
    font-size:11px;
    line-height:.75em;
}

div.ShoppingCart
{
    clear:both;
    margin:0 0 0 0;
    padding-bottom:15px;
    overflow:auto;
}

div.ShoppingCart div.ShoppingCartWrapper
{
    padding-bottom:15px;
}

div.ShoppingCart ul.CheckOutNav
{
    clear:both;
    overflow:auto;
    zoom:1;
}

div.ShoppingCart ul.CheckOutNav li
{
    float:left;
    height:30px;
    line-height:30px;
}

div.ShoppingCart a.LinkWithGreyArrow
{
     
    background-position:3px -33px;
    font-size:12px;
    padding:0 0 0 20px;
}

div.ShoppingCart ul.CheckOutNav li.ProceedToCheckout
{
    float:right;
}

div.ShoppingCart li.ProceedToCheckout a
{
     width:162px;
     background-position:0 -90px;
}

div.ShoppingCart li.ProceedToCheckout a:hover
{
     width:162px;
     background-position:0 -60px;
}

div.ShoppingCart table
{
    clear:both;
    margin:8px 0 0 0;
}

div.ShoppingCart table td input
{
    width:20px;
    padding:0;
    margin:0 5px 0 0;
}

div.ShoppingCart table th
{
    border-top:solid 1px #cccccc;     
}

.ItemsInYourCart
{
    width:145px
}

.SKU
{
    width:60px
}

.Quantity
{
    width:80px;
}

.Amount
{
    width:65px;
}

.Total
{
    width:65px;
}

td.Amount, td.Total
{
    color:#a6640a;
}

ul.OrderSummary
{
    border-top:solid 1px #ccc;
    background-color:#eaeaea;
    font-size:11px;
    margin:0 0 10px 0;
    padding:5px;
    overflow:auto;
}

ul.OrderSummary li
{
    float:left;
}

ul.OrderSummary em
{
    color:#ff0000;
}

ul.OrderSummary li.OrderSummayText
{
    width:205px;
}

ul.OrderSummary li.OrderSummayText p
{
    margin:.5em 0;
    line-height:1.5em;
}

ul.OrderSummary li.CartSubtotal
{
    background-color:#fff;
    font-size:12px;
    height:85px;
    line-height:85px;
    padding:0 0 0 15px;
    margin:0 0 0 15px;    
    width:243px;
}

ul.OrderSummary li.CartSubtotal span
{
    color:#a6640a;
    padding:0 0 0 95px;
}

div.ShoppingCart div.PriorityCode
{
    border-top:solid 1px #e1cfb9; 
    clear:left;
    float:right;
    margin:0 0 20px 0;
    padding:10px;   
}

div.ShoppingCart div.PriorityCode input
{
    width:235px;
    display:block;
    margin:3px 0 3px 0;
}

div.ShoppingCart div.bottom-left
{
    clear:both;
}

div.MoreInstructions ul
{
    margin:0 0 22px 0;
    overflow:auto;
}

div.MoreInstructions ul li
{
    float:left;
    width:225px;
    margin:0 25px 0 0;
}

div.MoreInstructions ul li p
{
    margin: 0 0 .5em;
}

/*End of Shopping Cart*/
/*******************************************************/
/*          End of Store                               */
/*******************************************************/

/*******************************************************/
/*          Home                                    */
/*******************************************************/

div.ColumnHighlightWrapper
{
    margin:0 0 7px 0;
}

div.ColumnHighlightWrapper h2
{ font-size: 1.5em; line-height: 1.1; margin-bottom: 0.1em; color: #666;}

div.ColumnHighlightWrapper a.LinkWithArrow
{
    font-size:12px;
}

div.CarouselWrapper
{
    border-bottom:solid 1px #ccc;
    padding:0;
	margin:0 0 15px 0;
	height:270px;

}

div.carousel-component
{
    height:270px;
    background-color:#fff;
    	position:relative;
	z-index:0;
}

/*set the defaults for the "Panels"*/
ul.carousel-list li
{
    background-repeat:no-repeat;
    background-position:0 0;
    height:246px;
    width:500px;    
}
                                
/*set the properties for the background of each panel*/

#mycarousel-item-1
{
    background-image:url('http://www.afponline.org/img/bg/homehighlight/AN10-Dynamic_Lead_2b.jpg');
}

#mycarousel-item-2
{
    background-image:url('http://www.afponline.org/img/bg/homehighlight/MBSP-10_FX_Risk_DynmcLd_3b.jpg');
}

#mycarousel-item-3
{
    background-image:url('http://www.afponline.org/img/bg/homehighlight/CTP-08_DL_Make_Choice_4.jpg');    
}

#mycarousel-item-4
{
    background-image:url('http://www.afponline.org/img/bg/homehighlight/MBSP-10_LoanMrktData_DynmcLd5.jpg');
    
}

#mycarousel-item-5
{
    background-image:url('http://www.afponline.ca/img/bg/homehighlight/SCT-Dynamic_Lead_b.jpg');
}






/* set each panel's interior HTML properties*/
div.mycarousel-item-wrapper
{
    /* sets where the little white up arrow while appear for its panel*/
    background-image:url('../img/bg/homehighlight/OnUpArrow.gif');
    background-repeat:no-repeat;
    height:100%;
    width:100%;
    padding:0;
    text-align:left;
	padding:187px 10px 0 10px;
}

#mycarousel-item-1 div.mycarousel-item-wrapper
{
    /* sets where the little white up arrow while appear for its panel*/
    background-position:-268px 242px;
    
}

#mycarousel-item-2 div.mycarousel-item-wrapper
{
    /* sets where the little white up arrow while appear for its panel*/
    background-position:-240px 242px;
    
}

#mycarousel-item-3 div.mycarousel-item-wrapper
{
    /* sets where the little white up arrow while appear for its panel*/
    background-position:-213px 242px;
    
}

#mycarousel-item-4 div.mycarousel-item-wrapper
{
    /* sets where the little white up arrow while appear for its panel*/
    background-position:-185px 242px;
    
}

#mycarousel-item-5 div.mycarousel-item-wrapper
{
    /* sets where the little white up arrow while appear for its panel*/
    background-position:-162px 242px;
    
}

/*the additional div to set the width of the container text*/

div.carousel-component h2
{
    color:#fff;
    font-size:16px;
   	font-family: arial,helvetica,sans-serif;
    margin:0;
    padding:10px 0 0 0;
}

/*modify the color of h2 in the second panel*/

ul.carousel-list p
{
    color:#ccc;
    font-family: arial,helvetica,sans-serif;
    font-weight:bold;
	font-size:12px;
}

ul.carousel-list p a
{
    color:#6ab5ff;
    padding:0 4px;
    text-decoration:underline;
}

ul.carousel-component-pager
{
    /*border-top:solid 1px #ccc;*/
    background:#dedede url('../img/bg/homehighlight/carousel-component-pager.gif') repeat-x 0 0;
    width:500px;
    margin:0;
    height:23px;
}

ul.carousel-component-pager li
{
    float:left;
    border:solid 1px #ccc;
    border-top:none;
    border-bottom:none;
    border-left:none;
    padding:1px 8px 2px 8px;
    height:20px;
    width:10px;
    cursor:pointer; 
}

ul.carousel-component-pager li.Selected
{
    background-color:#fff;
}

ul.carousel-component-pager li.MouseOver
{
    background-color:#efefef;
}

ul.carousel-component-pager li.PrevArrow, ul.carousel-component-pager li.NextArrow
{
    background:url('../img/bg/homehighlight/PagerSprt.gif') no-repeat 6px 0px;      
}

ul.carousel-component-pager li.NextArrow
{
    background-position:8px -48px;      
}

ul.carousel-component-pager li.MouseOverprev-arrow
{
    background-position:6px -25px; 
    background-color:#efefef;     
}

ul.carousel-component-pager li.MouseOvernext-arrow
{
    background-position:8px -73px;
    background-color:#efefef;      
}

ul.carousel-component-pager li#prev-arrow
{
    padding-left:4px;
    border-left:solid 1px #ccc;
}

ul.carousel-component-pager li#next-arrow
{
    padding-right:4px;
}

ul.carousel-component-pager li.AutoPlay
{
    float:right;
    width:auto;
    background:url('../img/bg/homehighlight/PagerSprt.gif') no-repeat 100px -98px;
    padding-right:25px;
    font-size:10px;
    font-weight:bold;
    color:#999; 
}

ul.carousel-component-pager li.AutoPlay span
{
    color:#000;
    padding:0 4px 0 3px;
}

ul.carousel-component-pager li.AutoPlayOff span
{
    padding:0 0 0 3px;
}

ul.carousel-component-pager li.AutoPlayOff
{
    background-position:100px -122px;
}

/*******************************************************/
/*         End of Home                                 */
/*******************************************************/



/*******************************************************/
/*          Articles                                    */
/*******************************************************/
div.DarkerMainText p.ArticleCopyright
{
    font-size:11px;
    color:#666;
}




/*End of the Article Toolbar Both Versions Horizontal and Vertical*/

ul.ArticleToolbar
{
    overflow:auto;
    zoom:1;
}

ul.ArticleToolbar li
{
    margin-left:5px;
}

ul.ArticleToolbar ul
{
    background-color:#eaeaea;
    border:solid 1px #ccc;
    border-left:none;
    border-right:none;
    margin:4px 0 4px -5px; /*negative margin because its parent has a positive margin*/
    padding:3px 3px;
    overflow:auto;
    zoom:1;
}



ul.Horizontal ul
{
    padding:10px 0 10px 10px;
    margin:0 0 4px 0;    
}

ul.ArticleToolbar ul li
{
    background:url('../img/bg/icons/ArticleToolbarSprt.gif') no-repeat 0 0;
    padding:0 0 0 20px;
    margin:4px 5px;
}

ul.Horizontal ul li
{
    margin:0 0 0 5px;
}

ul.ArticleToolbar ul a
{
    color:#666;
}

ul.Horizontal ul li
{
    float:left;
    border-right:solid 1px #ccc;
    padding-right:5px;
}

ul.Horizontal ul li.Last
{
    border-right:none;
}

ul.ArticleToolbar li.PrintVersion
{
    background-position:0 0;    
}

ul.ArticleToolbar li.Reprints
{
    background-position:0 -26px;    
}

ul.ArticleToolbar li.EmailArticle
{
    background-position:0 -50px;    
}

ul.ArticleToolbar li.RSSFeed
{
    background-position:0 -73px;    
}

ul.ArticleToolbar li.ShareArticle
{
    background-position:0 -96px;
    padding-left:16px;    
}

ul.ArticleToolbar li.Comments
{
    background:url('../img/bg/icons/ArticleToolbarSprt.gif') no-repeat 0 -119px;
    padding-left:20px;    
}

ul.Horizontal li.Comments
{
    float:left;
    margin-left:10px;
}

ul.Horizontal li.AverageRating
{
    float:right;
    margin-right:5px;
}

ul.ArticleToolbar li span.StarRating
{
    padding:0 78px 0 0;
}

/*End of the Article Toolbar Both Versions*/

div.PostYourComment textarea
{
    height:40px;
    margin:0 0 7px 0;
    width:465px;
}

div.PostYourComment div.YourRating
{
    width:260px;
    float:left;
    margin-right:5px;
}

div.PostYourComment input.Button
{
    margin-top:5px;
}

div.YourRating em
{
    color:#c88f42;
}

div.YourRating span
{
    color:#999;
}

div.YourRating img
{
    padding:0 10px;
    position:relative;
    top:2px;
}

ul.CommentList li
{
    border-bottom:solid 1px #eaded0;
    padding:22px 30px 0 30px; 
}

ul.CommentList li.Even
{
    background-color:#fdf9f3;
}

ul.CommentList li.Last
{
    border-bottom:none;
}

ul.CommentList li em
{
    display:block;
    float:left;
}

ul.CommentList li a.ReportThis
{
    display:block;
    float:right;
    padding:0 23px 0 0;
    background:url('../img/bg/icons/ArticleToolbarSprt.gif') no-repeat 100% -142px;
}

ul.CommentList li div
{
    overflow:auto;
    margin:0 0 10px 0;
    zoom:1;
}

ul.CommentList li div.StarRating
{
    clear:both;
    margin:10px 0 18px 0;
    overflow:visible;
}

/*******************************************************/
/*         End of  Articles                             */
/*******************************************************/

/*******************************************************/
/*         Marketing Opps                             */
/*******************************************************/
div.MarketingOppsHighlight
{
    background:url('../img/bg/marketingopps/highlightop.jpg') no-repeat right top;
    height:210px;
    overflow:hidden;
    width:980px;
    margin:0 0 30px 0;
    
}

div.MarketingOppsHighlight div.BlueSquareHighlightBox
{
    width:414px;
    padding:32px 30px 31px 30px;
    float:left;    
}

div.MarketingOppsHighlight div.BlueSquareHighlightBox h2
{
   line-height:1.5em;
}

div.MarketingOppsHighlight div.TransWrapper
{
    float:left;
    height:210px;
    position:relative;
}

div.MarketingOppsHighlight div.TextOverTrans
{
    color:#fff;
    position:absolute;
    top:187px;
    left:10px;
    z-index:10;
}

div.MarketingOppsHighlight div.TransOverImage
{
    float:left;
    width:490px;
    margin:184px 0 0 0;
    height:27px;
    background-color:#000000;
   -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
   opacity: 0.5;               /* newer Mozilla and CSS-3 */
   filter:alpha(opacity=50);   /* Internet Explorer       */
   position:relative;
   z-index:1;
}

ul.TwoColumnHighlight
{
    clear:left;
}

ul.TwoColumnHighlight li
{
    float:left;
    margin:0 10px 10px 0;
    width:285px;
    height:140px;
    padding:20px 170px 10px 30px;
    background-repeat:no-repeat;
    background-position:right 0px;
}

ul.TwoColumnHighlight li.Right
{
    margin-right:0;
}

ul.TwoColumnHighlight li.InPerson
{
    background-image:url('../img/bg/marketingopps/InPerson.gif')
}

ul.TwoColumnHighlight li.Online
{
    background-image:url('../img/bg/marketingopps/Online.gif')
}

ul.TwoColumnHighlight li.Print
{
    background-image:url('../img/bg/marketingopps/Print.gif')
}

ul.TwoColumnHighlight li.Custom
{
    background-image:url('../img/bg/marketingopps/Custom.gif')
}

ul.TwoColumnHighlight li h4
{
    color:#336699;
    margin-top:0px;
}

div.MarketingOppsHighlightBottom
{
    margin:0;
    height:90px;
    width:980px;
    clear:left;
    padding:20px 0 0 0;
}

div.MarketingOppsHighlightBottom div.BlueSquareHighlightBox
{
    height:70px;
    position:relative;
}

div.People
{
    background:transparent url('../img/bg/marketingopps/People.gif') no-repeat left top;
    padding:0 0 0 370px;
    position:absolute;
    top:-18px;
    height:90px;
}

div.People h2
{
    margin:40px 0 0 0;
    font-size:20px;
}
/*******************************************************/
/*         End of Marketing Opps                       */
/*******************************************************/


/*******************************************************/
/*         Retail Forums                               */
/*******************************************************/

div.RetailWrapper
{
    background:#FFE8B8 url('../img/bg/boxes/ForumHeadersSprt.jpg') repeat-x 0 0;
}

div.TopBandBlue
{
    background-position:0 -30px;
}

div.TopBandGreen
{
    background-position:0 -60px;
}

div.TopBandOlive
{
    background-position:0 -90px;
}

div.TopBandDarkBlue
{
    background-position:0 -120px;
}

div.RetailWrapper h4
{
    color:#fff;
    height:30px;
    line-height:30px;
    padding:0 0 0 10px;
    margin:0;
    font-size:1.4em;
    font-weight:normal;
}

div.RetailWrapper div
{
    height:140px;
    background:#fdf8e9 url('../img/bg/borders/BrownBottomBorder.gif') repeat-x 0 bottom;
}

div.RetailWrapper div div
{
    height:124px;
    background-position:right 0;
    background-repeat:no-repeat;
    padding:15px 195px 0 15px;
    width:290px;
    color:#8f591f;
    background-image:url('../img/bg/forums/BrownDiagonals.jpg');}

/*Set the background image for the different headlines here*/
div.RetailWrapper div.GlobalTreasurers
{
    background-image:url('../img/bg/forums/GlobalCorporateTreasurer.jpg');
}

div.RetailWrapper div.RetailTreasury
{
    background-image:url('../img/bg/forums/RetailTreasury.jpg');
}

div.RetailWrapper div.Payments
{
    background-image:url('../img/bg/forums/Payments.jpg');
}

div.RetailWrapper div.CanadaTreasurers
{
    background-image:url('../img/bg/forums/CanadaTreasurers.jpg');
}

div.RetailWrapper div.CorporateRisk
{
    background-image:url('../img/bg/forums/CorporateRisk.jpg');
}

/*End of Set the background image for the different headlines here*/


div.RetailWrapper h2
{
    color:#016699;
    padding:0;
    margin:0;
}

div.RetailWrapper h6
{
    font-style:italic;
    color:#8f591f;
    font-family:Georgia,Garamond,"Times New Roman",Times,serif;
}

div.RetailWrapper h6 span
{
    font-style:normal;
    padding:4px;
}

div.RetailWrapper em
{
    font-style:normal;
    color:#000;
    display:block;
}

div.RetailWrapper div div p
{
    margin:15px 0 0 0;
    line-height:1.4em;
    height:auto;
}

div.RetailWrapper p
{
    color:#8f591f;
    margin:0 0 0 10px;
    padding:0;
    height:32px;
    line-height:32px;
}

/*******************************************************/
/*         End of Retail Forums                       */
/*******************************************************/

/*Topics*/


div.AlphaTopicList
{    
    margin:0 0 15px 0;
}

div.AlphaTopicList ul
{    
    background:url('../img/bg/AZ.gif') repeat-x 0 bottom;
    padding:0 10px 5px 10px;
    border-bottom:solid 1px #ccc;
}

div.AlphaTopicList p
{    
    text-align:left;
    margin:0 0 10px 13px;
}

div.AlphaTopicList ul.yui-nav li
{    
    margin:0;
    padding:0 4px 0 5px;
}

div.AlphaTopicList ul li a
{    
    font-size:14px;
}

div.AlphaTopicList ul li.selected a
{    
    font-weight:bold;
    color:#000;
}

div.yui-content h5
{
    text-transform:uppercase;
    padding:0 0 0 10px;
    margin:0;
    text-align:center;
}

/*End of Topics*/


/*******************************************************/
/*         Multimedia                                  */
/*******************************************************/

#YUIVideoTabView ul.yui-nav li
{
    border-right:solid 1px #ccc;
    margin-right:4px;
}

#YUIVideoTabView div.yui-content h5
{
    text-align:left;
    margin:7px 0;
}

/*Flowplayer 2.2 styles*/

#YUIVideoTabView div.yui-content div
{
    border:solid 1px #ccc;
    border-top:none;
    height:300px;
    overflow:scroll;
}

a.video, a.novideo
{
    display:block;
    float:left;
    width:100px;
    margin:0 12px 7px 12px;
    padding:3px 4px 3px 2px;
    line-height:normal;
}

a.video img, a.novideo img
{
    border:1px solid #CCCCCC;
    padding:2px;
    display:block;
    margin:0 0 3px 0;
}

a.video p, a.novideo p
{
    padding:0;
    margin:2px 2px 2px 5px;
}

a.video:hover, a.playing, a.novideo:hover
{
    background-color:#ddd;
    text-decoration:none;
}

a.playing, a.novideo
{
    background-color:#eee;
}

a.video:hover img, a.novideo:hover img
{
    border:1px solid #fff;
}

#playlist a.video, #playlist a.novideo
{
    width:200px;
    margin:0 12px 7px 0;
    padding:3px 4px 1px 2px;
}

#playlist a.video img, #playlist a.novideo img
{
    float:left;
    display:inline;
    margin-right:7px;
}


/*End of Flowplayer 2.2 styles*/


/*Flowplayer 3.0 styles*/

#YUIVideoTabView div.yui-content div.videos
{
    border:solid 1px #ccc;
    border-top:none;
    height:300px;
    overflow:scroll;
}

div.videos div
{
    display:block;
    float:left;
    width:98px;
    margin:0 10px 7px 12px;
    padding:3px 6px 3px 2px;
    line-height:normal;
    cursor:pointer;
    border:solid 1px #fff;
}

#YUIVideoTabView div.yui-content div.videos div
{
    height:auto;
    overflow:visible;
    border:solid 1px #fff;
    padding-right:5px;
}

#RecentVideos div
{
    width:200px;
}


#RecentVideos div
{
    width:200px;
}

#RecentVideos div
{
    width:200px;
}

div.videos div img
{
    border:1px solid #ccc;
    padding:2px;
    display:block;
    margin:0 0 3px 0;
}

#RecentVideos div img
{
    float:left;
    display:inline;
    margin-right:7px;
}

div.videos div p
{
    padding:0;
    margin:2px 2px 2px 5px;
}

.video p, .novideo p
{
    padding:0;
    margin:2px 2px 2px 5px;
}

div.videos div.hover, #YUIVideoTabView div.yui-content div.videos div.hover
{
    border:solid 1px #A0C5D3;
}

div.videos div.playing
{
    background-color:#ddd;
}

#player
{
    height:300px;
    display:block;
    width:408px;    
    background:url('../img/bg/buttons/PlayLoading.gif') no-repeat 175px 135px;
    cursor:pointer;
}

#player div
{
    padding:100px 0 0 0;
    font-size:18px;
    text-align:center;
}

div.PlayerContainer
{
    border:solid 1px #404040;
    padding:0px;
    background:#404040 url('../img/bg/boxes/VideoPlayer.gif') repeat-x 0 0;   
}

#CurrentVideo
{
    background:#fff url('../img/bg/icons/Multimedia.gif') no-repeat 2px -65px;
    padding:0 0 0 20px;
    height:20px;
    line-height:20px;
    color:#666666;
    text-overflow:ellipsis; 
}

#CurrentVideo span
{
    padding:0 0 0 7px;
    text-overflow:ellipsis;
    font-weight:bold;
}

/*End of Flowplayer 3.0 styles*/

/*******************************************************/
/*         End of  Multimedia                           */
/*******************************************************/




/*******************************************************/
/*         Login                                     */
/*******************************************************/



/*******************************************************/
/*         End of  Login                                 */
/*******************************************************/

/*******************************************************/
/*          Place Holders/Need To Do                                    */
/*******************************************************/

div.Calendar
{
    margin:10px 0;
    padding:0px;
}

/*******************************************************/
/*         End of  Place Holders/Need To Do                             */
/*******************************************************/



/*******************************************************/
/*          CCS Apps                                   */
/*******************************************************/

table.MasterTable h1.YourShoppingCart
{
    padding-bottom:2px;
}

table.ProductDetailTable th, table.MemberDirectorySearchResults th, table.Newsletters th
{
    text-align:center;
    border-top:solid 1px #ccc;
}

table.MemberDirectorySearchResults th a
{
    color:#af792f;
}

table.ProductDetailTable td h4
{
    background-color:#f4eee6;
    border-top:solid 1px #e1cfb9;
    border-bottom:solid 1px #e1cfb9;    
    margin:-3px -9px 5px -9px;
    padding:7px;
    font-size: 1em;
}

table.ProductDetailTable td a
{
	background:url('../img/bg/buttons/BrownButtonSprt.gif') no-repeat 0 -26px;
    color:#b1721c;
	width:120px;
	display:block;
	height:24px;
	text-align:center;
	padding-top:2px;
	font-size:11px;
}

table.ProductDetailTable td a:hover
{
	background-image:url('../img/bg/buttons/BrownButtonHoverSprt.gif');
    color:#a46209;
    text-decoration:none;
}

table.MemberDirectorySearchResults td a
{
	background:url('../img/bg/buttons/BrownButtonSprt.gif') no-repeat 0 0;
    color:#b1721c;
	width:60px;
	display:block;
	height:24px;
	text-align:center;
	padding-top:2px;
	font-size:11px;
}

table.MemberDirectorySearchResults td a:hover
{
	background-image:url('../img/bg/buttons/BrownButtonHoverSprt.gif');
    color:#a46209;
    text-decoration:none;
}

table.ProductDetailTable td.Price
{
    color:#a6640a;
    text-align:right;
    
}

table.ProductDetailTable td.Price h6
{
    color:#666;
    text-align:left;
    font-size: .75em;
    margin-top:5px;
    font-weight:normal;
}

table.ProductDetailTable tr.even td
{
    background: #eaeaea;
}

table.ProductDetailTable tr.SubTotal td
{
    background: #fff;
}

table.ProductDetailTable tr.Total td, table.ProductDetailTable td.Total
{
    background: #eaeaea;
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
}

table.ProductDetailTable tr.Total td.Price
{
    font-weight:bold;
}

table.ProductDetailTable tr.even td
{
    background: #eaeaea;
}

table.StoreNavTable td
{
   font-family: "lucida grande","lucida sans unicode",verdana,helvetica,sans-serif;
   font-size:12px; /* 16px / 12px = 75% */ 
   padding:0 0 2px 0;
   font-weight:normal;
}

table.StoreNavTable td a
{
    border-right:solid 1px #006699;
    padding:0 8px;
    display:block;
    float:left;
    line-height:normal;
}


table.PriorityCode th, table.PriorityCode td
{
    background-color:#f5eee6;
    border-top:solid 1px #e1cfb9;
}

table.PriorityCode td
{
    border-top:none;
    border-bottom:solid 1px #e1cfb9;
}

table.PriorityCode td a
{
    font-size:11px;
    background-color:#afadae;
    color:#fff;
    padding:2px 5px;
}

table.MasterTable input.input_box
{
    width:250px;
}

table.MasterTable input.zip
{
    width:100px;
}

table.MasterTable select
{
    width:255px;
}

table.MasterTable td.label
{
    width:120px;
    text-align:right;
    font-size:12px;
}

table.MasterTable td.CheckboxLabel
{
    width:220px;
    text-align:left;
    font-size:12px;
}

table.MasterTable td.CheckboxLabel input
{
    margin-right:4px;
}

table.AskAFP td.label
{
    text-align:left;
    width:140px;
}

table.AskAFP td.country
{
    width:250px;
}

table.MaintainPassword
{
    width:100%;
}

table.MaintainPassword td.label
{
    width:185px;
}

table.MasterTable td.label em, span.required
{
    color:#d20026;
    font-family:Arial;
}

td.ProfileHeader h4 
{
    margin-bottom:4px;
}

td.ProfileHeader span 
{
    padding:0 7px;
}

table.MemberProfileNav td a
{
    border-right:solid 1px #006699;
    padding:0 6px;
    display:block;
    float:left;
    line-height:normal;
    text-align:center;
    font-size:11px;
}

table.MemberProfileNav td a.Last
{
    border-right:none;
}

td.ButtonContainer
{
    padding-left:64px;
}

td.AFPEvent
{
    padding-left:164px;
}

td.ButtonContainer input
{
    margin-left:20px;
}

table.MaintainPassword td.ButtonContainer
{
    padding:5px 0 0 170px;
}

table.Newsletters td select
{
    width:100px;
}

table.MultiChoice
{
    border:solid 1px #aaa;
    border-left:none;
    border-right:none;
    width:100%;
    margin:0 10px 20px 10px;
    padding:0 5px;
}

table.MultiChoice td
{
    padding:0 5px;
}

/*******************************************************/
/*          End of CCS Apps                            */
/*******************************************************/

/*******************************************************/
/*          tullet appplet                            */
/*******************************************************/
#tullet
{
    position:relative;
    z-index:0;
}

/*******************************************************/
/*          End of tullet appplet                      */
/*******************************************************/