/* -- Cached as toyota.butlerauto.com-folder=cssscreen.css on -- 2010-08-30 02:44:06 */ /* -------------------------- compare.css -------------------------- */ /* ---------- ~Compare inventory listing ---------- */ .compare {float: left; padding-left: 10px; padding-right: 5px; padding-top: 5px;} .compare input {padding: 0px; border: 0px; background-color: transparent;} .compareArea {float: left; width: 400px; padding-left: 10px;} .compareIcon {float: left; width: 30px; height: 30px; margin-right: 5px; background-image: url('http://toyota.butlerauto.com/images/inventory/compare.png'); background-position: top left; background-repeat: no-repeat;} .compareContent {float: left; width: 360px;} .compareContent span {width: 110px; cursor: pointer;} .compareContent span input {cursor: pointer;} .compareArea p {font-size: 11px; margin: 5px 0 0 0;} /* ---------- ~Compare page---------- */ body#compareVehicles #constraint { width: 99%; /* margin: auto; */ } .compareText { margin-bottom: 10px; } body#compareVehicles .returnButton {float: right;} body#compareVehicles #mainArea {width: 95%; clear: both;} body#compareVehicles .contentArea {width: 100%;} body#compareVehicles table {width: 100%; font-size: 12px; margin: 10px auto; border-collapse: collapse; background-color: #FEFEFE;} body#compareVehicles table thead th {padding: 3px; vertical-align: top;} body#compareVehicles table thead th h4, body#compareVehicles table tr.categoryHeader h4 {padding: 3px; color: #000000;} body#compareVehicles table thead th img {border: 1px solid #222222;} body#compareVehicles table tfoot tr td {padding-top: 10px;} body#compareVehicles table tr.categoryHeader {color: #FFFFFF; background-color: #F6F2F2; border: 1px solid #222222;} body#compareVehicles table td.vehicleCategory, body#compareVehicles table tr.vehicleData, body#compareVehicles table tr.categoryHeader {padding: 3px; border-bottom: 1px solid #222222;} body#compareVehicles table td.vehicleCategory {width: 20%;} body#compareVehicles table .carPrice span {display: block; font-size: 18px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} body#compareVehicles table td.vehicleInfo {padding: 3px; text-align: center; border-left: 1px solid #222222; border-right: 1px solid #222222;} body#compareVehicles table tr.vehicleData:hover {background-color: #F6F2F2;} body#compareVehicles table .vehicleNotes {font-size: 12px;} body#compareVehicles table td.carNotes {text-align: left;} td.vehicleInfo.carRemove {border: 1px solid #FEFEFE; background-color: #FEFEFE;} body#compareVehicles #mainArea h2 {padding: 10px;} body#compareVehicles #mainArea h3 {padding: 0 10px 10px 10px; text-align: center;} /* -------------------------- default.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: Autos 2.0 CSS Document Author: PMT Advertising www.pmtadvertising.com info@pmtads.com ------------------------------------------------------------------------------------------------------ */ * {margin: 0px; padding: 0px;} html{ height: 100%; } body {/*height: auto; margin: 0px; font-size: 11px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/ background: #2b0200 url('http://toyota.butlerauto.com/images/bkgdBody.jpg') repeat-x top left; } * html body { background-image: url('http://toyota.butlerauto.com/images/bkgdBodyIE6.jpg'); } body#home { background-image: url('http://toyota.butlerauto.com/images/bkgdBody.jpg'); } /*body#vehicleDisplayPrint, body#specialsDetails {background-color: #FFFFFF; background-image: none;} body#vehicleDisplayPrint #container, body#specialsDetails #container {background-color: #FFFFFF; background-image: none;} body#vehicleDisplayPrint .contentArea, body#specialsDetails .contentArea {background-image: none;}*/ div.clearer {height: 0px; line-height: 0px; clear:both;} div#noscript-bg {position: fixed; left: 0; top: 0; z-index: 90; background-color: #000000; opacity: .8; width: 100%; height: 100%;} div#noscript-text {position: absolute; text-align: center; left: 0; width: 100%; top: 30%; font-size: 2em; padding-top: 70px; color: #ccc; z-index: 100;} div#noscript-text span {display: block; background-color: #000000; padding: 10px; border-top: 1px solid #333333; border-bottom: 1px solid #333333;} .searchDescription {position: relative; display: none;} /* #container { background: #1F0100 url('http://toyota.butlerauto.com/images/containerBackground.jpg') repeat-x top left; } */ #constraint {background-color: #FEFEFE; border: /* 1px solid #1b0100 */ 0px; border-top: none; margin-top: 0px;} body#home #constraint {padding: 0; margin-top: 0;} body#home #mainArea {padding: 0; margin-top: 0;} body#vehicleDisplayPrint #constraint, body#specialsDetails #constraint {background-color: #FFFFFF; border: 1px solid #FFFFFF;} body#new #searchTools, body#preOwned #searchTools { padding: 0; } body#newInventory #searchTools, body#preOwnedInventory #searchTools { padding: 0; } body#newInventory .normalInv, body#newInventory .alternateInv, body#newInventory .greenInv, body#newInventory .featuredInv, body#newInventory .specialInv, body#preOwnedInventory .normalInv, body#preOwnedInventory .alternateInv, body#preOwnedInventory .greenInv, body#preOwnedInventory .featuredInv, body#preOwnedInventory .specialInv { width: 860px; } body#new #mainArea, body#preOwned #mainArea, body#financing #mainArea, body#service #mainArea, body#parts #mainArea { padding: 0 0 0 10px; } body#employmentDetails #mainArea { padding: 10px 0 0 10px; } body#employment #mainArea, body#financing #mainArea, body#service #mainArea { margin-top: 5px; } .servicePhoto { margin-bottom: 10px; } /* --------- MOTD ---------- */ body#home #motd {clear: both; width: 100%;} body#home #motd span {text-align: center;} #motd {width: 100%; margin: 12px 0; padding: 10px 0; font-size: 18px; color: #FFFFFF; background: #580000 url('http://toyota.butlerauto.com/images/motdBackground.jpg') repeat-x top left; border-bottom: 1px solid #999999;} body#employmentDetails #motd { display: none;} /*#siteBottom {clear: both; margin: 0 auto; text-align: center; margin: 10px;} #siteBottom .dealerInfo {padding: 5px; padding-top: 10px;} #siteBottom .dealerLogo {display: none;}*/ #footer {color: #CCCCCC; width: 865px;} /*body#vehicleDisplayPrint #footer, body#specialsDetails #footer {color: #000000;}*/ /*div.textNav {margin: 0 auto; text-align: center; padding-top: 5px; padding-bottom: 5px; } body#vehicleDisplayPrint .textNav, body#specialsDetails .textNav {display: none;} body#vehicleDisplayPrint #header #navigation, body#specialsDetails #header #navigation {display: none;}*/ /*#subArea {float: left; width: 265px;}*/ /*body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;}*/ .contentArea { float: left; width: 100%; background: transparent url('http://toyota.butlerauto.com/images/homeAreaBackground.jpg') repeat-x top left; } #mainArea {float: left; width: 560px; font-size: 12px; padding: 0; padding-bottom: 10px;} body#newVehicleDisplay #mainArea, body#preOwnedVehicleDisplay #mainArea {float: left; width: 560px; font-size: 12px; padding: 5px 10px; padding-bottom: 10px;} #mainArea h1 {color: #592220; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #592220;} /*body#new #mainArea, body#preOwned #mainArea { width: 95%;}*/ .pageBreak, .clickMedia, body#specialsDetails .google_search_container, body#vehicleDisplayPrint .google_search_container {display: none;} body#parts legend, body#service legend { color: #592220; } .buttonLarge { float: left; line-height: 34px; margin-bottom: 20px; text-align: center; } a.buttonLarge { float: left; line-height: 34px; margin-bottom: 20px; text-align: center; display: block; width: 200px; height: 34px; display: block; font-size: 14px; font-weight: bold; color: #fef965; background: transparent url('http://toyota.butlerauto.com/images/buttons/buttonLarge.gif') no-repeat top left; } .buttonLarge:hover { color: #fef965; background: transparent url('http://toyota.butlerauto.com/images/buttons/buttonLarge-over.gif') no-repeat top left; } .button { float: left; line-height: 34px; margin-bottom: 20px; text-align: center; } a.button{ float: left; line-height: 34px; margin-bottom: 20px; text-align: center; display: block; width: 124px; height: 34px; display: block; font-size: 14px; font-weight: bold; color: #fef965; background: transparent url('http://toyota.butlerauto.com/images/buttons/button.gif') no-repeat top left; } .button:hover { color: #fef965; background: transparent url('http://toyota.butlerauto.com/images/buttons/button-over.gif') no-repeat top left; } a.bbo { float: left; width: 117px; height: 30px; margin: 0 0 0 8px; } a.bbo img { border: 1px solid #999; } a.testDrive { float: left; width: 260px; height: 30px; margin: 0 0 8px 0; display: block; background: transparent url('http://toyota.butlerauto.com/images/buttons/testDrive.png') no-repeat top left; } a.testDrive:hover { background: transparent url('http://toyota.butlerauto.com/images/buttons/testDrive-over.png') no-repeat top left; } a.bShopDirections { float: left; width: 260px; height: 30px; margin: 15px 0 8px 0; display: block; background: transparent url('http://toyota.butlerauto.com/images/buttons/bShopDirections.png') no-repeat top left; } a.bShopDirections:hover { background: transparent url('http://toyota.butlerauto.com/images/buttons/bShopDirections-over.png') no-repeat top left; } a.liveChat { float: left; width: 260px; height: 30px; margin: 0 0 8px 0; display: block; background: transparent url('http://toyota.butlerauto.com/images/buttons/liveChat.png') no-repeat top left; } a.liveChat:hover { background: transparent url('http://toyota.butlerauto.com/images/buttons/liveChat-over.png') no-repeat top left; } .liveChat { margin: 8px 0 8px 6px; } /* ---------- Header ---------- */ #header {width: 100%; color: #FFFFFF; background: #000000 url('http://toyota.butlerauto.com/images/headerBackgroundA.jpg') repeat-x bottom left;} #header .headerConstraint { width: 865px; margin: 0 auto; background: transparent url('http://toyota.butlerauto.com/images/headerBackgroundB.jpg') no-repeat bottom left;} body#specialsDetails #header, body#specialsDetails div#header div.headerConstraint, body#vehicleDisplayPrint #header, body#vehicleDisplayPrint div#header div.headerConstraint {background-image: none;} body#vehicleDisplayPrint #header, body#specialsDetails #header {background-color: #000000;} body#specialsDetails div#header #inventorySearch, body#vehicleDisplayPrint div#header #inventorySearch { display: none; } #header .logoHolder { float: left; width: 160px; } #header .dealerInfo { float: left; width: 200px; padding: 10px 0 10px 10px; } #header .dealerInfo .dealerLogo { display: none; } #header .dealerInfo div { float: left; text-align: left; margin: 5px 12px 0 0; } #header .dealerInfo .bullet { display: none; } #header .dealerInfo .phone1 { float: left; width: 200px;} #header .dealerInfo .phone2 {float: left; width: 200px; } #brandLogo, #scionBrandLogo {float: right; display: block; width: 80px; margin-left: 3px; margin-bottom: 5px; padding: 3px;} #scionBrandLogo {width: 60px;} body#vehicleDisplayPrint #brandLogo {display: none;} #header .dealerLogo { margin-top: 10px; } .dealerLogo {float: left; width: 150px; height: 110px; margin-left: 10px; background-image: url('http://toyota.butlerauto.com/images/dealerLogo.gif'); background-repeat: no-repeat; background-position: top left;} /* #header .dealerInfo .street {width: 58%; font-size: 13px; margin-left: 0; margin-right: 0; width: 100%; display: block;} #header .dealerInfo .cityInfo {width: 37%; font-size: 13px; margin-left: 0; margin-right: 0; width: 100%; display: block;} */ #header .dealerInfo .phone1 label { display: none; } #header .dealerInfo .phone1 {font-size: 25px; color: #fff000; } #header .dealerInfo .phone2, #header .dealerInfo .phone3 {font-size: 18px; color: #fff000; /*width: 46%;*/ /* width: 100%; */ /* display: block; */ } #header .dealerInfo .phone1 label, #header .dealerInfo .phone2 label, #header .dealerInfo .phone3 label {font-size: 11px;} /* #header .dealerInfo .email, */ #header .dealerInfo .dealerName, #header .dealerInfo .fax1, #header .dealerInfo fax2 {display: none;} #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; text-align: right; font-size: 11px; padding-top: 10px;} .dealerInfo .bullet {padding-left: 5px; padding-right: 5px;} #header .portalLink img, #header .portalLink a { float: right; width: 150px; } #header .portalLink a { padding: 0 5px 0 0; } #header .portalLink { float: right; width: 170px; text-align: right; } #header a.iprice { float: left; height: 85px; width: 250px; display: block; background: url('http://toyota.butlerauto.com/images/buttons/quickButton.gif') top left no-repeat; margin-top: 10px; cursor: pointer; } #header a.iprice:hover { background: url('http://toyota.butlerauto.com/images/buttons/quickButtonHover.gif') top left no-repeat; } .dealerTagline {/*float: left; width: 410px; color: #FFFFFF; text-align: left; padding: 10px 0 10px 5px;*/ display: none;} body#blackBookInfo .headerConstraint { width: 660px; height: 170px; } body#blackBookInfo #container { /* width: 500px; margin: 0 auto; */ } body#blackBookInfo #header #brandLogo, body#blackBookInfo #scionBrandLogo, body#blackBookInfo #header .portalLink, body#blackBookInfo #header .iprice, body#blackBookInfo #navigation, body#blackBookInfo .dealerTagline {display: none;} body#blackBookInfo #constraint {width: 660px; } body#blackBookInfo #contentContainer { width: 92%; padding: 10px; } body#blackBookInfo p {margin-top: 5px; margin-bottom: 15px;} body#blackBookInfo .buttonArea a {margin: 10px 10px 20px 10px; font-size: 10px;} body#blackBookInfo #siteBottom .dealerInfo .dealerName, body#blackBookInfo #siteBottom .dealerInfo .street, body#blackBookInfo #siteBottom .dealerInfo .cityInfo, body#blackBookInfo #siteBottom .dealerInfo .phone1, body#blackBookInfo #siteBottom .dealerInfo .phone2, body#blackBookInfo #siteBottom .dealerInfo .phone3, body#blackBookInfo #siteBottom .dealerInfo .fax1, body#blackBookInfo #siteBottom .dealerInfo fax2 {font-size: 11px; padding-top: 10px;} body#blackBookInfo #footer { width: 660px; font-size: 11px; } /* ---------- Content Styling (Footer) ---------- #footer {font-size: 12px;} /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: 12px; border-top: 1px solid #592220;} .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: 14px;} #siteBottom .dealerInfo .phone2 { display: none; } .dealerInfo .email, #siteBottom .dealerInfo .email { display: none; } div#siteBottom div.ipriceEmail { display: none; } /* ---------- ~Home ---------- */ #flashSlideshow { margin: 20px 0 0 0; } #slideshow {float: left; width: 395px; margin-bottom: 20px;} #flashSlideshow, #slideshow {z-index: 100;} body#home #homeContent h1 { padding-top: 15px;} body#home .contentArea { background: transparent url('http://toyota.butlerauto.com/images/contentAreaBackground.jpg') repeat-x top left; padding: 0; margin: 0; } body#home #mainArea {width: 99%;} body#home #mainArea #subArea {width: 48%; float: right; } body#home .newsContainer {clear: both; font-size: 12px;} #homeContent .sectionHeader { display: block; margin-top: 30px; } .sectionHeader {clear: both; margin-bottom: 0px; padding: 3px;} .newsIcon, .searchIcon, .featuredSpecialIcon {float: left; height: 25px; width: 25px;} .newsIcon {background-image: url('http://toyota.butlerauto.com/images/sectionIcons/news.png'); background-repeat: no-repeat; background-position: top left;} .searchIcon {background-image: url('http://toyota.butlerauto.com/images/sectionIcons/search.png'); background-repeat: no-repeat; background-position: top left;} .featuredSpecialIcon {background-image: url('http://toyota.butlerauto.com/images/sectionIcons/featuredSpecial.png'); background-repeat: no-repeat; background-position: top left;} .sectionHeader h3 {color: #592220; margin-left: 30px; border-bottom: 1px solid #592220;} #homeContent {float: left; /*margin: 0 0 20px 0;*/ color: #000000; width: 48%;} body#home a.specialsPageLink { float: left; display: block; padding: 20px 0 0 10px; font-size: 14px; height: 30px; } body#home #featureArea .first { margin-left: 15px; } /* ---------- ~Mailing List ---------- */ #mailingList #contentContainer { width: 100%; } #mailingListButton { float: left; width: 120px; margin-right: 15px;} /* a img {border: 0;} */ #mailingListExplaination h1, #mailingListExplaination h2 { padding: 10px;} #mailingListExplaination h1 { margin-top: 20px; } body#thankYou #mailingListExplaination h1, body#thankYou #mailingListExplaination h2 { text-align: center;} body#mailingList div#SignUp table { border: 0; background-color: transparent; margin-left: 15px; } body#mailingList div#SignUp table.signupframe tbody tr td { padding: 10px 0 10px 15px; } body#mailingList h3 {margin-top: 5px; margin-bottom: 15px; padding-left: 15px;} /* ---------- ~Search ---------- */ #searchHome {float: left; width: 840px; padding: 15px 0 10px 10px;} #searchHome .searchContainer { color: #FFFFFF; font-size: 11px;} #searchHome .searchContainer h1 { color: #000000; } body#home #advancedSearchBoxes select, body#home .searchBoxes select { width: 125px; display: inline; margin: 5px 0px 0px 0px; } div#homeArea {float: left; width: 100%; background: #FEFEFE url('http://toyota.butlerauto.com/images/homeAreaBackground.jpg') repeat-x top left; border-bottom: 1px solid #999999;} div#homeArea div#featureArea { width: 100%; margin: 0 auto; } #searchHome div#searchTools div.searchBoxes div.searchType, #searchHome div#searchTools div.searchBoxes div.searchYear, #searchHome div#searchTools div.searchMake, #searchHome div#searchTools div.searchModel, #searchHome div.submitBlock div.search, #searchHome div.submitBlock div.searchAll { float: left; width: 105px; } #searchHome div.searchBoxes { float: left; padding-right: 0; } #searchHome div.submitBlock { float: left; width: 180px; padding-top: 10px; } #searchHome div.searchBody, #searchHome .searchTrans, #searchHome .searchMiles, #searchHome .searchMaxPrice, #searchHome .searchCertified, #searchHome .searchTexts, #searchHome .filterText, #searchHome #advancedSearchLink, #searchHome #advancedSearchBoxes { display: none; } #searchHome .orderBoxes, #searchHome .pagination, body#new .orderBoxes, body#new .pagination, body#preOwned .orderBoxes, body#preOwned .pagination {display: none;} body#home .noResults, body#new .noResults, body#preOwned .noResults {display: none;} /* ---------- ~Fuel Calculator ---------- */ body#fuelCalculator #constraint {width: 1000px; margin: 0 auto 0px auto; padding-top: 0px; background-color: #FEFEFE; border: 1px solid #999999; border-top: none;} body#fuelCalculator iframe { width: 1000px; height: 680px; border: 0px; position: relative; z-index: 10; margin-top: 20px;} body#preOwnedVehicleDisplay a.fuelSavCalcBtn { display: none; } body#newVehicleDisplay a.fuelSavCalcBtn { width: 250px; height: 58px; display: block; background: url('http://toyota.butlerauto.com/images/buttons/fuelSavCalcBtn.png') top left no-repeat; } body#newVehicleDisplay a.fuelSavCalcBtn:hover { background: url('http://toyota.butlerauto.com/images/buttons/fuelSavCalcBtnHover.png') top left no-repeat; } /* ---------- ~Body Shop (Form) ---------- */ body#bodyShop .serviceForm h1, body#bodyShop .serviceForm p, body#bodyShop #serviceInfo1 { display: none; } a.bodyShopFormBtn, a.bodyShopFormBtn:hover { width: 260px; height: 50px; display: block; background: url('http://toyota.butlerauto.com/images/buttons/freeEstimateButton.gif') top left no-repeat; margin-bottom: 30px; } a.bodyShopFormBtn:hover { background: url('http://toyota.butlerauto.com/images/buttons/freeEstimateButtonHover.gif') top left no-repeat; } body#bodyShopForm .day { float: left; width: 35%; } body#bodyShopForm .dayHours { float: right; width: 60%; text-align: right; } body#bodyShop #motd, body#bodyShopForm #motd {display: none;} body#bodyShopForm .serviceForm { margin: 25px 0;} body#hyundaiAssurance p, body#specials p, body#rewards p, body#bodyShop 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;} /* ---------- ~Specials ---------- */ body#leasingSpecials div#mainArea, body#serviceDeptSpecials div#mainArea, body#partsDeptSpecials div#mainArea, body#preOwnedVehicleSpecials div#mainArea, body#newVehicleSpecials div#mainArea { width: 100%;} body#leasingSpecials div#mainArea h1, body#serviceDeptSpecials div#mainArea h1, body#partsDeptSpecials div#mainArea h1, body#preOwnedVehicleSpecials div#mainArea h1, body#newVehicleSpecials div#mainArea h1 { display: none; } body#leasingSpecials div#mainArea h2, body#serviceDeptSpecials div#mainArea h2, body#partsDeptSpecials div#mainArea h2, body#preOwnedVehicleSpecials div#mainArea h2, body#newVehicleSpecials div#mainArea h2 { width: 97%; margin: 10px;} body#specials #contentContainer { padding: 15px; } body#specials h2 { margin-bottom: 15px; } body#specials a.button { display: block; width: 155px; background-image: url('http://toyota.butlerauto.com/images/buttons/buttonMed.gif'); } body#specials a.button:hover { background-image: url('http://toyota.butlerauto.com/images/buttons/buttonMed-over.gif'); } .factoryIncentives p {margin-left: 12px; font-size: 16px; display: none;} #newVehicleSpecials .factoryIncentives p {margin-left: 12px; font-size: 16px; display: block; } #leasingSpecials .factoryIncentives p {margin-left: 12px; font-size: 16px; display: block; } /* ---------- ~General Content Styling ---------- */ body#bodyShop .bodyShopMap { border: 1px solid #666666; margin: 15px 0 0 10px;; } body#bodyShop #mainArea { padding: 10px 0 0 10px; } body#bodyShop #mainArea p { clear: both; } body#new .departmentInfo, body#preOwned .departmentInfo, body#parts .departmentInfo, body#service .departmentInfo, body#bodyShop .departmentInfo, body#bodyShopForm .departmentInfo, body#financing .departmentInfo, body#information .departmentInfo {margin-top: 3px; margin-bottom: 10px;} /*#mainArea .departmentInfo {font-size: 12px;}*/ #mainArea .departmentInfo .departmentName, #mainArea .departmentInfo .email, #mainArea .departmentInfo .bullet {display: none;} body#testDrive .departmentTitle h1 { display: none; } body#testDrive .departmentHours h2 { width: 200px; margin: 23px 0 0 5px; padding: 5px 0 5px 10px; background-color: #f7f5f5; } body#new #mainArea, body#preOwned #mainArea { padding-top: 10px; } /* ---------- Maps ---------- */ body#contact #subArea { width: 283px; } body#contact #subArea .dealerInfo { margin-top: 15px; } /* ---------- Maps ---------- */ body#contact #mapContainer { width: 270px; border: 1px solid #592220; background-color: #FEFEFE;} body#directions #mapContainer {width: 863px; border: 1px solid #592220; background-color: #FEFEFE;} body#directions #mainArea { padding: 0; } /* ---------- ~Information ---------- */ body#information #mainArea {width: 100%;} /* ---------- ~Staff ---------- */ body#staff #mainArea { width: 843px; padding: 10px;} /* ---------- ~Privacy ---------- */ body#privacy #mainArea {width: 843px; padding: 10px; margin-top: 12px;} body#privacy #privacyContent { } /* ---------- ~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;} /* ---------- ~Advertising ---------- */ body#advertising .tvPlayer { padding: 20px; } body#advertising .tvPlayer object, body#advertising .tvPlayer object embed { height: 230px; } .noAd {padding: 20px; font-size: 16px; text-align: center;} .advertising {padding-bottom: 20px;} .advertising a {padding-left: 20px; font-size: 16px;} .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;} .inserts .advertising a {padding-left: 20px; font-size: 16px;} body#advertising #siteBottom { margin-top: 0; padding-top: 10px; } body#advertising .contentArea { padding-top: 12px; } /* ---------- ~Links ---------- */ a {color: #CC8701; text-decoration: none;} /* a img {border: 0px;} */ a:hover {color: #592220;} #header a:hover, #footer a:hover { color: #CC0000; } /* --------- Inventory ---------- */ .wasIs .wasIsPricing { width: 100%; } /* --------- Pagination ---------- */ .pageCurLink { background-color: #CC8701; } body#newInventory .pageDisplay span.totalVehicles, body#preOwnedInventory .pageDisplay span.totalVehicles { color: #000000; } /* ---------- ~Inventory Line Listing Styling ---------- */ body#newInventory .inventoryInfo .price span, body#preOwnedInventory .inventoryInfo .price span {color: #CC0000;} .alternateInv h1 a, .normalInv h1 a {} .alternateInv h1 a:hover, .normalInv h1 a:hover {color: #000000;} .alternateInv a, .normalInv a, .specialInv a, .featuredInv a, .greenInv a { color: #4c0200; } /* ---------- ~Dealer Info ---------- */ .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email {font-size: 11px;} #siteBottom .dealerInfo div.phone1 span, #siteBottom .phone1 span.bullet {font-size: 14px;} /* ---------- ~Specials ---------- */ body#leasingSpecials div#mainArea, body#serviceDeptSpecials div#mainArea, body#partsDeptSpecials div#mainArea, body#preOwnedVehicleSpecials div#mainArea, body#faq div#mainArea, body#newVehicleSpecials div#mainArea { width: 100%;} body#leasingSpecials div#mainArea h1, body#serviceDeptSpecials div#mainArea h1, body#partsDeptSpecials div#mainArea h1, body#preOwnedVehicleSpecials div#mainArea h1, body#newVehicleSpecials div#mainArea h1 { display: none; } body#faq div#mainArea h1 { width: 97%; margin: 10px; text-align: left; } body#leasingSpecials div#mainArea h2, body#serviceDeptSpecials div#mainArea h2, body#partsDeptSpecials div#mainArea h2, body#preOwnedVehicleSpecials div#mainArea h2, body#newVehicleSpecials div#mainArea h2 { width: 97%; margin: 10px;} body#specials h2 { margin-bottom: 15px; } body#specials a.button { display: block; width: 155px; background-image: url('http://toyota.butlerauto.com/images/buttons/buttonMed.gif'); } body#specials a.button:hover { background-image: url('http://toyota.butlerauto.com/images/buttons/buttonMed-over.gif'); } body#rewards p, 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;} .rewardsPass { float: left; margin-right: 15px; } body#faq #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#partsDeptSpecials #mainArea, body#leasingSpecials #mainArea, body#serviceDeptSpecials #mainArea {width: 825px; padding: 0; margin: 0;} /* ----------------------------corporateBrochure------------------------------------------------------------ */ corporateBrochures #contentContainer {float: left; Width: auto; } #contentContainer #corpBrochureVehicles {width: 850px; text-align: center; padding: 0 0 20px 0; } #contentContainer #corpBrochureVehicles img {margin-left: 10px; } #contentContainer h1 {margin:20px 0 20px 20px; } body#corporateBrochures #mainArea { float: none; width: auto; margin: 10px; } #hoursChart { clear: both; width: 865px; float: none; } .benefits { float: left; width: 500px; } /* -------------------------- inventory.css -------------------------- */ .invIcons .reviewsActive, .invIcons .reviewsInactive { display: block; } .invIcons .invVideoActive, .invIcons .invVideoInactive { display: none; } #preOwnedInventory .invIcons .reviewsActive, #preOwnedInventory .invIcons .reviewsInactive { display: none; } .corpCertified img { border: none; } body#preOwnedVehicleDisplay #thirdPartyArea #autocheck { float: left; } a.thirdPartyButton { float: left; line-height: 15px; margin: 0 0 15px 5px; padding: 22px 8px 0 8px; text-align: center; display: block; width: 88px; height: 58px; display: block; font-size: 12px; font-weight: bold; color: #fef965; background: transparent url('http://toyota.butlerauto.com/images/buttons/thirdPartyButton.gif') no-repeat top left; } .thirdPartyButton:hover { color: #fef965; background: transparent url('http://toyota.butlerauto.com/images/buttons/thirdPartyButtonOver.gif') no-repeat top left; } a.livechat { padding-top: 33px; height: 47px; } /* -------------------------- nav.css -------------------------- */ #navigation {position: relative; width: 100%; margin-left: -1px; padding-top: 10px; background-color: transparent; z-index: 100;} #nav, #nav ul {float: left; width: 825px; list-style: none; z-index: 450;} #nav a {display: block; color: #FFFFFF; text-align: center;} #nav li {float: left; padding: 0; width: 9.9%; height: 40px; font-size: 12px; line-height: 45px; color: #CCCCCC; background: url('http://toyota.butlerauto.com/images/navigation/navBack.gif') no-repeat top left;} #nav li ul {position: absolute; left: -999em; top: 50px; width: 158px; height:auto !important; padding: 0; padding-bottom: 8px; margin: 0; background: url('http://toyota.butlerauto.com/images/navigation/navDropDownBack.jpg') no-repeat bottom left;} #nav li li {height: auto; width: 140px; padding: 3px; margin: 0 4px; text-align: left; line-height: 16px; border: 0px; border-top: 1px solid #7ca5b4; border-bottom: 1px solid #3c616f; background-image: none;} * html #nav li li {padding: 3px 0; } /* Fixes the appearence in IE6. */ #nav li ul a {color: #FFFFFF; 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 li:hover, #nav li li.sfhover {background-color: #7ca5b4;} /* ---------- ~Nav Indicators ---------- */ #nav li.main_marker { background-image: url('http://toyota.butlerauto.com/images/navigation/navBack.gif'); background-repeat: no-repeat; background-position: top left; } #nav li.main_marker a { color: #eea501; } .sub_marker a { color: #EEA501; background-image: none; background-color: transparent; } .sub_marker a span { color: #EEA501; } #nav li.main_marker ul li a { color: #EEA501;} /* -------------------------- popup.css -------------------------- */ body#popup #header, body#popupComplete #header { display: none; } body#popup .disclaimer, body#popupComplete .disclaimer { float: left; width: 275px; margin-top: 50px; } body#popup .disclaimer p, body#popupComplete .disclaimer p { font-size: 10px; font-weight: normal; color: #666666; line-height: 13px; } body#popup #constraint, body#popupComplete #constraint { width: 561px; padding: 8px; margin-top: 15px; background: #FFFFFF url('http://toyota.butlerauto.com/images/homeAreaBackground.jpg') repeat-x top left; } body#popup #close a, body#popupComplete #close a { color: #ffc526; text-decoration: underline; } body#popup #constraint a:hover, body#popupComplete #constraint a:hover { color: #FFFFFF; } body#popup #footer #pageGen, body#popupComplete #footer #pageGen { clear: left; } body#popup #footer, body#popupComplete #footer { width: 590px; } body#popup #footer #pageGen, body#popupComplete #footer #pageGen { width: 95%; } body#popup .box { float: left; width: 280px; padding: 0 5px;} body#popup h1.headline { background-color: #840400; color: #FFFFFF; padding: 10px 0; text-align: center; border: 4px solid #222; margin: 10px 0 0 0; font-weight: bold; } body#popup #close, body#popup #dateArea, body#popup #storeName { text-align: right; } body#popup #dateArea, body#popup #storeName { padding-top: 3px; font-size: 18px; } body#popup #storeName { display: none; } body#popup #popUpContent, body#popupComplete #popUpContent { padding: 10px 0 0 0; } body#popup #popUpFormArea, body#popup #popUpFormArea .formBlock { float: left; width: 280px; } body#popup #constraint form p { padding-bottom: 15px; } body#popup form .formBlock { float: left; width: 240px; } body#popup form .formRow { } body#popup form .submitBlock { margin-top: 10px; } body#popup .disclaimer { margin-top: 10px; } body#popup #popUpImage { float: left; width: 270px; padding: 0 10px; } body#popup .formRow label { margin-top: 10px; } body#popup .submitBlock input { width: 70px; padding: 5px; margin: 10px; margin-left: 0;} body#popup .badResponse, body#popup .goodResponse {background-color: #FFFFFF; font-weight: bold; border: 0; text-align: left;} body#popup .badResponse {color: #cc0000;} body#popup .goodResponse {color: #008422;} /* ---------------------- popupComplete ---------------------- */ body#popupComplete #popUpImage { float: left; margin-right: 12px; } body#popupComplete #printInstructions { cursor: pointer; font-size: 140%; font-weight: bold; color: #FFFFFF; text-align: center; padding: 5px; background-color: #323232; } body#popupComplete #printInstructions:hover { color: yellow; } body#popupComplete h1 { font-size: 180%; padding-bottom: 15px; } body#popupComplete #dateArea { font-size: 200%; color: #FFFFFF; text-align: center; padding: 10px; margin: 10px 0; background-color: #990000; } body#popupComplete #popUpResponse { padding: 10px 0; font-size: 14px; } body#popupComplete .formBlock { float: left; width: 48%; } body#popupComplete .formRow { margin: 5px 0; } body#popupComplete .formRow label, body#popupComplete .formRow span { display: inline; } body#popupComplete .formRow label { color: #666666; } body#popupComplete .formRow span { padding-left: 10px; } body#popupComplete .dealerInfo { margin-bottom: 10px; text-align: center; } body#popupComplete .dealerLogo { width: 317px; height: 76px; margin-right: 20px; background-image: url('http://toyota.butlerauto.com/images/dealerLogo.gif'); background-position: top left; background-repeat: no-repeat; } body#popupComplete .dealerInfo .dealerName, body#popupComplete .dealerInfo .street, body#popupComplete .dealerInfo .cityInfo, body#popupComplete .dealerInfo .phone1, body#popupComplete .dealerInfo .phone2 { display: inline; font-size: 13px; } body#popupComplete .dealerInfo .bullet { padding: 2px; } body#popupComplete .dealerInfo .phone2, body#popupComplete .dealerInfo .dealerLogo, body#popupComplete .dealerInfo .email { display: none; } body#popupComplete .dealerInfo .phone1 { display: block; text-align: center; } body#popup .dealerInfo .phone1 .bullet, body#popupComplete .dealerInfo .phone1 .bullet { display: none; } /* -------------------------- search.css -------------------------- */ body#home .searchContainer { background-color: transparent; } .searchContainer { background-color: #dee5e7; } .permalinks a { color: #990000; } .permalinks a:hover { color: #333; } #newInventory #constraint, #preOwnedInventory #constraint { background-color: #dee5e7; } /* -------------------------- user.css -------------------------- */ /* ---------- ~Specials Snapshot ---------- */ .specialsContainer {clear: both;} .specialsContainer a {display: block;} .specialsHeader {} .specialsHeader h3 { display: none;} .specialsSnapshot, .specialsSnapshotAlt {padding: 2px; border-bottom: 1px solid #B48E8C;} .specialsSnapshotAlt {background-color: #F6F2F2;} .specialsContainer { width: 100%; } .specialsContainer .specialsSnapshot, .specialsContainer .specialsSnapshotAlt {width: 100%; padding-top: 2px; background: url('http://toyota.butlerauto.com/images/specialsSnapsBackground.jpg') repeat-x top left;} .specialsContainer .specialsSnapshotAlt {background-image: url('http://toyota.butlerauto.com/images/specialsSnapsAltBackground.jpg');} /* .specialsContainer .specialsSnapshotAlt img, .specialsContainer .specialsSnapshot img { border: 1px solid: #000; } */ .specialsContainer .specialsSnapshot a:hover, .specialsContainer .specialsSnapshotAlt a:hover {color: #000000;} /* ----- below removes unfitted border ----- */ .specialImage {float: left; border: none; margin-right: 5px;} .specialImage img { width: 50px; } /* .specialsContainer .specialImage a img { border: 1px solid: #000000; } */ body#home .specialImage img { width: 30px; border: 1px solid #999; } .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;} .specialsSnapshot .price, .specialsSnapshotAlt .price { font-size: 16px; width: 350px; display: block;} .specialsSnapshot .dealerHDNotes, .specialsSnapshotAlt .dealerHDNotes, .specialsSnapshot .vehicleNotes, .specialsSnapshotAlt .vehicleNotes { font-size: 14px; font-weight: normal; font-style: italic; padding-right: 5px;} .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;} body#new .specialsContainer, body#preOwned .specialsContainer { margin-bottom: 20px; } body#home #featuresAndSpecials { float: left; width: 47%; margin-left: 10px; margin-bottom: 20px; } body#home #featuresAndSpecials .sectionHeader {margin-bottom: 8px;} body#home div.homeNewSpecialsSnap { margin-right: 10px; } body#home div.homeUsedSpecialsSnap { float: left; width: 47%; } body#home div.homeNewSpecialsSnap .sectionHeader, body#home div.homeUsedSpecialsSnap .sectionHeader { display: none; } body#home .homeNewSpecialsSnap .specialsContainer .specialsHeader, body#home .homeUsedSpecialsSnap .specialsContainer .specialsHeader { display: none; } body#home .specialsHeader2 { float: left; width: 130px; height: 40px; font-weight: bold; padding: 5px 0 0 0; background: transparent url('http://toyota.butlerauto.com/images/inventory/specialIcon.png') no-repeat top right; } body#home .homeNewSpecialsSnap .specialsHeader2 { width: 80px; } body#advertising .radioTelevisionAds { margin-top: 140px; } body#advertising .radioTelevisionAds .advertising { float: left; width: 425px; display: block; } body#bodyShop .bodyShopFormBtn { margin: 0 auto; } body#bodyShopForm #mainArea { width: 845px; padding: 10px; } body#bodyShopForm #bodyShopFormContent { float: left; width: 565px; }