/* -------------------------- */ /* -------- CSS Reset ------- */ /* -------------------------- */ * { margin:0px; padding:0px; } a { color:#A5712B; font-weight:bold; text-decoration:none; } a:visited { color:#A5712B; font-weight:bold; text-decoration:none; } a:hover { color:#77470E; font-weight:bold; text-decoration:none; } a:active { color:#A5712B; font-weight:bold; text-decoration:none; } a img { border:0px; } big { font-size:1.1em; } body { background:#000 url(../images/bodyBG.gif) top center repeat-y; color: #333; font-size:62.5%; font-family:Arial, sans-serif; font-weight:normal; text-align:left; } p { padding:.2em 0em .6em 0em; display:block; } select option{ padding:0 10px 0 0; } small { font-size:0.9em; } ul, ol { margin:0em 0em 0em 1.5em;} ul li, ol li { padding:0em .5em .5em .5em; } ul ul li, ol ol li { padding:0em .5em .5em .5em; } ul li { list-style-type:disc;} ul ul li { list-style-type:square;} /* Global Styles */ #cart li { list-style:none; padding:0; } #cart { margin:0px; padding:0px; position:absolute; right:15px; top:12px; } #cart .freeShipping { float:left; position:absolute; left:-81px; top:0px;} #cart .yourCart { float:right; height:24px; } #cart .yourCartItems { color:#6D6E70; float:right; height:12px; padding:6px; } #cart .links li { float:left; } #cart .links li a { color:#6D6E70; display:block; padding:5px 4px 0px 4px; } #cart .links li a:hover { color:#302A26; } #cart .links li a.top-link-cart { background-image:url(../images/yourCart.gif); display:block; outline:0px; padding:0px; text-indent:-9000px; width:81px; height:24px; } #cart .links li a.top-link-cart:hover { background-image:url(../images/yourCart-over.gif); } .welcome-msg { text-transform:uppercase; } #content { color:#302A26; display: inline-block; } #content #copy h3 { color:#49403A; } #content #contentFooter { background:#a1b789 url(../images/contentFooterBG.gif) top repeat-x; display: inline-block; padding:0 8px 0 8px; width:954px; } #contentFooter .watchAndLearn { float:left; height:136px; width:236px; } #contentFooter .assistance, #contentFooter .assistancePlaceholder { float:left; height:86px; margin:0 5px 0 4px; padding:50px 15px 0 15px; width:205px; } #contentFooter .assistance { background:url(../images/calloutAssistance.jpg) no-repeat; } #contentFooter .assistance .assistanceSection { float:left; margin-right:6px; width:90px; } #contentFooter .gallery { background:url(../images/calloutGallery.gif) no-repeat; float:left; height:136px; margin:0; padding:0; position:relative; width:236px; } #contentFooter .gallery .img1 { position:absolute; left:18px; top:51px; } #contentFooter .gallery .img2 { position:absolute; left:88px; top:51px; } #contentFooter .gallery .img3 { position:absolute; left:158px; top:51px; } #contentFooter .literature { background:url(../images/calloutLiterature.gif) no-repeat; float:left; height:136px; margin:0; padding:0; position:relative; width:235px; } #contentFooter .literature .image { left:14px; position:absolute; top:46px; } #contentFooter .literature .text { color:#677A3A; left:117px; line-height:1.6em; position:absolute; top:46px; width:110px; } #content #main { background:url(../images/contentBG.gif) 0 3.3em no-repeat; float:left; font-size:1.3em; padding:10px 20px 0 0; min-height:123px; width:695px; } #content #main fieldset { background-color:#FFF; border:1px solid #CCC; margin:1em 0em 1em 0em; padding:1em; } #content #main legend { background-color:#AAA; border:1px solid #AAAAAA; color:#FFF; margin-left:1em; padding:.3em .6em; } #content #main h1 { background:#75706a url(../images/contentH1BG.gif) top repeat-x; color:#FFF; font-size:2em; font-weight:normal; height:1.46em; padding:0.23em 0 0 0.4em; } #content #main #copy { line-height:1.6em; padding:10px 20px; } #content #sidebar { float:left; padding:10px 10px 0 20px; width:225px; } #sidebar h2 { background-color:#EEE; font-size:1.2em; margin:0 0 8px 0; padding:3px 6px; } #sidebar h3 { margin:0 0 8px 0; } #sidebar .block { background-color:#fff; line-height:1.6em; margin:10px 12px 10px 55px; padding:0px; } #sidebar #sidebarAssistance { background:#fff url(../images/sidebarAssistanceBG.gif) top left no-repeat; line-height:1.6em; margin:10px 6px 10px 54px; padding:34px 16px 16px 16px; } #sidebar #sidebarSeals { margin:22px 6px 10px 50px; } #sidebar #sidebarSeals div { display:inline; } #sidebar #subnav { font-size:1.2em; line-height:1.6em; margin:22px 6px 10px 60px; } #subnav a { color:#000; font-weight:normal; text-decoration:none; } #subnav a:visited { color:#000; font-weight:normal; text-decoration:none; } #subnav a:hover { color:#A5712B; font-weight:normal; text-decoration:none; } #subnav a:active { color:#000; font-weight:normal; text-decoration:none; } #sidebar #creditCards { text-align:center; margin-top:16px; } #footer { background:#332d29 url(../images/footerBG.jpg) top no-repeat; height:207px; padding:26px 0px 14px 14px; } #footer a { color:#B5B1AE; font-weight:bold; text-decoration:none; } #footer a:visited { color:#B5B1AE; font-weight:bold; text-decoration:none; } #footer a:hover { color:#DAD8D6; font-weight:bold; text-decoration:none; } #footer a:active { color:#B5B1AE; font-weight:bold; text-decoration:none; } #footer .block { background:#302a26 url(../images/footerContentBG.gif) bottom repeat-x; color:#B5B1AE; float:left; height:80px; padding:11px 11px 23px 11px; } #footer .about { width:203px;margin-left:14px; } #footer .contact { width:439px;margin-left:14px; } #footer .contact .contactSection { float:left; margin-right:10px; width:135px; } #footer .contact .last { margin-right:14px; } #footer .distributors { width:203px; } #footer .header { margin:0 0 10px; } #footer .copyright { border-left:1px solid #66605b; color:#B5B1AE; float:right; height:48px; line-height:1.6em; padding:10px 20px 10px 10px; text-align:left; width:310px; } #footer .copyright a, #footer .copyright a:visited { color:#B5B1AE; font-weight:normal; text-decoration:none; } #footer .copyright a:hover { color:#DAD8D6; font-weight:normal; text-decoration:none; } #footer .development a { cursor:text; } #footer .development a:hover { color:#B5B1AE; cursor:text; } #footer .warranty { color:#B5B1AE; float:right; height:48px; line-height:1.6em; padding:10px; text-align:left; width:190px; } #formErrors { color:#911320; } #formErrors label, #formErrors p { background-color:#FEF; border-left:2px solid #911320; display:block; padding:4px; } #formSuccess { background-color:#EFF; border:1px solid #360; color:#360; margin-bottom:10px; padding:6px; } #header { height:180px; margin-bottom:10px; position:relative; } #homeLink { height:145px; left:68px; position:absolute; top:40px; width:190px; } #mainNav { margin:0px; padding:0px; position:absolute; right:0px; top:143px; } #mainNav li { float:left; list-style:none; margin:0px; padding:0px; position:relative; } #mainNav li a { display:block; height:41px; margin:0px; outline-style:none; padding:0px; text-indent:-9000px; } #mainNav li.home a, #mainNav li.home a:visited { background-image:url(../images/navHome.gif); width:138px; } #mainNav li.home a:hover { background:url(../images/navHome.gif) 0 41px; } #mainNav li.learn a, #mainNav li.learn a:visited { background-image:url(../images/navLearn.gif); width:143px; } #mainNav li.learn a:hover { background:url(../images/navLearn.gif) 0 41px; } #mainNav li.learn li a, #mainNav li.learn li a:visited, #mainNav li.learn li a:hover { background:none; text-indent:0px; } #mainNav li.shop a, #mainNav li.shop a:visited { background-image:url(../images/navShop.gif); width:135px; } #mainNav li.shop a:hover { background:url(../images/navShop.gif) 0 41px; } #mainNav li.shop li a, #mainNav li.shop li a:visited, #mainNav li.shop li a:hover { background:none; text-indent:0px; } #mainNav li.support a, #mainNav li.support a:visited { background-image:url(../images/navSupport.gif); width:149px; } #mainNav li.support a:hover { background:url(../images/navSupport.gif) 0 41px; } #mainNav li.support li a, #mainNav li.support li a:visited, #mainNav li.support li a:hover { background:none; text-indent:0px; } #search { margin:0px; padding:0px; position:absolute; right:15px; top:50px; } #search input.input { border:1px solid #6D6E70; padding:2px; } #homeSlides { height:270px; width:970px; } #horizon { background:#FFF url(../images/headerBG.jpg) top center no-repeat; margin:0px auto; min-height:180px; text-align:left; width:970px; } /* */ table.contactForm, table.registerForm { width:600px; } table.contactForm #brochureCallout { background-color:#e4eeda; border:2px solid #d7e4c9; margin:10px 10px; padding:10px; position:relative; width:520px; } table.contactForm .brochureCalloutImage { position:absolute; top:10px; right:10px; } table.contactForm .brochureAddress { display:none; } /* FAQ Page */ .faq { padding:10px 0px!important; } .faq dl { background:url(../images/faqBG.gif) top no-repeat; margin-bottom:10px; padding:10px 20px; } .faq dl.first { background:none; } .faq dt { color:#6C7A49; font-weight:bold; } .faq dt strong.q{ color:#ACB67A; } .faq dd { } .faq dd strong.a{ color:#D8AE6A; } /* Safety Page */ .etlApproval { float:right; line-height:1em; padding:0 0 30px 30px; width:150px; } /* Dropdown essential styles */ #mainNav ul.sf-menu, #mainNav ul.sf-menu * { margin: 0; padding: 0; list-style: none; } #mainNav ul.sf-menu ul { height:auto; left:0px; margin-left:20px; padding:0px 9px 9px 0px; position: absolute; top: -999em; width: 140px; } #mainNav ul.sf-menu ul li { background-color:#FFF; font-size:1.2em; height:auto; margin:0px; padding:0px; width:140px; } #mainNav ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #mainNav ul.sf-menu li li a { color:#A5712B; display: block; font-weight:normal; height:auto; margin:0px; padding:8px 16px 10px 16px; position: relative; width:108px!important; } #mainNav ul.sf-menu li li a:hover { background-color:#fdf6d7; color:#A5712B; display: block; font-weight:normal; height:auto; margin:0px; padding:8px 16px 10px 16px; position: relative; width:108px; } #mainNav ul.sf-menu li:hover ul, #mainNav ul.sf-menu li.sfHover ul { left: 0; top: 41px; /* match top ul list item height */ z-index: 99;} #mainNav ul.sf-menu li:hover li ul, #mainNav ul.sf-menu li.sfHover li ul { top: -999em;} #mainNav ul.sf-menu li li:hover ul, #mainNav ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0;} #mainNav ul.sf-menu li li:hover li ul, #mainNav ul.sf-menu li li.sfHover li ul { top: -999em;} #mainNav ul.sf-menu li li li:hover ul, #mainNav ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0;} /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off { background: transparent;}