/* -- Cached as circleautomotive.com-folder=cssscreen.css on -- 2010-09-08 12:46:20 */ /* -------------------------- circle.css -------------------------- */ #violator { position: absolute; width: 202px; height: 114px; top: 0px; right: 0px; margin-left: auto; margin-right: 0px; z-index: 500; display: block; cursor: pointer; } .searchAreaButtons { float: left; width: 250px; height: 130px;} .rebateButton { width: 250px; height: 40px; } .lifetimeWarranty { width: 250px; height: 80px; } .slideshowButtons { position: relative; } .viewInventoryButton, .viewSpecialsButton { position: absolute; width: 275px; height: 60px; left: 300px; display: block; cursor: pointer; z-index: 100px; background-color: transparent; } .viewInventoryButton { top: 90px; background-color: transparent; } .viewSpecialsButton { top: 160px; background-color: transparent; } .mediaPhone { position: absolute; top: 25px; left: 310px; font-size: 30px; font-weight: bold; display: block; width: 300px; height: 40px; z-index: 100px; } .viewInventoryButtonImg, .viewSpecialsButtonImg { width: 275px; height: 60px; } .viewSpecialsButton span, .viewInventoryButton span { display: none; } body { overflow-y: auto; } .flowplayerButton { width: 680px; height: 288px; display: block; background: #ffffff url('http://circleautomotive.com/images/flowplayerBkg.jpg') no-repeat top left; } .flowplayerButton:hover { background: #ffffff url('http://circleautomotive.com/images/flowplayerBkgOver.jpg') no-repeat top left; } /* !----- Home (Redesign) ----- */ #usedSpecials .sectionHeader { width: 270px; height: 55px; margin: 3px 0px 10px 0px; background: url('http://circleautomotive.com/images/circle/usedSpecialsHeading.gif') no-repeat; } #usedSpecials .usedSpecialsTitle { display: none; } body#home .was, body#home .is { border: 0px; width: 45%; } body#home .isPrice, body#home .wasPrice { font-size: 18px; } /* !----- Custom Pages ----- */ /* Lifetime Warranty Custom Page */ body#lifetimeWarranty #mainArea { padding: 10px; } /* -------------------------- design.css -------------------------- */ html { height: auto; } #constraint { border: 0px; } #siteBottom { background: #ffffff url('http://circleautomotive.com/images/footerBackground.jpg') no-repeat top left; } a img { border: 0px; } #motd { text-align: left !important; background-color: #eaf0f6; } /* ! -----> Header Dealer Info */ #header { width: 960px; height: 105px; background-color: #FFFFFF; border-bottom: 0px; } #header .dealerInfo .dealerLogo { float: left; width: 298px; height: 90px; margin-right: 10px; background: #ffffff url('http://circleautomotive.com/images/dealerLogo.gif') no-repeat top left; } #header .dealerInfo .dealerName { float: left; width: 630px; font-size: 23px; font-weight: bold; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; } #header .dealerInfo .street, #header .dealerInfo .cityInfo { float: left; width: auto; margin-top: 0px; } #header .dealerInfo .cityInfo { width: 499px; } #header .dealerInfo .cityInfo .bullet { padding: 0px 2px 0px 1px; } #header .dealerInfo .phone1, #header .dealerInfo .phone2, #header .dealerInfo .phone3, #header .dealerInfo .fax1, #header .dealerInfo .fax2 { float: left; padding-left: 5px; margin: 8px 10px 0px 7px; border-left: 1px solid #999999; } #header .dealerInfo .phone1 { margin-left: 1px; } /* ! -----> Search Area */ ul#searchBy { background-color: #FFFFFF; } ul#searchBy a { color: BLACK; display: block; padding: 3px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; } ul#searchBy li { width: 250px; height: auto; position: relative; line-height: 20px; } #byColor, #byPrice { display: none; } ul#searchBy li ul { display: none; position: absolute; left: 250px; top: 0; width: 720px; padding: 5px; z-index: 100; border: 1px solid #ccc; background-color: #FFFFFF; } ul#searchBy li ul li a { color: #000; border: 0px; background-color: #FFFFFF; } ul#searchBy li ul li a:hover { color: #cc0000; } /* ! -----> Navigation */ #navigation { width: 100%; z-index: 115; position: relative; background: #FFFFFF url('http://circleautomotive.com/images/navigation/navigation.jpg') no-repeat top left; border-bottom: 1px solid #CCCCCC; } #nav li ul { width: 200px; top: 25px; margin-left: -9px; } #nav li ul li { width: 183px; margin-left: 8px; } * html #nav li ul li { margin-left: 4px; } #nav li li { border: 0px; } #navigation, #nav li ul { background-color: transparent; } #nav li ul { background-color: #0a0e0e; padding-bottom: 15px; border: none; background: transparent url('http://circleautomotive.com/images/navigation/dropDownBackground.gif') no-repeat bottom left; } #navigation a { color: #fff; } .main_marker span { background-color: transparent; } .main_marker { background-color: transparent; color: #fffc00; } #nav li li:hover, #nav li li.sfhover { background-color: #4981bc; } .sub_marker, body#compareVehicles .sub_marker { color: #fffc00; } /* ----- Tabs ----- */ #tabs, #media_buttonArea { background-color: #ffffff; background-image: url('http://circleautomotive.com/images/navigation/background.jpg'); } #tabs ul li.tabNormal, #tabs ul li.tabActive, #tabs ul li.tabPrint, .mediaButton.tabNormal, .mediaButton.tabActive { border-bottom: 1px solid #00356a; background-image: url('http://circleautomotive.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 #00356a; background-image: url('http://circleautomotive.com/images/navigation/rightTab.gif'); } #tabs a { color: #cdcdcb; } #tabs a:hover { color: WHITE; } #tabs .tabActive a { color: WHITE; } #tabs .tabActive a:hover { color: WHITE; } #tabs ul li.tabActive, .mediaButton.tabActive { border-bottom: 1px solid #3879b2; } #tabs ul li.tabActive a, .mediaButton.tabActive a { border-bottom: 1px solid #3879b2; } #recentlyViewedTab { background-image: url('http://circleautomotive.com/images/recentlyViewed/recentlyViewedTabs.png'); } * html #recentlyViewedTab { background-image: url('http://circleautomotive.com/images/recentlyViewed/recentlyViewedTabs.gif'); } #media_buttonArea .tabActive a { color: WHITE; } #media_buttonArea .tabActive a:hover { color: BLACK; } #media_buttonArea .tabNormal a { color: #cdcdcd; } #media_buttonArea .tabNormal a:hover { color: WHITE; } body#vehicleDisplayPrint { color: BLACK; background-color: WHITE; } body#specialsDetails { color: #333; background-color: WHITE; } body#vehicleDisplayPrint, body#vehicleDisplayPrint #constraint, body#vehicleDisplayPrint #constraintImageLeft, body#vehicleDisplayPrint #constraintImageRight, body#vehicleDisplayPrint #header, body#vehicleDisplayPrint #mainArea { background-color: transparent; background-image: none; } body#vehicleDisplayPrint #header { border: none; } body#vehicleDisplayPrint .dealerInfo span, body#vehicleDisplayPrint #mainArea, body#vehicleDisplayPrint #disclaimer, body#vehicleDisplayPrint #disclaimer span.disclaimerSS a, body#vehicleDisplayPrint #vehicleHeaderInfo, body#vehicleDisplayPrint #vehicleHeaderInfo h1, body#vehicleDisplayPrint #vehicleHeader h1 span.disclaimerSS, body#vehicleDisplayPrint #vehicleHeaderInfo .vehiclePrice span.disclaimerSS, body#vehicleDisplayPrint #actionButtons span.disclaimerSS, body#vehicleDisplayPrint .payment a, body#vehicleDisplayPrint .dealerHDfooter a { color: BLACK; } body#vehicleDisplayPrint #header .dealerInfo .dealerLogo { background-image: url('http://circleautomotive.com/images/dealerLogoPrint.gif'); } #tabs ul li.tabInactive { border-bottom: 1px solid #00356a; background: url('http://circleautomotive.com/images/navigation/tabInactiveLeft.gif') no-repeat top left; } #tabs ul li.tabInactive a { color: #bbbab9; border-bottom: 1px solid #00356a; background: url('http://circleautomotive.com/images/navigation/tabInactiveRight.gif') no-repeat top right; } #tabs ul li.tabInactive a:hover { color: #bbbab9; } /* ! -----> 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; } .customFinancingTop { width: 751px; height: 223px; border: 1px solid #ccc; background: transparent url('http://circleautomotive.com/images/financingImage.jpg') no-repeat top left; } .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://circleautomotive.com/images/buttons/returnButton.png'); background-repeat: no-repeat; background-position: top left;} body#compareVehicles .returnButton:hover { background-image: url('http://circleautomotive.com/images/buttons/returnButtonOver.png'); background-repeat: no-repeat; background-position: top left;} /* ! -----> Home Page (Old) */ /* body#home #tabbedArea { border: 0px; } body#home .searchContainer { float: left; } body#home #paymentSearch { background: transparent url('http://circleautomotive.com/images/paymentContainer.jpg') no-repeat bottom left; height: 96px; margin-bottom: 10px; } body#home #searchByPayment h3 { padding-top: 10px; } */ /* !----- Vehicle Specials ----- */ .defaultVehicleSpecial { display: inline; min-height: 166px; border: 1px solid #3874B2; background-color: #ECECEC; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .defaultVehicleSpecial .specialsMedallion, .defaultVehicleSpecial .featuredMedallion { position: relative; top: 19px; width: 16px; height: 16px; margin: 0px 0px 0px 1px; background: url('http://circleautomotive.com/images/design/specialStar.png') no-repeat; } .defaultVehicleSpecial .vehicleSpecialBanner { height: 20px; padding-top: 4px; border: none; background: url('http://circleautomotive.com/images/design/vehicleSpecialBanner.png') repeat-x; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } .defaultVehicleSpecial .vehicleSpecialBanner span { margin-left: 6px; color: #FFFFFF; } .defaultVehicleSpecial .invPicture { border: none; } .defaultVehicleSpecial .vehicleSpecialTitle { margin-bottom: 3px; } /* !----- Home (Redesign) ----- */ body#home #vertTabArea { position: absolute; width: 394px; top: 170px; right: -350px; margin-left: auto; margin-right: 0px; z-index: 600; } body#home #motd { width: 958px !important; padding: 2px 0px; background-color: #FFFFFF; } body#home .motdFade { position: relative; display: inline; } body#home .motdFade img { position: absolute; top: auto; z-index: 6; } body#home #mainArea { width: 100%; padding-top: 6px; } body#home .searchContainer { display: none; } body#home #homeSlideshow { float: left; display: inline; width: 665px; height: 360px; margin-left: 10px; border-color: #013469; } body#home .homeButtons { float: left; display: inline; margin: 10px 0px 0px 3px; } body#home .homeButtons img { margin-left: 7px; } body#home #tabbedArea { float: left; width: 690px; margin-bottom: 13px; padding-bottom: 4px; border: none; clear: left; } body#home #tabs, body#home #media_buttonArea { background: url('http://circleautomotive.com/images/navigation/backgroundHome.gif') no-repeat bottom right; } body#home #tabs, body#home #tab_coupons, body#home #tab_specials, body#home #tab_popular, body#home #tab_home, body#home #tab_news { width: 690px; } body#home #tabs ul { margin-left: 10px; } body#home #tabs span { font-size: 12px; } body#home #tabs ul li.tabNormal a, body#home #tabs ul li.tabActive a, body#home #tabs ul li.tabInactive a, body#home #tabs ul li.tabPrint a, body#home .mediaButton.tabNormal a, body#home .mediaButton.tabActive a { padding-left: 6px; padding-right: 11px; } body#home #searchPopularity { padding: 5px 0px 0px 30px; } body#home #newPopularity, body#home #usedPopularity, body#home #commercialPopularity { display: inline; } body#home #usedPopularity { margin-left: 40px; } body#home #tab_specials { padding-left: 14px; } body#home #tab_specials .clearer { clear: none; } body#home #tab_specials h2 { text-align: center; display: none; } body#home #tab_specials .defaultVehicleSpecial { margin: 15px 0px 0px 10px; } body#home #tab_coupons { padding-left: 21px; } body#home .defaultCouponSpecial { width: 640px; margin: 15px 0px 0px 0px; padding-bottom: 7px; } body#home .defaultCouponSpecial .defaultCouponBorder { width: 592px; padding-left: 12px; } body#home .defaultCouponSpecial .departmentLink span { width: 405px; margin-top: 5px; } body#home .defaultCouponSpecial .defaultCouponContentArea03, body#home .defaultCouponSpecial .disclaimer { text-align: center; } body#home .defaultCouponSpecial .disclaimer { font-size: 10px; } #homeContent p { margin-bottom: 0px; padding: 0px 8px 0px 5px; } #homeContent h1 { margin-left: 14px; } body#home #tab_news h3 { margin: 10px 0px 0px 12px; } body#home .newsContainer { width: 647px; } .newsContainer .featuredMedallion { display: none; } body#home .newsContainer img { display: none; } body#home .newsContainer .newsHeadline h1 { width: 640px; } body#home .newsContainer .newsStory { font-size: 11px; } /* Home Used Specials */ #usedSpecials { float: right; display: inline; width: 260px; margin-right: 10px; padding-bottom: 5px; } #usedSpecials .specialsContainer { width: 260px; } #usedSpecials .featuredSpecialIcon, #usedSpecials .specialArea, #usedSpecials .specialsHeader, #usedSpecials .sectionHeader h3 { display: none; } #usedSpecials .specialsSnapshot, #usedSpecials .specialsSnapshotAlt { float: left; width: 244px; margin-bottom: 10px; padding: 7px 7px 4px 7px; border: 1px solid #3874B2; background: url('http://circleautomotive.com/images/design/usedSpecialsBg.png') repeat-x top #3874B2; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #usedSpecials .specialImage img { float: left; margin-right: 10px; width: 75px; border: 1px solid #3874B2; } #usedSpecials h4, #usedSpecials .inventoryInfo { float: left; width: 155px; margin: 0px; } #usedSpecials h4 { margin-bottom: 6px; } #usedSpecials h4 a { text-decoration: none; } #usedSpecials h4 a span { float: left; font-size: 14px; font-weight: normal; line-height: 17px; color: #000000; } #usedSpecials .inventoryInfo { float: right; width: 157px; } #usedSpecials .price { width: auto; margin: 0px; padding: 0px; color: #FFFFFF; } #usedSpecials .price label, #usedSpecials .price span { font-size: 16px; font-weight: normal; } #usedSpecials .stock, #usedSpecials .miles, #usedSpecials .color, #usedSpecials .modelNum { display: none; } /* ! -----> Financing Page */ body#financing .applyFinancing { width: 375px; height: 67px; background-color: transparent; background-image: url('http://circleautomotive.com/images/buttons/applyForFinancing.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; } body#financing .applyFinancing:hover { background-image: url('http://circleautomotive.com/images/buttons/applyForFinancing-over.png'); } /* ! -----> Inventory Page */ body#preOwnedInventory .lineListingBanner { display: none; } .lineListingBanner { border: 0px; } /* ! -----> VD Page */ #socialBookmarks ul#bookmarks { background-image: url('http://circleautomotive.com/images/socialBookmarksContainer-wide.gif'); } ul#bookmarks li.sbookmarkInstructions { background-image: url('http://circleautomotive.com/images/socialBookmarksContainer-wide.gif'); } #searchByPayment .payment_type, #searchByPayment .payment_minRange, #searchByPayment .payment_maxRange, #searchByPayment .payment_interestRate, #searchByPayment .payment_term, #searchByPayment .payment_downPayment { float: left; display: block; width: 130px; } #searchByPayment select { width: 120px; } /* ! -----> Carbuilder Page */ div#loading { color: #cc0000; } body#carbuilder { height: auto; } .goodFeedback, .badFeedback, #negativeFeedback, #positiveFeedback, .goodResponse, .badResponse { padding: 0px; }