/* Reset CSS http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 --------------------------------------------- */ 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, b, u, i, center, 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;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} /* GLOBAL FONT SIZES --------------------------------------------- */ h1{font-size:162.50%;font-weight:bold;} h2{font-size:118.75%;font-weight:bold;} h3{font-size:100%;font-weight:bold;} h4{font-size:87.5%;font-weight:bold;line-height: 130%;} p,blockquote, #mainVisualArea dd {font-size: 68.75%;line-height: 160%;} sup{font-size:80%;vertical-align:super;margin-left:-2px; _margin-left:0px;} /* ALLOWED FONT SIZES AND COMMON % CONVERSIONS, BASED ON 16px BASE: 29px - 180.00% 26px - 162.50% 22px - 137.50% 19px - 118.75% 16px - 100.00% 14px - 87.50% 13px - 81.25% 12px - 75.00% 11px - 68.75% 10px - 62.50% */ /* End GLOBAL FONT SIZES */ #bodyContent p, #bodyContent ul, #bodyContent ol, #bodyContent table {margin-bottom: 2px;} #parts-overview sup {font-size:60%;margin-left:-3px;} /* LAYOUT --------------------------------------------- */ html, body {height: 100%;} /* http://www.dave-woods.co.uk/?p=144 */ body {font-family: Arial, Helvetica, sans-serif; background:#c8c8c9 url(/images/goodwrench/common/gw_bg.jpg) top center repeat-x;text-align:center; font-size: 100%; color:#000; } div#container {position:relative;width:990px;margin:0 auto;text-align:left;background:transparent url(/images/goodwrench/common/container_bg.gif) repeat-y 50% 0;} * html #container {height: 100%;} div#mainVisualArea{float:left;width:730px;} div#sidebar{float:right;width:260px;margin-top:-84px;color:#fff;background-color:#333;overflow:hidden;} div#sidebar.sidebarSpecial{margin-top:0;} div#divisionBar, div#divisionBar img{width:990px;height:70px;} /*div#sectionNav{width:978px;height:30px;background:#000;}*/ div#bottomCap {clear:both;display:block;width:990px;height:5px;margin:0;padding:0;background:transparent url(/images/goodwrench/common/container_bg.gif) no-repeat;} div#sectionHeader {width:730px;height:84px;background-color:#000;} div#sectionHeader img{width:730px;height:84px;} /* End LAYOUT */ /* Main Inline Menu --------------------------------------------- */ div#sectionNav{width:990px;height:30px;background:#000;position:relative; z-index:8;} /*999*/ #menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:8; font-family:arial, verdana, sans-serif;} /*999*/ #menu li {float:left;} /* non-selected main menu item */ #menu li a {display:block; float:left; height:30px; line-height:30px; background:#000; color:#ccc; text-decoration:none; font-size:12px; font-weight:normal;_font-weight:bold;padding:0 0 0 10px;} /* Table for IE 6 */ #menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* divider between main menu items */ #menu span {padding-left:10px;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ /* non-selected main menu item on hover - IE6 Only */ #menu li a:hover {position:relative; z-index:3;color:#fff; background-color:#444;} /*200*/ /* non-selected main menu item (general) Non-IE6 */ #menu li:hover {position:relative; z-index:3;} /*200*/ /* non-selected main menu item without dropdown on hover - Non-IE6, non-selected main menu item with dropdown on hover - Non-IE6 */ #menu > li:hover > a, #menu li:hover > a.sub {color:#fff;height:22px;line-height:22px;margin-top:8px;background:#444;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;} /* selected main menu item on hover - look remains the same */ #menu li.current:hover > a {color:#fff;height:30px;line-height:30px;margin-top:0;background:#333;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;} /* selected main menu item without dropdown (Home) */ #menu li.current a {color:#fff;background:#333;} #menu li#vehiclecareproducts.current a {margin-left:-3px;padding-left:13px;} /* non-selected main menu item with dropdown */ #menu li a.sub {background: #000;} /* selected main menu item with dropdown */ #menu li.current a.sub {font-weight:bold;margin-left:-3px;padding-left:13px;color:#fff;background:#333;} /* selected main menu item with dropdown IE6 only - doesn't do fancy selected tab */ #menu li.current a.sub {_height:30px;_line-height:30px;_margin-top:0;_margin-left:0;_padding-left:10px;} /* Hide left item's divider on hover */ #menu > li:hover > a, #menu > li:hover > a.sub {margin-left:-3px;padding-left:13px;} /* Do Not hide first item's left divider on hover because it doesn't have one! */ #menu > li:first-child:hover > a, #menu > li:first-child:hover > a.sub{margin-left:0;padding-left:10px;} /* Hide item's divider on hover Non-IE6 */ /*#menu li:hover span, #menu li:hover > a span, #menu li:hover > a.sub span, #menu li.current a span, #menu li.current a.sub span, #menu li:last-child a span {visibility:hidden;}*/ #menu li:hover a.sub span, #menu li:hover > a span, #menu li.current a span, #menu li.current a.sub span, #menu li:last-child a span {visibility:hidden;} /* Dropdown Menu --------------------------------------------- */ /* Dropdown menu position - left 0 is aligned with parent menu; set width of dropdown menu here */ #menu :hover ul {left:-3px; top:30px; width:160px; padding-top:0px;background:#444;z-index:9;} /* 9999 */ #menu :hover ul {_left:0;} /* keep the 'next' menu level invisible by placing it off screen. */ #menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #menu ul li {width:140px;border-left:10px solid #444;border-right:10px solid #444;} #menu :hover ul li {margin:0;} /* non-selected dropdown subitem without flyout; set width of dropdown menu here */ #menu :hover ul li a {width:140px;padding:0; text-indent:3px;background:#444; color:#fff; height:20px; line-height:20px;border-bottom:1px dotted #fff;*border-bottom:1px solid #fff;} #menu :hover ul li:last-child a {border-bottom:none;} /* non-selected dropdown subitem without flyout on hover */ #menu :hover ul :hover {background-color:#000;color:#fff;border-color:#000 #000 #fff #000;} /* SUB NAVIGATION --------------------------------------------- */ #subNav {width:100%;height:23px;background: #000;position:relative;_top:-3px;_margin-bottom:-3px;overflow:hidden;} #subNav ul {font-size:68.75%;font-weight:bold;margin:0 0 0 10px;overflow:hidden;} #subNav li {display:inline;list-style:none;} #subNav li a {float:left;display:inline;margin-left:-3px;padding:8px 0 4px 13px;text-decoration: none;} #subNav li a:link, #subNav li a:visited {color: #fff;} #subNav li a:hover, #subNav li a.active {font-size:100%;padding:4px 0 8px 13px;color:#000;background-color:#F0F0F0;} #subNav li a.selected, #subNav li a.selected:hover {font-size:100%;padding:4px 0 8px 13px;color:#000; background:#E5E5E5 url(/images/goodwrench/common/tab-on.gif) repeat-x; font-size:118.75%} #subNav li a:hover span.divider, #subNav li a.active span.divider, #subNav li a.selected span.divider{visibility:hidden;} #subNav li:last-child a span {visibility:hidden;} #subNav span.divider{padding-left:10px;} /* End MAIN NAVIGATION */ /* CONTENT NAVIGATION --------------------------------------------- */ ul#contentNav {position:absolute;top:28px;left:11px;font-size:68.75%;font-weight:bold;width:670px;height:23px;z-index:6;} /* 888 */ ul#contentNav li {display:inline;list-style:none;} ul#contentNav li a {float:left;display:inline;margin-left:0;padding:8px 0 4px 6px;text-decoration: none;} /*ul#contentNav li a:link {color: #000;} #contentNav li a:visited {color: #777;}*/ ul#contentNav li a:hover, #contentNav li a.active, #contentNav li a.selected {font-size:100%;color:#CF2C0C;} ul#contentNav li:last-child a span {visibility:hidden;} ul#contentNav span.divider{padding-left:10px;color: #000 !important;} /* End MAIN NAVIGATION */ /* SIDEBAR --------------------------------------------- */ div#dealerServices {position:relative;width:260px;background:#333 url(/images/goodwrench/common/dealer_signs_top2.jpg) no-repeat 0 46px;overflow:hidden;} div#dealerButtons{margin-top:125px;padding:0 20px 10px;background:none;height:100px;} div#currentOffers {padding:10px;background:#333 url(/images/goodwrench/common/dealer_signs_btm.jpg) no-repeat;} div#currentOfferHead{padding:10px;} div#currentOfferHead p{line-height:240%;} div#currentOfferHead h4{padding-bottom:6px;} div#dealerServices h5{position:relative;top:115px;left:20px;width:120px; font-size:96%;} form#postalCode{padding-top:6px;} form#postalCode input{font-size:10px;height:12px;} div#sidebar p a:link, div#sidebar p a:visited {color:#fff;} div#sidebar p a:hover, div#sidebar p a:active {color:#CF2C0C;} div#sidebarOffers p{padding:0 0 10px;} div#sidebarOffers p#offers-msg{padding:0 10px 10px;} div#sidebarOffers .bd p{width:175px;} div#currentOfferHead #error-sidebar-offers {padding-bottom:10px;} div#currentOfferHead #error-sidebar-offers p {line-height:1.1;color:red;} p#ownerCentre{position:absolute;top:15px;left:10px;line-height:1.1;} #dealerServices.french p#ownerCentre{top:10px;} .dropcontainer form select{width:117px;font-size:12px;height:22px;} .dropcontainer{position:absolute;top:10px;left:90px;width:150px;} #dealerServices.french .dropcontainer{left:70px;} #submit-pc{overflow:auto;width:220px;} #postal-code-sidebar{float:left;} #currentOfferHead a.noArrButton {float:right;} #postal-code-sidebar{float:left;} #currentOfferHead a#form.noArrButton.french span{padding:5px 35px 0;} #dealerButtons a.gwButton span {width:180px;padding:5px 12px 0 28px;position:relative; z-index:8;} /*999*/ #dealerButtons.french a.gwButton span, #otherLinks.french a.gwButton span {width:190px;font-size:11px;} #otherLinks a.gwButton span{width:180px;padding:5px 12px 0 30px;position:relative; z-index:8;clear:both;} /*999*/ #otherLinks{overflow:hidden;width:220px;margin-left:20px;padding-bottom:20px;} img#ajax-loader{margin-left:10px;} /* End SIDEBAR */ /* FOOTER overrides global footer.css --------------------------------------------- */ table#footerContent {color:#666666;float:none !important;height:83px;margin:0;position:static;width:100%;background: #c8c8c9 url(/images/goodwrench/common/footer_bg.gif) no-repeat;clear:both !important;position:relative !important;} table#footerContent td#footerCap {background-image: none !important;} table#footerContent td#gmLogo {padding:0 3px 0 0 !important;} table#footerContent td {vertical-align:middle;} div#footerTopRowLeftCorp {width:550px !important;} /* End FOOTER */ /* BODY CONTENT --------------------------------------------- */ #bodyWrapper{position:relative;width:710px;padding:0 10px;_margin-bottom:-13px;_margin-top:-5px;background:#fff url(/images/goodwrench/common/content_bg.jpg) repeat-x; overflow:hidden;} div#bodyContent{padding-top:20px;width:710px;padding-bottom:30px;} div#bodyContent.home{padding-top:0;} /* Top Box Content */ .topBox h1 {position:relative;padding:48px 0 16px;_padding-top:28px;color:#CF2C0C;z-index:1;} div#homePageContent.topBox h1 {font-size:118.75%;padding:0 0 10px 0;} .topBox h3 {margin-top:30px;margin-bottom:0;color:#CF2C0C;line-height:22px;font-size:16px;} .topBox h3.chooseVehicle {margin-top:10px;margin-bottom:0;} .topBox ul {font-size: 11px;line-height: 18px;list-style: disc;margin-top:0;margin-bottom:10px;margin-left:15px;} .topBox ol {font-size: 75%;line-height: 150%;list-style: decimal;margin-top:15px;margin-bottom:10px;margin-left:15px;} div#bodyLeft {float:left;display:inline;width:340px;padding:0 10px 5px 0;position:relative;} div#bodyRight{float:none;width:340px;padding: 0;position:relative;overflow:hidden;} div.topBodyFix{clear:both; width:100%;height:1px;overflow:hidden;} .main_middle_section {width:730px;height:205px;position:relative;z-index:1; background: url(/images/goodwrench/home/home_border_whole.png) repeat-x 0px -16px; _background: url(/images/goodwrench/home/home_border_whole_ie6.gif) repeat-x 0px -16px;} /* Our Services */ /*div.body{background: #fff url(/images/goodwrench/services/gw_guy.jpg) no-repeat;}*/ img#serviceGwGuy{width:328px;padding-top:4px;float:left;} /* BUTTON --------------------------------------------- */ a.button { position: relative; padding: 5px 10px 7px 10px; margin: 0 5px 0 0; text-decoration: none; font-weight: bold; font-size: 75%;} a.button span { display: block; width: 6px; height: 22px; position: absolute; top: 0; right: 0; } a.button { display: inline-block; } /* TODO: this did use the underscore hack - I removed it */ a.button span { _right: -1px; } /* End BUTTON */ /* DEALER SERVICES BUTTONS --------------------------------------------- */ a.button { background:transparent url(/images/goodwrench/servicesButton.gif) no-repeat scroll 0 0; color:#000; } a.button span { background:transparent url(/images/goodwrench/servicesButton.gif) no-repeat scroll right -22px; } a.button:hover { background: url(/images/goodwrench/servicesButton.gif) 0 -44px no-repeat; color: #fff; } a.button:hover span { background: url(/images/goodwrench/servicesButton.gif) right -66px no-repeat; } /* End DEALER SERVICES BUTTONS */ /* ROUND BOX http://www.lesliesommer.com/wdw07/html/ --------------------------------------------- */ .mod, .mod .mod-content, .mod .ft, .mod .ft-content { position:relative; } .mod { background-position:100% 0; z-index:0; } .mod .mod-content { background-position:0 0; left:-0px; /* override - offset by size of the rounded corner */ width:100%; position:relative; z-index:2; } .mod .ft { background-position:100% 100%; bottom:-0px; /* override - move outside of mod-content */ right:-0px; /* override */ width:100%; } .mod .ft .ft-content { background-position:0 100%; padding:0 0 7px 0; left:-0px; /* override */ } /* End ROUND BOX */ /* CURRENT OFFERS BOX extends ROUND BOX .mod class --------------------------------------------- */ /* set background image */ .sidebarOffers, .sidebarOffers .mod-content, .sidebarOffers .ft, .sidebarOffers .ft-content {background-image: url(/images/goodwrench/common/dottedRndBox3.jpg);} /* position box, set width */ .sidebarOffers{width:241px;margin-bottom:9px;} /* override .mod positioning values (based on corner size) */ .sidebarOffers .mod-content {left:-1px;} .sidebarOffers .ft {bottom:-1px;right:-1px;} .sidebarOffers .ft .ft-content {left:-1px;} /* position box contents */ .sidebarOffers .hd {padding: 10px 17px 0;} .sidebarOffers .hd h5 {border-bottom: 1px solid #fff;padding-bottom: 6px;} .sidebarOffers .bd {padding: 10px 17px 0;overflow:hidden;} .sidebarOffers .bd span {position:relative;top:1px;left:2px;font-size: 137.50%;font-weight:bold;} .sidebarOffers .ft-content a {position:absolute;top:-28px;left:200px;color:#fff;} .sidebarOffers p {width:120px;margin-bottom:0;} .sidebarOffers .hd h5.french {font-size:15px;} .sidebarOffers .bd p.french {font-size:12px;width:160px;line-height:1.0;} /* End CURRENT OFFERS BOX */ /* TOP BOX --------------------------------------------- */ .topBox {width:710px;padding:0;_margin-top:-9px; *margin-top:-9px} .topBoxContent{background:#fff;position:relative; z-index:4;width:710px;overflow:hidden} /*666*/ .topBox .boxHead {height:12px;background: url(/images/goodwrench/common/boxTop.jpg) no-repeat;} .topBox .boxBody {position:relative;padding: 0px 0px 0px 10px;float:none;} .topBox .boxFoot {height:8px;background: url(/images/goodwrench/common/boxBot.png) no-repeat;} .topBox .boxFootPage {height:65px;} .boxBody a:hover{color:#BF290E;} #homePageContent .topBoxContent{clear:both;width:100%;} #homePageContent .boxBody{padding:0 10px;} /* TIRE FINDER --------------------------------------------- */ form#tireFinder{float:none;width:300px;} div#tireFinder .topBoxContent{background: #fff url(/images/goodwrench/services/tire_finder_results.jpg) no-repeat right bottom;} p#tireFinderLegal{clear:both;padding:15px 0 10px;} form#srdform div{float:left;} #eflyer_form{border: 8px solid #111;background:#fff; width:500px; height:150px; margin-top:25px;padding: 20px 25px 35px 25px;position:relative; z-index:7} /*99*/ #eflyer_form .title{font-weight:bold; font-size:124%;clear:both;} #eflyer_form .title_reverse{font-weight:bold; font-size:124%;clear:both;background:#000;color:#fff;position:relative;top:-20px;left:-25px;width:450px;} #eflyer_form .title p {float: left; width:125px;} #eflyer_form .title input {float: left; width:290px;} #eflyer_form #sign_up {background-color:#909090;background-image:url(/images/goodwrench/common/bottom-sign-up.png);background-repeat:no-repeat;border:0px;float:right; width:148px; height:22px;position:relative; right:-35px; top:60px; color:#FFF; font-weight:bold} #Guide_Guy{margin-bottom:-5px; margin-left:430px; margin-top:-550px; position:relative; z-index:7} /*9*/ a:link, a:visited {color:#000;} a:hover, a:active{color:#CF2C0C;} div#teasers{width:710px;padding-top:14px;} #products-overview div#teasers {padding-top:0;padding-bottom:14px;} div.teasers {padding:16px 0 30px 0;clear:both; height:100%;width:710px;} div.teasers td {vertical-align:top;} div.teasers h3{font-size:100%; margin-left:10px;margin-bottom:10px;} div.teaser {float:left;width:200px;padding:2px 10px 8px 25px;background: transparent url(/images/goodwrench/services/arrow_small.gif) no-repeat 10px 54px;_margin-bottom:10px;overflow:hidden;} div.teaser dl {margin-bottom:6px; padding-top: 6px; } div.teaser dt {font-size:81.25%;font-weight:bold;margin-bottom:5px;line-height:120%;text-transform: uppercase;} #mainVisualArea div.teaser dd {line-height:150%;} div.teaser a{text-decoration:none;display:block;} div.teaser a:hover{color:#BF290E} div#teaser2 {border-top:1px solid #000;} div#teaser2 h3 {color:#CF2C0C;} #teasersRows{clear:both;overflow:hidden;width:710px;} /* TODO: this should be a class */ .teasersRows{clear:both;overflow:hidden;width:710px;} /* TODO: can i get rid of above? */ /* drivesmarter - seasonal teaser */ .seasonal div.teaser img {width:335px;height:90px;margin-top:5px} .seasonal div.teaser h4{font-size:81.25%; margin-top:10px} .seasonal div.teaser hr{color:#000;background-color:#000;height:1px;} .seasonal div.teaser ul{margin-top:5px;font-size:81.25%;} .seasonal div.teaser li {background:#fff url(/images/goodwrench/services/arr_left_grey.gif) 0 4px no-repeat;list-style-image:none;text-decoration:none;padding-top:3px;padding-bottom:5px;padding-left:15px;} .seasonal div.teaser li:hover{background-image:url(/images/goodwrench/services/arr_left_red.png);background-position:left 4px;background-repeat:no-repeat;} .seasonal div.teaser .intro{margin-top:5px; height:70px;} .seasonal div.teaser .intro a{text-decoration:underline;} .seasonal div.teaser a.links{color:#BF290E; font-size:81.25%; font-weight:bold;} .seasonal div.teaser a.links:hover{color:#333} .seasonal div.teaser {float:left;width:335px;padding-left:10px;padding-right:10px;background: transparent; border-right: dotted 1px #ccc} .seasonal div.last, .seasonal div.middle{padding-left:10px;padding-right:10px;} .seasonal div.last{border:0px;padding-right:0px;} div#home-teasers {padding:16px 0 30px 0;clear:both; height:100%;} div#home-teasers td {vertical-align:top;} div.home-teaser {margin:0px;float:left;width:136px; overflow:hidden;padding:19px 16px 2px 30px;background: url(/images/goodwrench/services/arrow_small.gif) no-repeat 10px 133px;} div.home-teaser.french {background-position: 10px 127px;} div.home-teaser dl {margin-top:6px;padding-top:0px;} div.home-teaser.french dl {margin-top:0px;padding-top:0px;padding-bottom:6px;} div.home-teaser dt {font-size:81.25%;font-weight:bold;text-transform:uppercase;padding-bottom:4px;} div#mainVisualArea div.home-teaser dd{line-height:120%;} div.home-teaser img {width:111px;height:110px;} div.home-teaser a{text-decoration:none;} div.home-teaser a:hover{color:#BF290E} div.home-teaser img {margin-left:5px; margin-top:-5px;} #home-teasersRows{clear:both;} div#homePageContent.topBox {width:730px;} #tipsBox{width:336px;float:left;padding:0px; padding:0px;background: #BEBEBE; border-top:solid 5px #fff; margin-bottom:5px;} .tipsTop{background: transparent; height:2px; overflow:hidden;} .tipsBottom{background: transparent; height:2px; overflow:hidden;} #tipsText{margin-left:15px; width:310px;; margin-top:13px;margin-bottom:13px;} #tipsText-left{margin-left: 18.6%; width:75%; margin-top:-5.5%;} #tipsText h3, #tipsText h3 h3{color:#000; font-size:13px; margin-top:0px;margin-bottom:3%} #tipsText p {color:#fff; margin-top:2.25%; margin-bottom:0px; font-size:12px;} #tipsText p #tipsLine p{color:#fff; margin-top:2.25%; margin-bottom:2.25%; font-size:12px;line-height:140%;} #tipsText p a{} #tipsText p br{height:0px;} #bodyLeft #tipsBox{margin-left:0px;} .bodyEnd{width:100%; float:right;clear:both;height:1px;} /*************** AM 10.08.2009 ***********************/ #tire-basics .tabNav, #tire-maintenance .tabNav, #tire-how-to-choose .tabNav, #tire-safety .tabNav, #brakes-basics .tabNav {padding-top:10px;margin-top:42px;_margin-top:32px; margin-bottom:100px;} #tire-basics .tabNav h4, #tire-maintenance .tabNav h4, #tire-how-to-choose .tabNav h4, #tire-safety .tabNav h4, #brakes-basics .tabNav h4 {padding-top:0px;margin-bottom:6px;} a:active{outline: none;} .tabs{width:690px; padding:0px;} .tabs #tipsLeftNav{margin:0 0 1em;margin-top:42px;padding-top:15px;padding-bottom:15px;width:137px;overflow:hidden;} .tabs ul.tabNav{ padding-left: 10px;margin-left:0;list-style-type: none;overflow:hidden;} .tabNav {width:133px;margin:0;padding:0px 0px 0px 0px;float:left;width:137px;overflow:hidden; background:#c2c2c2} /* */ .tabNav li{ width:106px; list-style-image: none; background-image: url('/images/goodwrench/services/arr_left_grey.gif'); background-repeat: no-repeat; background-position: left 3px; color: #535354;text-decoration: none;font-size:12px; } .tabNav li.no-list-style{width:136px;padding:0;background-image:none;} .tabNav li.no-list-style:hover, .tabNav li.no-list-style a:hover {background-image:none;} .tabNav li a {text-decoration:none; display:block;margin-left: 15px;} .tabNav li:hover {background:transparent url('/images/goodwrench/services/arr_left_white.gif') no-repeat 0px 3px; color: #fff;} .tabNav li a:hover{color: #fff;} .tabNav li a:focus {outline: 0;} .tabNav li .selected,.tabNav li:hover .selected{color: #BF290E;font-weight:bold;} .tabNav h4{color:#333; font-size:14px; padding-top:14px;padding-bottom:4px; padding-right:10px;} .tabs .page {padding:0px; margin:0px; margin-right:20px;width:490px;float:right; overflow:hidden;} .tabs .page h1{width:495px;} /* float:left; - removed brian */ .tabs div h3{margin:1.2em 0 0.5em;} .tabs p, .tabs .page ul {font-size:12px;} #notes{ border:none; border-top:6px solid #fff; background:#C2C2C2; position:absolute; margin-left:5px; _margin-left:5px; margin-top:16px; _margin-top:8px; padding-bottom:10px; padding-left:10px; padding-top:10px; position:relative; width: 137px; left:-15px; color:#fff; } #notes img{float:left;margin-right:10px;} #notes h3{font-size:14px;margin:1px 0;color:#000;width:125px;} #notes p{font-size:12px;margin:8px 0;width:125px;line-height:1.4;} #notes a{color:#333} #notes a:hover{color:#BF290E} #pageHighlights{border:none;float:right; width:292px; background:#C2C2C2 url('/images/goodwrench/services/highlights-bg.gif') no-repeat 0% 100%; margin-top:0px; margin:5px; position:relative; left:5px;} #highlights-text{height:60px;padding:10px;color:#535354;font-size:11px;} /*** NAVIGATION BUTTONS ***/ .buttons {height:22px; margin-bottom:10px;display:none;padding:0;} .bottom-button{line-height:22px;float:none;overflow:hidden;height:22px;width:163px; float: left; color:#FFF;background:#909090 url('/images/goodwrench/services/bottom-button.png') no-repeat;font-size:11px; padding:0; font-weight:bold;text-align:center;margin-bottom:-32px;} .buttons a {color:#fff; text-decoration:none; display:block;} .next{float:right;display:inline;margin-right:150px;z-index:10;} /*999999*/ .previos{margin-right:80px;} .prev-video { margin: 0; margin-bottom: 0; } .next-video {margin-right:165px;} .prev-video a{display:block;} .next-video a{display:block;} #video-buttons{width:505px;margin-left:180px;} .red-bold {color:#CF2C0C; font-weight:bold;font-size:12px;} .page li {margin-left:15px;} /* National Coupons */ .coupon {clear:both;background:#3F3F3F url('/images/goodwrench/services/coupon_bg.gif') no-repeat;width:710px; height:148px;margin-bottom:7px;} .coupon div{float:left;} .coupon .logo{width:164px;padding:0px;padding-top:15px; padding-left:17px; } .coupon .offer{width:325px; height:139px;} .coupon .offer p {line-height:1.3;} .coupon .ditails{padding-top:15px;height:139px; margin-left:26px;} #bodyContent .coupon .ditails p {margin:0px;} .coupon .date {font-weight:bold;} .coupon .coupon_button{margin-top:5px; margin-bottom:2px; border:none;} .coupon .icon-pdf {position:relative; top:3px;left:-2px;} .coupon a:hover{color:#BF290E;} .legal{font-size:11px !important;} /* National Coupons French */ .coupon-fr {clear:both;background:#3F3F3F url('/images/goodwrench/services/coupon_bg_fr.gif') no-repeat;width:710px; height:200px;margin-bottom:7px;} .coupon-fr div{float:left;} .coupon-fr .logo{width:164px;padding:0px;padding-top:25px; padding-left:17px; } .coupon-fr .offer{width:300px; height:139px;} .topBox .coupon-fr .offer h3{margin-top: 10px;} .topBox .coupon-fr .offer h3 sup{font-size:60%;} .coupon-fr .ditails{width:200px; padding-top:15px;height:139px; margin-left:19px;} #bodyContent .coupon-fr .ditails p {margin:0px;line-height:1.4;} .coupon-fr .date {font-weight:bold;} .coupon-fr .coupon_button{margin-top:5px; margin-bottom:2px; border:none;} .coupon-fr .icon-pdf {position:relative; top:3px;left:-2px;} .coupon-fr a:hover{color:#BF290E;} #offers-coupons-banner{position:relative;left:-10px; margin-top: 10px;*margin-bottom: -4px} #offers-start{clear:both;width:100%; margin-top:20px;overflow:hidden;} .offer-start{float:left;width:171px; padding-right:2px; margin-right:8px; border-right: dotted 1px #2D2D2D} .offer-four{margin-right:0px; border-right:0px;padding-right:0px;width:162px;} .offer-start img{border: solid 1px #2D2D2D} .eflyer{float:right;margin-right:10px;text-decoration:none;*margin-top:-30px;} /* SH: _position:none is a weird IE6 fix! */ .eflyer img{margin-right:5px;position:relative;_position:none;top:4px; } .eflyer a{text-decoration:none;} /* remove page title top padding on pages with out top nav*/ #products-overview h1, #products-polishes h1, #products-cleaners h1, #products-blades h1, #offers-regional h1, #offers-national-coupons h1, #offers-ads h1, #offers-e-flyer h1, #your-gm-overview h1, #maintenance-guide-overview h1, #parts-overview h1, #why-overview h1, #more-overview h1, #tireFinderResults h1, #drive-overview h1, #seasonal h1, #safety h1, #driving h1, #maintenance h1, #services h1, #summer h1, #maintenanceSchedule h1, #gwEflyer h1 {padding-top:20px;} /*fix top position for #bodyLeft for IE on pages without top nav */ #products-overview #bodyLeft, #products-polishes #bodyLeft, #products-cleaners #bodyLeft, #products-blades #bodyLeft, #offers-regional #bodyLeft, #offers-national-coupons #bodyLeft, #offers-ads #bodyLeft, #offers-e-flyer #bodyLeft, #your-gm-overview #bodyLeft, #maintenance-guide-overview #bodyLeft, #parts-overview #bodyLeft, #why-overview #bodyLeft, #more-overview #bodyLeft, #tireFinderResults #bodyLeft, #drive-overview #bodyLeft, #seasonal #bodyLeft, #safety #bodyLeft, #driving #bodyLeft, #maintenance #bodyLeft, #services #bodyLeft, #summer #bodyLeft {_margin-top:-20px;*margin-top:-20px} #lof-overview #bodyLeft, #batteries-overview #bodyLeft, #why-overview #bodyLeft, #tire-overview #bodyLeft, #more-overview #bodyLeft{*left:0px;_left:0px;} #offers-e-flyer #bodyLeft{ width:520px;} #offers-e-flyer #bodyLeft {margin-top:-40px;} #offers-e-flyer h3{padding-bottom:10px;} #offers-e-flyer p{padding-bottom:10px;} /* right column images positioning */ #GMsOil .topBoxContent{background:#ffffff url('/images/goodwrench/services/gm_oil.jpg') no-repeat bottom right;} #OnStar .topBoxContent{background:#ffffff url('/images/goodwrench/services/onstar.jpg') no-repeat bottom right;} #GMsDexos .topBoxContent{background:#ffffff url('/images/goodwrench/services/dexos.jpg') no-repeat right;} #GMsDexos h1 sup{margin-left:-7px;font-size:14px;} #GMsDexos sup{margin-left:-3px;font-size:8px;} #overview-goodwrench-service .topBoxContent{background:#ffffff url('/images/goodwrench/services/gws_guy.jpg') no-repeat bottom right;} #your-gm-overview .topBoxContent{background:#ffffff url('/images/goodwrench/services/expert_advice_guy.jpg') no-repeat bottom right;} #products-overview .topBoxContent{background:#ffffff url('/images/goodwrench/services/br_guy.jpg') no-repeat bottom right;} #why-overview .topBoxContent{background:#ffffff url('/images/goodwrench/services/our_services_guy.jpg') no-repeat bottom right;} #brakes-overview .topBoxContent{background:#ffffff url('/images/goodwrench/services/brake_guy.jpg') no-repeat bottom right;} #wiper-blades .topBoxContent{background:#ffffff url('/images/goodwrench/services/wb_guy.jpg') no-repeat bottom right;} #batteries-overview .topBoxContent{background:#ffffff url('/images/goodwrench/services/b_guy.jpg') no-repeat right 30px;} /* #seasonal .topBoxContent{background:#ffffff url('/images/goodwrench/services/1_seasonal_winter_tips.jpg') no-repeat right 10px;} #driving .topBoxContent{background:#ffffff url('/images/goodwrench/services/2_driving_tips.jpg') no-repeat right 20px;} #maintenance .topBoxContent{background:#ffffff url('/images/goodwrench/services/4_maintenance_tips.jpg') no-repeat right 20px;} #services .topBoxContent{background:#ffffff url('/images/goodwrench/services/3_tire_tips.jpg') no-repeat right 15px;} #safety .topBoxContent{background:#ffffff url('/images/goodwrench/services/5_safety_tips.jpg') no-repeat right 15px;} */ .right {float:right;} #products-cleaners{padding-top:36px;} #products-polishes{margin-top:20px;padding-top:8px;border-top:1px solid #000;} #products-cleaners h4, #products-polishes h4 {margin-bottom:16px;} .product-view{background:transparent url(/images/goodwrench/common/product_view_bg.gif); padding-top:10px; padding-left:20px; padding-bottom:10px; padding-right:10px; overflow:hidden;} .product-view p {width:515px;} .product-view img{float:right;width:140px;height:140px;margin:0px} .pv-title {background:#fff; padding:7px;margin-bottom:20px; width:515px; } .pv-title h3 {margin:0px;color:#CF2C0C;} .size-item {margin-top:20px;font-size:11px;} .size-item b{padding-left:2px;} .item-num{margin-left:20px;} #your-gm-overview #bodyRight img{margin-top:25px; margin-bottom:-1px;} #why-overview #bodyRight img{margin-top:36px; margin-bottom:-1px;} #summer #bodyRight img, #seasonal #bodyRight img, #seasonal-tips #bodyRight img, #driving #bodyRight img, #driving-tips #bodyRight img, #maintenance #bodyRight img, #maintenance-tips #bodyRight img, #services #bodyRight img, #services-tips #bodyRight img, #safety #bodyRight img, #safety-tips #bodyRight img{margin-bottom:0px;margin-left:0px;margin-top:5px;} #tire-overview #bodyRight img{margin-top:20px;} #OnStarImg{margin-top:156px} #e_flyer_Guy {margin-left:162px;} /* tips pages*/ .tips{padding-left:10px; padding-right:10px;} div.tips div {border-top:1px dotted #000;} div.tips div div{border-top:1px dotted #000;} div.tips div#tip2, div.tips div#maintenance-tip-01, div.tips div#tire-tips, div.tips div#brakes-tips, div.tips div#batteries-tips, div.tips div#wiper-tips, div.tips div#lube-tips, div.tips div#lube-tip-01{border-top:0px;} div.tips div h3{margin-top:18px;} div.tips h4{margin-top:15px;margin-bottom:-5px;font-size:81.25%;} #bodyContent div.tips div p{margin-bottom:18px;} /* Tire Finder */ #searchTable{width:708px;height:auto;margin-top:20px;} #searchTable table#simpleSearch {margin-bottom:20px;} #searchTable table#simpleSearch, #searchTable table#advSearch{font-size:100%;width:688px;margin-left:10px;background-color:#fff;border:10px solid #333;} #searchTable table th {font-weight:bold;padding:0 0 7px;color:#fff;background-color: #2E2E2E;} #searchTable table td {font-size:75.00%;padding:3px 0 3px 13px;vertical-align:top;} /*#searchTable table td a {color:#000;font-size:87.50%;}*/ #searchTable table tr.firstRow{padding-top:10px;} #searchTable table td.vertDivider {border-right:6px solid green;} #searchTable table td.cellDivider{border-right:10px solid #2E2E2E;} #searchTable table td.cellTitle{font-size:81.25%;font-weight:bold;} #searchTable table td.errorMsg {width:100%;padding-top:10px;padding-bottom:10px;color:red;line-height:130%;border-bottom:10px solid #333;} #searchTable table td.errorMsg a:link, #searchTable table td.errorMsg a:visited {color:red;} #searchTable table td.errorMsg a:hover, #searchTable table td.errorMsg a:active {color:#000;} #searchTable table td.description{font-weight:bold;padding-top:10px;padding-bottom:16px;} #searchTable table td.description span{color:#CF2C0C;} #searchTable table tr.lastRow td {padding-bottom:24px;} #searchTable table td#markings{padding-top:10px;} table#mfrs{font-size:137.50%;border:none;} select#year, select#make, select#model {width:246px;height:20px;margin:0;padding:0;} #scheduleForm select#year, #scheduleForm select#make, #scheduleForm select#model {width:100px;margin:0;padding:0;} select#tireWidth, select#tireSide, select#tireRim {width:88px;margin:0;padding:0;} input#tireSearch{float:right;width:148px;height:22px;margin:10px 6px 30px 0;background: transparent url(/images/goodwrench/common/btn-tirefinder-search.png) no-repeat 0 0;border:none;} input#tireSearch.french{background: transparent url(/images/goodwrench/common/btn-tirefinder-search_fr.png) no-repeat 0 0;} input#tireSearch:hover {background-position:0 -22px;cursor:pointer;border:none;} table#tireResultsOem, table#tireResultsOther {width:520px;background:transparent;} table#tireResultsOem td, table#tireResultsOther td{border-right:1px solid #fff;} table#tireResultsOem th.sortByManu, table#tireResultsOther th.sortByManu{text-align:center;vertical-align:top;} table#tireResultsOem th, table#tireResultsOther th{text-align:left;} table#tireResultsOem tr.columnHeaders th{padding-bottom:20px;text-decoration:underline;} table#tireResultsOther th {visibility:hidden;} th.tableTitle {padding-top:20px;} table#tireResultsOther th.tableTitle {visibility:visible;} div#resultsTable{float:left;position:relative;width:520px;margin-top:12px;} /*div#resultsTable span {font-size:118.75%;font-weight:bold;}*/ ul#tf-results {position:relative;top:20px;left:7px;font-size:75%;font-weight:bold;margin-bottom:14px;list-style:none;overflow:hidden;clear:both;} ul#tf-results li {float:left;padding:0 10px;} ul#tf-results li#vehicleName{font-size:110%;padding-left:0;} ul#tf-results li#numOptions{font-weight:normal;border-left:1px solid #000;border-right:1px solid #000;} ul#tf-results li#newSearch{font-weight:normal;} .tireCard {position:absolute;left:530px;width:168px;border:6px solid #4d4d4d;} /*float:left;width:168px;margin-top:30px;margin-left:10px;border:6px solid #4D4D4D;}*/ #bodyContent .tireCard p{padding:6px 10px;margin-bottom:2px;background-color:#F2F2F2;font-size:12px;} #bodyContent .tireCard span {font-weight:bold;font-size:12px;background-color:#F2F2F2;} #bodyContent .tireCard span ul {list-style:disc inside;line-height:1.5;* padding:0 10px;background-color:#F2F2F2;margin-bottom:0;} #resultsTable img {width:168px;height:201px;padding-bottom:20px;} #resultsTable th.sortByManu {width:25%;} #resultsTable th.sortByTire {width:33%;} #resultsTable th.sortByType {width:22%;} #resultsTable th.sortbySize {width:20%;} #resultsTable.french th.sortByManu {width:25%;} #resultsTable.french th.sortByTire {width:33%;} #resultsTable.french th.sortByType {width:22%;} #resultsTable.french th.sortbySize {width:20%;} /* Tire Results tablesorter */ table.tablesorter {font-size: 68.75%;margin:10px 0 15px;width: 100%;text-align: left;} table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #FFF; border-right: 1px solid #FFF; font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { background-color: transparent; cursor: pointer; } table.tablesorter thead tr .tableTitle {font-size: 118.75%;font-weight:bold;padding: 8px 0 8px 6px;cursor: default;} table.tablesorter tbody td { color: #3D3D3D; padding: 6px; background-color:#F2F2F2; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#E4E4E4; } table.tablesorter thead tr .headerSortUp {background: url(/images/goodwrench/services/asc.jpg) no-repeat 90% 20%;} table.tablesorter thead tr .headerSortDown {background: url(/images/goodwrench/services/desc.jpg) no-repeat 90% 20%;} /*offers page tabs*/ div#offer_tabs .page{margin-top:20px;width:705px;} /* drivesmarte overview */ #drive-overview #intro {background: url('/images/goodwrench/services/Drive-Smarter.jpg') no-repeat;width:185px; height:198px;padding-left:155px;padding-top:0;} #drive-overview #intro h3{color:#000;width:175px;margin:0;padding:8px 0;} #drive-overview #intro p{width:175px;line-height:1.1} #drive-overview #intro a#seasonal-tips{text-decoration:none;line-height:26px;float:left;overflow:hidden;height:26px;width:173px; color:#FFF;background:url('/images/goodwrench/common/button-drivesmart.png') no-repeat;font-size:9px; padding:0; font-weight:bold;text-align:center;text-transform:uppercase;} #drive-overview a#seasonal-tips.french{text-decoration:none;line-height:26px;float:right;overflow:hidden;height:26px;width:200px; color:#FFF;background:url('/images/goodwrench/common/button-drivesmart_fr.png') no-repeat;font-size:9px; margin-right:-6px; padding-left:8px; font-weight:bold;text-align:center;text-transform:uppercase;} #drive-overview #intro a#seasonal-tips:hover{background:url('/images/goodwrench/common/button-drivesmart-on.png') no-repeat;} #drive-overview a#seasonal-tips.french:hover{background:url('/images/goodwrench/common/button-drivesmart-on_fr.png') no-repeat;} table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { color: #CF2C0C; } a.gwButton {float:left;color:#BF290E;font-size:12px;font-weight:bold;height:22px;margin-bottom:6px;padding-right:0px;text-decoration:none;overflow:hidden;background:transparent url(/images/goodwrench/common/right_col_button_off.gif) no-repeat;} a.gwButton:hover{color:#fff;background:transparent url(/images/goodwrench/common/right_col_button_on.gif) no-repeat;} a.gwButton span {color:#BF290E;display:block;height:17px;padding:5px 30px 0;text-decoration:none;float:left;cursor: pointer;} a.gwButton span:hover{color:#fff;} #otherLinks a:hover span, #dealerButtons a:hover span{color:#fff;} #buttons-tire-results{float:right;padding:10px 0;} a#btn-request.gwButton {margin-right:10px;background:transparent url(/images/goodwrench/common/btn-medium.png) no-repeat 0 0;} a#btn-request.french {background:transparent url(/images/goodwrench/common/btn-long.png) no-repeat 0 0;} a#btn-request.gwButton:hover, a#btn-schedule.gwButton:hover{background-position:0 -22px;} a#btn-request.gwButton span, a#btn-schedule.gwButton span{color:#fff;margin-top:-1px;}{color:#fff;margin-top:-2px;} a#btn-request.gwButton:hover span, a#btn-schedule.gwButton:hover span{color:#BF290E;} a#btn-schedule.gwButton {margin-right:20px;background:transparent url(/images/goodwrench/common/btn-long.png) no-repeat 0 0;} a.noArrButton {color:#000;text-transform:uppercase; float:left;font-size:12px;font-weight:bold;height:22px;margin-bottom:6px;padding-right:0px;text-decoration:none;overflow:hidden;background:transparent url(/images/goodwrench/common/right_col_button_offer_off.gif) no-repeat;} a.noArrButton:hover{ color:#FFF;background:transparent url(/images/goodwrench/common/right_col_button_offer_on.gif) no-repeat;} a.noArrButton span {display:block;height:17px;padding:5px 15px 0;text-decoration:none;float:left;cursor: pointer;} a.noArrButton span:hover{color:#fff;} .dropcontainer a.noArrButton{position:relative;*top:-1px;*width:27px;padding-top:5px;*padding-top:6px;_padding-top:6px;padding-left:5px;padding-right:5px;margin-left:125px; margin-top:-22px;background:transparent url(/images/goodwrench/common/right_col_button_go_off.gif) no-repeat 0px 1px;} .dropcontainer a.noArrButton:hover{background:transparent url(/images/goodwrench/common/right_col_button_go_on.gif) no-repeat 0px 1px;} #dealerServices.french .dropcontainer a.noArrButton{width:40px;background:transparent url(/images/goodwrench/common/right_col_button_offer_off.gif) no-repeat 0px 1px;} #dealerServices.french .dropcontainer a.noArrButton:hover{background:transparent url(/images/goodwrench/common/right_col_button_offer_on.gif) no-repeat 0px 1px;} .dropcontainer a.noArrButton span{padding:0px;background:none;} /* Current Offers form */ .headertextarea {width:90px;} /*Rss icons*/ #rss_feed{float:right; border-left: solid 1px #ccc; padding-left:10px;} #rss_feed a{color:#CCC; text-decoration:none; } #rss_feed a span{font-size:12px;text-decoration: underline; position:relative; top:-5px;} #rss_feed a:hover{color:#fff} #rss_feed a img {margin-right:5px;} /* article images */ .art-img{margin-bottom:5px;margin-left:15px;float:right} /* video player */ .gw-video{margin-top:42px;} /* top nav email, print, pdf*/ #email-print{position:relative;z-index:5;color:#BF290E;font-size:10px;margin-top:-32px;float:right;*margin-bottom:15px;} /*777*/ #email-print a{text-decoration:none;color:#BF290E;} #email-print a:hover{color:#222;} #email-print img{position:relative; top:10px;} /* Maintenance Guide */ #intro #bodyLeft {width:690px;} #intro h1{padding-top:10px;} #maintenanceSchedule .topBoxContent {background: #FFFFFF url(/images/goodwrench/services/maintenance_blue_bg.jpg) no-repeat bottom right;} .hidden{display:none !important;} #video-player #itemList, #video-player #video-description{position:relative; z-index:11;} /*9999999*/ #videoContainer{margin-right:10px;} #video-description h1 {padding:20px 0 8px;} #video-description p {font-size:12px;} #noJavaScript{position:relative;left:-80px} #gw-guy-clipboard, #gw-guy-clipboard-ie6 {position:relative;margin:-380px 0 0 400px;z-index:9;} /*9999*/ .pdfIcon, .rssIcon, .printIcon, .emailIcon {margin-right:5px;} .pdfIcon, .rssIcon {display:none;} .maintenance-icons .pdfIcon{display:none;} /* TODO: change back to inline when PDF works on PROD */ .offers-icons .rssIcon{display:inline;} /***** * jQuery UI CSS Framework (modified May 2009, extraneous rules removed) * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * Used for accordion, &c. *****/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues */ .ui-state-disabled { cursor: default !important; } /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* icons and positioning */ .ui-icon { width: 16px; height: 16px; background-image: url(/images/vehicles/common/ovp/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/images/vehicles/common/ovp/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_cd0a0a_256x240.png); } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-widget-header .ui-icon { background-position: -96px -126px; } /* Overlays */ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content-active { display: block; } /* Dialog */ .ui-dialog { position: relative; padding: .2em; text-align: left; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size: 0.7em; line-height: 14px; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: left; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog p { line-height: 120%; } .ui-dialog input, .ui-dialog textarea { margin: 3px 0; } .ui-dialog label.error { background-color: #ffcccc; color: #ff0000; font-weight: bold; margin: 5px; padding: 5px;} .ui-dialog .errors { color: #ff0000; font-weight: bold; margin-bottom: 15px; } .ui-dialog ul { list-style: disc; list-style-position: inside; } .ui-dialog .errors li { margin: 3px 0; } /* Component containers */ .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/images/vehicles/common/ovp/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/images/vehicles/common/ovp/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Overlays */ .ui-widget-overlay { position:absolute; left:0px; top:0px; background: #aaaaaa url(/images/vehicles/common/ovp/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/vehicles/common/ovp/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); -moz-border-radius: 8px; -webkit-border-radius: 8px; } #EmailForm p {font-size:100%;} #markings a:hover{border-bottom:1px solid #fff;} #flashWrapper{height:300px;} #flashDiv {height:300px;display:block;} #flashDiv img {width:730px;height:300px;} #bodyContent form#srdform h1{color:#CF2C0C;padding:0 0 16px;font-size:26px;font-weight:bold;} form#srdform ol, form#srdform ul{font-size:100%;} /* Curen Offers result tabs */ #offer_tabs { width:710; height:94; margin-top:0px} #offer_tabs .tabNav{ height:94px;width:709px; padding:0px;background: none; margin-bottom:0; } #offer_tabs .tabNav li{overflow:hidden;text-transform:uppercase;font-weight:bold;float:left; width:141px;height:94px; background: transparent url(/images/goodwrench/common/offer_tabs.png) no-repeat 0px 0px;padding-bottom:0;} #offer_tabs .tabNav li:hover{/*background: transparent url(/images/goodwrench/common/offer_tabs_on.png) no-repeat 0px 0px;*/} #offer_tabs .tabNav li a{font-size:11px} #offer_tabs .tabNav li a:hover{color:#BF290E;} #offer_tabs .tabNav img{position:relative;top:10px;left:8px;} #offer_tabs .tabText {position:relative;top:12px;left:20px;} #offer_tabs #notes{width:160px; float:right; padding:0px;margin:0px;} #offer_tabs #notes a{padding:0px;margin:0px;text-transform: none;font-weight:normal;} #offer_tabs #notes{background: none;border:0px;} #offer_tabs #notes p { width:140px; margin-top:20px;} .selected .tabs_links{background: transparent url(/images/goodwrench/common/offer_tabs_on.png) no-repeat -1px 0px;} .tabs_links{margin:0;padding:0;height:94px;line-height:1.2;} #offer_tabs .page {margin-right:-20px;width:710px;} #features{width:700px; margin-top:15px; clear:both;} #features .f_rows{width:700px;float:left;border-top:solid 1px #fff; clear:both; background:#C3C3C3 url('/images/goodwrench/common/features_bg.gif') ;} #features .f_rows div{padding:15px;font-size:13px;} #features .f_title{float:left;;width:54px; font-weight:bold;} #features .f_description{float:left;width:444px;background:#CECECE; border-left:solid 1px #fff;border-right:solid 1px #fff} #features .f_price{width:110px;float:right; font-weight:bold;} .offer_description_title{margin-top:6px;} .offer_price {float:right;color:#fff; padding:30px;background:#797979; width:220px; font-weight:bold; text-align:center;} .offer_title {margin-top:0;} .offer_start, .offer_end {width:250px; font-size:11px; font-weight:bold;} .offer_end {position:relative; top:5px;overflow:hidden;} .offer_dates {float:right;margin-right:15px;} .offer_date_title{float:left;font-weight:normal;} #bodyContent .offer_description_title p{margin:0;font-weight:bold;} #bodyContent .offer_description p{margin-bottom:0;} .other_offers_links_list li {float: left; font-size: 12px; margin-right: 20px; width: 320px;} #offer_tabs h2 {margin-bottom:15px;color:#CF2C0C;} #offer_features ul{margin-top:0;margin-left:0px; margin-bottom:10px;} body .offers_legal p{margin-bottom:0;} .offer_start p {margin-bottom:0px;} p#offer-intro{margin-bottom:20px;width:690px;} #other_offers_links {padding-bottom:10px;padding-left:10px;width:700px;position:relative;float:left; margin-bottom:10px;background:#eee;} #other_offers_links p {width:690px;} .other_offers #offer_features ul {margin-left:13px;} #offer-table table {width:700px;margin-top:20px;font-size:12px;background-color:#ccc;} #offer-table tr {border-left:solid 1px #ccc;} #offer-table td {vertical-align:middle;padding:10px;border:1px solid #fff} .plus {list-style:none;margin-left:-15px;} /* Drive Smarter video */ #videoContainerWrapper{height:347px;} #videoContainer{float:right; background:transparent; margin-top:42px; } #video-description{float:right; width:504px; font-size:12px;margin-bottom:10px;} #itemList{float:left; width:155px; margin-top:42px;background:#C2C2C2;margin-bottom:10px;} /***** Cluetip CSS *****/ a.glossaryItem{display:none;} a.glossaryItem img{width:16px !important;height:15px !important;} .cluetip-default #cluetip-outer p { font-size: 68.75%; line-height: 150%; } .cluetip-default p { font-size: 8px; line-height: 150%; } .cluetip-default #cluetip-outer h4{font-size:100%;font-weight:bold;} /* global */ #cluetip-close img {border: 0;} #cluetip-close a {display: block;width: 16px;height: 16px;background: url(/js/common/cluetip/images/cross.gif) 0 0 no-repeat;float:right;} #cluetip-close a:hover {background: url(/js/common/cluetip/images/cross.gif) 0 -19px no-repeat;} #cluetip-title {overflow: hidden;} #cluetip-close {width:250px;position: relative;display:block;height: 16px;} #cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url(/js/common/cluetip/images/wait.gif);overflow:hidden;} .cluetip-arrows {display: none;position: absolute;top: 0;left: -11px;height: 22px;width: 11px;background-repeat: no-repeat;background-position: 0 0;} #cluetip-extra {display: none;} /* cluetipClass: 'default' */ .cluetip-default {background-color: #d9d9c2;border:2px solid #E0DED2;} .cluetip-default #cluetip-outer {position: relative;margin: 0;background-color: #fff;} .cluetip-default h3#cluetip-title {margin: 0 5px;padding: 8px 10px 4px;font-size: 1.1em;font-weight: normal;background-color: #fff;color: #555;text-align: left;border:1px solid #E0DED2;border-width:0 0 1px 0;} .cluetip-default #cluetip-title a {color: #d9d9c2;font-size: 0.95em;} .cluetip-default #cluetip-inner {font-size: 10px;padding: 0 10px;color: #555;text-align: left;} .cluetip-default #cluetip-inner h4 {font-size: 11px;} .cluetip-default #cluetip-inner p {font-size: 10px;} .cluetip-default div#cluetip-close { margin: 0 5px 5px;color: #900;} /* default arrows */ .clue-right-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowleft.gif);} .clue-left-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowright.gif);left: 100%;margin-right: -11px;} .clue-top-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowdown.gif);top: 100%;left: 50%;margin-left: -11px;height: 11px;width: 22px;} .clue-bottom-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowup.gif);top: -11px;left: 50%;margin-left: -11px;height: 11px;width: 22px;} p.no-glossary a.glossaryItem {display:none !important;} a.nat-coupon-button{background:transparent url(/images/goodwrench/services/coupon_button2.gif) no-repeat 0 0;display:block;width:155px;height:42px;margin:2px 0;text-decoration:none;} a:hover.nat-coupon-button{background:transparent url(/images/goodwrench/services/coupon_button2.gif) no-repeat 0 -42px;display:block;width:155px;height:42px;text-decoration:none;} a.nat-coupon-button-fr{background:transparent url(/images/goodwrench/services/coupon_button2_fr.gif) no-repeat 0 0;display:block;width:155px;height:42px;margin:2px 0;text-decoration:none;} a:hover.nat-coupon-button-fr{background:transparent url(/images/goodwrench/services/coupon_button2_fr.gif) no-repeat 0 -42px;display:block;width:155px;height:42px;text-decoration:none;} /** * Goodwrench Maintenance * /services/goodwrench/offers/maintenance-card *************************************************/ .goodwrench-maintenance-card .top-banner { margin-top: 10px; } .goodwrench-maintenance-card .section-container { margin-top: 10px; padding: 10px; background:#424242; /* url(/images/maintenance/goodwrench/section_container_top.jpg) no-repeat top left;*/ float:left; color: #424242; } .goodwrench-maintenance-card .section-container .section-title { padding-left: 10px; color: #fff; } .goodwrench-maintenance-card .section-container .section-title h1{ font-size: 16px; font-weight: bold; margin:0; padding:0; } .goodwrench-maintenance-card .section { margin-top: 10px; padding: 10px 0 10px 10px; background-color: #fff; float:left; width:680px; } .goodwrench-maintenance-card .sub-section { margin-top: 30px; } .goodwrench-maintenance-card .sub-section.first { margin-top: 0; width:487px; float:left; padding-right:10px; border-right:1px solid #9b9b9b; } .goodwrench-maintenance-card .sub-section-title { font-size: 16px; line-height: 22px; font-weight: bold; } .goodwrench-maintenance-card .sub-section-body { font-size: 12px; line-height: 18px; margin-bottom:20px; } .goodwrench-maintenance-card .sub-section-body p{ font-size: 12px; line-height: 18px; margin:10px 0; } .goodwrench-maintenance-card .sub-section-body a{ font-weight:bold; } .goodwrench-maintenance-card ul.sub-section-body { padding-left: 15px; list-style: disc; } .goodwrench-maintenance-card .cta-badges { float:left; width:178px; } .goodwrench-maintenance-card .bottom-part-en, .goodwrench-maintenance-card .bottom-part-fr { background-color:#D11D01; border-left:5px solid #ffffff; border-right:5px solid #ffffff; border-bottom:5px solid #ffffff; color:#FFFFFF; display:block; float:left; font-size:13px; font-weight:bold; height:15px; padding:15px; text-align:center; text-transform:uppercase; width:650px; text-decoration:none; } .goodwrench-maintenance-card a.bottom-part-en:hover, .goodwrench-maintenance-card a.bottom-part-fr:hover{ color:#ffffff !important; } /*.goodwrench-maintenance-card .bottom-part-en { background: url(/images/maintenance/goodwrench/goodwrench-maintenance-card/bottom-note-en.jpg) no-repeat scroll 3px 6px #fff; } .goodwrench-maintenance-card .bottom-part-fr { background: url(/images/maintenance/goodwrench/goodwrench-maintenance-card/bottom-note-fr.jpg) no-repeat scroll 0 0 #fff; } .goodwrench-maintenance-card .bottom-part-en span, .goodwrench-maintenance-card .bottom-part-fr span { position: absolute; left: -9999px; }*/ .goodwrench-maintenance-card div.legal { font-size: 13px !important; font-weight: normal; margin-top: 10px; float:left; } /**************GOODWRENCH REGIONAL OFFERS ONTARIO BANNER SERVICE MAINTENANCE POPUP*****************/ #TB_window{position:absolute !important;} #TB_window h2 {color: #CF2C0C;margin-top: 15px;font-size: 118.75%;font-weight: bold;} #TB_window p{font-size:12px !important;} #TB_window p.legal{font-size:11px !important;} #TB_window .offer_price {background: none repeat scroll 0 0 #797979;color: #FFFFFF;float: right;font-weight: bold;padding: 30px;text-align: center;width: 220px;margin-top:15px;} #TB_window .offer_start, #TB_window .offer_end {width: 250px; font-size:12px !important;} #TB_window .offer_start p, #TB_window .offer_end p {font-size:12px !important;} #TB_window ul {line-height: 18px !important;list-style: disc outside none !important;margin-bottom: 10px !important;margin-left: 35px !important;margin-top: -15px !important; font-size:12px;}