/* -- Cached as butlerauto.com-folder=cssprint.css on -- 2010-05-12 01:41:02 */ /* -------------------------- default.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: Default Autos CSS Document Author: PMT Advertising www.pmtadvertising.com info@pmtads.com Artist: Bruce Etzcorn, Derek Downey & Louis R. Stephens Date: January 29, 2008 ------------------------------------------------------------------------------------------------------ */ * {margin: 0px; padding: 0px;} body {margin: 0px; font-size: 10px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: black; background-color: #FFFFFF; background-image: none;} body#vehicleDisplayPrint, body#specialsDetails {background-color: #FFFFFF; background-image: none;} div.clearer {height: 0; line-height: 0px; clear:both;} .searchDescription, .searchContainer, #homeArea, .newsIcon, .searchIcon, .featuredSpecialIcon, #navigation, #siteBottom .dealerLogo, .textNav, #brandLogo, .partsForm, .serviceForm, .contactForm, .advertising, .dealerInfo .email, body#vehicleDisplayPrint .textNav, body#specialsDetails .textNav, .specialsSnapshot .inventoryInfo, .specialsSnapshotAlt .inventoryInfo, .specialsSnapshot .dealerNotes, .specialsSnapshotAlt .dealerNotes, .departmentInfo .departmentName, .departmentInfo .email, .departmentInfo .bullet, body#new .employeeTitle, body#preOwned .employeeTitle, body#parts .employeeTitle, body#service .employeeTitle, body#financing .employeeTitle, body#home .newsCaption {display: none;} #constraint, body#vehicleDisplayPrint #constraint, body#specialsDetails #constraint, body#specialsDetails #mainArea {width: auto; margin: 0 auto; background-color: #FFFFFF; border: 0px;} #motd span {font-size: 14px; padding: 10px; display: block; text-align: left;} #siteBottom {clear: both; margin: 0 auto; text-align: center; margin: 10px;} #siteBottom .dealerInfo {padding: 5px; padding-top: 10px;} #footer {clear: both; color: #000000; width: auto; margin: 0 auto; text-align: center; margin-top: 10px; margin-bottom: 10px;} body#vehicleDisplayPrint #footer, body#specialsDetails #footer {color: #000000;} #subArea {float: left; width: 29%;} body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} #mainArea {float: left; width: 65%; font-size: 12px; padding: 20px; padding-bottom: 10px;} body#newVehicleDisplay #mainArea, body#preOwnedVehicleDisplay #mainArea {float: left; width: 65%; font-size: 12px; padding: 20px 10px; padding-bottom: 10px;} #mainArea h1 {padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #666666;} /* ---------- Header ---------- */ #header {color: #FFFFFF; border-bottom: 1px solid #000000; background-color: #000000; width: auto;} #header .dealerInfo {padding: 10px; text-align: left;} .dealerLogo {float: right; height: 40px; width: 100px; margin-left: 10px; background-image: url('images/dealerLogo-trans.png'); background-repeat: no-repeat; background-position: top left;} .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email {display: inline; text-align: right; font-size: 10px;} .dealerInfo .bullet {padding-left: 5px; padding-right: 5px;} #header .dealerTagline {text-align: left; padding-left: 10px; padding-bottom: 10px;} /* ---------- Content Styling (Footer) ---------- */ #footer {border-top: 1px solid #CCCCCC; font-size: 12px;} /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: 12px; border-top: 1px solid #CCCCCC;} .textNav a {padding: 5px;} #siteBottom .dealerInfo .dealerName, #siteBottom .dealerInfo .street, #siteBottom .dealerInfo .cityInfo, #siteBottom .dealerInfo .phone1, #siteBottom .dealerInfo .phone2, #siteBottom .dealerInfo .phone3, #siteBottom .dealerInfo .fax1, #siteBottom .dealerInfo fax2 {display: inline; font-size: 12px;} /* ---------- ~Home ---------- */ #flashSlideshow {float: right; z-index: 100;} body#home #mainArea {clear: both; width: auto;} body#home #mainArea h1 { font-size: 16px;} body#home #pmtCalculatorButton, body#home #emailFriendButton, body#home #motd {clear: both; margin: 3px;} body#home #motd span {padding-bottom: 0px;} body#home .newsContainer {clear: both; font-size: 12px; padding: 10px; padding-top: 0px;} .sectionHeader {clear: both; padding-top: 10px;} .sectionHeader h3 {color: #000000; border-bottom: 1px solid #CCCCCC;} body#home #topSearches, body#home #featuresAndSpecials {float: right; width: 49%;} body#home div.specialsSnapshotAlt {width: 100%;} #homeContent {float: left; width: 50%;} /* ---------- ~New ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#new .specialsContainer {width: 95%;} body#new div.specialsSnapshotAlt {width: 99%;} /* ---------- ~PreOwned ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#preOwned .specialsContainer {width: 95%;} body#preOwned div.specialsSnapshotAlt {width: 99%;} /* ---------- ~Specials ---------- */ body#specials #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#partsDeptSpecials #mainArea, body#serviceDeptSpecials #mainArea, body#financeDeptSpecials #mainArea, body#leaseSpecials #mainArea, body#leasingSpecials #mainArea, body#customSpecials #mainArea, body#specialsDetails #mainArea, body#testimonial #mainArea, body#rebates #mainArea {clear: both; width: auto;} body#specials ul, body#newVehicleSpecials ul, body#preOwnedVehicleSpecials ul, body#partsDeptSpecials ul, body#serviceDeptSpecials ul, body#financeDeptSpecials ul, body#leaseSpecials ul, body#customSpecials ul, body#specialsDetails ul {list-style-type: none;} #rebateSpecials, #newSpecials, #preOwnedSpecials, #partsSpecials, #serviceSpecials, #financeSpecials, #leaseSpecials, .customSpecial {clear: both; margin-bottom: 15px;} body#specials .dealerNotes, body#newVehicleSpecials .dealerNotes, body#preOwnedVehicleSpecials .dealerNotes, body#partsDeptSpecials .dealerNotes, body#serviceDeptSpecials .dealerNotes, body#financeDeptSpecials .dealerNotes, body#leaseSpecials .dealerNotes, body#customSpecials .dealerNotes, body#specialsDetails .dealerNotes {display: block;} #rebateSpecials ul, #newSpecials ul, #preOwnedSpecials ul, #partsSpecials ul, #serviceSpecials ul, #financeSpecials ul, #leaseSpecials ul, .customSpecial ul {float: left; margin-top: 10px; padding-right: 10px; margin-bottom: 10px; width: 29%; font-size: 10px;} #rebateSpecials li, #newSpecials li, #preOwnedSpecials li, #partsSpecials li, #serviceSpecials li, #financeSpecials li, #leaseSpecials li, .customSpecial li {margin-top: 3px; margin-bottom: 10px; margin-left: 25px;} body#specials p, body#newVehicleSpecials p, body#preOwnedVehicleSpecials p, body#partsDeptSpecials p, body#serviceDeptSpecials p, body#financeDeptSpecials p, body#leaseSpecials p, body#customSpecials p, body#specialsDetails p {margin-top: 5px; margin-bottom: 15px;} body#specials h2, body#newVehicleSpecials h2, body#preOwnedVehicleSpecials h2, body#partsDeptSpecials h2, body#serviceDeptSpecials h2, body#financeDeptSpecials h2, body#leaseSpecials h2, body#customSpecials h2, body#specialsDetails h2 {margin-top: 5px; border-bottom: 1px solid #666666;} #rebateSpecials ul li a, #newSpecials ul li a, #preOwnedSpecials ul li a, #partsSpecials ul li a, #serviceSpecials ul li a, #financeSpecials ul li a, #leaseSpecials ul li a, .customSpecial ul li a {font-size: 14px;} .specialsContainer {clear: both; margin: 10px;} .specialsContainer a {display: block;} .specialsHeader {clear: both; border-bottom: 1px solid #666666;} .specialsHeader h3 {float: left; margin-top: 18px;} .specialsSnapshot, .specialsSnapshotAlt {padding: 2px; border-bottom: 1px solid #CCCCCC;} .specialsSnapshotAlt {background-color: #CCCCCC;} .specialImage {float: left; margin-right: 5px;} .specialImage img {width: 30px; border: 1px solid #CCCCCC;} .specialsSnapshot .inventoryInfo, .specialsSnapshotAlt .inventoryInfo, .specialsSnapshot h3, .specialsSnapshotAlt h3 {float: left;} .specialsSnapshot h4, .specialsSnapshotAlt h4 {font-size: 12px;} body#new .specialsSnapshot .dealerNotes, body#new .specialsSnapshotAlt .dealerNotes, body#preOwned .specialsSnapshot .dealerNotes,body#preOwned .specialsSnapshotAlt .dealerNotes {font-size: 12px; clear: both; display: block; margin-top:3px; margin-bottom: 3px;} .specialsSnapshot .stock, .specialsSnapshotAlt .stock, .specialsSnapshot .miles, .specialsSnapshotAlt .miles, .specialsSnapshot .color, .specialsSnapshotAlt .color, .specialsSnapshot .modelNum, .specialsSnapshotAlt .modelNum { display: none; } body#specialsDetails .coupon {width: 95%; border: 2px dashed #000000; padding: 10px;} body#specialsDetails .coupon .specialImage img {float: left; width: 65%;} body#specialsDetails .coupon .specialPrice {float: right; width: 29%; font-size: 28px; text-align: right;} body#specialsDetails .coupon .specialDescription {float: left; width: 45%; font-size: 12px;} body#specialsDetails .coupon .specialDisclaimer {clear: both; font-size: 12px; margin-top: 10px; padding-top: 5px; border-top: 1px solid #000000;} body#specialsDetails div.pageBreak { display: none; } .leasePicture img {width: 65%;} .leaseName {font-size: 14px; text-align: center; display: block;} .leasePrice {display: block; font-size: 16px; text-align: center;} #leaseSpecials .leaseDate {display: block; text-align: center;} #rebateSpecials .specialImage img {width: 65%; border: 0px;} #rebateSpecials .section {font-size: 14px; text-align: center;} #rebateSpecials .rebateName {font-size: 16px; margin-top: 5px;} #rebateSpecials .rebateDate {font-size: 12px; display: block; color: #000000;} #rebateSpecials .rebatesIncentives ul {list-style-type: disc;} #rebateSpecials .rebatesIncentives ul li {margin: 0px; font-size: 12px;} #rebateSpecials ul {padding: 10px 5px 10px 5px;} #rebateSpecials ul li {height: 65%;} .rebatesIncentives span {display: block; text-align: left; font-size: 12px;} /* ---------- ~Financing ---------- */ body#financing div.applyFinancing {float: left; width: 29%;} /* ---------- ~General Content Styling ---------- */ .departmentInfo {margin-top: 3px; margin-bottom: 10px;} #mainArea .departmentInfo .phone1, #mainArea .departmentInfo .fax1 {display: block;} .departmentTitle {padding: 3px;} .departmentTitle h1 {font-size: 16px;} .hoursContent {margin-top: 5px; margin-bottom: 10px;} .hoursHolder {clear: both; padding: 3px; border-bottom: 1px dotted #CCCCCC;} .day, .dayHours, .currentDay {font-size: 12px;} body#new .day, body#preOwned .day, body#parts .day, body#service .day, body#financing .day, body#staffDetail .day {float: left;} body#new .dayHours, body#preOwned .dayHours, body#parts .dayHours, body#service .dayHours, body#financing .dayHours, body#staffDetail .dayHours {float: right;} body#new .currentDay, body#preOwned .currentDay, body#parts .currentDay, body#service .currentDay, body#financing .currentDay, body#staffDetail .currentDay {clear: both; text-align: right; font-size: 12px;} /* ---------- Employees (Staff) ---------- */ body#staff .departmentTitle span {display: block; font-size: 18px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .deptManager, body#staff .staffContainer {float: left; width: 130px; height: 125px; text-align: center; margin: 3px;} body#staff .staffContainer {margin-top: 10px; margin-bottom: 10px;} .departmentTitle {clear: both;} .departmentManager .departmentTitle {display: none;} #mainArea .adminTitle h1 {padding: 3px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; text-align: center; border: 0px;} .employeeImage img {margin: 5px; margin-top: 0px; margin-bottom: 0px; border: 1px solid #CCCCCC;} .employeeName {font-size: 12px;} body#new .employeeTitle, body#preOwned .employeeTitle, body#parts .employeeTitle, body#service .employeeTitle, body#financing .employeeTitle {display: none;} body#staff .employeeTitle {font-size: 12px;} body#staff #mainArea {clear: both; width: auto;} .hoursContent h1 {font-size: 16px;} body#staffDetail .staffInfo {width: auto; font-size: 12px;} body#staffDetail .staffInfo .staffPicture img {float: left; width: 29%; margin-right: 10px;} body#staffDetail .hoursContent {margin-top: 40px; padding-left: 10px; padding-right: 10px;} body#staffDetail .staffDetails {float: left; width: 65%; font-size: 14px;} body#staffDetail .staffDetails .employeeName {font-size: 21px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} body#staffDetail .staffNotes {float: left; width: 65%; margin-top: 10px; margin-bottom: 10px;} /* ---------- Maps ---------- */ body#contact #mapContainer {margin: 10px; height: 245px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #CCCCCC;} body#directions #mapContainer {clear: both; margin: 10px; width: auto; height: 500px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #CCCCCC;} body#directions #header, body#contact #header {width: 100%;} /* ---------- ~Information ---------- */ body#information #mainArea {clear: both; width: auto;} /* ---------- ~News ---------- */ body#news #subArea {float: left;} body#newsArchived #mainArea {width: auto;} .newsPicture {float: left; margin-right: 10px;} .newsPicture img {float: left; width: 65%; border: 1px solid #666666;} body#news #archivedNews {padding: 10px;} #archivedNews h1 {font-size: 18px;} .newsContainer {clear: both; margin-bottom: 20px;} .newsHeadline {margin-bottom: 5px;} body#news .newsCaption, #archivedNews .newsCaption {width: 65%; font-size: 10px; margin-top: 5px; margin-bottom: 5px;} .newsStory {clear: both; font-size: 12px; margin-top: 5px;} #archivedNews a {display: block; padding: 3px; font-size: 12px; border-bottom: 1px dotted #CCCCCC;} /* ---------- ~Privacy ---------- */ body#privacy #mainArea {clear: both; width: auto;} /* ---------- ~Buttons ---------- */ .financeButton {width: 500px; height: 40px; text-align: center; margin-top: 20px;} /* ---------- ~FAQ ---------- */ body#faq #mainArea {clear: both; width: 100%;} body#faq .faqContainer h1 {font-size: 16px; padding: 3px; margin-top: 10px; border-bottom: 1px solid #000000;} body#faq .question {font-size: 14px; margin-top: 10px;} body#faq .answer {font-size: 12px; padding-bottom: 10px;} /* ---------- ~Hours Of Operation ---------- */ .departmentHours {padding-left: 10px; padding-right: 10px;} #hoursChart {clear: both; width: 97%;} #hoursChart h2 {padding: 10px; padding-bottom: 5px;} #hoursChart table {margin: 10px; border: 1px solid #666666; text-align: center; border-collapse: collapse; background-color: #FFFFFF;} body#carbuilder table { border-collapse: collapse; } #hoursChart table tr, #hoursChart table th, #hoursChart table td, /* Carbuilder styles */ body#carbuilder th, body#carbuilder tr, body#carbuilder td, body#carbuilder tfoot {padding: 3px; border: 1px solid #666666;} body#carbuilder #modelChart td.vehicleInfo { border: 1px solid #666666; } #hoursChart table thead {background-color: #CCCCCC; border: 1px solid #666666;} #hoursChart table tfoot {display: none;} body#contact .currentDay, body#hoursOperation .currentDay {width: 20%; font-size: 12px;} body#contact .dayHours, body#hoursOperation .dayHours {width: 10%; font-size: 12px;} /* ---------- ~Text ---------- */ h1, h2, h3, h4, h5 {font-weight: normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} h1 { font-size: 21px;} h2 { font-size: 18px;} h3 { font-size: 16px;} h4 { font-size: 14px;} h5 { font-size: 12px;} p {font-size: 10px;} /* ---------- ~Dealer Info ---------- */ .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2 {font-size: 10px;} /* ---------- ~Advertising ---------- */ .noAd {margin: 20px; font-size: 14px; text-align: center;} .advertising h1, .adDate, .adDescription {padding-left: 20px; padding-right: 20px;} .adDate, .adDescription {font-size: 12px; margin-top: 3px;} .adDate {font-size: 12px; font-weight: bold;} body#advertising .printMessage {width: 65%; padding: 20px;} /* ---------- ~Links ---------- */ a {color: #000000; text-decoration: none;} a img {border: 0px;} /* ---------- ~Disclaimer ---------- */ #disclaimer {width: 100%; clear: both; text-align: left; padding-top: 3px; border-top: 1px solid #CCCCCC;} #disclaimer span {font-size: 10px; margin-bottom: 2px;} .lineTools .disclaimerSS {color: #000000;} .disclaimerSS {font-size: 10px; vertical-align: super; margin-right: 3px; margin-left: 3px;} body#newInventory .mpgCity span.disclaimerSS, body#newInventory .mpgHighway span.disclaimerSS, body#preOwnedInventory .mpgCity span.disclaimerSS, body#preOwnedInventory .mpgHighway span.disclaimerSS {font-size: 10px; color: #000000;} body#newVehicleDisplay .mpgCity span.disclaimerSS, body#newVehicleDisplay .mpgHighway span.disclaimerSS, body#newVehicleDisplay .mpgCity span.disclaimerSS, body#preOwnedVehicleDisplay .mpgCity span.disclaimerSS, body#preOwnedVehicleDisplay .mpgHighway span.disclaimerSS, body#preOwnedVehicleDisplay .mpgCity span.disclaimerSS, body#vehicleDisplayPrint .mpgHighway span.disclaimerSS {font-size: 10px;} .adminDisclaimer {font-size: 10px; display: block;} /* ---------- ~Rewards ---------- */ .pageBreak {page-break-before: always;} body#rewards #mainArea {width: auto;} #rewardsswapper {margin-top: 10px; border-top: 1px solid #666666;} #rwc-register-comments, #rwc-required-comments, p#rwc-login-comments { margin-top: 10px; margin-bottom: 10px;} #rwc-welcome-comments, p#rwc-current-paragraph {font-size: 16px; margin-top: 10px;} .rwc-current-points, h2 {color: #000000;} body#rewards .alt {background-color: #CCCCCC;} p#rwc-welcome-comments {} div#rwc-content table {width: auto; font-size: 12px; margin: 10px auto; border-collapse: collapse; background-color: #FFFFFF;} div#rwc-content th {border: 1px solid #666666; padding: 2px; background-color: #FFFFFF; color: #FFFFFF;} div#rwc-content th.rwc-date {width: 15%;} div#rwc-content th.rwc-location {width: 36%;} div#rwc-content th.rwc-type {width: 15%;} div#rwc-content th.rwc-spent {width: 20%;} div#rwc-content th.rwc-earned {width: 7%;} div#rwc-content th.rwc-redeemed {width: 7%;} div#rwc-content td {border: 1px solid #666666; padding: 3px;} div.rwc-personal {background-color: #FFFFFF; padding: 5px;} .rwc-personal .formRow {float: left; width: 29%; margin-bottom: 5px;} .rwc-personal .formRow label {display: block; font-size: 12px; font-weight: bold;} .rwc-personal .formRow .field {display: block; font-size: 12px; color: #000000;} body#rewards input {margin-bottom: 5px;} .rwc-loginButton, .rwc-lougoutButton, .rwc-lougoutButton, .rcw-registerButton {display: none;} a { color: black; } /* -------------------------- inventory.css -------------------------- */ /* ---------- ~Inventory Line Listing Styling ---------- */ body { color: black; } .alternateInv, .normalInv, .specialInv, .featuredInv {width: 100%; padding-bottom: 3px; border-bottom: 1px solid #666666;} .alternateInv h1 a, .normalInv h1 a {color: #000000;} .alternateInv a, .normalInv a, .specialInv a, .featuredInv a {} .alternateInv a img, .normalInv a img, .specialInv a img {border: 0px;} .alternateInv h1, .normalInv h1, .specialInv h1, .featuredInv h1 {float: left; width: 65%; font-size: 18px;} .invHead, .specialInv .invHead, .featuredInv .invHead {width: 100%;} .specialInv {margin-bottom: 8px;} .specialInv .invHead {} .specialInv .invHead h1, .featuredInv .invHead h1 {width: 65%;} .specialInv .invHead h1 a, .featuredInv .invHead h1 a {color: #000000;} .featuredInv .invHead {background-image: url('images/inventoryHeaderFeatured.jpg');} body#newInventory .invPicture, body#preOwnedInventory .invPicture {float: left; height: 75px; width: 100px; margin: 8px; margin-top: 2px; text-align: center; border: 1px solid #CCCCCC;} body#newInventory .inventoryInfo, body#preOwnedInventory .inventoryInfo {float: left; width: 400px; margin: 3px;} body#newInventory .inventoryInfo .vin, body#newInventory .inventoryInfo .stock, body#newInventory .inventoryInfo .miles, body#newInventory .inventoryInfo .price, body#newInventory .inventoryInfo .extColor, body#newInventory .inventoryInfo .intColor, body#newInventory .inventoryInfo .doors, body#newInventory .inventoryInfo .modelNum, body#preOwnedInventory .inventoryInfo .vin, body#preOwnedInventory .inventoryInfo .stock, body#preOwnedInventory .inventoryInfo .miles, body#preOwnedInventory .inventoryInfo .price, body#preOwnedInventory .inventoryInfo .extColor, body#preOwnedInventory .inventoryInfo .intColor, body#preOwnedInventory .inventoryInfo .doors, body#preOwnedInventory .inventoryInfo .modelNum {float: left; width: 185px; margin-left: 5px; margin-bottom: 3px; font-size: 12px;} body#newInventory .inventoryInfo .miles {display: none;} body#newInventory .inventoryInfo label, body#preOwnedInventory .inventoryInfo label {font-weight: bold;} body#newInventory .inventoryInfo span, body#preOwnedInventory .inventoryInfo span {margin-left: 3px; font-size: 12px} .invIcons {float: left; width: 125px; margin: 3px; border-right: 1px dotted #CCCCCC;} .invIcons span, .lineTools span {font-size: 12px;} .invIcons .invPhotosActive, .invIcons .invVideoActive, .invIcons .colorPickerActive, .invIcons .threeSixtyActive, .invIcons .ThirdPartyActive {color: #666666;} .invIcons .invPhotosInactive, .invIcons .invVideoInactive, .invIcons .colorPickerInactive, .invIcons .threeSixtyInactive, .invIcons .ThirdPartyInactive {color: #CCCCCC;} .alternateInv .dealerNotes, .normalInv .dealerNotes, .specialInv .dealerNotes, .featuredInv .dealerNotes {font-size: 12px; margin: 10px; margin-top: 0px; padding: 3px; padding-top: 0px; text-align: left;} .alternateInv .dealerNotes, .normalInv .dealerNotes {display: none;} .financingSpecial {} .financingSpecial span {} /* ---------- ~Tools ---------- */ .lineTools, .compare, .compareArea, #evoxColors, #evoxVR, #buttonArea, #tab_colors, .pmtTools {display: none;} body#compareVehicles form, body#compareVehicles .compareText, body#compareVehicles #disclaimer { display: none; } body#compareVehicles .printMessage { width: 100%; display: block;} body#vehicleDisplayPrint #evoxColors {display: none;} .EVOXext, .EVOXint, .EVOXcolor {display: none;} #flash_vTour0, #flash_vTour1 {} body#vehicleDisplayPrint #flash_vTour0, body#vehicleDisplayPrint #flash_vTour1 { display: none; } /* ---------- ~MPG ---------- */ body#newInventory .mpgListing, body#preOwnedInventory .mpgListing {float: right; width: 30%; background-image: url('images/inventory/mpgSmall.gif'); background-repeat: no-repeat; background-position: center center;} body#newInventory .mpgCity, body#preOwnedInventory .mpgCity, body#newVehicleDisplay .mpgCity, body#preOwnedVehicleDisplay .mpgCity, body#vehicleDisplayPrint .mpgCity {float: left; width: 45%; text-align: center;} body#newInventory .mpgHighway, body#preOwnedInventory .mpgHighway, body#newVehicleDisplay .mpgHighway, body#preOwnedVehicleDisplay .mpgHighway, body#vehicleDisplayPrint .mpgHighway {float: right; width: 45%; text-align: center;} body#newInventory .mpgCity label, body#newInventory .mpgHighway label, body#preOwnedInventory .mpgCity label, body#preOwnedInventory .mpgHighway label {font-size: 12px;} body#newInventory .mpgCity span, body#newInventory .mpgHighway span, body#preOwnedInventory .mpgCity span, body#preOwnedInventory .mpgHighway span {margin-left: 3px; font-size: 14px;} body#newVehicleDisplay .mpgListing, body#preOwnedVehicleDisplay .mpgListing {width: 100%; height:50px; margin-top: 10px; background-image: url('images/inventory/mpgPrint.gif'); background-repeat: no-repeat; background-position: top center;} body#vehicleDisplayPrint .mpgListing {width: 100%; height:50px; margin-top: 10px; background-image: url('images/inventory/mpgPrint.gif'); background-repeat: no-repeat; background-position: top center;} body#newVehicleDisplay .mpgCity, body#newVehicleDisplay .mpgHighway, body#preOwnedVehicleDisplay .mpgCity, body#preOwnedVehicleDisplay .mpgHighway, body#vehicleDisplayPrint .mpgCity, body#vehicleDisplayPrint .mpgHighway {font-size: 12px;} body#newVehicleDisplay .mpgCity label, body#newVehicleDisplay .mpgHighway label, body#preOwnedVehicleDisplay .mpgCity label, body#preOwnedVehicleDisplay .mpgHighway label, body#vehicleDisplayPrint .mpgCity label, body#vehicleDisplayPrint .mpgHighway label {clear:both; display: block;} body#newVehicleDisplay .mpgCity span, body#newVehicleDisplay .mpgHighway span, body#preOwnedVehicleDisplay .mpgCity span, body#preOwnedVehicleDisplay .mpgHighway span, body#vehicleDisplayPrint .mpgCity span, body#vehicleDisplayPrint .mpgHighway span {font-size: 16px;} /* ---------- ~Dealer Info ---------- */ body#newInventory #inventoryContent .dealerInfo, body#preOwnedInventory #inventoryContent .dealerInfo {display: none;} body#newInventory #inventoryContent .dealerInfo .dealerLogo, body#preOwnedInventory #inventoryContent .dealerInfo .dealerLogo {display: none;} body#newInventory #inventoryContent, body#preOwnedInventory #inventoryContent {margin-top: 10px; margin-bottom: 10px;} /* ---------- ~Certified ---------- */ #certifiedArea {clear: both;} .corpCertified, .dealerCertified {float: right; width: 140px; margin-top: 3px;} .corpCertified img, .dealerCertified img {border: 1px solid #CCCCCC;} body#newVehicleDisplay .corpCertified, body#preOwnedVehicleDisplay .corpCertified {float: left; width: 145px;} body#newVehicleDisplay .dealerCertified, body#preOwnedVehicleDisplay .dealerCertified {float: left; width: 145px;} /* ---------- ~Vehicle Display ---------- */ .specialArea {float: left;} #vehicleHeader {display: inline;} #vehicleHeader h1 {padding: 10px; padding-bottom: 0; border-bottom: none;} /* Inventory Certified */ #certifiedArea {} /* Vehicle Tabs */ #tabsMedia {margin-top: 5px; margin-bottom: 5px;} .tabFrontCap, #tab1, #tab2, #tab3, #tab4, .tabEndCap {line-height: 20px;} .tabFrontCap, .tabEndCap {float: left; width: 20px; background-image: url('images/navigation/inventoryDisplayNav.jpg'); background-position: top left;} .tabEndCap {background-position: top right;} #tab1, #tab2, #tab3, #tab4 {float: left; width: 150px; font-size: 12px; text-align: center; border-right: 1px solid #666666; border-left: 1px solid #FFFFFF; background-image: url('images/navigation/inventoryDisplayNav.jpg'); background-repeat: repeat-x; background-position: top center;} .tabNormal, .tabActive {color: #000000;} .tabActive {font-weight: bold; color: #000000;} /*#tab_gallery {display: none;}*/ /* Vehicle Notes */ .vehicleNotes {clear: both; font-size: 14px; padding: 10px;} /* Third Party */ #thirdPartyArea {clear: both; margin-top: 10px; margin-right: 10px; margin-left: 10px;} .carfax, .vehWalkthrough {float: left; width: 120px; text-align: center; margin: 10px;} .carfaxPhrase {display: block; font-size: 10px;} .vehWalkthrough {width: 80px;} /* Vehicle Picture */ #vehiclePicture {} #vehiclePicture img {border: 1px solid #666666;} .enlarge {float: left; width: 200px; font-size: 12px; text-align: center;} .displayedPhoto {float: left; width: 320px; margin-right: 5px;} .thumbPhotos {margin: 5px;} .thumbPhotos img {width: 55px;} #ss-button-container img {border: 0px;} #ss-button-container .ssPrev, #ss-button-container .ssStart, #ss-button-container .ssStop, #ss-button-container .ssNext {float: left; width: 30px;} /* Vehicle Overview */ #vehicleOverview {padding: 10px;} /* Vehicle Details */ .vehicleDetails, .bodyDetails, .engineDetails {margin-bottom: 10px;} .vehicleDetails h1, .bodyDetails h1, .engineDetails h1 {font-size: 16px; border-bottom: 1px solid #666666;} .vehicleInfoRow {padding: 3px; font-size: 12px; border-bottom: 1px dotted #666666;} .vehicleInfoRow label {float: left; width: 45%;} .vehicleInfoRow span {float: left; width: 45%; font-weight: bold;} .carTrim, .carBody, .carDoors, .carExtColor, .carIntColor, .carMiles, .carDisplacement, .carCylinders {clear: both;} body#newVehicleDisplay .carCertified { display: none; } /* Vehicle Pictures */ #vehiclePicture {padding: 10px; padding-top: 0px;} /* Vehicle Options */ .vehicleOptions {float: left; clear: both; padding: 10px;} .vehicleOptions h1 {font-size: 18px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #CCCCCC;} /* Pricing */ .pricing {clear: both; padding-top: 10px; margin-bottom: 10px;} .vehiclePrice label {display: block; font-size: 14px; text-align: center; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} .vehiclePrice span {display: block; text-align: center; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; font-size: 28px;} .rebatePrice, .finalPrice { display: none; } .vehicleOptions .optionsCategory {clear: both; margin-bottom: 5px;} .vehicleOptions .optionsCategory h2 {font-size: 16px; margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid #666666;} .vehicleOptions .optionsCategory ul {width: 45%; font-size: 12px;} .vehicleOptions .optionsCategory li {margin-top: 3px; margin-bottom: 6px; margin-left: 15px;} ul.options {float: left; padding-left: 5px;} /* -------------------------- presentation.css -------------------------- */ #constraint { width: auto; } #header { background-color: #FFFFFF; color: #000000; border-bottom: 1px solid #333; } #header .dealerName { font-size: 30px; } #butlerCity { display: none; } #header .dealerName { display: block; margin-top: 20px; text-align: left; } body#home #header .dealerInfo .street, body#home #header .dealerInfo .cityInfo, body#home #header .dealerInfo .phone1, body#home #header .dealerInfo .phone2, body#home #header .dealerInfo .fax1, body#home #header .dealerInfo .fax2 { display: none; } body#home #siteBottom .textNav, body#home #siteBottom #disclaimer { display: none; } #footer { clear: both; width: 380px; font-size: 12px; margin: 0 auto; text-align: center; margin-bottom: 10px; } .dealerHDfooter, div#pageGen { float: left; line-height: 16px; text-align: center; padding-left: 10px; color: #4c4c4c; } #siteBottom { width: auto; } body#home #siteBottom .textNav, body#home #siteBottom #disclaimer { display: none; } #footer { clear: both; width: 380px; font-size: 12px; margin: 0 auto; text-align: center; margin-bottom: 10px; } .dealerHDfooter, body#home div#pageGen { float: left; line-height: 16px; text-align: center; padding-left: 10px; color: #4c4c4c; } #siteBottom { margin: 5px auto; } #dealerGroupFooter .dealerGrouping { float: left; width: 218px; margin-bottom: 20px; } #dealerGroupFooter #dealerGroupHeadline { margin-bottom: 20px; padding-bottom: 10px; background-color: #1e1e1e; display: none; } #dealerGroupFooter { font-size: 14px; background-color: transparent; border-top: none; margin: 30px 0 20px 0; border-bottom: none; } #dealerGroupFooter .dealerGrouping { width: 150px; } #dealerGroupFooter .dealerGrouping h3 { text-align: center; } #dealerGroupFooter .dealerGrouping ul { list-style-type: none; } #dealerGroupFooter .dealerGrouping ul li { float: left; width: 100%; } #dealerGroupFooter .dealerGrouping a.storeName { display: none; } /* ----------------------------- ~DealerInfo ----------------------------- */ body#home #siteBottom .dealerInfo, body#newInventory #siteBottom .dealerInfo, body#preOwnedInventory #siteBottom .dealerInfo, body#compareVehicles #siteBottom .dealerInfo { display: none; } /* ----------------------------- ~Inventory ----------------------------- */ body#newInventory #inventoryContent .dealerInfo, body#preOwnedInventory #inventoryContent .dealerInfo { display: block;padding-bottom: 10px; } body#newInventory .corpCertified img, body#preOwnedInventory .corpCertified img, body#newVehicleDisplay .corpCertified img, body#preOwnedVehicleDisplay .corpCertified img { border: none; } .searchContainer, #orderingTools, .pagination, .lineListingTools { display: none; } body#newVehicleDisplay .carfax, body#preOwnedVehicleDisplay .carfax { float: left; } body#newVehicleDisplay #tabs, body#preOwnedVehicleDisplay #tabs { display: none; } /* ----------------------------- ~VehicleDisplayPrint ----------------------------- */ body#vehicleDisplayPrint #header { }