/* -- Cached as bmw.sunmotorcars.com-folder=cssscreen.css on -- 2010-08-16 04:37:29 */ /* -------------------------- blog.css -------------------------- */ /* !----- Nav ----- */ body#blog #nav li#nav_information { background-image: url('images/navigation/navBackActive.jpg'); background-position: bottom left; background-repeat: repeat-x; background-color: transparent; } /* !----- Misc ----- */ body#blog #mainArea { width: 100%; margin: 0px; padding: 10px 0px 0px 0px; } .blogSearchArea .searchForm { margin-top: 0px; } body#blog #tabbedArea { margin-bottom: 10px; } body#blog #tab_categories, body#blog #tab_pages { padding-left: 10px; } body#blog .singlePost, body#blog .errorMessage, body#blog .pageArea { width: 525px; } body#blog #respond textarea { width: 575px; } body#blog .newestPost p { padding-bottom: 10px; } body#blog .newerPost { width: 395px; min-height: 170px; margin: 12px 0px 0px 10px; padding-top: 7px; background-color: #EDEDED; } body#blog .newerPost p { width: 385px; } body#blog .newerPost .postTitle, body#blog .newerPost .postmeta { margin-left: 5px; } body#blog .newPost { width: 181px; margin: 12px 0px 0px 10px; } body.single h1.postTitle { padding-top: 3px; } body#blog .singlePost, body#blog .errorMessage, body#blog .pageArea { display: inline; } body#blog .singlePost { margin-left: 15px; } body#blog .singlePost #post-37 .entry ul { display: block; margin-bottom: 15px; list-style-position: inside; clear: both; } body#blog .singlePost #post-37 .entry div div, body#blog .singlePost #post-37 .entry div div div, body#blog .singlePost #post-37 .entry div div div div { display: block; clear: both; } body#blog .singlePost .entry img { clear: both; } body#blog #div-comment-3 { margin: 10px; padding: 15px; border: 1px solid #CCCCCC; background-color: #EDEDED; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .archivePosts .archiveEntry, .searchPosts .searchResultsEntry { padding: 10px; background-color: #EDEDED; } .archiveEntry .excerpt p, .searchResultsEntry .excerpt p { margin-top: 5px; font-weight: normal; } body#blog #sidebar { display: inline; width: 290px; } body#blog #sidebar ul { margin: 0px; } body#blog li.categories, body#blog li.pagenav, body#blog #sidebar h2 { clear: both; margin: 10px 0px 0px 0px; } body#blog li.categories ul li, body#blog li.pagenav ul li, body#blog #sidebar ul li ul { margin-bottom: 15px; } body#blog #respond .formRow label { margin-top: 5px; } body#blog #respond .submitBlock { margin-top: 7px; padding-left: 218px; text-align: left; } body#blog #disclaimer { display: none; } /* !----- Tabs ----- */ body#blog #tabs { float: left; width:100%; background-position: bottom left; background-repeat: repeat-x; } body#blog #tabs ul { margin: 0px 0px 0px 5px; padding-top:10px; list-style:none; } body#blog #tabs ul li.tabNormal, body#blog #tabs ul li.tabActive, body#blog #tabs ul li.tabPrint, body#blog .mediaButton.tabNormal, body#blog .mediaButton.tabActive { float: left; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight: bold; height: 30px; cursor: pointer; line-height: 30px; padding-left: 5px; margin-right: 3px; background-position: 0px -44px; background-repeat: no-repeat; } body#blog #tabs ul li.tabPrint { float: right; padding-left: 5px; margin-right: 10px; } body#blog #tabs ul li.tabNormal a, body#blog #tabs ul li.tabActive a, body#blog #tabs ul li.tabPrint a, body#blog .mediaButton.tabNormal a, body#blog .mediaButton.tabActive a { float: left; height: 30px; display:block; line-height: 30px; text-decoration:none; padding: 0px 15px 0px 10px; background-position: right -44px; background-repeat: no-repeat; } body#blog #tabs ul li.tabActive, body#blog #tabs ul li.tabPrint, body#blog .mediaButton.tabActive { background-position: top left; } body#blog #tabs ul li.tabActive a, body#blog #tabs ul li.tabPrint a, body#blog .mediaButton.tabActive a { background-position: top right; } body#blog #tabs, body#blog #media_buttonArea { background-image: url(images/navigation/background.gif); } body#blog #tabs ul li.tabNormal, body#blog #tabs ul li.tabActive, body#blog #tabs ul li.tabPrint, body#blog .mediaButton.tabNormal, body#blog .mediaButton.tabActive { border-bottom: 1px solid #D2D2D2; background-image: url(images/navigation/leftTab.gif); } body#blog #tabs ul li.tabNormal a, body#blog #tabs ul li.tabActive a, body#blog #tabs ul li.tabPrint a, body#blog .mediaButton.tabNormal a, body#blog .mediaButton.tabActive a { border-bottom: 1px solid #D2D2D2; background-image: url(images/navigation/rightTab.gif); } body#blog #tabs ul li.tabActive, body#blog .mediaButton.tabActive { border-bottom: 1px solid #FFFFFF; outline: none; } body#blog #tabs ul li.tabActive a, body#blog .mediaButton.tabActive a { border-bottom: 1px solid #FFFFFF; outline: none; } body#blog #tabs a:hover { outline: none; } body#blog #recentlyViewedTab { background-image: url(images/recentlyViewed/recentlyViewedTabs.png); } * html body#blog #recentlyViewedTab { background-image: url(images/recentlyViewed/recentlyViewedTabs.gif); } body#blog #tab1, body#blog #tab2, body#blog #tab3, body#blog #tab4 { width: auto; border-right: none; } /* -------------------------- default.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: Sun Motor Cars BMW 2.0 CSS Document Author: PMT Advertising (mt) www.pmtadvertising.com info@pmtads.com ------------------------------------------------------------------------------------------------------ */ #mainArea #partsSpecials .defaultCouponContentArea04 {display: none; } * {margin: 0px; padding: 0px;} body {height: auto; margin: 10px 0px; font-size: 11px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #000000; color:#000000;} 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 {display: none;} #constraint { width: 1025px; margin: 0 auto; background-color: #FEFEFE; border: 0px; margin-top: 10px;} body#accessories #constraint {margin: 0 auto; background-color: #FEFEFE; margin-top: 10px;} body#vehicleDisplayPrint #constraint, body#specialsDetails #constraint{background-color: #FFFFFF; border: 1px solid #FFFFFF;} body#carbuilder #constraint{background-color: #FFFFFF; color:#000000;} body#carbuilder #constraint #header {color:#777777;} body#carbuilder #siteBottom a:hover{color:#000000;} body#employment h2 {display: none;} #constraintImageLeft {padding-left: 80px; background: url(images/constraintLeft.jpg) repeat-y top left;} #constraintImageRight {padding-right: 80px; background: url(images/constraintRight.jpg) repeat-y top right;} #motd {font-size: 16px; padding: 5px 0; display: block; text-align: center; background-color: #93d3ff; border-bottom: 1px solid #666666; border-top: 1px solid #666666; margin: 10px 0; color: #000000;} #motd span { font-weight: normal; } /* #subArea #motd {margin: 10px 5px; width: 210px;} */ #siteBottom {clear: both; margin: 0 auto; text-align: center; /* margin: 10px; */ width: 845px;} #siteBottom .dealerInfo {padding: 5px; padding-top: 10px;} #siteBottom .dealerLogo {display: none;} #footer {clear: both; color: #777777; width: 865px; 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;} */ #subArea h2 {padding: 20px 10px;} body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} #mainArea { /* float: left; */ /*width: MEDIUM; */ 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 {padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #212121;} #employeeSpotlight #contentContainer { width: 100%; margin: 0; padding: 0; text-align: center; } .employeeSpotlight { text-align: center; margin: 10px auto; } /* * html body#new #mainArea, * html body#preOwned #mainArea {width: 530px;} */ .pageBreak {display: none;} .specialsHomeButton, .specialsHomeButtonNew, .specialsHomeButtonPreOwned, .buildButton, .partsButton, .featureSearchButton, body#parts .accessoriesButton {display:block; width: 180px; height: 40px; margin-left: 8px; float: left; margin-top: 5px; margin-bottom: 3px;} .specialsHomeButton a, .specialsHomeButtonNew a, .specialsHomeButtonPreOwned a, .buildButton a, .partsButton a, .featureSearchButton a {display:block; width: 180px; height: 40px;} .buildButton {background: url('images/buttons/buildButton.png') no-repeat top left;} .partsButton {background: url('images/buttons/partsButton.png') no-repeat top left;} .accessoriesButton {background: url('images/buttons/accessoriesButton.png') no-repeat top left;} .featureSearchButton {background: url('images/buttons/featuresButton.png') no-repeat top left;} .specialsHomeButtonNew {background: url('images/buttons/specialsHomeButton-newCar.png') no-repeat top left;} .specialsHomeButtonPreOwned {background: url('images/buttons/specialsHomeButton-preOwned.png') no-repeat top left;} .specialsHomeButton {background: url('images/buttons/specialsHomeButton.png') no-repeat top left;} .buildButton:hover {background: url('images/buttons/buildButtonHover.png') no-repeat top left;} .partsButton:hover {background: url('images/buttons/partsButtonHover.png') no-repeat top left;} .accessoriesButton:hover {background: url('images/buttons/accessoriesButtonHover.png') no-repeat top left;} .featureSearchButton:hover {background: url('images/buttons/featuresButtonHover.png') no-repeat top left;} .specialsHomeButton:hover {background: url('images/buttons/specialsHomeButtonHover.png') no-repeat top left;} .specialsHomeButtonNew:hover {background: url('images/buttons/specialsHomeButton-newCarHover.png') no-repeat top left;} .specialsHomeButtonPreOwned:hover {background: url('images/buttons/specialsHomeButton-preOwnedHover.png') no-repeat top left;} body#parts .partsButton, body#parts .accessoriesButton {float: right; margin: 0 10px 15px 0;} .clickMedia {width: 175px; height: 41px; margin-left:35px; background-image: url('images/clickMedia.jpg'); background-position: bottom right; background-repeat: no-repeat;} .clickMedia {display: none;} #affiliateLinks {text-align: right; width: SITEWIDTH; margin: 0 auto; } #affiliateLinks a:hover {color: blue;} #header a {} #header a:hover {color: blue;} .noSpecials {padding: 5px;font-size: 16px; text-align: center;} body#home .noSpecials {/* padding: 15px 0;font-size: 14px; text-align: left; */ display: none;} body#employmentDetails #tab3 { display: none; } /* ---------- Header ---------- */ #header { position: relative; color: #FFFFFF; border-bottom: 1px solid #333333; background-color: #323232; 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 {float: left; padding: 5px; width: 300px; display: inline;} .corporateLogo {float: left; margin: 5px; width: 140px; height: 80px; background: url('images/corpLogo.gif') no-repeat top left; padding-right: 10px;} .corporateLogo a {width: 140px; height: 70px; cursor: pointer; display: block;} .dealerLogo {float: right; height: 70px; width: 120px; background-image: url('images/dealerLogo.gif'); background-repeat: no-repeat; background-position: top right; display: none;} .dealerLogo a {height: 70px; width: 120px; display: block; cursor: pointer; display: none;} .sunDealerLogo {float: right; height: 70px; width: 120px; display: inline; padding-top: 7px;} #header .dealerInfo .phone1, #header .dealerInfo .phone2, #header .dealerInfo .phone3, #header .dealerInfo .fax1, #header .dealerInfo .fax2, #header .dealerInfo .email, #header .dealerInfo .servicePhone {text-align: left; font-size: 12px; float: left; width: 300px; padding: 0; margin: 0;} #header .dealerInfo .street, #header .dealerInfo .cityInfo{display: inline; text-align: left;float: left; margin: 0; padding-right: 10px;} #header .dealerName, #header .dealerInfo .bullet, #header .dealerInfo .fax1, #header .dealerInfo .fax2 {display: none;} .dealerInfo .bullet {padding: 0 3px;} #header .dealerInfo .email {padding-bottom: 0;} #header .dealerTagline {text-align: right; padding:0 10px 10px 10px; clear:both; float: right;} #header .dealerInfo .phone1, #header .dealerInfo .phone2, #header .dealerInfo .servicePhone {font-size: 13px; padding: 0; margin: 0;} #header .centerofExcellence { float: left; width: 192px; display: inline; padding-top: 10px; } /* ---------- Content Styling (Footer) ---------- */ #footer {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, #siteBottom .dealerInfo .email, #siteBottom .dealerInfo .servicePhone {display: inline; font-size: 12px; color: #777777;} /*#siteBottom .dealerInfo .dealerName {display: none;}*/ /* ---------- ~Home ---------- */ #homeArea {width: 100%; background-color: #000000;} #slideShowArea {float: right; width: 642px;} #flashSlideshow, #flashSlideshowFeature {float: right; width: 642px; z-index: 100;} /* body#home #mainArea {clear: both; width: LARGE;} */ body#home #mainArea { padding: 0; margin: 0; } body#home #motd {clear: both; margin-top: 5px;} body#home #motd span {padding-bottom: 0px; text-align: center;} body#home .newsContainer {/* float: right; width: 390px; */font-size: 12px; padding: 10px; padding-top: 0px; clear: both;} .sectionHeader {clear: both; margin: 8px; margin-bottom: 0px; padding: 3px;} .newsIcon, .searchIcon, .featuredSpecialIcon {float: left; height: 25px; width: 25px;} .newsIcon {background-image: url('images/sectionIcons/news.png'); background-repeat: no-repeat; background-position: top left;} .searchIcon {background-image: url('images/sectionIcons/search.png'); background-repeat: no-repeat; background-position: top left;} .featuredSpecialIcon {background-image: url('images/sectionIcons/featuredSpecial.png'); background-repeat: no-repeat; background-position: top left;} .newsIcon {display: none;} .sectionHeader h3 {/*margin-left: 30px; border-bottom: 1px solid #212121;*/} body#home #topSearches, body#home #featuresAndSpecials {float: left; width: 45%; padding-left: 10px;} /* body#home #featuresAndSpecials .specialsContainer { width: 380px; } */ body#home div.specialsSnapshotAlt {width: 100%;} #homeContent {float: right; width: 45%;} .smcButton, .smcButton:hover, .blogButton, .blogButton:hover, .testimonialsButton, .testimonialsButton:hover, /* .accessoriesButton, .accessoriesButton:hover, */ .ultimateButton, .ultimateButton:hover { float: right; width: 200px; height: 49px; cursor: pointer; margin-right: 8px; } .classButton, .classButton:hover, .futureButton, .futureButton:hover, .safetyButton, .safetyButton:hover, .certifiedButton, .certifiedButton:hover, .ultimateServiceButton, .ultimateServiceButton:hover, .maintenanceButton, .maintenanceButton:hover, .protectButton, .protectButton:hover, .visaButton, .visaButton:hover { float: right; width: 160px; height: 49px; cursor: pointer; } .smcButton, .smcButton:hover { background: url('images/buttons/smcButton.gif') no-repeat top left; } /* .accessoriesButton, .accessoriesButton:hover { background: url('images/buttons/accessoriesButton.gif') no-repeat top left; } */ .blogButton, .blogButton:hover { background: url('images/buttons/blogButton.gif') no-repeat top left; } .testimonialsButton, .testimonials:hover { background: url('images/buttons/customerTestimonial.gif') no-repeat top left; } .ultimateButton, .ultimateButton:hover { background: url('images/buttons/ultimateButton.gif') no-repeat top left; } .classButton, .classButton:hover { background: url('images/buttons/classOverview.gif') no-repeat top left; } .futureButton, .futureButton:hover { background: url('images/buttons/futureVehicles.gif') no-repeat top left; } .safetyButton, .safetyButton:hover { background: url('images/buttons/safetyInfo.gif') no-repeat top left; } .certifiedButton, .certifiedButton:hover { background: url('images/buttons/certifiedPreowned.gif') no-repeat top left; } .ultimateServiceButton, .ultimateServiceButton:hover { background: url('images/buttons/ultimateServiceButton.gif') no-repeat top left; } .maintenanceButton, .maintenanceButton:hover { background: url('images/buttons/maintenanceButton.gif') no-repeat top left; } .protectButton, .protectButton:hover { background: url('images/buttons/protectVehicle.gif') no-repeat top left; } .visaButton, .visaButton:hover { background: url('images/buttons/visaButton.gif') no-repeat top left; } .smcButton:hover { background-image: url('images/buttons/smcButtonOver.gif'); } .blogButton:hover { background-image: url('images/buttons/blogButtonOver.gif'); } /* .accessoriesButton:hover { background-image: url('images/buttons/accessoriesButtonHover.gif'); } */ .testimonialsButton:hover { background-image: url('images/buttons/customerTestimonialOver.gif'); } .ultimateButton:hover { background-image: url('images/buttons/ultimateButtonOver.gif'); } .classButton:hover { background-image: url('images/buttons/classOverviewOver.gif'); } .futureButton:hover { background-image: url('images/buttons/futureVehiclesOver.gif'); } .safetyButton:hover { background-image: url('images/buttons/safetyInfoOver.gif'); } .certifiedButton:hover { background-image: url('images/buttons/certifiedPreownedOver.gif'); } .ultimateServiceButton:hover { background-image: url('images/buttons/ultimateServiceButtonOver.gif'); } .maintenanceButton:hover { background-image: url('images/buttons/maintenanceButtonOver.gif'); } .protectButton:hover { background-image: url('images/buttons/protectVehicleOver.gif'); } .visaButton:hover { background-image: url('images/buttons/visaButtonOver.gif'); } .blogButton a, .smcButton a, .testimonialsButton a, .ultimateButton a/* , .accessoriesButton a */ { display: block; width: 200px; height: 49px; } .classButton a, .futureButton a, .safetyButton a, .certifiedButton a, .ultimateServiceButton a, .maintenanceButton a, .protectButton a, .visaButton a { display: block; width: 160px; height: 49px; } div.featuredEmployee div.staffContainer { /* float: none; text-align: center; margin: 0 auto; */ } div.featuredEmployee div.employeeImage img { /* border: 1px solid #999; */ } div.featuredEmployee { /* margin-top: 20px; padding: 5px; background-color: #efefef; */ } div.featuredEmployee h1 { /* padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #999; background-color: transparent; */ } body#home div.featuredEmployee { float: left; width: 135px; /*height: 170px;*/ margin-top: 0px; margin-right: 10px; margin-bottom:10px; text-align: center; overflow: hidden; } body#home div.featuredEmployee h1 { font-size: 120%; font-weight: bold; } body#home div.featuredEmployee .departmentTitle { display:none; } /*.Button {float: left; clear: both;} .ButtonAlt {float: right; clear: both;} .Button a img, .ButtonAlt a img {margin-left:10px;} */ /* body#home #searchHome { float: left; width: 220px; } */ /* body#home #searchHome #searchContainer { width: 220px; } */ /* body#home #searchHome .msPoloButton span { display: none; } */ body#home .scheduleServiceBtn { float: left; display: block; width: 180px; height: 90px; margin: 10px 0 0 12px; cursor: pointer; background: url(images/scheduleServiceBtn.gif) no-repeat top left; } body#home .scheduleServiceBtn:hover { background-image: url(images/scheduleServiceBtnOver.gif); } /* +Phone Numbers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .phoneNumbers {margin: 10px 0;} .deptPhone { float: left; width: 48%; text-align: center; background-color: #000000; border: 1px solid #333333; color: #FFFFFF;} .deptPhone h2 {padding: .5em 0;font-size: 13px; border-bottom: 1px solid #333333;} .number { padding: 10px; font-size: 21px; color: #FFFFFF;} /* ---------- ~Features and Events ---------- */ #featureArea {background-color: #000915;} #featureEvent {float: left; width: 219px;} * html body#featuresEvents #featureEvent {margin: 0 -5px;} body#featuresEvents h5 { width: 175px; color: #ccc; margin: 0 10px; line-height: 1.5em; } body#featuresEvents #header {color: #999999; border-bottom: none; background-color: #000915; width: 100%;} body#featuresEvents #header .dealerInfo {padding: 5px;} body#featuresEvents .corporateLogo, body#featuresEvents #header .dealerTagline, body#featuresEvents #header .dealerName, body#featuresEvents #header .dealerInfo .phone2, body#featuresEvents #header .dealerInfo .phone3, body#featuresEvents #header .dealerInfo .fax1, body#featuresEvents #header .dealerInfo fax2, body#featuresEvents #header .dealerInfo .bullet, body#featuresEvents #header .dealerInfo .fax1 {display: none;} body#featuresEvents .dealerLogo {float: left; height: 133px; width: 200px; margin-bottom: 5px; background-image: url('images/dealerLogoLarge.gif'); background-repeat: no-repeat; background-position: top left;} body#featuresEvents #header .dealerInfo .street, body#featuresEvents #header .dealerInfo .cityInfo, body#featuresEvents #header .dealerInfo .phone1, body#featuresEvents #header .dealerInfo .servicePhone, body#featuresEvents #header .dealerInfo .email {text-align: center; font-size: 12px; color: #999999; width: 200px; padding: 0;} #header .dealerInfo .email {padding-bottom: 10px;} /*body#featuresEvents #header .dealerInfo .phone1, body#featuresEvents #header .dealerInfo .servicePhone {font-size: 14px; padding: 0; margin: 0;}*/ /* ---------- ~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 .noSpecials, body#preOwned .noSpecials { margin-top: 20px; display: none; } */ /* body#new .managerCustom, body#preOwned .managerCustom { float: left; width: 215px; } */ /* body#new .managerCustomContent, body#preOwned .managerCustomContent { margin-top: 15px; } */ body#new .departmentInfo, body#preOwned .departmentInfo { display: block; } /* body#new .managerCustom .employeeName, body#preOwned .managerCustom .employeeName, body#new .managerCustom .employeeTitle, body#preOwned .managerCustom .employeeTitle { float: left; } */ /* body#new .staffContainer, body#preOwned .staffContainer { text-align: center; } */ /* body#new .staffContainer .employeeImage img, body#preOwned .staffContainer .employeeImage img { height: 68px; } */ /* body#new .staffContainer .employeeTitle, body#preOwned .staffContainer .employeeTitle { display: block; border-bottom: 1px solid #333; } */ /* body#new .adminTitle, body#preOwned .adminTitle { display: none; } */ body#new #motd, body#preOwned #motd { width: 100%; } /* ---------- ~PreOwned ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#preOwned .specialsContainer {width: 95%;} body#preOwned div.specialsSnapshotAlt {width: 99%;} body#new .employeeImage, body#preOwned .employeeImage { border: none; margin-right: 0; } /* ---------- ~Specials ---------- */ body#dealerTradeRequest #mainArea, body#protectVehicle #mainArea, body#ultimateGuarantee #mainArea, body#specials #mainArea, body#information #mainArea, body#totalGuarantee #mainArea, body#certifiedPreowned #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#sitemap #mainArea {/* clear: both; width: LARGE; */} body#gala #contentContainer { padding: 5px 15px; } 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#protectVehicle 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;} body#aboutSun #mainArea ul {margin: 0 25px 15px 25px;} #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 {/* display: none; */} body#specialsDetails .dealerNotes {display: block; min-height: 40px;} #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;} #leaseSpecials li {text-align: center;} body#sunTestimonials p, body#aboutSun p, body#sunStory p, body#dealerTradeRequest p, body#information p, body#specials p, body#totalGuarantee p, body#protectVehicle p, body#certifiedPreowned p, body#newVehicleSpecials p, body#preOwnedVehicleSpecials p, body#partsDeptSpecials p, body#serviceDeptSpecials p, body#financeDeptSpecials p, body#leasingSpecials p, body#customSpecials p, body#ultimateGuarantee p, body#specialsDetails p {margin-top: 5px; margin-bottom: 15px;} body#totalGuarantee h5, body#ultimateGuarantee h5 {margin-bottom: 15px;} body#certifiedPreowned h2 {margin: 5px 0; border-bottom: 1px solid #444;} body#certifiedPreowned h3 {} body#certifiedPreowned #contentContainer { padding: 15px; } body#certifiedPreowned #contentContainer ul { list-style-position: inside; margin-left: 15px; margin-bottom: 15px; } body#sunTestimonials h1, body#aboutSun h1, body#aboutSun h4, body#sunStory h4, body#sunStory h1, body#dealerTradeRequest h2, body#protectVehicle h2, body#specials h2, body#information div#mainArea h2, body#totalGuarantee 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: 5px 0; border-bottom: 1px solid #444;} body#information .informationContainer {padding: 10px 0px; border-bottom: 2px dotted #CCCCCC;} body#information .informationContainer img {width: 100px; float: left;} .informationContainer h3, body#information .informationContainer p, body#information .informationContainer a {/* width:MEDIUM; */ float: left; padding: 3px 15px;} .informationContainer h2 {padding-bottom: 10px;} #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;} body#specials .customSpecial img { /* width: 100px; */ } .specialsContainer { clear: both; padding-top: 20px; } .specialsContainer a { float: left; display: block; } .specialsContainer h1 a {} .specialsContainer h1 a:hover {} .specialsSnapshot span.specialYear {font-size: 16px;} .specialsHeader {/* clear: both; border-bottom: 1px solid #CCCCCC; */} /* .specialsHeader h3 {float: left; margin: 8px;} */ .specialsSnapshot, .specialsSnapshotAlt { padding: 10px; } .specialsSnapshotAlt { background-color: #ccc; } body#home .specialsContainer { padding-top: 0; } body#home .specialsContainer h4 a, body#home .specialsSnapshot .dealerNotes, body#home .specialsSnapshotAlt .dealerNotes { width: 300px; display: inline; } body#home .specialsSnapshot .specialImage, body#home .specialsSnapshotAlt .specialImage { float: left; border: none; } .homeLeaseSpecials .specialsSnapshot, .homeLeaseSpecials .specialsSnapshotAlt { padding: 2px; clear: both; border-top: 1px solid #ccc; } .homeLeaseSpecials h1 a { padding: 15px 0; } .specialsSnapshot a:hover, .specialsSnapshotAlt a:hover {} .specialImage {float: left; margin-right: 5px;} .specialImage img {float: left; margin-right: 10px; margin-bottom: 5px; width: 50px; border: 1px solid #CCCCCC;} body#home .specialImage img {float: left; margin-right: 5px; width: 70px; border: 1px solid #CCCCCC;} body#home .specialArea img, body#new .specialArea img, body#preOwned .specialArea img {display: none;} .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, body#testimonials #mainArea {width: LARGE;} */ body#specialsDetails .coupon {border: 2px dashed #000000; padding: 5px; width: 100%;color: #000000;} body#specialsDetails .coupon h1 {color: #000000;} 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, body#preOwnedVehicleSpecials div#preOwnedSpecials div.invPicture, body#specials div#newSpecials div.invPicture, body#specials div#preOwnedSpecials div.invPicture { float: left; width: 100px; margin-right: 10px; margin-bottom: 10px; /* text-align: center; */ } 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: 100px; border: 1px solid #333; /* display: none; */ } #leaseSpecials {/* margin: 12px; */ margin-top: 5px;} .leasePicture img {width: 200px;} #leaseSpecials .dealerNotes {margin: 5px;margin-left: 0px;} #leaseSpecials .leaseName, #leaseSpecials .leaseDate {font-size: 14px; display: block;} #leaseSpecials .leaseName {font-size: 16px;margin-top: 3px;} #leaseSpecials .leasePrice {color: #FFFFFF; background-color: #00457c; margin: 5px 0; padding: 5px 0;display: block; font-size: 16px;} #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;} #rebateSpecials .rebatesIncentives ul {list-style-type: disc;} #rebateSpecials .rebatesIncentives ul li {margin: 0px; font-size: 14px;} #rebateSpecials ul {padding: 10px;} .rebatesIncentives span { display: block; text-align: left; font-size: 14px; } body#home .ratesContainer {/*padding-right: 20px;*/} body#home .ratesContainer h2 {color: #000000; margin-bottom: 5px; clear: both;} body#home .ratesContainer a {font-size: 16px; display: block; padding: 5px 0;float: left; width: 45%;} body#home .ratesContainer .ratesNote {display:none;} .ratesContainer {padding-right: 20px;} .ratesContainer h2 {color: #CCCCCC; margin-bottom: 5px;} .ratesContainer a {font-size: 21px; display: block; padding: 5px 0;} .ratesContainer .ratesNote {border-bottom: 1px dotted #000000; padding-bottom: 5px;} body#rebates #rebateSpecials img {width: 205px;} body#rebates .specialImage{display: block; clear: both; float: none;} body#rebates #mainArea #rebateSpecials {float: none;} /* #leaseSpecials img {width: 205px;} */ .specialImage{display: block; clear: both; float: none;} #leaseSpecials li {width: 235px; /* height: 385px; */ display: block; margin: 0 0 5px 10px;} body#specials #leaseSpecials .dealerNotes { display: block; } #leaseSpecials ul{float: left;} body#leasingSpecials #mainArea #leaseSpecials, body#specials #mainArea #leaseSpecials {/* float: none; */} /* This will need to change whenever the ad in the advertising section is updated. */ body#preOwnedVehicleSpecials #flash_ad313, body#preOwnedVehicleSpecials .advertising h1, body#preOwnedVehicleSpecials .advertising .adDate { display: none; } /* body#newVehicleSpecials .customSpecial { width: 100%; margin: 0; padding: 0; } */ #mainArea { margin: 5px; padding: 0; } body#specials #mainArea, body#leasingSpecials #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#serviceDeptSpecials #mainArea, body#financeDeptSpecials #mainArea, body#protectVehicle #mainArea { width: 98%; margin-left: 8px; } .defaultVehicleSpecial {margin: 0px;} /* ---------- ~VISIT ---------- */ body#visit img {float: left; display: inline; margin: 5px;} /* ---------- ~Service ---------- */ .applesOranges {padding-bottom: 10px;} body#service .deptManager .staffContainer .employeeImage { border: none; } /* ---------- ~Body Shop ---------- */ body#bodyShop .adminTitle { display: none; } body#bodyShop .deptManager .staffContainer .employeeImage { border: none; } body#bodyShop .deptManager { width: 270px; margin-bottom: 50px; } /* ---------- ~Parts ---------- */ div#accessoryArea { margin: 20px 0; background: url(images/accessoryBoxBottom.jpg) no-repeat bottom left; } div#accessoryArea h2 { background: url(images/accessoryBoxTop.jpg) no-repeat top left; padding: 15px 0 0 0; text-align: center; } div.accessoryInfo {padding: 25px;} div.accessoryInfo img {margin: 5px 0; border: 1px solid #000;} div.partsDepartmentPhoto img {margin: 25px 0 0 0; border: 1px solid #000;} body#parts .partsTeam { float: right; margin: 0 0 10px 10px; border: 1px solid #999; } body#service #serviceContent .partsTeam {display: none; } body#parts #mainArea .departmentInfo { float: none; } body#parts #mainArea .departmentInfo .phone1 span { display: block; } body#parts #mainArea .departmentInfo .phone1 span.bullet { display: none; } body#parts .departmentInfo {width: 165px; } /* ---------- ~Financing ---------- */ body#financing div.applyFinancing {float: left; /* width: SMALL; */ margin: 10px 0;} body#financing .deptManager .staffContainer .employeeImage { border: none; } body#financing .cashBackCalc { display: none; } /* ---------- ~General Content Styling ---------- */ body#new .departmentInfo, body#preOwned .departmentInfo, body#parts .departmentInfo, body#service .departmentInfo, body#financing .departmentInfo, body#information .departmentInfo {margin-top: 3px; margin-bottom: 10px;} #mainArea .departmentInfo {font-size: 12px;} #mainArea {} #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 #666666;} /* ~Carbuilder styles */ .hoursHolder:hover {background-color: #ececec;} #vehicleOverview ul li:hover, #pricingInfo div:hover, #vehicleColors .formRow:hover, body#carbuilder tbody tr.vehicleData:hover, body#carbuilder tbody tr.vehicleDataSelectOne:hover {background-color: #DDDDDD;} .day, .dayHours, .currentDay {font-size: 14px;} body#new .day, body#preOwned .day, body#parts .day, body#service .day, body#financing .day, body#staffDetail .day, body#bodyShop .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#financing .currentDay, body#staffDetail .currentDay, body#bodyShop .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; */} body#staff .staffContainer {float: left; width: 130px; height: 135px; 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;} body#new #mainArea .departmentInfo, body#preOwned #mainArea .departmentInfo {/* display: none; */} .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: 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;} #availablePositions a { font-size: 16px; display: block; padding: 20px 3px 3px 3px; border-bottom: 1px solid #CCCCCC; } #staff .customArea { } .spotlightBtn { float: left; display: block; width: 200px; height: 49px; background: transparent url(images/buttons/spotlightBtn.gif) no-repeat top left; } .spotlightBtn:hover { background-image: url(images/buttons/spotlightBtnOver.gif); } /* ---------- Maps ---------- */ body#contact #mapContainer, body#visit #mapContainer {margin-top: 10px; height: 250px; font-size: 12px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #000000; 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;} */ #information .informationContainer p { float: left; width: 675px; } #information .ownerBenefit .tractionPic { float: left; margin-right: 15px; } #information .ownerBenefit p { float: left; width: 675px; clear: none; } #information .ownerBenefit a { float: left; } body#visit #contentContainer { width: 860px; } body#visit #contentContainer #subArea { float: right; width: 280px; margin-right: 10px; } body#visit #subArea #motd { width: 100%; } body#visit .visitContentArea { float: left; width: 500px; } /* ---------- ~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;} body#home .newsHeadline h1 {border: 0;} body#home .specialsHeader {display:none} body#home .newsHeadline h1 {border: 0; padding-left: 0px;} body#home .newsContainer {padding-left: 0px;} body#home .specialsHeader {display:none} .deptManager .staffContainer .employeeImage { float: right; display: block; clear: both; } /* ---------- ~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; color: #CCCCCC;} 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 {margin: 10px; text-align: center; border-collapse: collapse; background-color: #FEFEFE;} #hoursChart table tr, #hoursChart table th, #hoursChart table td {padding: 3px; border: 1px solid #666666;} #hoursChart table thead {background-color: #000000; border: 1px solid #212121; color: #FFFFFF; } #hoursChart table thead h4 { font-size: 12px; } #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('images/buttons/DHDButtonSml.png'); background-repeat: no-repeat; background-position: top left;} /* .dealerHDButton:hover {background-image: url('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; padding: 0px; margin: 0px;} /* ---------- ~Advertising ---------- */ .noAd {margin: 20px; font-size: 16px; text-align: center;} #preOwnedVehicleSpecials .noAd { display: none; } .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: #0364b1; text-decoration: none;} a img {border: 0px;} a:hover {color: #011590;} /* ---------- ~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;} .adminDisclaimer { font-size: 11px; display: block; padding-top: 25px; } .noFlash {font-size: 18px; text-align: center; padding: 10px; padding-top: 180px;} .noFlash a {text-decoration: underline;} .printMessage {display: none;} /* ---------- ~Search New RSS and Direct Link Buttons, ~Search Preowned RSS and Direct Link Buttons ---------- */ body#newInventory .searchContainer h1, body#preOwnedInventory .searchContainer h1, body#newInventory .searchContainer p, body#preOwnedInventory .searchContainer p { /* float: left; */ /* width: MEDIUM; */ /* color: #FFFFFF; */ } .permalinks { /* font-size: 14px; float: right; */ /* width: SMALL; */ /* margin: 10px; text-align: right; line-height: 24px; */ } .directLink, .rssLink { /* padding: 10px; */ } .directLink a, .rssLink a { /* cursor: pointer; padding-left: 18px; */ } /* .directLink a { background: url('images/buttons/directIcon.png') no-repeat top left; } */ /* .rssLink a { background: url('images/buttons/rssIcon.png') no-repeat top left; } */ body#new .directLink, body#new .rssLink, body#preOwned .directLink, body#preOwned .rssLink { /* display: none; */ } .financingContact { margin: 0 0 10px 0; border-bottom: 1px solid #ccc; } .financingContact .employeeName, .financingContact .employeeTitle { display: none; } .financingContact .individual { float: left; width: 120px; text-align: left; } .financingContact .individualContent { float: left; width: 300px; } /* ---------- ~Custom pages ---------- */ .cureDiabetes { float: left; display: block; width: 200px; height: 111px; margin-left: 10px; background: transparent url(images/walkLogo.gif) no-repeat top left; } .cureDiabetes span { display: none; } .benefits { /* float: left; */ width: 500px; margin-left: 20px; } .cpoContent, .cpoContent ul { margin: 10px; } .harrisburgLink { display: block; width: 250px; height: 189px; background: transparent url(images/harrisburgArticleLink.gif) no-repeat top left; } .harrisburgLink:hover { background-image: url(images/harrisburgArticleLinkOver.gif); } body#stimulusSavings #contentContainer { text-align: center; margin: 0 auto; } body#stimulusSavings img {margin-left: 120px; border: 1px solid #999;} body#benefits #header, body#benefits #navigation, body#benefits #siteBottom, body#featuresEvents #header, body#featuresEvents #navigation, body#featuresEvents #siteBottom { display: none; } .newsContainer .featuredMedallion { display: none; } .socialNetworkLinks .facebook, .socialNetworkLinks .twitter { width: 350px; } /* ----- ~Recently Viewed ----- */ .recentlyViewedHeader h4 { padding: 5px; } .recentlyViewedHeader input { margin: 5px; } .rv_messageArea h4 { font-size: 14px; } .rv_date span { font-size: 12px; } /* -------------------------- inventory.css -------------------------- */ body#preOwnedVehicleDisplay .globalNote, body#newVehicleDisplay .globalNote { display: block; margin-top: 20px; } body#preOwnedVehicleDisplay #subArea .testDriveButton, body#newVehicleDisplay #subArea .testDriveButton { margin: 0 0 15px 0; } body#preOwnedVehicleDisplay #subArea .testDriveButton a, body#newVehicleDisplay #subArea .testDriveButton a { width: 260px; height: 33px; display: block; cursor: pointer; background: transparent url(images/buttons/testDriveButton.png) no-repeat top left; } body#preOwnedVehicleDisplay #subArea .testDriveButton a:hover, body#newVehicleDisplay #subArea .testDriveButton a:hover { background-image: url(images/buttons/testDriveButtonOver.png); } /* -------------------------- nav.css -------------------------- */ #navigation {position: relative; width: 100%; border-bottom: 1px solid #999999; background-color: #00457c; background-image: url('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('images/navigation/navBack.jpg'); background-repeat: no-repeat; background-position: top left;} #nav li#nav_home { width: 50px; } #nav li#nav_new { width: 45px; } #nav li#nav_preOwned { width: 77px; } #nav li#nav_parts { width: 45px; } #nav li#nav_specials { width: 60px; } #nav li#nav_service { width: 57px; } #nav li#nav_financing { width: 70px; } #nav li#nav_information, #nav li#nav_advertising, #nav li#nav_employment { width: 80px; } #nav li#nav_contact { width: 60px; } /*#nav li {float: left;; padding: 0; width: 9.9%; height: 25px; font-size: 12px; line-height: 25px; color: #CCCCCC; background-image: url('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('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: #323232;} /* ---------- ~Nav Indicators ---------- */ /* ---------- ~Nav Indicators ---------- */ #nav li.main_marker { background-image: url('images/navigation/navBackActive.jpg'); background-position: bottom left; background-repeat: repeat-x; background-color: transparent; } .sub_marker { color: #000000; background-image: none; background-color: transparent; } .sub_marker a { color: #0364b1; } .sub_marker a span { color: #0364b1; } /* body#home #navigation ul#nav li#nav_home a, body#new #navigation ul#nav li#nav_new a, body#newInventory #navigation ul#nav li#nav_new a, body#newVehicleSpecials #navigation ul#nav li#nav_new a, body#rebates #navigation ul#nav li#nav_new a, body#leasingSpecials #navigation ul#nav li#nav_new a, body#carbuilder #navigation ul#nav li#nav_new a, body#rebates #navigation ul#nav li#nav_specials a, body#preOwned #navigation ul#nav li#nav_preOwned a, body#preOwnedInventory #navigation ul#nav li#nav_preOwned a, body#preOwnedVehicleSpecials #navigation ul#nav li#nav_preOwned a, body#certifiedPreowned #navigation ul#nav li#nav_preOwned a, body#specials #navigation ul#nav li#nav_specials a, body#customSpecials #navigation ul#nav li#nav_specials a, body#parts #navigation ul#nav li#nav_parts a, body#partsDeptSpecials #navigation ul#nav li#nav_parts a, body#service #navigation ul#nav li#nav_service a, body#serviceDeptSpecials #navigation ul#nav li#nav_service a, body#financing #navigation ul#nav li#nav_financing a, body#financeDeptSpecials #navigation ul#nav li#nav_financing a, body#protectVehicle #navigation ul#nav li#nav_financing a, body#information #navigation ul#nav li#nav_information a, body#news #navigation ul#nav li#nav_information a, body#faq #navigation ul#nav li#nav_information a, body#hoursOperation #navigation ul#nav li#nav_information a, body#staff #navigation ul#nav li#nav_information a, body#staffDetail #navigation ul#nav li#nav_information a, body#directions #navigation ul#nav li#nav_information a, body#privacy #navigation ul#nav li#nav_information a, body#ultimateGuarantee #navigation ul#nav li#nav_information a, body#protectVehicle #navigation ul#nav li#nav_financing a, body#advertising #navigation ul#nav li#nav_advertising a, body#contact #navigation ul#nav li#nav_contact a, body#newVehicleDisplay #navigation ul#nav li#nav_new a, body#preOwnedVehicleDisplay #navigation ul#nav li#nav_preOwned a {background-image: url('images/navigation/navBackActive.jpg'); background-position: bottom left; background-repeat: repeat-x;} body#newInventory #navigation ul#nav li#nav_new ul li a, body#new #navigation ul#nav li#nav_new ul li a, body#newVehicleSpecials #navigation ul#nav li#nav_new ul li a, body#leasingSpecials #navigation ul#nav li#nav_new ul li a, body#rebates #navigation ul#nav li#nav_new ul li a, body#carbuilder #navigation ul#nav li#nav_new ul li a, body#rebates #navigation ul#nav li#nav_specials ul li a, body#preOwned #navigation ul#nav li#nav_preOwned ul li a, body#preOwnedInventory #navigation ul#nav li#nav_preOwned ul li a, body#preOwnedVehicleSpecials #navigation ul#nav li#nav_preOwned ul li a, body#certifiedPreowned #navigation ul#nav li#nav_preOwned ul li a, body#parts #navigation ul#nav li#nav_parts ul li a, body#partsDeptSpecials #navigation ul#nav li#nav_parts ul li a, body#service #navigation ul#nav li#nav_service ul li a, body#serviceDeptSpecials #navigation ul#nav li#nav_service ul li a, body#financing #navigation ul#nav li#nav_financing ul li a, body#financeDeptSpecials #navigation ul#nav li#nav_financing ul li a, body#information #navigation ul#nav li#nav_information ul li a, body#news #navigation ul#nav li#nav_information ul li a, body#faq #navigation ul#nav li#nav_information ul li a, body#hoursOperation #navigation ul#nav li#nav_information ul li a, body#staff #navigation ul#nav li#nav_information ul li a, body#staffDetail #navigation ul#nav li#nav_information ul li a, body#directions #navigation ul#nav li#nav_information ul li a, body#privacy #navigation ul#nav li#nav_information ul li a, body#ultimateGuarantee #navigation ul#nav li#nav_information ul li a, body#protectVehicle #navigation ul#nav li#nav_financing ul li a, body#rebates #navigation ul#nav li#nav_specials ul li#nav_specialsAis a, body#newVehicleDisplay #navigation ul#nav li#nav_new ul li a, body#preOwnedVehicleDisplay #navigation ul#nav li#nav_preOwned ul li a, body#specials #navigation ul#nav li#nav_specials ul li a {color: #CCCCCC; background-image: none;} body#newInventory #navigation ul#nav li#nav_new ul li#nav_inventoryNew a, body#preOwnedInventory #navigation ul#nav li#nav_preOwned ul li#nav_inventoryPreOwned a, body#news #navigation ul#nav li#nav_information ul li#nav_news a, body#faq #navigation ul#nav li#nav_information ul li#nav_faq a, body#hoursOperation #navigation ul#nav li#nav_information ul li#nav_hourOperation a, body#staff #navigation ul#nav li#nav_information ul li#nav_staff a, body#staffDetail #navigation ul#nav li#nav_information ul li#nav_staff a, body#staffDetail #navigation ul#nav li#nav_information ul li#nav_staffDetail a, body#directions #navigation ul#nav li#nav_information ul li#nav_directions a, body#privacy #navigation ul#nav li#nav_information ul li#nav_privacy a, body#financeDeptSpecials #navigation ul#nav li#nav_financing ul li#nav_fSpecial a, body#protectVehicle #navigation ul#nav li#nav_financing ul li#nav_protect a, body#serviceDeptSpecials #navigation ul#nav li#nav_service ul li#nav_sSpecial a, body#partsDeptSpecials #navigation ul#nav li#nav_parts ul li#nav_pSpecial a, body#preOwnedVehicleSpecials #navigation ul#nav li#nav_preOwned ul li#nav_pOSpecial a, body#newVehicleSpecials #navigation ul#nav li#nav_new ul li#nav_nSpecial a, body#rebates #navigation ul#nav li#nav_new ul li#nav_rebates a, body#leasingSpecials #navigation ul#nav li#nav_new ul li#nav_lSpecial a, body#carbuilder #navigation ul#nav li#nav_new ul li#nav_carbuilder a {color: #0364b1;} body#rebates #navigation ul#nav li#nav_new ul li#nav_rebates:hover, body#news #navigation ul#nav li#nav_information ul li#nav_news:hover, body#faq #navigation ul#nav li#nav_information ul li#nav_faq:hover, body#hoursOperation #navigation ul#nav li#nav_information ul li#nav_hourOperation:hover, body#staff #navigation ul#nav li#nav_information ul li#nav_staff:hover, body#staffDetail #navigation ul#nav li#nav_information ul li#nav_staff:hover, body#staffDetail #navigation ul#nav li#nav_information ul li#nav_staffDetail:hover, body#directions #navigation ul#nav li#nav_information ul li#nav_directions:hover, body#privacy #navigation ul#nav li#nav_information ul li#nav_privacy:hover, body#news #navigation ul#nav li#nav_information ul li#nav_news.sfhover, body#faq #navigation ul#nav li#nav_information ul li#nav_faq.sfhover, body#hoursOperation #navigation ul#nav li#nav_information ul li#nav_hourOperation.sfhover, body#staff #navigation ul#nav li#nav_information ul li#nav_staff.sfhover, body#staffDetail #navigation ul#nav li#nav_information ul li#nav_staff.sfhover, body#staffDetail #navigation ul#nav li#nav_information ul li#nav_staffDetail.sfhover, body#directions #navigation ul#nav li#nav_information ul li#nav_directions.sfhover, body#privacy #navigation ul#nav li#nav_information ul li#nav_privacy.sfhover {background-color: transparent;} #navigation ul#nav li#nav_information ul li#nav_news a:hover, #navigation ul#nav li#nav_information ul li#nav_faq a:hover, #navigation ul#nav li#nav_information ul li#nav_hourOperation a:hover, #navigation ul#nav li#nav_information ul li#nav_staff a:hover, #navigation ul#nav li#nav_information ul li#nav_staff a:hover, #navigation ul#nav li#nav_information ul li#nav_staffDetail a:hover, #navigation ul#nav li#nav_information ul li#nav_directions a:hover, #navigation ul#nav li#nav_information ul li#nav_privacy a:hover {color: #CCCCCC;} */ /* -------------------------- search.css -------------------------- */ /* ---------- ~Search ---------- */ body#preOwned .searchContainer, body#new .searchContainer, body#preOwnedInventory .searchContainer, body#newInventory .searchContainer { background-color: #000000; color: #CCCCCC; border-bottom: 1px solid #666666; } body#newInventory .searchContainer a, body#preOwnedInventory .searchContainer a { color: #fff; } body#newInventory .searchContainer a:hover, body#preOwnedInventory .searchContainer a:hover { color: yellow; } body#newInventory .filterText, body#preOwnedInventory .filterText {display: block;} #searchHome {float: left; width: 210px; padding: none; } #searchHome #searchTools { padding: 5px; } #searchHome #invSearch_stock { display: block; } .searchContainer p { clear: both; } body#newInventory .pageDisplay span, body#preOwnedInventory .pageDisplay span {color: #0364b1; font-size: 16px;} body#newInventory .pageDisplay .totalVehicles, body#preOwnedInventory .pageDisplay .totalVehicles {color: #0364b1; font-size: 21px;} /* .searchContainer {color: #FFFFFF; background-color: #000000; } */ #searchHome .searchContainer h1 { display: none;} #searchHome .searchContainer p, body#new .searchContainer p, body#preOwned .searchContainer p {display: none;} #searchHome .orderBoxes, #searchHome .pagination, body#new .orderBoxes, body#new .pagination, body#preOwned .orderBoxes, body#preOwned .pagination {display: none;} #searchHome .submitBlock input, body#new .submitBlock input, body#preOwned .submitBlock input, body#newInventory .submitBlock input, body#preOwnedInventory .submitBlock input { width: 200px; } #searchHome .searchContainer {color: #FFFFFF; } #searchHome .submitBlock, body#new .submitBlock, body#preOwned .submitBlock {text-align: left; } body#preOwnedInventory .submitBlock, body#newInventory .submitBlock { text-align: left; } body#home .noResults, body#new .noResults, body#preOwned .noResults {display: none;} /* ----- 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; }