/* -- Cached as shopsullivanauto.com-_css.phpfolder=cssscreen.css on -- 2010-09-09 10:21:59 */ /* -------------------------- blog.css -------------------------- */ /* !----- Nav ----- */ body#blog #nav li#nav_information { height: 25px; background: url(images/design/navActive.gif) repeat-x; } body#blog #nav li#nav_information a { color: #FFFFFF; } * html body#blog #header { height: auto; } * html body#blog #header .dealerLogo { position: static; } * + html body#blog #header { height: auto; } * + html body#blog #header .dealerLogo { position: static; } * html body#blog #header .dealerLogo { margin-left: 5px; } * html body#blog #nav li { width: 10%; } * html body#blog #nav a span { padding: 0px; } * html body#blog #navigation { margin-bottom: 8px; } * html body#blog #nav li ul li { width: 156px; } /* !----- Misc ----- */ .blogSearchArea .searchForm { margin-top: 0px; } body#blog #tabbedArea { margin-bottom: 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#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 #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; } /* !----- Post Page with photos & mainArea width fix (from a global change) ----- */ body#blog #mainArea { width: 100%; padding: 10px 0 0 0; } body#blog #sidebar ul li h2 { display: block; clear: both; } /* -------------------------- homeLayout.css -------------------------- */ img#warranty { float: left; margin: 0; } #sideNav { float: left; /* margin-top: 20px; */ } /* --------------------------------------------------------------------- Home Area --------------------------------------------------------------------- */ body#home #motd { float: none; } body#home #slideshowArea { float: right; width: 322px; } body#home #flashSlideshow { float: right; z-index: 100; } body#home #homeArea #searchHome { float: left; width: 535px; margin: 0 0 0 1px; background: #000 no-repeat bottom right ; } /* The two selector paths below fix a peek-a-boo issue in IE6. */ body#home #homeArea #searchHome h1 { width: 99%; } body#home #homeArea #searchHome #searchTools { width: 99%; } body#home #searchHome .searchContainer p { margin-left: 5px; } body#home #searchTools { padding: 5px; } body#home #searchTools .searchBoxes { padding: 0; border: none; } body#home #searchHome a#advancedSearchLink { display: block; color: #ffb366; clear: both; padding: 5px 0; } body#home #searchHome a#advancedSearchLink:hover { color: #FFFFFF; } body#home #searchHome .submitBlock { clear: both; } body#home #searchHome .submitBlock span.search input, body#home #searchHome .submitBlock span.searchAll input { float: left; width: 180px; margin-left: 0; margin-bottom: 0; } #searchHome #advancedSearchBoxes { padding: 0; } #searchHome .searchBoxes span { display: block; } body#home #advancedSearchBoxes select, body#home .searchBoxes select { float: left; width: 160px; display: block; margin-right: 5px; } body#home #searchHome span.search input#Search, body#home #searchHome span.searchAll input#All { width: 161px; } /* ------------------------------------------------------------------ Home Specials ------------------------------------------------------------------ */ body#home .specialsHeader, body#home .featuredSpecialIcon { display: none; } body#home #featuresAndSpecials .specialsContainer h4 { padding: 0 3px; } body#home #featuresAndSpecials .specialsContainer h4 a span.make { display: block; } body#home #featuresAndSpecials { float: left; width: 99%; } body#home #featuresAndSpecials .specialsContainer { width: 822px; margin-left: 16px; } body#home .specialsContainer { text-align: center; } body#home .specialsContainer .specialsSnapshot, body#home .specialsContainer .specialsSnapshotAlt { float: left; width: 136px; height: 250px; margin-top: 4px; margin: 0px; border: none; } body#home .specialsContainer .specialsSnapshot { background: url(images/homeSpecialsBkg.gif) no-repeat top left; } body#home .specialsContainer .specialsSnapshotAlt { background: url(images/homeSpecialsBkgAlt.gif) no-repeat top left; } /* Below is an IE6 fix for a 6 special row. */ * html body#home #featuresAndSpecials .specialsContainer .specialsSnapshotAlt { margin: 0 -8px; } body#home .specialsContainer .specialImage { width: 98%; margin-top: 5px; text-align: center; border: none; } body#home .specialsContainer .specialImage img { width: 90px; border: 1px solid #999; } body#home .specialsContainer .specialsSnapshotAlt .specialImage img { border: 1px solid #c2c2c2; } body#home .specialsContainer h4 a { font-size: 14px; text-decoration: none; } body#home .specialsContainer a { color: #FFFFFF; } body#home .specialsContainer a:hover { color: #fffc00; } body#home .specialsContainer .inventoryInfo .stock, body#home .specialsContainer .inventoryInfo .miles, body#home .specialsContainer .inventoryInfo .color, body#home .specialsContainer .inventoryInfo .modelNum { display: none; } body#home .specialsContainer .inventoryInfo { width: 130px; color: #FFFFFF; margin-top: 10px; } body#home .specialsContainer .inventoryInfo .price span { color: #FFFFFF; } body#home .specialsContainer .inventoryInfo .price { color: #FFFFFF; } body#home .specialsContainer .dealerHDNotes { display: block; } body#home .specialsContainer .dealerNotes { width: 120px; margin: 0 auto; font-size: 10px; font-style: italic; } /* -------------------------- jsCalendar.css -------------------------- */ img {border: none;} div#jsCal {background-color: #170061; border: 1px solid #FFFFFF;} div#jsCalCaption {color: #fff;} div#jsCalCaption table {color: #ced3e4;} div.jsCalCurrentMonth {color: #FFFFFF;} div#jsCalDisplay table {background-color: #3e5a8e;} div#jsCalDisplay table td {color: #1b365f;} div#jsCalDisplay table td:hover {background-color: #98a4ca; color: #ced3e4;} div#jsCalDisplay table th {color: #ffffff;} span.jsCalCurDay {color: #1d2330;} /* FIX: Complete Browser Support read this: http://www.quirksmode.org/css/cursor.html#note also had to take the :hover off to make it work. */ td.jsCalWeekday {background-color: #b1b9d0; cursor: pointer;} /* FIX: Complete Browser Support read this: http://www.quirksmode.org/css/cursor.html#note also had to take the :hover off to make it work. */ td.jsCalWeekend {background-color: #ced3e4; cursor: pointer;} /* -------------------------- nav.css -------------------------- */ #navigation {position: relative; width: 100%; border-bottom: 1px solid #999999; background-color: #666666; background-image: url('images/navigation/navBack.jpg'); background-repeat: repeat-x; background-position: top left;z-index: 50;} #nav, #nav ul {float: left; width: 825px; 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 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: #ed1c24;} /* ---------- ~Nav Indicators ---------- */ #nav li.main_marker { font-weight: bold; color: #FFFFFF; background-image: url('images/navigation/navBackActive.jpg'); background-position: bottom left; background-repeat: repeat-x; background-color: transparent; } #nav li.main_marker a { color: white; } .sub_marker { color: #FFFFFF; background-image: none; background-color: #ED1C24; } .sub_marker a span { color: #FFFFFF; } body#blog #nav li#nav_information { font-weight: bold; color: #FFFFFF; background-image: url('images/navigation/navBackActive.jpg'); background-position: bottom left; background-repeat: repeat-x; background-color: transparent; } body#blog #nav li#nav_information li#nav_informationBlog { color: #FFFFFF; background-image: none; background-color: #ED1C24; } body#blog #nav li#nav_information a li a { font-weight: normal; background-image: none; } /* 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#carbuilder #navigation ul#nav li#nav_new a, body#leasingSpecials #navigation ul#nav li#nav_new 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#specials #navigation ul#nav li#nav_specials a, body#rebates #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#bodyShop #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#employment #navigation ul#nav li#nav_employment a, body#employmentDetails #navigation ul#nav li#nav_employment 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#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; font-weight: bold; color: #FFFFFF; } 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#carbuilder #navigation ul#nav li#nav_new ul li a, body#leasingSpecials #navigation ul#nav li#nav_new 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#rebates #navigation ul#nav li#nav_specials 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#bodyShop #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#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#carbuilder #navigation ul#nav li#nav_new ul li#nav_carbuilder a, body#preOwnedInventory #navigation ul#nav li#nav_preOwned ul li#nav_inventoryPreOwned a, body#rebates #navigation ul#nav li#nav_specials ul li#nav_specialsAis 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#serviceDeptSpecials #navigation ul#nav li#nav_service ul li#nav_sSpecial 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#leasingSpecials #navigation ul#nav li#nav_new ul li#nav_lSpecial a {color: #CCCCCC;} body#carbuilder #navigation ul#nav li#nav_new ul li#nav_carbuilder: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#carbuilder #navigation ul#nav li#nav_new ul li#nav_carbuilder.sfhover, 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;} */ /* -------------------------- overlay.css -------------------------- */ #customOfferClose { background:url('MEDIA_ROOT/images/overlayClose.png') no-repeat scroll 0 0 transparent; height:25px; left:-12px; top:-12px; width:25px; } .overlay_Close { cursor:pointer; display:block; position:absolute; } #customOfferOverlay legend { color: #fff; } div#customOfferOverlay { width: 976px; background: #000 url(MEDIA_ROOT/images/customOffer/customOverlayBackground2.jpg) no-repeat top left; } div#customOfferOverlay #overlayOfferArea { width: auto; } /* div#customOfferOverlay .overlay { width: 875px; } */ div#customOfferOverlay #overlay_offer_flashArea { margin-top: 130px; } div#customOfferOverlay .overlayCustomButton { margin-top: 8px; } div#customOfferOverlay .overlayContentHolder { float: left; width: 585px; } div#customOfferOverlay .verticalContactForm { float: right; width: 355px; margin-top: 153px; padding: 12px 0; color: #fff; background-color: #004379 } div#customOfferOverlay .overlay_Form { margin: 0; } div#customOfferOverlay #customOfferForm .required { color: #ffba00; } div#customOfferOverlay #customOfferForm input.required, div#customOfferOverlay #customOfferForm textarea.required { color: #000; } div#customOfferOverlay #customOfferForm, div#customOfferOverlay #customOfferForm .submitBlock { margin-bottom: 0; } div#customOfferOverlay #customOfferForm .submitBlock { color: #000; } div#customOfferOverlay #customOfferForm #phone_number_row label { display: block; } div#customOfferOverlay #customOfferForm #phone_number_row { width: 95%; } div#customOfferOverlay #customOfferForm #email_row label { white-space: nowrap; } div#customOfferOverlay #customOfferForm .contact_info_section, div#customOfferOverlay #customOfferForm .tradein_info_section, div#customOfferOverlay #customOfferForm .comments_info_section { background-color: transparent; padding-bottom: 5px; border: none; } div#customOfferOverlay #customOfferForm legend { background-color: #002b4f; width: 96%; margin-left: 0; padding: 5px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; } div#customOfferOverlay #customOfferForm .formRow { margin: 1px; } div#customOfferOverlay #customOfferForm #contact_form_notes { width: 275px; } /* ----- overlay coupon page ----- */ .print_customOfferHeader { margin: 10px; } #customOffer #constraint { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #999; } #customOffer .dealerLogo { float: left; } #customOffer .customOfferCouponTag { float: right; font-size: 25px; margin-top: 40px; text-transform: uppercase; font-weight: bold; } #customOffer ul { list-style-position: inside; } #customOffer h1 { margin: 20px 0 10px 0; } #customOffer h2 { color: #666666; margin: 10px 0 20px 0; } #customOffer .bankCheck { margin: 10px 10px 20px 10px; padding: 10px; background: transparent url(MEDIA_ROOT/images/customOffer/check_background.gif) repeat top left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; } #customOffer .customOfferMain { float: left; width: 570px; } #customOffer .customOfferSide { float: right; width: 240px; } #customOffer #checkNumber { float: right; margin-top: 8px; font-size: 14px; font-weight: bold; } #customOffer .expiration { float: left; width: 200px; margin-top: 8px; padding: 3px; border-bottom: 1px solid #666666; } #customOffer .checkLabel { color: #666666; padding: 3px; } #customOffer .customerNameLine { margin-top: 55px; border-bottom: 1px solid #666666; clear: both; } #customOffer .dealerSignatureLine { margin-top: 50px; border-top: 1px solid #666666; clear: both; } #customOffer .checkDisclaimer { margin-top: 25px; font-size: 10px; color: #666666; clear: both; } /* -------------------------- user.css -------------------------- */ /* -------------------------------------------------------------------------------------------------- Title: SULLIVAN AUTO GROUP 2.0 CSS Document Author: PMT Advertising www.pmtadvertising.com info@pmtads.com ------------------------------------------------------------------------------------------------------ */ * {margin: 0px; padding: 0px;} html{ height: 100%; } body {height: auto; margin: 0px; font-size: 11px; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color: #CCCCCC; background: url('images/patsml.gif') repeat top left;} div.clearer {height: 0px; line-height: 0px; clear:both;} #constraint {width: 865px; margin: 10px auto 0px auto; padding-top: 0px; background-color: #FEFEFE; border: 0px; background: #ffffff url('images/constraintBkg.jpg') no-repeat bottom left; } .constraintImageLeft {} .constraintImageRight {} #motd { background: url('images/motd.jpg') no-repeat top left; padding: 10px 0px 5px 0px; font-weight: bold; font-size: 16px; border-bottom: 1px solid #e71d2b; } #motd span {font-size: 16px; display: block; text-align: left; background-color: transparent; } #subArea {float: left; width: 265px;} body#newVehicleDisplay #subArea, body#preOwnedVehicleDisplay #subArea, body#vehicleDisplayPrint #subArea {float: right;} #mainArea {float: left; width: 560px; font-size: 12px; padding: 10px; padding-bottom: 10px;} body#newVehicleDisplay #mainArea, body#preOwnedVehicleDisplay #mainArea {float: left; width: 560px; font-size: 12px; padding: 5px 10px; padding-bottom: 10px;} #mainArea h1 {color: #000000; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px solid #CCCCCC;} .pageBreak {display: none;} *html body#new #mainArea, *html body#preOwned #mainArea { width: 530px; } *html body#financing #mainArea { width: 510px; } /* ---------- Header ---------- */ #header {color: #FFFFFF; border-bottom: 1px solid #000000; background-color: #000000; width: 865px; background: url('images/headerBkg.jpg') no-repeat top left;} body#vehicleDisplayPrint #header, body#specialsDetails #header {background-color: #000000;} #header .dealerInfo {float: left; padding: 5px 0px; padding-top: 15px; text-align: right; width: 420px;} .dealerInfo .email span a {} #brandLogo1, #brandLogo2, #brandLogo3, #brandLogo4, #brandLogo5, #brandLogo6, #brandLogo7, #brandLogo8 {float: right; width: 55px; height: 55px; margin-top: 3px; /* margin: 3px; */} body#vehicleDisplayPrint #brandLogo1, body#vehicleDisplayPrint #brandLogo2, body#vehicleDisplayPrint #brandLogo3, body#vehicleDisplayPrint #brandLogo4, body#vehicleDisplayPrint #brandLogo5, body#vehicleDisplayPrint #brandLogo6, body#vehicleDisplayPrint #brandLogo7, body#vehicleDisplayPrint #brandLogo8 {display: none;} .dealerLogo {float: left; height: 100px; width: 226px; background: url('images/dealerLogo.gif') no-repeat top left;} #header .dealerInfo .street, #header .dealerInfo .cityInfo, #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: 170px; padding-left: 10px; margin: 0;} #header .dealerName, #header .dealerInfo .bullet, #header .dealerInfo .fax1, #header .dealerInfo .fax2, #header .dealerInfo .phone1 label {display: none;} .dealerInfo .bullet {padding: 0 3px;} #header .dealerInfo .phone1, #header .dealerInfo .phone2, #header .dealerInfo .servicePhone {font-size: 16px; margin: 0;} #header .dealerTagline {float: right; width: 400px; text-align: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px;} * html #header .dealerTagline {padding-top: 0px;} body#compareVehicles #header {border-bottom: 1px solid #000000; background-color: #121413; background: url(images/headerBlk.jpg) no-repeat top right; width: 100%;} body#compareVehicles #header .dealerInfo {background: url(images/headerCompare.jpg) no-repeat top left;} /* ---------- Content Styling (Text Nav) ---------- */ .textNav {font-size: 12px; border-top: 1px solid #CCCCCC;} .textNav a {padding: 5px;} #siteBottom .dealerInfo .dealerName, #siteBottom .dealerInfo .street, #siteBottom .dealerInfo .cityInfo, #siteBottom .dealerInfo .phone1, #siteBottom .dealerInfo .phone2, #siteBottom .dealerInfo .phone3, #siteBottom .dealerInfo .fax1, #siteBottom .dealerInfo fax2, #siteBottom .dealerInfo .email {display: inline; font-size: 14px;} #footer { padding: 5px 0px; } .dealerHDfooter, #pageGen { color: #FFFFFF; } .dealerHDfooter a, #advancedSearchLink { color: #ff6600; } .dealerHDfooter a:hover, #advancedSearchLink:hover { color: #ff3600; } /* ---------- ~Home ---------- */ body#home #mainArea {clear: both; width: 845px; } body#home #motd { width: 100%; } .GMTotalConfidence { /* float: left; */ clear: both; width: 265px; height: 350px; margin: 10px; } .storePicture { width: 400px; height: 300px; margin: 10px 0px; border: 1px solid #000000; } body#home .specialArea img, body#new .specialArea img, body#preOwned .specialArea img {display: none;} body#home .newsEvents { float: left; width: 47%;} body#new .specialsContainer .specialsSnapshotAlt .inventoryInfo .stock, body#new .specialsContainer .specialsSnapshot .inventoryInfo .stock, body#new .specialsContainer .specialsSnapshotAlt .inventoryInfo .color, body#new .specialsContainer .specialsSnapshot .inventoryInfo .color, body#new .specialsContainer .specialsSnapshotAlt .inventoryInfo .miles, body#new .specialsContainer .specialsSnapshot .inventoryInfo .miles, body#preOwned .specialsContainer .specialsSnapshotAlt .inventoryInfo .stock, body#preOwned .specialsContainer .specialsSnapshot .inventoryInfo .stock, body#preOwned .specialsContainer .specialsSnapshotAlt .inventoryInfo .color, body#preOwned .specialsContainer .specialsSnapshot .inventoryInfo .color, body#preOwned .specialsContainer .specialsSnapshotAlt .inventoryInfo .miles, body#preOwned .specialsContainer .specialsSnapshot .inventoryInfo .miles { display: none; } body#new .specialsContainer .specialsSnapshotAlt, body#new .specialsContainer .specialsSnapshotAlt, body#preOwned .specialsContainer .specialsSnapshotAlt, body#preOwned .specialsContainer .specialsSnapshotAlt { background: url(images/snapBackAlt.jpg) repeat-x top left; padding: 7px 0px 1px 0px; border-top: 1px solid #666; } body#new .specialsContainer .specialsSnapshot, body#new .specialsContainer .specialsSnapshot, body#preOwned .specialsContainer .specialsSnapshot, body#preOwned .specialsContainer .specialsSnapshot { background: url(images/snapBack.jpg) repeat-x top left; padding: 7px 0px 2px 0px; border-top: 1px solid #666; } body#new .specialsContainer .specialImage, body#preOwned .specialsContainer .specialImage { margin-left: 5px; } .specialsContainer .specialImage { border: 0px;} .specialsContainer .specialImage img { border: 1px solid #ccc; } body#home .newsHeadline h1 { margin: 5px 0px; font-size: 18px; } body#home .applyFinancing { width: 265px; float: left; height: 36px; cursor: pointer; margin: 2px 15px 0 0; background-image: url('images/buttons/financingButton.png'); background-repeat: no-repeat; background-position: top left; } body#home .applyFinancingInactive { cursor: default; background-image: url('images/buttons/financingButtonDisabled.png'); } body#home .applyFinancing { display: inline; width: 260px; float: left; height: 36px; cursor: pointer; padding-right: 15px; background-image: url('images/buttons/financingButtonHome.png'); background-repeat: no-repeat; background-position: top left; } body#home .applyFinancing a { width: 260px; } /*body#home .applyFinancingHome:hover { background-image: url('images/buttons/financingButtonOverHome.png'); }*/ body#home .applyFinancingInactive { cursor: default; background-image: url('images/buttons/financingButtonDisabled.png'); } body#home .dealerNotes { color: #fff; } body#home img.clunckerProgram { float: left; } .200SullivanDollars { display: inline; width: 260px; float: left; height: 31px; cursor: pointer; padding-right: 15px; background-image: url('images/buttons/save2hundoOver.jpg'); background-repeat: no-repeat; background-position: top left; } body#popup #constraint {background-image: none; width: 610px; padding-left: 10px; } body#popupComplete #constraint {background-image: none; width: 610px; padding-left: 10px; } body#popupComplete #printInstructions {font-size: 20px; font-weight: bold; color: red; text-align: center; } body#popup #close {font-size: 20px; font-weight: bold; color: navy; text-align: center; } body#popup .mailingListSignup { display:none; } /* ---------- ~New ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#new .specialsContainer {width: 95%;} body#new div.specialsSnapshotAlt {width: 99%;} body#new .searchContainer, body#preOwned .searchContainer { background-color: #eee; border-bottom: 1px solid #e71d2b; } /* ---------- ~PreOwned ---------- */ /* This fixes a peek-a-boo issue in IE that happens with the specialsSnapshotAlt div. Both styles are necessary to make this work. */ body#preOwned .specialsContainer {width: 95%;} body#preOwned div.specialsSnapshotAlt {width: 99%;} /* ---------- ~Specials ---------- */ body#home #mainArea, body#news #mainArea, body#faq #mainArea, body#staff #mainArea, body#staffDetails #mainArea, body#directions #mainArea, body#information #mainArea, body#hoursOperation #mainArea, body#customSpecials #mainArea, body#specialsDetails #mainArea, body#rebates #mainArea, body#testimonials #mainArea {padding: 0px;} body#specials #mainArea, body#newVehicleSpecials #mainArea, body#preOwnedVehicleSpecials #mainArea, body#partsDeptSpecials #mainArea, body#serviceDeptSpecials #mainArea, body#financeDeptSpecials #mainArea, body#leasingSpecials #mainArea, body#customSpecials #mainArea, body#specialsDetails #mainArea, body#rebates #mainArea, body#testimonials #mainArea {width: 100%; padding: 0px;} body#parts #mainArea { width:560px; float: right; padding:10px 30px 10px 10px; } body#specials p, body#faq p, body#information p, body#newVehicleSpecials p, body#preOwnedVehicleSpecials p, body#partsDeptSpecials p, body#serviceDeptSpecials p, body#financeDeptSpecials p, body#leasingSpecials p, body#customSpecials p, body#specialsDetails p {margin-top: 5px; margin-bottom: 15px; padding-left: 10px;} body#specials h1, body#information h1, body#news h1, body#faq h1, body#directions h1, body#hoursOperation h1, body#newVehicleSpecials h1, body#preOwnedVehicleSpecials h1, body#partsDeptSpecials h1, body#serviceDeptSpecials h1, body#financeDeptSpecials h1, body#leasingSpecials h1, body#customSpecials h1, body#specialsDetails h1 {margin-top: 5px; padding-left: 10px;} /* ---------- ~General Content Styling ---------- */ /* ~Carbuilder styles */ .hoursHolder:hover, #vehicleOverview ul li:hover, #pricingInfo div:hover, #vehicleColors .formRow:hover, body#carbuilder tbody tr.vehicleData:hover, body#carbuilder tbody tr.vehicleDataSelectOne:hover {/*cursor: pointer;*/ background-color: #DDDDDD;} /* ---------- ~Information ---------- */ body#information #mainArea {clear: both; width: 825px;} /* ---------- ~Staff ---------- */ body#staff #mainArea {width: 97%;} /* ---------- ~Privacy ---------- */ body#privacy #mainArea {clear: both; width: 825px;} /* ---------- ~Contact ---------- */ body#contact #subArea .dealerInfo .dealerName, body#contact #subArea .dealerInfo .street, body#contact #subArea .dealerInfo .cityInfo, body#contact #subArea .dealerInfo .phone1, body#contact #subArea .dealerInfo .phone2, body#contact #subArea .dealerInfo .phone3, body#contact #subArea .dealerInfo .fax1, body#contact #subArea .dealerInfo .fax2, body#contact #subArea .dealerInfo .email, body#contact #subArea .dealerInfo .servicePhone { padding-left: 10px; } body#contact #subArea .dealerInfo .dealerName { font-weight: bold; padding-top: 5px; } /* ---------- ~Buttons ---------- */ .financeButton { margin-top: 20px; } /* ---------- ~Text ---------- */ h1, h2, h3, h4, h5 {font-weight: normal; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", sans-serif;} h1 { font-size: 24px;} h2 { font-size: 21px;} h3 { font-size: 18px;} h4 { font-size: 16px;} h5 { font-size: 14px;} p {font-size: 12px;} /* ---------- ~Dealer Info ---------- */ .dealerInfo .dealerName, .dealerInfo .street, .dealerInfo .cityInfo, .dealerInfo .phone1, .dealerInfo .phone2, .dealerInfo .phone3, .dealerInfo .fax1, .dealerInfo fax2, .dealerInfo .email {font-size: 11px;} /* ---------- ~Advertising ---------- */ .noAd {margin: 20px; font-size: 16px; text-align: center;} .advertising h1, .adDate, .adDescription {padding-left: 20px; padding-right: 20px;} .adDate, .adDescription {font-size: 12px; margin-top: 3px;} .adDate {font-size: 14px; font-weight: bold;} /* ---------- ~Links ---------- */ a {color: blue; text-decoration: none;} a:hover {color: #000000;} a img {border: 0px;} /* ---------- ~Global Overrides ---------- */ .socialNetworkLinks .facebook, .socialNetworkLinks .twitter { float: left; width: 350px; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; text-align: left; } .socialNetworkLinks .facebook a, .socialNetworkLinks .twitter a { float: left; width: 300px; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; } .rv_messageArea h4 { font-size: 12px; } #searchByPayment h3 { font-size: 15px; padding: 5px; } body#home .searchContainer h1 { font-size: 12px; } body#newInventory .searchContainer h1, body#preOwnedInventory .searchContainer h1, body#new .searchContainer h1, body#preOwned .searchContainer h1, body#commercialInventory .searchContainer h1, body#commercial .searchContainer h1 { font-size: 16px; } body#home #copyContentArea p { margin-bottom: 10px; line-height: 16px; } body#home #copyContentArea h1 { font-size: 16px; } body#newInventory span.globalNote, body#newVehicleDisplay span.globalNote { display: none; }