img { border: 0px; } div.clear { clear: both; height: 1px; overflow: hidden; } div#contentContainer { width: 890px; text-align: left; background-color: #fff; } div#mainContent { float: left; width: 609px; } div#sidebarContainer { float: right; width: 260px; margin-bottom: 10px; } div.sidebarContainer { float: right; width: 260px; } div#breadcrumb { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; color: #666; margin-bottom: 12px; padding-left: 2px; } div#breadcrumb a:link, div#breadcrumb a:visited { color: #0022a5; text-decoration: none; } div#breadcrumb a:hover { color: #0022a5; text-decoration: underline; } img.pageHdr { display: block; margin-bottom: 11px; } p.serviceLarge { font-size: 14px; line-height: 16px; font-weight: 400; margin-top: 0px; color: #666; } p.serviceMedium { font-size: 12px; line-height: 14px; font-weight: 400; margin-top: 0px; color: #666; } p.serviceSmall { font-size: 11px; line-height: 13px; font-weight: 400; margin-top: 0px; color: #666; } h3.service { font-size: 12px; line-height: 13px; color: #333; margin-top: 0px; margin-bottom: 2px; font-weight: 800; } h4.service { font-size: 14px; line-height: 15px; color: #666; margin-top: 0px; margin-bottom: 17px; font-weight: 400; } h5.service { font-size: 12px; line-height: 13px; color: #666; margin-top: 0px; margin-bottom: 4px; font-weight: 400; text-transform: uppercase; } div.stdFlyoutText { position: relative; left: 28px; top: 2px; width: 300px; } div.stdFlyoutText ul { color: #e81937; position: relative; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type: square;} div.stdFlyoutText ul li { margin-bottom: 2px; } div.stdFlyoutText a:link, div.stdFlyoutText a:visited { color: #203e98; text-decoration: none; } div.stdFlyoutText a:hover { color: #203e98; text-decoration: underline; } div#stdFlyoutClosed { position: absolute; left: 92px; top: 24px; width: 352px; z-index: 8; display: block; padding-bottom: 20px; } div#stdFlyoutOpen { position: absolute; left: 92px; top: 24px; background-image: url(/images/uploads/ac_flyout.png); background-position: bottom; background-repeat: no-repeat; width: 352px; z-index: 9; display: none; padding-bottom: 20px; } div.rollover { font-size: 11px; line-height: 15px; color: #666; width: 250px; padding-left: 20px; padding-right: 14px; padding-bottom: 10px; background-image: url(/images/uploads/rollover_bg.gif); } /*div.rollover { position: relative; font-size: 11px; line-height: 15px; color: #666; width: 250px; padding-left: 20px; padding-right: 14px; padding-bottom: 10px; background-image: url(/images/uploads/rollover_bg.gif); }*/ div.rollover h2 { font-size: 14px; color: #666; margin-bottom: 15px; margin-top: 0px; } div.rollover h3 { font-size: 12px; color: #e31937; margin-bottom: 2px; margin-top: 0px; } div.rollover h4 { font-size: 12px; color: #e31937; margin-bottom: 2px; margin-top: 10px; } div.rollover ul { font-size: 11px; line-height: 15px; margin-left: 10px; margin-top: 0px; padding-left: 0px; padding-top: 0px; } div.rollover ul li { margin-bottom: 0px; margin-left: 0px; } #rollover a {color:blue} div.rolloverClose { position: absolute; right: 15px; top: 0px; font-size: 10px; line-height: 11px; } div.rolloverClose a:link, div.rolloverClose a:visited { color: #666; text-decoration: none; } div.rolloverClose a:hover { color: #666; text-decoration: underline; } /***************************** ******* SIDEBAR STYLES ******* *****************************/ img.sidebarHr { display: block; margin-top: 8px; margin-bottom: 8px; } img.sidebarBanner { margin-bottom: 10px; } div.sidebarHdr { position: relative; width: 260px; height: 30px; } img.sidebarHdrTitle { position: absolute; left: 10px; top: 10px; } div.sidebarHdrToggle { position: absolute; right: 14px; top: 8px; font-size: 11px; line-height: 11px; } div.sidebarHdrToggle a { text-decoration: none; color: #fff; } div#sidebarVehicle { position: relative; width: 240px; padding: 10px; font-size: 11px; line-height: 14px; color: #fff; background-image:url(/images/uploads/sidebar_top_gradient.gif); background-position: top; background-repeat:no-repeat; background-color: #233e99; display: none; } div#sidebarVehicleOpen { display: block; } div#sidebarVehicleClose { display: none; } div#sidebarStore { position: relative; width: 240px; padding: 10px; font-size: 11px; line-height: 14px; color: #fff; background-image:url(/images/uploads/sidebar_top_gradient.gif); background-position: top; background-repeat:no-repeat; background-color: #233e99; } div#sidebarStoreOpen { display: none; } div#sidebarStoreClose { display: block; } div#sidebarStoreChange { position: absolute; left: 130px; top: 10px; } div#sidebarStoreLinks { position: absolute; left: 169px; top: 22px; font-size: 12px; line-height: 14px; } div#sidebarStoreLinks a:link, div#sidebarStoreLinks a:visited { text-decoration: none; color: #fff; } div#sidebarStoreLinks a:hover { text-decoration: none; color: #ffd657; } div#storeHoursContainer { position: relative; width: 100%; font-size: 11px; line-height: 14px; color: #fff; } div#storeHoursOpen { position: absolute; right: 5px; top: 0px; display: block; } div#storeHoursOpen a:link, div#storeHoursOpen a:visited, div#storeHoursOpen a:hover { color: #fff; text-decoration: none; } div#storeHoursClose { position: absolute; right: 5px; top: 0px; display: none; } div#storeHoursClose a:link, div#storeHoursClose a:visited, div#storeHoursClose a:hover { color: #fff; text-decoration: none; } div#storeHours { display: none; padding-left: 20px; padding-top: 15px; padding-bottom: 5px; } div#sidebarBtm { width: 260px; margin-bottom: 20px; margin-top:0px; background-image: url(/images/uploads/sidebar_bluetrim.gif); background-color: #f4f4f4; } div#sidebarSlider { position: relative; width: 224px; height: 115px; margin-left: 21px; font-size: 11px; line-height: 13px; color: #666; } div#sidebarSlider h1 { font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 5px; } /* div#slidesContainer { position: relative; height: 84px; } */ div#slides { position: absolute; top: 0px; left: 0px; width: 230px; height: 115px; overflow: hidden; } div#slides div { position: relative; top: 0; left: 0; width: 225px; height: 115px; padding-left: 5px; margin-left: -5px; } div#slides div a:link, div#slides div a:visited { text-decoration: none; color: #233e99; } div#slides div a:hover { text-decoration: underline; color: #233e99; } ul#slideNav { position: relative; margin-left: 0px; margin-top: 5px; margin-bottom: 0px; line-height: 0px; text-align:center; } ul#slideNav li { position: relative; display: inline; list-style-type: none; line-height: 0px; } ul#slideNav img { position: relative; display: inline; vertical-align: top; } img.sidebarBtmHr { margin-left: 14px; margin-top: 14px; margin-bottom: 14px; } img#bannerTow { margin-left: 11px; margin-bottom: 6px; } a:link#bannerTowTextLink, a:visited#bannerTowTextLink { padding-left: 176px; color: #102faa; font-size: 12px; text-decoration: none; } a:hover#bannerTowTextLink { text-decoration: underline; } div#bannerPepguard { width: 230px; margin-left: 11px; margin-bottom: 12px; font-size: 11px; line-height: 13px; color: #666; } div#bannerPepguardLeft { float: left; width: 110px; } img#bannerPepguardLogo { display: block; margin-bottom: 4px; } a:link#bannerPepguardTextLink, a:visited#bannerPepguardTextLink { padding-left: 22px; color: #102faa; font-size: 12px; text-decoration: none; } a:hover#bannerPepguardTextLink { text-decoration: underline; } /***************************** ******* HOME STYLES ******* *****************************/ div#homeTop { position: relative; width: 609px; } div#homeTop ul { position: relative; right: 0px; top: -3px; margin: 0 15 0 0px; } div#homeTop ul li { margin: 0 0 0px 0px; padding: 0 0 0 0px; } div#homeTop ul.graphic {margin-top:30px;} div#homeTop ul li a {margin-top:-6px;margin-bottom:-6px;} div#homeLinks { position: absolute; right: 0px; top: -3px; width: 216px; } div#weProvideLinks { position: absolute; left: 13px; bottom: 9px; font-size: 12px; line-height: 16px; } div#weProvideLinks a:link, div#weProvideLinks a:visited { text-decoration: none; color: #fff; } div#weProvideLinks a:hover { text-decoration: underline; } div#homeTop2 { position: relative; width: 609px; font-size: 12px; line-height: 15px; color: #666; margin-top: 19px; padding-bottom: 5px; } div#homeTop2 a:link, div#homeTop2 a:visited { color: #213e9a; text-decoration: none; } div#homeTop2 a:hover { color: #213e9a; text-decoration: underline; } div#homeTop2Left { float: left; width: 250px; padding-left: 16px; padding-right: 22px; } a#homeTop2LeftLink { float: right; padding-top: 10px; } div#homeTop2Right { float: right; width: 288px; } a#homeTop2RightLink { float: right; padding-top: 15px; padding-right: 15px; } img.vrMiniRed { padding-top: 0px; } div#homeBtm { position: relative; width: 609px; margin-top: 17px; } div#homeBtmLeft { float: left; width: 185px; margin-left: 9px; font-size: 11px; line-height: 12px; } div#homeBtmLeft a:link, div#homeBtmLeft a:visited { color: #233e99; text-decoration: none; } div#homeBtmLeft a:hover { color: #233e99; text-decoration: underline; } img#bannerOilChange { display: block; margin-top: 12px; } img#bannerCoupons { display: block; margin-top: 6px; } img#bannerFindItNow { display: block; margin-top: 10px; } div#homeBtmRight { float: right; width: 384px; } ul#diffList { width: 265px; list-style: none; font-size: 12px; line-height: 17px; color: #666; margin-left: 0px; padding-left: 0px; margin-top: 6px; padding-top: 0px; z-index: 1; } ul#diffList li { position: relative; margin-left: 0px; padding-left: 0px; z-index: 1; } ul#diffList li a:link, ul#diffList li a:visited { text-decoration: none; color: #233e99; } ul#diffList li a:hover { text-decoration: underline; color: #233e99; } img.diffListPlus { padding-left: 3px; padding-bottom: 3px; } div.diffList_div { position: absolute; right: -50px; bottom: 15px; z-index: 10; display: none; /*background: none;*/ } img#aseLogo { float: right; padding-right: 34px; padding-top: 15px; } div#adviceLeft { float: left; font-size:11px; line-height: 15px; color: #666; width: 228px; padding-right: 18px; } div#adviceLeft a:link, div#adviceLeft a:visited { text-decoration: none; color: #213e9a; } div#adviceLeft a:hover { text-decoration: underline; color: #213e9a; } div#adviceLeft h3 { font-size: 12px; line-height: 17px; font-weight: 800; margin-top: 0px; margin-bottom: 5px; } a#adviceMoreLink { float: right; padding-right: 5px; } ul#adviceList { display:inline; float: right; list-style: none; list-style-position: outside; width: 112px; padding-right: 7px; font-size: 12px; line-height: 18px; color: #666; margin-left: 0px; padding-left: 0px; margin-top: 3px; } ul#adviceList a:link, ul#adviceList a:visited { color: #213e9a; text-decoration: none; } ul#adviceList a:hover { color: #213e9a; text-decoration: underline; } ul#adviceList li { padding-left: 0px; margin-left: 0px; } img.vrMiniGrey { padding-top: 11px; } /***************************** ******* HYBRID STYLES ******* *****************************/ div#hybridContainer { position: relative; margin-top:30px; width: 610px; height: 417px; background-image:url(/images/uploads/hybrid_pic.jpg); background-position: top right; background-repeat:no-repeat; } div#hybridContent { position: absolute; left: 28px; top: 30px; width: 335px; height: 370px; overflow: visible; font-size: 12px; line-height: 15px; color: #666; } img#hybridHr { display: block; position: relative; left: -8px; margin-top: 18px; margin-bottom: 14px; } div#hybridContainer ul { font-size: 12px; color: #666; padding-left: 15px; } div#hybridContainer ul li { margin-bottom: 5px;list-style-type: disc; } /***************************** ******* MAP STYLES ******* *****************************/ div#mapBanner { position: relative; margin-top:30px; width: 610px; height: 141px; background-image:url(/images/uploads/map_banner_map_bg.png); background-repeat:no-repeat; margin-bottom: 22px; } div#mapBannerText1 { position: absolute; left: 26px; top: 27px; width: 310px; } div#mapBannerText2 { position: absolute; left: 26px; top: 95px; width: 553px; } div#mapContainer { position: relative; width: 610px; height: 560px; background-image:url(/images/uploads/map_bg.png); background-repeat:no-repeat; margin-bottom: 26px; } div#mapContainerLeft { position: absolute; left: 12px; top: 2px; width: 380px; font-size: 11px; line-height: 15px; color: #666; } div#mapContainerLeft a:link, div#mapContainerLeft a:visited { color: #102faa; text-decoration: none; } div#mapContainerLeft a:hover { color: #102faa; text-decoration: underline; } div#mapContainerRight { position: absolute; left: 420px; top: 2px; width: 175px; font-size: 11px; line-height: 15px; color: #666; } div#mapContainerBtm { position: relative; width: 580px; margin-left: 15px; font-size: 11px; line-height: 15px; color: #666; } div#mapContainerBtm a:link, div#mapContainerBtm a:visited {color: #233e99; text-decoration: none; } div#mapContainerBtm a:hover { color: #233e99; text-decoration: underline; } img#mapMeans { display: block; margin-bottom: 20px; } img#mapExpect { display: block; margin-top: 67px; margin-bottom: 15px; } /***************************** ******* FLEET STYLES ******* *****************************/ img#fleetBanner { position: relative; margin-top:30px; margin-bottom: 22px; } div#fleetContainer { position: relative; width: 610px; height: 653px; background-image: url(/images/uploads/fleet_bg.png); background-repeat:no-repeat; margin-bottom: 26px; } div#fleetContainerLeft { position: absolute; left: 11px; top: 11px; width: 375px; font-size: 11px; line-height: 15px; color: #666; } div#fleetContainerRight { position: absolute; left: 418px; top: 11px; width: 175px; font-size: 12px; line-height: 15px; color: #666; } div#fleetContainer a:link, div#fleetContainer a:visited { color: #233e99; text-decoration: none; } div#fleetContainer a:hover { color: #233e99; text-decoration: underline; } div#fleetContainer ul { padding-left: 15px; font-size: 11px; margin-top: 3px; } div#fleetContainer ul li { padding-bottom: 3px; list-style-type:disc; } img#fleetMaint { display: block; margin-bottom: 20px; } img#fleetCredit { display: block; margin-top: 68px; margin-bottom: 19px; } img#fleetCreditAvailable { display: block; margin-bottom: 7px; } a#fleetDownload { display: block; margin-top: 3px; margin-bottom: 48px; } /***************************** ******* TOW STYLES ******* *****************************/ img#towBanner { position: relative; margin-top:30px; margin-bottom: 9px; } div#towContainer { position: relative; width: 610px; height: 431px; background-image: url(/images/uploads/tow_bg.png); background-repeat:no-repeat; margin-bottom: 26px; } div#towContainerLeft { position: absolute; left: 11px; top: 11px; width: 375px; font-size: 11px; line-height: 15px; color: #666; } div#towContainerRight { position: absolute; left: 418px; top: 11px; width: 175px; font-size: 11px; line-height: 15px; color: #666; } div#towContainer a:link, div#towContainer a:visited { color: #233e99; text-decoration: none; } div#towContainer a:hover { color: #233e99; text-decoration: underline; } img#towFaq { display: block; margin-top: 20px; margin-bottom: 15px; } img#towDiscount { display: block; margin-bottom: 13px; } img#towProvider { display: block; margin-top: 20px; margin-bottom: 13px; } h3.tow { font-size: 12px; line-height: 13px; color: #666; margin-top: 0px; margin-bottom: 10px; font-weight: 800; } /***************************** **** INSPECTION STYLES ****** *****************************/ div#inspectBanner { position: relative; margin-top: 30px; margin-left: 14px; margin-bottom: 15px; width: 590px; } div#inspectContainer { position: relative; width: 610px; height: 522px; background-image: url(/images/uploads/inspect_bg.png); background-repeat:no-repeat; margin-bottom: 26px; } div#inspectContainerLeft { position: absolute; left: 14px; top: 20px; width: 280px; font-size: 12px; line-height: 15px; color: #666; } div#inspectContainerRight { position: absolute; left: 316px; top: 20px; width: 275px; font-size: 12px; line-height: 15px; color: #666; } h6.inspect { font-size: 12px; line-height: 13px; color: #e81937; margin-top: 16px; margin-bottom: 15px; font-weight: 800; } div#inspectTable { position: relative; width: 280px; font-size: 10px; line-height: 11px; color: #666; background-image:url(/images/uploads/inspect_breakdown_mid.png); margin-top: 27px; } img#inspectState { display: block; margin-bottom: 15px; } img#inspectCondition { display: block; margin-bottom: 15px; } .inspectSmall { font-size: 11px; line-height: 15px; } table.inspect { margin-left: 9px; } table.inspect th { padding: 10px 3px 5px 3px; color: #e31937; text-align:center; vertical-align: top; } table.inspect td { padding: 10px 2px 10px 4px; text-align: left; vertical-align: middle; } /***************************** **** DASH STYLES ****** *****************************/ div#dashBanner { position: relative; margin-top: 10px; margin-left: 11px; width: 595px; font-size: 12px; line-height: 16px; color: #666; } ul#dash { position: relative; margin-top: 20px; margin-left: 35px; width: 520px; padding-left: 0px; } ul#dash li { display: inline; } ul#dash li img { margin-right: 13px; margin-bottom: 10px; vertical-align: top; } div#dashContainer { position: relative; width: 610px; height: 173px; background-image:url(/images/uploads/dash_bg.png); background-repeat:no-repeat; } div.dashItem { position: absolute; left: 0px; top: 0px; width: 610px; height: 173px; display: none; } img.dashIcon { position: absolute; left: 19px; top: 26px; } div.dashDesc { position: absolute; left: 75px; top: 27px; width: 485px; font-size: 11px; line-height: 15px; color: #666; } img.dashHdr { display: block; margin-bottom: 17px; } /***************************** **** REPAIR HOME STYLES ****** *****************************/ div#repairHomeTop { position: relative; width: 609px; margin-bottom: 25px; margin-top: 30px;} div#repairLinks { position: absolute; right: 0px; top: -3px; width: 268px; } img#repairSeeFull { position: absolute; left: 103px; top: 93px; } div#repairBtmRight { float: right; width: 384px; font-size: 12px; line-height: 17px; color: #666; } ul#repairDiff { width: 310px; padding-left: 20px; font-size: 11px; } ul#repairDiff li { margin-bottom: 3px; } div#repairBtmRight ul {list-style-type : disc } img#repairMiniHr { margin-bottom: 15px; } /***************************** **** REPAIR FULL STYLES ***** *****************************/ div#fullTop { position: relative; margin-top:30px; width: 610px; height: 159px; background-image:url(/images/uploads/full_pic.jpg); background-position: right; background-repeat: no-repeat; margin-bottom: 23px; } div#fullTopText { position: absolute; left: 25px; top: 39px; width: 275px; font-size: 13px; line-height: 17px; color: #666; } div#fullTopText h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px; color: #666; font-weight: 400; margin-bottom: 6px; margin-top: 0px; } div#fullBtm { position: relative; width: 610px; height: 432px; font-size: 12px; line-height: 13px; color: #666; } div#fullBtm a:link, div#fullBtm a:visited { text-decoration: none; color: #233e99; } div#fullBtm a:hover { text-decoration: underline; color: #233e99; } img#fullBtmHdr { position: absolute; left: 25px; top: 1px; } ul#fullBtmListLeft { position: absolute; left: 24px; top: 35px; width: 245px; margin-left: 15px; padding-left: 0px; } ul#fullBtmListLeft li { margin-bottom: 7px; } ul#fullBtmListRight { position: absolute; left: 312px; top: 35px; width: 290px; margin-left: 15px; padding-left: 0px; } ul#fullBtmListRight li { margin-bottom: 7px; } /***************************** **** REPAIR A/C STYLES ***** *****************************/ div#acTop { position: relative; margin-top:-2em; width: 610px; height: 209px; background-image:url(/images/uploads/ac_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#acTop a:link, div#acTop a:visited { color: #203e98; text-decoration: none; } div#acTop a:hover { color: #203e98; text-decoration: underline; } div#acTop ul { color: #e81937; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type: square; } div#acTop ul li { margin-bottom: 2px; } div.acULHdr { font-size: 13px; line-height: 14px; color: #e81937; font-weight: 800; margin-top: 14px; margin-bottom: 6px; } img#acCurrentSpecials { position: absolute; right: 108px; top: 57px; z-index: 10; } img#acIcon { position: absolute; left: 3px; top: 19px; z-index: 10; } div#acTopText { position: absolute; left: 120px; top: 26px; width: 300px; z-index: 8; } div#acTopTextFlyout { position: absolute; left: 92px; top: 24px; background-image: url(/images/uploads/ac_flyout.png); background-position: top; background-repeat: no-repeat; width: 352px; height: 322px; z-index: 9; display: none; } div#acTopTextFlyoutText { position: absolute; left: 28px; top: 2px; width: 300px; } div#acBtm { position: relative; width: 608px; height: 834px; background-image:url(/images/uploads/ac_bg.png); background-repeat: no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#acBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:disc;} div#acBtm ul li { margin-bottom: 2px; } .acBtmListHdr { display: block; color: #e81937; font-size: 12px; line-height: 13px; font-weight: 800; margin-top: 4px; margin-bottom: 7px; } div#acBtm1 { position: absolute; left: 11px; top: 107px; width: 132px; } div#acBtm2 { position: absolute; left: 164px; top: 107px; width: 132px; } div#acBtm3 { position: absolute; left: 316px; top: 107px; width: 132px; } div#acBtm4 { position: absolute; left: 467px; top: 107px; width: 132px; } .importantNoteHdr { display: block; font-size: 11px; line-height: 12px; font-weight: 800; margin-top: 25px; margin-bottom: 6px; } .importantNote { font-size: 11px; line-height: 14px; color: #666; } div#footnote { position: relative; margin-top: 25px; margin-left: 11px; width: 595px; font-size: 11px; line-height: 15px; color: #666; } /***************************** **** REPAIR BATTERY STYLES *** *****************************/ div#batteryTop { position: relative; margin-top:-2em; width: 610px; height: 217px; background-image:url(/images/uploads/battery_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#batteryBtm { position: relative; width: 610px; height: 623px; background-image:url(/images/uploads/battery_bg.png); background-repeat: no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#batteryBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:disc;} div#batteryBtm ul li { margin-bottom: 6px; } div#threeCol1 { position: absolute; left: 12px; top: 111px; width: 180px; } div#threeCol2 { position: absolute; left: 215px; top: 111px; width: 180px; } div#threeCol3 { position: absolute; left: 418px; top: 111px; width: 180px; } /***************************** **** REPAIR HOSES STYLES *** *****************************/ div#beltsTop { position: relative; margin-top:-2em; width: 610px; height: 247px; background-image:url(/images/uploads/belts_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#beltsBtm { position: relative; width: 610px; height: 803px; background-image: url(/images/uploads/belts_bg.png); background-position: top; background-repeat:no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#beltsP1 { position: absolute; left: 11px; top: 80px; width: 287px; } div#beltsSerp { position: relative; float: right; margin-left: 5px; } div#beltsP2 { position: absolute; left: 11px; top: 456px; width: 280px; } div#beltsP3 { position: absolute; left: 316px; top: 80px; width: 275px; } div#beltsP4 { position: absolute; left: 316px; top: 456px; width: 275px; } img#wornbelt { position: absolute; left: 5px; bottom: 0px; } img#wornhoses { position: absolute; right: 4px; bottom: 0px; } img#serpPlus { position: absolute; left: 279px; top: 87px; height: 13px; } div#serpDiv { position: absolute; left: 13px; top: 110px; display: none; } img#timingPlus { position: absolute; left: 244px; top: 256px; } div#timingDiv { position: absolute; left: 13px; top: 288px; display: none; } img#ribbedPlus { position: absolute; left: 271px; top: 397px; } div#ribbedDiv { position: absolute; left: 13px; top: 286px; display: none; } img#vbeltPlus { position: absolute; left: 219px; top: 428px; } div#vbeltDiv { position: absolute; left: 13px; top: 318px; display: none; } img#returnPlus { position: absolute; left: 339px; top: 337px; } div#returnDiv { position: absolute; left: 315px; top: 221px; display: none; } img#lowerPlus { position: absolute; left: 412px; top: 399px; } div#lowerDiv { position: absolute; left: 315px; top: 142px; display: none; } /***************************** **** REPAIR BRAKES STYLES **** *****************************/ div#brakesTop { position: relative; width: 610px; height: 207px; background-image:url(/images/uploads/brakes_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#brakesBtm { position: relative; width: 610px; height: 498px; background-image: url(/images/uploads/brakes_bg.png); background-position: top; background-repeat:no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#brakesBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:disc;} div#brakesBtm ul li { margin-bottom: 2px; } .acBtmListHdr { display: block; color: #e81937; font-size: 12px; line-height: 13px; font-weight: 800; margin-top: 8px; margin-bottom: 7px; } div#brakesBtm1 { position: absolute; left: 12px; top: 92px; width: 130px; } div#brakesBtm2 { position: absolute; left: 165px; top: 92px; width: 130px; } div#brakesBtm3 { position: absolute; left: 316px; top: 92px; width: 130px; } div#brakesBtm4 { position: absolute; left: 469px; top: 92px; width: 130px; } .plusListHdr { display: block; color: #e81937; font-size: 12px; line-height: 13px; font-weight: 400; font-style: italic; margin-top: 18px; margin-bottom: 7px; } div#brakesPackageCompare { position: relative; width: 610px; height: 270px; background-image: url(/images/uploads/brakes_prostop_bg.png); z-index: 10; font-size: 12px; line-height: 15px; color: #666; } div#brakesPackageCompare h2 { font-size: 16px; line-height: 18px; color: #666; margin-top: 0px; margin-bottom: 16px; font-weight: 400; } div#brakesPackageCompare a:link, div#brakesPackageCompare a:visited { color: #203e98; text-decoration: none; } div#brakesPackageCompare a:hover { color: #203e98; text-decoration: underline; } div#brakesProStop { position: absolute; left: 12px; top: 64px; width: 180px; z-index: 10; } div#brakesPlatinum { position: absolute; left: 215px; top: 64px; width: 180px; z-index: 10; } div#brakesCeramic { position: absolute; left: 420px; top: 64px; width: 180px; z-index: 10; } div#platinumFlyout { position: absolute; left: 204px; top: 58px; background-image:url(/images/uploads/brakes_platinum_bg.png); background-color: #fff; background-position:bottom; background-repeat:no-repeat; width: 181px; padding: 6px 9px 0px 11px; display: none; z-index: 11; } div#ceramicFlyout { position: absolute; left: 409px; top: 58px; background-image:url(/images/uploads/brakes_ceramic_bg.png); background-color: #fff; background-position:bottom; background-repeat:no-repeat; width: 181px; padding: 6px 9px 0px 11px; display: none; z-index: 11; } div#brakesLabor { position: relative; width: 610px; height: 150px; background-image: url(/images/uploads/brakes_labor_bg.png); background-position: top; background-repeat: no-repeat; z-index: 8; } div#brakesLabor table { position: absolute; left: 5px; top: 74px; font-size: 11px; color: #666; width: 599px; } div#brakesLabor table tr.coloredRow { background-color: #e5e5e5; } div#brakesLabor table td.packageName { font-size: 12px; color: #e51937; padding: 4px 0px 4px 10px; } /***************************** **** REPAIR FLUIDS STYLES **** *****************************/ div#fluidsTop { position: relative; margin-top:-2em; width: 610px; height: 207px; background-image:url(/images/uploads/fluids_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#fluidsTop ul { color: #e81937; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type: square; } div#fluidsTop ul li { margin-bottom: 2px; } div#fluidsBtm { position: relative; width: 610px; height: 903px; background-image: url(/images/uploads/fluids_bg.png); background-position: top; background-repeat:no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#fluidsBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:disc;} div#fluidsBtm ul li { margin-bottom: 5px; } div#fluidsBtm1 { position: absolute; left: 11px; top: 192px; width: 132px; } div#fluidsBtm2 { position: absolute; left: 164px; top: 192px; width: 132px; } div#fluidsBtm3 { position: absolute; left: 316px; top: 192px; width: 132px; } div#fluidsBtm4 { position: absolute; left: 467px; top: 192px; width: 132px; } div.goldService { font-size: 11px; line-height: 13px; color: #666;} div.goldService h2 { font-size: 18px; line-height: 18px; color: #333; font-weight: 400; margin-top: 20px; margin-bottom: 4px; } div.goldService h3 { font-size: 11px; line-height: 11px; color: #e81937; font-style: italic; font-weight: 400; margin-top: 10px; margin-bottom: 7px; } /***************************** **** REPAIR SHOCKS STYLES **** *****************************/ div#shocksTop { position: relative; width: 610px; height: 217px; background-image:url(/images/uploads/shocks_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#shocksBtm { position: relative; width: 610px; height: 510px; background-image:url(/images/uploads/shocks_bg.png); background-repeat: no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#shocksBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; } div#shocksBtm ul li { margin-bottom: 6px; } div#shocksCol1 { position: absolute; left: 12px; top: 90px; width: 180px; } div#shocksCol2 { position: absolute; left: 215px; top: 140px; width: 180px; } div#shocksCol3 { position: absolute; left: 418px; top: 90px; width: 180px; } div#shocksCompare { position: relative; width: 610px; height: 585px; background-image:url(/images/uploads/shocks_compare_bg.png); background-position: top; background-repeat: no-repeat; font-size: 11px; line-height: 15px; color: #666; } div#shocksCompare h2 { font-size: 16px; line-height: 16px; color: #666; font-weight: 400; margin-top: 17px; margin-bottom: 4px; } div#shocksCompareCol1 { position: absolute; left: 12px; top: 70px; width: 280px; } div#shocksCompareCol2 { position: absolute; left: 319px; top: 70px; width: 280px; } /***************************** **** SPECIAL HOME STYLES ***** *****************************/ div#specialHomeTop { position: relative; width: 610px; height: 319px; margin-bottom: 25px; margin-top:30px; } div#specialLinks { position: absolute; right: 0px; top: 13px; width: 239px; } div#specialLinks2 { position: absolute; right: 0px; top: 147px; width: 239px; } /***************************** **** PREVENT HOME STYLES ***** *****************************/ img#preventLook { position: absolute; left: 27px; top: 151px; } /***************************** ** PREVENT SCHEDULE STYLES *** *****************************/ div#scheduleTop { position: relative; margin-top:10px; margin-left: 20px; margin-bottom: 12px; font-size: 11px; line-height: 14px; color: #666; width: 575px; } div#scheduleBtm { position: relative; margin-left: 5px; width: 605px; height: 856px; background-image:url(/images/uploads/schedule_bg.png); background-position: top; background-repeat: no-repeat; } div#scheduleBtmIntro { position: absolute; left: 27px; top: 26px; width: 546px; font-size: 11px; line-height: 14px; color: #666; } div#scheduleBtmIntro h4 { color: #e31937; font-weight: 800; margin-top: 0px; margin-bottom: 0px; } div#scheduleYearLinks { position: absolute; left: 106px; top: 77px; width: 346px; text-align: center; font-size: 11px; line-height: 12px; color: #666; } div#scheduleYearLinks a:link, div#scheduleYearLinks a:visited { text-decoration: none; color: #213f97; font-weight: 400; } div#scheduleYearLinks a:hover { text-decoration: underline; } div#scheduleYear1 { position: absolute; left: 33px; top: 122px; width: 480px; } div#scheduleYear2 { position: absolute; left: 53px; top: 285px; width: 480px; } div#scheduleYear3 { position: absolute; left: 73px; top: 468px; width: 480px; } div#scheduleYear4 { position: absolute; left: 93px; top: 630px; width: 480px; } a.schYearJump { position: relative; top: -25px; } div#scheduleBtm table.schHeader { position: absolute; left: 0px; top: 8px; text-align: center; font-size: 12px; line-height: 13px; font-weight: 800; color: #666; } div#scheduleBtm table.schHeader tr td.col1 { width: 105px; padding-left:6px; } div#scheduleBtm table.schHeader tr td.col2 { width: 125px; padding-left:6px; } div#scheduleBtm table.schHeader tr td.col3 { width: 113px; padding-left:6px;} div#scheduleBtm table.schHeader tr td.col4 { width: 133px; padding-left:6px;} div#scheduleBtm table.schContent { position: absolute; left: 17px; top: 45px; text-align: left; font-size: 11px; line-height: 15px; font-weight: 400; color: #666; } div#scheduleBtm table.schContent tr td { vertical-align: top; } div#scheduleBtm table.schContent tr td a:link, div#scheduleBtm table.schContent tr td a:visited { text-decoration: none; color: #213f97; font-weight: 800; line-height: 12px; } div#scheduleBtm table.schContent tr td a:hover { text-decoration: underline; color: #213f97; } div#scheduleBtm .schContent tr td.col1 { width: 90px; padding-left:3px; } div#scheduleBtm .schContent tr td.col2 { width: 140px; padding-left:5px; } div#scheduleBtm .schContent tr td.col3 { width: 92px; padding-left:3px;} div#scheduleBtm .schContent tr td.col4 { width: 120px; padding-left:5px;} div#scheduleCompareLink { position: absolute; left: 225px; top: 105px; font-size: 11px; line-height: 11px; } div#scheduleCompareLink a:link, div#scheduleCompareLink a:visited { text-decoration: none; color: #fff; } div#scheduleCompareLink a:hover { text-decoration: underline; color: #fff; } div.schPop { width: 307px; } div.schPopText { width: 261px; padding-left: 23px; padding-right: 23px; padding-bottom: 10px; background-image: url(/images/uploads/sch_pop_mid.png); background-position:top; background-repeat: repeat-y; font-size: 12px; line-height: 16px; color: #666; } div.schPopText ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 6px; list-style-type:disc;} div.schPopText ul li { margin-bottom: 2px; } img.schPopHdr { display: block; margin-bottom: 12px; } div.schPopText h6 { margin-top: 15px; margin-bottom: -5px; color: #e31937; font-size: 11px; font-style: italic; font-weight: 400; } div.schPopBtm { display: block; position: relative; width: 307px; height: 112px; padding-top: 20px; text-align: center; background-image:url(/images/uploads/sch_pop_btm.png); font-size: 12px; line-height: 14px; color: #666; } div.schPopBtm h6 { color: #e31937; font-size: 12px; font-weight: 800; margin-top: 10px; margin-bottom: 4px; } div.schPopBtm h1 { color: #e31937; font-size: 22px; font-weight: 400; margin-top: 0px; margin-bottom: 12px; } div.schPopBtm a:link, div.schPopBtm a:visited { color: #213f97; text-decoration: underline; } div.schPopBtm a:hover { color: #213f97; text-decoration: none; } div.schPopClose { position: absolute; right: 12px; top: 10px; font-size: 11px; line-height: 12px; color: #666; } div.schPopClose a:link, div.schPopClose a:visited { text-decoration: none; color: #666; font-weight: 400; } div.schPopClose a:hover { text-decoration: underline; color: #666; } div#schPopBasic { position: absolute; left: 59px; top: 160px; display: none; } div#schPopBasicYear2 { position: absolute; left: 59px; top: 323px; display: none; } div#schPopBasicYear3 { position: absolute; left: 59px; top: 510px; display: none; } div#schPopBasicYear4 { position: absolute; left: 59px; top: 671px; display: none; } div#schPopBronze { position: absolute; left: 220px; top: 160px; display: none; } div#schPopBronzeYear3 { position: absolute; left: 220px; top: 510px; display: none; } div#schPopSilver { position: absolute; left: 243px; top: 323px; display: none; } div#schPopGold { position: absolute; left: 266px; top: 671px; display: none; } /***************************** ** PREVENT OIL STYLES *** *****************************/ div#oilTop { position: relative; width: 610px; height: 247px; background-image:url(/images/uploads/oil_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } img#oilCurrentSpecials { position: absolute; right: 108px; top: 130px; z-index: 10; } div.oilTakeAction { color: #e81937;margin-top: -2px; margin-bottom: 6px; } div#oilBtm { position: relative; width: 610px; height: 670px; background-image:url(/images/uploads/oil_bg.png); background-repeat: no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#oilBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:disc; } div#oilBtm ul li { margin-bottom: 2px; } img#oilSaveNow { position: absolute; left: 513px; top: 271px; } div#oilBtm1 { position: absolute; left: 14px; top: 128px; width: 280px; } div#oilBtm2 { position: absolute; left: 316px; top: 91px; width: 285px; } div#oilBtm3 { position: absolute; left: 13px; top: 431px; width: 130px; } div#oilBtm4 { position: absolute; left: 216px; top: 431px; width: 130px; } div#oilBtm5 { position: absolute; left: 422px; top: 431px; width: 125px; } div#oilBtm h2 { font-size: 16px; line-height: 18px; color: #666; margin-top: 0px; margin-bottom: 16px; font-weight: 400; } div#oilPennz { position: absolute; left: 116px; top: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px; color: #4c4c4c; } div#oilPremiumBrands { position: absolute; left: 2px; top: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 17px; color: #4c4c4c; } div#oilBtm { height: 685px; } div#oilBtm3 { top: 460px; } div#oilBtm4 { top: 460px; } div#oilBtm5 { top: 460px; } /***************************** **** PREVENT FUEL STYLES **** *****************************/ div#fuelTop { position: relative; width: 610px; height: 207px; background-image:url(/images/uploads/fuel_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#fuelTop ul { color: #e81937; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type: square; } div#fuelTop ul li { margin-bottom: 2px; } div#fuelBtm { position: relative; width: 610px; height: 597px; background-image: url(/images/uploads/fuel_bg.png); background-position: top; background-repeat:no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#fuelBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:disc;} div#fuelBtm ul li { margin-bottom: 5px; } img#fuelSaveNow { position: absolute; left: 513px; top: 389px; } div#fuelBtm1 { position: absolute; left: 11px; top: 192px; width: 132px; } div#fuelBtm2 { position: absolute; left: 164px; top: 192px; width: 132px; } div#fuelBtm3 { position: absolute; left: 316px; top: 192px; width: 132px; } div#fuelBtm4 { position: absolute; left: 467px; top: 192px; width: 132px; } /***************************** **** PREVENT OESM STYLES **** *****************************/ div#oesmTop { position: relative; width: 610px; height: 207px; background-image:url(/images/uploads/oesm_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } img#oesmCurrentSpecials { position: absolute; right: 100px; top: 95px; z-index: 10; } div.oesmULHdr { font-size: 13px; line-height: 14px; color: #666; font-weight: 800; margin-top: 14px; margin-bottom: 6px; } div#oesmTop ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type: square; } div#oesmTop ul li { margin-bottom: 2px; } div#oesmBtm { position: relative; width: 610px; height: 686px; background-image: url(/images/uploads/oesm_bg.png); background-position: top; background-repeat:no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#oesmBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:disc;} div#oesmBtm ul li { margin-bottom: 5px; } div#oesmBtm ul.noBullets { list-style-type: none; margin-left: 0px; } div#oesmBtm1 { position: absolute; left: 11px; top: 172px; width: 132px; } div#oesmBtm2 { position: absolute; left: 164px; top: 172px; width: 132px; } div#oesmBtm3 { position: absolute; left: 316px; top: 172px; width: 132px; } div#oesmBtm4 { position: absolute; left: 467px; top: 172px; width: 132px; } .oesmPlusListHdr { display: block; color: #e81937; font-size: 11px; line-height: 12px; font-weight: 400; font-style: italic; margin-top: 18px; margin-bottom: 7px; } .oesmAndListHdr { display: block; color: #e81937; font-size: 11px; line-height: 12px; font-weight: 400; font-style: italic; margin-top: 18px; margin-bottom: 2px; } div#oesmFootnote { position: relative; margin-top: 0px; margin-left: 11px; width: 595px; font-size: 11px; line-height: 15px; color: #666; } img#oesmSaveNow { position: absolute; right: 22px; bottom: -1px; } /***************************** **** PREVENT GAS STYLES **** *****************************/ div#gasTop { position: relative; margin-top:30px; width: 585px; height: 104px; } div#gasLogo { position: absolute; left: -3px; top: 0px; } div#gasTopText { position: absolute; left: 126px; top: 24px; width: 452px; font-size: 11px; line-height: 14px; color: #666; } div#gasBtm { position: relative; width: 600px; height: 287px; margin-left: 4px; background-image:url(/images/uploads/gas_bg.png); background-position: top; background-repeat: no-repeat; } table#gasTable { position: absolute; left: 20px; top: 53px; text-align: left; font-size: 11px; line-height: 14px; font-weight: 400; color: #666; } table#gasTable tr td { vertical-align: top; } table#gasTable tr td a:link, table#gasTable tr td a:visited { text-decoration: none; color: #213f97; line-height: 12px; } table#gasTable tr td a:hover { text-decoration: underline; color: #213f97; } table#gasTable tr td.col1 { width: 140px; font-weight: 800; padding-top: 3px; height: 57px; } table#gasTable tr td.col2 { width: 157px; padding-top: 3px; height: 57px; } table#gasTable tr td.col3 { width: 180px; font-size: 12px; padding-top: 3px; height: 57px; } table#gasTable tr td.col4 { width: 90px; font-size: 12px; color: #e81937; font-weight: 800; text-align:center; height: 60px; } div.gasPrice { display: block; font-size: 20px; line-height: 20px; } div.gasViewMore { display: block; font-size: 11px; margin-top: 1px; font-weight: 400; } /***************************** **** TIRES HOME STYLES **** *****************************/ div#tiresLinks { position: absolute; right: -3px; top: -3px; width: 268px; } /***************************** *** TIRES ALIGNMENT STYLES *** *****************************/ div#alignmentTop { position: relative; margin-top:-2em; width: 610px; height: 237px; background-image:url(/images/uploads/alignment_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#alignmentTop ul {list-style-type:square} img#alignmentCurrentSpecials { position: absolute; right: 108px; top: 95px; z-index: 10; } div#alignmentBtm { position: relative; width: 610px; height: 764px; background-image:url(/images/uploads/alignment_bg.png); background-repeat: no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#alignmentBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; } div#alignmentBtm ul li { margin-bottom: 6px; } div#alignmentBtm1 { position: absolute; left: 13px; top: 85px; width: 275px; } div#alignmentBtm1 ul { list-style-type:circle} div#alignmentBtm2 { position: absolute; left: 12px; top: 426px; width: 260px; } div#alignmentBtm2 h2 { font-size: 16px; line-height: 16px; color: #666; font-weight: 400; margin-top: 0px; margin-bottom: 4px; } div#alignmentBlue { color: #233e99; font-size: 12px; line-height: 15px; font-weight: 800; margin-top: 0px; margin-bottom: 0px; } div#alignmentRed { color: #e31937; font-size: 12px; line-height: 15px; font-weight: 800; margin-top: 0px; margin-bottom: 10px; } div#alignmentBtm2 ul { margin-top: 5px; } div#alignmentBtm2 h3 { font-size: 16px; line-height: 16px; color: #666; font-weight: 400; margin-top: 0px; margin-bottom: 10px; } div#alignmentBtm3 { position: absolute; left: 321px; top: 430px; width: 260px; } div#alignmentBtm3 h2 { font-size: 16px; line-height: 16px; color: #666; font-weight: 400; margin-top: 0px; margin-bottom: 10px; } div.alignmentCause { width: 62px; font-size: 10px; line-height: 11px; } div.alignmentCause a:link, div.alignmentCause a:visited { text-decoration: none; color: #203e98; } div.alignmentCause a:hover { text-decoration: underline; color: #203e98; } img.plusSmall { margin-top: -2px; } div#alignmentCauses1 { position: absolute; left: 317px; top: 247px; } div#alignmentCauses2 { position: absolute; left: 385px; top: 247px; } div#alignmentCauses3 { position: absolute; left: 453px; top: 247px; } div#alignmentCauses4 { position: absolute; left: 521px; top: 247px; } img#alignmentSaveNow { position: absolute; left: 515px; top: 297px; } div#featheringDiv { position: absolute; left: 305px; top: 290px; display: none; } div#featheringDiv ul {list-style-type : disc;} div#cuppingDiv { position: absolute; left: 305px; top: 290px; display: none; } div#cuppingDiv ul {list-style-type : disc;} div#oneEdgeDiv { position: absolute; left: 305px; top: 290px; display: none; } div#oneEdgeDiv ul {list-style-type : disc;} div#twoEdgesDiv { position: absolute; left: 305px; top: 290px; display: none; } div#twoEdgesDiv ul {list-style-type : disc;} /***************************** *** TIRES INSTALL STYLES *** *****************************/ div#installTop { position: relative; margin-top:-2em; width: 610px; height: 239px; background-image:url(/images/uploads/install_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 3px; z-index: 8; } div#installTop ul {list-style-type:square} img#installCurrentSpecials { position: absolute; right: 108px; top: 55px; z-index: 10; } div#installBtm { position: relative; width: 610px; height: 791px; background-image:url(/images/uploads/install_bg.png); background-repeat: no-repeat; font-size: 12px; line-height: 15px; color: #666; z-index: 7; } div#installBtm ul { color: #666; font-size: 11px; line-height: 12px; padding-left: 0px; margin-left: 15px; margin-top: 0px; list-style-type:circle;} div#installBtm ul li { margin-bottom: 6px; } div#installBtm1 { position: absolute; left: 13px; top: 67px; width: 180px; } div#installBtm2 { position: absolute; left: 232px; top: 105px; width: 365px; font-size: 11px; line-height: 15px; color: #666; } div#installBtm2 h2 { font-size: 12px; line-height: 13px; text-transform: uppercase; font-weight: 800; margin-top: 15px; margin-bottom: 5px; } div#installBtm2 ul { margin-top: 5px; } div#installBtm3 { position: absolute; left: 13px; top: 457px; width: 260px; } div#installBtm3 h2 { font-size: 16px; line-height: 16px; color: #666; font-weight: 400; margin-top: 0px; margin-bottom: 4px; } div#installBlue { color: #233e99; font-size: 12px; line-height: 15px; font-weight: 800; margin-top: 0px; margin-bottom: 0px; } div#installRed { color: #e31937; font-size: 12px; line-height: 15px; font-weight: 800; margin-top: 0px; margin-bottom: 10px; } div#installBtm3 ul { margin-top: 5px; } div#installBtm3 h3 { font-size: 16px; line-height: 16px; color: #666; font-weight: 400; margin-top: 0px; margin-bottom: 10px; } div#installBtm4 { position: absolute; left: 321px; top: 464px; width: 265px; } div#installBtm4 h2 { font-size: 16px; line-height: 16px; color: #666; font-weight: 400; margin-top: 0px; margin-bottom: 10px; } img#installSaveNow { position: absolute; left: 63px; top: 302px; } /***************************** *** TIRES PUNCTURE STYLES *** *****************************/ div#punctureTop { position: relative; margin-top:-2em; width: 610px; height: 181px; background-image:url(/images/uploads/puncture_pic.jpg); background-position: right; background-repeat: no-repeat; font-size: 11px; line-height: 14px; color: #666; margin-bottom: 0px; z-index: 8; } div#punctureTopText { position: absolute; left: 133px; top: 48px; width: 192px; } img#punctureIcon { position: absolute; left: 3px; top: 38px; } div#punctureBtm { position: relative; width: 610px; height: 463px; background-image:url(/images/uploads/puncture_bg.png); background-repeat: no-repeat; z-index: 7; } div#punctureBtm1 { position: absolute; left: 26px; top: 138px; width: 440px; font-size: 12px; line-height: 15px; color: #666; } div#punctureBtm2 { position: absolute; left: 26px; top: 210px; width: 380px; font-size: 14px; line-height: 17px; color: #666; } div#punctureBtm3 { position: absolute; left: 26px; top: 320px; width: 260px; font-size: 11px; line-height: 15px; color: #666; } img#punctureCTA { position: absolute; left: 188px; top: 233px; } div#punctureBtm3 ul {list-style-type:circle} /***************************** **** SPECIAL HOME STYLES ***** *****************************/ div#specialHomeTop { position: relative; width: 610px; height: 319px; margin-bottom: 25px; } div#specialLinks { position: absolute; right: 0px; top: 13px; width: 239px; } div#specialLinks2 { position: absolute; right: 0px; top: 147px; width: 239px; } div#specialTopShort { position: relative; display: block; margin-top: 0px; margin-bottom: 0px; width: 610px; height: 121px; background-image:url(/images/uploads/special_top_short.png); } div#specialTopTall { position: relative; display: block; margin-top: 0px; margin-bottom: 0px; width: 610px; height: 141px; background-image:url(/images/uploads/special_top_tall.png); } div#specialTopShortText { position: absolute; left: 27px; top: 27px; width: 365px; font-size: 12px; line-height: 15px; color: #e5e5e5; } div#specialTopShortList { position: absolute; left: 422px; top: 38px; width: 183px; font-size: 11px; line-height: 12px; color: #fff; } div#specialTopShortList ul { margin-top: 3px; margin-left: 0px; padding-left: 15px; } div#specialTopShortList ul li { margin-bottom: 3px; } div#specialBanner5percent { position: relative; display: block; margin-top: 0px; margin-bottom: 0px; width: 610px; height: 83px; background-image: url(/images/uploads/special_banner_5percent.png); z-index: 9; } div#specialBanner5percentLink { position: absolute; left: 392px; top: 56px; font-size: 11px; line-height: 12px; } div#specialBanner5percentLink a:link, div#specialBanner5percentLink a:visited { color: #8da7ff; text-decoration: underline; } div#specialBanner5percentLink a:hover { color: #8da7ff; text-decoration: none; } div#specialList { position: absolute; right: 0px; top: 4px; } div#specialList img { display: block; margin-bottom: 3px; } div.rollover2 { position: relative; font-size: 11px; line-height: 15px; color: #333; width: 335px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; background-image: url(/images/uploads/rollover2_bg.png); } div.rollover2 h2 { font-size: 14px; color: #666; margin-bottom: 15px; margin-top: 0px; } div.rollover2 h3 { font-size: 12px; color: #e31937; margin-bottom: 2px; margin-top: 0px; } div.rollover2 h5 { font-size: 12px; color: #333; margin-bottom: 0px; margin-top: 0px; } div.rollover2 h6 { font-size: 12px; color: #333; margin-bottom: 0px; margin-top: 12px; } div.rollover2 ul { font-size: 11px; line-height: 13px; margin-left: 10px; margin-top: 10px; padding-left: 0px; padding-top: 0px; } div.rollover2 ul li { margin-bottom: 3px; margin-left: 0px; } img.rollover2Hdr { display: block; margin-bottom: 10px; } span.rollover2andMore { font-size: 11px; line-height: 13px; } /***************************** *** SPECIAL AUDIO STYLES ***** *****************************/ div#audioBox { position: relative; display: block; width: 610px; height: 317px; background-image: url(/images/uploads/audio_pic.jpg); z-index: 10;} div#audioSpeakers { position: absolute; right: 207px; top: -51px; display: none; z-index: 10; } div#audioSubwoofers { position: absolute; right: 207px; top: -18px; display: none; z-index: 10; } div#audioAmplifiers { position: absolute; right: 207px; top: -18px; display: none; z-index: 10; } div#audioCDPlayers { position: absolute; right: 207px; top: 97px; display: none; z-index: 10; } div#audioSatellite { position: absolute; right: 207px; top: 89px; display: none; z-index: 10; } /***************************** * SPECIAL ELECTRONICS STYLES * *****************************/ div#electronicsBox { position: relative; display: block; width: 610px; height: 317px; background-image: url(/images/uploads/electronics_pic.jpg); z-index: 10;} div#electronicsVideo { position: absolute; right: 207px; top: -51px; display: none; z-index: 10; } div#electronicsCameras { position: absolute; right: 207px; top: 6px; display: none; z-index: 10; } div#electronicsNavigation { position: absolute; right: 207px; top: 25px; display: none; z-index: 10; } div#electronicsGPS { position: absolute; right: 207px; top: 111px; display: none; z-index: 10; } div#electronicsAlarms { position: absolute; right: 207px; top: 62px; display: none; z-index: 10; } /***************************** * SPECIAL SUSPENSION STYLES * *****************************/ div#suspensionTopShortText { position: absolute; left: 27px; top: 42px; width: 365px; font-size: 12px; line-height: 15px; color: #e5e5e5; } div#suspensionBox { position: relative; display: block; width: 610px; height: 317px; background-image: url(/images/uploads/suspension_pic.jpg); z-index: 10;} div#suspensionLifting { position: absolute; right: 207px; top: -18px; display: none; z-index: 10; } div#suspensionLowering { position: absolute; right: 207px; top: 31px; display: none; z-index: 10; } div#suspensionLeveling { position: absolute; right: 207px; top: 59px; display: none; z-index: 10; } /***************************** * SPECIAL EXHAUST STYLES **** *****************************/ div#exhaustTopShortText { position: absolute; left: 27px; top: 42px; width: 365px; font-size: 12px; line-height: 15px; color: #e5e5e5; } div#exhaustBox { position: relative; display: block; width: 610px; height: 317px; background-image: url(/images/uploads/exhaust_pic.jpg); z-index: 10;} div#exhaustHeaders { position: absolute; right: 207px; top: -33px; display: none; z-index: 10; } div#exhaustMufflers { position: absolute; right: 207px; top: 15px; display: none; z-index: 10; } /***************************** *** SPECIAL ENGINE STYLES **** *****************************/ div#engineTopShortText { position: absolute; left: 27px; top: 44px; width: 365px; font-size: 12px; line-height: 15px; color: #e5e5e5; } div#engineBox { position: relative; display: block; width: 610px; height: 355px; background-image: url(/images/uploads/engine_pic.jpg); z-index: 10;} div#engineIntake { position: absolute; right: 207px; top: -28px; display: none; z-index: 10; } div#engineCarburators { position: absolute; right: 207px; top: 22px; display: none; z-index: 10; } div#engineManifolds { position: absolute; right: 207px; top: 69px; display: none; z-index: 10; } div#engineHeads { position: absolute; right: 207px; top: 155px; display: none; z-index: 10; } div#engineIgnition { position: absolute; right: 207px; top: 46px; display: none; z-index: 10; } div#engineDistributors { position: absolute; right: 207px; top: 89px; display: none; z-index: 10; } /******************************** *** SPECIAL - FILTERS STYLES **** ********************************/ div#filterTopLinks { position: relative; margin-left: 20px; margin-bottom: 8px; font-size: 11px; line-height: 14px; color: #666; } div#filterTopLinks a:link, div#filterTopLinks a:visited { text-decoration: none; color: #213f97; } div#filterTopLinks a:hover { text-decoration: underline; color: #213f97; } div#filterTop { position: relative; width: 605px; height: 558px; } div#filterTopText { position: absolute; left: 231px; top: 30px; width: 335px; font-size: 11px; line-height: 14px; color: #666; z-index: 9; } img#filterTopCar { position: relative; z-index: 7; } img#filterCarBlank { position: absolute; left: 0px; top: 0px; z-index: 10; } img#filterGas { position: absolute; right: 30px; top: -45px; z-index: 11; } div#filterList { position: absolute; left: 33px; top: 25px; width: 177px; z-index: 10; } div#filterList img { display: block; } img#filterColorAir { position: absolute; left: 456px; top: 301px; z-index: 6; } img#filterColorOil { position: absolute; left: 245px; top: 355px; z-index: 6; } img#filterColorFuel { position: absolute; left: 110px; top: 280px; z-index: 6; } img#filterColorCabin { position: absolute; left: 397px; top: 98px; z-index: 6; } img#filterColorPCV { position: absolute; left: 387px; top: 314px; z-index: 6; } img#filterColorBreather { position: absolute; left: 461px; top: 188px; z-index: 6; } img#filterLineAir { position: absolute; left: 205px; top: 48px; z-index: 6; } img#filterLineOil { position: absolute; left: 205px; top: 98px; z-index: 6; } img#filterLineFuel { position: absolute; left: 205px; top: 148px; z-index: 6; } img#filterLineCabin { position: absolute; left: 205px; top: 198px; z-index: 6; } img#filterLinePCV { position: absolute; left: 205px; top: 246px; z-index: 6; } img#filterLineBreather { position: absolute; left: 205px; top: 290px; z-index: 6; } div.filterPop { position: absolute; left: 290px; top: 160px; width: 308px; height: 182px; font-size: 11px; line-height: 14px; color: #666; z-index: 6; } div.diagnosisPop { position: absolute; left: 290px; top: 83px; width: 305px; height: 201px; font-size: 11px; line-height: 14px; color: #666; z-index: 6; } div.filterPopText { position: absolute; left: 22px; top: 15px; width: 272px; z-index: 8; } div.diagnosisPopText { position: absolute; left: 22px; top: 15px; width: 268px; z-index: 8; } img.filterPopHdr { display: block; margin-top: 0px; margin-bottom: 9px; } img.diagnosisPopHdr { display: block; margin-top: 0px; margin-bottom: 4px; } div.filterPop h2 { color: #213f97; font-size: 11px; font-weight: 800; margin-top: 0px; margin-bottom: 0px; } div.filterPop h3 { color: #e31937; font-size: 11px; font-weight: 800; margin-top: 0px; margin-bottom: 3px; } div.diagnosisPop h4 { color: #e31937; font-size: 11px; font-weight: 800; margin-top: 0px; margin-bottom: 0px; } div.filterFootnote { font-size: 10px; color: #666; } div.filterClose { position: absolute; right: 20px; top: 16px; font-size: 10px; line-height: 11px; z-index: 9; } div.filterClose a:link, div.filterClose a:visited { color: #666; text-decoration: none; } div.filterClose a:hover { color: #666; text-decoration: underline; } /******************************** *** SPECIAL - FILTERS STYLES **** ********************************/ div#diagnosisTopExplain { position: relative; margin-left: 20px; margin-bottom: 8px; font-size: 11px; line-height: 14px; color: #666; } div#diagnosisTopExplain a:link, div#diagnosisTopExplain a:visited { text-decoration: none; color: #213f97; } div#diagnosisTopExplain a:hover { text-decoration: underline; color: #213f97; } div#diagnosisTopExplainSymptoms { position: relative; margin-left: 20px; margin-bottom: 8px; font-size: 11px; line-height: 14px; color: #666; display: none; } div#diagnosisTopExplainSymptoms a:link, div#diagnosisTopExplainSymptoms a:visited { text-decoration: none; color: #213f97; } div#diagnosisTopExplainSymptoms a:hover { text-decoration: underline; color: #213f97; } div#diagnosisTop { position: relative; width: 605px; height: 558px; } img#diagnosisTopBG { position: relative; z-index: 7; } div#diagnosisIllustration { display: block; } div#diagnosisList { position: absolute; left: 18px; top: 83px; width: 238px; z-index: 10; } div#diagnosisList img { display: block; } img#illustrationTab { position: absolute; left: 0px; top: 0px; z-index: 7; } img#symptomsTab { position: absolute; right: 0px; top: 0px; z-index: 8; } div#diagnosisSymptoms { position: absolute; left: 0px; top: 0px; width: 602px; width: 556px; z-index: 4; } img#diagnosisSymptomsBG{ position: absolute; left: 0px; top: 0px; display: block; z-index: 3; } div#diagnosisSymptomsText { position: absolute; left: 26px; top: 97px; width: 530px; font-size: 12px; line-height: 15px; color: #666; z-index: 4; } div.diagnosisSymptomsList { font-size: 11px; line-height: 13px; color: #666; } div.diagnosisSymptomsList ul { padding-left: 15px; margin-top: 0px; list-style-type:disc; } div.diagnosisSymptomsList ul li { margin-bottom: 5px; } div.diagnosisSymptomsList a:link, div.diagnosisSymptomsList a:visited { color: #233e99; text-decoration: none; } div.diagnosisSymptomsList a:hover { color: #233e99; text-decoration: underline; } div#diagSymList1 { position: absolute; left: 26px; top: 143px; width: 175px; z-index: 4; } div#diagSymList2 { position: absolute; left: 220px; top: 143px; width: 162px; z-index: 4; } div#diagSymList3 { position: absolute; left: 410px; top: 143px; width: 160px; z-index: 4; } img#diagnosisColorAC { position: absolute; left: 364px; top: 276px; z-index: 6; } img#diagnosisColorEngine { position: absolute; left: 366px; top: 277px; z-index: 6; } img#diagnosisColorBattery { position: absolute; left: 473px; top: 292px; z-index: 6; } img#diagnosisColorCooling { position: absolute; left: 354px; top: 311px; z-index: 6; } img#diagnosisColorFluid { position: absolute; left: 348px; top: 280px; z-index: 6; } img#diagnosisColorBrake { position: absolute; left: 354px; top: 387px; z-index: 6; } img#diagnosisColorSteering { position: absolute; left: 374px; top: 226px; z-index: 6; } img#diagnosisColorElectrical { position: absolute; left: 415px; top: 279px; z-index: 6; } img#diagnosisLineAC { position: absolute; left: 250px; top: 110px; z-index: 6; } img#diagnosisLineEngine { position: absolute; left: 250px; top: 160px; z-index: 6; } img#diagnosisLineBattery { position: absolute; left: 250px; top: 210px; z-index: 6; } img#diagnosisLineCooling { position: absolute; left: 250px; top: 260px; z-index: 6; } img#diagnosisLineFluid { position: absolute; left: 250px; top: 311px; z-index: 6; } img#diagnosisLineBrake { position: absolute; left: 250px; top: 362px; z-index: 6; } img#diagnosisLineSteering { position: absolute; left: 250px; top: 268px; z-index: 6; } img#diagnosisLineElectrical { position: absolute; left: 250px; top: 318px; z-index: 6; } div.sympPop { position: absolute; left: 100px; top: 100px; z-index: 2; } div.sympClose { top: -5px; } div.rolloverSymp { position: relative; top: -10px; margin-bottom: -10px; font-size: 11px; line-height: 15px; color: #333; width: 335px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; background-image: url(/images/uploads/rollover2_bg.png); } div.rolloverSymp h4 { font-size: 11px; color: #e31937; margin-bottom: 1px; margin-top: 10px; } div.rolloverSymp ul { font-size: 11px; line-height: 13px; margin-left: 10px; margin-top: 10px; padding-left: 0px; padding-top: 0px; } div.rolloverSymp ul li { margin-bottom: 3px; margin-left: 0px; } img.rolloverSympHdr { display: block; margin-bottom: 0px; } #currentStorePhone {font-size:14px; color: #e31937; margin-bottom: 1px;} /******************************************** ESERVE SIDEBAR STYLES ********************************************/ div#sidebarEserveContainer { position: relative; width: 260px; margin-bottom: 18px; } div#sidebarEserveContainer img { display: block; } div#sidebarEserveTop { width: 224px; padding-left: 36px; padding-bottom: 5px; background-color: #233e99; } div#sidebarEserveTopSelectMarkets { width: 185px; margin-top: 5px; font-size: 11px; line-height: 14px; color: #fff; text-align: center; } div.sidebarEserveAppointContainer { width: 260px; background-image:url(/images/eserve/sidebar_eserve_bg.png); } div.sidebarEserveAppointTop { position: relative; width: 229px; padding: 7px 0px 9px 31px; font-size: 12px; line-height: 13px; } div.sidebarEserveAppointTop span.sidebarEserveAppointDate { font-weight: 800; color: #e31937; } div.sidebarEserveAppointClose { position: absolute; right: 17px; top: 8px; font-size: 11px; line-height: 11px; display: block; } div.sidebarEserveAppointOpen { position: absolute; right: 17px; top: 8px; font-size: 11px; line-height: 11px; display: none; } div.sidebarEserveAppointHr { position: relative; margin-left: 31px; margin-bottom: 10px; width: 214px; height: 1px; overflow: hidden; background-color: #bbb; } div.sidebarEserveAppointLinksBox { position: relative; margin-left: 24px; margin-bottom: 14px; width: 218px; height: 25px; color: #bbb; } div.sidebarEserveAppointViewLink { position: absolute; left: 0px; top: 0px; width: 31px; height: 25px; border-right: 1px solid #bbb; } div.sidebarEserveAppointPrintLink { position: absolute; left: 32px; top: 0px; width: 68px; height: 25px; text-align: center; border-right: 1px solid #bbb; } div.sidebarEserveAppointEditLink { position: absolute; left: 101px; top: 0px; width: 73px; height: 25px; text-align: center; border-right: 1px solid #bbb; } div.sidebarEserveAppointCancelLink { position: absolute; right: 0px; top: 0px; } div.sidebarEserveRow { position: relative; clear: both; padding-top: 2px; width: 245px; font-size: 11px; line-height: 11px; } div.sidebarEserveRowPadding { padding-top: 8px; } div.sidebarEserveRow div.sidebarEserveRowLabel { position: relative; float: left; color: #666; width: 79px; text-align: right; padding-top: 1px; } div.sidebarEserveRow div.sidebarEserveRowData { position: relative; float: right; color: #666; font-weight: 800; width: 155px; text-align: left; padding-top: 1px; } div.sidebarEserveRowData a:link, div.sidebarEserveRowData a:visited, div.sidebarEserveRowData a:hover { font-weight: 400; } div.sidebarEserveRowDataUppers { text-transform: uppercase; } div.sidebarEserveRowDataIndent { margin-left: 8px; font-weight: 400; } div.sidebarEserveRowClearPadding { padding-bottom: 12px; } div.sidebarEserveForgotContentStore { position: relative; padding-left: 31px; width: 240px; padding-right: 27px; font-size: 12px; line-height: 15px; } div#sidebarEserveTrackBoxContainer { width: 260px; background-image:url(/images/eserve/sidebar_eserve_bg.png); } div#sidebarEserveTrackBoxText { padding: 8px 0px 10px 28px; width: 195px; font-size: 11px; line-height: 15px; } div#sidebarEserveTrackBoxText div#sidebarEserveTrackBoxTextHdr { font-size: 12px; line-height: 12px; font-weight: 800; margin-bottom: 5px; } div#sidebarEserveTrackBox { position: relative; width: 220px; height: 85px; } div#sidebarEserveTrackBoxLabel { position: absolute; left: 29px; top: 5px; font-size: 12px; line-height: 13px; } input.sidebarEserveTrackBoxField { position: absolute; left: 93px; top: 0px; width: 108px; padding-left: 5px; padding-right: 5px; height: 16px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #9c9c9c; } img#sidebarEserveTrackBoxBtn { position: absolute; left: 122px; top: 27px; } div#sidebarEserveTrackBoxForgot { position: absolute; right: 9px; top: 58px; font-size: 11px; } div#carCareCornerContent { position: relative; width: 224px; margin-left: 21px; margin-top: 8px; margin-bottom: 8px; font-size: 11px; line-height: 13px; color: #515151; } div#carCareCornerContent h1 { font-size: 12px; line-height: 12px; font-weight: bold; margin-bottom: 5px; } img#hdrCarCareCorner { display: block; margin-bottom: 10px; } ul#carCareCornerList { margin-left: 17px; margin-top: 10px; font-size: 11px; text-transform: uppercase; font-weight: 800; list-style: disc; } ul#carCareCornerList li { margin-bottom: 3px; } /* pop300, generic reusable pop (needs to be customized via id or additional classes) */ div.pop300 { position: relative; width: 300px; background-image:url(/images/glovebox/pop300_bg.png); background-repeat: repeat-y; z-index: 100; } img.pop300top { position: absolute; left: 0px; top: -26px; } img.pop300btm { position: absolute; left: 0px; bottom: -22px; }