/* -- Cached as bosakauto.com-folder=cssscreen.css on -- 2010-08-02 09:50:48 */ /* -------------------------- bosakPortal.css -------------------------- */ /* <--------- ~Home ---------- */ body#home #constraint { background: #000000 url('http://bosakauto.com/images/homeBkgd.jpg') no-repeat top left; } body#home #mainArea { text-align: center; margin: 0 auto;} body#home #header, #mapSnapshot { display: none; } .largeLogo { margin: 60px 0px 30px 0px; } .storeArea { width: 33%; float: left; color: #fff;} #storeArea { margin: 25px 0px; height: 170px;} .storeDetails h5 a { color: #fbd00e; } .storeDetails h5 a:hover { color: #e47312; } body#home .buttonArea { width: 960px; margin-top: 3px; } .newSpecials, .usedSpecials, .bargainInventory, .freshInventory { float: left; width: 233px; height: 68px; display: block; } .newSpecials { background: url('http://bosakauto.com/images/home/new.gif') no-repeat top left; margin-left: 12px; } .usedSpecials { background: url('http://bosakauto.com/images/home/used.gif') no-repeat top left; } .bargainInventory { background: url('http://bosakauto.com/images/home/bargain.gif') no-repeat top left; } .freshInventory { background: url('http://bosakauto.com/images/home/fresh.gif') no-repeat top left; } .newSpecials span, .usedSpecials span, .bargainInventory span, .freshInventory span, body#home #tabbedArea, #siteLinks h5 { display: none; } /* <--------- ~Navigation ---------- */ #navigationHeader { width: 100%; margin: 0 auto; text-align: center; background: transparent url('http://bosakauto.com/images/navigation/navBack.jpg') repeat-x top left; } #navigation { width: 960px; margin: 0 auto; text-align: center; height: 54px; border-bottom: 0px; background: transparent url('http://bosakauto.com/images/navigation/navBack.jpg') repeat-x top left; } #nav { margin-top: 12px; margin-left: 0px; } #nav li#nav_home { width: 60px; } #nav li#nav_specials { width: 100px; } #nav li#nav_information { width: 70px; } #nav li#nav_testimonial { width: 100px; } #nav li#nav_newInventory { width: 160px; } #nav li#nav_preOwnedInventory { width: 190px; } #nav li#nav_mailingList { width: 140px; } #nav li#nav_contact a { background-image: none; } #nav li { /* height: 50px; */ margin-right: 3px; padding: 0 0 0 3px; /* border-right: 1px solid #1a222a; */ } #nav li#nav_contact { border-right: none; margin-right: 0; } #nav li, #nav a { line-height: 30px; color: #000000; } /* #nav a { margin-left: -3px; } */ #nav li li { border: none; } #nav li ul a { width: 175px; line-height: 20px; padding-right: 0px; background-image: none; } #nav li ul { width: 200px; top: 40px; margin-left: -9px; } #nav li ul li { width: 183px; margin-left: 8px; } * html #nav li ul li { margin-left: 4px; } #navigation, #nav li ul { background-color: transparent; } #nav li ul { background-color: #0a0e0e; padding-bottom: 15px; border: none; background: transparent url('http://bosakauto.com/images/navigation/dropDownBackground.gif') no-repeat bottom left; } #nav li a { padding-right: 3px; background: transparent url('http://bosakauto.com/images/navigation/navSections.gif') no-repeat top right; } #nav li li:hover, #nav li li.sfhover { background-color: #0f1616; } .sub_marker, body#compareVehicles .sub_marker { color: #8ce8f2; } .main_marker, body#compareVehicles .main_marker { } .main_marker a span.main_marker, body#compareVehicles .main_marker a span.main_marker { color: #cc0000; background-image: none; } .main_marker, .sub_marker, body#compareVehicles .main_marker, body#compareVehicles .sub_marker { background-color: transparent; } .sub_marker, body#compareVehicles .sub_marker { background-color: #0f1616; } /* <--------- ~Testimonials ---------- */ #header { background-color: #000; } .testimonialArea, .testimonialAreaAlt { width: 880px; padding: 20px; margin: 10px 15px; background-color: #efefef; border-top: 1px solid #ddd; border-bottom: 1px solid #666666; } .testimonialAreaAlt { background-color: #ccc; } .testimonialImage { float: left; width: 100px; height: 100px; margin-right: 15px; border: 1px solid #666666; } .testimonialName { margin: 10px 0px; } body#bosakTestimonials h1 { padding: 20px 0px 10px 10px; width: 940px; color: #cc0000; } /* <--------- ~Mailing List Form ---------- */ body#mailingList #mainArea { width: 90%; padding: 3%;} body#mailingList h1 { padding: 10px 0px; } body#mailingList h3 { padding: 5px 0px; } body#mailingList p { padding: 5px 0px; } * html #mc_embed_signup fieldset {position: relative;} * html #mc_embed_signup legend {position: absolute; top: -1em; left: .2em;} * + html .mc-field-group {overflow:visible;} body#mailingList fieldset { border: 0px; padding-top: 1.5em; margin: .5em 0; background-color: #FFFFFF; color: #333333; } body#mailingList legend { text-transform: capitalize; font-weight: bold; color: #666666; background: #ffffff; padding: .5em 1em; border: 0px solid #000000; font-size: 1.2em; } body#mailingList .indicate-required { text-align: right; font-style: italic; overflow: hidden; color: #333333; margin: 0 9% 0 0; } body#mailingList .mc-field-group { margin: 1.3em 5%;clear: both;overflow: hidden; } body#mailingList label { display: block;margin: .3em 0;line-height: 1em;font-weight: bold; } body#mailingList input { margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999; } body#mailingList .input-group-label { display: block;margin: .3em 0;line-height: 1em;font-weight: bold; } body#mailingList .input-group { padding: .7em .7em .7em 0;font-size: .9em;margin: 0 0 1em 0; } body#mailingList ul { margin: 0;padding: 0; } body#mailingList li { list-style: none;overflow: hidden;padding: .2em 0;clear: left;display: block;margin: 0; } body#mailingList li input { margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999; } body#mailingList li label { display: block;margin: .4em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left; } body#mailingList #mce-responses { float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both; } body#mailingList #mce-error-response { display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000; } body#mailingList #mce-success-response { display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;color: #529214; } body#mailingList #mc-embedded-subscribe { clear: both;width: auto;display: block;margin: 1em 0 1em 5%; } /* -------------------------- design.css -------------------------- */ body { background-color: #000000; } #constraint { border: 0px; background-color: #ffffff; } body#home #constraint { border: 0px; background-color: transparent;} #siteBottom { border: 0px; text-align: center; } #siteLinks { float: none; width: 650px; margin: 0 auto; } .textNav a { width: auto; font-size: 10px; text-align: center; padding: 0px 5px 10px 5px; color: #1c8cff; } .textNav a:hover { color: #000000; } body#home .textNav a:hover { color: #ffffff; } .dealerHDfooter { color: #666666; } .dealerHDfooter a { color: #1c8cff; } .dealerHDfooter a:hover { color: #ffffff; } a img { border: 0px; } /* ----- Header Dealer Info ----- */ #header { background-color: #000000; } #header .dealerInfo .dealerLogo { float: left; width: 950px; height: 90px; margin-right: -10px; border: 0px; background: #000000 url('http://bosakauto.com/images/headerLogo.gif') no-repeat top left; } * html #header .dealerInfo .dealerLogo { margin-right: 0px; } #header .dealerInfo { padding: 0px; margin: 0px; } #header .dealerInfo .dealerName { /* float: left; width: 630px; font-size: 23px; font-weight: bold; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; */ margin: 0px; padding: 0px; display: none; } #header .dealerInfo .street, #header .dealerInfo .cityInfo { /* float: left; width: auto; */ margin: 0px; padding: 0px; display: none; } #header .dealerInfo .cityInfo { /* width: 470px; */} #header .dealerInfo .phone1, #header .dealerInfo .phone2, #header .dealerInfo .phone3, #header .dealerInfo .fax1, #header .dealerInfo .fax2 { /* float: left; padding-left: 5px; margin: 10px 10px 0px 0px; border-left: 1px solid #999999; */ margin: 0px; padding: 0px; display: none; } /* ----- Tabs ----- */ #tabs, #media_buttonArea { background-image: url('http://bosakauto.com/images/navigation/background.gif'); } #tabs ul li.tabNormal, #tabs ul li.tabActive, #tabs ul li.tabPrint, .mediaButton.tabNormal, .mediaButton.tabActive { border-bottom: 1px solid #D2D2D2; background-image: url('http://bosakauto.com/images/navigation/leftTab.gif'); } #tabs ul li.tabNormal a, #tabs ul li.tabActive a, #tabs ul li.tabPrint a, .mediaButton.tabNormal a, .mediaButton.tabActive a { border-bottom: 1px solid #D2D2D2; background-image: url('http://bosakauto.com/images/navigation/rightTab.gif'); } #tabs ul li.tabInactive { border-bottom: 1px solid #00356a; background: url('http://bosakauto.com/images/navigation/tabInactiveLeft.gif') no-repeat top left; } #tabs ul li.tabInactive a { border-bottom: 1px solid #00356a; background: url('http://bosakauto.com/images/navigation/tabInactiveRight.gif') no-repeat top right; } #tabs ul li.tabInactive a:hover { color: #CCCCCC; } #tabs a:hover { color:#333; } #tabs ul li.tabActive, .mediaButton.tabActive { border-bottom: 1px solid #FFFFFF; } #tabs ul li.tabActive a, .mediaButton.tabActive a { border-bottom: 1px solid #FFFFFF; } #recentlyViewedTab { background-image: url('http://bosakauto.com/images/recentlyViewed/recentlyViewedTabs.png'); } * html #recentlyViewedTab { background-image: url('http://bosakauto.com/images/recentlyViewed/recentlyViewedTabs.gif'); } /* ----- Custom Areas ----- */ .customAreaTop, .customAreaBottom, .customContentTabBottom, .customCouponTabBottom, .customFormTabBottom , .customContentTabTop, .customCouponTabTop, .customFormTabTop, .customSpecialsTabTop, .customSpecialsTabBottom, .customPopularityTabTop, .customOverviewTabTop, .customOverviewTabBottom, .customOptionsTabTop, .customOptionsTabBottom, .customRebatesTabTop, .customRebatesTabBottom, .customReviewsTabTop, .customReviewsTabBottom, .customSimilarVehiclesTabTop, .customSimilarVehiclesTabBottom, .customBenefitsTabTop, .customBenefitsTabBottom, .customAvailablePositionsTabTop, .customAvailablePositionsTabBottom, .customNewsTabTop, .customNewsTabBottom, .customPaginationBottom, .customSearchBottom, .customAreaMessage, .customAreaMessageTop, .customAreaMessageBottom, .metadataTop, .metadataBottom, .customUnderPartsForm { margin: 3px; color: #CCCCCC; text-align: center; padding: 10px; font-size: 19px; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; font-style: italic; border: 1px dashed #CCCCCC; display: none; } .customFinancingTop { float: right; width: 753px; height: 200px; font-size: 19px; color: #CCCCCC; text-align: center; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; font-style: italic; border: 1px dashed #CCCCCC; } .customPopularityTabBottom { float: right; width: 630px; margin: 10px; height: 240px; font-size: 19px; color: #CCCCCC; text-align: center; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; font-style: italic; border: 1px dashed #CCCCCC; } body#home .customPopularityTabBottom { float: none; width: auto; height: auto; margin: 3px; color: #CCCCCC; text-align: center; padding: 10px; font-size: 19px; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight: bold; font-style: italic; border: 1px dashed #CCCCCC; } .blogSearchArea .customAreaMessage { float: left; width: 580px; } .blogSearchArea .customAreaBottom { clear: both; } .customUnderPartsForm { float: right; width: 245px; } /* ----- Blog ----- */ body#blog #nav li#nav_information, body#blog #nav li#nav_information ul li#nav_blog { background-color: red; } /* ----- Compare ----- */ body#compareVehicles .returnButton { float: right; width: 130px; height: 30px; cursor: pointer; background-image: url('http://bosakauto.com/images/buttons/returnButton.png'); background-repeat: no-repeat; background-position: top left;} body#compareVehicles .returnButton:hover { background-image: url('http://bosakauto.com/images/buttons/returnButtonOver.png'); background-repeat: no-repeat; background-position: top left;} /* <--------- Override Home Search -<< */ body#home .searchContainer, #inventorySearch { background-color: transparent; } body#home .searchContainer h1 { float: left; display: block; width: 400px; font-size: 14px; color: #ffffff; line-height: 1.5em; } .searchContainer h1 { font-size: 16px; } body#home { clear: both; } /* <--------- Override Line Listing Pagination -<< */ body#commercialInventory .pagination, body#commercial .pagination { display: block; } /* <--------- Override Search Instructions Attributes -<< */ body#home #searchInstructions { float: left; width: 900px; } body#home #searchInstructions span { padding: 5px 10px 0px 10px; } /* <--------- Override Search Texts Attributes -<< */ body#home .searchTexts { float: right; margin: 0 23px 5px 0; margin-top: 0; padding-top: 5px; padding-bottom: 0; } * html body#home .searchTexts { margin: 0 9px 5px 0; padding-top: 0px; } body#home .searchBoxes, body#home #advancedSearchBoxes { padding-top: 0px; } body#home .searchTexts .filterText { display: block; color: #ffffff; } /* <--------- Override Search Type Attributes -<< */ body#home .searchBoxes .searchType { float: left; width: 150px; } body#home .searchBoxes .searchType select { width: 140px; } /* <--------- Override Search Store Attributes -<< */ body#home .searchBoxes .searchStore, body#newInventory .searchBoxes .searchStore, body#preOwnedInventory .searchBoxes .searchStore, body#commercialInventory .searchBoxes .searchStore { float: left; width: 260px; } body#home .searchBoxes .searchStore select, body#newInventory .searchBoxes .searchStore select, body#preOwnedInventory .searchBoxes .searchStore select, body#commercialInventory .searchBoxes .searchStore select { width: 250px; } /* <--------- Override Search Year Attributes -<< */ body#home .searchBoxes .searchYear { float: left; width: 110px; } body#home .searchBoxes .searchYear select { width: 100px; } /* <--------- Override Search Make Attributes -<< */ body#home .searchBoxes .searchMake { float: left; width: 160px; } body#home .searchBoxes .searchMake select { width: 150px; } /* <--------- Override Search Model Attributes -<< */ body#home .searchBoxes .searchModel { float: left; width: 190px; } body#home .searchBoxes .searchModel select { width: 180px; } body#home #advancedSearchBoxes span, body#home .searchBoxes span { /* display: block; */ } body#home #searchTools { padding-top: 0; width: 900px; } /* <--------- Override Advanced Search Attributes -<< */ body#home #advancedSearchLink { clear: both; display: block; clear: both; cursor: pointer; padding: 5px 5px 5px 5px; color: #1c8cff; } body#home #advancedSearchLink:hover { color: #fff; } body#home #advancedSearchBoxes { margin: 0 auto; width: 900px; } body#home #advancedSearchBoxes select { display: block; margin: 5px 0px 0px 0px; } /* <--------- Override Search Trim Attributes -<< */ body#home #advancedSearchBoxes .searchTrim { float: left; width: 210px;} body#home #advancedSearchBoxes .searchTrim select { width: 200px;} /* <--------- Override Search Body Attributes -<< */ body#home #advancedSearchBoxes .searchBody { float: left; width: 210px; } body#home #advancedSearchBoxes .searchBody select { width: 200px; } /* <--------- Override Search MPG Attributes -<< */ body#home #advancedSearchBoxes .searchMpg { float: left; width: 210px; } body#home #advancedSearchBoxes .searchMpg select { width: 200px; } /* <--------- Override Search Transmission Attributes -<< */ body#home #advancedSearchBoxes .searchTrans { float: left; width: 210px; } body#home #advancedSearchBoxes .searchTrans select { width: 200px; } /* <--------- Override Search Exterior Color Attributes -<< */ body#home #advancedSearchBoxes .searchExtColor { float: left; width: 210px; } body#home #advancedSearchBoxes .searchExtColor select { width: 200px; } /* <--------- Override Search Miles Attributes -<< */ body#home #advancedSearchBoxes .searchMiles { float: left; width: 210px; } body#home #advancedSearchBoxes .searchMiles select{ width: 200px; } /* <--------- Override Search Price Range Attributes -<< */ body#home #advancedSearchBoxes .searchMaxPrice { float: left; width: 210px; } body#home #advancedSearchBoxes .searchMaxPrice select { width: 200px;} /* <--------- Override Price Attributes -<< */ body#newInventory .inventoryInfo .price span, body#preOwnedInventory .inventoryInfo .price span, body#commercialInventory .inventoryInfo .price span { font-size: 19px; font-weight: bold; } /* <--------- Override Search Certified Attributes -<< */ body#home #advancedSearchBoxes .searchCertified { float: left; width: 210px; } body#home #advancedSearchBoxes .searchCertified select { width: 200px; } /* <--------- Override Submit Block Attributes -<< */ body#home .submitBlock { clear: both; text-align: center; padding: 0px 5px 0px 5px; } .searchBoxes .filterText, #searchInstructions { display: none; } /* <--------- ~Specials ---------- */ .defaultVehicleSpecial .invPicture { border: 0px; } /* <--------- ~Line Listing ---------- */ #inventoryContent .dealerInfo { /* display: none; */ } /* <--------- ~Vehicle Details ---------- */ #socialBookmarks ul#bookmarks { background-image: url('http://bosakauto.com/images/presentation/socialBookmarksContainer.png'); } ul#bookmarks li.sbookmarkInstructions { color: #333; background-color: #fff; background-image: url('http://bosakauto.com/images/presentation/socialBookmarksContainer.png'); } ul#bookmarks li.sbookmarkInstructions:hover { background-color: #fff; } * html .mpgAndCalcs { margin-right: 0px; margin-left: 0px; } * html #tabbedArea { width: 960px; margin-left: 0px; margin-right: 0px; padding-left: -5px; padding-right: -5px; } /* * html #tabs ul li.tabNormal a, * html #tabs ul li.tabActive a, * html #tabs ul li.tabInactive a, * html #tabs ul li.tabPrint a, * html .mediaButton.tabNormal a, * html .mediaButton.tabActive a { padding-right: 10px; padding-left: 5px; } */ /* <--------- ~Information ---------- */ #infoContent { width: 470px; height: 905px; margin-left: 40px; text-align: justify; } #infoContent h1 { font-size: 57px; margin-bottom: 15px; text-align: left; line-height: 1em; } body#information #mainArea { background: #ffffff url('http://bosakauto.com/images/bosakSidebar.jpg') no-repeat top right; }