/* <-- ### IMPORTS ### --> */ @import url('http://images1.ecarlist.com/sites/templates/common/css/base.css'); /* <--- XXXXXXXXXXXXXX GLOBAL ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### HIGH LEVEL STYLES ### --> */ p {line-height: 1.325em; margin-bottom: 18px; font-size: 14px;} #right { font-size: 14px; margin-bottom: 18px; line-height: 1.325em; } #right h1 { font-size: 32px !important; color: #49a2d4; margin-bottom: 5px !important; margin-bottom: 10px; line-height: normal; } a, a:visited, a:focus, a:hover, a:active {color: #56656e;} #left a, #left a:visited, #left a:visted, #left a:focus, #left a:hover, #left a:active {color: white;} .clear {clear: both;} .darkBlue {color: #56656e !important;} select.input_element#subject {font-size: 10px !important;} .input_element {background: white !important;} #vehicle_question_submit .vctSkin_bg {background: url(../images/btn_submit_ct.png) no-repeat top left !important;} body#contact #vehicle_question_submit input {background: url(../images/btn_submit_ct.png) no-repeat top left !important; border: none; text-indent: -9999px; display: block; font-size: 0px; line-height: 0px;} #vehicle #ec_vehicleIncentiveBlock #vehicle_question_submit input {background: url(../images/btn_submit_ct.png) no-repeat top left !important; width: 191px; height: 46px; text-indent: -9999px;} #mc_submit {margin-top: 15px;} body {font-family: Helvetica, Arial, sans-serif !important; background: #d8e1e6 url(../images/bg_body_overlay.jpg) repeat-x top center; padding-top: 35px; } #wrapper {width: 980px; margin: 0 auto; background: #fff; position; margin-top: 65px; -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .35); -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .35); box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .35); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #container {width: 980px; margin: 0 auto; z-index: 1000; padding-bottom: 5px;} #content {padding: 30px 0 0 0; width: 100%; display: table; background-image: url(../images/bg_main.png); background-repeat: repeat-y; background-position: center top; } #content_content {width: 980px; margin: 0 auto; margin-top: -15px; margin-bottom: 20px; min-height: 500px;} #home #content_content {position: relative;} #vehicle_v2_notify_button > img {display: none;} #vehicle_v2_notify_button {display: block; width: 238px; height: 118px; background: url(../images/btn_vehicleFinder_sidebar.png) no-repeat top left;} #sidebar_address {background-image: url(../images/dealercontactbubble.png)} #sidebar_address {padding-left: 10px; height: 384px; width: 229px;} #sidebar_address_content div p {margin-bottom: 0px; margin-left: 5px; font-size: 13px; } #sidebar_address_content p.sidebar_contact_numbers {color: white;} #sidebar_address_content .floatleft {margin-top: 15px; margin-bottom: 15px; color: white;} #sidebar_address_content #contact_numbers_wrapper{margin-top: 20px; margin-bottom: 20px; color: white; height: 300px;} #sidebar_address #sidebar_address_content a#getdirections{text-transform: uppercase; background: #003366; color: white; padding: 5px 15px; font-weight: 100; font-size: 12px;} #stockVinSearch {width: 240px; margin: 0px; padding: 0px; } #stockVinSearch #stock{width: 110px; margin: 0px; padding: 0px;} #faq_warranty_bubbles {width: 240px; height: 225px; margin-top: 20px; margin-bottom: 40px; display: block;} #faq_bubble {display: block; width: 240px; height: 225px; background: url(../images/faq_warranty_bubbles.png) no-repeat; background-position: 0px -240px; text-indent: -9999px;} #faq_bubble:hover {background-position: -256px -240px;} #warranty_bubble {display: block; width: 240px; height: 225px; background: url(../images/faq_warranty_bubbles.png) no-repeat; background-position: 0px 0px; text-indent: -9999px;} #warranty_bubble:hover {background-position: -256px 1px; margin-bottom: 10px;} #homeText{margin: 10px 15px; color: #56656e; text-align: justify;} #homeText a{color: #56656e; font-weight: bold;} #homeText a:hover{color: #007cc3;} #homeText p{ line-height: 17px;} #home_expand { height:1px; overflow:hidden } a.hide_this { display: none !important; } a#readlesshome { display: block;} /* CONTACT FORM RESETS */ #contact_small, #contact_incentives, #contact_small *, #contact_incentives * {padding: 0 !important; margin: 0 !important; font-size: 12px !important; float: none !important; width: auto ; height: auto; color: black !important; overflow: visible !important; line-height: 1.625 !important;} /* CONTACT FORM STYLES */ /* Main Style for Form */ #contact_small, #contact_incentives {background: url(../images/bg_contact_sidebar.png) no-repeat top center !important; width: 201px !important; height: 335px !important; padding: 0 10px 0 20px !important; padding-top: 45px !important; margin-left: 10px !important;} #contact_small h2, #contact_incentives h3 {display: none;} #contact_small label, #contact_incentives label {display: block !important; color: #ffffff !important; float: left !important; font-size: 12px !important; padding-left: 11px !important; margin-left: -11px !important;} #content #content_content #contact_small fieldset ol li.required input, #content #content_content #contact_incentives fieldset ol li.required input {width: 180px !important; height: 20px !important; background: #ffffff !important; margin-bottom: 5px !important;} #content #content_content #model_details_form #contact_incentives fieldset ol li.required input {width: 180px !important; height: 20px !important; margin-bottom: 5px !important; border: 1px solid #464a4d !important;} #content #content_content #contact_small fieldset ol li textarea, #content #content_content #contact_incentives fieldset ol li textarea, #models #content #content_content #model_details_form #contact_incentives fieldset ol li textarea {background: #ffffff !important; width: 180px !important; height: 55px !important; margin-bottom: 5px !important; border: 1px solid #464a4d !important;} #content #content_content #contact_small fieldset ol li select, #content #content_content #contact_incentives fieldset ol li select {width: 180px !important; background: #ffffff !important; margin-bottom: 5px !important;} #contact_small .error_msg, #contact_incentives .error_msg {color: yellow !important; font-size: 9px !important; position: relative; top: 3px; float: right !important;} #content #content_content #contact_small div.form_submit input, #content #content_content #contact_incentives div.form_submit input {width: 180px !important; height: 30px !important; margin-left: -17px !important; border: 1px solid #464a4d !important; font-size: 11px !important; color: #464a4d !important; background: rgb(254,254,254) !important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(216,216,216,1) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(216,216,216,1))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(216,216,216,1) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(216,216,216,1) 100%) !important; /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(216,216,216,1) 100%) !important; /* IE10+ */ background: linear-gradient(top, rgba(254,254,254,1) 0%,rgba(216,216,216,1) 100%) !important; /* W3C */ } #content #content_content #contact_small div.form_submit input:hover, #content #content_content #contact_incentives div.form_submit input:hover { background: rgb(216,216,216); /* Old browsers */ background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(254,254,254,1) 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(254,254,254,1))) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(254,254,254,1) 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(254,254,254,1) 100%) !important; /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(254,254,254,1) 100%) !important; /* IE10+ */ background: linear-gradient(top, rgba(216,216,216,1) 0%,rgba(254,254,254,1) 100%) !important; /* W3C */ } input.submitButton{width: 192px; height: 40px;} /* <-- ### HEADER ### --> */ #header {padding: 15px; height: 95px !important; margin: 15px 0 -3px; 0; background: url(../images/header_wrapper.png) no-repeat top center;} #header_content {width: 970px; margin: 0 auto; height: 91px; padding-top: 15px; padding-left: 10px; } #header_address {float: left; margin: 24px 0 0 0; font-size: 14px; line-height: 18px; text-transform: uppercase;} #header_address #phone {font-size: 19px; font-weight: bold;} .callNowClass{font-size: 16px; font-weight: bold;} #btn_chat {float: left; margin: 0 48px 0 0; position: relative; right: 55px; bottom: 32px;} #btn_chat a {display: block; width: 112px; height: 81px; background: url(../images/btn_chat_header.png) no-repeat top left; text-indent: -9999px;} #btn_chat a:hover {background-position: top right;} #btn_learn {float: left; position: relative; left: 86px; bottom: 42px;} #btn_learn a {display: block; width: 96px; height: 81px; background: url(../images/btn_warranty_header.png) no-repeat top left; text-indent: -9999px;} #btn_learn a:hover {background-position: top right;} #header_logo_honda {display: block; text-indent: -9999px; background: url(../images/logo_honda_header.png) no-repeat top center; width: 114px; height: 73px; float: left;} li#address1.darkBlue div a img{display: none;} #header_warranty_text {float: left; margin: 18px 5px 0 0; width: 132px; text-align: right; font-size: 17px; font-weight: bold; text-transform: uppercase; line-height: 15.5px;} #header_warranty_text #header_lifetime {color: white;} #header_warranty_text #header_powertrain {color: #49a2d4;} #header_warranty_text #header_warranty {color: #004b76;} #header_divider {width: 2px; height: 56px; background: url(../images/divider_header.png) no-repeat top center; float: left; margin: 12px 15px 0 0;} h1 a{text-indent: -9999px; background: url(../images/logo_hob_header.png) no-repeat top center; width: 210px; height: 87px; float: left; margin: 0 10px 0 0;} #headerRight_wrapper { float: right; } /* <-- ### NAVIGATION ### --> */ #nav_wrapper {background: url(../images/bg_nav.png) no-repeat top center; width: 100%; display: table; height: 103px; margin-bottom: -40px; padding: 0; position: relative; z-index: 100;} #priNav {width: 955px; height: 60px; margin: 0 auto; font-size: 15px; margin: 0 auto;} #priNav li:hover ul {display: block;} #priNav a + ul {background: rgba(0,0,0,.75); background: #333\9; margin: 0; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; } #priNav ul li {text-align: left;} #priNav a + ul {width: 155px; margin-left: 15px; margin-top: 0px; top: 60px;} #priNav a + ul li {} #priNav a + ul li:hover {background-color: black; color: #49a2d4;} #priNav a + ul > li:hover > a {color: #49a2d4 !important;} #priNav a + ul li a {display: block; width: 100%; display: table; padding: 10px 12px 10px 10px; height: 100%; } #priNav a + ul li.last { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; } #priNav a + ul li a {color: white; text-decoration: none; font-size: 12px;} #priNav > li {height: 40px; padding: 0px; margin: 0px;} #priNav > li > a {display: block; text-align: center; color: white; text-decoration: none; text-shadow: 2px 3px 0px rgba(0,0,0,.75); background-image: url(../images/mainnav.png); line-height: 38px; height: 38px; padding: 13px 0px 12px; background-repeat: no-repeat;} /***CSS FOR TERTIARY NAVIGATION***/ #priNav li > ul > li:hover ul { display: block !important; top: 0px; left: 140px; color: #fff !important; } #priNav li > ul > li ul li a { color: #fff !important; } #priNav li > ul > li ul li:hover a { color: #49a2d4 !important; } /***END TERTIARY NAV CSS**/ #priNav_Home a {background-position: -3px 10px; width: 90px; margin-right: 10px;} #priNav_New_Vehicles a {background-position: -100px 10px; width: 146px; margin-right: 10px; } #priNav_Used_Vehicles a {background-position: -256px 10px; width: 127px; margin-right: 10px;} #priNav_Specials a {background-position: -396px 10px; width: 105px; margin-right: 10px;} #priNav_Finance a {background-position: -513px 10px; width: 101px; margin-right: 10px;} #priNav_Service_Parts a {background-position: -626px 10px; width: 158px; margin-right: 10px;} #priNav_Dealer_Info a {background-position: -796px 10px; width: 159px; } #priNav_Home a:hover {background-position: -977px 10px;} #priNav_New_Vehicles a:hover {background-position: -1074px 10px;} #priNav_Used_Vehicles a:hover {background-position: -1230px 10px;} #priNav_Specials a:hover {background-position: -1370px 10px;} #priNav_Finance a:hover {background-position: -1487px 10px;} #priNav_Service_Parts a:hover {background-position: -1600px 10px;} #priNav_Dealer_Info a:hover {background-position: -1770px 10px;} #modelDisclaimer p{padding: 0 25px; text-align: justify;} /* <-- ### FOOTER ### --> */ #footer {font-size: 11px; width: 100%; display: table; height: 342px; background: url(../images/bg_footer.jpg) no-repeat top center; z-index: 6000; margin-bottom: 45px;} #footerNav {margin: 0 0 7px 0; overflow: hidden;} #footerNav a {color: white; text-decoration: none; text-shadow: -1px -1px 0px rgba(0,0,0,.35); } #footerNav a:hover { text-shadow: -1px -1px 0px rgba(0,0,0,.75); color: #c5eaff; } #footerNav li {border-right: 1px solid white; display: inline; float: left; padding: 0 5px; text-shadow: -1px -1px 0px rgba(0,0,0,.35); } #footerNav li.last {border: none;} #ec_footer {color: white; padding: 5px; margin: 0; margin: -8px 0 0 0; line-height: 16px; text-shadow: -1px -1px 0px rgba(0,0,0,.35); } #ec_footer {overflow: hidden; margin-top: -8px;} #ec_footer li.first {display: inline; float: left;} #ec_footer #mid {clear: both; float: none;} #ec_footer li a {text-decoration: none; color: white;} #logoplacer {float: right; margin: -15px 15px 0 0;} #logoplacer a {display: block; width: 204px; height: 16px; text-indent: -9999px; background: url(../images/ecl_logo_footer.png) no-repeat top center;} #logoplacer a:hover {background-position: bottom center;} #footer_container {width: 980px; padding: 10px; margin: 0 auto;} #ec_sitemap_tooltip a {text-shadow:none;} #ec_sitemap_tooltip a:hover {text-shadow:none; color: #1560AA !important;} /* <--- XXXXXXXXXXXXXX END GLOBAL ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX HOME PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### FIND YOUR CAR ### --> */ #home #content #content_content #fyc_container #fyc_panes_container .fyc_tab_container {height: 350px;} #fyc_secondary {position: absolute; top: 141px; left: 10px; z-index: 5;} #fyc_secondary li {margin: 0 0 4px 0;} #fyc_secondary li#fyc_scheduleService {margin: 46px 0 4px 0;} #fyc_tabs_list li {margin: 0 0 4px 0;} .fyc_close {height: 228px; width: 217px; background: url(../images/bg_search.png) no-repeat top left; margin: 10px 0 0 0; margin-bottom: -228px !important;} #fyc_new {display: block; width: 241px; height: 49px; background: url(../images/fyc-bttns2.png) no-repeat 0px 0px; text-indent: -9999px; margin: 25px 0 4px 0 !important;} #fyc_new:hover {background-position: -241px 0px;} #fyc_preowned {display: block; width: 241px; height: 49px; text-indent: -9999px; background: url(../images/fyc-bttns2.png) no-repeat 0px -50px;} #fyc_preowned:hover {background-position: -241px -50px;} #fyc_type {display: block; width: 241px; height: 49px; text-indent: -9999px; background: url(../images/fyc-bttns2.png) no-repeat 0px -100px;} #fyc_type:hover {background-position: -241px -100px;} #fyc_salesSpecials a {display: block; width: 241px; height: 49px; text-indent: -9999px; background: url(../images/fyc-bttns2.png) no-repeat 0px -100px;} #fyc_salesSpecials a:hover {background-position: -241px -100px;} #fyc_scheduleService a {display: block; width: 241px; height: 49px; text-indent: -9999px; background: url(../images/fyc-bttns2.png) no-repeat 0px -150px;} #fyc_scheduleService a:hover {background-position: -241px -150px;} #fyc_serviceSpecials a {display: block; width: 241px; height: 49px; text-indent: -9999px; background: url(../images/fyc-bttns2.png) no-repeat 0px -200px;} #fyc_serviceSpecials a:hover {background-position: -241px -200px;} #fyc_container {position: relative; z-index: 1; overflow: hidden;} #fyc_container #fyc_tabs_list {float: left; height: 100%; width: 250px; } #fyc_container #fyc_panes_container {height: 100%; width: 681px; overflow: hidden; float: left;} #fyc_container .searchInv_cat_links {height: 100%; width: 681px;} #fyc_container .searchInv_cat_links li {width: 165px; float: left;} #fyc_container #si_cat_new_price_range.searchInv_cat_links li, #fyc_container #si_cat_pre_price_range.searchInv_cat_links li {float:none; display: block;} #fyc_container .fyc_tab_container ul li {display: inline-block;} #fyc_container .fyc_title h3 {float: left; text-shadow: 0px 1px 0px #ffffff;} #fyc_container .fyc_link_list li, #fyc_container .close {cursor: pointer;} .fyc_link_list li {display: block; float: left;} #fyc_tabs_list {height: 350px !important; padding: 10px; width: 250px; float: left; -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .75); -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .75); box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .75); background: rgb(0,123,192); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,123,192,1) 0%, rgba(0,83,130,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,123,192,1)), color-stop(100%,rgba(0,83,130,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,123,192,1) 0%,rgba(0,83,130,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,123,192,1) 0%,rgba(0,83,130,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,123,192,1) 0%,rgba(0,83,130,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,123,192,1) 0%,rgba(0,83,130,1) 100%); /* W3C */ -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; } .fyc_tab_container { width: 676px !important; background: rgb(178,183,186) url(../images/bg_fycTabContainer.jpg) no-repeat top center; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .fyc_title { height: 32px; line-height: 32px; padding: 0 10px; text-transform: uppercase; color: #003964; background: rgb(246,248,249); background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px } #fyc_panes_container .fyc_link_list {padding: 5px 10px; padding-left: 0; color: white; font-size: 12px; text-transform: uppercase; height: 13px; background: rgb(0,119,187); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,119,187,1) 0%, rgba(0,82,136,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,119,187,1)), color-stop(100%,rgba(0,82,136,1))); background: -webkit-linear-gradient(top, rgba(0,119,187,1) 0%,rgba(0,82,136,1) 100%); background: -o-linear-gradient(top, rgba(0,119,187,1) 0%,rgba(0,82,136,1) 100%); background: -ms-linear-gradient(top, rgba(0,119,187,1) 0%,rgba(0,82,136,1) 100%); background: linear-gradient(top, rgba(0,119,187,1) 0%,rgba(0,82,136,1) 100%); } #fyc_panes_container .fyc_link_list li {border-right: 1px solid #0089cf; padding: 5px 15px 6px 15px; margin-top: -5px;} #fyc_panes_container .fyc_link_list li.current { background: #6EB6D8; color: #FFF;} #fyc_panes_container .fyc_link_list li:last-child {border: none;} #fyc_panes_container .fyc_link_list li:hover {color: #abdbff;} #fyc_panes_container .close {text-indent: -9999px; background: url(../images/btn_close_pane.png) no-repeat top center; float: right; margin: 5px 0 0 0; width: 21px; height: 21px;} #fyc_panes_container {position: relative; left: 7px; height: 350px !important; width: 675px !important; padding: 10px; background: #ccd3da; float: left; -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .5); box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #fyc_specials_pane {height: 350px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #fyc_preowned_type div + ul li {display: none !important;} /* This hides the sorting options for the body type panel */ .specials_flash_item { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .specials_flash_container { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #specials_flash { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #fyc_specials_pane { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* <-- ### FIND YOUR CAR | Pane Links and Buttons ### --> */ .searchInv_cat_links {padding: 15px; font-size: 12px;} .searchInv_cat_links li {padding: 5px 0;} .searchInv_cat_links li:before {content: "\00BB \0020";} .searchInv_cat_links a {color: #333;} .searchInv_cat_links a:hover {color: white;} /* Below declarations style the body style buttons and handle the hover. */ #si_cat_all_body_type li:before {content: "";} #si_cat_all_body_type li {width: 225px !important;} #si_cat_all_body_type li a {background: url(../images/btn_types_sprite.png) no-repeat; height: 14px; text-indent: -9999px; margin: 10px 15px; width: 180px !important; height: 30px !important; cursor: pointer; text-indent: -9999px; display: block;} #si_cat_all_body_type li a:hover {background-position: 0 -93px;} #si_cat_all_body_type li#si_cat_all_body_type_SUVs a {background-position: 0 -64px;} #si_cat_all_body_type li#si_cat_all_body_type_SUVs a:hover {background-position: 0 -157px;} #si_cat_all_body_type li#si_cat_all_body_type_Coupes a {background-position: -184px 0;} #si_cat_all_body_type li#si_cat_all_body_type_Coupes a:hover {background-position: -184px -93px;} #si_cat_all_body_type li#si_cat_all_body_type_Mini_Vans a {background-position: -374px -28px;} #si_cat_all_body_type li#si_cat_all_body_type_Mini_Vans a:hover {background-position: -374px -121px;} #si_cat_all_body_type li#si_cat_all_body_type_Hatchbacks a {background-position: -184px -26px;} #si_cat_all_body_type li#si_cat_all_body_type_Hatchbacks a:hover {background-position: -184px -119px;} #si_cat_all_body_type li#si_cat_all_body_type_Trucks a {background-position: -184px -63px;} #si_cat_all_body_type li#si_cat_all_body_type_Trucks a:hover {background-position: -184px -156px;} #si_cat_all_body_type li#si_cat_all_body_type_Crossovers a {background-position: 0 -28px;} #si_cat_all_body_type li#si_cat_all_body_type_Crossovers a:hover {background-position: 0 -121px;} /* <-- ### NEW VEHICLES ### --> */ #ecl_new_vehicles {background: url(../images/bg_newCars3.jpg) no-repeat top center; padding-top: 64px; margin: 13px 0px 0px 3px;} #ecl_new_vehicles a {color: #a5a5a5; text-decoration: none; font-size: 14px;} #ecl_new_vehicles .ecl_new_vehicle_make_wrap {width: 959px; height: 170px; margin: 0 auto;} .ecl_new_vehicles_model {width: 178px;} #home .ecl_new_vehicles_make {width: 872px; margin: 0 auto; height: 105px;} .ecl_new_vehicles_tooltip {z-index: 5000;} #prev_Honda, #next_Honda {width: 55px; height: 55px; position: relative; bottom: 70px; text-indent: -9999px;} #prev_Honda {float: left; background: url(../images/btn_newCars_previous.png) no-repeat top center; right: 10px;} #next_Honda {float: right; background: url(../images/btn_newCars_next.png) no-repeat top center; left: 10px; margin-left: -43px;} #ecl_new_vehicles .view_all {position: absolute; left: 905px; top: 400px; color: #1560aa;} .ecl_new_vehicle_make_wrap.viewing_all #next_Honda, .ecl_new_vehicle_make_wrap.viewing_all #prev_Honda {visibility: hidden !important;} .ecl_new_vehicle_make_wrap.viewing_all .view_all {padding-right: 4px; display: block !important;} .ecl_new_vehicles_details_features, .ecl_new_vehicles_details_inner h5:first-child {display: none} #featuredVehicles { margin: -40px 0px 0px !important; } /* <-- ### FEATURED USED VEHICLES ### --> */ #featuredVehicles_title {text-indent: -9999px; background: url(../images/bg_featured_header-2.png) no-repeat top center; width: 980px; height: 42px; margin: 0 auto;} #random_list_location {overflow: hidden; text-align: center; width: 100%; display: table; margin: 0 0 15px 0;} #random_list_location a {color: #a5a5a5; text-decoration: none; font-size: 12px;} #random_list_item {margin: 15px 0 0 25px; overflow: visible !important;} #random_list_location #random_list_item {width: 94px !important;} .toolTip {position: relative; z-index: 5000;} .fv_first {margin: 15px 0 0 20px !important;} #random_list_item img {border: 4px solid transparent; -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .2); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .2); } #random_list_item:hover img {border: 4px solid #007dc3;} #random_list_item:hover a {color: #007dc3 } #featuredVehicles_footer {width: 98%; height: 5px; background: url(../images/divider_body.png) repeat-x top left; margin: 0 auto;} /* <-- ### QUICK LINKS ### --> */ #quick_links { height: 227px; padding-bottom: 10px; margin: 10px 0 0 0; } #quick_links li {float: left; display:inline; margin: 4px; overflow: hidden;} #quick_links li a { display: block; width: 184px; height: 227px; background: url(../images/ql-home-v4.png) no-repeat; } #quick_links li.first {margin: 4px 4px 4px 15px;} #quick_links #value a { background-position: 0px 0px; } #quick_links #value a:hover { background-position: 0px -227px; } #quick_links #sell a { background-position: -184px 0px; } #quick_links #sell a:hover { background-position: -184px -227px; } #quick_links #warranty a { background-position: -368px 0px; } #quick_links #warranty a:hover { background-position: -368px -227px; } #quick_links #commitment a { background-position: -552px 0px; } #quick_links #commitment a:hover { background-position: -552px -227px; } #quick_links #pricing a { background-position: -736px 0px; } #quick_links #pricing a:hover { background-position: -736px -227px; } /* <--- XXXXXXXXXXXXXX END HOME PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX INVENTORY PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### SIDEBAR FILTERS ### --> */ #inventory #leftColumn {color: #838383} #inventory #leftColumn > * {margin: 0 10px;} #inventory_v2_sidebar_filters > h2 { margin-bottom: 5px;} .inventory_v2_price.span4.col.col_last div{ position: relative; display: block; width: 120px;} .inventory_v2_details_wrap .inventory_v2_details_links{ } .inventory_v2_price_right{height: 40px; position: relative;} #currentfilterswrap > p {padding: 6px 10px !important; color: white; font-size: 13px; font-weight: normal !important; width: 210px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgb(0,125,195); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,125,195,1) 0%, rgba(0,71,112,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,125,195,1)), color-stop(100%,rgba(0,71,112,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* W3C */ } #currentfilterswrap a.clearFilter.Vehicles {display: none;} #currentfilterswrap > p > a {float: right;} #currentfilterswrap > p > a:hover {color: #bde7ff !important; text-decoration: none !important;} #currentfilterswrap > p.last > a {float: none; clear: both;} #currentFilters #currentfilterswrap > p + a.clearFilterCpo {font-size: 10px; color: #007dc3; text-decoration: none; text-align: left; display: block; margin-bottom: 20px;} #currentfilterswrap > p {margin: 10px 0 !important;} #currentfilterswrap > p.last {text-align: center;} #filterListWrap {width: 230px;} .inventory_v2_details h4 a {text-transform: uppercase;} .inventory_v2_image a {border: 2px solid #d5d5d5;} #inventory_v2_sidebar_filters {width: 220px;} #inventory_v2_sidebar_filters div.filterList {background: #ccd3da; padding: 10px; margin: 10px 0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .2); -moz-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .2); box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, .2); } #inventory_v2_sidebar_filters .filterList a, #inventory_v2_sidebar_filters .filtersList a:visited {color: #56656e; padding: 2px;} #inventory_v2_sidebar_filters .filterList a:hover {color: #fff; background: #007cc3;} #inventory_v2_sidebar_filters .filterList h3 {font-size: 17px !important; color: #003964; margin-bottom: 5px; text-transform: uppercase;} #inventory_v2_sidebar_filters .filterList ul li {padding: 2px; margin: 0 !important; font-size: 12px; color: #56656e; list-style-image: url(../images/inv_arrow.png);} #inventory_v2_sidebar_filters .filterList ul li:hover {list-style-image: url(../images/inv_arrow_hover.png);} .filterList span.expandable {margin-top: 5px; display: block; color: #56656e;} #inventory #vehicle_v2_notify_button {display: block;} #inventory_v2_sidebar_contact {margin-left: 0px !important;} .Btn { background-color: #007DC3; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; float: right; height: 10px; padding: 3px; text-align: center; width: 113px; font-size: 10px; padding-bottom: 0; } .DTSuiteModal { z-index: 101 !important; } /* <-- ### RIGHT COLUMN STYLES ### --> */ #inventory #rightColumn {width: 73% !important;} #searchBar {background: url(../images/bg_searchBar.png) repeat-x top left; border-top: 7px solid #003964 !important; width: 100%;} #searchBar select#condition {display: none;} #drop_down_right #submit {font-size: 12px; text-decoration: none; color: #424d54; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #drop_down_right #submit:hover {color: white;} #sort_bar {background: #dae2e6 url(../images/bg_sortBar.png) repeat top left; font-size: 12px; color: #1d3d51; width: 100%; -webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px 1px rgba(0,0,0,0.3); } body#inventory #content #content_content #rightColumn #inventory_v2_rows .ecl_inventory_vehicle {border-bottom: 1px dotted black; margin: 0 !important; padding-bottom: 10px; width: 100%; background: rgb(240,240,240); /* Old browsers */ background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ } .inventory_v2_details h4 a {color: #007cc3; text-decoration: none;} .inventory_v2_details h4 a:hover {color: #004b76;} .inventory_v2_row .price_line_1 {color: #003964 !important;} .inventory_v2_row .price_title {font-weight: normal !important; padding-top: 5px;} .inventory_v2_pagination {margin-top: 10px;} #vehicleDisclaimer {font-size: 10px; line-height: 12px;} /* <--- XXXXXXXXXXXXXX END INVENTORY PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX VEHICLE DETAIL PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### LEFT COLUMN ### --> */ #vehicle #leftColumn {padding: 10px; width: 21%;} #similarVehicles h3 {font-weight: 200; background: url(../images/divider_body.png) repeat-x bottom left; margin-bottom: 10px; padding-bottom: 5px; width: 110%;} .similarVehicle {padding: 10px !important; color: white; font-size: 13px; font-weight: normal !important; width: 210px; background: rgb(0,125,195); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,125,195,1) 0%, rgba(0,71,112,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,125,195,1)), color-stop(100%,rgba(0,71,112,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,125,195,1) 0%,rgba(0,71,112,1) 100%); /* W3C */ } .similarVehicle a {text-decoration: none; padding: 0px; color: white;} .similarVehicle a:link, .similarVehicle a:visited, .similarVehicle a:focus, .similarVehicle a:active {color: white;} .similarVehicle a:hover {color: #ade1ff;} #vehicle_v2_sidebar_links {background: #ccd3da; !important; margin: 10px 0 !important; width: 230px; display: table; padding: 0 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, .5); box-shadow: inset 0px 3px 10px 0px rgba(0, 0, 0, .5); } #vehicle_v2_sidebar_links > ul {margin: 0 0 0 22px !important;} #vehicle_v2_sidebar_links p {font-size: 17px !important; color: #003964; margin-bottom: 10px !important;} #vehicle_v2_sidebar_links ul li {margin: 0 !important; font-size: 12px; color: #56656e; list-style-image: url(../images/inv_arrow.png)} #vehicle_v2_sidebar_links ul li:hover {list-style-image: url(../images/inv_arrow_hover.png); color: white;} /* <-- ### RIGHT COLUMN ### --> */ #vehicle #rightColumn {margin: 0 0 25px 3px;} #vehicle_topbar {background: #dce4e8 url(../images/bg_sortBar.png) repeat top left; font-size: 12px; color: black; -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .5); -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .5); box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, .5); } #vehicle_vitals div.span9 {font-size: 24px; font-weight: 400; color: #007cc3; padding-left: 5px; width: 73%;} #vehicle_vitals div.span3 {margin-bottom: 10px;} #vehicle_vitals div.span3 > * {margin: 0 !important; color: #4c4c4c; } #vehicle_vitals div.span3 > span {display: block; margin-bottom: -14px !important;} #vehicle_vitals div.span3 > a {text-decoration: none; font-size: 10px; color: #0049ab;} #vehicle_vitals .ip_dottedLine {border-bottom: 1px dotted black; height: 1px; margin: 10px 0;} body#vehicle #vehicle_mainVitals {width: 60% !important;} #vehicle_vitals #vehicle_mainPhoto {width: 39%;} #vehicle_vitals #media_center_links {padding-top: 10px; padding-bottom: 6px;} #vehicle_vitals #priceContainer .price_line_1 {color: #003964; font-size: 26px; font-weight: bold; padding-top: 5px;} #vehicle_vitals #priceContainer .price_title {font-size: 12px; color: #7f7f7f; padding-top: 3px;} #vehicle #vehicle_vitals .vehicle_incentives_link {float: none;} #vehicle_vitals #priceContainer #price {float: right;} #vehicle_vitals #vehicle_drive_it_now {padding: 0;} #vehicle_mainVitals #vitalsContainer {font-size: 11px; color: #4c4c4c;} #vehicle_mainVitals #vitalsContainer ul li {margin: 5px 0; padding-bottom: 5px;} #vehicle #rightColumn #vehicle_thumbs {background: #49a2d4; padding-left: 2px; padding-top: 2px; padding-bottom: 5px; width: 720px; margin: 0 auto;} #vehicle #rightColumn #vehicle_thumbs a {border: 2px solid transparent; margin: 2px !important;} #vehicle #rightColumn #vehicle_thumbs a:hover {border: 2px solid white;} #vehicle .Btn { background-color: #007DC3; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; font-size: 17px height: 32px; line-height: 30px; margin-left: 10px; margin-right: 10px; margin-top: 50px; padding: 14px 10px 10px; text-align: center; width: 250px; } /* <--- XXXXXXXXXXXXXX END VEHICLE DETAIL PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX INCENTIVES PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### LEFT COLUMN ### --> */ #incentives #left { width:25.5%; margin-right: 10px; padding-top: 10px;} #incentives #left form h3 {color: white;} /* <-- ### RIGHT COLUMN ### --> */ #incentives #right {width: 72.5%;} #specials_navigation_wrap {border: none !important;} #specials_navigation, #specials_navigation ul, #specials_navigation ul li, #specials_navigation ul li a {border: none !important;} #specials_navigation ul li a {border: 1px solid #ccc !important; border-bottom: none !important; color: #004a75; background: rgb(216,216,216); /* Old browsers */ background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ } #specials_navigation ul li a:hover {color: #49a2d4;} #specials_navigation #specials_navigation_main li.first a {border: 1px solid #ccc !important; border-left: 1px solid #ccc !important; border-bottom: none !important; background: rgb(216,216,216); /* Old browsers */ background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(216,216,216,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ } #specials_navigation_main a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #specials_navigation_wrap + h2 {font-size: 18px; color: #004b76; margin-bottom: 25px; margin-top: 15px; margin-left: 18px;} .incentiveModelWrap { height: 352px; margin: 0 0 24px 18px !important; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25); -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25); background: rgb(240,240,240); /* Old browsers */ background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ } /* <--- XXXXXXXXXXXXXX END SPECIALS PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX MODELS PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### MAIN COLUMN ### --> */ #models_heading {width: 100%; display: table; text-align: center;} #models_container {overflow: hidden; margin-bottom: 45px; padding-bottom: 25px;} .models_list_footer .models_list_footer_inner .mpg ul span.mpg_value {width: 30px !important; display: block; overflow: hidden; height: 18px; float: left;} div.model {font-size: 12px !important; color: #181818 !important; height: 330px !important; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25); -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .25); } div.model h3 {font-size: 14px; text-align: center;} div.model ul.links {width: 195px; margin: 10px auto 10px auto; border: none !important;} div.model ul.strengths {padding-top: 10px;} div.model ul.links + * {clear: both;} div.model ul.links li a {display: box; float: left !important; width: 75px; padding: 5px; color: #5a5a5a; border: 1px solid #acacac; text-decoration: none; margin: 0 5px; background: rgb(240,240,240); /* Old browsers */ background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(255,255,255,1) 100%); /* W3C */ } div.model ul.links li a:hover {color: #49a2d4; text-decoration: none !important;} div.model ul.links li {display: box !important; float: left !important; width: 85px !important;} #models #content #content_content #model_details_description p {font-size: 14px !important; line-height: 1.625em;} /* <--- XXXXXXXXXXXXXX END MODELS PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX VEHICLE FINDER PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### LEFT COLUMN ### --> */ #notify_middle {padding: 15px; width: 62% !important;} #notify_middle h2 {margin-bottom: 15px;} #notify_middle p {font-size: 12px; color: #585858; margin-bottom: 10px;} /* <-- ### LEFT COLUMN ### --> */ #notify_right {font-size: 14px !important;} /* <--- XXXXXXXXXXXXXX END VEHICLE FINDER PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX SERVICE PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <-- ### LEFT COLUMN ### --> */ #service #left {width: 22.5% !important; margin-right: 28px;} /* <-- ### RIGHT COLUMN ### --> */ #service #right {padding-top: 10px;} #service #right h2, #service #right h3, #service #right > p {font-size: 14px; margin-bottom: 15px;} #service #right h2 {font-size: 18px;} #service #vehicle_question_submit input {width: 207px;} #service #vehicle_question_submit {background: none; width: 207px;} .atLocation_service {display: none !important;} /**HIDING BLACKBOOK LINK ON SERVICE PAGE**/ /* <--- XXXXXXXXXXXXXX END SERVICE PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ /* <--- XXXXXXXXXXXXXX BUYING VS LEASING PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ #about #right, #buying_vs_leasing h2, #brake_repair h2, #oil_change h2, #tires h2, #careers h2, #prepaid_maintenance h2, #vehicle_service_agreements h2, #buy_cars h2, #lifetime_powertrain h2, #commitment h2, #value h2, #value_trade h2, #about h2, .custom_pages h2 {font-size: 32px !important; color: #49a2d4; margin-bottom: 5px !important; margin-bottom: 10px; line-height: normal;} #buying_vs_leasing h3, #buy_cars h3, #commitment h3, #value h3 {font-size: 16px; margin-bottom: 2px !important;} #buying_vs_leasing h4 {font-size: 14px; font-weight: normal; color: #49a2d4; margin-bottom: 5px; border-bottom: 1px dotted black;} #about #right, #buying_vs_leasing p, #brake_repair p, #oil_change p, #tires p, #careers p, #prepaid_maintenance p, #vehicle_service_agreements p, #buy_cars p, #lifetime_powertrain p, #commitment p, #value p, #value_trade p, #about p {font-size: 14px; margin-bottom: 18px; line-height: 1.325em;} #prepaid_maintenance #right ul, #vehicle_service_agreements #right ul { margin-bottom: 15px;} #prepaid_maintenance #right ul li, #vehicle_service_agreements #right ul li {font-size: 12px; list-style: disc; margin-left: 15px; line-height: 1.625em;} #about #right, #careers #right a, #buy_cars #right a {text-decoration: none; color: #49a2d4;} #about #right, #careers #right a:hover, #buy_cars #right a:hover {color: black;} #finance_specials #left {display: none;} #finance_specials #right {width: 98%; padding-left: 15px;} #value_trade iframe {width: 100%;} p.sidebar_contact_numbers {margin-bottom: 0px;} /* <--- XXXXXXXXXXXXXX END BUYING VS LEASING PAGE ELEMENTS XXXXXXXXXXXXXX ---> */ #model_details_description {padding: 15px; width: 68% !important;} #model_details_description h4 {border-bottom: 1px dotted black; color: #49a2d4; padding-bottom: 3px; margin-bottom: 5px; font-weight: bold !important; font-size: 18px !important;} #model_details_description p {margin-top: 5px; font-size: 12px;} #model_details_form {width: 26.5% !important; float: right;} #models #model_details {margin-left: 2px;} #models #model_details #in_stock_inventory .view_all a {line-height: 18px; font-size: 12px; padding: 1px 13px !important;} #models .in_stock_inventory_list > li div { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); } #models .in_stock_inventory_list > li div img {} #models .in_stock_inventory_list li ul li {text-align: center !important; color: #585858;} #models .in_stock_inventory_list .price_line_1 {color: #49a2d4 !important;} #models .in_stock_inventory_list .price_title {font-size: 12px !important; font-weight: 300 !important;} #parts h3 {display: none;} #parts h2 {color: #49a2d4; margin-bottom: 10px;} #parts #right > p {font-size: 12px !important; border-bottom: 1px dotted black; padding-bottom: 3px; margin-bottom: 5px;} #parts #vehicle_question_submit, #service #vehicle_question_submit {height: 30px !important; margin-bottom: 35px;} #parts #vehicle_question_submit input, #service #vehicle_question_submit input {height: 30px !important;} #notify #content_content {margin-bottom: 35px;} /* li.required {overflow: hidden; width: 230px; height: 56px;} */ #notify li.required {width: 100%;} .incentive_quote li.required {width: 300px} form.validation .trade_bid label {width: 75px !important;} .programLogo{background: url(../images/ProgramLogo.aspx.gif) no-repeat; width: 235px; height: 34px; text-indent: -9000em; padding-bottom: 10px;} #clear_all_filters {display: none;} #current_filters_wrap p.last {display: none;} .vctPanes_container form ol li {font-size: 13px !important;} .vctPanes_container .trade_bid li:first-child {margin-bottom: 15px; font-weight: bold;} #service li.required, #parts li.required {height: 55px !important; width: 300px;} #service #vehicle_question_error + fieldset + fieldset + fieldset ol.inline label {width: 75px;} #contact #mc_submit input {height: 40px;} #mc_vehicle_question input {color: black !important;} form.inventory_incentive_form #vehicle_question_submit input {font-size: 0; line-height: 0;} #vehicle_count_controls {width: 200px;} #ec_sitemap_tooltip h2 {font-size: 16px !important;} #commitment #right ul li {list-style-type: disc; font-size: 14px; margin-left: 35px; line-height: 1.625em;} #about #right, #commitment #right, #tires #right, #oil_change #right, #brake_repair #right, #vehicle_service_agreements #right, #prepaid_maintenance #right, #credit_estimator #right, #value_trade #right, #value #right, #lifetime_powertrain #right, #careers #right, #buy_cars #right, #buying_vs_leasing #right {padding: 20px; width: 68% !important;} #sidebar_address_content .sidebar_contact_numbers {margin-bottom: 0px;} /* <--- XXXXXXXXXXXXXX OUR TEAM XXXXXXXXXXXXXX ---> */ #our_team div#right.col.span9.col_last{color: #49A2D4;} /* Photo Overlay*/ /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:1000; /* styling */ background-color:#333; width:853px; height:210px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(../images/close.png); position:absolute; right:-30px; top:-29px; cursor:pointer; height:35px; width:35px; z-index: 2000 !important; } #newsletter_container { color: #000000; font-size: 13px; line-height: 16px; float: left; width: 185px; } #newsletter_container li{ margin-bottom: 10px; } #newsletter_container li input { width: 174px; } #newsletter_container li#newsletter_button input{ background: -moz-linear-gradient(center top , #FEFEFE 0%, #D8D8D8 100%) repeat scroll 0 0 transparent !important; border: 1px solid #464A4D !important; color: #464A4D !important; font-size: 11px !important; height: 30px !important; width: 180px !important; } #newsletter_list { float: left; width: 380px; padding-bottom: 15px; } #newsletter_list p{ width: 250px; padding-top: 5px; text-align: center; margin-bottom: 5px; } #newsletter_list ul { list-style-type: disc; padding-left: 30px; font-size: 14px; } #newsletter_list li { margin-bottom: 10px; } #newsletter .custom_pages h2 { font-size: 28px !important; } #news .newsItem h3 {margin-bottom: 10px;} #news h2{margin-bottom: 10px; font-size: 22px;} #news ul#recentList li{padding: 10px 0px;} #news .lp_paginationLeft{margin-bottom: 10px;} #news .lp_paginationRight{margin: 10px 0;} #newsItem p{ text-align: justify; } #right #news{padding-left: 10px; padding-right: 20px;} #right .atLocation_specials a { background: url("../images/Guaranteed-TradeB.jpg") no-repeat scroll center center transparent; height: 58px; } #vitalsContainer .atLocation_vehicle a { background: url("../images/Guaranteed-TradeB.jpg") no-repeat scroll center left transparent; height: 58px; } .vctTabs_container { height: 44px; } .vctTabs_container li#vctTabs_icon002 a span { line-height: 15px; display: block; padding-top: 10px; } #vct_container .vctTabs_container li { display: block; float: left; } #vct_container .vctTabs_container li.first { margin-left: 10px; } /* <--- XXXXXXXXXXXXXX FAQ PAGE XXXXXXXXXXXXXX ---> */ #faq h2 {font-size: 28px; color: #007CC3; margin:20px 0px 40px 0px;} #faq .pt_question {font-weight: bold;} #faq .pt_question {color: #007CC3;} #faq #right {width: 72.5%;} #faq #right{padding-left: 5px;} /* <--- XXXXXXXXXXXXXX CREDIT APP PAGE XXXXXXXXXXXXXX ---> */ #credit_app_wrap {width: 800px; height: 1200px; margin: 0 auto; border: 3px solid gray; padding-top: 0px; background: red;} #credit_app_wrap img {width: 800px;} /* <--- XXXXXXXXXXXXXX MEMBER SIGN UP PAGES XXXXXXXXXXXXXX ---> */ #new-member-sign-up #right, #existing-member-sign-in #right, #savings-card-terms #right, #pre_approved #right, #credit_application #right{ width: 960px; float: none; margin: 0 auto; } /* <--- XXXXXXXXXXXXXX CONTACT PAGE XXXXXXXXXXXXXX ---> */ #contact #customer_tools {margin-right: 25px;} /*##### =contact ##### ####################*/ #gmap_header { margin-top: 10px; width: 680px; } #ec_gmap_wrap { overflow:hidden; margin-bottom: 50px; color:#000; width: 680px; } #ec_gmap { float:right; } #gmap_directions_form { width: 100%; background: url(../images/contact_header_bg.jpg) no-repeat; color:#000; overflow:auto; border-top:7px solid #3EB0E0; border-bottom:#8a8a8a 3px solid; } * html #gmap_directions_form { padding-bottom:5px; } *:first-child+html #gmap_directions_form { padding-bottom:5px; } #gmap_directions_form p { color: #000; margin:0; padding: 0; } #gmap_directions_from { float:left; margin: 5px 0 10px 15px; width:255px; } * html #gmap_directions_from { display:inline; } *:first-child+html #gmap_directions_from { display:inline; } #gmap_directions_from_label, p#gmap_directions_to_label { display:block; font-weight:bold; font-size:9pt; } #saddr { border: 1px solid #C8CDDC; width:200px; margin:0; padding:0px; font-size:12px; height: 25px; } #gmap_directions_to_label, #gmap_directions_to_input { float:left; } #gmap_directions_to { float:left; margin: 5px 0 10px 15px; width: 225px; } p#gmap_directions_to_input { margin: 2px 0 0 10px; font-size: 9pt; line-height:9pt; } #gmap_directions_submit { float:left; margin: 5px 0 10px 10px; width: 140px; } #gmaps_directions_submit_button { float:left; width:135px; height:28px; margin-top:10px; border: 1px solid #666; color: #666; background: #ddd; } #gmaps_directions_submit_button:hover { background: #ccc; } *:first-child+html #gmaps_directions_submit_button { padding-top:100px; } * html #gmaps_directions_submit_button { padding-top:100px; } #gmap_sidebar { float:left; width: 220px; } #gmap_sidebar ul { list-style-type:none; padding: 0; } #gmap_sidebar ul li { padding: 0; } #gmaps_directions_box_wrap { overflow:auto; background: #fff; } #gmaps_directions_clear_button { display:block; float:right; margin: 2px; } #gmaps_directions_print { display:block; margin: 5px; } #gmaps_directions_box { clear:both; } #contact #customer_tools { clear:both; } #gmaps_didYouMean { margin: 5px; } #gmaps_dym_list li { margin:5px; font-size:9pt; list-style-type:none; } .specials_flash_container { width: 675px !important; } button.ui-button {margin-bottom: 10px;} #right { font-size: 14px; margin-bottom: 18px; line-height: 1.325em; } #fyc_container #si_cat_pre_make li{display: none !important;} #fyc_container li#si_cat_pre_make_Honda{display: block !important;} /*Social Media Toolbar*/ #ecl_smb_open .ecl-smb-list {min-width: 400px !important; bottom: 0 !important; left: 0 !important; position: relative; float: left;} #ecl_social_media_bar, #ecl_social_media_bar_inner{z-index: 999999; bottom: 0 !important; left: 0 !important; width: 100%;} #ecl_smb_open .ecl-smb-list li{float: left;} #ecl_smb_open{left: 0px;} .ecl-smb-googleplus-button iframe{position: relative !important; display: block; text-align: left; width: 190px !important;} #ecl_smb_open .ecl-smb-list li.ecl-smb-googleplus-button{width: 195px; } #ecl_smb_open a.ecl-smb-blog-logo { float: left; color: #666; width:20px; font-size: 10px; line-height: 31px; text-decoration: none; height: 30px; padding: 0 10px 0 30px; border-right: 1px solid #C3C3C3; background: url('../images/blogIcon.jpg') no-repeat 10px center; } #ecl_smb_open a.ecl-smb-yelp-logo { float: left; color: #666; width: 20px; font-size: 10px; line-height: 31px; text-decoration: none; height: 30px; padding: 0 10px 0 30px; border-right: 1px solid #C3C3C3; background: url('../images/YelpIcon.png') no-repeat 10px center; } #ecl_smb_open a.ecl-smb-dealerrater-logo { float: left; color: #666; width: 60px; font-size: 10px; line-height: 31px; text-decoration: none; height: 30px; padding: 0 10px 0 30px; border-right: 1px solid #C3C3C3; background: url(../images/dealerRater.png) no-repeat 10px center; } #extIcons{height: 30px; float: left; display: block; } #extIcons:hover{background: #fff;}