/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

body, .text { font-size: 12.5px} 
html, body, p, .text { font-family:Verdana, Geneva, sans-serif; color: #000; }
#main_body { padding: 0px; margin: 0px; background: #000 url(../images/bg.gif) repeat-x center top; }
#main_body_search { padding: 0px; margin: 0px; background:#000 url(../images/search_results_bg.gif) repeat-x center top}
#main_container {  width: 950px; margin-right: auto; margin-left: auto; background: #000; }
#print_header {display:none}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.83em}
h1 {font-size: 1.55em; line-height: 1em; color: #dc291e; font-weight: bold; margin:0px 0px 8px 0px; }
h2 {font-size: 1.1em; line-height: 1.2em; color: #000; font-weight: normal; margin:0px 0px 10px 0px; }
h3 {font-size: 1.05em; line-height: 1.2em; color: #000; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.05em; line-height: 1.2em; color: #000; font-weight: normal; margin:5px 0px 10px 0px; padding-top:5px; border-top: solid 1px #ccc; }
h5 {font-size: 1.02em; line-height: 1.2em; color: #000; font-weight: normal; margin:0px 0px 0px 0px; }
.textColor {color: #31659b}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 4px; margin-top: 0px; padding-left: 15px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 15px; margin-left: 15px; }

a:link, a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color: #dc291e; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #dc291e; text-decoration: underline; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #ccc; border-right: 0px; border-bottom: 0px; border-left: 0px; }


.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 50px; clear:right}
.photoleft { float:left; margin:0px 50px 10px 0px; clear:left}
.phototreatment {}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:697px; padding-top:10px; float:left;}


/*----- PAGE ELEMENTS -----*/

#brand{padding-left:344px;background:#000 url(../images/top_bg.gif) repeat-x center top}
.consumer {width:482px; height:300px; position:relative; display:block; text-decoration:none; float:left; background:url(../images/consumer_bg.jpg) no-repeat 0 0}
.consumer:hover, .consumer:active{ background:url(../images/consumer_bg_hover.jpg) no-repeat 0 0;text-decoration:none}
.business {width:468px; height:300px; position:relative; display:block; text-decoration:none; float:left; background:url(../images/business_bg.jpg) no-repeat 0 0}
.business:hover, .business:active{ background:url(../images/business_bg_hover.jpg) no-repeat 0 0; cursor:pointer;text-decoration:none}
.detailDirect {width:932px; height:200px; position:relative; display:block; text-decoration:none; margin:10px auto 0 auto;background:url(../images/detail_direct_bg.jpg) no-repeat 0 0}
.detailDirect:hover, .detailDirect:active{ background:url(../images/detail_direct_bg_hover.jpg) no-repeat 0 0; cursor:pointer;text-decoration:none}
.consumer .descriptionText, .business .descriptionText, .detailDirect .descriptionText{ color:#f2f2f2; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:25px; font-style:italic; position:absolute}
.consumer .descriptionText { left:80px; top:115px; width:250px; height:85px}
.business .descriptionText { left:50px; top:115px; width:305px; height:110px}
.detailDirect .descriptionText { left:245px; top:55px; width:375px; height:50px}
.consumer .getStarted { position:absolute; left:79px; top:251px; width:90px; height:20px; color:#fbe200; font-size:15px; line-height:17px;}
.consumer:hover .getStarted, .consumer:active .getStarted { color:#851912}
.business .getStarted { position:absolute; left:51px; top:251px; width:90px; height:20px; color:#fbe200; font-size:15px; line-height:17px;}
.business:hover .getStarted, .business:active .getStarted { color:#851912}
.detailDirect .shopNow { position:absolute; left:262px; top:125px; width:90px; height:20px; color:#fbe200; font-size:15px; line-height:17px;}
.detailDirect:hover .shopNow, .detailDirect:active .shopNow { color:#851912}

.consumerSearch {width:482px; height:87px; position:relative; display:block; text-decoration:none; float:left; background:url(../images/consumer_search_bg.jpg) no-repeat 0 0}
.consumerSearch:hover, .consumerSearch:active{ background:url(../images/consumer_search_bg_hover.jpg) no-repeat 0 0;text-decoration:none}
.businessSearch {width:468px; height:87px; position:relative; display:block; text-decoration:none; float:left; background:url(../images/business_search_bg.jpg) no-repeat 0 0}
.businessSearch:hover, .businessSearch:active{ background:url(../images/business_search_bg_hover.jpg) no-repeat 0 0; cursor:pointer;text-decoration:none}

.Footer { color: #666; font-size: 11px; line-height: 13px; font-family:Arial, Helvetica, sans-serif; }
.Footer a:link, .Footer a:visited { color: #999; text-decoration:none; }
.Footer a:hover, .Footer a:active { color: #fff; text-decoration:none; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:underline; color:#fff;}
.FooterContainer { padding:20px;}

.FatFooter {width:932px;margin:10px auto 0 auto;border-bottom:1px solid #333;background: url(../images/fat_footer_bg.gif) repeat-x 0 0}
.FatFooter td{ vertical-align:top; padding:27px 0 20px 30px}
.FatFooter td.socialNetworks { width:154px; border-left:3px solid #000; text-align:center;padding:27px 0 0 0}
.FatFooter td.socialNetworks img{margin-bottom:30px}
.FatFooter ul { list-style-type: none; margin:0 0 15px 0; width:175px; padding:0;}
.FatFooter ul li { padding:0; margin:0; background:none; display:inline}
.FatFooter ul li a:link, .FatFooter ul li a:visited{ font-size:11px; line-height:13px; display:block; color:#999; text-decoration:none; text-transform:uppercase}
.FatFooter ul li.On a, .FatFooter ul li ul li.On a { text-decoration:underline; color:#fff;}
.FatFooter ul li a:hover, .FatFooter ul li a:active, .FatFooter ul li.On a:hover, .FatFooter ul li.On a:active {color:#fff;}
.FatFooter ul li ul li a:link, .FatFooter ul li ul li a:visited, .FatFooter ul li.On ul li a:link, .FatFooter ul li.On ul li a:visited { color:#666; display:block; text-decoration:none; text-transform:none;}
.FatFooter ul li ul li a:hover, .FatFooter ul li ul li a:active, .FatFooter ul li.On ul li a:hover, .FatFooter ul li ul liOn a:active { color:#fff}
.FatFooter ul li ul li.On a, .FatFooter ul li.On ul li.On a { color:#fff; text-decoration:underline}

.formbutton { padding: 2px 3px; background: #D9281E; cursor:pointer; color:#fff; border:1px solid #ccc; display:inline; }


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

#searchContainer{background:#fff;margin:10px 10px 30px 10px;width:910px;padding:10px;overflow:hidden}

.fb_b2c:link, .fb_b2c:visited, .fb_b2b:link, .fb_b2b:visited, .fb_dd:link, .fb_dd:visited{width:520px;height:110px;display:block;margin-bottom:10px;background-repeat:no-repeat;background-position:0 0;}
.fb_b2c{background-image:url(../facebook/b2c.jpg)}
.fb_b2b{background-image:url(../facebook/b2b.jpg)}
.fb_dd{background-image:url(../facebook/detail_direct.jpg)}
.fb_b2c img, .fb_b2b img, .fb_dd img{opacity:0;filter:alpha(opacity=0)}
.fb_b2c:hover img, .fb_b2c:active img, .fb_b2b:hover img, .fb_b2b:active img, .fb_dd:hover img, .fb_dd:active img{opacity:1;filter:alpha(opacity=100)}



/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */