/* -- Cached as russdarrowwauwatosa.com-folder=cssprint.css on -- 2010-08-18 10:20:40 */ /* -------------------------- carbuilder.css -------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ~carbuilder Print -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body#carbuilder #cb-searchBox, #advancedSearch { display: none; } body#carbuilder .carbuilder_step2 .printMessage, body#carbuilder .carbuilder_step3 .printMessage, body#carbuilder .carbuilder_step4 .printMessage, body#carbuilder .carbuilder_step6 .printMessage { display: none; } body#carbuilder .carbuilder_step1 .printMessage, body#carbuilder .carbuilder_step5 .printMessage { display: block; padding-left: 15px; padding-bottom: 15px; } .negative { color: #000000; } .normal { border-top: 1px solid #666666; border-bottom: 1px solid #FFFFFF; } .alt { background-color: #f5f5f5; border-top: 1px solid #666666; border-bottom: 1px solid #FFFFFF; } div#steps { position: relative; height: 32px; color: #FFFFFF; background-color: #000000; text-align: right; padding: 10px; border: 1px solid #666666; margin: 0px 0px 15px 0px; } div#steps h1 { text-align: right; } div.stepNumber { position: absolute; top: 3px; width: 40px; height: 41px; } #stepStartOver { display: none; } #step1 { background-image: url('images/carbuilder/1complete.png'); left: 0px; z-index: 60; } #step1off { background-image: url('images/carbuilder/1off.png'); left: 0px; z-index: 60; } #step1on { background-image: url('images/carbuilder/1on.png'); left: 0px; z-index: 60; } #step2 { background-image: url('images/carbuilder/2complete.png'); left: 37px; z-index: 50; } #step2off { background-image: url('images/carbuilder/2off.png'); left: 37px; background-repeat: no-repeat; z-index: 50; } #step2on { background-image: url('images/carbuilder/2on.png'); left: 37px; z-index: 50; } #step3 { background-image: url('images/carbuilder/3complete.png'); left: 74px; z-index: 40; } #step3off { background-image: url('images/carbuilder/3off.png'); left: 74px; background-repeat: no-repeat; z-index: 40; } #step3on { background-image: url('images/carbuilder/3on.png'); left: 74px; z-index: 40; } #step4 { background-image: url('images/carbuilder/4complete.png'); left: 111px; z-index: 30; } #step4on { background-image: url('images/carbuilder/4on.png'); left: 111px; z-index: 30; } #step4off { background-image: url('images/carbuilder/4off.png'); left: 111px; background-repeat: no-repeat; z-index: 30; } #step5 { background-image: url('images/carbuilder/5complete.png'); left: 148px; z-index: 20; } #step5on { background-image: url('images/carbuilder/5on.png'); left: 148px; z-index: 20; } #step5off { background-image: url('images/carbuilder/5off.png'); left: 148px; background-repeat: no-repeat; z-index: 20; } #step6 { background-image: url('images/carbuilder/6complete.png'); left: 185px; z-index: 10; } #step6on { background-image: url('images/carbuilder/6on.png'); left: 185px; z-index: 10; } #step6off { background-image: url('images/carbuilder/6off.png'); left: 185px; background-repeat: no-repeat; z-index: 10; } /* Style group below defines the plus/minus images for the options table */ div.veh_opt_cat_button, div.veh_opt_cat_button_open, div.veh_opt_cat_button span { display: none; } /* Style group below defines the plus/minus images for the options table */ div.list_opt_cat_button, div.list_opt_cat_button span, div.list_opt_cat_button_open, div.list_opt_cat_button_open span, div.veh_opt_cat_button_open span { display: none; } tr.category { color: #FFFFFF; background-color: #000000; } div#startOverButton { display: none; } /* ----------------------------------------------------------------------------- TABLE STYLES ------------------------------------------------------------------------------ */ body#carbuilder table { width: 100%; background-color: #FFFFFF; } body#carbuilder thead th { vertical-align: top; } /* The selector below changes the background color for the table on step2 */ body#carbuilder tbody { /* background-color: CB-BKG01-COLOR; */ } body#carbuilder tfoot { padding: 5px; text-align: left; } /* The selector below is an attempt to fix an issue in the table foot where the text is being cut off in FF on pc. */ #modelChart table tfoot tr td { /* padding-right: 20px; background-color: red; */ } body#carbuilder td { font-size: 10px; line-height: 14px; } body#carbuilder tbody tr.vehicleDataSelectOne { color: #000000; background-color: #CCCCCC; } /* Style below is only applied to step3 and is specific to step3's color key */ body#carbuilder table#option_list_table tr.vehicleData { background-color: #f5f5f5; } body#carbuilder th h4 { margin: 3px 5px 3px 3px; } body#carbuilder tr.category, body#carbuilder tr.categorySelectOne { text-align: left; height: 25px; padding: 3px; padding-left: 0px; } body#carbuilder tbody#option_list_table_body tr.categorySelectOne { background-color: #666666; } body#carbuilder tbody#option_list_table_body tr.categorySelectOne h4 { font-size: 12px; color: #FFFFFF; } body#carbuilder .category td { border: 0px; font-size: 14px;} body#carbuilder .categorySep td { border: 0px; height: 1px; } body#carbuilder .features { width: 29%; text-align: left; } body#carbuilder .features h4 { font-size: 12px; } body#carbuilder #modelChart th.vehicleInfo img, #modelChart th.vehicleInfoSelected img { width: 80px; } body#carbuilder #modelChart td.vehicleInfo, #modelChart td.vehicleInfoSelected { text-align: center; width: 100px; } #modelChart td.vehicleInfoSelected { border-bottom: 1px solid #666666; } body#carbuilder #modelChart .vehicleInfoSelected { background-color: #f5f5f5; } body#carbuilder tr, body#carbuilder th, body#carbuilder td, body#carbuilder table { border: 1px solid #666666; } /* ----------------------------------------------------------------------------- ~Screen Two A ------------------------------------------------------------------------------ */ #similarModelsBar { display: none; } #results { margin-top: 5px; margin-bottom: 5px; } .continue { display: none; } div.carbuilder_step2 div#parameters h2 { display: none; } div.carbuilder_step2 div#parameters h3 { width: auto; display: block; clear: both; } #selectionFeedback { display: none } #selectionFeedback h3 { font-size: 14px; } .required { color: #000000; } .positiveFeedback { color: #000000; } .negativeFeedback { color: #000000; } div#selectedCar { display: block; clear: both; border: 1px solid #888888; padding: 4px; width: 150px; text-align: center; margin: 0; } div#selectedCar img { width: 100px; margin: 3px 0; } /* ----------------------------------------------------------------------------- ~Screen Two B ------------------------------------------------------------------------------ */ #vehicleOneAdvantges, #vehicleTwoAdvantges { float: left; width: 295px; padding: 15px;} #vehicleOneAdvantges img, #vehicleTwoAdvantges img { width: 295px; } #vehicleTwoAdvantges { float: right; } #vehicleOneAdvantges ol li, #vehicleTwoAdvantges ol li { line-height: 12px; margin-left: 15px; } .refine_v_button, #chooseNeither, .refine_neither_button { display: none; } /* ----------------------------------------------------------------------------- ~Screen Three ------------------------------------------------------------------------------ */ #vehicleOptions { width: 100%; } #pricingInfo { margin-top: 10px; margin-bottom: 10px; } #basePrice, #destinationCharge, #optionsTotal, #grandTotal { padding: 1px; border-bottom: 1px dotted #CCCCCC; } #pricingInfo label, #pricingInfo h2 { float: left; width: 45%; } #pricingInfo label { float: none; display: block; font-size: 14px; } #pricingInfo h2 { width: 96%; text-align: left; font-size: 16px;} #optionsTotal { border-bottom: 1px solid #CCCCCC; } #grandTotal { margin-top: 10px; border-bottom: 0px; font-weight: bold; } #vehicleOverview .category .categoryHeader { background-color: transparent; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #666666; } #vehicleOverview .category img { float: left; padding: 3px; } #vehicleOverview .category h3 { padding: 3px; border-bottom: none; font-size: 12px; } #vehicleOverview ul { margin-left: 15px; } #vehicleOverview ul li { font-size: 14px; line-height: 21px; } #vehicleDetails img#vehicle_photo { width: 300px; } .carbuilder_step3 #vehicleDetails { width: 100%; } .carbuilder_step3 #vehicleDetails table { width: 100%; } .carbuilder_step3 h1.vehicleHeadline { text-align: left; } /* The selector below prevents ff from crashing when you print on a mac. */ .carbuilder_step3 table#option_list_table tfoot tr td { width: 100%; } .availableOption { width: 29%; text-align: left; } /* The selector grouping below needs to be this way in order for it to work correctly in FF. If they are all %'s FF will crash when this page is printed. */ /* .carbuilder_step3 tr.vehicleDataSelectOne td.option_list_chk { width: 1%; } .carbuilder_step3 tr.vehicleDataSelectOne td.availableOptionCode { width: 2%; } .carbuilder_step3 tr.vehicleDataSelectOne td.availableOption { width: 75%; } .carbuilder_step3 tr.vehicleDataSelectOne td.vehicleInvoice { width: 1%; } .carbuilder_step3 tr.vehicleDataSelectOne td.vehicleMSRP { width: 1%; } */ .option_color_key { border: 1px solid #CCCCCC; width: 75px; height: 20px; line-height: 20px; margin: 4px; padding: 4px; text-align: center; float: left; } #option_color_key_group { } #option_color_key_subgroup { color: #000000; background-color: #CCCCCC; } #option_color_key_single { color: #000000; background-color: #f5f5f5; } /* ----------------------------------------------------------------------------- ~Screen Four ------------------------------------------------------------------------------ */ #vehicleColors { float: left; width: 65%; } #vehicleColors .formRow { float: left; height: 30px; width: 45%; padding: 5px; border-bottom: 1px dotted #CCCCCC; } #vehicleColors .formRow input { float: left; margin: 5px; } #vehicleColors .formRow label { font-size: 12px; } #exteriorColors, #interiorColors { padding: 10px; padding-top: 0px; padding-bottom: 30px; } #exteriorColors h3, #interiorColors h3 {font-size: 14px;} .color_option_grey_false { color: #000000; } .color_option_grey_true { color: #CCCCCC; } .carbuilder_step4 #vehicleDetails img#vehicle_photo { width: 200px; } .carbuilder_step4 #vehicleDetails { float: right; width: 29%; } .carbuilder_step4 #vehicleDetails table { width: 300px; } .vehicleInvoice, .vehicleMSRP { width: 100px; } body#carbuilder td.vehicleInvoice, body#carbuilder td.vehicleMSRP { font-weight: bold; font-size: 12px; } #interiorColors h2, #exteriorColors h2 { margin-bottom: 5px; border-bottom: 1px solid #CCCCCC; } #interiorColors h3, #exteriorColors h3 { margin-bottom: 5px; } .colorSwatch { float: left; width: 25px; height: 25px; margin-left: 5px; margin-right: 5px; border: 1px solid #CCCCCC; } h3.colorDetails {font-size: 14px;} .vehicleHeadline { color: #000000; text-align: center; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dotted #CCCCCC; } h1.vehicleHeadline {font-size: 16px;} /* ----------------------------------------------------------------------------- ~Screen Five ------------------------------------------------------------------------------ */ #contactInfo { display: none; } .carbuilder_step5 #results, .carbuilder_step5 #selectionFeedback, .carbuilder_step5 #vehicleDetails, .carbuilder_step5 #info_disclaimer { display: none; } div.star, div.starOn { float: left; width: 25px; height: 25px; margin: 2px; } div.starOn { background-image: url('images/carbuilder/starActive.png'); } div.star { background-image: url('images/carbuilder/starInactive.png'); } /* ----------------------------------------------------------------------------- ~Screen Six ------------------------------------------------------------------------------ */ .carbuilder_step6 #vehicleDetails img#vehicle_photo { width: 200px; } .carbuilder_step6 #vehicleDetails { float: right; width: 29%; } .carbuilder_step6 #vehicleDetails table { width: 300px; } #configuredVehicle #selectionFeedback { width: auto; } #brandingInfo { float: left; padding: 5px; padding-top: 0px; width: 65%; } #brandingInfo h3 span { font-size: 14px; } #configuredOptions { clear: both; } #configuredOptions h2 { margin-top: 5px; margin-bottom: 10px; } body#carbuilder #configuredOptions ul { margin-left: 15px; } body#carbuilder #configuredOptions ul li { font-size: 14px; line-height: 21px; } #configuredVehicle #vehicleDetails { float: right; width: 29%; } #configuredVehicle .vehicleHeadline { text-align: left; border: 0px; } #configuredVehicle .category { margin-bottom: 20px; } #configuredVehicle .category h3 { padding: 3px; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC; } .personalizedFor { margin-bottom: 10px; } .dayPhone, .evePhone, .emailAddress { display: none; } #mailingListCheckbox { margin-top: 20px; margin-bottom: 20px; } .mailingListNo { color: #000000; } .mailingListYes { color: #000000; } .rating { margin-top: 20px; margin-bottom: 20px; } div#refine_compare_overlay { display: none; } div#loading { display: none; } div#compareVehicles { text-align: center; } div#compareVehicles ol { text-align: left; } div#compareVehicles img { margin: 0 auto; } /* ----------------------------------------------------------------------------- EXTRAS ------------------------------------------------------------------------------ */ .veh_opt_hidden { height: 0%; opacity: 0; } .veh_opt_shown { height: 100%; opacity: 1; } td.option_list_chk { width: 20px; } div#refine_advanced { width: 600px; } div.refine_advSearchExpander { text-align: left; margin: 0 0 3px 0; } div#refine_adv_container { display: none; border: 1px solid #CCCCCC; padding: 4px; } /* -------------------------- default.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: Default Autos CSS Document Author: PMT Advertising www.pmtadvertising.com info@pmtads.com Artist: Bruce Etzcorn, Derek Downey & Louis R. Stephens Date: January 29, 2008 ------------------------------------------------------------------------------------------------------ */ * {margin: 0px; padding: 0px;} body {margin: 0px; font-size: 10px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #FFFFFF; background-image: none;} body#vehicleDisplayPrint, body#specialsDetails {background-color: #FFFFFF; background-image: none;} div.clearer {height: 0; line-height: 0px; clear:both;} .searchDescription, .searchContainer, #homeArea, .newsIcon, .searchIcon, .featuredSpecialIcon, #navigation, #siteBottom .dealerLogo, .textNav, #brandLogo, .partsForm, .serviceForm, .contactForm, .advertising, .dealerInfo .email, body#vehicleDisplayPrint .textNav, body#specialsDetails .textNav, .specialsSnapshot .inventoryInfo, .specialsSnapshotAlt .inventoryInfo, .specialsSnapshot .dealerNotes, .specialsSnapshotAlt .dealerNotes, .departmentInfo .departmentName, .departmentInfo .email, .departmentInfo .bullet, body#new .employeeTitle, body#preOwned .employeeTitle, body#parts .employeeTitle, body#service .employeeTitle, body#financing .employeeTitle, body#home .newsCaption {display: none;} #constraint, body#vehicleDisplayPrint #constraint, body#specialsDetails #constraint, body#specialsDetails #mainArea {width: auto; margin: 0 auto; background-color: #FFFFFF; border: 0px;} #motd span {font-size: 14px; padding: 10px; display: block; text-align: left;} #siteBottom {clear: both; margin: 0 auto; text-align: center; margin: 10px;} #siteBottom .dealerInfo {padding: 5px; padding-top: 10px;} #footer {clear: both; color: #000000; width: auto; margin: 0 auto; text-align: center; margin-top: 10px; margin-bottom: 10px;} body#vehicleDisplayPrint #footer, body#specialsDetails #footer {color: #000000;} #subArea {float: left; width: 29%;} body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} #mainArea {float: left; width: 65%; font-size: 12px; padding: 20px; padding-bottom: 10px;} body#newVehicleDisplay #mainArea, body#preOwnedVehicleDisplay #mainArea {float: left; width: 65%; font-size: 12px; padding: 20px 10px; padding-bottom: 10px;} #mainArea h1 {padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #666666;} *html body#service #mainArea, *html body#parts #mainArea, *html body#financing #mainArea, *html body#contact #mainArea { width: 410px; } /* ---------- Header ---------- */ #header {color: #FFFFFF; border-bottom: 1px solid #000000; background-color: #000000; width: auto;} #header .dealerInfo {padding: 10px; text-align: left;} .dealerLogo {float: right; height: 40px; width: 100px; margin-left: 10px; background-image: url('images/dealerLogo-trans.png'); background-repeat: no-repeat; background-position: top left;} .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email {display: inline; text-align: right; font-size: 10px;} .dealerInfo .bullet {padding-left: 5px; padding-right: 5px;} #header .dealerTagline {text-align: left; padding-left: 10px; padding-bottom: 10px;} /* ---------- Content Styling (Footer) ---------- */ #footer {border-top: 1px solid #CCCCCC; font-size: 12px;} /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: 12px; border-top: 1px solid #CCCCCC;} .textNav a {padding: 5px;} #siteBottom .dealerInfo .dealerName, #siteBottom .dealerInfo .street, #siteBottom .dealerInfo .cityInfo, #siteBottom .dealerInfo .phone1, #siteBottom .dealerInfo .phone2, #siteBottom .dealerInfo .phone3, #siteBottom .dealerInfo .fax1, #siteBottom .dealerInfo fax2 {display: inline; font-size: 12px;} /* ---------- ~Home ---------- */ #flashSlideshow {float: right; z-index: 100;} body#home #mainArea {clear: both; width: auto;} body#home #mainArea h1 { font-size: 16px;} body#home #pmtCalculatorButton, body#home #emailFriendButton, body#home #motd {clear: both; margin: 3px;} body#home #motd span {padding-bottom: 0px;} body#home .newsContainer {clear: both; font-size: 12px; padding: 10px; padding-top: 0px;} .sectionHeader {clear: both; padding-top: 10px;} .sectionHeader h3 {color: #000000; border-bottom: 1px solid #CCCCCC;} body#home #topSearches, body#home #featuresAndSpecials {float: right; width: 49%;} body#home div.specialsSnapshotAlt {width: 100%;} #homeContent {float: left; width: 50%;} /* ---------- ~MOTD ---------- */ #motd {} #motd span {font-size: 14px; padding: 10px; display: block; text-align: center; background-color: BKG09COLOR; color: #FFFFFF;} /* ---------- ~MOTD ~auto ---------- */ body#home #motd, body#specials #motd, body#leasingSpecials #motd, body#newVehicleSpecials #motd, body#preOwnedVehicleSpecials #motd, body#partsDeptSpecials #motd, body#serviceDeptSpecials #motd, body#financeDeptSpecials #motd, body#financing #motd {margin: 3px 0; clear: both; background-image: none; color: #000000; padding-bottom: 5px;} body#home #motd span, body#specials #motd span, body#leasingSpecials #motd span, body#newVehicleSpecials #motd span, body#preOwnedVehicleSpecials #motd span, body#partsDeptSpecials #motd span, body#serviceDeptSpecials #motd span, body#financeDeptSpecials #motd span, body#financing #motd span {text-align: center; background-image: none; padding: 6px 8px 2px 10px;} /* ---------- ~MOTD ~65% ---------- */ body#new #motd, body#preOwned #motd {margin: 0 0 10px 0; clear: both; background-image: none; color: #FFFFFF;padding-bottom: 5px;} body#new #motd span, body#preOwned #motd span {text-align: center; background-image: none; padding: 6px 8px 2px 10px;} /* ---------- ~MOTD ~29% ---------- */ body#bodyShop #motd, body#parts #motd, body#service #motd, body#news #motd, body#directions #motd, body#contact #motd, body#financing #motd {margin: 3px 0;clear: both; background-image: none; color: #FFFFFF;padding-bottom: 5px; margin: 20px 5px; width: 210px;} body#bodyShop #motd span, body#parts #motd span, body#service #motd span, body#news #motd span, body#directions #motd span, body#contact #motd span, body#financing #motd span {text-align: center; background-image: none; padding: 6px 8px 2px 10px;} .motdContainer {margin: 10px;} /* ---------- ~New ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#new .specialsContainer {width: 95%;} body#new div.specialsSnapshotAlt {width: 99%;} /* ---------- ~PreOwned ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#preOwned .specialsContainer {width: 95%;} body#preOwned div.specialsSnapshotAlt {width: 99%;} /* ---------- ~Specials ---------- */ body#specials #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#partsDeptSpecials #mainArea, body#serviceDeptSpecials #mainArea, body#financeDeptSpecials #mainArea, body#leaseSpecials #mainArea, body#leasingSpecials #mainArea, body#customSpecials #mainArea, body#specialsDetails #mainArea, body#testimonial #mainArea, body#rebates #mainArea {clear: both; width: auto;} body#specials ul, body#newVehicleSpecials ul, body#preOwnedVehicleSpecials ul, body#partsDeptSpecials ul, body#serviceDeptSpecials ul, body#financeDeptSpecials ul, body#leaseSpecials ul, body#customSpecials ul, body#specialsDetails ul {list-style-type: none;} #rebateSpecials, #newSpecials, #preOwnedSpecials, #partsSpecials, #serviceSpecials, #financeSpecials, #leaseSpecials, .customSpecial {clear: both; margin-bottom: 15px;} body#specials .dealerNotes, body#newVehicleSpecials .dealerNotes, body#preOwnedVehicleSpecials .dealerNotes, body#partsDeptSpecials .dealerNotes, body#serviceDeptSpecials .dealerNotes, body#financeDeptSpecials .dealerNotes, body#leaseSpecials .dealerNotes, body#customSpecials .dealerNotes, body#specialsDetails .dealerNotes {display: block;} #rebateSpecials ul, #newSpecials ul, #preOwnedSpecials ul, #partsSpecials ul, #serviceSpecials ul, #financeSpecials ul, #leaseSpecials ul, .customSpecial ul {float: left; margin-top: 10px; padding-right: 10px; margin-bottom: 10px; width: 29%; font-size: 10px;} #rebateSpecials li, #newSpecials li, #preOwnedSpecials li, #partsSpecials li, #serviceSpecials li, #financeSpecials li, #leaseSpecials li, .customSpecial li {margin-top: 3px; margin-bottom: 10px; margin-left: 25px;} body#specials p, body#newVehicleSpecials p, body#preOwnedVehicleSpecials p, body#partsDeptSpecials p, body#serviceDeptSpecials p, body#financeDeptSpecials p, body#leaseSpecials p, body#customSpecials p, body#specialsDetails p {margin-top: 5px; margin-bottom: 15px;} body#specials h2, body#newVehicleSpecials h2, body#preOwnedVehicleSpecials h2, body#partsDeptSpecials h2, body#serviceDeptSpecials h2, body#financeDeptSpecials h2, body#leaseSpecials h2, body#customSpecials h2, body#specialsDetails h2 {margin-top: 5px; border-bottom: 1px solid #666666;} #rebateSpecials ul li a, #newSpecials ul li a, #preOwnedSpecials ul li a, #partsSpecials ul li a, #serviceSpecials ul li a, #financeSpecials ul li a, #leaseSpecials ul li a, .customSpecial ul li a {font-size: 14px;} .specialsContainer {clear: both; margin: 10px;} .specialsContainer a {display: block;} .specialsHeader {clear: both; border-bottom: 1px solid #666666;} .specialsHeader h3 {float: left; margin-top: 18px;} .specialsSnapshot, .specialsSnapshotAlt {padding: 2px; border-bottom: 1px solid #CCCCCC;} .specialsSnapshotAlt {background-color: #CCCCCC;} .specialImage {float: left; margin-right: 5px;} .specialImage img {width: 30px; border: 1px solid #CCCCCC;} .specialsSnapshot .inventoryInfo, .specialsSnapshotAlt .inventoryInfo, .specialsSnapshot h3, .specialsSnapshotAlt h3 {float: left;} .specialsSnapshot h4, .specialsSnapshotAlt h4 {font-size: 12px;} body#new .specialsSnapshot .dealerNotes, body#new .specialsSnapshotAlt .dealerNotes, body#preOwned .specialsSnapshot .dealerNotes,body#preOwned .specialsSnapshotAlt .dealerNotes {font-size: 12px; clear: both; display: block; margin-top:3px; margin-bottom: 3px;} .specialsSnapshot .stock, .specialsSnapshotAlt .stock, .specialsSnapshot .miles, .specialsSnapshotAlt .miles, .specialsSnapshot .color, .specialsSnapshotAlt .color, .specialsSnapshot .modelNum, .specialsSnapshotAlt .modelNum { display: none; } body#specialsDetails .coupon {width: 95%; border: 2px dashed #000000; padding: 10px;} body#specialsDetails .coupon .specialImage img {float: left; width: 65%;} body#specialsDetails .coupon .specialPrice {float: right; width: 29%; font-size: 28px; text-align: right;} body#specialsDetails .coupon .specialDescription {float: left; width: 45%; font-size: 12px;} body#specialsDetails .coupon .specialDisclaimer {clear: both; font-size: 12px; margin-top: 10px; padding-top: 5px; border-top: 1px solid #000000;} body#specialsDetails div.pageBreak { display: none; } .leasePicture img {width: 65%;} .leaseName {font-size: 14px; text-align: center; display: block;} .leasePrice {display: block; font-size: 16px; text-align: center;} #leaseSpecials .leaseDate {display: block; text-align: center;} #rebateSpecials .specialImage img {width: 65%; border: 0px;} #rebateSpecials .section {font-size: 14px; text-align: center;} #rebateSpecials .rebateName {font-size: 16px; margin-top: 5px;} #rebateSpecials .rebateDate {font-size: 12px; display: block; color: TXT05COLOR;} #rebateSpecials .rebatesIncentives ul {list-style-type: disc;} #rebateSpecials .rebatesIncentives ul li {margin: 0px; font-size: 12px;} #rebateSpecials ul {padding: 10px 5px 10px 5px;} #rebateSpecials ul li {height: 65%;} .rebatesIncentives span {display: block; text-align: left; font-size: 12px;} #specials #partsSpecials h2, #specials #serviceSpecials h2, .ratesContainer, .ratesContainer h1 { text-align: left; clear: both;} img.serviceMailer { height: 925px; } /* ---------- ~Financing ---------- */ body#financing div.applyFinancing {float: left; width: 29%;} body#financing .loanCalc, body#financing .affordabilityCalc, body#financing .cashBackCalc { display: none; } /* ---------- ~General Content Styling ---------- */ .departmentInfo {margin-top: 3px; margin-bottom: 10px;} #mainArea .departmentInfo .phone1, #mainArea .departmentInfo .fax1 {display: block;} .departmentTitle {padding: 3px;} .departmentTitle h1 {font-size: 16px;} .hoursContent {margin-top: 5px; margin-bottom: 10px;} .hoursHolder {clear: both; padding: 3px; border-bottom: 1px dotted #CCCCCC;} .day, .dayHours, .currentDay {font-size: 12px;} body#new .day, body#preOwned .day, body#parts .day, body#service .day, body#financing .day, body#staffDetail .day {float: left;} body#new .dayHours, body#preOwned .dayHours, body#parts .dayHours, body#service .dayHours, body#financing .dayHours, body#staffDetail .dayHours {float: right;} body#new .currentDay, body#preOwned .currentDay, body#parts .currentDay, body#service .currentDay, body#financing .currentDay, body#staffDetail .currentDay {clear: both; text-align: right; font-size: 12px;} /* ---------- Employees (Staff) ---------- */ body#staff .departmentTitle span {display: block; font-size: 18px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .deptManager, body#staff .staffContainer {float: left; width: 130px; height: 125px; text-align: center; margin: 3px;} body#staff .staffContainer {margin-top: 10px; margin-bottom: 10px;} .departmentTitle {clear: both;} .departmentManager .departmentTitle {display: none;} #mainArea .adminTitle h1 {padding: 3px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; text-align: center; border: 0px;} .employeeImage img {margin: 5px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #CCCCCC;} .employeeName {font-size: 12px;} body#new .employeeTitle, body#preOwned .employeeTitle, body#parts .employeeTitle, body#service .employeeTitle, body#financing .employeeTitle {display: none;} body#staff .employeeTitle {font-size: 12px;} body#staff #mainArea {clear: both; width: auto;} .hoursContent h1 {font-size: 16px;} body#staffDetail .staffInfo {width: auto; font-size: 12px;} body#staffDetail .staffInfo .staffPicture img {float: left; width: 29%; margin-right: 10px;} body#staffDetail .hoursContent {margin-top: 40px; padding-left: 10px; padding-right: 10px;} body#staffDetail .staffDetails {float: left; width: 65%; font-size: 14px;} body#staffDetail .staffDetails .employeeName {font-size: 21px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} body#staffDetail .staffNotes {float: left; width: 65%; margin-top: 10px; margin-bottom: 10px;} /* ---------- Maps ---------- */ body#contact #mapContainer {margin: 10px; height: 245px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #CCCCCC;} body#directions #mapContainer {clear: both; margin: 10px; width: auto; height: 500px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #CCCCCC;} body#directions #header, body#contact #header {width: 100%;} /* ---------- ~Information ---------- */ body#information #mainArea {clear: both; width: auto;} /* ---------- ~News ---------- */ body#news #subArea {float: left;} body#newsArchived #mainArea {width: auto;} .newsPicture {float: left; margin-right: 10px;} .newsPicture img {float: left; width: 65%; border: 1px solid #666666;} body#news #archivedNews {padding: 10px;} #archivedNews h1 {font-size: 18px;} .newsContainer {clear: both; margin-bottom: 20px;} .newsHeadline {margin-bottom: 5px;} body#news .newsCaption, #archivedNews .newsCaption {width: 65%; font-size: 10px; margin-top: 5px; margin-bottom: 5px;} .newsStory {clear: both; font-size: 12px; margin-top: 5px;} #archivedNews a {display: block; padding: 3px; font-size: 12px; border-bottom: 1px dotted #CCCCCC;} /* ---------- ~Privacy ---------- */ body#privacy #mainArea {clear: both; width: auto;} /* ---------- ~Buttons ---------- */ .financeButton {width: 500px; height: 40px; text-align: center; margin-top: 20px;} /* ---------- ~FAQ ---------- */ body#faq #mainArea {clear: both; width: 100%;} body#faq .faqContainer h1 {font-size: 16px; padding: 3px; margin-top: 10px; border-bottom: 1px solid #000000;} body#faq .question {font-size: 14px; margin-top: 10px;} body#faq .answer {font-size: 12px; padding-bottom: 10px;} /* ---------- ~Hours Of Operation ---------- */ .departmentHours {padding-left: 10px; padding-right: 10px;} #hoursChart {clear: both; width: 97%;} #hoursChart h2 {padding: 10px; padding-bottom: 5px;} #hoursChart table {margin: 10px; border: 1px solid #666666; text-align: center; border-collapse: collapse; background-color: #FFFFFF;} body#carbuilder table { border-collapse: collapse; } #hoursChart table tr, #hoursChart table th, #hoursChart table td, /* Carbuilder styles */ body#carbuilder th, body#carbuilder tr, body#carbuilder td, body#carbuilder tfoot {padding: 3px; border: 1px solid #666666;} body#carbuilder #modelChart td.vehicleInfo { border: 1px solid #666666; } #hoursChart table thead {background-color: #CCCCCC; border: 1px solid #666666;} #hoursChart table tfoot {display: none;} body#contact .currentDay, body#hoursOperation .currentDay {width: 20%; font-size: 12px;} body#contact .dayHours, body#hoursOperation .dayHours {width: 10%; font-size: 12px;} /* ---------- ~Text ---------- */ h1, h2, h3, h4, h5 {font-weight: normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} h1 { font-size: 21px;} h2 { font-size: 18px;} h3 { font-size: 16px;} h4 { font-size: 14px;} h5 { font-size: 12px;} p {font-size: 10px;} /* ---------- ~Dealer Info ---------- */ .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2 {font-size: 10px;} /* ---------- ~Advertising ---------- */ .noAd {margin: 20px; font-size: 14px; text-align: center;} .advertising h1, .adDate, .adDescription {padding-left: 20px; padding-right: 20px;} .adDate, .adDescription {font-size: 12px; margin-top: 3px;} .adDate {font-size: 12px; font-weight: bold;} body#advertising .printMessage {width: 65%; padding: 20px;} /* ---------- ~Links ---------- */ a {color: #000000; text-decoration: none;} a img {border: 0px;} /* ---------- ~Disclaimer ---------- */ #disclaimer {width: 100%; clear: both; text-align: left; padding-top: 3px; border-top: 1px solid #CCCCCC;} #disclaimer span {font-size: 10px; margin-bottom: 2px;} .lineTools .disclaimerSS {color: #000000;} .disclaimerSS {font-size: 10px; vertical-align: super; margin-right: 3px; margin-left: 3px;} body#newInventory .mpgCity span.disclaimerSS, body#newInventory .mpgHighway span.disclaimerSS, body#preOwnedInventory .mpgCity span.disclaimerSS, body#preOwnedInventory .mpgHighway span.disclaimerSS {font-size: 10px; color: #000000;} body#newVehicleDisplay .mpgCity span.disclaimerSS, body#newVehicleDisplay .mpgHighway span.disclaimerSS, body#newVehicleDisplay .mpgCity span.disclaimerSS, body#preOwnedVehicleDisplay .mpgCity span.disclaimerSS, body#preOwnedVehicleDisplay .mpgHighway span.disclaimerSS, body#preOwnedVehicleDisplay .mpgCity span.disclaimerSS, body#vehicleDisplayPrint .mpgHighway span.disclaimerSS {font-size: 10px;} .adminDisclaimer {font-size: 10px; display: block; clear: both;} /* ---------- ~Rewards ---------- */ .pageBreak {page-break-before: always;} body#rewards #mainArea {width: auto;} #rewardsswapper {margin-top: 10px; border-top: 1px solid #666666;} #rwc-register-comments, #rwc-required-comments, p#rwc-login-comments { margin-top: 10px; margin-bottom: 10px;} #rwc-welcome-comments, p#rwc-current-paragraph {font-size: 16px; margin-top: 10px;} .rwc-current-points, h2 {color: #000000;} body#rewards .alt {background-color: #CCCCCC;} p#rwc-welcome-comments {} div#rwc-content table {width: auto; font-size: 12px; margin: 10px auto; border-collapse: collapse; background-color: #FFFFFF;} div#rwc-content th {border: 1px solid #666666; padding: 2px; background-color: #FFFFFF; color: #FFFFFF;} div#rwc-content th.rwc-date {width: 15%;} div#rwc-content th.rwc-location {width: 36%;} div#rwc-content th.rwc-type {width: 15%;} div#rwc-content th.rwc-spent {width: 20%;} div#rwc-content th.rwc-earned {width: 7%;} div#rwc-content th.rwc-redeemed {width: 7%;} div#rwc-content td {border: 1px solid #666666; padding: 3px;} div.rwc-personal {background-color: #FFFFFF; padding: 5px;} .rwc-personal .formRow {float: left; width: 29%; margin-bottom: 5px;} .rwc-personal .formRow label {display: block; font-size: 12px; font-weight: bold;} .rwc-personal .formRow .field {display: block; font-size: 12px; color: #000000;} body#rewards input {margin-bottom: 5px;} .rwc-loginButton, .rwc-lougoutButton, .rwc-lougoutButton, .rcw-registerButton {display: none;} /* ---------- ~Like Button ---------- */ .likeHeaderBtn, .likeThirdParty { display: none; } /* -------------------------- forms.css -------------------------- */ /* ---------- Overlay Forms ---------- */ div#overlay {display: none;} div#pymtCalcOverlay, div#emailFriendOverlay, div#vcOverlay, div#invSSOverlay {display: none;} div#invSSOverlay {display: none;} /* -------------------------- google.css -------------------------- */ div.google_search_container{ display: none; } /* -------------------------- homeCustomOfferPrint.css -------------------------- */ #overlayContactFrom { display: none; } body#customOffer #constraint { width: auto; text-align: left; } body#customOffer #pageGen { display: none; } /* -------------------------- inventory.css -------------------------- */ /* ---------- ~Inventory Line Listing Styling ---------- */ .alternateInv, .normalInv, .specialInv, .featuredInv {width: 100%; padding-bottom: 3px; border-bottom: 1px solid #666666;} .alternateInv h1 a, .normalInv h1 a {color: #000000;} .alternateInv a, .normalInv a, .specialInv a, .featuredInv a {} .alternateInv a img, .normalInv a img, .specialInv a img {border: 0px;} .alternateInv h1, .normalInv h1, .specialInv h1, .featuredInv h1 {float: left; width: 65%; font-size: 18px;} .invHead, .specialInv .invHead, .featuredInv .invHead {width: 100%;} .specialInv {margin-bottom: 8px;} .specialInv .invHead {} .specialInv .invHead h1, .featuredInv .invHead h1 {width: 65%;} .specialInv .invHead h1 a, .featuredInv .invHead h1 a {color: #000000;} .featuredInv .invHead {background-image: url('images/inventoryHeaderFeatured.jpg');} body#newInventory .invPicture, body#preOwnedInventory .invPicture {float: left; height: 75px; width: 100px; margin: 8px; margin-top: 2px; text-align: center; border: 1px solid #CCCCCC;} body#newInventory .inventoryInfo, body#preOwnedInventory .inventoryInfo {float: left; width: 400px; margin: 3px;} body#newInventory .inventoryInfo .vin, body#newInventory .inventoryInfo .stock, body#newInventory .inventoryInfo .miles, body#newInventory .inventoryInfo .price, body#newInventory .inventoryInfo .extColor, body#newInventory .inventoryInfo .intColor, body#newInventory .inventoryInfo .doors, body#newInventory .inventoryInfo .modelNum, body#preOwnedInventory .inventoryInfo .vin, body#preOwnedInventory .inventoryInfo .stock, body#preOwnedInventory .inventoryInfo .miles, body#preOwnedInventory .inventoryInfo .price, body#preOwnedInventory .inventoryInfo .extColor, body#preOwnedInventory .inventoryInfo .intColor, body#preOwnedInventory .inventoryInfo .doors, body#preOwnedInventory .inventoryInfo .modelNum {float: left; width: 185px; margin-left: 5px; margin-bottom: 3px; font-size: 12px;} body#newInventory .inventoryInfo .miles {display: none;} body#newInventory .inventoryInfo label, body#preOwnedInventory .inventoryInfo label {font-weight: bold;} body#newInventory .inventoryInfo span, body#preOwnedInventory .inventoryInfo span {margin-left: 3px; font-size: 12px} .invIcons {float: left; width: 125px; margin: 3px; border-right: 1px dotted #CCCCCC;} .invIcons span, .lineTools span {font-size: 12px;} .invIcons .invPhotosActive, .invIcons .invVideoActive, .invIcons .colorPickerActive, .invIcons .threeSixtyActive, .invIcons .ThirdPartyActive {color: #666666;} .invIcons .invPhotosInactive, .invIcons .invVideoInactive, .invIcons .colorPickerInactive, .invIcons .threeSixtyInactive, .invIcons .ThirdPartyInactive {color: #CCCCCC;} .alternateInv .dealerNotes, .normalInv .dealerNotes, .specialInv .dealerNotes, .featuredInv .dealerNotes {font-size: 12px; margin: 10px; margin-top: 0px; padding: 3px; padding-top: 0px; text-align: left;} .alternateInv .dealerNotes, .normalInv .dealerNotes {display: none;} .financingSpecial {} .financingSpecial span {} /* ---------- ~Tools ---------- */ .lineTools, .compare, .compareArea, #evoxColors, #evoxVR, #buttonArea, #tab_colors, .pmtTools {display: none;} body#compareVehicles form, body#compareVehicles .compareText, body#compareVehicles #disclaimer { display: none; } body#compareVehicles .printMessage { width: 100%; display: block;} body#vehicleDisplayPrint #evoxColors {display: none;} .EVOXext, .EVOXint, .EVOXcolor {display: none;} #flash_vTour0, #flash_vTour1 {} body#vehicleDisplayPrint #flash_vTour0, body#vehicleDisplayPrint #flash_vTour1 { display: none; } /* ---------- ~MPG ---------- */ body#newInventory .mpgListing, body#preOwnedInventory .mpgListing {float: right; width: 30%; background-image: url('images/inventory/mpgSmall.gif'); background-repeat: no-repeat; background-position: center center;} body#newInventory .mpgCity, body#preOwnedInventory .mpgCity, body#newVehicleDisplay .mpgCity, body#preOwnedVehicleDisplay .mpgCity, body#vehicleDisplayPrint .mpgCity {float: left; width: 45%; text-align: center;} body#newInventory .mpgHighway, body#preOwnedInventory .mpgHighway, body#newVehicleDisplay .mpgHighway, body#preOwnedVehicleDisplay .mpgHighway, body#vehicleDisplayPrint .mpgHighway {float: right; width: 45%; text-align: center;} body#newInventory .mpgCity label, body#newInventory .mpgHighway label, body#preOwnedInventory .mpgCity label, body#preOwnedInventory .mpgHighway label {font-size: 12px;} body#newInventory .mpgCity span, body#newInventory .mpgHighway span, body#preOwnedInventory .mpgCity span, body#preOwnedInventory .mpgHighway span {margin-left: 3px; font-size: 14px;} body#newVehicleDisplay .mpgListing, body#preOwnedVehicleDisplay .mpgListing {width: 100%; height:50px; margin-top: 10px; background-image: url('images/inventory/mpgPrint.gif'); background-repeat: no-repeat; background-position: top center;} body#vehicleDisplayPrint .mpgListing {width: 100%; height:50px; margin-top: 10px; background-image: url('images/inventory/mpgPrint.gif'); background-repeat: no-repeat; background-position: top center;} body#newVehicleDisplay .mpgCity, body#newVehicleDisplay .mpgHighway, body#preOwnedVehicleDisplay .mpgCity, body#preOwnedVehicleDisplay .mpgHighway, body#vehicleDisplayPrint .mpgCity, body#vehicleDisplayPrint .mpgHighway {font-size: 12px;} body#newVehicleDisplay .mpgCity label, body#newVehicleDisplay .mpgHighway label, body#preOwnedVehicleDisplay .mpgCity label, body#preOwnedVehicleDisplay .mpgHighway label, body#vehicleDisplayPrint .mpgCity label, body#vehicleDisplayPrint .mpgHighway label {clear:both; display: block;} body#newVehicleDisplay .mpgCity span, body#newVehicleDisplay .mpgHighway span, body#preOwnedVehicleDisplay .mpgCity span, body#preOwnedVehicleDisplay .mpgHighway span, body#vehicleDisplayPrint .mpgCity span, body#vehicleDisplayPrint .mpgHighway span {font-size: 16px;} /* ---------- ~Dealer Info ---------- */ body#newInventory #inventoryContent .dealerInfo, body#preOwnedInventory #inventoryContent .dealerInfo {display: none;} body#newInventory #inventoryContent .dealerInfo .dealerLogo, body#preOwnedInventory #inventoryContent .dealerInfo .dealerLogo {display: none;} body#newInventory #inventoryContent, body#preOwnedInventory #inventoryContent {margin-top: 10px; margin-bottom: 10px;} /* ---------- ~Certified ---------- */ #certifiedArea {clear: both;} .corpCertified, .dealerCertified {float: right; width: 140px; margin-top: 3px;} .corpCertified img, .dealerCertified img {border: 1px solid #CCCCCC;} body#newVehicleDisplay .corpCertified, body#preOwnedVehicleDisplay .corpCertified {float: left; width: 145px;} body#newVehicleDisplay .dealerCertified, body#preOwnedVehicleDisplay .dealerCertified {float: left; width: 145px;} /* ---------- ~Vehicle Display ---------- */ .specialArea {float: left;} #vehicleHeader {display: inline;} #vehicleHeader h1 {padding: 10px; padding-bottom: 0; border-bottom: none;} /* Inventory Certified */ #certifiedArea {} /* Vehicle Tabs */ #tabsMedia {margin-top: 5px; margin-bottom: 5px;} .tabFrontCap, #tab1, #tab2, #tab3, #tab4, .tabEndCap {line-height: 20px;} .tabFrontCap, .tabEndCap {float: left; width: 20px; background-image: url('images/navigation/inventoryDisplayNav.jpg'); background-position: top left;} .tabEndCap {background-position: top right;} #tab1, #tab2, #tab3, #tab4 {float: left; width: 150px; font-size: 12px; text-align: center; border-right: 1px solid #666666; border-left: 1px solid #FFFFFF; background-image: url('images/navigation/inventoryDisplayNav.jpg'); background-repeat: repeat-x; background-position: top center;} .tabNormal, .tabActive {color: #000000;} .tabActive {font-weight: bold; color: #000000;} /*#tab_gallery {display: none;}*/ /* Vehicle Notes */ .vehicleNotes {clear: both; font-size: 14px; padding: 10px;} /* Third Party */ #thirdPartyArea {clear: both; margin-top: 10px; margin-right: 10px; margin-left: 10px;} .carfax, .vehWalkthrough {float: left; width: 120px; text-align: center; margin: 10px;} .carfaxPhrase {display: block; font-size: 10px;} .vehWalkthrough {width: 80px;} /* Vehicle Picture */ #vehiclePicture {} #vehiclePicture img {border: 1px solid #666666;} .enlarge {float: left; width: 200px; font-size: 12px; text-align: center;} .displayedPhoto {float: left; width: 320px; margin-right: 5px;} .thumbPhotos {margin: 5px;} .thumbPhotos img {width: 55px;} #ss-button-container img {border: 0px;} #ss-button-container .ssPrev, #ss-button-container .ssStart, #ss-button-container .ssStop, #ss-button-container .ssNext {float: left; width: 30px;} /* Vehicle Overview */ #vehicleOverview {padding: 10px;} /* Vehicle Details */ .vehicleDetails, .bodyDetails, .engineDetails {margin-bottom: 10px;} .vehicleDetails h1, .bodyDetails h1, .engineDetails h1 {font-size: 16px; border-bottom: 1px solid #666666;} .vehicleInfoRow {padding: 3px; font-size: 12px; border-bottom: 1px dotted #666666;} .vehicleInfoRow label {float: left; width: 45%;} .vehicleInfoRow span {float: left; width: 45%; font-weight: bold;} .carTrim, .carBody, .carDoors, .carExtColor, .carIntColor, .carMiles, .carDisplacement, .carCylinders {clear: both;} body#newVehicleDisplay .carCertified { display: none; } /* Vehicle Pictures */ #vehiclePicture {padding: 10px; padding-top: 0px;} /* Vehicle Options */ .vehicleOptions {float: left; clear: both; padding: 10px;} .vehicleOptions h1 {font-size: 18px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #CCCCCC;} /* Pricing */ .pricing {clear: both; padding-top: 10px; margin-bottom: 10px;} .vehiclePrice label {display: block; font-size: 14px; text-align: center; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} .vehiclePrice span {display: block; text-align: center; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; font-size: 28px;} .rebatePrice, .finalPrice { display: none; } .vehicleOptions .optionsCategory {clear: both; margin-bottom: 5px;} .vehicleOptions .optionsCategory h2 {font-size: 16px; margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #666666;} .vehicleOptions .optionsCategory ul {width: 45%; font-size: 12px;} .vehicleOptions .optionsCategory li {margin-top: 3px; margin-bottom: 6px; margin-left: 15px;} ul.options {float: left; padding-left: 5px;} /* -------------------------- popup.css -------------------------- */ body#popup, body#popupComplete { text-align: center; background-color: #fff; } body#popup #constraintImageLeft, body#popupComplete #constraintImageLeft { padding-left: 0; } body#popup #contentContainer, body#popup #constraint, body#popupComplete #contentContainer, body#popupComplete #constraint { width: 475px; background-color: #fff; border: none; } body#popup #popupContainer img, body#popup #close, body#popupComplete #printInstructions, body#popup form { display: none; } body#popup #popupContainer, body#popupComplete #popUpContent { padding-bottom: 20px; } body#popupComplete #popUpContent h1 { padding: 0 38px; text-align: left; } body#popup #popupContainer img, body#popupComplete #popUpContent img { margin-bottom: 20px; } /* -------------------------- rebatesTable.css -------------------------- */ body#rebates #mainArea { width: auto; } /* +Table - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ table { width: auto; margin: 10px 0; text-align: center; border-collapse: collapse; } thead th { padding: 5px; border: 1px solid #CCCCCC; vertical-align: top; } tfoot { padding: 5px; text-align: left; border: 1px solid #CCCCCC; } tfoot h5 { padding: 5px; } td { padding: 2px; border: 1px solid #CCCCCC; } tbody tr:hover { background-color: #fbffcc; } tr.rebatesRowAlt { background-color: #eeeeee; } tr.sorting { display: none; } th.carName, td.carName, th.specialNew, td.specialNew { width: 17%; } td.carName, td.specialNew { text-align: left; } .rebatesLegend { padding: 5px; border: 1px solid #dddddd; margin: 5px 0; } .rebatesLegend h4 { padding: 10px 0 5px 0; color: #006aae; } /* -------------------------- similarVehicles.css -------------------------- */ #similarVehicles { margin: 5px 2px; background: none; } #similarVehicles h3 { padding: 10px 10px 5px 15px; background: none; } .likeVehicle { padding: 2px; border-top: 1px solid #949494; border-bottom: 1px solid #E3E3E3; background: none; } .likeVehicle a {} .likeVehiclePic a:hover {} .likeVehiclePic { float: left; width: 55px; } .likeVehiclePic img { width: 50px; border: 1px solid #CCCCCC; } #similarVehicles .type, #similarVehicles .year, #similarVehicles .make, #similarVehicles .model { font-size: 12px; } #similarVehicles .stock { display: block; font-size: 12px; } #similarVehicles .pagination { display: none; } /* -------------------------- sitemap.css -------------------------- */ div.sitemapContainer{ margin: 6px; } div.sitemapEntry{ border-bottom: 1px solid #CCCCCC; padding-top: 2px; float: left; width: 48%; margin-right:5px; } span.sitemapLink{ font-size: 10px; } span.sitemapLastmod, span.sitemapChangefreq, span.sitemapPriority { display: none; } /* -------------------------- testimonial.css -------------------------- */ #testimonial { margin: 10px 0; } div.testimonial, div.testimonialAlt { border-bottom: 1px solid #ddd; } div.testimonial {} div.testimonialAlt { background-color: #fff; } #testimonial h5.testimonialTitle, #testimonialAlt h5.testimonialTitle { display: none; } h2.testimonialSubject { font-size: 14px; background-image: none; padding-left: 15px; padding-top: 5px; border: 0 none; border-bottom: 1px solid #666666; cursor: pointer; } h3.testimonialDate { display: none; } p.testimonialComments { padding: 5px; } .testimonial h4, .testimonialAlt h4 { padding: 5px 10px; text-align: right; font-size: 12px; } h4.testimonialDate { padding-top: 0px; font-size: 10px; } #randomtestimonial .testimonial { width: 29%; border: 7px double #cccccc; background-color: #ffffff; margin: 5px 0; } #randomtestimonial h5.testimonialTitle { font-size: 12px; font-weight: bold; color: #000000; padding: 5px; border-bottom: 1px solid #cccccc; background-color: #ffffff; } #randomtestimonial h2.testimonialSubject { display: none; } #randomtestimonial p.testimonialComments { padding: 5px; font-size: 13px; font-style: italic; line-height: 1.5em; } #randomtestimonial .testimonial h4 { padding: 5px; text-align: right; font-size: 12px; } #randomtestimonial h4.testimonialDate { padding-top: 0px; font-size: 10px; } /* -------------------------- videoReviews.css -------------------------- */ body#newVehicleDisplay #tabs, body#preOwnedVehicleDisplay #tabs, #videoReviews div.reviewAlt, #videoReviews div.review, #videoReviews h3 { display: none; } /* -------------------------- weather.css -------------------------- */ div.weather { width: 65px; border-top: 1px solid #888; border-left: 1px solid #888; border-right: 1px solid #444; border-bottom: 1px solid #444; background-color: #FFFFFF; margin: 5px 10px 0px 10px; } div.weatherHeader { text-align: center; border-bottom: 4px solid #fff; } div.weatherHeader h2{/*font-size: 10px; padding: 2px;*/ display: none;} div.weatherInfo { position: relative; } div.weatherImage { text-align: center; } div.weatherImage img { margin: 0 auto; width: 50px; } div.weatherInfo h3{ font-size: 20px; font-weight: bold; position: absolute; top: 10px; left: 0px; display: block; text-align: center; width: 63px; } div.weatherInfo h3 span{ font-size: 12px; font-weight: bold; } div.weatherInfo div.weatherWind { color: #000088; padding: 1px; } div.weatherInfo div.weatherWind span.weatherWindSpeed{} div.weatherInfo div.weatherWind span.weatherWindUnit{} div.weatherInfo div.weatherWind span.weatherWindDir{} div.weatherInfo p { color: #000088; padding: 1px; } div.weatherInfo div.weatherWind, div.weatherInfo p { display: none; } div.weatherInfo span.weatherUpdated { display: none; /*clear: both; background-color: #dddddd; font-size: 8px; color: #666666; display: block; text-align: right; padding: 2px 0;*/ } /* -------------------------- writtenReviews.css -------------------------- */ #writtenReviews { margin: 10px 0; } #writtenReviews h3 { padding: 5px 0; } #writtenReviews div.reviewAlt, #writtenReviews div.review { border-bottom: 1px solid #ddd; } #writtenReviews div.reviewAlt { background-color: #fff; } #writtenReviews .reviewAlt h5, #writtenReviews .review h5 { display: none; } h2.reviewSubject { font-size: 14px; background-image: none; padding-left: 15px; padding-top: 5px; border: 0 none; border-bottom: 1px solid #666666; cursor: pointer; } .reviewCommentsContainer p { padding: 5px 5px 0 5px; } #writtenReviews .review h4, #writtenReviews .reviewAlt h4 { padding: 5px 10px; text-align: right; font-size: 12px; }