/* -- Cached as carlislepikepreowned.com-folder=cssscreen.css on -- 2010-07-28 06:30:53 */ /* -------------------------- default.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: Carlisle Pike Preowned 2.0 CSS Document Author: PMT Advertising (mt) 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-color: #1f5656; background: #1f5656 url('http://carlislepikepreowned.com/images/background.jpg') repeat-x top left;} 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 #333333; border-bottom: 1px solid #333333;} .searchDescription {position: relative; display: none;} #constraint {/* position: relative; */ width: SITEWIDTH; margin: 10px auto 0px auto; padding-top: 0px; background-color: #FEFEFE; background: #FEFEFE url('http://carlislepikepreowned.com/images/bottomBkg.jpg') no-repeat bottom center; border-top: 1px solid #000000;} body#vehicleDisplayPrint #constraint, body#specialsDetails #constraint {background-color: #FFFFFF; border: 1px solid #FFFFFF;} #constraint { border: none; } .constraintImageLeft {} .constraintImageRight {} /* ---------- ~MOTD ---------- */ #motd {} #motd span {font-size: 16px; padding: 10px; display: block; text-align: center; background-color: #001c1c; color: #7a0101;} /* ---------- ~MOTD ~LARGE ---------- */ body#home #motd, body#specials #motd, body#leasingSpecials #motd, body#newVehicleSpecials #motd, body#preOwnedVehicleSpecials #motd, body#partsDeptSpecials #motd, body#serviceDeptSpecials #motd, body#financeDeptSpecials #motd, body#financing #motd, body#contact #motd {width: 99%; margin: 3px 0; clear: both; background: #FFFFFF url('http://carlislepikepreowned.com/images/motd/motdLargeBottom.jpg') no-repeat bottom center; color: #FFFFFF; padding-bottom: 10px;} body#home #motd span, body#specials #motd span, body#leasingSpecials #motd span, body#newVehicleSpecials #motd span, body#preOwnedVehicleSpecials #motd span, body#partsDeptSpecials #motd span, body#serviceDeptSpecials #motd span, body#financeDeptSpecials #motd span, body#financing #motd span, body#contact #motd span {text-align: center; background: url('http://carlislepikepreowned.com/images/motd/motdLargeTop.jpg') no-repeat top center; padding: 12px 8px 2px 10px;} /* ---------- ~MOTD ~MEDIUM ---------- */ body#new #motd, body#preOwned #motd {margin: 0 0 10px 0; clear: both; background: #FEFEFE url('http://carlislepikepreowned.com/images/motd/motdMediumBottom.jpg') no-repeat bottom center; color: #FFFFFF;padding-bottom: 10px;} body#new #motd span, body#preOwned #motd span {text-align: center; background: url('http://carlislepikepreowned.com/images/motd/motdMediumTop.jpg') no-repeat top center; padding: 12px 8px 2px 10px;} /* ---------- ~MOTD ~SMALL ---------- */ body#bodyShop #motd, body#parts #motd, body#service #motd, body#news #motd, body#directions #motd, body#financing #motd {margin: 3px 0;clear: both; background: #FEFEFE url('http://carlislepikepreowned.com/images/motd/motdSmallBottom.jpg') no-repeat bottom center; color: #FFFFFF;padding-bottom: 10px; margin: 20px 5px; width: 255px;} body#bodyShop #motd span, body#parts #motd span, body#service #motd span, body#news #motd span, body#directions #motd span, body#financing #motd span {text-align: center; background: url('http://carlislepikepreowned.com/images/motd/motdSmallTop.jpg') no-repeat top center; padding: 12px 8px 2px 10px;} .motdContainer {margin: 10px;} #siteBottom {clear: both; margin: 0 auto; text-align: center; margin: 10px;} #siteBottom .dealerInfo {padding: 5px; padding-top: 10px;} #siteBottom .dealerLogo {display: none;} #footer {clear: both; color: #000000; width: SITEWIDTH; 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;} body#vehicleDisplayPrint #footer, body#specialsDetails #footer {color: #000000;} .textNav {margin: 0 auto; text-align: center; padding-top: 5px; padding-bottom: 5px; } body#vehicleDisplayPrint .textNav, body#specialsDetails .textNav {display: none;} /* #subArea {float: left; width: SMALL;} */ body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} #mainArea {/* float: left; width: MEDIUM; */ font-size: 12px; padding: 20px 0; 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: #000000; 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://carlislepikepreowned.com/images/clickMedia.jpg'); background-position: bottom right; background-repeat: no-repeat;*/} .employBtn {width: 175px; height: 100px; margin-top: 10px; margin-left:10px; background-image: url('http://carlislepikepreowned.com/images/employmentBtn.jpg'); background-position: bottom right; background-repeat: no-repeat; display: block;} /* ---------- Header ---------- */ #header {color: #FFFFFF; border-bottom: 1px solid #000000; background-color: #001c1c; width: 100%;} body#vehicleDisplayPrint #header, body#specialsDetails #header {background-color: #000000; color: #FFFFFF;} body#specialsDetails .dealerInfo .email, body#vehicleDisplayPrint .dealerInfo .email {display: none;} #header .dealerInfo {padding: 10px;} .dealerLogo {float: left; height: 50px; width: 500px; background-image: url('http://carlislepikepreowned.com/images/dealerLogo.gif'); background-repeat: no-repeat; background-position: top right;} /*#brandLogo {float: left; padding: 3px; width: 80px; margin-right: 15px; padding-bottom: 10px;}*/ #header .dealerInfo .phone1, #header .dealerInfo .email, #header .dealerInfo .servicePhone {text-align: left; font-size: 12px; float: right; width: 335px; padding: 0; margin: 0;} #header .dealerInfo .street, #header .dealerInfo .cityInfo {display: inline; text-align: left;float: left; padding: 0 10px;} #header .dealerName, #header .dealerInfo .bullet, #header .dealerInfo .phone2, #header .dealerInfo .phone3, #header .dealerInfo .fax1, #header .dealerInfo fax2, #siteBottom .dealerInfo .phone2 {display: none;} .dealerInfo .bullet {padding: 0 5px;} #header .dealerInfo .email {padding-bottom: 10px;} #header .dealerTagline {text-align: right; padding:0 10px 10px 10px; clear:both; float: right;} #header .dealerInfo .phone1, #header .dealerInfo .servicePhone {font-size: 14px; padding: 0; margin: 0;} #header .dealerInfo .email a {color: #ffc334;} #header .dealerInfo .email a:hover {color: #FFFFFF;} /* ---------- Content Styling (Footer) ---------- */ #footer {font-size: 12px;} #footer a {color: #ffc334;} #footer a:hover {color: #FFFFFF;} /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: 12px; border-top: 1px solid #CCCCCC;} .textNav a {padding: 5px;} #siteBottom .dealerInfo .dealerName, #siteBottom .dealerInfo .street, #siteBottom .dealerInfo .cityInfo, #siteBottom .dealerInfo .phone1, #siteBottom .dealerInfo .phone2, #siteBottom .dealerInfo .phone3, #siteBottom .dealerInfo .fax1, #siteBottom .dealerInfo fax2, #siteBottom .dealerInfo .email {display: inline; font-size: 14px;} /* ---------- ~Home ---------- */ #homeArea {background-color: #001c1c; border-bottom: 2px solid #000000;} #slideshowArea {float: right; width: 642px;} #flashSlideshow {z-index: 100;} /* body#home #mainArea {clear: both; width: LARGE;} */ body#home #motd, body#contact #motd {clear: both; margin: 3px;} body#home #motd span, body#contact #motd span {padding-bottom: 0px; text-align: center;} body#home .newsContainer {clear: both; font-size: 12px; padding: 10px; padding-top: 0px;} .sectionHeader {clear: both; margin: 8px; margin-bottom: 0px; padding: 3px;} .newsIcon, .searchIcon, .featuredSpecialIcon {float: left; height: 25px; width: 25px;} .newsIcon {background-image: url('http://carlislepikepreowned.com/images/sectionIcons/news.png'); background-repeat: no-repeat; background-position: top left;} .searchIcon {background-image: url('http://carlislepikepreowned.com/images/sectionIcons/search.png'); background-repeat: no-repeat; background-position: top left;} .featuredSpecialIcon {background-image: url('http://carlislepikepreowned.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: right; width: 49%;} body#home div.specialsSnapshotAlt {width: 100%;} #homeContent {float: left; width: 48%;} body#home #searchHome { width: 220px; } body#home #searchHome .msPoloButton span { display: none; } body#home #searchHome .msPoloButton { float: left; display: block; width: 200px; height: 47px; margin: 10px 0 10px 12px; cursor: pointer; background: url(http://carlislepikepreowned.com/images/polo.gif) no-repeat top left; } body#home #searchHome .msPoloButton:hover { background-image: url(http://carlislepikepreowned.com/images/polo.gif); } #searchByPayment h3 { padding-left: 5px; padding-top: 5px; } /* ---------- ~New ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#new .specialsContainer {width: 95%;} body#new div.specialsSnapshotAlt {width: 99%;} /* ---------- ~PreOwned ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#preOwned .specialsContainer {width: 95%;} body#preOwned div.specialsSnapshotAlt {width: 99%;} /* ---------- ~Specials ---------- */ body#specials #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#partsDeptSpecials #mainArea, body#serviceDeptSpecials #mainArea, body#financeDeptSpecials #mainArea, body#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;} #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;} #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 #333333;} #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, .specialsSnapshotAlt {padding: 2px; border-bottom: 1px solid #CCCCCC;} .specialsSnapshotAlt {background-color: #DDDDDD;} .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;} .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 {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: #7a0101; 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: #7a0101;} #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;} /* ---------- ~Financing ---------- */ body#financing div.applyFinancing {float: left; width: SMALL;} /* ---------- ~General Content Styling ---------- */ body#new .departmentInfo, body#preOwned .departmentInfo, body#parts .departmentInfo, body#service .departmentInfo, body#bodyShop .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: #DDDDDD;} .day, .dayHours, .currentDay {font-size: 14px;} body#new .day, body#preOwned .day, body#parts .day, body#service .day, body#bodyShop .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#financing .dayHours, body#staffDetail .dayHours {float: right;} body#new .currentDay,body#preOwned .currentDay, body#parts .currentDay, body#service .currentDay, body#bodyShop .currentDay, body#financing .currentDay, body#staffDetail .currentDay {clear: both; text-align: right; font-size: 12px;} /* ---------- Employees (Staff) ---------- */ body#staff .departmentTitle span {display: block; font-size: 21px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .deptManager, body#staff .staffContainer {float: left; width: 130px; /* height: 125px; */ text-align: center; margin: 3px;} body#staff .staffContainer {margin-top: 10px; margin-bottom: 10px;} .departmentManager .departmentTitle {display: none;} #mainArea .adminTitle h1 {padding: 3px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; text-align: center; border: 0px;} .employeeImage img {margin: 5px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #CCCCCC;} .employeeName {font-size: 12px;} body#new .employeeTitle, body#preOwned .employeeTitle, body#parts .employeeTitle, body#service .employeeTitle, body#financing .employeeTitle, body#bodyShop .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: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", 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: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #CCCCCC; background-color: #FEFEFE;} body#directions #mapContainer {clear: both; margin: 10px; width: 840px; height: 500px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #CCCCCC; background-color: #FEFEFE;} /* ---------- ~Information ---------- */ /* body#information #mainArea {clear: both; width: LARGE;} */ body#information .employeeImage img {width: 135px; height: 101px;} body#information .staffContainer .employeeImage {text-align: center;} body#information .staffContainer .employeeImage img {width: 120px; height: 90px;} body#information .staffContainer { float: left; width: 140px; height: 155px; margin: 15px 0 0 0; } body#information .staffContainer {margin: 0 0 20px 0;} body#information .staffContainer .employeeName, body#information .staffContainer .employeeTitle { text-align: center; color: #000000; } body#information .staffContainer .employeeTitle { display: block; } body#information .employeeExtOverride {text-align: center;} body#information #motd { display: none; } /* ---------- ~News ---------- */ /* body#news #subArea {float: left;} */ /* body#newsArchived #mainArea {width: LARGE;} */ .newsPicture {float: left; margin-right: 10px;} .newsPicture img {border: 1px solid #333333;} body#news #archivedNews {padding: 10px;} #archivedNews h1 {font-size: 21px;} .newsContainer {clear: both; margin-bottom: 20px;} .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;} */ /* ---------- ~Buttons ---------- */ .financeButton {width: 500px; height: 40px; text-align: center; margin-top: 20px;} /* ---------- ~FAQ ---------- */ /* body#faq #mainArea {clear: both; width: LARGE;} */ body#faq .faqContainer h1 {font-size: 18px; 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: #FEFEFE;} #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 #2D2D2D;} #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: #DDDDDD;} 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://carlislepikepreowned.com/images/buttons/DHDButtonSml.png'); background-repeat: no-repeat; background-position: top left;} /* .dealerHDButton:hover {background-image: url('http://carlislepikepreowned.com/images/buttons/pmtAutosButtonOver.png');} */ .dealerHDButton a {display: block; height: 30px; width: 55px;} /* ---------- ~Text ---------- */ h1, h2, h3, h4, h5 {font-weight: normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} h1 { font-size: 24px;} h2 { font-size: 21px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 14px;} p {font-size: 12px;} /* ---------- ~Dealer Info ---------- */ .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email {font-size: 11px;} /* ---------- ~Advertising ---------- */ .noAd {margin: 20px; font-size: 16px; text-align: center;} .advertising {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: #7a0101; text-decoration: none;} a img {border: 0px;} a:hover {color: #000000;} /* ---------- ~Disclaimer ---------- */ #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;} /* ---------- ~Custom ---------- */ .cureDiabetes { float: left; display: block; width: 200px; height: 111px; margin-left: 10px; background: transparent url(http://carlislepikepreowned.com/images/walkLogo.gif) no-repeat top left; } .cureDiabetes span { display: none; } /* -------------------------- inventory.css -------------------------- */ .lineTools a {color: #666666;} .lineTools a:hover {color: #000000;} body#newInventory .inventoryInfo .price span, body#preOwnedInventory .inventoryInfo .price span {font-size: 13px; font-weight: bold; color: #CC0000;} body#newInventory .pageDisplay .totalVehicles, body#preOwnedInventory .pageDisplay .totalVehicles { color: #000000; } .corpCertified img, .dealerCertified img { width: 100px; height: 19px; } #newVehicleDisplay .dealerCertified img, #preOwnedVehicleDisplay .dealerCertified img { width: 160px; height: 31px; } /* -------------------------- nav.css -------------------------- */ #navigation {position: relative; width: 100%; border-bottom: 1px solid #999999; background-color: blue; background-image: url('http://carlislepikepreowned.com/images/navigation/navBack.jpg'); background-repeat: repeat-x; background-position: top left;z-index: 50;} #nav, #nav ul {float: left; width: LARGE; list-style: none; z-index: 250;} #nav a {display: block; color: #CCCCCC; text-align: center;} #nav li {float: left;; padding: 0; width: 9.9%; height: 25px; font-size: 12px; line-height: 25px; color: #CCCCCC; background-image: url('http://carlislepikepreowned.com/images/navigation/navBack.jpg'); background-repeat: no-repeat; background-position: top left;} #nav li ul {position: absolute; left: -999em; top: 24px; width: 156px; height:auto !important; padding: 0px; padding-bottom: 8px; margin: 0; border-top: 1px solid #000000; background-image: url('http://carlislepikepreowned.com/images/navigation/navDropDownBack.jpg'); background-position: bottom left; background-repeat: no-repeat;} #nav li li {height: auto; width: 140px; padding: 3px; margin: 0 4px; text-align: left; line-height: 16px; border: 0px; border-top: 1px solid #333333; border-bottom: 1px solid #000000; background-image: none;} * html #nav li li {padding: 3px 0; } /* Fixes the appearence in IE6. */ #nav li ul a {color: #CCCCCC; text-align: left;} #nav li ul ul {margin: -1.75em 0 0 14em; margin: -1.7em 0 0 13.95em;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.sfhover {background-color: #002e2e;} /* ---------- ~Nav Indicators ---------- */ body#home #navigation ul#nav li#L-home a, body#new #navigation ul#nav li#L-new a, body#newInventory #navigation ul#nav li#L-new a, body#newVehicleSpecials #navigation ul#nav li#L-new a, body#carbuilder #navigation ul#nav li#L-new a, body#leasingSpecials #navigation ul#nav li#L-new a, body#preOwned #navigation ul#nav li#L-preOwned a, body#preOwnedInventory #navigation ul#nav li#L-preOwned a, body#preOwnedVehicleSpecials #navigation ul#nav li#L-preOwned a, body#specials #navigation ul#nav li#L-specials a, body#rebates #navigation ul#nav li#L-specials a, body#customSpecials #navigation ul#nav li#L-specials a, body#parts #navigation ul#nav li#L-parts a, body#partsDeptSpecials #navigation ul#nav li#L-parts a, body#service #navigation ul#nav li#L-service a, body#serviceDeptSpecials #navigation ul#nav li#L-service a, body#bodyShop #navigation ul#nav li#L-service a, body#financing #navigation ul#nav li#L-financing a, body#financeDeptSpecials #navigation ul#nav li#L-financing a, body#information #navigation ul#nav li#L-information a, body#news #navigation ul#nav li#L-information a, body#faq #navigation ul#nav li#L-information a, body#hoursOperation #navigation ul#nav li#L-information a, body#staff #navigation ul#nav li#L-information a, body#staffDetail #navigation ul#nav li#L-information a, body#directions #navigation ul#nav li#L-information a, body#privacy #navigation ul#nav li#L-information a, body#advertising #navigation ul#nav li#L-advertising a, body#contact #navigation ul#nav li#L-contact a, body#newVehicleDisplay #navigation ul#nav li#L-new a, body#preOwnedVehicleDisplay #navigation ul#nav li#L-preOwned a {background-image: url('http://carlislepikepreowned.com/images/navigation/navBackActive.jpg'); background-position: bottom left; background-repeat: repeat-x; color: #000000;} body#newInventory #navigation ul#nav li#L-new ul li a, body#new #navigation ul#nav li#L-new ul li a, body#newVehicleSpecials #navigation ul#nav li#L-new ul li a, body#carbuilder #navigation ul#nav li#L-new ul li a, body#leasingSpecials #navigation ul#nav li#L-new ul li a, body#preOwned #navigation ul#nav li#L-preOwned ul li a, body#preOwnedInventory #navigation ul#nav li#L-preOwned ul li a, body#preOwnedVehicleSpecials #navigation ul#nav li#L-preOwned ul li a, body#rebates #navigation ul#nav li#L-specials ul li a, body#parts #navigation ul#nav li#L-parts ul li a, body#partsDeptSpecials #navigation ul#nav li#L-parts ul li a, body#service #navigation ul#nav li#L-service ul li a, body#serviceDeptSpecials #navigation ul#nav li#L-service ul li a, body#bodyShop #navigation ul#nav li#L-service ul li a, body#financing #navigation ul#nav li#L-financing ul li a, body#financeDeptSpecials #navigation ul#nav li#L-financing ul li a, body#information #navigation ul#nav li#L-information ul li a, body#news #navigation ul#nav li#L-information ul li a, body#faq #navigation ul#nav li#L-information ul li a, body#hoursOperation #navigation ul#nav li#L-information ul li a, body#staff #navigation ul#nav li#L-information ul li a, body#staffDetail #navigation ul#nav li#L-information ul li a, body#directions #navigation ul#nav li#L-information ul li a, body#privacy #navigation ul#nav li#L-information ul li a, body#newVehicleDisplay #navigation ul#nav li#L-new ul li a, body#preOwnedVehicleDisplay #navigation ul#nav li#L-preOwned ul li a, body#specials #navigation ul#nav li#L-specials ul li a {color: #CCCCCC; background-image: none;} body#newInventory #navigation ul#nav li#L-new ul li#L-inventoryNew a, body#carbuilder #navigation ul#nav li#L-new ul li#L-carbuilder a, body#preOwnedInventory #navigation ul#nav li#L-preOwned ul li#L-inventoryPreOwned a, body#rebates #navigation ul#nav li#L-specials ul li#L-specialsAis a, body#news #navigation ul#nav li#L-information ul li#L-news a, body#faq #navigation ul#nav li#L-information ul li#L-faq a, body#hoursOperation #navigation ul#nav li#L-information ul li#L-hourOperation a, body#staff #navigation ul#nav li#L-information ul li#L-staff a, body#staffDetail #navigation ul#nav li#L-information ul li#L-staff a, body#staffDetail #navigation ul#nav li#L-information ul li#L-staffDetail a, body#directions #navigation ul#nav li#L-information ul li#L-directions a, body#privacy #navigation ul#nav li#L-information ul li#L-privacy a, body#financeDeptSpecials #navigation ul#nav li#L-financing ul li#L-fSpecial a, body#serviceDeptSpecials #navigation ul#nav li#L-service ul li#L-sSpecial a, body#bodyShop #navigation ul#nav li#L-service ul li#L-bodyShop a, body#partsDeptSpecials #navigation ul#nav li#L-parts ul li#L-pSpecial a, body#preOwnedVehicleSpecials #navigation ul#nav li#L-preOwned ul li#L-pOSpecial a, body#newVehicleSpecials #navigation ul#nav li#L-new ul li#L-nSpecial a, body#leasingSpecials #navigation ul#nav li#L-new ul li#L-lSpecial a {color: #CC0000;} body#carbuilder #navigation ul#nav li#L-new ul li#L-carbuilder:hover, body#news #navigation ul#nav li#L-information ul li#L-news:hover, body#faq #navigation ul#nav li#L-information ul li#L-faq:hover, body#hoursOperation #navigation ul#nav li#L-information ul li#L-hourOperation:hover, body#staff #navigation ul#nav li#L-information ul li#L-staff:hover, body#staffDetail #navigation ul#nav li#L-information ul li#L-staff:hover, body#staffDetail #navigation ul#nav li#L-information ul li#L-staffDetail:hover, body#directions #navigation ul#nav li#L-information ul li#L-directions:hover, body#privacy #navigation ul#nav li#L-information ul li#L-privacy:hover, body#carbuilder #navigation ul#nav li#L-new ul li#L-carbuilder.sfhover, body#news #navigation ul#nav li#L-information ul li#L-news.sfhover, body#faq #navigation ul#nav li#L-information ul li#L-faq.sfhover, body#hoursOperation #navigation ul#nav li#L-information ul li#L-hourOperation.sfhover, body#staff #navigation ul#nav li#L-information ul li#L-staff.sfhover, body#staffDetail #navigation ul#nav li#L-information ul li#L-staff.sfhover, body#staffDetail #navigation ul#nav li#L-information ul li#L-staffDetail.sfhover, body#directions #navigation ul#nav li#L-information ul li#L-directions.sfhover, body#privacy #navigation ul#nav li#L-information ul li#L-privacy.sfhover {background-color: transparent;} #navigation ul#nav li#L-information ul li#L-news a:hover, #navigation ul#nav li#L-information ul li#L-faq a:hover, #navigation ul#nav li#L-information ul li#L-hourOperation a:hover, #navigation ul#nav li#L-information ul li#L-staff a:hover, #navigation ul#nav li#L-information ul li#L-staff a:hover, #navigation ul#nav li#L-information ul li#L-staffDetail a:hover, #navigation ul#nav li#L-information ul li#L-directions a:hover, #navigation ul#nav li#L-information ul li#L-privacy a:hover {color: #CCCCCC;} /* -------------------------- search.css -------------------------- */ /* ----- 1.11 Style Overrides Search By Payment ----- */ ul#searchBy, ul#searchBy li { width: 230px; } ul#searchBy li ul { left: 230px; } 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; }