/*:: Framework 1.5.4 ------------------------------------- */ /* - Modified E.Meyer Style Reset - */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} input{margin:0; padding:0;} :focus {outline:0;} body {line-height:1;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* - Clear Fix Based On http://www.positioniseverything.net/easyclearing.html - */ .cf:after, .wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .cf, .wrapper{display: inline-block;} html[xmlns] .cf, html[xmlns] .wrapper{display: block;} /*:: Colors ------------------------------------- */ /* /* Background: 191919 /* Orange: f37325 /* Gray: cccccc /* /*:: End Colors --------------------------------- */ /*:: Main Layout ------------------------------------- */ body{background:#191919; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin-bottom:10px;} .roundedBg{background:url(images/bg-rounded.gif) repeat-y top left; width:960px; margin:10px auto 0 auto;} .roundedTop{background:url(images/bg-roundedTop.gif) no-repeat top left;} .roundedBottom{background:url(images/bg-roundedBottom.gif) no-repeat bottom left;} #wrapper .roundedBottom{padding:20px 20px 0 20px;} /*:: Header ------------------------------------- */ #header{height:32px; padding-bottom:20px;} #header h2 a{display:block; height:32px; width:150px; float:left; background:url(images/logo.gif) no-repeat top left; text-indent:-1000em;} #header ul{float:right; list-style:none; padding-top:9px;} #header ul li{float:left; border-right:1px solid #fff; padding:0 7px 2px 0; margin-right:7px;} #header ul li.last{border:none; padding-right:0; margin-right:0;} #header ul li a{color:#fff; font-size:.9em;} #header ul li a:hover{color:#ccc;} #header #emailAFriend{position:relative;} #header #emailAFriend #emailForm{position:absolute; z-index:100; width:330px; right:-9px; top:15px; background:url(images/bg-emailTop.gif) no-repeat top left; padding-top:19px; display:none;} #header #emailAFriend #emailForm div{background:url(images/bg-emailBottom.gif) no-repeat bottom left; padding:0 0 10px 10px;} #header #emailAFriend #emailForm div input.text, #header #emailAFriend #emailForm div textarea{border:0; padding:0; color:#f37325; font-size:12px;} #header #emailAFriend #emailForm div input.text{margin:0 10px 10px 0; height:19px; width:145px; padding:2px 0 0 3px;} #header #emailAFriend #emailForm div textarea{font-family:Arial, Helvetica, Sans-Serif; width:303px; margin:0; padding:3px;} #header #emailAFriend #emailForm div .controls{float:right; background:#000; border:1px solid #f37325; color:#fff; font-size:12px; margin:10px 10px 0 0; } #header #emailAFriend #emailForm div input.controls{font-weight:bold; cursor:pointer; padding:0 1px 2px 1px;} #header #emailAFriend #emailForm div a.controls{display:block; height:19px; line-height:19px; background:url(images/bg-closeBtn.gif) no-repeat left center; padding:0 4px 0 21px;} /*:: Main Navigation ------------------------------------- */ #navigation{list-style:none; height:33px; padding-bottom:10px;} #navigation li{float:left; width:230px;} #navigation li a, #navigation li a span{display:block; height:33px; width:100%; background-repeat:no-repeat; background-image:url(images/bg-navigation.gif); text-indent:-1000em; cursor:pointer;} #navigation li a{position:relative;} #navigation li a span{display:none; position:absolute; top:0; left:0;} #navigation #navVMax a{background-position:0 0;} #navigation #navPros a{background-position:-230px 0;} #navigation #navTalk a{background-position:-460px 0;} #navigation #navTest a{background-position:-690px 0;} #navigation #navVMax a.highlight:hover, #navigation #navVMax a.on, #navigation #navVMax a .hover{background-position:0 -33px;} #navigation #navPros a.highlight:hover, #navigation #navPros a.on, #navigation #navPros a .hover{background-position:-230px -33px;} #navigation #navTalk a.highlight:hover, #navigation #navTalk a.on, #navigation #navTalk a .hover{background-position:-460px -33px;} #navigation #navTest a.highlight:hover, #navigation #navTest a.on, #navigation #navTest a .hover{background-position:-690px -33px;} /*:: Feature ------------------------------------- */ #feature.roundedBg{width:920px; padding:0; background-image:url(images/bg-feature.gif); margin-bottom:20px;} #feature .roundedTop{background-image:url(images/bg-featureTop.gif);} #feature .roundedBottom{background-image:url(images/bg-featureBottom.gif); padding:0; position:relative;} #feature #playBtn{position:absolute; left:10px; bottom:8px; background:url(images/btn-play.png) no-repeat top left; z-index:10; width:100%; line-height:32px; color:#fff; font-size:14px; padding-left:53px; font-weight:bold;} #feature #playBtn a{color:#fff;} #feature #playBtn a:hover{color:#ccc;} #feature img{float:left;} #feature #crossfade img{display:none;} #feature #crossfade img.on{display:block;} #feature .r{font-size:20px; color:#fff;} /* - Pros - */ #pros{list-style:none;} #pros li{float:left; width:230px;} #pros li a{display:block; height:450px; width:100%; text-align:center;} /* - Roll Over Box - */ #pros li .proInfo{height:180px; width:100%; position:absolute; bottom:0; left:0; display:none; z-index:10;} #pros li .proInfo .proPic{background-repeat:no-repeat; background-position:bottom left; text-indent:-1000em; position:absolute; bottom:1px;} /* - Information - */ #pros li .infoBox{text-align:center; white-space:nowrap;} #pros li .infoBox h3{font-size:18px; color:#ccc; text-transform:uppercase;} #pros li .infoBox h3 strong{color:#f37325; margin-bottom:2px;} #pros li .infoBox h4{color:#999999; font-size:14px; margin-bottom:8px;} #pros li .infoBox blockquote{font-size:18px;color:#fff; width:289px; height:74px; background:url(images/bg-quoteBox.png) no-repeat top left; padding:16px 72px 0 72px; margin-bottom:10px;} #pros li .infoBox p a{font-size:11px; color:#6b6969;} /* - Individual Pros - */ #pros #deanRojas #rojasPic{left:10px; width:314px; height:445px; background-image:url(images/deanRojas.png);} #pros #deanRojas .infoBox{position:absolute; top:0; left:300px;} #pros #daveWolak #wolakPic{left:190px; width:314px; height:445px; background-image:url(images/daveWolak.png);} #pros #daveWolak .infoBox{position:absolute; top:0; right:20px;} #pros #kellyJordon #jordonPic{right:170px; width:352px; height:445px; background-image:url(images/kellyJordon.png);} #pros #kellyJordon .infoBox{position:absolute; top:0; left:0;} #pros #altonJones #jonesPic{right:10px; width:352px; height:445px; background-image:url(images/altonJones.png);} #pros #altonJones .infoBox{position:absolute; top:0; right:350px;} #pros #altonJones .infoBox blockquote{padding:37px 0 0 0; height:53px; width:433px;} /*:: Sub Navigation ------------------------------------- */ #subNavigation{text-align:center; height:30px; margin-bottom:20px;} #subNavigation a{background:url(images/bg-subNav.gif) repeat-x top left; display:inline-block; font-size:16px; color:#ccc; font-weight:bold; margin-left:-3px; height:30px; position:relative;} #subNavigation a span{height:21px; margin:1px 0; float:left; border-right:1px solid #666; padding:7px 20px 0 20px; width:auto; background:none; white-space:nowrap;} html>body #subNavigation a span{width:auto; } #subNavigation a.first span{border-left:1px solid #666;} /* - Hovering - */ #subNavigation a span.hover{position:absolute; height:30px; background:url(images/bg-subNavHover.gif) no-repeat top center; top:0; left:0; width:100%; border:none; padding:0; margin:0; display:none;} #subNavigation a.on span.hover{display:block;} /* - End Caps - */ #subNavigation .subNavLeft, #subNavigation .subNavRight{display:inline-block; width:78px; background-repeat:no-repeat;} #subNavigation .subNavLeft span, #subNavigation .subNavRight span{float:left; height:30px;} #subNavigation .subNavLeft{background-image:url(images/bg-subNavLeft.gif); background-position:top right;} #subNavigation .subNavRight{margin-left:-3px;background-image:url(images/bg-subNavRight.gif); background-position:top left;} /*:: Content ------------------------------------- */ #content.roundedBg{width:920px; padding:0; background-image:url(images/bg-content.gif); margin-bottom:20px;} #content .roundedTop{background-image:url(images/bg-contentTop.gif);} #content .roundedBottom{background-image:url(images/bg-contentBottom.gif); padding:0;} #content #contentNest{background:url(images/bg-contentNest2.gif) no-repeat center 1px; padding:40px 20px 2px 20px; height:60px;} html>body #content #contentNest{height:auto; min-height:60px;} #content .flashHolder{padding:30px 0;} #content .col1, #content .col2, #content .col12{float:left; margin-right:50px;} #content .last{margin-right:0 !important;} #content .col1{width:260px; } #content .col2{width:570px;} #content .col12{width:415px;} #content .col2.border, #content .col2_border{background:url(images/col2Bg.gif) repeat-y top left !important; margin-bottom:18px;} #content .col2Top{background:url(images/col2Top.gif) no-repeat top left;} #content .col2Bottom{background:url(images/col2Bottom.gif) no-repeat bottom left;} #content .col1.border{background:url(images/col1Bg.gif) repeat-y top left; margin-bottom:18px;} #content .col1_borderAlt{background:url(images/col1Bg.gif) repeat-y top left !important; margin-bottom:18px;} #content .comparison{padding:40px 0 20px 0;} #content .statsborder{background:url(images/statsColBg.gif) repeat-y top left !important; margin-bottom:18px;} #content .statsborder .col12Top{background:url(images/statsColTop.gif) no-repeat top left;} #content .statsborder .col12Bottom{background:url(images/statsColBottom.gif) no-repeat bottom left; position:relative; height:316px;} #content .col1Top{background:url(images/col1Top.gif) no-repeat top left;} #content .col1Bottom{background:url(images/col1Bottom.gif) no-repeat bottom left; padding: 20px;} #content .col12.border{background:url(images/col12Bg.gif) repeat-y top left; margin-bottom:18px;} #content .col12Top{background:url(images/col12Top.gif) no-repeat top left;} #content .col12Bottom{background:url(images/col12Bottom.gif) no-repeat bottom left; padding: 20px;} #content .col3.border, #content .col3_borderAlt{background:url(images/col3Bg.gif) repeat-y top left !important; margin-bottom:18px; clear:both;} #content .col3Top{background:url(images/col3Top.gif) no-repeat top left !important; position:relative;} #content .col3Bottom{background:url(images/col3Bottom.gif) no-repeat bottom left; padding-top:30px;} #content .col3Bottom h2{font-size:1.8em !important; margin-bottom:.6em; padding-left:310px;} #content table{margin:1px;} #content table th{padding:20px 9px 9px 9px;} #content table th h2{margin-bottom:0;} #content table td{padding:9px; font-size:1em; width:50%; line-height:1.4em;} #content table tr.zebra td{background:#000;} .col2 table{width:568px;} #content{color:#ccc;} #sweetSpot{color:#fff; font-size:36px; text-align:center; margin-bottom:20px;} /* - Typography - */ #content ul, #content p, #content address{color:#ccc; font-size:1.2em; line-height:1.2em; margin-bottom:1em;} #content address{font-style:normal;} #content p a{font-weight:bold;} #content ul{padding-left:14px; font-weight:bold; color:#fff;} #content ul li{margin-bottom:1em;} #content h1{color:#f37325; font-size:1.8em; margin-bottom:.6em;} #content h2{color:#f37325; font-size:16px; margin-bottom:.6em;} #content hr{border:none; background:#fff; height:1px; margin-bottom:1.5em;} a{text-decoration:none;} #content a{color:#fff; text-decoration:underline;} #content a:hover{color:#ccc} sup{height: 0; line-height:1; vertical-align: baseline;_vertical-align: bottom;position: relative; font-size:.7em;} sup {bottom:.3em;} #content textarea {font-family:Arial, Helvetica, Sans-Serif; font-size:12px;} #content .col1Bottom h2{color:#fff; font-size:18px; font-weight:normal; text-align:center; margin-bottom:1em;} #content .col1Bottom h2.left{text-align:left;} #content .col12Bottom h2{font-size:22px;} #content .col1Bottom p, #content .col1Bottom address{font-size:1em; color:#fff;} #content .col1Bottom hr{margin:2em 0 3em 0;} #content .btnPlay{display:block; height:32px; line-height:32px; background:url(images/btn-playSmall.gif) no-repeat top left; padding-left:53px; font-size:14px; color:#fff; padding-bottom:14px; text-decoration:none;} #content ul.statList{list-style:none; font-weight:normal; padding-left:0; font-size:1em;} #content ul.statList strong{color:#f37325;} #content .legalList h1{font-size:1.4em;} #content .legalList a{font-weight:normal; color:#f37325;} #content .legalList ol{list-style-position:inside; font-size:1.2em; line-height:1.2em; font-weight:bold;} #content .legalList ol li{margin-bottom:1.4em;} #content .legalList ol span{font-weight:normal; display:block; margin-bottom:1em;} #content .legalList ol ul{font-weight:normal; list-style:disc; color:#ccc;} #content .legalList ol ul li{margin-bottom:0; font-size:.8em; line-height:normal;} #content .legalList address{font-weight:normal; font-size:1em;} #content #tweets .tweetList{list-style:none; padding:0; font-size:1em; color:#cccccc;} #content #tweets .tweetList small{color:#666; display:block; text-align:right; font-size:1em; padding-top:.5em;} #content #tweets .tweetList li{margin-bottom:2em} #content #followLinks h3{background:url(images/followBg.gif) repeat-x center left; text-align:center; width:150px; margin:0 0 5px 35px; font-size:.9em; } #content #followLinks h3 span{background:#191919; padding:0 10px;} #content #followLinks a{float:left; margin-left:10px;} #headshot{position:absolute; left:0; bottom:0;} .statsborder h2{position:absolute; z-index:10; top:20px; right:20px; font-size:18px !important;} .statList{position:relative; z-index:10; padding:60px 0 0 200px !important;} .wolak .statList{padding:120px 0 0 200px !important;} .jones .statList{padding:120px 0 0 200px !important;} #content .ProfileBlogLink {color:#f37325;font-size:14px;font-weight:bold;} table.DealerResultsTable th{color:#f37325;font-weight:bold;} .RequiredStar {color:#f37325;} #content .MapBug { margin-bottom:18px; } #content .VoucherBug { margin-bottom:28px; } h3.specTitle{font-size:16px; color:#f37325; padding-bottom:2px;} dl{color:#fff !important; font-size:12px; line-height:14px; padding-bottom:33px;} dt{font-weight:bold; padding-top:17px} dl img, #content div.specList ul img{float:right;} #bigEngine{position:absolute; bottom:10px; left:-120px; z-index:100;} #bigEngine2{position:absolute; bottom:32px; left:-19px; z-index:100; float:left;} dt.top{padding-top:1px;} dd{padding-left:9px; padding-top:3px; background:url(images/bullet.gif) no-repeat left 9px;} #content div.specList ul{font-weight:normal; font-size:12px; list-style:none; padding-left:0; margin-bottom:28px;} #content div.specList ul li{margin-bottom:10px; background:url(images/bullet.gif) no-repeat left 6px; padding-left:9px;} h3.superspecialtitle{color:#f6c44d; font-size:16px;} h3.weightTitle{clear:both; padding-top:20px;} img#dimensions{margin:20px 0 0 -12px;} #content .voucherOfferWrapper{background:url(images/bg-bulletins.gif) no-repeat top center; padding-top:38px; padding-bottom:30px;} #content .voucherOffer{background:url(images/bg-voucher-offer.jpg) no-repeat top right;} #content .voucherOffer h2{font-size:24px; margin-bottom:0;} #content .voucherOffer p.offerText {height:160px; width:200px;} #content .voucherOffer h3.terms {color:#666;font-size:10px;} #content .voucherOffer p.terms {color:#666;font-size:10px;} #bulletins{background:url(images/bg-bulletins.gif) no-repeat top center; padding-top:38px;} #bulletins img{float:left;} #bulletins .info{float:left; padding-left:20px; width:380px; padding-bottom:30px;} #bulletins .info h2{font-size:24px; margin-bottom:0;} #bulletins .info ul{list-style:none; padding-left:0;} #bulletins .info ul a{font-size:14px; text-decoration:none; background:url(images/pdf.gif) no-repeat left center; line-height:17px; padding-left:24px;} /* - Gallery - */ #content #gallery{padding:16px 16px 16px 8px; height:254px; width:391px; background:url(images/bg-gallery.png) no-repeat top left; margin-bottom:18px;} html>body #content #gallery{padding:16px; width:383px;} #content #gallery img, #content #gallery div{display:none;} #content #gallery img.on, #content #gallery div.on{display:block;} #content #thumbs #previous, #content #thumbs #next{float:left; width:20px; height:35px; text-indent:-1000em; background-repeat:no-repeat; background-position: top left;} #content #thumbs #previous{background-image:url(gallery/prev.gif); margin-right:27px;} #content #thumbs #next{background-image:url(gallery/next.gif); margin-left:28px;} #content #thumbs #carousel{float:left; overflow:hidden; height:35px; width:320px; margin-bottom:18px; position:relative;} #content #thumbs #carousel ul{float:left; list-style:none; padding:0; margin:0; height:35px;} #content #thumbs #carousel ul li{float:left; padding-right:4px; position:relative;} #content #thumbs #carousel ul li a.on span{background:url(gallery/on.gif) no-repeat top left; position:absolute; height:35px; width:50px; top:0; left:0;} /* - FAQs - */ #faqNav{text-align:center; font-size:14px; padding-bottom:45px;} #faqNav a{color:#fff; text-decoration:none; font-weight:bold;} #faqNav a:hover, #faqNav a.on{color:#f37325; display:inline !important;} #content .faqBlock{display:none; padding-bottom:9px;} #content .faqBlock.on{display:block;} #content .faqBlock h3{height:34px;} #content .faqBlock h3.ui-state-default{padding-bottom:10px;} #content .faqBlock h3 a{display:block; font-size:14px; text-decoration:none; line-height:34px; padding-left:20px; background-repeat:no-repeat; background-position:top left;} #content .faqBlock h3.ui-state-default a{color:#191919;font-weight:normal; background-image:url(images/faq-default.gif);} #content .faqBlock h3.ui-state-active a{color:#f37325; background-image:url(images/faq-active.gif);} #content .faqBlock div.ui-accordion-content{background:url(images/faq-bg.gif) no-repeat bottom left; margin-bottom:10px; padding:0 20px 17px 20px;} *+html #content .faqBlock div.ui-accordion-content{margin-top:-1px; border-width:0 1px 1px 1px; border-color:#f37325; border-style:solid; background:#191919; } *html #content .faqBlock div.ui-accordion-content{margin-top:-1px; border-width:0 1px 1px 1px; border-color:#f37325; border-style:solid; background:#191919; } #content .faqBlock div.ui-accordion-content p{margin-bottom:0;} /* - In The Media - */ #content #mediaList h3{height:50px;} #content #mediaList h3.ui-state-default{padding-bottom:19px;} #content #mediaList h3 a{display:block; height:44px; font-size:18px; text-decoration:none; background-repeat:no-repeat; background-position:top left; padding:6px 0 0 20px;} #content #mediaList h3 a span{display:block; font-size:12px; color:#fff; padding-top:7px;} #content #mediaList h3 a span em{border-right:1px solid #fff; padding-right:6px; margin-right:2px;} #content #mediaList h3.ui-state-default a{color:#191919;font-weight:normal; background-image:url(images/bg-mediaListH3.gif);} #content #mediaList h3.ui-state-active a{color:#f37325; background-image:url(images/bg-mediaListH3on.gif);} #content #mediaList h3.ui-state-active a span{font-size:11px;} #content #mediaList h3.ui-state-active a span em{display:none;} #content #mediaList div.ui-accordion-content p.more{margin-bottom:0;} #content #mediaList div.ui-accordion-content{background:url(images/faq-bg.gif) no-repeat bottom left; margin-bottom:19px; padding:7px 20px 17px 20px;} *+html #content #mediaList div.ui-accordion-content{margin-top:-1px; border-width:0 1px 1px 1px; border-color:#f37325; border-style:solid; background:#191919; } *html #content #mediaList div.ui-accordion-content{margin-top:-1px; border-width:0 1px 1px 1px; border-color:#f37325; border-style:solid; background:#191919; } /* - Dealer Locator - */ #content .DealerSearchForm {margin-bottom:1em; float:left; width:220px;} #content .DealerSearchForm .GoButton { background: url(images/btn-go.gif) no-repeat 0 0; border:0; height:22px; width:45px; } #content .DealerSearchForm .GoButtonOn { background-position: 0 -22px; } #content .DealerSearchResults {margin-bottom:1em;} #content .DealerSearchResultsStatus {text-align:right; padding:3px 0px 3px 0px; text-align:right;padding-bottom:30px;} #content .DealerSearchResultsStatus p {margin:0; padding:0; text-align:right; font-size:12px;} #content .DealerResultsTable { clear:both; } #content .DealerResultsTable th {height:auto; padding:9px; text-align:center; vertical-align:middle; width:auto;} #content .DealerResultsTable td {height:auto; vertical-align:top; width:auto;} #content .DealerResultsTable th.DealerInformationCol{text-align:left;width:216px;} #content .DealerResultsTable td.DealerInformationCol{width:216px;} #content .DealerResultsTable td.DealerInformationCol p{margin:0 0 .25em 0; padding:0; font-size:12px;} #content .DealerResultsTable td.DealerInformationCol a:hover{color:#ccc;} #content .DealerResultsTable th.ProductsCol{width:110px;} #content .DealerResultsTable td.ProductsCol{text-align:left; width:106px;} #content .DealerResultsTable th.DirectionsCol{} #content .DealerResultsTable td.DirectionsCol{text-align:center;} #content .DealerResultsTable td.DirectionsCol a{font-weight:bold;} #content .DealerResultsTable th.DealerContactCol{width:110px;} #content .DealerResultsTable td.DealerContactCol{text-align:center; width:100px;} #content .DealerResultsTable td.DealerContactCol a{font-weight:bold;} #content a.DealerName{color:#fff;font-weight:bold;} #content span.DealerName{color:#fff;font-weight:bold;} #content .MapLocationInfo {color:#333;} #content .MapLocationInfo p {color:#333; font-size:10px; margin:0 0 .5em 0; padding:0;} #content .MapLocationInfo a {color:blue; text-decoration:underline;} #content ul.DealerSearchPagination { display: block; float:right; margin-top:.5em; margin-bottom:0;} #content ul.DealerSearchPagination li {display: block; float:left; text-align:center; margin:0; padding:0px 0px 0px 4px;} #content ul.DealerSearchPagination span {display:block; color:#f37325;} #content ul.DealerSearchPagination li a {display:block; } /* - Have a Dealer Contact Me - */ #content .DealerContactForm {margin-bottom:2em;} #content .DealerContactForm fieldset {padding-bottom:15px;} #content .DealerContactForm label {display:inline-block; padding:6px 6px 0px 0px; text-align:right; width:100px; vertical-align:top;} #content .TestDriveForm input {margin-bottom:.5em; height:16px;} #content .DealerContactForm input.Textbox {margin-bottom:.5em; padding:3px; width:150px;} #content .DealerContactForm input.LongTextbox {margin-bottom:.5em; padding:3px; width:422px;} #content .DealerContactForm input.ZipTextbox {margin-bottom:.5em; padding:3px; width:76px;} #content .DealerContactForm textarea {height:75px; margin-bottom:.5em; padding:3px; width:423px;} #content .DealerContactForm select {padding:3px; width:160px;} #content .DealerContactForm select.LongDropdown {padding:3px; width:280px;} #content .DealerContactForm select.StateDropdown {padding:3px; width:54px;} #content .DealerContactForm .validation-summary-errors {color:red; font-size:12px; font-weight:bold;} #content .DealerContactForm .validation-summary-errors li {margin:.25em 0 .25em 1em;} #content .DealerContactForm .FieldRow {margin-bottom:.5em;} #content .DealerContactForm .LongRow {} #content .DealerContactForm .LongRow label {width:250px;} #content .DealerContactForm .CheckboxRow {margin:0 0 0px 10px; padding:0 0 0px 0;} #content .DealerContactForm .CheckboxRow input { margin-top:4px;} #content .DealerContactForm .StateLabel {width:40px;} #content .DealerContactForm .ZipCodeLabel {width:67px;} #content .DealerContactForm .ZipCodeDisclaimer {display:block; font-size:10px; float:right; padding-right:30px;} #content .DealerContactForm .CommentsLabel {vertical-align:top; margin-top:5px;} #content .DealerContactForm .CheckboxLabel {width:auto;} #content .DealerContactForm .SubmitButton { background: url(images/btn-submit.gif) no-repeat 0 0; border:0; height:22px; width:56px; margin-left:109px; } #content .DealerContactForm .SubmitButtonOn { background-position: 0 -22px; } /* - Have a Dealer Contact Me Thanks - */ #content .CalendarLinkContainer {text-align:center;} #content .CalendarLinkContainer a {font-weight:bold;} #content .CalendarHeaderContainer {font-size: 14px; text-align:center; font-weight:bold; color:#fff; margin-bottom:30px;} /* - Test Drive Signup - */ #content .TestDriveForm {margin-bottom:2em; position:relative;} #content .TestDriveForm #grayedOut{background:url(images/bg-grayedOut.png) repeat 0 0; width:100%; height:337px; position:absolute; top:0; left:0; z-index:100; display:none;} #content .TestDriveForm fieldset {padding-bottom:15px;} #content .TestDriveForm label {display:inline-block; padding:6px 6px 0px 0px; text-align:right; width:100px; vertical-align:top;} #content .TestDriveForm input {margin-bottom:.5em; height:16px;} #content .TestDriveForm input.Textbox {margin-bottom:.5em; padding:3px; width:150px;} #content .TestDriveForm input.LongTextbox {margin-bottom:.5em; padding:3px; width:422px;} #content .TestDriveForm input.ZipTextbox {margin-bottom:.5em; padding:3px; width:76px;} #content .TestDriveForm textarea {height:75px; margin-bottom:.5em; padding:3px; width:423px;} #content .TestDriveForm select {padding:3px; width:160px; height:26px;} #content .TestDriveForm select.LongDropdown {padding:3px; width:432px;} #content .TestDriveForm select.StateDropdown {padding:3px; width:54px;} #content .TestDriveForm .validation-summary-errors {color:red; font-size:12px; font-weight:bold;} #content .TestDriveForm .validation-summary-errors li {margin:.25em 0 .25em 1em;} #content .TestDriveForm .FieldRow {margin-bottom:.5em;} #content .TestDriveForm .LongRow {} #content .TestDriveForm .LongRow label {} #content .TestDriveForm .StateLabel {width:40px;} #content .TestDriveForm .ZipCodeLabel {width:67px;} #content .TestDriveForm .ZipCodeDisclaimer {display:block; font-size:10px; float:right; padding-right:30px;} #content .TestDriveForm .CommentsLabel {vertical-align:top; margin-top:5px;} #content .TestDriveForm .SubmitButton { background: url(images/btn-submit.gif) no-repeat 0 0; border:0; height:22px; width:56px; margin-left:109px; text-indent:-1000em; } #content .TestDriveForm .SubmitButtonOn { background-position: 0 -22px; } /* - Test Drive Signup Thanks - */ #content .TestDriveEventConfirmation .EventInfo {display:inline-block; font-weight:bold;} #content .TestDriveEventConfirmation .EventDirectionsLink {display:inline-block; padding-left:30px;} #content .TestDriveEventConfirmation .PrintLinkContainer { float:right; font-weight:bold;} /* - Calendar - */ #content .calendar .PrintLinkContainer { float:right; font-weight:bold;} #content .calendar p{padding-bottom:20px;} #content .calendar h2{font-size: 18px; clear:both; margin-bottom:5px;} #content .calendar dl{border-top:1px solid #191919; float:left; padding:0 0 20px 0;} #content .calendar dt{float:left; width:90px; padding:5px 10px 5px 0; height:45px;} #content .calendar dd{background:none; padding-left:0; float:left; padding:5px 0; height:45px;} #content .calendar dd a{color:#fff; font-weight:bold; text-decoration:none;} #content .calendar dd a:hover{text-decoration:underline;} #content .calendar dd.CalendarTitleAndLocation {width:265px;} #content .calendar dd.CalendarSignupLink {text-align:center; width:60px;} #content .calendar dd.CalendarDirectionsLink {text-align:center; width:60px;} #content .calendar dd.CalendarFacebookLink {text-align:center; width:60px;} #content .calendar dd.CalendarFacebookLink a {background: transparent url(images/facebook-icon.png) no-repeat right top; display:inline-block; height:16px; padding-right:20px; text-align:right;} #content .calendar dd.CalendarFacebookLink a span {} #content .calendar dd strong{display:block; font-size:14px; margin-bottom:3px;} /* - Videos - */ #content .videoBlock{display:block; padding-bottom:9px;} #content .videoBlock h3{height:34px;} #content .videoBlock h3.ui-state-default{padding-bottom:10px;} #content .videoBlock h3 a{display:block; font-size:14px; text-decoration:none; line-height:14px; padding:5px 0 5px 20px; background-repeat:no-repeat; background-position:top left;} #content .videoBlock h3.ui-state-default a{color:#191919; background-image:url(images/faq-default.gif);} #content .videoBlock h3.ui-state-default a span { color:#fff; display:block; font-size:10px; height:10px; line-height:10px;} #content .videoBlock h3.ui-state-active a{color:#f37325; background-image:url(images/faq-active.gif);} #content .videoBlock h3.ui-state-active a span { color:#999; display:block; font-size:10px; height:10px; line-height:10px;} #content .videoBlock div.ui-accordion-content{background:url(images/faq-bg.gif) no-repeat bottom left; margin-bottom:10px; padding:0 20px 17px 20px;} #content .videoBlock div.ui-accordion-content{margin-top:-1px; border-width:0 1px 1px 1px; border-color:#f37325; border-style:solid; background:#191919; } #content .videoBlock div.ui-accordion-content{margin-top:-1px; border-width:0 1px 1px 1px; border-color:#f37325; border-style:solid; background:#191919; } #content .videoBlock div.ui-accordion-content a{margin-bottom:0;} #content .videoBlock div.ui-accordion-content a img{margin-bottom:6px;} #content .videoBlock div.ui-accordion-content h4{ color:#fff; font-size:11px; margin-bottom:0; } #content .videoBlock div.ui-accordion-content p{ color:#999; font-size:11px; margin-bottom:0; } #content .videoBlock div.VideoThumb {float:left; height:150px; padding:10px 10px 0px 9px;} /* - Extras - */ #content .WallpaperThumb { float: left; padding:10px 10px 20px 20px; } #content .WallpaperThumb h4 { color:#f37325; font-size:14px; font-weight:bold; margin:.75em 0 .25em; text-align:center; } #content .WallpaperThumb .WallpaperThumbLinks { font-size:14px; text-align:center; } #content .WallpaperThumb .WallpaperThumbLinks a { font-size:11px; } #extrasBulletins{ clear:both; background:url(images/bg-bulletins.gif) no-repeat top center; padding-top:38px;} #extrasBulletins img{float:left; width:260px; margin-bottom:30px; } #extrasBulletins .info{float:left; padding-left:20px; padding-bottom:30px; width:600px; } #extrasBulletins .info h2{font-size:24px; margin-bottom:0;} #extrasBulletins .info ul{list-style:none; padding-left:0;} #extrasBulletins .info ul a{font-size:14px; text-decoration:none; background:url(images/pdf.gif) no-repeat left center; line-height:17px; padding-left:24px;} /*:: Footer ------------------------------------- */ #footer .roundedBottom{padding:1px 0;} #footerNest{background:url(images/bg-footer.gif) no-repeat top center; padding:39px 0 0 0; height:181px; position:relative;} #footerNest ul#siteMap{list-style:none; padding-left:40px;} #footerNest ul#siteMap li{float:left; width:130px; margin-right:57px; line-height:1.5em; color:#f37325;} #footerNest ul#siteMap li h5{font-size:1em;} #footerNest ul#siteMap li a{ color:#f37325;} #footerNest ul#siteMap li a:hover{color:#ff6100;} #footerNest ul#siteMap li.last{margin-right:0;} #footerNest ul#siteMap li ul{padding-left:0; list-style:none;} #footerNest ul#siteMap li ul li{float:none; width:auto; margin-right:0;} #footerNest ul#siteMap li ul li h6{font-size:.9em;font-weight:normal;} #footerNest ul#siteMap li ul li a{color:#999999;} #footerNest ul#siteMap li ul li a:hover{color:#fff;} #footerNest #copyInfo{color:#fff; font-size:.8em; position:absolute; left:20px; bottom:17px;} #footerNest #copyInfo ul{list-style:none; float:left; padding-bottom:6px;} #footerNest #copyInfo ul li{float:left; border-right:1px solid #fff; padding:0 7px 2px 0; margin-right:7px;} #footerNest #copyInfo ul li.last{border:none; padding-right:0; margin-right:0;} #footerNest #copyInfo ul li a{color:#fff;} #footerNest #copyInfo ul li a:hover{color:#ccc;} #footerNest #copyInfo p{clear:both;} .hrulePad {padding: 20px 0px 25px 35px;} #content p a#rshlink { font-weight:100; }