/* @override http://v6offshore.hyconnect.net/Content/styles.css */ /*:: 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;} .fl {float:left;} .fr {float:right;} /*:: Main Layout & General Styles ------------------------------------- */ body{background:#181f27; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; margin-bottom:10px;} #wrapper{width:960px; margin:10px auto 0 auto;} .roundedBg{background:url(images/bg-rounded.gif) repeat-y top left; margin-top:10px;} .roundedTop{background:url(images/bg-roundedTop.gif) no-repeat top left;} .roundedBottom{background:url(images/bg-roundedBottom.gif) no-repeat bottom left;} a{text-decoration:none;} /*:: Header ------------------------------------- */ #header{padding:18px 0 0 20px; background:url(images/bg-header.gif) no-repeat top left; height:50px;} #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{list-style:none; float:left; padding-left:19px;} #header ul li{float:left; position:relative; border-right:1px solid #666; height:32px; padding:0 10px 0 0; margin-right:10px; z-index:10;} #header ul li.last{padding:0; margin:0; border:0;} #header ul li h3, #header ul li a{display:block; color:#fefefe; font-size:16px; height:21px; padding:9px 10px 0 10px;} #header ul li h3:hover, #header ul li.on h3{background:url(images/bg-navigation.gif) repeat-x top left; border:1px solid #60a9d9; height:22px; padding:8px 9px 0 9px;} #header ul li div.dropHolder{position:absolute; left:-1000em; background:url(images/bg-dropdown-left.png) no-repeat bottom left; padding-left:25px;} #header ul li.on div.dropHolder{left:-15px; z-index:10;} #header ul li div.dropHolder ul{background:url(images/bg-dropdown-right.png) no-repeat bottom right; float:none; padding:0 15px 30px 0;} #header ul li div.dropHolder ul li{float:none; border:none; height:auto; padding:0; margin:0 0 0 -10px;} #header ul li div.dropHolder ul li span.new{background: url('images/bg_menu-new.png') no-repeat 0 0;width: 29px;height: 24px;display: block;position: absolute;top: 0;left: 0;} #header ul li div.dropHolder ul li a{font-size:14px; color:#ccc; background:transparent; border-bottom:1px solid #22262c; white-space:pre;} #header ul li div.dropHolder ul li a, #header ul li div.dropHolder ul li a:hover{height:21px; padding:8px 20px 0 20px; border-top:1px solid #666666; border-left:0; border-right:0;} #header ul li div.dropHolder ul li a:hover{background:#ccc; color:#13171c; border-bottom:1px solid #ccc;} #header ul li div.dropHolder ul li.bottom a{border-bottom:0;} #header a.addthis_button{float:right; padding:8px 20px 0 0;} #header a.finddealer_link,a.dealercontact_link{float:right; margin:10px 20px 0 0;border-right:1px solid #fff; padding:0 7px 2px 0; margin-right:7px;color:#fff; font-size:.9em} #header a.finddealer_link:hover,a.dealercontact_link:hover{color:#ccc;} /*:: Content ------------------------------------- */ /* - Columns and Borders - */ #content .col1, #content .col2, #content .col12, #content .col1Border, #content .col2Border, #content .col12Border, #content .statList{float:left; margin-right:50px;} #content .last{margin-right:0 !important;} #content .col1, #content .col1Border{width:260px;} #content .col2, #content .col2Border{width:570px;} #content .col12, #content .col12Border, #content .statList{width:415px;} #content .col1Border, #content .col2Border, #content .col12Border, #content .statList, #content .col3Border{background-repeat:no-repeat; background-position:top left; padding-top:8px;} #content .col1Border{background-image:url(images/bg-col1Top.png);} #content .col2Border{background-image:url(images/bg-col2Top.png);} #content .col12Border{background-image:url(images/bg-col12Top.png);} #content .statList{background-image:url(images/bg-statListTop.png);} #content .col3Border{background-image:url(images/bg-col3Top.png); width:880px; clear:both;} #content .bottom{background-repeat:no-repeat; background-position:bottom left; padding-bottom:8px;} #content .col1Border .bottom{background-image:url(images/bg-col1Bottom.png);} #content .col2Border .bottom{background-image:url(images/bg-col2Bottom.png);} #content .col12Border .bottom{background-image:url(images/bg-col12Bottom.png);} #content .statList .bottom{background-image:url(images/bg-statListBottom.png);} #content .col3Border .bottom{background-image:url(images/bg-col3Bottom.png);} #content .mid{background-repeat:repeat-y; background-position:top left; padding:12px 20px;} #content .col1Border .mid{background-image:url(images/bg-col1Border.png);} #content .col2Border .mid{background-image:url(images/bg-col2Border.png);} #content .col12Border .mid{background-image:url(images/bg-col12Border.png);} #content .statList .mid{background-image:url(images/bg-statListBorder.png);} #content .col3Border .mid{background-image:url(images/bg-col3Border.png); padding:0;} /* - Typography - */ table.DealerResultsTable th{color:#f37325;font-weight:bold;} .RequiredStar {color:#f37325;} #content .MapBug { margin-bottom:18px; } /* - Home - */ #home{position:relative; background:url(images/bg-home.jpg) no-repeat bottom left; height:573px;} #home-title{position:absolute; height:57px; width:809px; top:63px; left:50%; margin-left:-97px;} #home-title img{float:left; display:none;} #home #sub-title{text-align:center; width:100%; position:absolute; top:140px;} #home #sub-title img{display:none;} #home #home-videos{font-size:14px; color:#fff; float:left; line-height:32px; background:url(images/btn-play.png) no-repeat top left; padding-left:54px; position:absolute; bottom:10px; left:10px;} #home #home-videos a{text-decoration:none;} div#socials{position:absolute; width:214px; bottom:10px; right:20px;} div#postIts{width:128px;text-align:center; float:left;} div#postIts p{font-size:10px; margin-bottom:0; font-weight:bold;} #youtubeLink{float:left; margin:19px 0 0 23px;} /* - General Internal - */ #internal{padding:40px; background:url(images/bg-internal.jpg) no-repeat bottom left; height:300px; float:left; width:880px; position:relative; color:#fff;} html>body #internal{height:auto; min-height:300px;} #content h1{font-size:24px; margin:-20px 0 0 -20px;} #content h1.protips{font-size:50px; margin:0;text-align: center;position: relative;} #content div.newBanner{margin-top: 40px;padding-top: 20px;padding-bottom: 10px;background: url('images/bg_GM-line.png') no-repeat top center;} #content h1.protips span.new{display: block;width: 70px;height: 58px;background: url('images/bg_GM-new-banner.png');position: absolute;top: 0;left: 70px;z-index: 1;} #content h2.fromGM{font-size:26px; margin:0;text-align: center;color: #999999;font-family: "helvetica neue", helvetica, sans-serif;} #content h2#headline{font-size:48px; text-align:center; padding:40px 0;} #content h2#headline span{display:none;} #content h3#subhead{font-size:24px; text-align:center; color:#ccc;} #content img#hero{float:left;} #content h4{color:#60a9d9; font-size:20px;} #content p, #content ul, #content ol, #content address{color:#ccc; font-size:14px; line-height:18px; margin-bottom:1em;} #content img{margin-top:4px;} #content .col1Border h2{color:#fff; font-size:18px; font-weight:normal; text-align:center; margin-bottom:1em;} #content a{color:#fff; text-decoration:underline;} #content a:hover{color:#ccc} #content sup{height: 0; line-height:1; vertical-align: baseline;_vertical-align: bottom;position: relative; font-size:.7em;} #content sup{bottom:.3em;} #content #internal p.smaller{font-size:10px; line-height:12px;} /* - Specific Internal - */ /* - FAQs - */ #faqNav{text-align:center; font-size:14px; padding:28px 0 45px 0; color:#cccccc;} #faqNav a{color:#cccccc; text-decoration:none; font-weight:bold;} #faqNav a:hover, #faqNav a.on{color:#60a9d9; display:inline !important;} #content .faqBlock{display:none; padding:0 0 9px 0;} #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:#fff;font-weight:normal; background-image:url(images/faq-default.png);} #content .faqBlock h3.ui-state-active a{color:#60a9d9; background-image:url(images/faq-active.png);} #content .faqBlock div.ui-accordion-content{background:url(images/faq-bg.png) no-repeat bottom left; margin-bottom:10px; padding:0 20px 17px 20px;} #content .faqBlock div.ui-accordion-content p{margin-bottom:0; color:#fff; font-size:14px; line-height:18px;} /* - Pros - */ #prosHolder{height:406px; width:920px; margin-left:-20px;position: relative;} #prosHolder .pro{float:left; height:406px; position:relative;} #prosHolder #murphy{width:403px;} #prosHolder #mitchell{width:517px;} #prosHolder #mitchell span.new{display: block;width: 70px;height: 58px;background: url('images/bg_new-banner.png');position: absolute;bottom: 85px;z-index: 10;} #prosHolder .pro a{display:block; height:406px; width:100%;} #proImage{float:left; margin:35px 40px 10px 0;} #proContent{float:left; width:425px; margin:50px 0 0 0} /* - Information - */ #prosHolder .proInfo{position: absolute; top:0; left:0;display: none;} #prosHolder .proInfo .infoBox{text-align:center; width:400px; position:absolute; z-index:100;} #prosHolder .proInfo .infoBox h3{font-size:20px; color:#fff; text-transform:uppercase; margin-bottom:4px;} #prosHolder .proInfo .infoBox h3 strong{color:#60a9d9;} #prosHolder .proInfo .infoBox h4{color:#ccc; font-size:14px; margin-bottom:22px;} #prosHolder .proInfo .infoBox blockquote{font-size:24px;color:#fff; height:83px; background:url(images/bg-quoteBox.png) no-repeat top left; padding:32px 0 0 0; margin-bottom:15px;} #prosHolder .proInfo .infoBox p a{font-size:11px; color:#ccc; text-decoration:none;} #prosHolder #murphy .proInfo .infoBox{top:170px; left:337px;} #prosHolder #mitchell .proInfo .infoBox{top:170px; right:337px;} /* - Individual Pro Pages - */ #content .pro strong{color:#60a9d9;} #content .statList{position:relative;} #content .statList .mid{height:303px;} #content .statList h2{color:#60a9d9; font-size:20px; float:right; position:relative; z-index:10; margin-right:-7px;} #content .statList ul{list-style:none; position:relative; z-index:10; float:right; clear:right; width:180px; font-size:12px; padding-top:95px;} #content .statList ul li{margin-bottom:5px;} #content .statList ul li strong{color:#60a9d9;} #content .statList ul li a{font-weight:bold; color:#60a9d9;} #content .statList img{position:absolute; bottom:0; left:0;} #content .col12 p#blogLink{font-size:18px; color:#fff; clear:both; padding-top:30px;} #content .col12 p#blogLink a{color:#60a9d9;} /* - About Us - */ #content .about p{font-size:12px;} #content .about h2{font-size:14px; border-bottom:1px solid #666; padding-bottom:3px; text-align:left; margin-top:30px;} #content .about h3{font-size:12px;color:#60a9d9;} /* - yCop - */ #content #internal .info p, #content #internal .info dl{font-size:11px; line-height:normal; color:#fefefe; margin-bottom:0;} #content #internal .info p{font-weight:bold;} #content #internal .info dl{padding-bottom:0;} #content #internal .info dt{font-size:12px; text-transform:uppercase;} #content #internal .info dd{background:none; padding-left:0; border-bottom:1px solid #666; padding-bottom:3px;} /* - LCD - */ #content #internal.lcd p strong{color:#60a9d9;} .lcd{background:url(images/bg-nextGen.jpg) no-repeat bottom left !important; padding-bottom:120px !important;} #internal.lcd img{margin:23px 0 20px 0;} #internal.lcd .col1Border .mid{padding:7px 15px;} #internal.lcd .col1Border img.first{margin-top:0;} #internal.lcd .col1Border img{margin-bottom:10px;} #internal.lcd .col1 p{font-size:12px; line-height:15px;} #internal.lcd .col1 p.smaller{padding-top:10px; clear:both;} /* - KSP - */ #content #internal .ksp{text-align:center; background:url(images/bg-ksp.png) no-repeat right top; margin:54px 0 0 0; padding-right:50px;} #content #internal .ksp.last{background:none; padding-right:0;} #content #internal .ksp h3{text-transform:uppercase; font-size:14px; color:#60a9d9; margin-bottom:60px;} #content #internal .ksp.last h3{margin-bottom:46px;} #content #internal .ksp p{font-size:14px; margin-bottom:60px;} #content #internal .ksp.last p{margin-bottom:48px;} #content #internal .ksp p strong{display:block;} #content #internal .ksp img{margin-top:0;} #content #internal .ksp p.last{margin-bottom:30px;} /* - DEC - */ #content #internal .dec{text-align:center; margin-top:54px;} #content #internal .dec p{font-size:14px;} #content #internal .dec strong{display:block;} /* - Command Link Plus - */ .clp{background:url(images/bg-clp.jpg) no-repeat bottom left !important; padding-bottom:70px !important;} #content #internal.clp div.title{text-align:center; padding-top:15px;} #content #internal.clp div.title h3{font-size:28px;} #content #internal.clp div.title h4{font-size:24px; color:#fff;} #content #internal.clp .col1{padding-top:40px;} #content #internal.clp .col1 a, #content #internal.clp .col1 span{text-align:center; display:block; padding:40px 0 10px 0;} #content #internal.clp .col1 p{color:#ccc; font-size:12px; word-spacing:-.5px} #content #internal.clp .col1 p strong{color:#60a9d9;} #content #internal.clp .col1 p.smaller{margin-top:80px;} /* - Features & Benefits - */ #tableTop{background:url(images/bg-tableTop.gif) no-repeat top left;} #tableBottom{background:url(images/bg-tableBottom.gif) no-repeat bottom left;padding:10px 1px;} #tableInside{background:url(images/bg-table.gif) repeat-y top left; width:570px; margin-top:30px;} #content table th{color:#60a9d9; font-size:16px; vertical-align:bottom; padding:10px; font-weight:bold;} #content table td{color:#fff; font-size:12px; vertical-align:top; padding:10px; line-height:14px;} #content table tr.zebra td{background:#525b64;} /* - Specifications - */ h3.specTitle{font-size:16px; color:#60a9d9; padding-bottom:2px;} dl{color:#ccc; font-size:12px; line-height:14px; padding-bottom:33px;} dt{font-weight:bold; padding-top:17px; color:#fff;} dl img, #content div.specList ul img{float:right;} #bigEngine{position:absolute; bottom:50px; left:1px; 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; color:#fff;} #content div.specList ul li{margin-bottom:10px; background:url(images/bullet.gif) no-repeat left 6px; padding-left:9px;} h3.weightTitle{clear:both; padding-top:20px;} img#dimensions{margin:20px 0 0 0;} #content .col3Border h2{font-size:1.8em !important; margin-bottom:.6em; padding-left:310px; color:#60a9d9; padding-top:21px;} /* - Comparisons - */ #content .comparisons{text-align:center;} #content .comparisons h4{font-size:18px; word-spacing:-1px; margin:21px 0 16px 0;} /* - The Talk - */ #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;} /* - Next Gen - */ .nextGen{background-image:url(images/bg-nextGen.jpg) !important; padding-bottom:140px !important;} #internal.nextGen h2#headline{padding:70px 0 60px 0;} #content #secondNav{float:right; font-size:18px; list-style:none; margin:-26px -20px 0 0;} #content #secondNav li{border-right:1px solid #666; margin-right:20px; padding-right:20px; float:right;} #content #secondNav li.last{border-right:0; margin-right:0; padding-right:0;} #content #secondNav a{color:#ccc; text-decoration:none; font-weight:bold;} #content #secondNav a:hover{color:#fff;} #nextGenList{list-style:none; text-align:center;} #nextGenList li{background:url(images/bg-nextGenList.png) no-repeat bottom center; padding-bottom:40px; margin-bottom:40px;} #nextGenList li.last{background:none; padding-bottom:0; margin-bottom:0;} #nextGenList h5{font-size:54px;} #nextGenList p{font-size:20px; margin-bottom:0;} #nextGenEngines{position:absolute; bottom:1px; left:66px;} .nextGenNav{position:absolute; bottom:2px; color:#fff; font-weight:bold; font-size:18px; text-decoration:none !important;} .nextGenNav span{display:block; height:49px; line-height:32px;} #next{background:url(images/bg-nextGenNextRight.png) no-repeat top right; right:29px; padding-right:43px;} #next span{background:url(images/bg-nextGenNextLeft.png) no-repeat top left; padding:7px 10px 0 22px;} #prev{background:url(images/bg-nextGenPrevLeft.png) no-repeat top left; left:29px; padding-left:43px;} #prev span{background:url(images/bg-nextGenPrevRight.png) no-repeat top right; padding:7px 22px 0 10px;} #content .specs p{font-size:11px; line-height:normal; color:#fefefe; margin-bottom:0;} #content .specs p strong{text-transform:uppercase;} #content .specs img{margin:40px 0 10px 0;} #content .specs img.first{margin-top: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.png);} #content #mediaList h3.ui-state-active a{color:#60a9d9; background-image:url(images/bg-mediaListH3on.png);} #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.png) no-repeat bottom left; margin-bottom:19px; padding:7px 20px 17px 20px;} #content #mediaList div.ui-accordion-content p{width:840px;} *+html #content #mediaList div.ui-accordion-content{margin-top:-1px; border-width:0 1px 1px 1px; border-color:#fff; border-style:solid; background:#181f26; } /* - Legal Stuff - */ #content .legalList h1{font-size:1.4em;} #content .legalList a{font-weight:normal; color:#60a9d9;} #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; margin-left:14px;} #content .legalList ol ul li{margin-bottom:0; line-height:normal;} #content .legalList address{font-weight:normal; font-size:1em; font-style:normal;} /* - Gallery - */ #content #gallery{background:url(images/bg-gallery.gif) no-repeat bottom left; margin-bottom:18px;} #content #galleryNest{background:url(images/bg-galleryTop.gif) no-repeat top left; padding:24px;width:367px; } #content #galleryNest div p{margin: 5px 0 0 0;} html>body #content #galleryNest{padding:24px 24px 20px; width:367px;} #content #galleryNest img, #content #galleryNest div{display:none;} #content #galleryNest img.on, #content #galleryNest div.on{display:block;} #content #galleryNest img{margin-top:0;} #content #thumbs #previous, #content #thumbs #next{float:left;padding: 0;margin-top: 7px; width:20px; height:35px; text-indent:-1000em; background-repeat:no-repeat; background-position: top left;} #content #thumbs #previous{background-image:url(images/prev.gif); margin-right:3px;} #content #thumbs #next{background-image:url(images/next.gif); margin-left:3px;} #content #thumbs #carousel{float:left; overflow:hidden; height:70px; width:368px; margin-bottom:18px; position:relative;} #content #thumbs #carousel ul{float:left; list-style:none; padding:0; margin:0; height:50px;} #content #thumbs #carousel ul li{float:left; padding-right:4px; position:relative;} #content #thumbs #carousel ul li a{text-decoration: none;} #content #thumbs #carousel ul li a p{margin: 0;font-size: 10px;text-align: center;color: #838383;} #content #thumbs #carousel ul li a.on p, #content #thumbs #carousel ul li a:hover p{color: #ffffff;} #content #thumbs #carousel ul li img{margin:0;} #content #thumbs #carousel ul li a.on span{border: 1px solid #60a9d9; position:absolute; height:33px; width:48px; top:0; left:0;} #content #thumbs #carousel.mitchell ul li a.on span{height:48px; width:86px;} /* - Dealer Locator - */ #content .DealerSearchForm {margin-bottom:1em; float:left; width:220px;} #content .DealerSearchForm #PostalCode {float:left; margin:5px 8px 0px 0px;} #content .DealerSearchForm #GoButton {background: url(images/btn-go.png) no-repeat 0 0; border:none; float:left; height:30px; margin:0px 0px 0px 0px; width:51px;} #content .DealerSearchForm #GoButton:hover { background-position: 0 -30px; } #content .DealerSearchForm #GoButton:active { background-position: 0 -60px; outline:none;} #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:#60a9d9;} #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; color:#ffffff;} #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; color:#cccccc;} #content .DealerContactForm .CommentsLabel {vertical-align:top; margin-top:5px;} #content .DealerContactForm .CheckboxLabel {width:auto;} #content .DealerContactForm #SubmitButton {background: url(images/btn-go.png) no-repeat 0 0; border:0; height:30px; margin:0px 0px 0px 109px; width:51px;} #content .DealerContactForm #SubmitButton:hover { background-position: 0 -30px; } #content .DealerContactForm #SubmitButton:active { background-position: 0 -60px; outline:none;} /*:: Footer ------------------------------------- */ #footer .roundedBottom{padding:1px 0;} #footerNest{background:url(images/bg-footer.gif) no-repeat top center; padding:39px 0 0 0;} #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:#60a9d9;} #footerNest ul#siteMap li h5{font-size:1em;} #footerNest ul#siteMap li a{color:#60a9d9;} #footerNest ul#siteMap li a:hover{color:#5298c6;} #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; margin-left:20px; float:left; clear:left; padding:28px 0 20px 0;} #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;} /* - Dealer Locator - */ #content .DealerSearchForm {margin-bottom:1em; float:left; width:220px;} #content .DealerSearchForm .GoButton { background: url(images/btn-go.jpg) no-repeat 0 0; border:0; height:32px; width:53px; } /*#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; color:#cccccc;} #content .DealerContactForm .CommentsLabel {vertical-align:top; margin-top:5px;} #content .DealerContactForm .CheckboxLabel {width:auto;} #content .DealerContactForm .SubmitButton { background: url(images/btn-submit.png) 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 fieldset.last {padding-bottom:0px;} #content .TestDriveForm label {display:inline-block; padding:6px 6px 0px 0px; text-align:right; width:100px; vertical-align:top; color:#ffffff;} #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; color:#cccccc;} #content .TestDriveForm .CommentsLabel {vertical-align:top; margin-top:5px;} #content .TestDriveForm .SubmitButton { background: url(images/btn-submit.png) 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 { margin-left:40px; margin-bottom:65px;} #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 #ccc; float:left; padding:0 0 20px 0;} #content .calendar dt{float:left; width:100px; 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:310px;} #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:30px;} #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;} #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.png) no-repeat top right;} #content .voucherOffer h2{margin-bottom:0;} #content .voucherOffer p.offerText {height:160px; width:200px; font-size:13px; line-height:16px;} #content .voucherOffer h3.terms {color:#999;font-size:10px;} #content .voucherOffer p.terms {color:#999;font-size:10px; line-height:12px; margin-top:30px;} #content #contentNest .col1 .col1Bottom { margin-left:18px; } #content #contentNest .col1 .col1Bottom #subNavigation { float:right; display:inline; } #content #contentNest .col1 .col1Bottom #subNabigation div { display:inline;} #content #subNavigation{float: right; padding-top:18px;} #content #subNavigation div{float: left;padding-right:10px;} #content #subNavigation div a{padding-left:10px;border-left: 1px solid #666666;display: block; text-decoration:none;} #content #subNavigation div a.first{padding-left:0px;border: 0px; text-decoration:none;} #content #subNavigation div a h2{font-size: 18px; text-decoration:none; color:#cccccc;} #content #contentNest .col2.last {clear:both; padding-left:42px;} #content #contentNest .col2.last p { } #content .col1Top { display:inline-block; } #content .VoucherBug { margin-right:40px; float:right; } #content #contentNest .col2.last h2 { margin-bottom:5px; width:260px; } #content #contentNest .col2 h2.r {color:#60a9d9; font-size:16px; line-height:19px;} #content #contentNest .col2 h2.r.b {color:#60a9d9; font-size:16px; margin-bottom:0px;} h2.r {color:#60a9d9; font-size:16px; line-height:19px;} #content .VoucherBugDealer { padding-left:42px; padding-bottom:35px;} #content .col2.dealer { margin-left:32px; width:560px; } .dtitle, .dimage { margin-left:26px; } .dtitle {padding-top:18px;} .col3 {float:right; width:246px; padding:10px 44px 10px 12px; } #content .sm {margin-left:25px;} #content #contentNest.cf {background:url(images/bg-nextGen.jpg) no-repeat bottom left; padding-bottom:90px !important; min-height:420px;} .hrulePad {padding: 20px 0px 25px 35px;} #content p a#rshlink { font-weight: normal; } .grizzly { background:url(images/yamaha-grizzly-350-bg.jpg) no-repeat bottom left; padding-bottom:0px !important; min-height:345px; } #demointro { padding-bottom:20px; } .VoucherBug#vouchergrizzly { margin-top:120px; } .VoucherBug#demoride { margin-top:120px; }