/* -- Cached as audiporsche.sunmotorcars.com-folder=cssscreen.css on -- 2010-08-18 10:37:20 */ /* -------------------------- blog.css -------------------------- */ /* !----- Nav ----- */ body#blog #nav li#nav_information { background-image: url(http://audiporsche.sunmotorcars.com/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(http://audiporsche.sunmotorcars.com/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(http://audiporsche.sunmotorcars.com/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(http://audiporsche.sunmotorcars.com/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(http://audiporsche.sunmotorcars.com/images/recentlyViewed/recentlyViewedTabs.png); } * html body#blog #recentlyViewedTab { background-image: url(http://audiporsche.sunmotorcars.com/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 Audi Porsche 2.0 CSS Document Author: PMT Advertising (mt) www.pmtadvertising.com info@pmtads.com ------------------------------------------------------------------------------------------------------ */ * {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: #FFFFFF; border: 0px; } body#accessories #constraint {width: 1035px; margin: 0 auto; background-color: #FEFEFE; border: 0px; 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: transparent url(http://audiporsche.sunmotorcars.com/images/constraintLeft.jpg) repeat-y top left;} #constraintImageRight {padding-right: 80px; background: transparent url(http://audiporsche.sunmotorcars.com/images/constraintRight.jpg) repeat-y top right;} #motd {font-size: 16px; padding: 5px 0; display: block; background-color: #4a0000; border-bottom: 1px solid #666666; border-top: 1px solid #666666; margin: 10px 0; color: #CCCCCC;} /* #subArea #motd {margin: 10px 5px; width: 210px;} */ #siteBottom {clear: both; margin: 0 auto; text-align: center; margin: 10px 0px 0px 0px; width: 840px;} #siteBottom .dealerInfo {padding: 5px; padding-top: 10px;} #siteBottom .dealerLogo {display: none;} #footer {clear: both; color: #777777; width: 865px; font-size: SITETEXT; margin: 0 auto; text-align: center; padding-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: 265px;} */ #subArea h2 {padding: 20px 10px;} body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} #mainArea { /* float: left; */ /*width: 560px; */ font-size: SITETEXT; padding: 20px; padding-bottom: 10px;} body#newVehicleDisplay #mainArea, body#preOwnedVehicleDisplay #mainArea {float: left; /* width: 560px; */ font-size: SITETEXT; padding: 20px 10px; padding-bottom: 10px;} #mainArea h1 {padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #212121;} /* * html body#new #mainArea, * html body#preOwned #mainArea {width: 530px;} */ .pageBreak {display: none;} .specialsHomeButtonEClass, .specialsHomeButtonFinance, .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;} .specialsHomeButtonEClass a, .specialsHomeButtonFinance a, .specialsHomeButton a, .specialsHomeButtonNew a, .specialsHomeButtonPreOwned a, .buildButton a, .partsButton a, .featureSearchButton a {display:block; width: 180px; height: 40px;} .buildButton {background: url(http://audiporsche.sunmotorcars.com/images/buttons/buildButton.png) no-repeat top left;} .partsButton {background: url(http://audiporsche.sunmotorcars.com/images/buttons/partsButton.png) no-repeat top left;} .accessoriesButton {background: url(http://audiporsche.sunmotorcars.com/images/buttons/accessoriesButton.png) no-repeat top left;} .featureSearchButton {background: url(http://audiporsche.sunmotorcars.com/images/buttons/featuresButton.png) no-repeat top left;} .specialsHomeButtonNew {background: url(http://audiporsche.sunmotorcars.com/images/buttons/specialsHomeButton-newCar.png) no-repeat top left;} .specialsHomeButtonPreOwned {background: url(http://audiporsche.sunmotorcars.com/images/buttons/specialsHomeButton-preOwned.png) no-repeat top left;} .specialsHomeButton {background: url(http://audiporsche.sunmotorcars.com/images/buttons/specialsHomeButton.png) no-repeat top left;} .specialsHomeButtonEClass {background: url(http://audiporsche.sunmotorcars.com/images/buttons/scheduleServiceOver.jpg) no-repeat top left;} .specialsHomeButtonFinance {background: url(http://audiporsche.sunmotorcars.com/images/buttons/financeHomeButton.png) no-repeat top left;} .specialsHomeButtonEClass:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/scheduleService.jpg) no-repeat top left;} .specialsHomeButtonFinance:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/financeHomeButtonHover.png) no-repeat top left;} .buildButton:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/buildButtonHover.png) no-repeat top left;} .partsButton:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/partsButtonHover.png) no-repeat top left;} .accessoriesButton:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/accessoriesButtonHover.png) no-repeat top left;} .featureSearchButton:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/featuresButtonHover.png) no-repeat top left;} .specialsHomeButton:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/specialsHomeButtonHover.png) no-repeat top left;} .specialsHomeButtonNew:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/specialsHomeButton-newCarHover.png) no-repeat top left;} .specialsHomeButtonPreOwned:hover {background: url(http://audiporsche.sunmotorcars.com/images/buttons/specialsHomeButton-preOwnedHover.png) no-repeat top left;} body#home #searchHome .msPoloButton span { display: none; } body#home #searchHome .msPoloButton { float: left; display: block; width: 200px; height: 47px; margin: 10px 0 0 12px; cursor: pointer; background: url(http://audiporsche.sunmotorcars.com/images/polo.gif) no-repeat top left; } body#home #searchHome .msPoloButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/polo.gif); } body#parts .partsButton, body#parts .accessoriesButton {float: right; margin: 0 10px 15px 0;} .clickMedia {width: 175px; height: 41px; margin-left:35px; background-image: url(http://audiporsche.sunmotorcars.com/images/clickMedia.jpg); background-position: bottom right; background-repeat: no-repeat;} .clickMedia {display: none;} .mercedesSpecialsBtn a {width: 180px; height: 96px; margin-left:15px; margin-top: 5px; cursor: pointer; background: transparent url(http://audiporsche.sunmotorcars.com/images/mercedesSpecials.jpg); background-position: bottom right; background-repeat: no-repeat; display: block; } .mercedesSpecialsBtn a:hover {background-image: url(http://audiporsche.sunmotorcars.com/images/mercedesSpecialsOver.jpg); background-position: bottom right; background-repeat: no-repeat; } #leasingSpecials .merecedesSpecialsBtn, #leasingSpecials p { text-align: center; } #leasingSpecials .merecedesSpecialsBtn a { margin: 0 auto; } #affiliateLinks {text-align: right; width: 865px; 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 {color: #999999; border-bottom: 1px solid #333333; background-color: BKG09COLOR; width: 100%;} body#vehicleDisplayPrint #header, body#specialsDetails #header {background-color: #000000; color: #FFFFFF;} body#specialsDetails .dealerInfo .email, body#vehicleDisplayPrint .dealerInfo .email {display: none;} #header .dealerInfo {padding: 10px;} .corporateLogo {float: left; margin: 5px; width: 140px; height: 70px; background: url(http://audiporsche.sunmotorcars.com/images/corpLogo.gif) no-repeat top left; padding-right: 10px;} .dealerLogo {float: right; height: 101px; width: 150px; background-image: url(http://audiporsche.sunmotorcars.com/images/dealerLogo.gif); background-repeat: no-repeat; background-position: top right;} .dealerLogo a {height: 101px; width: 150px; display: block; cursor: pointer;} #brandLogo {float: left; padding: 3px; width: 147px; margin-right: 15px; padding-bottom: 10px;} #brandLogoSprinter {float: left; padding: 3px; width: 147px; margin-right: 15px; padding-bottom: 10px;} #header .dealerInfo .phone1, #header .dealerInfo .email, #header .dealerInfo .servicePhone {text-align: left; font-size: 16px; color: #999999; float: left; width: 300px; padding: 0; margin: 0;} #header .dealerInfo .street, #header .dealerInfo .cityInfo {display: inline; font-size: 16px; text-align: left; float: left; padding-right: 10px;} #header .dealerName, #header .dealerInfo .bullet, #header .dealerInfo .phone2, #header .dealerInfo .phone3, #header .dealerInfo .fax1, #header .dealerInfo fax2, #siteBottom .dealerInfo .phone2 {display: none;} .dealerInfo .bullet {padding: 0 5px;} #header .dealerInfo .email {padding-bottom: 10px;} #header .dealerTagline {text-align: right; padding:0 10px 10px 10px; clear:both; float: right;} #header .dealerInfo .phone1, #header .dealerInfo .servicePhone {font-size: 14px; padding: 0; margin: 0;}*/ /* ---------- Header ---------- */ #header {color: #999999; 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; width: 610px; padding: 10px;} .corporateLogo {float: right; margin: 5px; width: 140px; height: 70px; background: url(http://audiporsche.sunmotorcars.com/images/corpLogo.gif) no-repeat top left; padding-right: 10px;} .dealerLogo {float: left; height: 70px; width: 120px; background-image: url(http://audiporsche.sunmotorcars.com/images/dealerLogo.gif); background-repeat: no-repeat; background-position: top left;} .dealerLogo a {height: 70px; width: 120px; display: block; cursor: pointer;} #porscheBrandLogo, #audiBrandLogo {float: right; padding: 3px; width: 95px;} #audiBrandLogo {width: 100px;} #brandLogos { float: right; width: 220px; } #porscheBrandLogo {padding-right: 23px;} body#vehicleDisplayPrint #brandLogo {display: none;} #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: 13px; color: #999999; float: left; width: 390px; padding: 0; margin: 0;} #header .dealerInfo .street, #header .dealerInfo .cityInfo {display: inline; text-align: left;float: left; padding-right: 10px;} #header .dealerName, #header .dealerInfo .bullet, #header .dealerInfo .fax1 {display: none;} .dealerInfo .bullet {padding: 0 5px;} #header .dealerInfo .email {padding-bottom: 10px;} #header .dealerTagline {text-align: right; padding:0 10px 10px 10px; clear:both;} #header .dealerInfo .phone1, #header .dealerInfo .servicePhone {font-size: 14px; padding: 0; margin: 0;} #header a { color: #fdf994; } .vwAd { margin-top: 10px; } /* ---------- Content Styling (Footer) ---------- */ #footer {font-size: SITETEXT;} /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: SITETEXT; 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 {background-color: #000000;} #slideshowArea {float: right; width: 642px;} #flashSlideshow, #flashSlideshowFeature {z-index: 100;} /* body#home #mainArea {clear: both; width: 825px;} */ body#home #mainArea { padding: 0; margin: 0; } body#home #motd {clear: both; margin-top: 3px;} body#home .newsContainer {float: right; width: 390px; font-size: SITETEXT; 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;} body#home .contactAtOnce { float: left; width: 340px; margin: 8px 0px 0px 10px; } body#home .contactAtOnce .clickToCallButton a img { margin-top: 5px; } .newsIcon {background-image: url(http://audiporsche.sunmotorcars.com/images/sectionIcons/news.png); background-repeat: no-repeat; background-position: top left;} .searchIcon {background-image: url(http://audiporsche.sunmotorcars.com/images/sectionIcons/search.png); background-repeat: no-repeat; background-position: top left;} .featuredSpecialIcon {background-image: url(http://audiporsche.sunmotorcars.com/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: 48%; padding-left: 10px;} /* body#home div.specialsSnapshotAlt {width: 100%;} */ #homeContent {float: right; width: 48%;} .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(http://audiporsche.sunmotorcars.com/images/buttons/smcButton.gif) no-repeat top left; } /* .accessoriesButton, .accessoriesButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/accessoriesButton.gif) no-repeat top left; } */ .blogButton, .blogButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/blogButton.gif) no-repeat top left; } .testimonialsButton, .testimonials:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/customerTestimonial.gif) no-repeat top left; } .ultimateButton, .ultimateButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/ultimateButton.gif) no-repeat top left; } .classButton, .classButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/classOverview.gif) no-repeat top left; } .futureButton, .futureButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/futureVehicles.gif) no-repeat top left; } .safetyButton, .safetyButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/safetyInfo.gif) no-repeat top left; } .certifiedButton, .certifiedButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/certifiedPreowned.gif) no-repeat top left; } .ultimateServiceButton, .ultimateServiceButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/ultimateServiceButton.gif) no-repeat top left; } .maintenanceButton, .maintenanceButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/maintenanceButton.gif) no-repeat top left; } .protectButton, .protectButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/protectVehicle.gif) no-repeat top left; } .visaButton, .visaButton:hover { background: url(http://audiporsche.sunmotorcars.com/images/buttons/visaButton.gif) no-repeat top left; } .smcButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/smcButtonOver.gif); } .blogButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/blogButtonOver.gif); } /* .accessoriesButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/accessoriesButtonHover.gif); } */ .testimonialsButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/customerTestimonialOver.gif); } .ultimateButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/ultimateButtonOver.gif); } .classButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/classOverviewOver.gif); } .futureButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/futureVehiclesOver.gif); } .safetyButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/safetyInfoOver.gif); } .certifiedButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/certifiedPreownedOver.gif); } .ultimateServiceButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/ultimateServiceButtonOver.gif); } .maintenanceButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/maintenanceButtonOver.gif); } .protectButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/protectVehicleOver.gif); } .visaButton:hover { background-image: url(http://audiporsche.sunmotorcars.com/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 { width: 220px; } /* +Phone Numbers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .phoneNumbers {margin: 10px 0 10px 0; } .deptPhone { float: left; width: 202px; text-align: center; border: 1px solid #ccc; background-color: #000000; color: #FFFFFF;} .deptPhone h2 { padding: .5em 0;font-size: 13px; border-bottom: 1px solid #ccc; } .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, body#featuresEvents #navigation, body#featuresEvents #siteBottom { display: none; } #header .dealerInfo .email {padding-bottom: 10px;} /*body#featuresEvents #header .dealerInfo .phone1, body#featuresEvents #header .dealerInfo .servicePhone {font-size: 14px; padding: 0; margin: 0;}*/ /* ---------- ~VISIT PAGE ---------- */ body#contact #mapContainer, body#visit #mapContainer {margin-top: 10px; height: 250px; font-size: SITETEXT; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border: 1px solid #000000; background-color: #FEFEFE;} body#contact #contentContainer .dealerInfo { padding-left: 10px; } body#contact #contentContainer .dealerInfo .dealerName { font-weight: bold; } body#visit img {float: left; width: 240px; display: inline; margin: 5px;} body#visit #mainArea { width: 860px; } body#visit #mainArea #subArea { float: right; width: 280px; margin-right: 10px; } body#visit #subArea #motd { width: 100%; } body#visit .visitContentArea { float: left; width: 500px; } /* ---------- ~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 { float: left; width: 325px; } 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; } .searchContainer p { display: block; clear: both; padding-left: 5px; } /* ---------- ~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#gala #mainArea, body#sitemap #mainArea {/* clear: both; width: 825px; */} 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#serviceDeptSpecials #mainArea h1, body#serviceDeptSpecials #mainArea p, body#serviceDeptSpecials #mainArea #serviceSpecials {/* 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: 265px; */ font-size: SITETEXT;} #rebateSpecials li, #newSpecials li, #preOwnedSpecials li, body#protectVehicle #mainArea li, #partsSpecials li, #serviceSpecials li, #financeSpecials li, #leaseSpecials li, .customSpecial li, body#certifiedPreowned #mainArea li, body#totalGuarantee #mainArea li {margin-top: 5px; margin-bottom: 10px; /* margin-left: 25px; */ clear: both;} #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; border-bottom: 1px solid #444;} body#certifiedPreowned h3 {} 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:560px; */ 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 {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: 2px; } .specialsSnapshotAlt {background-color: #ccc;} body#home .specialsContainer h4, body#home .specialsContainer h4 a { float: left; display: block; width: 330px; } body#home .specialsContainer span { float: left; } body#home .specialsSnapshot .specialImage, body#home .specialsSnapshotAlt .specialImage { float: left; width: 72px; clear: none; border: none; } .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: 18px;} .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: SITETEXT; clear: both; display: block; margin-top: 3px; margin-bottom: 3px;} /* body#specialsDetails #mainArea, body#testimonials #mainArea {width: 825px;} */ 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: SITETEXT; 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: 265px; */ 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 {font-size: 18px; margin-bottom: 5px; clear: both;} body#home .ratesContainer a {font-size: 16px; display: block; padding: 5px 0;float: left; width: 57%;} body#home .ratesContainer .ratesNote {display:none;} .ratesContainer {padding-right: 20px;} .ratesContainer h2 {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 #rebateSpecials ul li {width: 235px; height: 280px; display: block; margin: 0 0 5px 10px;} body#rebates #rebateSpecials ul{float: left;} 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 { width: 96%; margin-left: 15px; } body#leasingSpecials #mainArea #leaseSpecials, body#specials #mainArea #leaseSpecials {/* width: 100%; */} /* 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#partsDeptSpecials #mainArea { width: 98%; margin-left: 8px; } /* ---------- ~Service ---------- */ .applesOranges {padding-bottom: 10px;} body#serviceStages #contentContainer { width: 99%; text-align: center; } /* ---------- ~Body Shop ---------- */ body#bodyShop .adminTitle { display: none; } body#bodyShop #mainArea p { display: block; clear: both; } /* ---------- ~Parts ---------- */ div#accessoryArea { margin: 20px 0; background: url(http://audiporsche.sunmotorcars.com/images/accessoryBoxBottom.jpg) no-repeat bottom left; } div#accessoryArea h2 { background: url(http://audiporsche.sunmotorcars.com/images/accessoryBoxTop.jpg) no-repeat top left; padding: 15px 0 0 0; text-align: center; } div#accessoryArea h3, div#accessoryArea h1, div#accessoryArea h5{text-align: center;} div#accessoryArea h3, div#accessoryArea p {padding-top: 10px;} div#accessoryArea h1 {padding: 5px 0 10px 0; border-bottom: 1px solid #333; } div#accessoryArea h5 {padding: 5px 0 10px 0; border-bottom: 1px solid #333; } div.accessoryInfo {padding: 25px 25px 25px 10px;} 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; } div.boutiqueCoupon {float: left; width: 145px; background-color: #efefef; border: 2px dashed #333; padding: 3px; margin: 4px; text-align: center;} div.boutiqueCoupon h2 {border: 0; font-weight: bold;} div.boutiqueCoupon h2 span {font-weight: normal;} div.boutiqueCoupon h5.boutique {margin: 3px 0; font-size: 12px;} div.boutiqueCoupon img {border: 1px solid #333;} /* ---------- ~Financing ---------- */ body#financing div.applyFinancing {float: left; /* width: 265px; */ margin: 10px 0;} body#financing .deptManager { /* height: 220px; margin-right: 25px; */ } /* ---------- ~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: SITETEXT;} #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: SITETEXT;}*/ /* ---------- Employees (Staff) ---------- */ body#staff .departmentTitle span {display: block; font-size: 21px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif; padding-bottom: 3px; /* border-bottom: 1px solid #CCCCCC; */} .deptManager, body#staff .staffContainer { /* float: left; width: 130px; text-align: center; margin: 3px; */ height: 135px; } body#staff .staffContainer {/* margin-top: 10px; margin-bottom: 10px; */} .departmentManager .departmentTitle {display: none;} #mainArea .adminTitle h1 {padding: 3px; font-size: SITETEXT; 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-top: 0px; margin-bottom: 0px; border: 1px solid #CCCCCC;} */ .employeeName {font-size: SITETEXT;} /* body#new .employeeTitle, body#preOwned .employeeTitle, body#parts .employeeTitle, body#service .employeeTitle, body#financing .employeeTitle {display: none;} */ body#staff .employeeTitle {font-size: SITETEXT;} /* body#staff #mainArea {clear: both; width: 825px;} */ .hoursContent h1 {font-size: 18px;} body#staffDetail .staffInfo {/* width: 825px; font-size: SITETEXT; 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: 560px; */ 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: 560px; */ margin-top: 10px; margin-bottom: 10px;} #availablePositions a { font-size: 16px; display: block; padding: 20px 3px 3px 3px; border-bottom: 1px solid #CCCCCC; } /* ---------- Maps ---------- */ body#contact #mapContainer, body#visit #mapContainer {margin: 10px; height: 250px; font-size: SITETEXT; 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: SITETEXT; 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: 825px;} */ #information .informationContainer p { float: left; width: 675px; } body#about #contentContainer { padding: 0; margin: 0; } body#about #contentContainer img { margin: 10px 0 0 9px; } /* ---------- ~News ---------- */ /* body#news #subArea {float: left;} */ /* body#newsArchived #mainArea {width: 825px;} */ .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: 265px; */ font-size: 11px; margin-top: 5px; margin-bottom: 5px;} .newsStory {font-size: SITETEXT; margin-top: 5px;} #archivedNews a {display: block; padding: 3px; font-size: SITETEXT; 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: 825px;} */ /* ---------- ~Buttons ---------- */ .financeButton {width: 500px; height: 40px; text-align: center; margin-top: 20px;} /* ---------- ~FAQ ---------- */ /* body#faq #mainArea {clear: both; width: 825px;} */ 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: SITETEXT; 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: SITETEXT; } #hoursChart table tfoot td {padding: 0px; border-bottom: hidden;} body#contact .currentDay, body#hoursOperation .currentDay {width: 20%; font-size: SITETEXT;} body#contact .dayHours, body#hoursOperation .dayHours {width: 10%; font-size: SITETEXT;} body#contact table tr.hoursData:hover, body#hoursOperation table tr.hoursData:hover {cursor: pointer; background-color: #DDDDDD;} body#contact .weekday {} body#contact .comma {} body#contact .date {} .dayHours span {} /* ---------- ~PMT Autos ---------- */ #dealerHD {float: left; width: 55px;} .dealerHDButton {float: left; width: 55px; height: 30px; cursor: pointer; background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/DHDButtonSml.png); background-repeat: no-repeat; background-position: top left;} /* .dealerHDButton:hover {background-image: url(http://audiporsche.sunmotorcars.com/images/buttons/pmtAutosButtonOver.png);} */ .dealerHDButton a {display: block; height: 30px; width: 55px;} /* ---------- ~Text ---------- */ h1, h2, h3, h4, h5 {font-weight: normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} h1 { font-size: 24px;} h2 { font-size: 21px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 14px;} p {font-size: SITETEXT;} /* ---------- ~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: SITETEXT; margin-top: 3px;} .adDate {font-size: 14px; font-weight: bold;} .inserts .advertising a {padding-left: 20px; font-size: 16px;} /* ---------- ~Links ---------- */ a {color: #c80000; 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;} body#newInventory .mpgCity span.disclaimerSS, body#newInventory .mpgHighway span.disclaimerSS, body#preOwnedInventory .mpgCity span.disclaimerSS, body#preOwnedInventory .mpgHighway span.disclaimerSS {font-size: 11px;} body#newVehicleDisplay .mpgCity span.disclaimerSS, body#newVehicleDisplay .mpgHighway span.disclaimerSS, body#preOwnedVehicleDisplay .mpgCity span.disclaimerSS, body#preOwnedVehicleDisplay .mpgHighway span.disclaimerSS, body#vehicleDisplayPrint .mpgCity span.disclaimerSS, body#vehicleDisplayPrint .mpgHighway span.disclaimerSS {font-size: 11px;} .adminDisclaimer {font-size: 11px; display: block;} .noFlash {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: 560px; */ /* color: #FFFFFF; */ } .permalinks { /* font-size: 14px; float: right; */ /* width: 265px; */ /* 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(http://audiporsche.sunmotorcars.com/images/buttons/directIcon.png) no-repeat top left; } */ /* .rssLink a { background: url(http://audiporsche.sunmotorcars.com/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(http://audiporsche.sunmotorcars.com/images/walkLogo.gif) no-repeat top left; } .cureDiabetes span { display: none; } .benefits { float: left; width: 500px; margin-left: 20px; } body#gala #mainArea { width: 99%; } body#gala #mainArea img { margin-left: 9px; } body#serviceClinic #mainArea { width: 99%; } body#serviceClinic #mainArea img { margin-left: 9px; } body#benefits #header, body#benefits #navigation, body#benefits #siteBottom { display: none; } body#certifiedPreowned #contentContainer { padding: 15px; } body#certifiedPreowned .adminDisclaimer { color: #999; } body#totalGuarantee #contentContainer { padding: 15px; } body#totalGuarantee #contentContainer .adminDisclaimer { color: #999; } body#performanceUpgrades #constraint { overflow-x: hidden; } body#performanceUpgrades #mainArea { width: 865px; } body#performanceUpgrades .performanceAd { margin: 12px 0px 0px 50px; } body#performanceUpgrades .performanceImage { float: left; display: inline; width: 400px; margin: 15px 0px 0px 18px; } body#performanceUpgrades .performanceImage .caption { text-align: center; } body#performanceUpgrades #performanceImageBottom { margin-left: 227px; } .socialNetworkLinks .facebook, .socialNetworkLinks .twitter { width: 350px; } /* -------------------------- inventory.css -------------------------- */ .alternateInv h1 a, .normalInv h1 a {color: #980000;} .alternateInv h1 a:hover, .normalInv h1 a:hover {color: #000000;} .specialInv a, .featuredInv a {color: #980000;} .specialInv a:hover, .featuredInv a:hover {color: #000000;} .specialInv .vin a, .featuredInv .vin a {color: #980000;} .specialInv .vin a:hover, .featuredInv .vin a:hover {color: #000000;} .inventoryInfo span a:hover {color: #980000;} body#newInventory .inventoryInfo .price span, body#preOwnedInventory .inventoryInfo .price span {/* color: #777777; */} .invIcons {float: left; width: 125px; margin: 3px; border-right: 1px solid #CCCCCC;} .invIcons a {color: #c80000;} .invIcons a:hover {color: #000000;} .invIcons .reviewsActive, .invIcons .invRebatesActive, .invIcons .invPhotosActive, .invIcons .invVideoActive, .invIcons .colorPickerActive, .invIcons .threeSixtyActive, .invIcons .ThirdPartyActive {color: #666666;} .invIcons .reviewsInactive, .invIcons .invRebatesInactive, .invIcons .invPhotosInactive, .invIcons .invVideoInactive, .invIcons .colorPickerInactive, .invIcons .threeSixtyInactive, .invIcons .ThirdPartyInactive {color: #CCCCCC;} .lineTools a {color: #666666;} .lineTools a:hover {color: #000000;} .lineTools .pmtcalcIconInactive a, .lineTools .pmtcalcIconInactive span, .applyFinancingInactive span {cursor: default; color: #CCCCCC;} body#newVehicleDisplay #mainArea .vehicleOptions h1, body#preOwnedVehicleDisplay #mainArea .vehicleOptions h1 {border-bottom: 1px solid #666666;} .vehicleDetails h1, .bodyDetails h1, .engineDetails h1 {font-size: 18px; border-bottom: 1px solid #666666;} .vehicleInfoRow {padding: 3px; height: 100%; font-size: 13px; border-bottom: 1px dotted #666666;} .vehicleInfoRow:hover {height: 100%; background-color: #ececec;} body#vehicleDisplayPrint .vehicleInfoRow:hover {height: 100%; background-color: #ccc;} .vehicleOptions h1 {font-size: 21px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .vehicleOptions .optionsCategory h2 {font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 18px; margin-top: 10px; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC;} /* -------------------------- nav.css -------------------------- */ #navigation {position: relative; width: 100%; border-bottom: 1px solid #141414; background-color: #141414; background: #141414 url(http://audiporsche.sunmotorcars.com/images/navigation/navBack.jpg) repeat-x top left; z-index: 50;} #nav, #nav ul {float: left; list-style: none; z-index: 250;} #nav a {display: block; color: #ffffff; text-align: center;} #nav li {float: left;; padding: 0; height: 25px; font-size: 13px; line-height: 25px; background: #141414 url(http://audiporsche.sunmotorcars.com/images/navigation/navBack.jpg) no-repeat 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 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: #141414 url(http://audiporsche.sunmotorcars.com/images/navigation/navDropDownBack.jpg) bottom left 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 li.main_marker { background-image: url(http://audiporsche.sunmotorcars.com/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: #c80000; } .sub_marker a span { color: #c80000; } /* 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#performanceUpgrades #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(http://audiporsche.sunmotorcars.com/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#performanceUpgrades #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#performanceUpgrades #navigation ul#nav li#nav_service ul li#nav_performanceUpgrades a, body#bodyShop #navigation ul#nav li#nav_service ul li#nav_bodyShop 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: #c80000;} 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;} */ /* -------------------------- porscheInventory.css -------------------------- */ body#PorscheInventory .alternateInv, body#PorscheInventory .normalInv, body#PorscheInventory .specialInv, body#PorscheInventory .featuredInv, body#PorscheInventory .greenInv { width: 865px; margin-left: 2px; padding-bottom: 3px; color: #000; } body#PorscheInventory .invPicture { float: left; position:relative; height: 75px; margin: 8px; width: 100px; margin-top: 2px; text-align: center; border: 1px solid #CCCCCC; } body#PorscheInventory .inventoryInfo { float: left; width: 400px; font-size: 11px; margin-bottom: 10px; } body#PorscheInventory .inventoryInfo .vin, body#PorscheInventory .inventoryInfo .stock, body#PorscheInventory .inventoryInfo .miles, body#PorscheInventory .inventoryInfo .price, body#PorscheInventory .inventoryInfo .extColor, body#PorscheInventory .inventoryInfo .intColor, body#PorscheInventory .inventoryInfo .doors, body#PorscheInventory .inventoryInfo .modelNum { float: left; width: 190px; margin-left: 5px; margin-bottom: 3px; } body#PorscheInventory .inventoryInfo .vin label, body#PorscheInventory .inventoryInfo .stock label, body#PorscheInventory .inventoryInfo .miles label, body#PorscheInventory .inventoryInfo .price label, body#PorscheInventory .inventoryInfo .extColor label, body#PorscheInventory .inventoryInfo .intColor label, body#PorscheInventory .inventoryInfo .doors label, body#PorscheInventory .inventoryInfo .modelNum label { font-weight: bold; } body#PorscheInventory .inventoryInfo .vin span, body#PorscheInventory .inventoryInfo .stock span, body#PorscheInventory .inventoryInfo .miles span, body#PorscheInventory .inventoryInfo .price span, body#PorscheInventory .inventoryInfo .extColor span, body#PorscheInventory .inventoryInfo .intColor span, body#PorscheInventory .inventoryInfo .doors span, body#PorscheInventory .inventoryInfo .modelNum span { margin-left: 3px; font-size: 11px; } body#PorscheInventory #siteBottom #disclaimer { margin-top: 20px; } /* ----------- Line Listing Calculators ----------- */ body#PorscheInventory .pmtTools .cashBackCalc img, body#PorscheInventory .pmtTools .loanCalc img, body#PorscheInventory .pmtTools .affordabilityCalc img, body#PorscheInventory .pmtTools .loanVsLeaseCalc img { width: 15px; } /* -------------------- Certified -------------------- */ body#PorscheInventory .corpCertified {float: left;} body#PorscheInventory .dealerCertified {float: left;} /* ------------ MPG Attributes ---------------- */ body#PorscheInventory .mpgListing { float: right; width: 160px; margin-right: 15px; } body#PorscheInventory .mpgCity { float: left; width: 65px; text-align: center; } body#PorscheInventory .mpgHighway { float: right; width: 65px; text-align: center; } body#PorscheInventory .mpgCity label, body#PorscheInventory .mpgHighway label { display: block; font-size: 11px; } body#PorscheInventory .mpgCity span, body#PorscheInventory .mpgHighway span { display: inline; font-weight: bold; font-size: 13px; } /* --------- Line Listing Tools ----------------- */ body#PorscheInventory .perPage { float: right; width: 45%; height: 30px; margin-top: 10px; margin-right: 10px; } body#PorscheInventory .perPage span { color: #666666; font-size: 11px; } /* ------ Inventory Dealer Info Attributes ------ */ body#PorscheInventory #inventoryContent .dealerInfo { clear: both; margin: 0px 10px 6px 10px; text-align: center; font-weight: bold; font-size: 11px; display: none; } body#PorscheInventory #inventoryContent .dealerInfo div { display: inline; } body#PorscheInventory #inventoryContent .dealerInfo .dealerLogo { display: none; } body#PorscheInventory #inventoryContent { margin-top: 10px; margin-bottom: 10px; } /* <--------- Global Search Attributes -<< */ body#PorscheInventory .searchContainer h1 { float: left; padding: 5px; width: 560px; } #searchTools { clear: both; padding: 10px; } body#PorscheInventory .searchContainer { width: 100%; } body#PorscheInventory .searchBoxes { padding: 5px; } body#PorscheInventory .searchBoxes .filterText { display: block; } body#PorscheInventory .searchBoxes select { display: block; margin: 5px 0px 0px 0px; } body#PorscheInventory .pageDisplay {float: right; width: 45%; color: #666666; text-align: right; font-size: 13px; padding-top: 15px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; } body#PorscheInventory .pageDisplay span{ color: #666666; font-size: 16px;} body#PorscheInventory .pageDisplay .totalVehicles { color: red; font-size: 21px;} /* --------- Search Instructions Attributes --------- */ body#PorscheInventory .searchContainer { background-color: #000000; border-bottom-width: 1px; border-bottom-style: solid;border-bottom-color: #666666; } body#PorscheInventory .orderBoxes { display: none; } body#PorscheInventory #searchInstructions { float: left; width: 560px; } body#PorscheInventory #searchInstructions span { padding: 5px 10px 0px 10px; } /* --------- Search Texts Attributes ------------ */ body#PorscheInventory .searchTexts { float: right; width: 200px; } body#PorscheInventory .searchTexts .filterText { display: block; } /* --------- Search Type Attributes ----------- */ body#PorscheInventory .searchBoxes .searchType { float: left; width: 120px; } body#PorscheInventory .searchBoxes .searchType select { width: 110px; } /* --------- Search Store Attributes ---------------- */ body#PorscheInventory .searchBoxes .searchStore { float: left; width: 270px; } body#PorscheInventory .searchBoxes .searchStore select { width: 260px; } /* --------- Search Year Attributes ----------- */ body#PorscheInventory .searchBoxes .searchYear { float: left; width: 110px; } body#PorscheInventory .searchBoxes .searchYear select { width: 100px; } /* --------- Search Make Attributes -------------- */ body#PorscheInventory .searchBoxes .searchMake { float: left; width: 160px; } body#PorscheInventory .searchBoxes .searchMake select { width: 150px; } /* --------- Search Model Attributes ----------- */ body#PorscheInventory .searchBoxes .searchModel { float: left; width: 190px; } body#PorscheInventory .searchBoxes .searchModel select { width: 180px; } /* --------- Advanced Search Attributes ----------- */ body#PorscheInventory #advancedSearchLink{ clear: both; display: block; clear: both; cursor: pointer; padding: 5px 5px 5px 5px; } body#PorscheInventory #advancedSearchBoxes { margin: 0 auto; width: 840px; padding: 5px; } body#PorscheInventory #advancedSearchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* --------- Search Body Attributes ------------- */ body#PorscheInventory #advancedSearchBoxes .searchTrim, body#PorscheInventory #advancedSearchBoxes .searchBody, body#PorscheInventory #advancedSearchBoxes .searchMpg, body#PorscheInventory #advancedSearchBoxes .searchTrans, body#PorscheInventory #advancedSearchBoxes .searchExtColor, body#PorscheInventory #advancedSearchBoxes .searchMiles, body#PorscheInventory #advancedSearchBoxes .searchMaxPrice, body#PorscheInventory #advancedSearchBoxes .searchCertified { float: left; width: 210px; } body#PorscheInventory #advancedSearchBoxes .searchTrim select, body#PorscheInventory #advancedSearchBoxes .searchBody select, body#PorscheInventory #advancedSearchBoxes .searchMpg select, body#PorscheInventory #advancedSearchBoxes .searchTrans select, body#PorscheInventory #advancedSearchBoxes .searchExtColor select, body#PorscheInventory #advancedSearchBoxes .searchMiles select, body#PorscheInventory #advancedSearchBoxes .searchMaxPrice select, body#PorscheInventory #advancedSearchBoxes .searchCertified select { width: 200px; } /* --------- Ordering Tools Attributes ---------- */ body#PorscheInventory #orderingTools { /* display: none; */ float: right; } /* --------- Submit Block Attributes ----------- */ body#PorscheInventory .submitBlock { clear: both; text-align: center; padding: 10px 5px 10px 5px; } /* -------------------------- rebateTable.css -------------------------- */ body#rebates #mainArea { width: 825px; } /* +Table - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body#rebates table { width: 825px; margin: 10px 0; text-align: center; border-collapse: collapse; } body#rebates thead th { padding: 5px; border: 1px solid #CCCCCC; vertical-align: top; } body#rebates tfoot { text-align: left; padding-top: 3px; color: #666666; line-height: 14px; } body#rebates td { padding: 3px; border: 1px solid #CCCCCC; } body#rebates tbody tr:hover { background-color: #fbffcc; } body#rebates tr.rebatesRowAlt { background-color: #eeeeee; } body#rebates tr.sorting { background-color: #e2eaef; } body#rebates .sortedBy { background-color: #c6d2da; } body#rebates th.carName, body#rebates td.carName { width: 25%; } body#rebates th.specialNew, body#rebates td.specialNew { width: 13%; } body#rebates th.effectiveStartDate, body#rebates td.rebateStartDates, body#rebates th.effectiveEndDate, body#rebates td.rebateEndDates { width: 15%; } body#rebates td.carName, body#rebates td.specialNew { text-align: left; } body#rebates .rebatesLegend { padding: 5px; border: 1px solid #dddddd; margin: 5px 0; } body#rebates .rebatesLegend h4 { padding: 10px 0 5px 0; color: #006aae; } /* +Rebates Table - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .vr_rebatesLegend { padding: 5px; border: 1px solid #dddddd; margin: 5px 0; } .vr_rebatesLegend p { font-size: 13px; line-height: 16px; } .vehicleAvailableRebates { width: 560px; margin-top: 5px; border-top: 1px dotted #CCCCCC; } table#vehicleRebateTable { width: 560px; } table#vehicleRebateTable th.modelYear, table#vehicleRebateTable td.modelYear { display: none; } table#vehicleRebateTable th.effectiveStartDate, table#vehicleRebateTable td.rebateStartDates { display: none; } table#vehicleRebateTable th.effectiveEndDate, table#vehicleRebateTable td.rebateEndDates { display: none; } /* +Rebates More Better - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .vr_activeRebate table { margin-top: 20px; } .vr_totalCashOnly, .vr_percentageOnly { float: left; width: 150px; text-align: center; margin: 5px; } .vr_bonusCash h2, .vr_totalCash h2, .vr_offer h2 { font-size: 36px; line-height: 36px; font-weight: bold; padding-bottom: 5px; text-transform: uppercase; } .vr_totalCashLabel span, .vr_rebateTime span { font-size: 21px; text-transform: uppercase; font-weight: bold; } .vr_activeRebate { clear: both; width: 560px; } .vr_percentageArea { text-align: center; background-color: #EDEDED; } .vr_percentageArea .vr_offer h2 { font-size: 36px; } .vr_activeRebate .vr_groupAndOrBonusCash { font-size: 13px; font-weight: bold; color: #333333; text-transform: uppercase; background-color: #CCCCCC; } .vr_activeRebate table { width: 560px; } .vr_rebateExtra { font-size: 16px; vertical-align: super; } .vr_activeRebate tbody tr:hover { background-color: transparent; } tr.vr_vehicleName th { font-size: 18px; font-weight: bold; border: 0px; color: #FFFFFF; background-color: #333333; } .vr_rebatesSplitter { position: relative; width: 560px; display: block; text-align: center; border: 1px solid #000000; } .vr_rebatesSplitter span { position: absolute; width: 100px; top: -5px; left: 230px; margin: 0 auto; font-weight: bold; text-align: center; font-size: 18px; display: block; background-color: #FEFEFE; } /* -------------------------- search.css -------------------------- */ #searchHome, body#new .searchContainer, body#preOwned .searchContainer {color: #FFFFFF;} body#preOwned .searchContainer, body#new .searchContainer, body#preOwnedInventory .searchContainer, body#newInventory .searchContainer { background-color: #000000; border-bottom: 1px solid #666666; } body#preOwnedInventory .searchContainer h1, body#newInventory .searchContainer h1, body#preOwnedInventory .searchContainer p, body#newInventory .searchContainer p { color: #FFFFFF; padding: 5px; } body#preOwned #subArea .searchContainer, body#new #subArea .searchContainer, body#preOwned #subArea .searchContainer, body#new #subArea .searchContainer { background-color: #000000; background:url(http://audiporsche.sunmotorcars.com/images/searchSide.jpg) repeat-y left top; } .searchContainer { color: #FFFFFF; } /* ----- 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; } /* -------------------------- wasIs.css -------------------------- */ /* ---------- Was / Is Pricing ---------- */ /* ---------- ~Was Is Pricing ---------- */ body#PorscheInventory .wasIsPricing { width: 100%; /* This fixes peek-a-boo in IE's - ls */ padding: 0px 0px 12px 0px; background: url(http://audiporsche.sunmotorcars.com/images/inventory/wasIs/was_is_back_vert_bottom.gif) no-repeat left bottom; } * html body#PorscheInventory .wasIsPricing { background: url(http://audiporsche.sunmotorcars.com/images/inventory/wasIs/was_is_back_vert_bottom.png) no-repeat left bottom; } body#PorscheInventory .wasIsTop { text-align: center; background: url(http://audiporsche.sunmotorcars.com/images/inventory/wasIs/was_is_back_vert_top.png) no-repeat left top; } * html body#PorscheInventory .wasIsTop { background: url(http://audiporsche.sunmotorcars.com/images/inventory/wasIs/was_is_back_vert_top.gif) no-repeat left top; } body#PorscheInventory .wasIsTop span, body#PorscheInventory .wasIsTop span { display: block; font-size: 14px; padding: 6px; text-align: center; font-weight: bold; } body#PorscheInventory .was, body#PorscheInventory .is { float: left; } body#PorscheInventory .was { text-align: left; width: 142px; vertical-align: bottom; padding: 6px 6px 0px 10px; } body#PorscheInventory .is { width: 225px; padding: 6px 6px 0px 10px; } body#PorscheInventory .wasLabel, body#PorscheInventory .isLabel, body#PorscheInventory .wasPrice { font-size: 14px; font-style: italic; vertical-align: top; } body#PorscheInventory .isPrice { font-size: 21px; font-style: italic; font-weight: bold; vertical-align: top; } body#PorscheInventory .was { border-bottom: 0px /* 1px dotted #CCCCCC */; } body#PorscheInventory .wasLabel, body#PorscheInventory .isLabel { float: left; width: 44%; font-size: 13px; display: block; font-style: italic; text-align: right; } body#PorscheInventory .wasPrice, body#PorscheInventory .isPrice { float: right; width: 55%; font-size: 16px; display: block; text-align: left; font-style: italic; vertical-align: top; } body#PorscheInventory .isPrice { font-size: 28px; }