/* ============= GLOBAL SETTINGS ============= */ * { padding: 0; margin: 0; border: 0; } body { background: #fff; } a, a:visited, a:active { outline: none } /* * @group clearfix * @elements: none */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .clear { clear: both; } .left { float: left; } .right { float: right; } .center { text-align: center; } .blue { color: #0572AB; } .black { color: #000; } .bold-black { color: #000; font-weight: bold; } a { text-decoration: underline; color: #0572AB; } a:hover { text-decoration: underline; color: #0572AB; } p { margin-bottom: 15px; } /* ============= STRUCTURE ============= */ #container { width: 980px; margin: 0 auto; font: 11px/16px arial, helvetica, sans-serif; color: #1B1B1B; } #header { width: 980px; height: 170px; margin-bottom: 3px; background: url('/images/bg-header.jpg') bottom left no-repeat #A8AFB3; } #header #top-container { width: 980px; height: 100px; } #header #logo { float: left; display: inline; width: 231px; height: 85px; margin: 0 1px 0 0; } #header #logo #vwparts { height: 14px; padding: 1px 0 0 0; text-align: center; font-size: 10px; line-height: 14px; } #header #logo #vwparts a { color: #1E1E1E; text-decoration: none; } #header #banner { float: left; display: inline; width: 728px; height: 90px; margin: 10px 0 0 0; } #nav-utility { height: 18px; margin: 5px 25px 0 0; text-align: right; } #nav-utility ul { list-style: none; } #nav-utility ul li { display: inline; font: normal 10px arial, helvetica, sans-serif; padding: 0 0 0 25px; background: url('/images/nav-utility-arrow.gif') no-repeat; background-position: 16px 3px; } #nav-utility ul li a { color: #1E1E1E; text-decoration: none; } #nav-utility ul li a:hover { text-decoration: underline; } /* ============= Main Nav ============= */ #nav { width: 948px; height: 37px; margin: 0 16px; } #nav #nav-matrix { position: relative; background: url('/images/nav.png'); width: 948px; height: 37px; } #nav #nav-matrix li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; text-indent: -200em; overflow: hidden; } #nav #nav-matrix li, #nav-matrix a { height: 37px; display: block; } #nav #nav-matrix #collision { left: 0; width: 147px; } #nav #nav-matrix #collision a:hover { background: transparent url('/images/nav.png') 0 -37px no-repeat; } #nav #nav-matrix #collision.on,#nav #nav-matrix #collision.on a:hover { background: transparent url('/images/nav.png') 0 -74px no-repeat; } #nav #nav-matrix #mechanical { left: 148px; width: 159px; } #nav #nav-matrix #mechanical a:hover { background: transparent url('/images/nav.png') -148px -37px no-repeat; } #nav #nav-matrix #mechanical.on,#nav #nav-matrix #mechanical.on a:hover { background: transparent url('/images/nav.png') -148px -74px no-repeat; } #nav #nav-matrix #tech-talk { left: 307px; width: 103px; } #nav #nav-matrix #tech-talk a:hover { background: transparent url('/images/nav.png') -307px -37px no-repeat; } #nav #nav-matrix #tech-talk.on,#nav #nav-matrix #tech-talk.on a:hover { background: transparent url('/images/nav.png') -307px -74px no-repeat; } #nav #nav-matrix #parts-outlet { left: 410px; width: 168px; } #nav #nav-matrix #parts-outlet a:hover { background: transparent url('/images/nav.png') -410px -37px no-repeat; } #nav #nav-matrix #parts-outlet.on,#nav #nav-matrix #parts-outlet.on a:hover { background: transparent url('/images/nav.png') -410px -74px no-repeat; } #nav #nav-matrix #accessories { left: 578px; width: 127px; } #nav #nav-matrix #accessories a:hover { background: transparent url('/images/nav.png') -578px -37px no-repeat; } #nav #nav-matrix #accessories.on,#nav #nav-matrix #accessories.on a:hover { background: transparent url('/images/nav.png') -582px -74px no-repeat; } #nav #nav-matrix #extras { left: 706px; width: 98px; } #nav #nav-matrix #extras a:hover { background: transparent url('/images/nav.png') -706px -37px no-repeat; } #nav #nav-matrix #extras.on,#nav #nav-matrix #extras.on a:hover { background: transparent url('/images/nav.png') -706px -74px no-repeat; } #nav #nav-matrix #dealer { left: 804px; width: 145px; } #nav #nav-matrix #dealer a:hover { background: transparent url('/images/nav.png') -804px -37px no-repeat; } #nav #nav-matrix #dealer.on,#nav #nav-matrix #dealer.on a:hover { background: transparent url('/images/nav.png') -800px -74px no-repeat; } /* ============= Home page ============= */ #home-content { width: 980px; background: url('/images/bg-home-content.gif') repeat-y #EAEAEA; } #home-content #home-left { float: left; display: inline; width: 660px; margin-right: 3px; } #home-content #home-left #feature-img { width: 660px; height: 270px; background: url('/images/bg-feature-img.gif') bottom left no-repeat; } #home-content #home-left #feature-block { margin: 0 10px 13px 10px; } #home-content #home-right { float: left; display: inline; width: 292px; padding: 12px 15px 0 10px; } #home-content #home-right .outlet-center-part { width: 292px; margin-bottom: 7px; background: url('/images/bg-home-right.gif') repeat-y; } #home-content #home-right .outlet-center-part .top-cap { width: 292px; height: 12px; background: url('/images/home-feature-right-cap.gif') no-repeat; } #home-content #home-right .outlet-center-part .content { background: url('/images/home-feature-right-bg.jpg') bottom center no-repeat; min-height: 229px; height: auto !important; height: 229px; } #home-content #home-right .outlet-center-part .content .feature-header { margin: 0 28px; color: #fff; font-size: 12px; font-weight: bold; } #home-content #home-right .outlet-center-part .content .feature-part { width: 240px; height: 23px; margin: 8px 15px 7px 17px; padding: 8px 10px 0 10px; background: url('/images/bg-feature-part.gif') no-repeat; font-size: 15px; color: #fff; } #home-content #home-right .outlet-center-part .content .image-container { float: left; display: inline; width: 140px; margin: 0 14px 0 12px; } #home-content #home-right .outlet-center-part .content .image-container-blank { float: left; display: inline; width: 140px; margin: 0 14px 0 12px; } #home-content #home-right .outlet-center-part .content .image-container .img { width: 130px; height: 110px; padding: 5px; background: url('/images/bg-feature-part-img.gif') no-repeat; } #home-content #home-right .outlet-center-part .content .image-container .caption { margin: 2px 7px; font: 9px/10px arial, helvetica, sans-serif; color: #80A0B9; } #home-content #home-right .outlet-center-part .content .feature-details { float: left; display: inline; width: 112px; padding: 5px 0 15px 0; font-size: 10.5px; color: #fff; line-height: 14px; } #home-content #home-right .outlet-center-part .content .feature-details.full { float: left; display: inline; width: 252px; margin: 0 14px 0 22px; padding: 5px 0 15px 0; font-size: 10.5px; color: #fff; line-height: 14px; } #home-content #home-right .outlet-center-part .content .feature-details .price { font-size: 14px; font-weight: bold; } #home-content #home-right .outlet-center-part .content .feature-details p { margin-bottom: 8px; } #home-content #home-right .outlet-center-part .content .feature-details .more { text-align: right; margin: 12px 8px 0 0; } #home-content #home-right .view-all { margin: -10px 5px 10px 0; text-align: right; font-size: 10px; font-weight: bold; } #home-content #home-right .view-all a { text-decoration: none; } #home-content #home-right .view-all img { vertical-align: middle; } /* ============= Template ============= */ #content { width: 958px; padding: 10px 11px; background: #EAEAEA; } #content .full-top-cap { width: 958px; height: 20px; background: url('/images/full-top-cap.gif') no-repeat; } #content .full-content { width: 878px; padding: 12px 40px; background: url('/images/full-bg.gif') repeat-y; } #content .full-bot-cap { width: 958px; height: 20px; background: url('/images/full-bot-cap.gif') no-repeat; } #content .half-container { width: 638px; float: left; display: inline; } #content .half-container .half-top-cap { width: 638px; height: 20px; background: url('/images/half-top-cap.gif') no-repeat; } #content .half-container .half-content { width: 558px; padding: 12px 40px; background: url('/images/half-bg.gif') repeat-y; } #content .half-container .half-bot-cap { width: 638px; height: 20px; background: url('/images/half-bot-cap.gif') no-repeat; } #content .short-container { width: 320px; float: left; display: inline; } #content .short-container .top-cap { width: 320px; height: 27px; background: url('/images/short-top-cap.gif') no-repeat; } #content .short-container .content { width: 320px; background: url('/images/short-bg.gif') repeat-y; } #content .short-container .bot-cap { width: 320px; height: 27px; background: url('/images/short-bot-cap.gif') no-repeat; } #content .short-container .das-auto { width: 300px; height: 350px; padding: 7px 9px 0 11px; background: url('/images/das-auto-bg.gif') no-repeat; } #content .short-container .vw-facebook { width: 300px; height: 233px; padding: 10px 9px 0 11px; background: url('/images/vw-facebook-bg.gif') no-repeat; } #content h1 { color: #000; font-size: 22px; font-weight: bold; line-height: 15px; margin-bottom: 7px; } #content h2 { color: #000; font-size: 16px; font-weight: bold; line-height: 15px; margin-bottom: 7px; } #content h3 { color: #0061AF; font-size: 12px; font-weight: bold; line-height: 15px; margin-bottom: 7px; } #content hr { height: 1px; background: #EAEAEA; border: 0; color: #EAEAEA; margin: 18px 0 15px 0; padding: 0; } #content p.last { margin: 0; text-align: left; } #content p.disclaimer { font-size: 9px; } #content ul,#content ol { margin: 10px 0 20px 50px; } #content .hr { height: 1px; background: #EAEAEA; border: 0; color: #EAEAEA; margin: 10px 0; padding: 0; font-size: 0; line-height: 0; } #content .left-header { float: left; padding-top: 8px; } #content .horizontal-lists { } #content .horizontal-lists ul { float: left; display: inline; margin: 0 0 20px 50px; } label { float: left; display: inline; font-weight: bold; color: #000; margin-right: 10px; } input.text { float: left; display: inline; font-size: 11px; color: #999; padding: 1px; margin-right: 5px; border: 1px solid #C4C4C4; } select { border: 1px solid #C4C4C4; } /* ============= Subnav ============= */ #content .subnav { width: 958px; text-align: right; margin: 0 0 5px 0; } #content .subnav ul { list-style: none; margin: 0; } #content .subnav ul li { display: inline; padding: 0 11px; } #content .subnav ul li a { color: #000; text-decoration: none; font-weight: bold; } #content .subnav ul li a.on { color: #0061AF; text-decoration: none; font-weight: bold; } #content .subnav ul li a:hover { text-decoration: underline; } /* ============= Footer ============= */ #footer { width: 980px; margin: 0 0 20px 0; } #footer #bottom-nav { float: left; display: inline; width: 680px; margin: 19px 0 0 20px; font-size: 9.5px; } #footer #bottom-nav ul { list-style: none; margin-bottom: 0px; } #footer #bottom-nav li { display: inline; padding-right: 14px; background: url('/images/bg-footer-divider.gif') right center no-repeat; } #footer #bottom-nav li.last { background: none; } #footer #bottom-nav a { color: #8A9298; text-decoration: none; } #footer #bottom-nav a:hover { color: #3F3F3F; text-decoration: underline; } #footer #bottom-nav #copyright { margin-top: 12px; } #footer #genuine-parts { float: right; display: inline; width: 71px; margin: 14px 19px 0 0; } /* ============= Login ============= */ #login { background: #00579e; } #login #container { width: 800px; height: 415px; margin: 0 auto; padding: 28px; border: 1px solid #004c8a; background: url('/images/bg-login.gif') top repeat-x #004C8A; color: #fff; } #login #container h1 { font-size: 28px; margin: 0 0 16px 0; } #login #container h2 { font-size: 17px; margin: 0 0 12px 0; } #login #container a { color: #fff; } #login #container #already-member { float: left; display: inline; width: 300px; padding: 0 36px 0 0; } #login #container #become-member { float: left; display: inline; width: 304px; padding: 0 0 0 40px; border-left: 1px solid #1A68A7; } #login #container input.text { width: 250px; padding: 4px 15px; margin: 0 0 5px 0; background: #1E73B8; color: #fff; border: 1px solid #17588D; } #login #container input.texterror { width: 250px; padding: 4px 15px; margin: 0 0 5px 0; background: #f9fbd2; color: #c00; border: 1px solid #17588D; } #login #container input.submit { float: right; margin: 8px 18px 0 0; } #login #container .check { float: left; width: 20px; margin-right: 10px; } #login #container .checktext1 { float: left; width: 250px; margin: 0 0 10px 0; } #login #container .checktext2 { float: left; width: 190px; margin: 0 0 10px 0; } #login #container .checktext3 { float: left; width: 190px; margin: 0 0 5px 0; } #login #container .checktext4 { float: left; width: 190px; margin: 5px 0 0px 0; } #login #container .gparts { float: left; width: 65px; height: 53px; margin: 0 0 10px 0; } #login #container p.required { font-size: 9px; } #login #container #login-error { display: none; padding: 0 0 10px 0; } #login #container #newlogin-error { display: none; padding: 0 0 10px 0; } .hidden{display:none;} #reseller {width: 220px; position:relative; left:20px;} /* ============= Tips / Facts ============= */ .feature { position: relative; float: left; display: inline; width: 300px; height: 260px; padding: 7px 10px; background: url('/images/home-feature-1.gif') no-repeat; } .feature .title { position: absolute; top: 20px; left: 20px; font-size: 11px; margin-bottom: 10px; color: #0061AF; line-height: 15px; } .feature .disclaimer { font-size: 10px; font-weight: normal; line-height: 12px; color: #a8afb3; margin-top: 14px; } .feature .nav { position: absolute; bottom: 10px; right: 20px; } .feature .nav ul { list-style: none; margin: 0 0 0 0; } .feature .nav ul li { float: left; display: inline; height: 15px; padding: 1px 0; font-size: 11.5px; line-height: 15px; } .feature .nav ul li.prev { margin: 0 6px 0 0; padding: 0; } .feature .nav ul li.next { margin: 0 0 0 6px; padding: 0; } .feature #collision-tips { position: relative; width: 300px; height: 260px; font-size: 11.5px; line-height: 15px; font-weight: bold; color: #8A9298; } .feature #collision-tips a { text-decoration: none; } #tips-1 { position: absolute; background: url('/images/bg-collision-tip-1.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #tips-2 { position: absolute; background: url('/images/bg-collision-tip-2.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #tips-3 { position: absolute; background: url('/images/bg-collision-tip-3.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #tips-4 { position: absolute; background: url('/images/bg-collision-tip-4.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #tips-5 { position: absolute; background: url('/images/bg-collision-tip-5.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #collision-tips #tips-2,#collision-tips #tips-3,#collision-tips #tips-4,#collision-tips #tips-5 { display: none; } .feature #facts { position: relative; width: 300px; height: 260px; font-size: 11.5px; line-height: 15px; font-weight: bold; color: #8A9298; } .feature #facts a { text-decoration: none; } #facts-1 { position: absolute; background: url('/images/bg-facts-1.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #facts-2 { position: absolute; background: url('/images/bg-facts-2.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #facts-3 { position: absolute; background: url('/images/bg-facts-3.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #facts-4 { position: absolute; background: url('/images/bg-facts-4.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #facts-5 { position: absolute; background: url('/images/bg-facts-5.jpg') no-repeat #fff; width: 258px; height: 170px; padding: 45px 21px; } #facts #facts-1,#facts #facts-2,#facts #facts-3,#facts #facts-4,#facts #facts-5 { padding-right: 20px; } #facts #facts-2,#facts #facts-3,#facts #facts-4,#facts #facts-5 { display: none; } /* ============= Extra Page ============= */ .feature-extra { position: relative; float: left; display: inline; width: 300px; height: 230px; padding: 7px 10px; } .feature-extra .title { position: absolute; top: 20px; left: 20px; font-size: 11px; margin-bottom: 10px; color: #0061AF; line-height: 15px; } .feature-extra .disclaimer { font-size: 10px; font-weight: normal; line-height: 12px; color: #a8afb3; margin-top: 14px; } .feature-extra .nav { position: absolute; bottom: 10px; right: 20px; } .feature-extra .nav ul { list-style: none; margin: 0 0 0 0; } .feature-extra .nav ul li { float: left; display: inline; height: 15px; padding: 1px 0; font-size: 11.5px; line-height: 15px; } .feature-extra .nav ul li.prev { margin: 0 6px 0 0; padding: 0; } .feature-extra .nav ul li.next { margin: 0 0 0 6px; padding: 0; } .feature-extra #extra { position: relative; width: 300px; height: 230px; font-size: 11.5px; line-height: 15px; font-weight: bold; } #extra-1 { position: absolute; background: url('/images/facebook.jpg') no-repeat; width: 300px; height: 230px; padding: 45px 21px; } #extra-2 { position: absolute; background: url('/images/tech.jpg') no-repeat ; width: 300px; height: 230px; padding: 45px 21px; color:#FFFFFF} #extra #extra-2 { display: none; } #extra-2 .header{font-weight:bold; font-size:16px; position:relative; top:-20px; float:left; width:230px;} #extra-2 .sub {float:left; position:relative; top:-15px; width:220px;} #extra-2 .sub2{float:left;position:relative;top:-10px; width:220px;} #extra-1 .header{font-weight:bold; position:relative; top:-20px; float:left; width:220px;} #extra-1 .sub {float:left; position:relative; top:-15px; left:2px; font-size:16px; } #extra-1 .sub2{float:left;position:relative;top:-10px; color:#8a9298; font-size:11px;font-weight:normal; width:220px;} #extra-1 .sub a{ font-size:16px; text-decoration:none; color:#000000 } #extra-1 .sub2 a{color:#8a9298; font-size:11px;font-weight:normal;text-decoration:none; } /* ============= Open / Close ============= */ #content ul.expander { list-style: none; margin: 0; } #content ul.expander li { padding: 0 0 4px 11px; font-size: 11px; background: url('/images/arrow-right.gif') no-repeat; background-position: 0 3px; } #content ul.expander li a { color: #000; text-decoration: none; } #content ul.expander li a:hover { color: #000; text-decoration: underline; } #content ul.expander li.on { padding: 0 0 11px 11px; font-size: 11px; background: url('/images/arrow-down.gif') no-repeat; background-position: 0 3px; } #content ul.expander li .expander-on { display: none; } /* ============= Pagination ============= */ #content .pagination { margin: 22px 0; padding: 0; text-align: right; } #content .pagination.last { margin: 22px 0 0 0; padding: 0; text-align: right; } #content .pagination ul { list-style: none; margin: 0; padding: 0; float: right; height: 15px; } #content .pagination ul li { float: left; display: inline; padding: 0 2px; color: #A9AFB3; } #content .pagination ul li a { color: #000; text-decoration: none; font-size: 10px; } #content .pagination ul li a:hover { text-decoration: underline; } #content .pagination ul li.on a { color: #999 !important; font-weight: bolder; } #content .pagination ul li.prev { float: left; display: inline; padding: 0 4px 0 0; } #content .pagination ul li.next { float: left; display: inline; padding: 0 0 0 4px; } /* ============= PDF Listing ============= */ #content .pdf-list { } #content .pdf-list .left { float: left; display: inline; width: 415px; margin-right: 40px; } #content .pdf-list .pdfs { float: right; display: inline; width: 423px; } #content .pdf-list .pdfs ul { margin: 0 0 0 0; list-style: none; } #content .pdf-list .pdfs ul li.first { float: left; width: 423px; padding: 0px 0 8px 0; font-size: 14px; color: #000; font-weight: bold; border-bottom: 1px solid #EAEAEA; } #content .pdf-list .pdfs ul li { float: left; width: 423px; padding: 8px 0; font-size: 14px; color: #000; font-weight: bold; border-bottom: 1px solid #EAEAEA; } #content .pdf-list .pdfs ul li .text { float: left; } #content .pdf-list .pdfs ul li img { float: right; display: inline; width: 40px; background: #f00; } /* ============= Flash Players ============= */ .player-container { width: 560px; height: 375px; background: url('/images/bg-player-shadow.gif') bottom left no-repeat; } #player-large { width: 560px; height: 350px; } .player-container-xlarge { width: 720px; height: 500px; } #player-large-xlarge { width: 720px; height: 500px; } .player-container-small { width: 270px; height: 205px; background: url('/images/bg-player-shadow-small.gif') bottom left no-repeat; } #player-small { width: 270px; height: 185px; } /* ============= Misc Pages / Elements ============= */ .search-block { margin: 22px 0; padding: 10px 20px; background: #EAEAEA; } .search-block select { width: 200px; border: 1px solid #C4C4C4; } .link-go { float: right; display: inline; width: 186px; height: 16px; margin: 5px 0 12px 0; padding: 2px; background: url('/images/bg-link-go.gif'); } .link-go .link { float: left; display: inline; width: 148px; font-size: 10px; text-align: center; } .link-go .link a { color: #0061AF; text-decoration: none; } .link-go .link a:hover { color: #000; text-decoration: underline; } .link-go .go { float: right; display: inline; width: 38px; } .link-go .go a { display: block; width: 38px; height: 16px; line-height: 0; font-size: 0; background: url('/images/go-off.gif') no-repeat; } .link-go .go a:hover { background: url('/images/go-on.gif') no-repeat; line-height: 0; font-size: 0; } a.view-tutorial { display: block; width: 118px; height: 16px; background: url('/images/view-tutorial-off.gif') no-repeat; } a.view-tutorial:hover { background: url('/images/view-tutorial-on.gif') no-repeat; } .tutorial_container { width: 560px; margin: 20px auto 0 auto; } .tutorial_container-xlarge { width: 735px; margin: 20px auto 0 auto; } .find-dealer { width: 876px; } .find-dealer td { width: 292px; padding: 8px 0; } .part-search { width: 878px; } .part-search th { padding: 10px; color: #f00; font-size: 11px; font-weight: bold; color: #8A9298; text-align: left; border-right: 1px solid #A6ADB1; border-bottom: 2px solid #F0F0F0; } .part-search th.description { width: 130px; } .part-search th.part-number { width: 114px; } .part-search th.prev-msrp { width: 89px; } .part-search th.new-msrp { width: 79px; } .part-search th.percent-discount { width: 89px; } .part-search th.total-stock { width: 64px; } .part-search th.core { width: 64px; } .part-search th.application { width: 242px; border-right: 0; } .part-search td { padding: 10px; color: #333; border-right: 1px solid #A6ADB1; border-bottom: 1px dotted #A6ADB1; } .part-search td.description { font-weight: bold; font-size: 14px; color: #0061AF; } .part-search td.description img { float: right; display: inline; } .part-search td.application { border-right: 0; } #collision-landing { width: 876px; margin-top: 15px; } #collision-landing .left { float: left; display: inline; width: 560px; margin-right: 26px; } #collision-landing .right { float: left; display: inline; width: 290px; } #collision-landing .quality-testing-details { margin-top: 12px; } #collision-landing .quality-testing-details .top { width: 290px; height: 6px; background: url('/images/bg-quality-testing-details-top.gif') no-repeat; } #collision-landing .quality-testing-details .test-list { width: 288px; border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; } #collision-landing .quality-testing-details .test-list ul { margin: 0; list-style: none; } #collision-landing .quality-testing-details .test-list ul li { width: 260px; padding: 14px; border-bottom: 1px solid #EAEAEA; font-weight: bold; color: #000; } #collision-landing .quality-testing-details .test-list ul li.end { border: 0; } #collision-landing .quality-testing-details .bottom { width: 290px; height: 6px; background: url('/images/bg-quality-testing-details-bottom.gif') no-repeat; } .quality-test { } .quality-test .left { width: 585px; margin-right: 20px; } .quality-test .right { width: 270px; margin-top: 22px; } #content #test-conclusions { } #content #test-conclusions h3 { margin: 0; } #content #test-conclusions img { margin-top: 8px; } #content #test-conclusions table { border-collapse: collapse; } #content #test-conclusions td { width: 270px; padding: 20px 20px 20px 0; border-right: 20px solid #fff; vertical-align: top; border-bottom: 1px solid #EAEAEA; } #content #test-conclusions td.end { width: 270px; padding: 20px 20px 20px 0; border-right: 20px solid #fff; vertical-align: top; border-bottom: 1px solid #fff; } /* ============= Tire Fitment Guide ============= */ #tire-fitment-guide { } #tire-fitment-guide h3 { margin: 8px 0 12px 0; } #tire-fitment-guide #nav-tire-fitment { margin: 0 0 25px 0; position: relative; background: url('/images/tire-fitment-nav.png'); width: 507px; height: 35px; } #tire-fitment-guide #nav-tire-fitment li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; text-indent: -200em; overflow: hidden; } #tire-fitment-guide #nav-tire-fitment li, #tire-fitment-guide #nav-tire-fitment a { height: 35px; display: block; } #tire-fitment-guide #nav-tire-fitment #guide { left: 0; width: 126px;} #tire-fitment-guide #nav-tire-fitment #guide a:hover { background: transparent url('/images/tire-fitment-nav.png') 0 -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #guide.on,#tire-fitment-guide #nav-tire-fitment #guide.on a:hover { background: transparent url('/images/tire-fitment-nav.png') 0 -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #decoder { left: 127px; width: 93px;} #tire-fitment-guide #nav-tire-fitment #decoder a:hover { background: transparent url('/images/tire-fitment-nav.png') -127px -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #decoder.on,#tire-fitment-guide #nav-tire-fitment #decoder.on a:hover { background: transparent url('/images/tire-fitment-nav.png') -127px -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #speed-rating { left: 221px; width: 98px;} #tire-fitment-guide #nav-tire-fitment #speed-rating a:hover { background: transparent url('/images/tire-fitment-nav.png') -221px -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #speed-rating.on,#tire-fitment-guide #nav-tire-fitment #speed-rating.on a:hover { background: transparent url('/images/tire-fitment-nav.png') -221px -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #load-rating { left: 320px; width: 89px;} #tire-fitment-guide #nav-tire-fitment #load-rating a:hover { background: transparent url('/images/tire-fitment-nav.png') -320px -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #load-rating.on,#tire-fitment-guide #nav-tire-fitment #load-rating.on a:hover { background: transparent url('/images/tire-fitment-nav.png') -320px -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #anatomy { left: 410px; width: 97px;} #tire-fitment-guide #nav-tire-fitment #anatomy a:hover { background: transparent url('/images/tire-fitment-nav.png') -410px -35px no-repeat; } #tire-fitment-guide #nav-tire-fitment #anatomy.on,#tire-fitment-guide #nav-tire-fitment #anatomy.on a:hover { background: transparent url('/images/tire-fitment-nav.png') -410px -35px no-repeat; } #tire-fitment-guide .guide { display: block; } #tire-fitment-guide .guide th { padding: 10px; color: #f00; font-size: 11px; font-weight: bold; color: #8A9298; text-align: left; border-right: 1px solid #A6ADB1; border-bottom: 2px solid #F0F0F0; } #tire-fitment-guide .guide th.part-number { width: 185px; padding-left: 0; } #tire-fitment-guide .guide th.manufacturer { width: 94px; } #tire-fitment-guide .guide th.size { width: 79px; } #tire-fitment-guide .guide th.load { width: 54px; } #tire-fitment-guide .guide th.speed { width: 54px; } #tire-fitment-guide .guide th.type { width: 59px; } #tire-fitment-guide .guide th.fitment1 { width: 159px; } #tire-fitment-guide .guide th.fitment2 { width: 185px; border-right: 0; } #tire-fitment-guide .guide td { vertical-align: top; padding: 10px; color: #333; border-right: 1px solid #A6ADB1; border-bottom: 1px dotted #A6ADB1; } #tire-fitment-guide .guide td.part-number { padding-left: 0; } #tire-fitment-guide .guide td.part-number .blue { font-weight: bold; font-size: 14px; color: #0061AF; } #tire-fitment-guide .guide td.fitment2 { border-right: 0; } #tire-fitment-guide .decoder { display: none; } #tire-fitment-guide .decoder .decipher { float: left; display: inline; width: 290px; } #tire-fitment-guide .decoder .how-to-read { float: left; display: inline; width: 588px; } #tire-fitment-guide .speed-rating { display: none; } #tire-fitment-guide .speed-rating .text { float: left; display: inline; width: 341px; } #tire-fitment-guide .speed-rating ul { margin-left: 22px; } #tire-fitment-guide .speed-rating .chart { float: left; display: inline; width: 537px; } #tire-fitment-guide .load-rating { display: none; } #tire-fitment-guide .load-rating .text { float: left; display: inline; width: 341px; } #tire-fitment-guide .load-rating ul { margin-left: 22px; } #tire-fitment-guide .load-rating .chart { float: left; display: inline; width: 537px; } #tire-fitment-guide .anatomy { display: none; } /* ============= Tech Talk ============= */ #tech-talk { } #content #tech-talk .half-container .half-content { width: 562px; padding: 7px 38px 28px 38px; background: url('/images/half-bg.gif') repeat-y; } #content #tech-talk .title { font-size: 11px; margin-bottom: 10px; color: #0061AF; line-height: 15px; } #content #tech-talk .short-container .content .title { margin: 0 30px; } #content #tech-talk .short-container .content .divider { width: 300px; padding: 0; margin: 8px 10px; height: 1px; background: #EAEAEA; font-size: 0; line-height: 0; } #playlist ul { margin: 0 0 0 30px; padding: 0; list-style: none; width: 260px; } #playlist ul li { } #playlist ul li .video-closed { background: #EAEAEA; } #playlist ul li .video-closed .img { float: left; display: inline; width: 123px; line-height: 0; } #playlist ul li .video-closed .text { position: relative; float: left; display: inline; width: 103px; padding: 10px 17px; line-height: 15px; font-weight: bold; } #playlist ul li .video-closed .text .plus,#playlist ul li .video-closed .text .minus { position: absolute; top: 3px; right: 3px; } #playlist ul li.rule { height: 1px; background: #EAEAEA; margin: 8px 0; font-size: 0; line-height: 0; } #playlist ul li ul.video-list-onload { display: block; margin: 4px 0 0 0; padding: 0; } #playlist ul li ul.video-list { display: none; margin: 4px 0 0 0; padding: 0; } #playlist ul li ul.video-list.onload { display: block; margin: 4px 0 0 0; padding: 0; } #playlist ul li ul.video-list li { width: 257px; border-bottom: 1px dotted #aaa; margin: 0; font-weight: bold; color: #000; } #playlist ul li ul.video-list li .text { width: 170px; } #playlist ul li ul.video-list li.last { background: none; } #playlist ul li ul.video-list li a { display: block; width: 247px; padding: 4px 0 4px 10px; text-decoration: none; font-weight: bold; color: #000; background: url('/images/arrow-small.gif') no-repeat 242px 6px; } #playlist ul li ul.video-list li a.now-playing { display: block; width: 247px; padding: 4px 0 4px 10px; text-decoration: none; font-weight: bold; color: #000; background: url('/images/now-playing.gif') no-repeat #E5EFF7 182px 6px; } #playlist ul li ul.video-list li a.now-playing:hover { display: block; width: 247px; padding: 4px 0 4px 10px; text-decoration: none; font-weight: bold; color: #000; background: url('/images/now-playing.gif') no-repeat #E5EFF7 182px 6px; } #playlist ul li ul.video-list li a:hover { background: url('/images/arrow-small.gif') no-repeat #E5EFF7 242px 6px; } /*================quality pages==================== */ .genConclusions {width:880px; background:#d8e9f7; margin-bottom:20px;} .genConclusions .inner{padding:10px} .genConclusions img{position:relative; float:left; } .genConclusions h4 {color:#333333; font-size:12px; position:relative; float:left; top:1px; } .genConclusions p {color:#333333; font-size:11px; clear:both; position:relative; top:15px;} /*=================quality testing drop down =============*/ #qt_nav_container{position:relative;} #qt_nav {background:url('/images/qualitytesting/dropdown.png') top left no-repeat; width:320px; height:35px; border:none;} #qt_nav{list-style-type:none;} #qt_nav a{display:block; width:320px; height:35px; color:#0061af; text-decoration:none; font-weight:bold;} #qt_nav span {position:relative; left:13px; top:9px;} #qt_nav_popup{width:320px; height:124px; border:3px solid #a7aeb2; background:#eaeaea;left:55px;position:absolute;top:5px; display:none;} *html #qt_nav_popup{width:280px; height:124px; border:3px solid #a7aeb2; background:#eaeaea;left:5px;position:absolute;top:5px; display:none;} #qt_nav_popup span.header{font-size:11px; font-weight:bold; color:#9ca4a8; margin-left:18px; margin-top:8px;} #qt_nav_popup ul {border:2px solid #dadada; background:#FFFFFF; position:relative; right:45px; list-style-type:none; width:306px; top:-5px;} #qt_nav_popup li {width:306px; border-bottom:2px solid #dadada; height:30px; } #qt_nav_popup li:last-child{border-bottom:none;} #qt_nav_popup li a {height:28px; width:304px; display:block; text-decoration:none;color:#1e1e1e; font-size:11px; font-weight:bold;position:relative; left:1px; top:1px; } #qt_nav_popup li a:hover {height:28px; width:304px; display:block; text-decoration:none;color:#ffffff; background:#0061af} #qt_nav_popup li a span {position:relative; top:5px; left:15px; } #qt_nav_popup img {position:absolute;right:7px;top:2px; } /*================= styleC ======================*/ .styleC #content { padding: 10px 0 28px 0; width: 980px; } .styleC #content h1 { letter-spacing: 0.05em; padding: 0 0 3px 0; } .styleC #content .link-disabled { color: #b5c5d5; font-weight: bold; text-decoration: underline; cursor: default; } .styleC #content .coming-soon { margin: 0 0 0 5px; font-weight: bold; font-size: 10px; color: #000; } .styleC #content .short-container { width: 253px; margin: 0 0 0 10px; } .styleC #content .short-container .feature { position: relative; height: 540px; width: 253px; padding: 0; background-image: none; } .styleC #content .short-container .feature .top { height: 20px; padding: 0; background: transparent url('/images/box-sidebar-top.gif') no-repeat scroll 0 0; } .styleC #content .short-container .feature .content { height: 514px; width: 253px; padding: 0; background: transparent url('/images/box-sidebar-middle.gif') repeat-y scroll 0 0; } .styleC #content .short-container .feature .bottom { height: 20px; padding: 0; background: transparent url('/images/box-sidebar-bottom.gif') no-repeat scroll 0 0; } .styleC #sidebar { margin: 0 0 0 9px; } .styleC #sidebar-nav { margin: 0 0 0 22px; padding: 8px 0; } .styleC #sidebar-nav ul { width: 205px; list-style: none none; } .styleC #sidebar-nav ul li { } .styleC #content #sidebar-nav ul li a { display: block; padding: 4px 0 0 0; height: 18px; color: #1e1e1e; font-weight: bold; text-decoration: none; } .styleC #content #sidebar-nav ul li a:hover, .styleC #content #sidebar-nav ul li a.active { color: #0061af; } .styleC #content .half-container { height: 540px; width: 713px; padding: 0; display: block; background: none; } .styleC #content .half-container .half-top-cap { height: 20px; width: 713px; padding: 0; background: transparent url('/images/box-content-top.gif') no-repeat scroll 0 0; } .styleC #content .half-container .half-content { position: relative; height: 534px; width: 713px; padding: 0; background: transparent url('/images/box-content-middle.gif') repeat-y scroll 0 0; } .styleC #content .half-container .half-content .content { margin: 0 33px; width: 636px; padding: 13px 0 0 0; } .styleC #content .half-container .half-content .bottom { position: absolute; bottom: 0; left:0; height: 20px; width: 713px; padding: 0; } .styleC #content .half-container .half-bot-cap { display: none; height: 0; width: 713px; padding: 0; background: none; } .styleC #content .full-content { position: relative; padding-top: 20px; height: 482px; } .styleC #content .full-top-cap, .styleC #content .full-content, .styleC #content .full-bot-cap { margin: 0 0 0 10px; } .styleC #content .content p { color: #8a9298; margin: 0; padding: 6px 0 9px 0; } .styleC #content .content a { color: #0061af; font-weight: bold; } .styleC #content .content a:hover {} .styleC #content .content .list-link { margin: 0; padding: 8px 0; list-style: none none outside; } .styleC #content .content .list-link p { padding: 1px 0 1px 0; } .styleC #content .content .list-link li { padding: 5px 0 1px 0; } /*add by mo*/ .styleC .box-car { position: absolute; } .styleC #car-car_crash { top: 268px; left: 7px; } .styleC #car-communication_documents { bottom: 5px; right: 56px; } .styleC #car-program_standards { bottom: 12px; right: 16px; } .styleC #car-training { bottom: 28px; right: 25px; } .styleC #car-tools_equipment { bottom: 18px; right: 40px; } .styleC #car-finance { bottom: 4px; right: 72px; } .styleC #car-repairs { bottom: 53px; right: 54px; } .styleC #car-contact-information { bottom: 4px; right: 17px; } .styleC #car-landing { bottom: -14px; right: 14px; } .layoutC #content { padding: 10px 0 12px 0; width: 980px; } #form-login { width: 200px; padding: 23px 0 0 0; } #form-login span { font-size: 24px; font-weight: bold; } #form-login h2 { padding: 4px 0 14px 0; } #form-login .box-field { position: relative; margin-bottom: 11px; } #form-login .box-field label { position: relative; top: 1px; left: 1px; padding: 2px 0 2px 3px; font-size: 11px; letter-spacing: 0.02em; font-weight: normal; color: #999999; } #form-login .box-field input { width: 143px; padding: 2px 0 2px 3px; font-size: 11px; font-weight: normal; letter-spacing: 0.02em; color: #999999; border: 1px inset; outline: 0; } #form-login .submit input { width: 53px; height: 16px; overflow: hidden; background: url('/images/btn-submit.gif'); cursor: pointer; } #form-login .submit input.over { background-position: 0 -16px; } #ccrf_error { color: #eb1e28; font-weight: bold; padding: 0 0 14px 0; } /*================= create_user======================*/ #cu-nav { width: 800px; height: 41px; padding: 0 0 30px 0;} .my_info { background: url('../images/create-user/my_info.gif') no-repeat top left; } .my_dealer { background: url('../images/create-user/my_dealer.gif') no-repeat top left; } .confirmation { background: url('../images/create-user/confirmation.gif') no-repeat top left; } #form-create_user { width: 800px; padding: 23px 0 0 0;} #form-create_user span {font-size: 24px; font-weight: bold; } #form-create_user h2 { padding: 4px 0 14px 0;font-size: 24px; } #form-create_user #step1{display:none;} #form-create_user #step2{display:none;} #form-create_user .box-field { position: relative; margin-bottom: 11px; overflow: hidden;} #form-create_user .box-field label { position: relative; padding: 2px 0 2px 3px; width:150px;font-size: 11px; letter-spacing: 0.02em; font-weight: normal; color: #999999; } #form-create_user .box-field label.error {float:none; padding: 2px 0 2px 10px; width: 200px;font-size: 11px; letter-spacing: 0.02em; font-weight: normal; color: #ff9999; } #form-create_user .box-field input { width: 250px; padding: 2px 0 2px 3px; font-size: 11px; font-weight: normal; letter-spacing: 0.02em; color: #999999; border: 1px inset; outline: 0; } #form-create_user .required { margin: 0 0 0 160px; font-style:italic;} #form-create_user em { color:#0061AF } #form-create_user .next { float:left;padding:50px 0; } #form-create_user .next input { width: 92px; height: 26px; overflow: hidden; background: url('/images/btn-next.gif'); cursor: pointer; } #form-create_user .submit { float:left;padding:50px 0; } #form-create_user .submit input { width: 92px; height: 26px; overflow: hidden; background: url('/images/btn-submit_big.gif'); cursor: pointer; } #form-create_user .submit input.over { background-position: 0 -16px; } #form-create_user .submit a { margin-left:20px; text-decoration:none;cursor: pointer; } #form-create_user .submit a.hover { } #form-create_user input.error, select.error { border:1px solid #ff9999; } #form-confirmation span {font-size: 24px; font-weight: bold; } #form-confirmation h2 { padding: 4px 0 14px 0;font-size: 24px; } #form-confirmation .box-field { position: relative; margin-bottom: 11px; overflow: hidden;} #form-confirmation .box-field label { position: relative; top: 1px; left: 1px; padding: 2px 0 2px 3px; width:150px;font-size: 11px; letter-spacing: 0.02em; font-weight: normal; color: #999999; } #form-confirmation .box-field input { width: 250px; padding: 2px 0 2px 3px; font-size: 11px; font-weight: normal; letter-spacing: 0.02em; color: #0061AF; border: none none; outline: 0; } #form-confirmation .submit { float:left;padding:50px 0; } #form-confirmation .submit input { width: 92px; height: 26px; overflow: hidden; background: url('/images/btn-submit_big.gif'); cursor: pointer; } #form-confirmation .submit input.over { background-position: 0 -16px; } #form-confirmation .submit a { margin-left:20px; text-decoration:none;cursor: pointer; } #form-confirmation .submit a.hover { } #form-promo { } #form-promo input { width: 80px; padding: 2px 0 2px 3px; font-size: 11px; font-weight: normal; letter-spacing: 0.02em; color: #999999; border: 1px inset; outline: 0; } #form-promo .submit { float:left; padding:50px 0; } #form-promo .submit input { width: 92px; height: 26px; overflow: hidden; background: url('/images/btn-submit_big.gif'); cursor: pointer; border: none none;} #form-promo .submit input.over { background-position: 0 -16px; } #form-promo .submit a { margin-left:20px; text-decoration:none;cursor: pointer; } #form-promo .submit a.hover { } #form-promo strong{ color: #000;} .styleC .box-promo { position: absolute; } .styleC #promo-landing { top: 14px; right: 30px; } #preferred-dealer { padding: 50px 0 0 0 ; } #preferred-dealer .box-field label { position: relative; float: none; padding: 2px 0 2px 3px; width: 50px; font-size: 11px; letter-spacing: 0.02em; font-weight: normal; color: #999999;}