/* <-- ### IMPORTS ### --> */ @import url('http://images1.ecarlist.com/sites/templates/common/css/base.css'); body{background: url(../images/body_image.png) repeat-x;} #content_wrapper{background: url(../images/content_wrapper_background.png) no-repeat center top; margin: 0 auto;} #content{width: 980px; margin: 0 auto; padding: 22px; margin-top: 1px; font-family: Arial;} /*Primary Navigation*/ #nav_wrapper {width: 980px; margin: 0 auto; position: relative; z-index: 1;} #priNav {font-family: Arial; font-weight: bold; color: white; font-size: 14px;} #priNav li{line-height: 31px; background: url(../images/nav_divider.png) no-repeat top right; height: 31px; text-align: center; float: left;} #priNav li.last{background-image: none;} #priNav a{text-decoration: none; color: white; text-transform: uppercase; text-shadow: 0px 1px 2px #000;} #priNav a:visited {color: white;} #priNav_home {width: 66px;} #priNav_inventory {width: 113px;} #priNav_finance {width: 112px;} #priNav_shipping {width: 98px;} #priNav_warranty {width: 113px;} #priNav_specials {width: 100px;} #priNav_service_parts {width: 156px;} #priNav_about_us {width: 104px;} #priNav_contact_us {width: 113px;} #priNav li:hover {background: url(../images/nav_hover_gradient.png) repeat-x; } /***** dropdown menu *****/ #priNav ul { top: 30px; left: 0px; width: 175px; background: #464646; border: none; border-top: none; padding: 5px 5px !important; text-align: left; z-index: 9000; } #priNav ul#priNav_navlink008_sub { width: 115px; } #priNav ul li { display: block; border: none; border-bottom: 1px solid #909090; border-left: none; padding-bottom: 1px; background: none; } #priNav ul li:hover { background: transparent } #priNav ul li a{ float: none; font-weight: bold; height: auto; height: 30px; line-height: 30px; font-size: 11px; background: transparent; text-transform: uppercase; color: #fff; font-family: Helvetica, Arial, sans-serif; padding: 0px 0px; text-shadow: none; } #priNav ul li a:hover{ color: #fff; background: #A91717; } /*Banner Elements*/ #banner_wrapper{background: url(../images/main_banner_background2.png) no-repeat center top; margin: 0 auto; padding-bottom: 15px; } #banner_box{width: 980px; height: 163px; margin: 0 auto; position: relative;} #banner_box h1{margin: 0; padding 0; position: absolute; top: 26px;} #banner_box h1 a {display: block; width: 373px; height: 98px; background: url(../images/clear_lake_logo.png) no-repeat center top; text-indent: -9999px;} #banner_box #social_icons_box {background: url(../images/social_icons_box.png) no-repeat center top; width: 279px; height: 75px; position: absolute; top: 4px; right: -90px;} /*Social Media*/ #social_media { float:left; list-style-type: none; margin: 10px 5px; width: 100px; padding: 15px 0px 0px 82px;} #social_media li { float:left; margin: 0 4px 0 0; padding: 0;} #social_media li a { display:block; width:28px; height:26px; text-indent: -9999px; background: url(../images/social_media.png) no-repeat; } #social_media li a#facebook {background-position: 0px 0px; } #social_media li a#twitter {background-position: -29px 0px;} #social_media li a#youtube {background-position: -57px 0px;} /*Home Page Elements*/ #home #content_wrapper{background: none;} #home #content {width: auto;} #specials_flash_wrapper{background: url(../images/specials_container_background.png) no-repeat center top; margin: -49px auto 0px auto; height: 435px; } #specials_flash {width: 980px; margin: 0 auto; padding: 33px 28px 0px 0px;} #home_bottom_wrapper {width: 980px; margin: 0 auto;} #newVehicle_tabs strong {display: block; text-indent: -9999px; background: url(../images/chooseabrand.png) no-repeat; width: 405px; height: 55px; } #newVehicle_tabs {float: left; width: 329px;} #newVehicle_tabs li {float: left;} #newVehicle_tab002 {background: url(../images/car_logos.png) no-repeat; display: block; width: 83px; height: 50px; text-indent: -9999px; background-position: 0px 0px;} #newVehicle_tab003 {background: url(../images/car_logos.png) no-repeat; display: block; width: 83px; height: 50px; text-indent: -9999px; background-position: -86px 0px;} #newVehicle_tab004 {background: url(../images/car_logos.png) no-repeat; display: block; width: 70px; height: 50px; text-indent: -9999px; background-position: -170px 0px;} #newVehicle_tab005 {background: url(../images/car_logos.png) no-repeat; display: block; width: 66px; height: 50px; text-indent: -9999px; background-position: -235px 0px;} #ecl_new_vehicles {float: left; position: relative} .ecl_new_vehicle_make_wrap {width: 575px; min-height: 135px;} .ecl_new_vehicles_model {width: 200px !important;} .ecl_new_vehicles_model img {width: 85%;} .ecl_new_vehicles_trigger a{font-family: Arial Black; font-size: 12px; text-decoration: none; color: #4d4d4d; text-transform: uppercase; font-style: italic} .ecl_new_vehicles_trigger:hover a{color: #980000;} #ecl_new_vehicles .view_all {position: absolute !important; top: 40px; right: -52px; width: 43px; text-align: center; font-family: Arial Black; color: #980000; font-size: 10px; font-weight: bold; text-transform: uppercase; font-style: italic} #ecl_new_vehicles .prev {display: none !important;} #ecl_new_vehicles .next {display: none !important;} #new_vehicle_box {background: url(../images/vehicle_slide_background.png) no-repeat; background-position: 0px 49px;} #bottom_divider {background: url(../images/bottom_divider.png) no-repeat center top; margin: -25px auto 0px auto; height: 138px;} #featured-box{margin-top: -30px; width: 630px; float: left;} #featured-box h3 {background: url(../images/featured_vehicles.png) no-repeat; text-indent: -9999px; padding-bottom: 5px; float: left; width: 435px;} #featured-box #home_view_more a{background: url(../images/view_more.png) no-repeat; width: 79px; text-indent: -9999px; display: block; float: right;} #featuredVehicles_title {display: none;} #featuredVehicles #random_list_item{margin-right: 5px; width: 100px !important; height: 103px; padding: 2px; background: url(../images/featured_vehicle_gradient.png) repeat-x;} #featuredVehicles #random_list_item img{border: 2px solid gray; height: 65px; width: 89px; margin-bottom: 10px;} #featuredVehicles #random_list_item:hover img{border: 2px solid #980000;} #featuredVehicles #random_list_item a{text-decoration: none; font-size: 12px; font-family: Arial Italic; color: black; text-align: center; font-style: italic} #featuredVehicles #random_list_item:hover a{color: #980000;} #featuredVehicles a:visited{color: black;} /*Quick Links Home*/ #home #quick_links_container {float: right; width: 200px; margin: -20px 51px 0px 0px;} /*Quick Links*/ #quick_links_container li a {display: block; text-indent: -9999px; width: 193px;} #quick_links_container .ql_quicklinks a{background: url(../images/quick_links_sprite.png) no-repeat; padding-bottom: 5px;} #quick_links_container .ql_specials a{background: url(../images/quick_links_sprite.png) no-repeat; padding-bottom: 5px; width: 100px; background-position: 0px -25px;} #quick_links_container .ql_vehiclefinder a{background: url(../images/quick_links_sprite.png) no-repeat; padding-bottom: 5px; width: 160px; background-position: 0px -51px;} #quick_links_container .ql_financing a{background: url(../images/quick_links_sprite.png) no-repeat; padding-bottom: 5px; width: 108px; background-position: 0px -76px;} #quick_links_container .ql_schedule_service a{background: url(../images/quick_links_sprite.png) no-repeat; padding-bottom: 5px; background-position: 0px -102px;} #quick_links_container .ql_contact a{background: url(../images/quick_links_sprite.png) no-repeat; padding-bottom: 5px; width: 95px; background-position: 0px -127px;} #quick_links_container .ql_specials a:hover {background-position: -193px -25px;} #quick_links_container .ql_vehiclefinder a:hover {background-position: -193px -51px;} #quick_links_container .ql_financing a:hover {background-position: -193px -76px;} #quick_links_container .ql_schedule_service a:hover {background-position: -193px -102px;} #quick_links_container .ql_contact a:hover {background-position: -193px -127px;} /*Shared Elements*/ #sidebar_address {margin-top: 25px; width: 220px;} #sidebar_address_head {padding-bottom: 10px;} #sidebar_address .floatleft {padding: 0px 0px 15px 3px;} #getdirections {margin-left: 20px;} #hours_list {padding: 80px 0px 0px 0px;} #hours_list_title {padding-bottom: 10px;} #hours_department_title_service {padding-top: 10px;} #dealer_contact {height: 382px; width: 224px; background: url(../images/contact_bottom_image.png) no-repeat; background-position: 1px 357px;} #dealer_contact h2 {background: url(../images/email_dealertext.png) no-repeat; display: block; text-indent: -9999px; height: 20px; margin: 20px 0px 15px 15px;} #dealer_contact {background-color: #E3E3E3; } #contact_small {padding-top: 10px;} #vehicle .vctSkin_bg { background-image: url(../images/vct_skin_1480_vers2.png); } #vct_container {font-family: Arial; color: #555555 !important; font-weight: bold !important;} #vehicle #vctHeader_txt {color: #980000; text-transform: uppercase} #vctMiddle_container {background: none; margin: 0 !important;} .vctAddress_left {font-weight: normal;} .customer_tools_right_left label{background: none !important; font-size: 12px;} .customer_tools_right_right label{font-size: 12px !important;} #vctSubmit_button_offer {background: url(../images/submit_button_sprite.png) no-repeat;} #vctSubmit_button_offer #vehicle .vctTabs_container {border-right: none; border-left: none;} #vehicle .vctPanes_inner {border-right: none; border-left: none;} #vehicle #vctBottom_container #vctMiddle_container {border: none;} /*contact form*/ #contact_small {background: url(../images/contact_background.png) repeat-x center bottom; margin-bottom: 20px; background-color: #E3E3E3; padding-bottom: 15px;} #contact_small h2 {background: url(../images/email_dealertext.png) no-repeat; display: block; text-indent: -9999px; height: 20px; margin: 6px 0px 30px 15px;} #contact_small label {font-size: 12px; font-weight: bold;} #contact_small form.validation .required label {background: none;} #contact_small input[type="submit"] { border: 0; background: transparent url('../images/submit_button_custom.png') no-repeat; text-indent: -9999px; display: block; font-size: 0; line-height: 0; width: 212px; height: 35px; } #contact_small input[type="submit"]:hover {background: url('../images/submit_button_custom_hover.png')} #contact_small ol { padding-bottom:5px; } /*Inventory Page */ #leftColumn .filterList {margin-bottom: 20px;} #currentfilterswrap {background-color: #5c5c5c; color: white; font-family: Arial Bold; font-size: 12px; height: 24px; padding: 0px 0px 0px 0px;} #currentfilterswrap p{padding:6px 0px 0px 3px !important;} #filterListWrap {padding-left: 10px !important;} #inventory_v2_sidebar_filters {margin-bottom: 55px;} #leftColumn #inventory_v2_sidebar_filters h3{font-size: 13px !important; font-family: Arial; font-weight: bold} #inventory_v2_sidebar_filters h3.non_expandable_menuheader{font-size: 11px !important; color: #6c6c6c;} #leftColumn #inventory_v2_sidebar_filters ul {margin-left: 0px;} #inventory_v2_sidebar_filters h2 {color: #980000; font-size: 18px; margin: 2px 0px 10px 0px;} #inventory_v2_sidebar_filters ul li {color: #6c6c6c; font-family: Helvetica; font-size: 12px;} #inventory_v2_sidebar_filters ul li a {padding-left: 15px; background: url(../images/list_image.png) no-repeat 4px center; } #inventory_v2_sidebar_filters ul li a:hover {background: #b20838 url('../../images/listingImages/arrowTree_white.gif') no-repeat 4px center; color: #fff} #searchBar {background: url(../images/search_bar_gradient.png) repeat-x;} #sort_bar {background: url(../images/sort_bar_gradient.png) repeat-x; border-bottom: 2px solid #980000; font-size: 12px; height: 44px !important; color: #333333;} .vehicle_media {border: 2px solid #D7D7D7;} .inventory_v2_details_wrap {margin-top: 10px;} #inventory_v2_rows .clear {padding-top: 5px;} .inventory_v2_row {border-top: 1px solid #FFFFFF;border-bottom: 1px solid #980000; background: url(../images/vehicle_rows_gradient.png) repeat-x; margin-bottom: 0px !important; } /*Vehicle Details*/ #vehicle {font-family: Arial;} #similarVehicles h3 {background: url(../images/similar_vehicles.png) no-repeat; text-indent: -9999px; padding-bottom: 15px !important;} .similarVehicle {background: url(../images/similar_vehicle_gradient.png) repeat-x; width: 235px;} .similarVehicle ul li a{font-size: 11.5px; font-family: Arial; text-decoration: none; border: none; font-weight: bold; font-style: italic; color: black;} .similarVehicle ul {margin-top: 3px !important;} .similarVehicle li {font-family: Arial; font-size: 12px; color: gray;} .similarVehicle .price {font-size: 11.5px; font-family: Arial; text-decoration: none; border: none; font-weight: bold; font-style: italic; color: black;} .similarVehicle .simCar_pricelabel {font-size: 11.5px; font-family: Arial; text-decoration: none; border: none; font-weight: bold; font-style: italic; color: gray;} .similarVehicle .vehicle_media {padding: 5px; border:} #vehicle_v2_sidebar_links {padding: 30px 0px 40px 15px !important; font-size: 12px;} #vehicle_v2_sidebar_links p{font-weight: bold; margin-bottom: 16px !important;} #vehicle_v2_sidebar_links ul{margin-left: 25px !important;} #vehicle_v2_sidebar_links li{list-style-image: url(../images/list_image.png); color: gray;} #vehicle_v2_sidebar_links li a{padding: 1px !important;} #drop_down_filters #drop_down_right #submit {height: 20px !important; font-size: 10px !important; background-color: #c5c5c5 !important; text-decoration: none;} #vehicle_topbar {background: url(../images/search_bar_gradient.png) repeat-x;} #vehicle #searchBar {background-color: #d3d3d3; border-bottom: 2px solid #980000; border-top: 0px} #vehicle_vitals .span9.col{font-size: 25px; padding: 13px 0px 13px 0px;} #vehicle_mainVitals {font-size: 12px;} #vehicle_mainVitals .price_line_1{font-size: 32px;} #vehicle_mainVitals .price_title.gray_ten{font-size: 14px; font-weight: bold; color: gray; } #vitalsContainer strong{color: black;} #vitalsContainer {color: gray;} .ip_dottedLine {border-bottom: 1px dotted gray; margin-bottom: 5px;} /*Financing*/ #financing #content {line-height: 18px;} #financing h2 {padding: 10px 0px 10px 0px;} #financing #content a{color: #b20838;} /*Shipping*/ #shipping h2 {padding: 10px 0px 10px 0px;} #shipping #content a{color: #b20838;} /*Specials*/ #specials #right{width: 725px;} #specials #quick_links_container {display: none;} #specials #content a{color: #b20838;} /*Service*/ #service #content {line-height: 18px;} #service p{margin-bottom: 10px;} #service h3 {margin-bottom: 10px;} #service #right{width: 725px; float: left;} #service #quick_links_container {display: none;} #service #content a{color: #b20838;} /*About Us*/ #about #right{width: 725px;} #content #right h2{font-size: 28px; font-family: Helvetica, Arial; font-style: italic; color: #b20838; padding-bottom: 22px;} #about p{font-size: 14px; font-family: Arial; color: #444444; line-height: 18px;} #about #quick_links_container {display: none;} #about #content a{color: #b20838;} /*Contact Us*/ #contact #right{width: 725px;} #contact #quick_links_container {display: none;} #contact #content a{color: #b20838;} /*Parts*/ #parts #content {line-height: 18px;} #parts h3 {margin-bottom: 10px;} #parts h3 {display: none;} #parts p{margin-bottom: 10px;} #parts #quick_links_container {display: none;} #parts {line-height: 18px;} #parts #content a{color: #b20838;} /* Incentives */ #incentives #quick_links_container {display: none;} #incentives #content a{color: #b20838;} /*Trade Bid*/ #trade_bid #quick_links_container {display: none;} #trade_bid{line-height: 18px;} #trade_bid #content a{color: #b20838;} /*Notify*/ #notify #content {line-height: 18px;} #notify h2 {margin-bottom: 10px;} #notify p{margin-bottom: 10px;} #notify #content a{color: #b20838;} /*Footer Elements */ #footer, #footer a {color: #808080} #footer_wrapper {background: url(../images/footer_background.png) repeat-x; margin-top: 30px; } #footer_box {width: 980px; margin: 1px auto;} #footer {height: 300px; width: 980px; margin: 0 auto; padding-top: 100px;} #footer_left {float: left; font-size: 11px; font-family: Arial; color: gray; width: 510px;} #footer_left a {text-decoration: none;} #footer_left a:visited {color: gray;} #footer_left a:hover {color: black;} #footer_left li {padding: 3px;} #footerNav > li{float: left; border-left: 1px solid gray; line-height: 2px;} #footerNav .first{border: none;} #ec_footer li{float: left;} #footer #social_media {padding: 0; margin: 0px 0px 0px 50px;} #footer_right {float: right; width: 202px;} #dt-logo a{text-indent: -9999px; background: url(../images/dt-logo.png) no-repeat; display: block; height: 17px; width: 202px;} #dt-logo a:hover{background-position: 0px -17px;}