/* -- Cached as nissan.butlerauto.com-folder=cssscreen.css on -- 2010-08-02 10:38:13 */ /* -------------------------- carbuilder.css -------------------------- */ #carConfigurator { margin: 0; } #similarModelsBar { margin-left: 10px; margin-right: 10px; background-image: url('http://nissan.butlerauto.com/images/carbuilder/similarBar.jpg'); } .similarVehicleNumber h2 { color: #000000; } .similarVehiclePrevious, .similarVehicleNext, .similarVehicleNumber { color: #000000; } .similarVehiclePrevious a, .similarVehicleNext a { color: #d41b55; } .similarVehiclePrevious a:hover, .similarVehicleNext a:hover { color: #5d5d5d; } /* -------------------------- compare.css -------------------------- */ /* ---------- ~Compare inventory listing ---------- */ /* ---------- ~Compare page---------- */ body#compareVehicles #mainArea { width: 100%; } body#compareVehicles table td.vehicleCategory, body#compareVehicles table tr.vehicleData, body#compareVehicles table tr.categoryHeader {color: #333; padding: 3px; border-bottom: 1px solid #222222; background-color: transparent;} body#compareVehicles table tr.categoryHeader {color: #000000; background-color: #EFEFEF; border: 1px solid #222222;} body#compareVehicles table tr.vehicleData:hover {background-color:#f5ebeb;} body#compareVehicles table thead th input:hover, td.vehicleInfo.carRemove input:hover { cursor: pointer; } /* -------------------------- customOverlay.css -------------------------- */ /* ---------------------------------------------------------------------------------- ~Print Custom Offer ------------------------------------------------------------------------------------- */ #overlay_offer_contentContainer { background-color: #fff; } #overlay_offer_constraint { background-color: #004b7d; } div#customOfferOverlay { width: 720px; padding: 10px; border: none; background-color: transparent; text-align: center; color: black; } div#customOfferOverlay fieldset { margin-bottom: 10px; padding: 5px !important; } div#customOfferOverlay #form_instructions { padding: 0px; border: none; } div#customOfferOverlay .field { width: 150px; } #customOfferForm { text-align: left; padding: 0 20px 20px 20px; } div#customOfferOverlay .formBlock { float: none; width: 325px; } div#customOfferOverlay .formRow, div#customOfferOverlay #first_name_row .field, div#customOfferOverlay #last_name_row .field, div#customOfferOverlay #make_row .field, div#customOfferOverlay #model_row .field { margin-bottom: 10px; } div#customOfferOverlay fieldset.contact_info_section { margin-bottom: 17px; } body#home #first_name_row, body#home #make_row, body#home #street_address_row, body#home #state_row, body#home #last_name_row, body#home #model_row, body#home #city_row, body#home #zip_row { float: left; margin: 3px; width: 150px; } /* body#home #last_name_row, */ body#home #model_row, body#home #city_row, body#home #zip_row { float: right; } body#home #last_name_row { margin-left: 195px; } * html body#home #last_name_row { margin-left: 177px; } body#home #first_name_row input, body#home #last_name_row input, body#home #make_row input, body#home #model_row input, body#home #street_address_row input, body#home #city_row input, body#home #state_row select { width: 150px; } body#home #phone_number_row { clear: both; } div#customOfferOverlay .contact_info_section #phone_number_row .field { width: 300px; } #customOfferOverlay .contact_info_section #street_address_row, #customOfferOverlay .contact_info_section #city_row, #customOfferOverlay .contact_info_section #state_row, #customOfferOverlay .contact_info_section #zip_row { display: none; } body#home fieldset { padding: 8px; } div#customOfferOverlay .tradein_info_section legend { display: none; } body#home #comments_row textarea { width: 400px; } body#home #comments_row label { width: 400px; margin-bottom: 2px; } body#home #comments_row label:after { content: " (Please include VIN # and Accurate Mileage.)"; } body#home .verticalContactForm h4 { display: none; } #positiveFeedback { display: none; color: #fff; font-size: 11px; background-color: #34a941; padding: 10px; margin-bottom: 15px; } #negativeFeedback { display: none; color: #fff; font-size: 11px; background-color: #ee1c25; padding: 10px; margin-bottom: 15px; } /* ---------------------------------------------------------------------------------- ~Print Custom Offer ------------------------------------------------------------------------------------- */ body#customOffer { font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; margin: 10px 0 0 0; padding: 0; background-color: #f1f1f1; } body#customOffer #constraint { width: 550px; margin: 130px auto 0 auto; padding: 25px 40px 40px 40px; text-align: center; background-color: #ffffff; border: 1px solid #cdcdcd; -moz-border-radius: 20px; -webkit-border-radius: 20px; } body#customOffer .popupContent { padding-top: 5px; border-top: 2px solid #999; } body#customOffer #constraint h1 { padding: 10px 10px 0 10px; font-size: 20px; font-weight: normal; } body#customOffer #constraint h2 { padding: 10px 10px 0 10px; font-size: 17px; color: red; font-weight: normal; } body#customOffer #logo { float: left; margin-right: 20px; } body#customOffer #popupPrint { font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #fff; background-image: none; } body#customOffer #popupPrint #main { float: right; width: 57%; } body#customOffer #popupPrint #side { float: left; width: 40%; padding-top: 20px; } body#customOffer #popupPrint .popupTools { width: 960px; margin-bottom: 10px; } body#customOffer #popupPrint .offerText { float: left; width: 48%; font-weight: bold; text-align: center; } body#customOffer p.customOfferDisclaimer { margin: 35px 0 10px 0; color: #666666; } /* Popup Offer/Print Content Area Attributes */ body#customOffer #popupPrint .dealerInfo { float: left; width: 60%; font-size: 12px; } body#customOffer #popupPrint .dealerInfo .bullet { display: none; } body#customOffer #disclaimer { float: left; margin-top: 40px; font-size: 11px; clear: none; } /* Popup Print Attributes */ body#customOffer #popupPrint .currentDay { float: left; width: 100%; color: black; text-align: left; margin-top: 20px; padding-bottom: 5px; border-bottom: 1px solid #666666; } body#customOffer #popupPrint .currentDay span { margin-left: 10px; } body#customOffer #popupPrint .payTo label, body#customOffer #popupPrint .currentDay label { color: #666666; font-size: 12px; } body#customOffer #popupPrint .payTo { width: 100%; font-size: 14px; margin-top: 20px; border-bottom: 1px solid #666666; border-right: none; } body#customOffer #popupPrint .payTo span { color: #000000; font-size: 24px; margin-left: 10px; } body#customOffer #popupPrint .popupSubArea { float: right; width: 28%; font-size: 13px; background-color: white; border: 1px solid #666666; } body#customOffer #popupPrint #storeSignature { width: 100%; margin-top: 55px; margin-bottom: 0; text-align: left; border-top: 1px solid #666666; } body#customOffer #popupPrint #storeSignature label { font-size: 14px; line-height: 25px; } body#customOffer #footer { color: #fff; } body#customOffer #footer a { color: #fdfc9e; text-decoration: none; } body#customOffer #footer a:hover { text-decoration: underline; } #customOfferClose { clear: both; height: 36px; width: 270px; cursor: pointer; margin: 10px auto; background-color: transparent; background-image: url('http://nissan.butlerauto.com/images/buttons/closeWindow.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; } #scheduleTestDrive #contentContainer h1 { margin-left: 5px; } #scheduleTestDrive #contentContainer p { margin-left: 5px; } #scheduleTestDrive form {width: 610px; } #scheduleTestDrive #constraint {width: 615px; } #scheduleTestDrive form {width: 600px; } #scheduleTestDrive #constraint {width: 605px; } #scheduleTestDrive form .additional_info_section .field .required {width: 580px; } /* -------------------------- default.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: Butler Nissan CSS Document Author: PMT Advertising www.pmtadvertising.com info@pmtads.com ------------------------------------------------------------------------------------------------------ */ * {margin: 0px; padding: 0px;} html{ height: 100%; } iframe { width: 830px; height: 250px; overflow: auto; } body {height: auto; margin: 0px; font-size: 11px; font-family: "Verdana", "Arial", sans-serif; background-color: #FFFFFF;} body#vehicleDisplayPrint, body#specialsDetails {background-color: #FFFFFF; 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 #D41B55; border-bottom: 1px solid #D41B55;} .searchDescription {position: relative; display: none;} #constraint {/* position: relative; */ margin: 0 auto; padding-top: 0px; background-color: #FFFFFF; border: none; } body#vehicleDisplayPrint #constraint, body#specialsDetails #constraint {background-color: #FFFFFF; border: 1px solid #FFFFFF;} .constraintImageLeft {} .constraintImageRight {} #motd {} #motd span {font-size: 16px; padding: 10px; display: block; text-align: left;} #siteBottom { position: relative; clear: both; margin: 0 auto; text-align: center; margin: 5px 0; } #siteBottom .dealerInfo {float: left; width: 450px; color: #5D5D5D; border: none;} #siteBottom .dealerLogo {display: none;} #footer {clear: both; color: #000000; font-size: 12px; margin: 0 auto; text-align: center; margin-bottom: 10px;} .dealerHDfooter, div#pageGen {float: left; line-height: 30px; text-align: left; padding-left: 10px;} .socialNetworkLinks .socialIcon { display: none; } body#vehicleDisplayPrint .headerMain, body#specialsDetails .headerMain {border-top: 4px solid #000000; color: #666666;} body#vehicleDisplayPrint .weather, body#specialsDetails .weather { display: none; } body#vehicleDisplayPrint #header #brandLogoLink, body#specialsDetails #header #brandLogoLink {background-image: url('http://nissan.butlerauto.com/images/brandLogo.gif');} body#vehicleDisplayPrint #footer, body#specialsDetails #footer {color: #000000;} body#vehicleDisplayPrint #vehicleHeader h1 { color: #000000; } .wordmark { padding: 14px 10px; background: #D9D9D9 url('http://nissan.butlerauto.com/images/wordmark.gif') no-repeat top right; } .wordmark .textNav { float: left; margin-left: 15px;} .wordmark .textNav a { margin-right: 5px;} .textNav {margin: 0 auto; text-align: left;} body#vehicleDisplayPrint .textNav, body#specialsDetails .textNav {display: none;} .schTestDrive a { float: left; margin-left: 10px; width: 190px; font-weight: bold; color: #d41b55;} .schTestDrive a:hover {color: #5d5d5d;} /* #subArea {float: left; width: SMALL;} */ /* body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} */ #mainArea {/* float: left; width: 100%; */ font-size: 12px; /* padding: 20px; */ padding-bottom: 10px;} body#newVehicleDisplay #mainArea, body#preOwnedVehicleDisplay #mainArea {float: left; /* width: MEDIUM; */ font-size: 12px; padding: 5px 10px; padding-bottom: 10px;} #mainArea h1 {color: #D41B55; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .pageBreak {display: none;} .clickMedia {display: none; /*width: 175px; height: 41px; margin-top: 60px; margin-left:35px; background-image: url('http://nissan.butlerauto.com/images/clickMedia.jpg'); background-position: bottom right; background-repeat: no-repeat;*/} #header a, #siteBottom .dealerInfo a, #footer a, .socialNetworkLinks a { padding-left: 10px; background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-grey.gif') no-repeat center left; } #header a:hover, #siteBottom .dealerInfo a:hover, #footer a:hover, .socialNetworkLinks a:hover { background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-red.gif') no-repeat center left; } #newSpecials .invPicture a, #preOwnedSpecials .invPicture a, #partsSpecials .invPicture a, #serviceSpecials .invPicture a, .ratesContainer .invPicture a, .customSpecial .invPicture a { padding-left: 0; background-image: none; } #newSpecials a, #preOwnedSpecials a, #partsSpecials a, #serviceSpecials a, .ratesContainer a, .customSpecial a { padding-left: 10px; background: transparent url('http://nissan.butlerauto.com/images/linkIndicatorSpecials-grey.gif') no-repeat top left; } #newSpecials a:hover, #preOwnedSpecials a:hover, #partsSpecials a:hover, #serviceSpecials a:hover, .ratesContainer a:hover, .customSpecial a:hover { background: transparent url('http://nissan.butlerauto.com/images/linkIndicatorSpecials-red.gif') no-repeat top left; } #newVehicleSpecials #mainArea, #leasingSpecials #mainArea, #preOwnedVehicleSpecials #mainArea, #partsDeptSpecials #mainArea, #serviceDeptSpecials #mainArea, #financeDeptSpecials #mainArea, #customSpecials #mainArea { width: 100%; } .customSpecial h2, #leaseSpecials h2, #partsSpecials h2, #serviceSpecials h2, #financingSpecials h2, #couponSpecials h2 { margin: 5px 0; } /* *html body#new #mainArea, *html body#preOwned #mainArea { width: 530px; } */ /* *html body#financing #mainArea { width: 510px; } */ /* ---------- Header ---------- */ /* .subHeader img {float: left; width: 165px; margin: 3px 0 0 28px; } */ .subHeaderFeature a.carsLink { margin-left: 28px; } #header {width: 100%; color: #5D5D5D; clear: both; border-bottom: 1px solid #666666;} #header .headerMain { float: right; width: 550px; border-top: 4px solid #D41B55;} body#vehicleDisplayPrint #header, body#specialsDetails #header {background-color: #FFFFFF;} .subHeader .dealerInfo {float: right; width: 634px; text-align: right; border-left: 1px solid #666666;} .subHeader { color: #5D5D5D; margin: 5px 0; padding: 8px 15px 8px 0; background-color: #D9D9D9; } .subHeader .subHeaderFeature { float: left; width: 200px; } .dealerInfo .email span a {} #brandLogo {} #header #brandLogoLink { float: left; display: block; width: 80px; height: 68px; margin: 10px 20px; padding-left: 0; background: transparent url('images/brandLogo.gif') no-repeat top left; } body#vehicleDisplayPrint #brandLogo {display: none;} .dealerLogo {float: right; width: 116px; height: 55px; margin-left: 10px; background: transparent url('images/dealerLogo.gif') no-repeat top left;} body#specialsDetails .dealerLogo, body#vehicleDisplayPrint .dealerLogo {float: right; width: 116px; height: 55px; margin-left: 10px; background: transparent url('images/dealerLogo.gif') no-repeat top left;} .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email { display: inline; text-align: right; font-size: 11px; } .subHeader .dealerInfo .dealerName, .subHeader .dealerInfo .street, .subHeader .dealerInfo .cityInfo, .subHeader .dealerInfo .phone1, .subHeader .dealerInfo .phone2, .subHeader .dealerInfo .phone3, .subHeader .dealerInfo .fax1, .subHeader .dealerInfo fax2, .subHeader .dealerInfo .email { float: left; display: block; width: 155px; text-align: right; padding: 5px 0; } .subHeader .dealerInfo .dealerName, .subHeader .dealerInfo .dealerLogo { display: none; } .dealerInfo .bullet { padding-left: 5px; padding-right: 5px; } .subHeader .dealerInfo .bullet { display: none; } #header .dealerTagline { float: left; text-align: left; /* padding-right: 8px; */ padding-bottom: 5px; color: #D41B55; } #header .dealerName { float: left; text-align: left; color: #333; margin: 10px 0; font-size: 20px; text-transform: uppercase; } .subHeader a.butlerReferral, .subHeader a.overlayLink { float: left; display: block; width: 190px; margin-left: 10px; font-weight: bold; color: #d41b55; text-transform: uppercase; } .subHeader a.butlerReferral:hover, .subHeader a.overlayLink:hover { color: #5d5d5d; } /* ---------- Content Styling (Footer) ---------- */ #footer {font-size: 12px;} #footer .dealerHDButton a { padding-left: 0; background-image: none; } /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: 12px; border-top: none;} .textNav a {color: #5D5D5D; margin-right: 15px; padding: 0 7px; border-left: 1px solid #666666;} #siteBottom .dealerInfo .bullet { display: none; } #siteBottom .dealerInfo { display: block; width: 845px; background-color: #D9D9D9; padding: 14px 10px; background: #D9D9D9 url('http://nissan.butlerauto.com/images/wordmark.gif') no-repeat top right; } #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 {float: left; display: block; font-size: 10px; } #siteBottom .dealerInfo .phone1 span { font-size: 10px; font-weight: normal; } #siteBottom .dealerInfo .dealerName, #siteBottom .dealerInfo .phone2, #siteBottom .dealerInfo .phone3, #siteBottom .dealerInfo .fax1, #siteBottom .dealerInfo .fax2, #siteBottom .dealerInfo .email { display: none; } #siteBottom .dealerInfo .phone1 { padding: 0 7px; border-left: 1px solid #666666; clear: both; } #siteBottom .dealerInfo .street, #siteBottom .dealerInfo .cityInfo { padding-right: 7px; } #siteBottom .dealerInfo .street, #siteBottom .dealerInfo .cityInfo { margin-bottom: 8px; } #siteBottom .textNav { position: absolute; width: 330px; bottom: 70px; right: 100px; } /* ---------- ~Home ---------- */ #homeArea {background-color: #CCCCCC; color: #000000; } #slideshowArea {float: right; width: 642px;} #flashSlideshow {z-index: 100; float: right;} /* body#home #mainArea {clear: both; width: LARGE;} */ body#home #motd { width: 100%; clear: both; margin: 3px;} body#home #motd span {padding-bottom: 0px; text-align: center;} body#home .newsContainer {clear: both; font-size: 12px; padding: 10px; padding-top: 0px;} body#home .newsContainer h1 a { padding-left: 10px; background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-grey.gif') no-repeat center left; } body#home .newsContainer h1 a:hover { background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-red.gif') no-repeat center left; } .sectionHeader {clear: both; margin: 8px; margin-bottom: 0px; padding: 3px;} .newsIcon, .searchIcon, .featuredSpecialIcon {float: left; height: 25px; width: 25px;} .newsIcon {background-image: url('http://nissan.butlerauto.com/images/sectionIcons/news.png'); background-repeat: no-repeat; background-position: top left;} .searchIcon {background-image: url('http://nissan.butlerauto.com/images/sectionIcons/search.png'); background-repeat: no-repeat; background-position: top left;} .featuredSpecialIcon {background-image: url('http://nissan.butlerauto.com/images/sectionIcons/featuredSpecial.png'); background-repeat: no-repeat; background-position: top left;} .sectionHeader h3 {color: #CCCCCC; margin-left: 30px; border-bottom: 1px solid #CCCCCC;} body#home #topSearches, body#home #featuresAndSpecials { float: left; width: 48%; } body#home div.specialsSnapshot { /* width: 90%; */ } body#home div.specialsSnapshotAlt { /* width: 90%; */ } #homeContent {/* float: left; */ width: 47%; padding-left: 0; margin-right: 25px; } body#home .dealerNotes { float: left; } body#home .sectionHeader { margin-top: 0; padding-top: 0; } body#home #siteBottom { margin-top: 20px; } body#home .leafLink { float: left; display: block; margin: 5px 0 0 10px; } body#home .specialsContainer .specialImage, body#new .specialsContainer .specialImage, body#preOwned .specialsContainer .specialImage { width: 30px; border: 0px; } body#home #featuresAndSpecials .specialVideoIcon, body#new #featuresAndSpecials .specialVideoIcon, body#preOwned #featuresAndSpecials .specialVideoIcon { 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%;} */ /* body#new .specialsContainer {display: none;} */ body#new #newContent { padding: 0; } body#new #mainArea { margin-top: 0; padding-top: 0; } /* ---------- ~Body Shop (Form) ---------- */ body#bodyShop .serviceForm h1, body#bodyShop .serviceForm p, body#bodyShop #serviceInfo1 { display: none; } body#bodyShop a.bodyShopFormBtn { font-size: 16px; line-height: 24px; } /* ---------- ~PreOwned ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ /* body#preOwned .specialsContainer {width: 95%;} body#preOwned div.specialsSnapshotAlt {width: 99%;} */ /* ---------- ~Specials ---------- */ body#specials #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#partsDeptSpecials #mainArea, body#serviceDeptSpecials #mainArea, body#financeDeptSpecials #mainArea, body#leasingSpecials #mainArea, body#customSpecials #mainArea, body#specialsDetails #mainArea, body#rebates #mainArea, body#testimonials #mainArea {/* clear: both; width: LARGE; */} body#specials #motd span, body#newVehicleSpecials #motd span, body#preOwnedVehicleSpecials #motd span, body#partsDeptSpecials #motd span, body#serviceDeptSpecials #motd span, body#financeDeptSpecials #motd span, body#leasingSpecials #motd span, body#customSpecials #motd span, body#specialsDetails #motd span {/* text-align: center; */} body#specials ul, body#newVehicleSpecials ul, body#preOwnedVehicleSpecials ul, body#partsDeptSpecials ul, body#serviceDeptSpecials ul, body#financeDeptSpecials ul, body#leasingSpecials ul, body#customSpecials ul, body#specialsDetails ul {/* list-style-type: none; */} /* #rebateSpecials, #newSpecials, #preOwnedSpecials, #partsSpecials, #serviceSpecials, #financeSpecials, #leaseSpecials, .customSpecial {clear: both; margin-bottom: 15px;} */ body#specials .dealerNotes, body#newVehicleSpecials .dealerNotes, body#preOwnedVehicleSpecials .dealerNotes, body#partsDeptSpecials .dealerNotes, body#serviceDeptSpecials .dealerNotes, body#financeDeptSpecials .dealerNotes, body#leasingSpecials .dealerNotes, body#customSpecials .dealerNotes, body#specialsDetails .dealerNotes {display: block;} body#specials .dealerNotes, body#newVehicleSpecials .dealerNotes, body#preOwnedVehicleSpecials .dealerNotes, body#partsDeptSpecials .dealerNotes, body#serviceDeptSpecials .dealerNotes, body#financeDeptSpecials .dealerNotes, body#leasingSpecials .dealerNotes, body#customSpecials .dealerNotes, body#specialsDetails .dealerNotes { display: none; } /* #rebateSpecials ul, #newSpecials ul, #preOwnedSpecials ul, #partsSpecials ul, #serviceSpecials ul, #financeSpecials ul, #leaseSpecials ul, .customSpecial ul {float: left; margin-top: 10px; width: SMALL; font-size: 12px;} */ /* #rebateSpecials li, #newSpecials li, #preOwnedSpecials li, #partsSpecials li, #serviceSpecials li, #financeSpecials li, #leaseSpecials li, .customSpecial li {margin-top: 3px; margin-bottom: 10px; margin-left: 25px;} */ /* #rebateSpecials li, #partsSpecials li, #serviceSpecials li, #financeSpecials li { height: 60px; } */ #leaseSpecials li, #rebateSpecials li { margin-left: 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;} body#specials h2, body#newVehicleSpecials h2, body#preOwnedVehicleSpecials h2, body#partsDeptSpecials h2, body#serviceDeptSpecials h2, body#financeDeptSpecials h2, body#leasingSpecials h2, body#customSpecials h2, body#specialsDetails h2 {margin-top: 5px; border-bottom: 1px solid #CCCCCC;} /* #rebateSpecials ul li a, #newSpecials ul li a, #preOwnedSpecials ul li a, #partsSpecials ul li a, #serviceSpecials ul li a, #financeSpecials ul li a, #leaseSpecials ul li a, .customSpecial ul li a {font-size: 16px;} */ /* .specialsContainer {clear: both;} */ .specialsContainer a {display: block;} .specialsHeader {/* clear: both; border-bottom: 1px solid #CCCCCC; */} .specialsHeader h3 {/* float: left; margin-top: 18px; */ display: none;} .specialsSnapshot h4 a, .specialsSnapshotAlt h4 a { float: left; width: 80%; padding-left: 10px; background: transparent url('http://nissan.butlerauto.com/images/linkIndicatorIE6-grey.gif') no-repeat top left; } .specialsSnapshot h4 a:hover, .specialsSnapshotAlt h4 a:hover { background: transparent url('http://nissan.butlerauto.com/images/linkIndicatorIE6-red.gif') no-repeat top left; } .specialsSnapshot, .specialsSnapshotAlt {padding: 2px; border-bottom: 1px solid #CCCCCC;} .specialsSnapshotAlt {background-color: #EFEFEF;} .specialImage {float: left; margin-right: 5px;} .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;} .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-left: 3px;} div.specialsSnapshot div.specialImage, div.specialsSnapshotAlt div.specialImage { border: 0px; } .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#specialsDetails #mainArea {width: LARGE;} */ body#specialsDetails .coupon h1 { color: #000000; } body#specialsDetails .coupon {border: 2px dashed #000000; padding: 5px; width: 100%;} body#specialsDetails .coupon .specialImage img {float: left; width: 250px;} body#specialsDetails .coupon .specialPrice {float: right; width: 215px; font-size: 42px; font-weight: bold; text-align: right;} body#specialsDetails .coupon .specialDescription {float: left; width: 320px; font-size: 14px;} body#specialsDetails .coupon .specialDisclaimer {clear: both; font-size: 12px; margin-top: 10px; padding-top: 5px; border-top: 1px solid #000000;} body#newVehicleSpecials div#newSpecials div.invPicture img, body#preOwnedVehicleSpecials div#preOwnedSpecials div.invPicture img, body#specials div#newSpecials div.invPicture img, body#specials div#preOwnedSpecials div.invPicture img { width: 150px; } /* .leasePicture img {width: SMALL;} */ .leaseName {font-size: 16px; text-align: center; display: block;} .leasePrice {display: block; font-size: 18px; text-align: center;} #leaseSpecials .dealerNotes {margin: 10px; margin-top: 5px;} #leaseSpecials .leaseDate {font-size: 14px; display: block; color: #D41B55; text-align: center;} #rebateSpecials .specialImage img {/* width: SMALL; */ border: 0px;} #rebateSpecials .section {font-size: 16px; text-align: center;} #rebateSpecials .rebateName {font-size: 18px; margin-top: 5px;} #rebateSpecials .rebateDate {font-size: 14px; display: block; color: #D41B55;} #rebateSpecials .rebatesIncentives ul {list-style-type: disc;} #rebateSpecials .rebatesIncentives ul li {margin: 0px; font-size: 14px;} #rebateSpecials ul {padding: 10px 5px 10px 5px;} #rebateSpecials ul li {height: 225px;} .rebatesIncentives span {display: block; text-align: left; font-size: 14px;} .noSpecials {padding: 5px;font-size: 16px; text-align: center;} #specials .ratesContainer h1, #financeDeptSpecials .ratesContainer h1 { color: #000000; } #specials #partsSpecials h2, #specials #serviceSpecials h2, #specials .ratesContainer, #specials .ratesContainer h1 { text-align: left; clear: both;} body#specials #mainArea { width: 845px; } body#specials #couponSpecials h2, body#specials #used_vehicle_specials, body#specials #new_vehicle_specials, body#specials #serviceSpecials, body#specials #leaseSpecials { display: none; } .monthlySpecialsTitle { display: none; } body#specials .monthlySpecialsTitle { display: block; } /* ---------- ~Financing ---------- */ body#financing div.applyFinancing {float: left; /* width: SMALL; */ margin-top: 10px; } /* ---------- ~General Content Styling ---------- */ 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;} #mainArea .departmentInfo .phone1, #mainArea .departmentInfo .fax1 {display: block;} .departmentTitle {padding: 3px; clear: both;} .departmentTitle h1 {font-size: 18px;} .hoursContent {margin: 5px; margin-bottom: 10px;} .hoursContainer {width: 210px;} .hoursHolder {clear: both; padding: 3px; border-bottom: 1px dotted #CCCCCC;} /* ~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: #EFEFEF;} .day, .dayHours, .currentDay {font-size: 14px;} body#new .day, body#preOwned .day, body#parts .day, body#service .day, body#bodyShop .day, body#bodyShopForm .day, body#financing .day, body#staffDetail .day {float: left;} body#new .dayHours, body#preOwned .dayHours, body#parts .dayHours, body#service .dayHours, body#bodyShop .dayHours, body#bodyShopForm .dayHours, body#financing .dayHours, body#staffDetail .dayHours {float: right;} body#new .currentDay,body#preOwned .currentDay, body#parts .currentDay, body#service .currentDay, body#bodyShop .currentDay, body#bodyShopForm .currentDay, body#financing .currentDay, body#staffDetail .currentDay {clear: both; text-align: right; font-size: 12px;} .tvPlayer {width: auto; text-align: center;} /* ---------- Employees (Staff) ---------- */ body#staff .departmentTitle { border: none; } body#staff .departmentTitle span {display: block; font-size: 21px; font-family: "Verdana", "Arial", sans-serif; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .deptManager, body#staff .staffContainer {float: left; width: 130px; /* height: 125px; */ text-align: center; margin: 3px;} body#staff .staffContainer {margin-top: 10px; margin-bottom: 10px;} .departmentManager .departmentTitle {display: none;} #mainArea .adminTitle h1 {color: #838383; padding: 3px; font-size: 12px; font-family: "Verdana", "Arial", sans-serif; text-align: center; border: 0px;} .employeeImage img {margin: 5px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #CCCCCC;} body#new .employeeImage img, body#preOwned .employeeImage img, body#parts .employeeImage img, body#service .employeeImage img, body#financing .employeeImage img, body#bodyShop .employeeImage img { border: none; } body#new .employeeName, body#preOwned .employeeName, body#parts .employeeName, body#service .employeeName, body#financing .employeeName, body#bodyShop .employeeName { text-align: left; } .employeeName {font-size: 12px;} body#new .employeeTitle, body#preOwned .employeeTitle, body#parts .employeeTitle, body#service .employeeTitle, body#financing .employeeTitle, body#bodyShop .employeeTitle, body#bodyShopForm .employeeTitle {display: none;} body#staff .employeeTitle {font-size: 12px;} /* body#staff #mainArea {clear: both; width: LARGE;} */ .hoursContent h1 {font-size: 18px;} body#staffDetail .staffInfo {/* width: LARGE; */ font-size: 12px; padding: 10px;} body#staffDetail .staffInfo .staffPicture img {float: left; width: 245px; margin-right: 10px;} body#staffDetail .hoursContent {margin-top: 40px; padding-left: 10px; padding-right: 10px;} body#staffDetail .staffDetails {float: left; /* width: MEDIUM; */ font-size: 16px;} body#staffDetail .staffDetails .employeeName {font-size: 24px; font-family: "Verdana", "Arial", sans-serif;} body#staffDetail .staffNotes {float: left; /* width: MEDIUM; */ margin-top: 10px; margin-bottom: 10px;} /* ---------- Maps ---------- */ body#contact #mapContainer {margin: 10px; height: 245px; font-size: 12px; font-family: "Verdana", "Arial", sans-serif; border: 1px solid #CCCCCC; background-color: #FFFFFF;} body#directions #mapContainer {clear: both; margin: 10px; width: 840px; height: 500px; font-size: 12px; font-family: "Verdana", "Arial", sans-serif; border: 1px solid #CCCCCC; background-color: #FFFFFF;} /* ---------- ~Information ---------- */ /* body#information #mainArea {clear: both; width: LARGE;} */ body#information #mainArea { width: 100%; } body#information #infoContent { /* width: 100%; */ } /* ---------- ~News ---------- */ /* body#news #subArea {float: left;} */ /* body#newsArchived #mainArea {width: LARGE;} */ .newsPicture {float: left; margin-right: 10px;} .newsPicture img {border: 1px solid #999999;} body#news #archivedNews {padding: 10px;} #archivedNews h1 {font-size: 21px;} .newsContainer {clear: both; margin-bottom: 20px;} .newsContainer h2 a { padding-left: 10px; background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-grey.gif') no-repeat center left; } .newsContainer h2 a:hover { background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-red.gif') no-repeat center left; } .newsHeadline {margin-bottom: 5px;} body#home .newsCaption {display: none;} body#news .newsCaption, #archivedNews .newsCaption {/* width: SMALL; */ font-size: 11px; margin-top: 5px; margin-bottom: 5px;} .newsStory {font-size: 12px; margin-top: 5px;} #archivedNews a {display: block; padding: 3px; font-size: 12px; border-bottom: 1px dotted #CCCCCC;} #archivedNews a:hover {color: #FFFFFF; background-color: #000000;} /* ---------- ~Privacy ---------- */ /* body#privacy #mainArea {clear: both; width: LARGE;} */ body#privacy #mainArea { width: 100%; } body#privacy #privacyContent { padding-left: 0; padding-right: 0; } /* ---------- ~Buttons ---------- */ .financeButton {width: 500px; height: 40px; text-align: center; margin-top: 20px;} /* ---------- ~FAQ ---------- */ /* body#faq #mainArea {clear: both; width: LARGE;} */ body#faq .faqContainer h1 {color: #000000; font-size: 18px; font-weight: bold; padding: 3px; margin-top: 10px; border-bottom: 1px solid #000000;} body#faq .question {font-size: 16px; margin-top: 10px;} body#faq .answer {font-size: 12px; padding-bottom: 10px;} /* ---------- ~Hours Of Operation ---------- */ .departmentHours {} #hoursChart {clear: both; width: 100%;} #hoursChart h2 {padding: 10px; padding-bottom: 5px;} /* Carbuilder styles */ #hoursChart table, body#carbuilder table {margin: 10px; text-align: center; border-collapse: collapse; background-color: #FFFFFF;} #hoursChart table tr, #hoursChart table th, #hoursChart table td, /* Carbuilder styles */ body#carbuilder thead th, body#carbuilder td, body#carbuilder tfoot {padding: 3px; border: 1px solid #666666;} #hoursChart table thead {background-color: #CCCCCC; border: 1px solid red;} #hoursChart table tfoot td {padding: 0px; border-bottom: hidden;} body#contact .currentDay, body#hoursOperation .currentDay {width: 20%; font-size: 12px;} body#contact .dayHours, body#hoursOperation .dayHours {width: 10%; font-size: 12px;} body#contact table tr.hoursData:hover, body#hoursOperation table tr.hoursData:hover {cursor: pointer; background-color: #EFEFEF;} body#contact .weekday {} body#contact .comma {} body#contact .date {} .dayHours span {} /* ---------- ~PMT Autos ---------- */ #dealerHD {float: left; width: 55px;} .dealerHDButton {float: left; width: 55px; height: 30px; cursor: pointer; background-image: url('http://nissan.butlerauto.com/images/buttons/DHDButtonSml.png'); background-repeat: no-repeat; background-position: top left;} /* .dealerHDButton:hover {background-image: url('http://nissan.butlerauto.com/images/buttons/pmtAutosButtonOver.png');} */ .dealerHDButton a {display: block; height: 30px; width: 55px;} /* ---------- ~Text ---------- */ h1, h2, h3, h4, h5 {font-weight: normal; font-family: "Verdana", "Arial", 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 {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;} /* ---------- ~Links ---------- */ a {color: #5D5D5D; text-decoration: none;} a img {border: 0px;} a:hover {color: #D41B55;} /* ---------- ~Disclaimer ---------- */ #disclaimer a { padding-left: 0; background-image: none; } #disclaimer {text-align: left; padding-top: 3px; color: #666666; line-height: 14px;} #disclaimer span {font-size: 11px; margin-bottom: 2px;} .lineTools .disclaimerSS {color: #666666;} .disclaimerSS {font-size: 11px; vertical-align: super; margin-right: 3px; margin-left: 3px;} #disclaimer .disclaimerSS {vertical-align: baseline;} body#newInventory .mpgCity span.disclaimerSS, body#newInventory .mpgHighway span.disclaimerSS, body#preOwnedInventory .mpgCity span.disclaimerSS, body#preOwnedInventory .mpgHighway span.disclaimerSS {font-size: 11px; color: #666666;} body#newVehicleDisplay .mpgCity span.disclaimerSS, body#newVehicleDisplay .mpgHighway span.disclaimerSS, body#preOwnedVehicleDisplay .mpgCity span.disclaimerSS, body#preOwnedVehicleDisplay .mpgHighway span.disclaimerSS, body#vehicleDisplayPrint .mpgCity span.disclaimerSS, body#vehicleDisplayPrint .mpgHighway span.disclaimerSS {font-size: 11px;} .adminDisclaimer {font-size: 11px; display: block;} .noFlash {color: #FFFFFF; font-size: 18px; text-align: center; padding: 10px; padding-top: 180px;} .noFlash a {color: #FFFFFF; text-decoration: underline;} .printMessage {display: none;} /* ---------- ~PreOwned Vehicle Display ---------- */ body#preOwnedVehicleDisplay .requestInfo { background-image: url('http://nissan.butlerauto.com/images/buttons/freeHistoryButton.png'); } body#preOwnedVehicleDisplay .requestInfo:hover { background-image: url('http://nissan.butlerauto.com/images/buttons/freeHistoryButtonOver.png'); } /* ---------- ~PreOwned Inventory ---------- */ body#preOwnedInventory div.inventoryInfo div.vin span a, body#preOwnedInventory div.inventoryInfo div.vin span a:hover { color: #5d5d5d; cursor: default; } body#preOwnedVehicleDisplay div.vehicleDetails div.vehicleDetailsCenter div.carVin span a, body#preOwnedVehicleDisplay div.vehicleDetails div.vehicleDetailsCenter div.carVin span a:hover { color: #000; cursor: default; } /* ---------------- ~Rewards --------------- */ body#rewards #mainArea {clear: both; width: LARGE;} body#rewards #mainArea h1 { text-align: center; font-weight: bold; margin: 10px 0px; font-size: 25px; } body#rewards p { margin-bottom: 10px; } body#rewards .advantagesArea { width: 45%; float: left; margin-left: 5px; margin-bottom: 15px;} body#rewards .benefitArea { margin-top: 20px; margin-bottom: 20px; background-color: #efefef; border: 1px solid #777; padding: 15px 5px 15px 5px; } body#rewards h2 { font-weight: bold; color: #000; } body#rewards .advantagesArea ul { list-style-position: inside; margin-left: 5px; } body#rewards .redemptionArea { margin-bottom: 20px; background-color: #efefef; border: 1px solid #777; padding: 15px 5px 15px 10px; } body#rewards .redemptionArea h2 { text-align: center; margin-bottom: 7px; } body#rewards .redemptionArea ul { width: 20%; float: left; list-style: none; font-weight: bold; } .contactFormButton a { width: 347px; height: 40px; margin: 20px 0px; display: block; background: transparent url('http://nissan.butlerauto.com/images/buttons/rewardsButton.gif') no-repeat top left; } .contactFormButton a:hover { background: transparent url('http://nissan.butlerauto.com/images/buttons/rewardsButtonOver.gif') no-repeat top left; } .rewardsPass { float: left; margin-right: 15px; } /* ---------------- ~Custom Pages --------------- */ body#copyright #contentContainer { padding: 15px; } body#copyright #contentContainer h2 { padding-bottom: 15px; } .defaultCouponSpecial .blue_burst .defaultCouponBorder { background-image: none; background-color: #D9D9D9; } body#contact #subArea .dealerInfo div { float: none; display: block; text-align: right; margin-right: 10px; } body#referralProgram #mainArea {padding: 0; width: 865px; } body#referralProgram #mainArea h1 {margin: 10px 5px 2px 5px; font-size: 22px; } body#referralProgram #mainArea img {margin-left: 1px; } /* -------------------------- inventory.css -------------------------- */ .alternateInv h1 a, .normalInv h1 a {padding-left: 10px; background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-grey.gif') no-repeat center left;} .alternateInv h1 a:hover, .normalInv h1 a:hover {color: #D41B55; background: transparent url('http://nissan.butlerauto.com/images/linkIndicator-red.gif') no-repeat center left;} .specialInv .invHead h1 a, .featuredInv .invHead h1 a, .greenInv .invHead h1 a {padding-left: 10px; background: transparent url('http://nissan.butlerauto.com/images/linkIndicatorIE6-grey.gif') no-repeat top left;} .specialInv .invHead h1 a:hover, .featuredInv .invHead h1 a:hover, .greenInv .invHead h1 a:hover {background: transparent url('http://nissan.butlerauto.com/images/linkIndicatorIE6-red.gif') no-repeat top left;} .lineTools a {color: #5D5D5D; font-size: 10px;} .lineTools a:hover {color: #D41B55;} .lineTools .pmtcalcIconInactive a, .lineTools .pmtcalcIconInactive span, .applyFinancingInactive span {cursor: default; color: #CCCCCC;} /* .carfax { display: none; } */ /* REQUEST ADDITIONAL INFO BUTTON - UNDER PRICE */ body#newVehicleDisplay .pmtTools .requestInfo { display: none; } body#preOwnedVehicleDisplay #subArea .requestInfoUnderPrice, body#newVehicleDisplay #subArea .requestInfoUnderPrice { margin: 0 0 15px 0; } body#preOwnedVehicleDisplay #subArea .requestInfoUnderPrice a, body#newVehicleDisplay #subArea .requestInfoUnderPrice a { width: 260px; height: 30px; display: block; cursor: pointer; background: transparent url('http://nissan.butlerauto.com/images/buttons/requestInfoOver.png') no-repeat top left; } body#preOwnedVehicleDisplay #subArea .requestInfoUnderPrice a:hover, body#newVehicleDisplay #subArea .requestInfoUnderPrice a:hover { background-image: url('http://nissan.butlerauto.com/images/buttons/requestInfo.png'); } body#preOwnedVehicleDisplay .comparisonButton { display: none; } body#newVehicleDisplay .comparisonButton { margin: 0 0 15px 0; } body#newVehicleDisplay .comparisonButton { width: 130px; height: 30px; display: block; cursor: pointer; background: transparent url('http://nissan.butlerauto.com/images/buttons/vehicleComparison.png') no-repeat top left; } body#newVehicleDisplay .comparisonButton:hover { background-image: url('http://nissan.butlerauto.com/images/buttons/vehicleComparisonOver.png'); } .isLabel, .isPrice { color: #cc0000; } .dealerNotes, .globalNote { font-weight: bold; font-size: 17px; } body#preOwnedInventory .alternateInv .dealerNotes, body#preOwnedInventory .normalInv .dealerNotes, body#preOwnedInventory .specialInv .dealerNotes, body#preOwnedInventory .featuredInv .dealerNotes, body#preOwnedVehicleDisplay .dealerNotes {display: none;} /* -------------------------- nav.css -------------------------- */ #navigation {position: relative; width: 100%; margin: 5px 0; background-color: #EFEFEF; z-index: 50;} #nav, #nav ul {float: left; list-style: none; z-index: 250;} #navigation #nav { float: right; width: 650px; } #nav a {font-size: 11px; display: block; text-align: left; padding-left: 5px;} #nav li {float: left;; padding: 0; width: 9.9%; height: 35px; font-size: 10px; line-height: 35px; color: #CCCCCC;} #nav li#nav_home { width: 45px; } #nav li#nav_new { width: 40px; } #nav li#nav_preOwned { width: 77px; } #nav li#nav_parts { width: 40px; } #nav li#nav_specials { width: 60px; } #nav li#nav_service { width: 57px; } #nav li#nav_bodyShop { width: 70px; } #nav li#nav_financing { width: 70px; } #nav li#nav_information, #nav li#nav_advertising { width: 80px; } #nav li#nav_contact { width: 60px; } #nav li#nav_blog { width: 40px; } #nav li ul {position: absolute; left: -999em; top: 35px; width: 185px; height:auto !important; padding: 0px; border-bottom: 4px solid #ccc; background-color: #EFEFEF;} #nav li li {display: block; height: 29px; width: 179px; margin: 0; text-align: left; line-height: 25px; border: 0px; border-bottom: 1px solid #CCCCCC; background-image: none;} * html #nav li li {padding: 3px 0; } /* Fixes the appearence in IE6. */ #nav li ul a {display: block; width: 98%; color: #5D5D5D; text-align: left; padding: 3px;} #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: #D9D9D9;} #nav a:hover {color: #D41B55;} /* ---------- ~Nav Indicators ---------- */ #nav li.main_marker, #referralProgram #nav_information { color: #D41B55; background-color: #D9D9D9; } .main_marker a, #referralProgram #nav_information a { color: #D41B55; } .sub_marker, #referralProgram #nav_butlerReferrals { color: #D41B55; background-color: #EFEFEF; background-image: none; } #referralProgram #nav_information li a span { color: #5D5D5D; } .sub_marker a, #referralProgram #nav_information li#nav_butlerReferrals a { color: #5D5D5D; } .sub_marker a span, #referralProgram #nav_information li#nav_butlerReferrals a span { color: #D41B55; } /* -------------------------- popup.css -------------------------- */ body#popup #header, body#popupComplete #header, body#popup .textNav, body#popupComplete .textNav, body#popup .subHeader, body#popupComplete .subHeader, body#popup #navigation, body#popupComplete #navigation, body#popup #pageGen, body#popupComplete #pageGen { display: none; } body#popup #contentContainer, body#popupComplete #contentContainer { padding: 0; } /* body#popup #siteBottom .dealerInfo .dealerName, body#popup #siteBottom .dealerInfo .street, body#popup #siteBottom .dealerInfo .cityInfo, body#popup #siteBottom .dealerInfo .phone1, body#popupComplete #siteBottom .dealerInfo .dealerName, body#popupComplete #siteBottom .dealerInfo .street, body#popupComplete #siteBottom .dealerInfo .cityInfo, body#popupComplete #siteBottom .dealerInfo .phone1 { font-size: 12px; } */ body#popup #siteBottom .dealerInfo .bullet, body#popupComplete #siteBottom .dealerInfo .bullet { padding: 0px 3px 0px 0px; } 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://nissan.butlerauto.com/images/homeAreaBackground.jpg') repeat-x top left; } body#popup #close a, body#popupComplete #close a { color: #5D5D5D; text-decoration: underline; } body#popup #constraint a:hover, body#popupComplete #constraint a:hover { color: #D41B55; } 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: #d41b55; color: #FFFFFF; padding: 10px 0; text-align: center; border: 1px solid #ccc; 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: #5D5D5D; text-align: center; padding: 5px; background-color: #D9D9D9; } body#popupComplete #printInstructions:hover { color: #D41B55; } body#popupComplete h1 { font-size: 180%; padding-bottom: 15px; } body#popupComplete #dateArea { font-size: 16px; color: #FFFFFF; text-align: center; padding: 10px; margin: 10px 0; background-color: #d41b55; } 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://nissan.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 -------------------------- */ #searchHome { width: 223px; background-color:#d9d9d9; } #searchHome .searchContainer #searchTools .searchBoxes { padding: 5px; } #searchHome .searchContainer p { width: 210px; margin-left: 5px; } #searchHome .searchContainer h1, #searchHome .searchContainer p, #searchHome .searchContainer .filterText { color: #000000; } .searchContainer #searchTools, .searchContainer #searchTools .searchBoxes, .searchContainer #searchTools #advancedSearchBoxes { padding: 0; margin: 0; } body#newInventory .searchContainer h1, body#preOwnedInventory .searchContainer h1, body#new .searchContainer h1, body#preOwned .searchContainer h1 { padding-left: 0; } body#newInventory #searchInstructions span, body#preOwnedInventory #searchInstructions span, body#new #searchInstructions span, body#preOwned #searchInstructions span { padding-left: 0; } /* ----- 1.11 Style Overrides Search By Payment ----- */ ul#searchBy, ul#searchBy li { width: 220px; } ul#searchBy li ul { left: 220px; } ul#searchByVehicleType li, ul#searchByColor li, ul#searchByPrice li, ul#searchByTrans li, ul#searchByBodyType li, ul#searchByMake li, ul#searchByMPG li, ul#searchByMileage li { width: 130px; }