html { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #FFD800 url(images/topbg.gif) 0 0 repeat-x; color: black; font: 12px/15px verdana, helvetica, arial, sans-serif; } a, a:link { color: #F60; text-decoration: none; } a:visited { color: #F60; text-decoration: none; } a:hover { color: red; text-decoration: underline; } /* Masthead Styles */ div#masthead { margin: 0; padding: 0; background: url(images/mastheadbg.gif) 0 0 no-repeat; width: 760px; height: 142px; } div#masthead h1 { position: absolute; left: 0; top: 0; width: 175px; height: 156px; margin: 0; padding: 0; } /* TURN THIS ONE ON WHEN OC GOES UP */ /*div#masthead h2 { position: absolute; left: 289px; top: 20px; background: url(images/tagline.gif) 0 0 no-repeat; width: 447px; height: 26px; margin: 0; padding: 0; }*/ div#masthead h2 { position: absolute; left: 300px; top: 20px; background: url(images/tagline_temp.gif) 0 0 no-repeat; width: 447px; height: 26px; margin: 0; padding: 0; } div#masthead h4 { position: absolute; margin: 0; padding: 0; z-index: 20; } h1 span, h2 span, h4 span { display: none; } div#masthead h4#interiorshead { left: 587px; top: 102px; background: url(images/subhead_interiors.gif) 0 0 no-repeat; width: 140px; height: 21px; } div#masthead h4#wheeltirehead { left: 544px; top: 102px; background: url(images/subhead_wheeltire.gif) 0 0 no-repeat; width: 183px; height: 21px; } div#masthead h4#exteriorhead { left: 587px; top: 102px; background: url(images/subhead_exterior.gif) 0 0 no-repeat; width: 140px; height: 21px; } div#masthead h4#intexthead { left: 442px; top: 102px; background: url(images/subhead_intext.gif) 0 0 no-repeat; width: 285px; height: 21px; } div#masthead h4#featureshead { left: 587px; top: 102px; background: url(images/subhead_features.gif) 0 0 no-repeat; width: 140px; height: 21px; } div#masthead h4#faqshead { left: 587px; top: 102px; background: url(images/subhead_faqs.gif) 0 0 no-repeat; width: 140px; height: 21px; } /* Navigation Styles */ ul#nav { /*float: left;*/ /* This fixes Opera, so leave for now */ margin: 0; padding: 55px 0 0 285px; list-style: none; } ul#nav li { margin: 0; padding: 0; display: inline; } ul#nav li.level1 { float: left; } ul.dropdown { position: absolute; top: 80px; width: 119px; margin: 0; padding: 0; background: white; border-left: 2px solid #F60; border-right: 2px solid #F60; list-style: none; display: none; z-index: 100; } ul.prod { left: 274px; } ul.feat { left: 396px; } ul.faqs { left: 512px; } ul.dropdown li a { display: block; margin: 0; padding: 5px; width: 100%; text-decoration: none; color: black; border-bottom: 2px solid #F60; } ul.dropdown>li a { width: auto; } ul.dropdown li a:visited { color: black; text-decoration: none; } ul.dropdown li a:hover { color: white; background: #F60; text-decoration: none; } ul#nav li.submenu:hover ul.dropdown, ul#nav li.sfhover ul.dropdown { display: block; } /* Content Styles */ #contentArea { width: 760px; /* IE Box Model Hack below under Hacks */ margin: 0; padding: 0; } #contentSB { width: 545px; margin: 0; padding: 0 0 0 25px; } #contentNOSB { width: 742px; margin: 0; padding: 0; } #contentNOSBpad { padding: 0 25px; width: 742px; } .sb { background: white url(images/contentbg_sidebar.gif) top right repeat-y; } .nosb { background: white url(images/contentbg_nosidebar.gif) top right repeat-y; } h3 { margin: 0; color: #F60; font-weight: bold; font-size: 18px; } h3.main { padding: 25px 0 12px 0; } p { margin: 0 0 1em; } .footnote { font-size: 11px; color: gray; font-style: italic; } .reg { font-size: 11px; position: relative; top: -6px; left: 0; } .highlight, .subhead { font-weight: bold; color: #F60; margin-bottom: 0; } .shortpage { padding-bottom: 25px; } .shortpagetwo { padding-bottom: 125px; } hr { visibility: hidden; } .prodlist { margin-top: 0; } .prodpagebox { float: left; margin: 0; padding: 25px 25px 0; width: 370px; } .prodpage { margin: 0; padding: 0; list-style: none; background: white; border-left: 1px solid #F60; border-top: 1px solid #F60; } .prodpage li { margin: 0; padding: 0; border-bottom: 1px solid #F60; } .prodpage a { color: black; background: white; text-decoration: none; display: block; position: relative; top: 10px; left: 0px; margin-left: 15px; padding: 3px 8px; } .prodpage a:visited { color: black; text-decoration: none; } .prodpage a:hover { color: white; background: #F60; text-decoration: none; } img.floatright { float: right; padding: 3px 0 10px 10px; } img.floatleft { float: left; padding: 0 15px 10px 0; } #sidebar { float: right; width: 210px; height: 100%; margin: 0; padding: 0; background: url(images/sidebar_corner.gif) top left no-repeat; } #sidebar img.prodshot { position: relative; left: 37px; top: 20px; } #sidebar img.areashot { position: relative; left: 24px; } #where { float: right; width: 160px; padding: 0; margin: 0 0 10px 20px; background: #F90 url(images/wherebox_bot.gif) bottom left no-repeat; } #where h5 { font-size: 14px; font-weight: bold; color: white; background: #F60 url(images/wherebox_top.gif) top left no-repeat; padding: 8px 15px; margin: 0; } #where ul { margin: 0; padding: 8px 15px 12px; list-style: none; } ul.faqsq { margin: 0; padding: 0; list-style: none; } dl.faqs { margin: 5px 0 15px 0; } dl.faqs dt { font-weight: bold; } dl.faqs dd { margin: 3px 0 0 10px; } a.nonlink { color: black; text-decoration: none; } a.nonlink:link { color: black; text-decoration: none; } a.nonlink:visited { color: black; text-decoration: none; } a.nonlink:hover { color: black; text-decoration: none; } /* Footer Styles */ #footer { width: 760px; height: 50px; } .ftsb { background: #FFD800 url(images/contentbot_sidebar.gif) top left no-repeat; } .ftnosb { background: #FFD800 url(images/contentbot_nosidebar.gif) top left no-repeat; } #footlinks { float: right; padding: 32px 28px 0 0; } #footlinks a { color: black; text-decoration: none; } #footlinks a.border { border-right: 1px solid black; padding-right: 8px; } #footlinks a:visited { color: black; text-decoration: none; } #footlinks a:hover { color: red; text-decoration: none; } #footlinks b { display: none; } /* Clear those Floats */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* Hacks */ #contentSB { voice-family: "\"}\""; voice-family:inherit; width: 520px; } #contentNOSBpad { voice-family: "\"}\""; voice-family:inherit; width: 692px; } .prodpagebox { voice-family: "\"}\""; voice-family:inherit; width: 320px; } table { border: none; margin: 0; padding: 0; color: black; font: 12px/15px verdana, helvetica, arial, sans-serif; } td { padding: 5px 0 0 2px; } .fields { font: 12px verdana, helvetica, arial, sans-serif; } .reqd { color: red; } .notreqd { visibility: hidden; } .leftcolumn { text-align: right; width: 35%; } .checkbox { float: left; } td.optin span { margin: 0 0 0 20px; padding: 0; display: block; } #sub { padding: 25px 0 25px; } input:focus { background: #FFFFCC }