/* -- Cached as harborhonda.com-folder=cssscreen.css on -- 2010-08-10 10:03:29 */ /* -------------------------- blog.css -------------------------- */ /* ----- Tabs ----- */ body#blog #tabs { float: left; width:100%; background-position: bottom left; background-repeat: repeat-x; } body#blog #tabs ul { margin: 0px 0px 0px 5px; padding-top:10px; list-style:none; } body#blog #tabs ul li.tabNormal, body#blog #tabs ul li.tabActive, body#blog #tabs ul li.tabPrint, body#blog .mediaButton.tabNormal, body#blog .mediaButton.tabActive { float: left; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight: bold; height: 30px; cursor: pointer; line-height: 30px; padding-left: 5px; margin-right: 3px; background-position: 0px -44px; background-repeat: no-repeat; } body#blog #tabs ul li.tabPrint { float: right; padding-left: 5px; margin-right: 10px; } body#blog #tabs ul li.tabNormal a, body#blog #tabs ul li.tabActive a, body#blog #tabs ul li.tabPrint a, body#blog .mediaButton.tabNormal a, body#blog .mediaButton.tabActive a { float: left; height: 30px; display:block; line-height: 30px; text-decoration:none; padding: 0px 15px 0px 10px; background-position: right -44px; background-repeat: no-repeat; } body#blog #tabs ul li.tabActive, body#blog #tabs ul li.tabPrint, body#blog .mediaButton.tabActive { background-position: top left; } body#blog #tabs ul li.tabActive a, body#blog #tabs ul li.tabPrint a, body#blog .mediaButton.tabActive a { background-position: top right; } body#blog #tabs, body#blog #media_buttonArea { background-image: url(images/navigation/background.gif); } body#blog #tabs ul li.tabNormal, body#blog #tabs ul li.tabActive, body#blog #tabs ul li.tabPrint, body#blog .mediaButton.tabNormal, body#blog .mediaButton.tabActive { border-bottom: 1px solid #D2D2D2; background-image: url(images/navigation/leftTab.gif); } body#blog #tabs ul li.tabNormal a, body#blog #tabs ul li.tabActive a, body#blog #tabs ul li.tabPrint a, body#blog .mediaButton.tabNormal a, body#blog .mediaButton.tabActive a { border-bottom: 1px solid #D2D2D2; background-image: url(images/navigation/rightTab.gif); } body#blog #tabs a:hover { color:#333; } body#blog #tabs ul li.tabActive, body#blog .mediaButton.tabActive { border-bottom: 1px solid #FFFFFF; outline: none; } body#blog #tabs ul li.tabActive a, body#blog .mediaButton.tabActive a { border-bottom: 1px solid #FFFFFF; outline: none; } body#blog #tabs a:hover { outline: none; } body#blog #recentlyViewedTab { background-image: url(images/recentlyViewed/recentlyViewedTabs.png); } * html body#blog #recentlyViewedTab { background-image: url(images/recentlyViewed/recentlyViewedTabs.gif); } body#blog #tab1, body#blog #tab2, body#blog #tab3, body#blog #tab4 { width: auto; border-right: none; } /* ----- Theme Styles ----- */ body#blog .singlePost, body#blog .errorMessage, body#blog .pageArea { width: 525px; } body#blog #respond textarea { width: 575px; } body#blog .newestPost p { padding-bottom: 15px; } body#blog .newerPost { width: 395px; } body#blog .newPost { width: 181px; } /* ----- Post Page with photos & mainArea width fix (from a global change) ----- */ body#blog #mainArea { width: 100%; margin: 0px; padding: 0px; } body#blog .newerPost .excerpt { float: left; width: 250px; } body#blog .newestPost .postmeta { clear: both; } /* body#blog .newestPost .postThumb { float: left; width: 320px; margin-right: 10px; } */ /* body#blog .newestPost .entry { float: left; width: 450px; } */ /* -------------------------- default.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: Harbor CBG CSS Document Author: PMT Advertising www.pmtadvertising.com info@pmtads.com ------------------------------------------------------------------------------------------------------ */ * {margin: 0px; padding: 0px;} html{ /* height: 100%; */ } div.clearer {height: 0px; line-height: 0px; clear:both;} body {/* height: auto; */margin: 0px; font-size: 11px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #eff6fe;} #constraint {width: 865px; margin: 0px auto; padding-top: 0px; background-color: #FEFEFE; border: 0px; border-top: 6px solid #0f75bc; border-bottom: 6px solid #0f75bc;} #constraintImageLeft {} #constraintImageRight {} #motd { color: #FFFFFF; background-color: #5d0000; height: 25px; padding-top: 10px; } #motd span {font-size: 16px; padding: 10px; text-align: left;} * html #motd { background-image: none; } #subArea {float: left; width: 265px;} body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} #mainArea {float: left; width: 560px; font-size: 12px; padding: 10px; padding-bottom: 10px;} body#newVehicleDisplay #mainArea, body#preOwnedVehicleDisplay #mainArea {float: left; width: 560px; font-size: 12px; padding: 20px 10px; padding-bottom: 10px;} #mainArea h1 {color: #000000; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .pageBreak {display: none;} *html body#new #mainArea, *html body#preOwned #mainArea { width: 530px; } *html body#financing #mainArea { width: 510px; } /* ---------- Header ---------- */ #header {color: #000000; border-bottom: 0px; background-color: #FFFFFF; width: 100%;} body#vehicleDisplayPrint #header, body#specialsDetails #header {background-color: #000000;} #header .dealerInfo {padding: 0px 10px 10px 0px; text-align: right;} .dealerInfo .email span a {} #brandLogo {float: left; padding: 3px; width: 95px; display: none;} body#vehicleDisplayPrint #brandLogo {display: none;} .dealerLogo {/* float: left; height: 160px; width: 590px; margin-left: 10px; background-image: url('images/dealerLogo.gif'); background-repeat: no-repeat; background-position: top left; */ display: none;} .harborLogo { float: left; height: 160px; width: 590px; } .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email {display: block; text-align: right; font-size: 11px;} #header .dealerInfo .street, #header .dealerInfo .cityInfo, #header .dealerInfo .phone1, #header .dealerInfo .phone2, #header .dealerInfo .phone3, #header .dealerInfo .fax1, #header .dealerInfo fax2, #header .dealerInfo .email {font-size: 19px; font-weight: bold;} #header .dealerInfo .phone1 label, #header .dealerInfo .phone2 label, #header .dealerInfo .phone3 label, #header .dealerInfo .fax1 label, #header .dealerInfo fax2 label { font-size: 12px; } #header .dealerInfo .street { padding-top: 10px; } .dealerInfo .bullet {padding-left: 5px; padding-right: 5px; } #header .dealerInfo .bullet { display: none;} #header .dealerTagline {text-align: right; padding-right: 10px; padding-bottom: 10px;} #siteBottom .dealerInfo .bullet { font-size: 12px; } #siteBottom .dealerInfo .phone1 span { font-size: 14px; } .dealerInfo .dealerName { display: none; } .mainSiteLink { float: right; color: #ed1c24; margin-right: 10px; text-decoration: underline; font-weight: bold; font-size: 21px; } .dealerHDfooter, #pageGen { color: #888888; } .dealerHDfooter a { color: #009ac4; font-weight: bold; text-decoration: underline; } .dealerHDfooter a { color: #007ca2; } /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: 12px; border-top: 1px solid #CCCCCC;} .textNav a {padding: 5px; color: #cc0000; text-decoration: underline; font-weight: bold;} #siteBottom .dealerInfo .dealerName, #siteBottom .dealerInfo .street, #siteBottom .dealerInfo .cityInfo, #siteBottom .dealerInfo .phone1, #siteBottom .dealerInfo .phone2, #siteBottom .dealerInfo .phone3, #siteBottom .dealerInfo .fax1, #siteBottom .dealerInfo fax2, #siteBottom .dealerInfo .email {color: #4a494a; font-weight: bold; display: inline; font-size: 14px;} #contentContainer .topLLTools .compareArea { display: none; } #contentContainer .pagination { display: none; } /* ---------- ~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%;} body#preOwnedInventory .searchContainer, body#UsedInventory .searchContainer, body#preOwned .searchContainer, body#newInventory .searchContainer, body#NewInventory .searchContainer, body#new .searchContainer, body#commercialInventory .searchContainer, body#commercial .searchContainer, body#Under9995Inventory .searchContainer { background-color: #c8e2f5; border-bottom: 1px solid #1288da; border-top: 1px solid #1288da; } /* ---------- ~Specials ---------- */ body#specials #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#partsDeptSpecials #mainArea, body#serviceDeptSpecials #mainArea, body#financeDeptSpecials #mainArea, body#leasingSpecials #mainArea, body#customSpecials #mainArea, body#specialsDetails #mainArea, body#rebates #mainArea, body#testimonials #mainArea {padding: 0px;} body#specials p, body#newVehicleSpecials p, body#preOwnedVehicleSpecials p, body#partsDeptSpecials p, body#serviceDeptSpecials p, body#financeDeptSpecials p, body#leasingSpecials p, body#customSpecials p, body#specialsDetails p {margin-top: 5px; margin-bottom: 15px; padding-left: 10px;} body#specials h1, body#newVehicleSpecials h1, body#preOwnedVehicleSpecials h1, body#partsDeptSpecials h1, body#serviceDeptSpecials h1, body#financeDeptSpecials h1, body#leasingSpecials h1, body#customSpecials h1, body#specialsDetails h1 {margin-top: 5px; padding-left: 10px;} .specialsSnapshot, .specialsSnapshotAlt {padding: 2px; border-bottom: 1px solid #CCCCCC;} .specialsSnapshotAlt {background-color: #DDDDDD;} .specialImage {float: left; margin-right: 5px; border: 0px;} .specialImage img {width: 50px; border: 1px solid #CCCCCC;} body#home .specialImage img {width: 30px; border: 1px solid #CCCCCC;} .specialsSnapshot .inventoryInfo, .specialsSnapshotAlt .inventoryInfo, .specialsSnapshot h3, .specialsSnapshotAlt h3 {float: left;} .specialsSnapshot h4, .specialsSnapshotAlt h4 {font-size: 18px;} body#home .specialsSnapshot h4, body#home .specialsSnapshotAlt h4 {font-size: 14px;} body#home #featuresAndSpecials .specialsContainer { width: 400px; } .specialsSnapshot .price, .specialsSnapshotAlt .price { font-size: 16px; /* width: 350px; */ display: block; color: #ffffff; } .specialsSnapshot .dealerHDNotes, .specialsSnapshotAlt .dealerHDNotes, .specialsSnapshot .vehicleNotes, .specialsSnapshotAlt .vehicleNotes { font-size: 14px; font-weight: normal; font-style: italic; padding-left: 3px;} .specialsSnapshot .stock, .specialsSnapshotAlt .stock, .specialsSnapshot .miles, .specialsSnapshotAlt .miles, .specialsSnapshot .color, .specialsSnapshotAlt .color, .specialsSnapshot .modelNum, .specialsSnapshotAlt .modelNum {display: none;} 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;} /* ------------------------------------------------------------------ Home Specials ------------------------------------------------------------------ */ body#home .specialsHeader, body#home .featuredSpecialIcon { display: none; } body#home #featuresAndSpecials .specialsContainer h4 { padding: 0 3px; } body#home #featuresAndSpecials .specialsContainer h4 a span.make { display: block; } body#home #featuresAndSpecials { width: 830px; float: none; } body#home #featuresAndSpecials .specialsContainer { width: 822px; margin-left: 16px; } body#home .specialsContainer { text-align: center; } body#home .specialsContainer .specialsSnapshot, body#home .specialsContainer .specialsSnapshotAlt { float: left; color: #FFFFFF; width: 132px; height: 220px; margin-top: 4px; margin: 0px; border: none; } body#home .specialsContainer .specialsSnapshot { background: url(images/homeSpecialsBkg.jpg) no-repeat top left; } body#home .specialsContainer .specialsSnapshotAlt { background: url(images/homeSpecialsBkg.jpg) no-repeat top left; } /* Below is an IE6 fix for a 6 special row. */ * html body#home #featuresAndSpecials .specialsContainer .specialsSnapshotAlt { margin: 0 -8px; } body#home .specialsContainer .specialImage { width: 98%; margin-top: 5px; text-align: center; border: none; } body#home .specialsContainer .specialImage img { width: 90px; border: 1px solid #999; } body#home .specialsContainer .specialsSnapshotAlt .specialImage img { border: 1px solid #c2c2c2; } body#home .specialsContainer h4 a { font-size: 14px; text-decoration: none; } body#home .specialsContainer a { color: #000000; } body#home .specialsContainer a:hover { color: #e51f26; } body#home .specialsContainer .inventoryInfo .stock, body#home .specialsContainer .inventoryInfo .miles, body#home .specialsContainer .inventoryInfo .color, body#home .specialsContainer .inventoryInfo .modelNum { display: none; } body#home .specialsContainer .inventoryInfo { width: 130px; color: #fff; margin-top: 10px; } body#home .specialsContainer .inventoryInfo .price span { color: #FFFFFF; } body#home .specialsContainer .inventoryInfo .price { color: #FFFFFF; } body#home #featuresAndSpecials .specialsContainer .price, body#home #featuresAndSpecials .specialsContainer .price span { color: #FFFFFF; } body#home #featuresAndSpecials .specialsContainer .price span { font-size: 16px; } body#home .specialsContainer .dealerHDNotes { display: block; } body#home .specialsContainer .dealerNotes { width: 120px; margin: 0 auto; font-style: italic; } body#home .specialsSnapshot a, body#home .specialsSnapshotAlt a { color: #fff; } body#home .specialsSnapshot a:hover, body#home .specialsSnapshotAlt a:hover { color: #ffff92; } .specialsImageBattery { margin: 15px 0px 0px 3px; } .specialsImage { margin: 5px 0px 5px 1px; } /* ---------- ~General Content Styling ---------- */ /* ~Carbuilder styles */ .hoursHolder:hover, #vehicleOverview ul li:hover, #pricingInfo div:hover, #vehicleColors .formRow:hover, body#carbuilder tbody tr.vehicleData:hover, body#carbuilder tbody tr.vehicleDataSelectOne:hover {/*cursor: pointer;*/ background-color: #DDDDDD;} /* ----------------- ~Service ------------------- */ body#service #mainArea {float: left; } body#service #subArea { float: right; } /* ----------------- ~Financing ---------------- */ body#financing #mainArea { float: left; } body#financing #subArea { float: right; } /* -------------- ~Information ---------------- */ body#information #mainArea {clear: both; width: 825px;} /* ---------------- ~Directions ---------------- */ body#directions #mainArea { width: 97%; } /* ---------------- ~Privacy ------------------- */ body#privacy #mainArea {clear: both; width: 825px;} /* ----------------- ~Contact ------------------ */ body#contact #mainArea { float: left; } body#contact #subArea { float: right; } body#contact #subArea .dealerInfo .dealerName, body#contact #subArea .dealerInfo .street, body#contact #subArea .dealerInfo .cityInfo, body#contact #subArea .dealerInfo .phone1, body#contact #subArea .dealerInfo .phone2, body#contact #subArea .dealerInfo .phone3, body#contact #subArea .dealerInfo .fax1, body#contact #subArea .dealerInfo .fax2, body#contact #subArea .dealerInfo .email, body#contact #subArea .dealerInfo .servicePhone { padding-left: 10px; } body#contact #subArea .dealerInfo .dealerName { font-weight: bold; padding-top: 5px; } /* ---------- ~Buttons ---------- */ .financeButton { margin-top: 20px; } /* ---------- ~Text ---------- */ h1, h2, h3, h4, h5 {font-weight: normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} h1 { font-size: 24px;} h2 { font-size: 21px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 14px;} p {font-size: 12px;} /* ---------- ~Dealer Info ---------- */ .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email {font-size: 11px;} /* ---------- ~Advertising ---------- */ .noAd {margin: 20px; font-size: 16px; text-align: center;} .advertising h1, .adDate, .adDescription {padding-left: 20px; padding-right: 20px;} .adDate, .adDescription {font-size: 12px; margin-top: 3px;} .adDate {font-size: 14px; font-weight: bold;} /* ---------- ~Links ---------- */ a {color: blue; text-decoration: none;} a:hover {color: #000000;} a img {border: 0px;} /* ---------- ~Home ---------- */ body#home #mainArea { width: 845px; float: none; padding-top: 0px; padding: 0px; } body#home .sectionHeader { margin-top: 0px; } body#home #motd { width: 100%; } body#home .filterText { display: block; } #flashSlideshow { float: right; } body#home .searchBoxes, body#home #advancedSearchBoxes { padding: 0px; } body#home #searchHome { width: 210px; height: 512px; background-color: #0f75bc; } body#home #homeArea, body#home #slideShowArea, body#home #searchHome { background-color: #0f75bc; } body#home #searchTools { padding: 5px; } body#home .searchContainer h1 { /* display: none; */ } body#home .searchButtonNew, body#home .searchButtonUsed { display: block; width: 195px; height: 118px; margin: 5px 0px 0px 13px; background: url(images/buttons/searchButtonNew.gif) no-repeat top; } body#home .searchButtonUsed { background-image: url(images/buttons/searchButtonUsed.gif); } body#home .searchButtonNew:hover, body#home .searchButtonUsed:hover { background-position: bottom; } body#home .searchButtonNew { margin-top: 12px; } body#home .searchButtonNew span, body#home .searchButtonUsed span { display: none; } body#home .newSpecialsButton, body#home .serviceCouponButton, body#home .applyFinancingButton, body#home .vehiclesUnderButton, body#home .preownedSpecialsButton { display: block; width: 195px; height: 45px; padding: 0px; margin: 5px 0px 0px 13px; } body#home .currentAdsButton, body#home .yourTradeButton, body#home .preferredButton, body#home .rebatesButton { /* display: block; padding: 0px; margin: 9px; */ float: left; width: 215px; height: 118px; } body#home .newSpecialsButton span, body#home .preownedSpecialsButton span, body#home .preferredButton span, body#home .yourTradeButton span, body#home .serviceCouponButton span, body#home .applyFinancingButton span, body#home .vehiclesUnderButton span, body#home .currentHomeSpecialsButton span, body#home .vehicleButton span { display: none; } .serviceCouponButton { background: url('images/buttons/serviceCouponButton.gif') no-repeat top left; } .serviceCouponButton:hover { background: url('images/buttons/serviceCouponButtonOver.gif') no-repeat top left; } .applyFinancingButton { background: url('images/buttons/applyFinancingButton.gif') no-repeat top left; } .applyFinancingButton:hover { background: url('images/buttons/applyFinancingButtonOver.gif') no-repeat top left; } .vehiclesUnderButton { background: url('images/buttons/vehiclesUnderButton.gif') no-repeat top left; } .vehiclesUnderButton:hover { background: url('images/buttons/vehiclesUnderButtonOver.gif') no-repeat top left; } .newSpecialsButton { background: url('images/buttons/newSpecialsButton.gif') no-repeat top left; } .newSpecialsButton:hover { background: url('images/buttons/newSpecialsButtonOver.gif') no-repeat top left; } .preownedSpecialsButton { background: url('images/buttons/preownedSpecialsButton.gif') no-repeat top left; } .preownedSpecialsButton:hover { background: url('images/buttons/preownedSpecialsButtonOver.gif') no-repeat top left; } /* .currentHomeSpecialsButton { background: url('images/buttons/currentButton.gif') no-repeat top left; } .currentHomeSpecialsButton:hover { background: url('images/buttons/currentButtonOver.gif') no-repeat top left; } .preferredButton { background: url('images/buttons/preferredButton.gif') no-repeat top left; } .preferredButton:hover { background: url('images/buttons/preferredButtonOver.gif') no-repeat top left; } .yourTradeButton { background: url('images/buttons/tradeButton.gif') no-repeat top left; } .yourTradeButton:hover { background: url('images/buttons/tradeButtonOver.gif') no-repeat top left; } .vehicleButton { background: url('images/buttons/vehicleButton.gif') no-repeat top left; } .vehicleButton:hover { background: url('images/buttons/vehicleButtonOver.gif') no-repeat top left; } */ #searchByPayment h3 { margin-top: 15px; padding-left: 5px; } #homeContent { float: none; width: 840px; padding: 0px; padding-left: 10px; clear: both; } body#new .price, body#preOwned .price { color: #000000; } body#compareVehicles #header, body#vehicleDisplayPrint #header { width: 100%; background-color: white; } #dealerGroupFooter { background-color: #eff6fe; border-top: 0px; border-bottom: 0px; } .dealerGrouping h3 { font-size: 12px; font-weight: bold; } /* ---------- ~Body Shop page ---------- */ body#bodyShop .serviceForm h1, body#bodyShop .serviceForm h2 { display: none; } .bodyShopTitle { margin-top: 100px; } /* ---------- ~Staff page ---------- */ body#staff .staffContainer { height: 140px; } /* ---------- ~Custom pages ---------- */ body#valueYourTrade h1 { padding: 20px 0 0 10px; } body#valueYourTrade p { padding: 20px; } body#valueYourTrade #contactFormHolder { width: 100%; text-align: center; } body#valueYourTrade #overlayContactFrom { float: none; width: 750px; margin: 0 auto; text-align: left; } body#valueYourTrade #overlayContactFrom .formRow { width: 48%; } .print_customOfferHeader h2 { display: none; } .print_customOfferHeader h1 { margin: 10px; text-align: center; } #popupPrint ul { margin-top: 15px; } #popupPrint ul li { list-style-position: inside; margin-left: 15px; margin-top: 5px; } /* -------------------------- harborHonda.css -------------------------- */ /* <--------- Inspection Report -<< */ #thirdPartyArea .carfax {float: left; margin-left: 20px; } #certifiedArea {float: left; width: 65px; } a.pdf_download-icon {float: left; height: 60px; width: 110px; margin-left: 5px; background-image: url('images/inspectionReport.gif'); background-repeat: no-repeat; background-position: top left;} .youTubeLink { float: right; width: 105px; padding-right: 10px; display: inline; } /* <--------- Remove usage of the word "Rebate" -<< */ /* Vehicle Details */ #tab_rebates .vr_vehicleAvailableRebates h2 span span.rebates_rebatesText { display: none; } #tab_rebates .vr_vehicleAvailableRebates h2 span.rebates_rebatesAvailableTextContainer { float: left; } #tab_rebates .vr_vehicleAvailableRebates h2 span.rebates_rebatesTextContainer { float: left; display: inline; width: 55px; height: 16px; margin: 4px 0px 0px 6px; background: url(images/wordImage/wordImage_OffersHeadlineVD.gif) no-repeat; } * html #tab_rebates .vr_vehicleAvailableRebates h2 span.rebates_rebatesTextContainer { margin-top: 3px; } body#newVehicleDisplay .tabNormal, body#newVehicleDisplay .tabActive, body#preOwnedVehicleDisplay .tabNormal, body#preOwnedVehicleDisplay .tabActive { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; } #tabs span.tabAvailRebates span { display: none; } #tabs span.tabAvailRebates { float: left; display: inline; width: 79px; height: 8px; margin: 6px 0px 0px 21px; padding-bottom: 6px; background: url(images/wordImage/wordImage_IncentivesTab.gif) no-repeat; } #tabs .tabActive span.tabAvailRebates { background-image: url(images/wordImage/wordImage_IncentivesTabBold.gif); } #tab_rebates .vr_vehicleAvailableRebates tfoot span.theFollowing, #tab_rebates .vr_vehicleAvailableRebates tfoot span.areFor, #tab_rebates .vr_vehicleAvailableRebates tfoot span.vr_modelYear, #tab_rebates .vr_vehicleAvailableRebates tfoot span.vr_carName, #tab_rebates .vr_vehicleAvailableRebates tfoot span.rebateOnly, #tab_rebates .vr_vehicleAvailableRebates tfoot span.allListed, #tab_rebates .vr_vehicleAvailableRebates tfoot span.areFor, #tab_rebates .vr_vehicleAvailableRebates tfoot span.rebatesGoodThrough, #tab_rebates .vr_vehicleAvailableRebates tfoot span.seeDealerForDetailsText { float: left; font-size: 11px; } #tab_rebates .vr_vehicleAvailableRebates tfoot span.vr_modelYear, #tab_rebates .vr_vehicleAvailableRebates tfoot span.vr_carName, #tab_rebates .vr_vehicleAvailableRebates tfoot span.rebateOnly, #tab_rebates .vr_vehicleAvailableRebates tfoot span.allListed { margin-left: 2px; } #tab_rebates .vr_vehicleAvailableRebates tfoot span.seeDealerForDetailsText { margin-left: 3px; } #tab_rebates .vr_vehicleAvailableRebates tfoot span span.rebates_rebatesText { display: none; } #tab_rebates .vr_vehicleAvailableRebates tfoot span.rebates_rebatesTextContainer { float: left; display: inline; width: 25px; height: 9px; margin: 1px 3px 0px 3px; margin-top: 2px\9; background: url(images/wordImage/wordImage_OffersDisclaimerVD.gif) no-repeat; } /* Rebates Page */ body#rebates h1 span.rebates_rebatesText, body#rebates h1 span.rebates_andText { display: none; } * html body#rebates h1 span.rebates_incentivesText { margin-left: -13px; } * + html body#rebates h1 span.rebates_incentivesText { margin-left: -13px; } body#rebates #mainArea, body#rebates table { width: 850px; } body#rebates table th { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; } body#rebates table th.groupAndOrTotalCash span.rebates_cashText, body#rebates table th.totalCash span.rebates_cashText { display: none; } body#rebates table th.groupAndOrTotalCash span.rebates_cashTextContainer, body#rebates table th.totalCash span.rebates_cashTextContainer { float: left; display: inline; width: 52px; height: 10px; margin-top: 2px; background: url(images/wordImage/wordImage_IncentiveTable.gif) no-repeat; } body#rebates table th.groupAndOrBonusCash span.rebates_cashText { display: none; } body#rebates .bonusCash span.rebates_cashText { display: none; } body#rebates tfoot span { float: left; font-size: 11px; } body#rebates tfoot span.vehiclesOnly { margin-left: 2px; } body#rebates tfoot span.allListed { margin-left: 3px; } body#rebates tfoot span.rebates_rebatesText { display: none; } body#rebates tfoot span.rebates_rebatesTextContainer { float: left; display: inline; width: 25px; height: 9px; margin: 1px 3px 0px 3px; margin-top: 2px\9; background: url(images/wordImage/wordImage_OffersDisclaimerRebates.gif) no-repeat; } body#rebates .vr_rebatesLegend h3 span.rebates_rebatesText, body#rebates .vr_rebatesLegend h3 span.rebates_andText { display: none; } /* Inventory Listing */ body#newInventory .invIcons .invRebatesInactive, body#newInventory .invIcons .invRebatesActive, body#NewInventory .invIcons .invRebatesInactive, body#NewInventory .invIcons .invRebatesActive { display: none; } /* -------------------------- homeCustomOffer.css -------------------------- */ /* ---------------------------------------------------------------------------------- ~Print Custom Offer ------------------------------------------------------------------------------------- */ div#customOfferOverlay { width: 835px; width: 760px; /* This width is for the FREE ANNUAL SPRING SERVICE CLINIC offer */ position: absolute; top: 0; left: 0; padding: 5px; z-index: 160; margin: 0 auto; color: black; background-color: #fff; border: 4px solid #666666; } div#customOfferOverlay.overlay { background-image: none; } div#customOfferOverlay .overlay_Form { margin: 0px; } div#customOfferClose { clear: both; height: 36px; width: 320px; cursor: pointer; margin: 0 auto 10px auto; background: transparent url(images/buttons/closeWindow.png) no-repeat top left; } #overlayOfferArea { /* float: left; width: 470px; padding: 5px; */ margin: 0; padding: 0px; width: auto; } #overlayOfferArea h2 { font-size: 18px; } #overlayContactFrom { float: right; width: 345px; } #overlayContactFrom legend { color: #666666; } #overlayContactFrom .formBlock { float: none; } #overlayContactFrom .formRow { float: left; width: 163px; } #overlayContactFrom #first_name_row input, #overlayContactFrom #last_name_row input, #overlayContactFrom #street_address_row input, #overlayContactFrom #city_row input, #overlayContactFrom #email_row input, #overlayContactFrom #make_row input, #overlayContactFrom #model_row input { width: 130px; } #overlayContactFrom #state_row select { width: 133px; } #overlayContactFrom #comments_row textarea { width: 290px; } #overlayContactFrom #phone_number_row { float: none; width: 300px; } .verticalContactForm #positiveFeedback { margin-bottom: 10px; } .verticalContactForm #negativeFeedback { margin-bottom: 10px; } #overlayContactFrom #positiveFeedback { display: none; color: #fff; font-size: 11px; background-color: #34a941; padding: 10px; margin-bottom: 15px; } #overlayContactFrom #negativeFeedback { display: none; color: #fff; font-size: 11px; background-color: #ee1c25; padding: 10px; margin-bottom: 15px; } /* ---------------------------------------------------------------------------------- ~Print Custom Offer ------------------------------------------------------------------------------------- */ body#customOffer #popupPrint { background-image: none; } body#customOffer #constraint { width: 550px; margin: 10px auto; text-align: left; } body#customOffer #footer { width: 550px; } body#customOffer #pageGen { display: none; } /* -------------------------- jsCalendar.css -------------------------- */ img {border: none;} div#jsCal {background-color: #423960; border: 1px solid #FFFFFF;} div#jsCalCaption {color: #fff;} div#jsCalCaption table {color: #e2dfe6;} div.jsCalCurrentMonth {color: #FFFFFF;} div#jsCalDisplay table {background-color: #63568F;} div#jsCalDisplay table td {color: #423960;} div#jsCalDisplay table td:hover {background-color: #8B80B3; color: #e2dfe6;} div#jsCalDisplay table th {color: #ffffff;} span.jsCalCurDay {color: #211D30;} /* FIX: Complete Browser Support read this: http://www.quirksmode.org/css/cursor.html#note also had to take the :hover off to make it work. */ td.jsCalWeekday {background-color: #b8b1d0; cursor: pointer;} /* FIX: Complete Browser Support read this: http://www.quirksmode.org/css/cursor.html#note also had to take the :hover off to make it work. */ td.jsCalWeekend {background-color: #e2dfe6; cursor: pointer;} /* -------------------------- nav.css -------------------------- */ #navigation {position: relative; width: 100%; border-bottom: 1px solid #999999; background-color: #fbe000; background-image: url('images/navigation/nav.jpg'); background-repeat: repeat-x; background-position: top left;z-index: 50;} #nav, #nav ul {float: left; width: 825px; list-style: none; z-index: 250;} #nav a {display: block; color: #000000; text-align: center;} #nav li {float: left; padding: 0; width: 9.9%; height: 45px; font-size: 12px; line-height: 45px; color: #CCCCCC; border-left: 1px solid #f4bd07; background: transparent; background-image: url('images/navigation/nav.jpg'); background-repeat: no-repeat; background-position: top left; text-transform: uppercase; /* font-weight: bold; */} #nav li#nav_home { width: 50px; } #nav li#nav_new { width: 45px; } #nav li#nav_preOwned { width: 85px; } #nav li#nav_parts { width: 60px; } #nav li#nav_specials { width: 75px; } #nav li#nav_service { width: 67px; } #nav li#nav_accessories { width: 90px; } #nav li#nav_Under9995Inventory { width: 95px; } #nav li#nav_financing { width: 80px; } #nav li#nav_information { width: 90px; } #nav li#nav_contact { width: 70px; } #nav li ul {position: absolute; left: -999em; top: 44px; width: 156px; height:auto !important; padding: 0px; padding-bottom: 8px; margin: 0; border-top: 1px solid #000000; background-image: url('images/navigation/navDropDownBack.jpg'); background-position: bottom left; background-repeat: no-repeat;} #nav li li {height: auto; width: 140px; padding: 3px; margin: 0 4px; text-align: left; line-height: 16px; border: 0px; border-top: 0px; border-bottom: 0px; background-image: none;} * html #nav li li {padding: 3px 0; } /* Fixes the appearence in IE6. */ #nav li ul a {color: #000000; text-align: left;} #nav li ul ul {margin: -1.75em 0 0 14em; margin: -1.7em 0 0 13.95em;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover {background-color: blue;} /* ---------- ~Nav Indicators ---------- */ /* ---------- ~Nav Indicators ---------- */ #nav li li:hover, #nav li li.sfhover { background-color: #f4bd07; } .sub_marker, body#compareVehicles .sub_marker { color: #cc0000; } .main_marker a span.main_marker, body#compareVehicles .main_marker a span.main_marker { color: #cc0000; background-image: none; } .main_marker, .sub_marker, body#compareVehicles .main_marker, body#compareVehicles .sub_marker { background-color: transparent; } .sub_marker, body#compareVehicles .sub_marker { background-color: #f4bd07; } /* -------------------------- NewInventory.css -------------------------- */ body#NewInventory #inventoryContent .alternateInv, body#NewInventory #inventoryContent .normalInv, body#NewInventory #inventoryContent .specialInv, body#NewInventory #inventoryContent .featuredInv, body#NewInventory #inventoryContent .greenInv { width: 865px; margin-left: 2px; padding-bottom: 3px; color: #000; } body#NewInventory #inventoryContent .invPicture { float: left; position:relative; height: 75px; margin: 8px; width: 100px; margin-top: 2px; text-align: center; border: 1px solid #CCCCCC; } body#NewInventory .inventoryInfo { float: left; width: 400px; font-size: 11px; margin-bottom: 10px; } 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#NewInventory .inventoryInfo .payment { float: left; width: 190px; margin-left: 5px; margin-bottom: 3px; } body#NewInventory .inventoryInfo .vin label, body#NewInventory .inventoryInfo .stock label, body#NewInventory .inventoryInfo .miles label, body#NewInventory .inventoryInfo .price label, body#NewInventory .inventoryInfo .extColor label, body#NewInventory .inventoryInfo .intColor label, body#NewInventory .inventoryInfo .doors label, body#NewInventory .inventoryInfo .modelNum label, body#NewInventory .inventoryInfo .payment label { font-weight: bold; } body#NewInventory .inventoryInfo .vin span, body#NewInventory .inventoryInfo .stock span, body#NewInventory .inventoryInfo .miles span, body#NewInventory .inventoryInfo .price span, body#NewInventory .inventoryInfo .extColor span, body#NewInventory .inventoryInfo .intColor span, body#NewInventory .inventoryInfo .doors span, body#NewInventory .inventoryInfo .modelNum span{ margin-left: 3px; font-size: 11px; } body#NewInventory .inventoryInfo .price span, body#NewInventory .inventoryInfo .payment span { margin-left: 3px; font-size: 14px; font-weight: bold; } body#NewInventory .inventoryInfo .price span .disclaimerSS, body#NewInventory .inventoryInfo .payment span .disclaimerSS { font-size: 11px; font-weight: bold; } body#NewInventory .inventoryInfo .price span.disclaimerSS, body#NewInventory .inventoryInfo .payment span.disclaimerSS, body#NewInventory .payment span.disclaimerSS, body#NewInventory .vehiclePrice span.disclaimerSS { font-size: 11px; font-weight: normal; vertical-align: text-top; } body#NewInventory #siteBottom #disclaimer { margin-top: 0px; } /* ----------- Line Listing Calculators ----------- */ body#NewInventory .pmtTools .cashBackCalc img, body#NewInventory .pmtTools .loanCalc img, body#NewInventory .pmtTools .affordabilityCalc img, body#NewInventory .pmtTools .loanVsLeaseCalc img { width: 15px; } /* -------------------- Certified -------------------- */ body#NewInventory .corpCertified {float: left;} /* ------------ MPG Attributes ---------------- */ body#NewInventory .mpgListing { float: right; width: 160px; margin-right: 15px; } body#NewInventory .mpgCity { float: left; width: 65px; text-align: center; } body#NewInventory .mpgHighway { float: right; width: 65px; text-align: center; } body#NewInventory .mpgCity label, body#NewInventory .mpgHighway label { display: block; font-size: 11px; } body#NewInventory .mpgCity span, body#NewInventory .mpgHighway span { display: inline; font-weight: bold; font-size: 12px; } /* --------- Line Listing Tools ----------------- */ body#NewInventory .perPage { float: right; width: 45%; height: 30px; margin-top: 10px; margin-right: 10px; } body#NewInventory .perPage span { color: #666666; font-size: 11px; } /* ------ Inventory Dealer Info Attributes ------ */ body#NewInventory #inventoryContent .dealerInfo { clear: both; margin: 0px 10px 6px 10px; text-align: center; font-weight: bold; font-size: 11px; display: none; } /* body#NewInventory #inventoryContent .dealerName {color: red; font-size: 14px;} body#NewInventory #inventoryContent .dealerInfo div { display: inline; } body#NewInventory #inventoryContent .dealerInfo .dealerLogo { display: none; } body#NewInventory #inventoryContent { margin-top: 10px; margin-bottom: 10px; } */ /* <--------- Global Search Attributes -<< */ body#NewInventory .searchContainer h1 { float: left; padding: 5px; width: 560px; } #searchTools { clear: both; /* padding: 10px; */ } body#NewInventory .searchContainer { width: 100%; } body#NewInventory .searchBoxes { padding: 5px; } body#NewInventory .searchBoxes .filterText { display: block; } body#NewInventory .searchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* --------- Search Instructions Attributes --------- */ body#NewInventory #searchInstructions { float: left; width: 560px; } body#NewInventory #searchInstructions span { padding: 5px 10px 0px 10px; } /* --------- Search Texts Attributes ------------ */ body#NewInventory .searchTexts { float: right; width: 200px; } body#NewInventory .searchTexts .filterText { display: block; } /* --------- Search Type Attributes ----------- */ body#NewInventory .searchBoxes .searchType { float: left; width: 120px; } body#NewInventory .searchBoxes .searchType select { width: 110px; } /* --------- Search Store Attributes ---------------- */ body#NewInventory .searchBoxes .searchStore { float: left; width: 270px; } body#NewInventory .searchBoxes .searchStore select { width: 260px; } /* --------- Search Year Attributes ----------- */ body#NewInventory .searchBoxes .searchYear { float: left; width: 110px; } body#NewInventory .searchBoxes .searchYear select { width: 100px; } /* --------- Search Make Attributes -------------- */ body#NewInventory .searchBoxes .searchMake { float: left; width: 160px; } body#NewInventory .searchBoxes .searchMake select { width: 150px; } /* --------- Search Model Attributes ----------- */ body#NewInventory .searchBoxes .searchModel { float: left; width: 190px; } body#NewInventory .searchBoxes .searchModel select { width: 180px; } /* --------- Advanced Search Attributes ----------- */ body#NewInventory #advancedSearchLink{ clear: both; display: block; clear: both; cursor: pointer; padding: 5px 5px 5px 5px; } body#NewInventory #advancedSearchBoxes { margin: 0 auto; width: 840px; padding: 5px; } body#NewInventory #advancedSearchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* --------- Search Body Attributes ------------- */ body#NewInventory #advancedSearchBoxes .searchTrim, body#NewInventory #advancedSearchBoxes .searchBody, body#NewInventory #advancedSearchBoxes .searchMpg, body#NewInventory #advancedSearchBoxes .searchTrans, body#NewInventory #advancedSearchBoxes .searchExtColor, body#NewInventory #advancedSearchBoxes .searchMiles, body#NewInventory #advancedSearchBoxes .searchMaxPrice, body#NewInventory #advancedSearchBoxes .searchCertified { float: left; width: 210px; } body#NewInventory #advancedSearchBoxes .searchTrim select, body#NewInventory #advancedSearchBoxes .searchBody select, body#NewInventory #advancedSearchBoxes .searchMpg select, body#NewInventory #advancedSearchBoxes .searchTrans select, body#NewInventory #advancedSearchBoxes .searchExtColor select, body#NewInventory #advancedSearchBoxes .searchMiles select, body#NewInventory #advancedSearchBoxes .searchMaxPrice select, body#NewInventory #advancedSearchBoxes .searchCertified select { width: 200px; } /* --------- Ordering Tools Attributes ---------- */ body#NewInventory #orderingTools { /* display: none; */ float: right; } /* --------- Submit Block Attributes ----------- */ body#NewInventory .submitBlock { clear: both; text-align: center; /* padding: 10px 5px 10px 5px; */ } /* --------------- Page Display --------------- */ body#NewInventory .pageDisplay { float: right; width: 45%; color: #666666; text-align: right; font-size: 12px; padding: 15px 10px 0px 0px; } body#NewInventory .pageDisplay span { color: #666666; font-size: 16px; } body#NewInventory .pageDisplay .totalVehicles { color: red; font-size: 21px; } /* -------------------------- search.css -------------------------- */ #searchTools, body#newInventory .submitBlock, body#preOwnedInventory .submitBlock, body#new .submitBlock, body#preOwned .submitBlock, body#commercialInventory .submitBlock, body#commercial .submitBlock, body#Under9995Inventory .submitBlock, body#newInventory .searchBoxes, body#preOwnedInventory .searchBoxes, body#new .searchBoxes, body#preOwned .searchBoxes, body#commercialInventory .searchBoxes, body#commercial .searchBoxes, body#Under9995Inventory .searchBoxes { padding-top: 0; padding-bottom: 0; } .orderBoxes select { margin-bottom: 0; } body#newInventory #inventorySearch, body#preOwnedInventory #inventorySearch, body#new #inventorySearch, body#preOwned #inventorySearch, body#commercialInventory #inventorySearch, body#commercial #inventorySearch, body#Under9995Inventory #inventorySearch { position: relative; width: 865px; } body#newInventory .searchTexts, body#preOwnedInventory .searchTexts, body#new .searchTexts, body#preOwned .searchTexts, body#commercialInventory .searchTexts, body#commercial .searchTexts, body#Under9995Inventory .searchTexts { position: absolute; top: 7px; right: 0; } .permalinks { width: 280px; padding: 0; margin-top: 10px; margin-right: 5px; } .directLink a, .rssLink a, .carfinderLink a { float: right; display: block; width: 120px; } body#newInventory #searchInstructions, body#preOwnedInventory #searchInstructions, body#new #searchInstructions, body#preOwned #searchInstructions, body#commercialInventory #searchInstructions, body#commercial #searchInstructions, body#Under9995Inventory #searchInstructions { padding-bottom: 10px; } body#newInventory .pageDisplay, body#preOwnedInventory .pageDisplay, body#commercialInventory .pageDisplay, body#Under9995Inventory .pageDisplay { padding-top: 0; } /* -------------------------- under9995Inventory.css -------------------------- */ body#Under9995Inventory #inventoryContent .alternateInv, body#Under9995Inventory #inventoryContent .normalInv, body#Under9995Inventory #inventoryContent .specialInv, body#Under9995Inventory #inventoryContent .featuredInv, body#Under9995Inventory #inventoryContent .greenInv { width: 865px; margin-left: 2px; padding-bottom: 3px; color: #000; } body#Under9995Inventory #inventoryContent .invPicture { float: left; position:relative; height: 75px; margin: 8px; width: 100px; margin-top: 2px; text-align: center; border: 1px solid #CCCCCC; } body#Under9995Inventory .inventoryInfo { float: left; width: 400px; font-size: 11px; margin-bottom: 10px; } body#Under9995Inventory .inventoryInfo .vin, body#Under9995Inventory .inventoryInfo .stock, body#Under9995Inventory .inventoryInfo .miles, body#Under9995Inventory .inventoryInfo .price, body#Under9995Inventory .inventoryInfo .extColor, body#Under9995Inventory .inventoryInfo .intColor, body#Under9995Inventory .inventoryInfo .doors, body#Under9995Inventory .inventoryInfo .modelNum, body#Under9995Inventory .inventoryInfo .payment { float: left; width: 190px; margin-left: 5px; margin-bottom: 3px; } body#Under9995Inventory .inventoryInfo .vin label, body#Under9995Inventory .inventoryInfo .stock label, body#Under9995Inventory .inventoryInfo .miles label, body#Under9995Inventory .inventoryInfo .price label, body#Under9995Inventory .inventoryInfo .extColor label, body#Under9995Inventory .inventoryInfo .intColor label, body#Under9995Inventory .inventoryInfo .doors label, body#Under9995Inventory .inventoryInfo .modelNum label, body#Under9995Inventory .inventoryInfo .payment label { font-weight: bold; } body#Under9995Inventory .inventoryInfo .vin span, body#Under9995Inventory .inventoryInfo .stock span, body#Under9995Inventory .inventoryInfo .miles span, body#Under9995Inventory .inventoryInfo .price span, body#Under9995Inventory .inventoryInfo .extColor span, body#Under9995Inventory .inventoryInfo .intColor span, body#Under9995Inventory .inventoryInfo .doors span, body#Under9995Inventory .inventoryInfo .modelNum span{ margin-left: 3px; font-size: 11px; } body#Under9995Inventory .inventoryInfo .price span, body#Under9995Inventory .inventoryInfo .payment span { margin-left: 3px; font-size: 14px; font-weight: bold; } body#Under9995Inventory .inventoryInfo .price span .disclaimerSS, body#Under9995Inventory .inventoryInfo .payment span .disclaimerSS { font-size: 11px; font-weight: bold; } body#Under9995Inventory .inventoryInfo .price span.disclaimerSS, body#Under9995Inventory .inventoryInfo .payment span.disclaimerSS, body#Under9995Inventory .payment span.disclaimerSS, body#Under9995Inventory .vehiclePrice span.disclaimerSS { font-size: 11px; font-weight: normal; vertical-align: text-top; } body#Under9995Inventory #siteBottom #disclaimer { margin-top: 0px; } /* ----------- Line Listing Calculators ----------- */ body#Under9995Inventory .pmtTools .cashBackCalc img, body#Under9995Inventory .pmtTools .loanCalc img, body#Under9995Inventory .pmtTools .affordabilityCalc img, body#Under9995Inventory .pmtTools .loanVsLeaseCalc img { width: 15px; } /* -------------------- Certified -------------------- */ body#Under9995Inventory .corpCertified {float: left;} /* ------------ MPG Attributes ---------------- */ body#Under9995Inventory .mpgListing { float: right; width: 160px; margin-right: 15px; } body#Under9995Inventory .mpgCity { float: left; width: 65px; text-align: center; } body#Under9995Inventory .mpgHighway { float: right; width: 65px; text-align: center; } body#Under9995Inventory .mpgCity label, body#Under9995Inventory .mpgHighway label { display: block; font-size: 11px; } body#Under9995Inventory .mpgCity span, body#Under9995Inventory .mpgHighway span { display: inline; font-weight: bold; font-size: 12px; } /* --------- Line Listing Tools ----------------- */ body#Under9995Inventory .perPage { float: right; width: 45%; height: 30px; margin-top: 10px; margin-right: 10px; } body#Under9995Inventory .perPage span { color: #666666; font-size: 11px; } /* ------ Inventory Dealer Info Attributes ------ */ body#Under9995Inventory #inventoryContent .dealerInfo { clear: both; margin: 0px 10px 6px 10px; text-align: center; font-weight: bold; font-size: 11px; display: none; } /* body#Under9995Inventory #inventoryContent .dealerName {color: red; font-size: 14px;} body#Under9995Inventory #inventoryContent .dealerInfo div { display: inline; } body#Under9995Inventory #inventoryContent .dealerInfo .dealerLogo { display: none; } body#Under9995Inventory #inventoryContent { margin-top: 10px; margin-bottom: 10px; } */ /* <--------- Global Search Attributes -<< */ body#Under9995Inventory .searchContainer h1 { float: left; padding: 5px; width: 560px; } #searchTools { clear: both; /* padding: 10px; */ } body#Under9995Inventory .searchContainer { width: 100%; } body#Under9995Inventory .searchBoxes { padding: 5px; } body#Under9995Inventory .searchBoxes .filterText { display: block; } body#Under9995Inventory .searchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* --------- Search Instructions Attributes --------- */ body#Under9995Inventory #searchInstructions { float: left; width: 560px; } body#Under9995Inventory #searchInstructions span { padding: 5px 10px 0px 10px; } /* --------- Search Texts Attributes ------------ */ body#Under9995Inventory .searchTexts { float: right; width: 200px; } body#Under9995Inventory .searchTexts .filterText { display: block; } /* --------- Search Type Attributes ----------- */ body#Under9995Inventory .searchBoxes .searchType { float: left; width: 120px; } body#Under9995Inventory .searchBoxes .searchType select { width: 110px; } /* --------- Search Store Attributes ---------------- */ body#Under9995Inventory .searchBoxes .searchStore { float: left; width: 270px; } body#Under9995Inventory .searchBoxes .searchStore select { width: 260px; } /* --------- Search Year Attributes ----------- */ body#Under9995Inventory .searchBoxes .searchYear { float: left; width: 110px; } body#Under9995Inventory .searchBoxes .searchYear select { width: 100px; } /* --------- Search Make Attributes -------------- */ body#Under9995Inventory .searchBoxes .searchMake { float: left; width: 160px; } body#Under9995Inventory .searchBoxes .searchMake select { width: 150px; } /* --------- Search Model Attributes ----------- */ body#Under9995Inventory .searchBoxes .searchModel { float: left; width: 190px; } body#Under9995Inventory .searchBoxes .searchModel select { width: 180px; } /* --------- Advanced Search Attributes ----------- */ body#Under9995Inventory #advancedSearchLink{ clear: both; display: block; clear: both; cursor: pointer; padding: 5px 5px 5px 5px; } body#Under9995Inventory #advancedSearchBoxes { margin: 0 auto; width: 840px; padding: 5px; } body#Under9995Inventory #advancedSearchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* --------- Search Body Attributes ------------- */ body#Under9995Inventory #advancedSearchBoxes .searchTrim, body#Under9995Inventory #advancedSearchBoxes .searchBody, body#Under9995Inventory #advancedSearchBoxes .searchMpg, body#Under9995Inventory #advancedSearchBoxes .searchTrans, body#Under9995Inventory #advancedSearchBoxes .searchExtColor, body#Under9995Inventory #advancedSearchBoxes .searchMiles, body#Under9995Inventory #advancedSearchBoxes .searchMaxPrice, body#Under9995Inventory #advancedSearchBoxes .searchCertified { float: left; width: 210px; } body#Under9995Inventory #advancedSearchBoxes .searchTrim select, body#Under9995Inventory #advancedSearchBoxes .searchBody select, body#Under9995Inventory #advancedSearchBoxes .searchMpg select, body#Under9995Inventory #advancedSearchBoxes .searchTrans select, body#Under9995Inventory #advancedSearchBoxes .searchExtColor select, body#Under9995Inventory #advancedSearchBoxes .searchMiles select, body#Under9995Inventory #advancedSearchBoxes .searchMaxPrice select, body#Under9995Inventory #advancedSearchBoxes .searchCertified select { width: 200px; } /* --------- Ordering Tools Attributes ---------- */ body#Under9995Inventory #orderingTools { /* display: none; */ float: right; } /* --------- Submit Block Attributes ----------- */ body#Under9995Inventory .submitBlock { clear: both; text-align: center; /* padding: 10px 5px 10px 5px; */ } /* --------------- Page Display --------------- */ body#Under9995Inventory .pageDisplay { float: right; width: 45%; color: #666666; text-align: right; font-size: 12px; padding: 15px 10px 0px 0px; } body#Under9995Inventory .pageDisplay span { color: #666666; font-size: 16px; } body#Under9995Inventory .pageDisplay .totalVehicles { color: red; font-size: 21px; } /* -------------------------- UsedInventory.css -------------------------- */ body#UsedInventory #inventoryContent .alternateInv, body#UsedInventory #inventoryContent .normalInv, body#UsedInventory #inventoryContent .specialInv, body#UsedInventory #inventoryContent .featuredInv, body#UsedInventory #inventoryContent .greenInv { width: 865px; margin-left: 2px; padding-bottom: 3px; color: #000; } body#UsedInventory #inventoryContent .invPicture { float: left; position:relative; height: 75px; margin: 8px; width: 100px; margin-top: 2px; text-align: center; border: 1px solid #CCCCCC; } body#UsedInventory .inventoryInfo { float: left; width: 400px; font-size: 11px; margin-bottom: 10px; } body#UsedInventory .inventoryInfo .vin, body#UsedInventory .inventoryInfo .stock, body#UsedInventory .inventoryInfo .miles, body#UsedInventory .inventoryInfo .price, body#UsedInventory .inventoryInfo .extColor, body#UsedInventory .inventoryInfo .intColor, body#UsedInventory .inventoryInfo .doors, body#UsedInventory .inventoryInfo .modelNum, body#UsedInventory .inventoryInfo .payment { float: left; width: 190px; margin-left: 5px; margin-bottom: 3px; } body#UsedInventory .inventoryInfo .vin label, body#UsedInventory .inventoryInfo .stock label, body#UsedInventory .inventoryInfo .miles label, body#UsedInventory .inventoryInfo .price label, body#UsedInventory .inventoryInfo .extColor label, body#UsedInventory .inventoryInfo .intColor label, body#UsedInventory .inventoryInfo .doors label, body#UsedInventory .inventoryInfo .modelNum label, body#UsedInventory .inventoryInfo .payment label { font-weight: bold; } body#UsedInventory .inventoryInfo .vin span, body#UsedInventory .inventoryInfo .stock span, body#UsedInventory .inventoryInfo .miles span, body#UsedInventory .inventoryInfo .price span, body#UsedInventory .inventoryInfo .extColor span, body#UsedInventory .inventoryInfo .intColor span, body#UsedInventory .inventoryInfo .doors span, body#UsedInventory .inventoryInfo .modelNum span{ margin-left: 3px; font-size: 11px; } body#UsedInventory .inventoryInfo .price span, body#UsedInventory .inventoryInfo .payment span { margin-left: 3px; font-size: 14px; font-weight: bold; } body#UsedInventory .inventoryInfo .price span .disclaimerSS, body#UsedInventory .inventoryInfo .payment span .disclaimerSS { font-size: 11px; font-weight: bold; } body#UsedInventory .inventoryInfo .price span.disclaimerSS, body#UsedInventory .inventoryInfo .payment span.disclaimerSS, body#UsedInventory .payment span.disclaimerSS, body#UsedInventory .vehiclePrice span.disclaimerSS { font-size: 11px; font-weight: normal; vertical-align: text-top; } body#UsedInventory #siteBottom #disclaimer { margin-top: 0px; } /* ----------- Line Listing Calculators ----------- */ body#UsedInventory .pmtTools .cashBackCalc img, body#UsedInventory .pmtTools .loanCalc img, body#UsedInventory .pmtTools .affordabilityCalc img, body#UsedInventory .pmtTools .loanVsLeaseCalc img { width: 15px; } /* -------------------- Certified -------------------- */ body#UsedInventory .corpCertified {float: left;} /* ------------ MPG Attributes ---------------- */ body#UsedInventory .mpgListing { float: right; width: 160px; margin-right: 15px; } body#UsedInventory .mpgCity { float: left; width: 65px; text-align: center; } body#UsedInventory .mpgHighway { float: right; width: 65px; text-align: center; } body#UsedInventory .mpgCity label, body#UsedInventory .mpgHighway label { display: block; font-size: 11px; } body#UsedInventory .mpgCity span, body#UsedInventory .mpgHighway span { display: inline; font-weight: bold; font-size: 12px; } /* --------- Line Listing Tools ----------------- */ body#UsedInventory .perPage { float: right; width: 45%; height: 30px; margin-top: 10px; margin-right: 10px; } body#UsedInventory .perPage span { color: #666666; font-size: 11px; } /* ------ Inventory Dealer Info Attributes ------ */ body#UsedInventory #inventoryContent .dealerInfo { clear: both; margin: 0px 10px 6px 10px; text-align: center; font-weight: bold; font-size: 11px; display: none; } /* body#UsedInventory #inventoryContent .dealerName {color: red; font-size: 14px;} body#UsedInventory #inventoryContent .dealerInfo div { display: inline; } body#UsedInventory #inventoryContent .dealerInfo .dealerLogo { display: none; } body#UsedInventory #inventoryContent { margin-top: 10px; margin-bottom: 10px; } */ /* <--------- Global Search Attributes -<< */ body#UsedInventory .searchContainer h1 { float: left; padding: 5px; width: 560px; } #searchTools { clear: both; /* padding: 10px; */ } body#UsedInventory .searchContainer { width: 100%; } body#UsedInventory .searchBoxes { padding: 5px; } body#UsedInventory .searchBoxes .filterText { display: block; } body#UsedInventory .searchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* --------- Search Instructions Attributes --------- */ body#UsedInventory #searchInstructions { float: left; width: 560px; } body#UsedInventory #searchInstructions span { padding: 5px 10px 0px 10px; } /* --------- Search Texts Attributes ------------ */ body#UsedInventory .searchTexts { float: right; width: 200px; } body#UsedInventory .searchTexts .filterText { display: block; } /* --------- Search Type Attributes ----------- */ body#UsedInventory .searchBoxes .searchType { float: left; width: 120px; } body#UsedInventory .searchBoxes .searchType select { width: 110px; } /* --------- Search Store Attributes ---------------- */ body#UsedInventory .searchBoxes .searchStore { float: left; width: 270px; } body#UsedInventory .searchBoxes .searchStore select { width: 260px; } /* --------- Search Year Attributes ----------- */ body#UsedInventory .searchBoxes .searchYear { float: left; width: 110px; } body#UsedInventory .searchBoxes .searchYear select { width: 100px; } /* --------- Search Make Attributes -------------- */ body#UsedInventory .searchBoxes .searchMake { float: left; width: 160px; } body#UsedInventory .searchBoxes .searchMake select { width: 150px; } /* --------- Search Model Attributes ----------- */ body#UsedInventory .searchBoxes .searchModel { float: left; width: 190px; } body#UsedInventory .searchBoxes .searchModel select { width: 180px; } /* --------- Advanced Search Attributes ----------- */ body#UsedInventory #advancedSearchLink{ clear: both; display: block; clear: both; cursor: pointer; padding: 5px 5px 5px 5px; } body#UsedInventory #advancedSearchBoxes { margin: 0 auto; width: 840px; padding: 5px; } body#UsedInventory #advancedSearchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* --------- Search Body Attributes ------------- */ body#UsedInventory #advancedSearchBoxes .searchTrim, body#UsedInventory #advancedSearchBoxes .searchBody, body#UsedInventory #advancedSearchBoxes .searchMpg, body#UsedInventory #advancedSearchBoxes .searchTrans, body#UsedInventory #advancedSearchBoxes .searchExtColor, body#UsedInventory #advancedSearchBoxes .searchMiles, body#UsedInventory #advancedSearchBoxes .searchMaxPrice, body#UsedInventory #advancedSearchBoxes .searchCertified { float: left; width: 210px; } body#UsedInventory #advancedSearchBoxes .searchTrim select, body#UsedInventory #advancedSearchBoxes .searchBody select, body#UsedInventory #advancedSearchBoxes .searchMpg select, body#UsedInventory #advancedSearchBoxes .searchTrans select, body#UsedInventory #advancedSearchBoxes .searchExtColor select, body#UsedInventory #advancedSearchBoxes .searchMiles select, body#UsedInventory #advancedSearchBoxes .searchMaxPrice select, body#UsedInventory #advancedSearchBoxes .searchCertified select { width: 200px; } /* --------- Ordering Tools Attributes ---------- */ body#UsedInventory #orderingTools { /* display: none; */ float: right; } /* --------- Submit Block Attributes ----------- */ body#UsedInventory .submitBlock { clear: both; text-align: center; /* padding: 10px 5px 10px 5px; */ } /* --------------- Page Display --------------- */ body#UsedInventory .pageDisplay { float: right; width: 45%; color: #666666; text-align: right; font-size: 12px; padding: 15px 10px 0px 0px; } body#UsedInventory .pageDisplay span { color: #666666; font-size: 16px; } body#UsedInventory .pageDisplay .totalVehicles { color: red; font-size: 21px; }