@charset "UTF-8";
@import url(http://images1.ecarlist.com/sites/templates/common/css/base.css);

/****** MAIN LAYOUT *******/

/*Base*/
body {background: #000 url(../images/bkg.jpg) no-repeat top center; color: #FFF; font: normal 16px Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
a {color: #ffc423; text-decoration: underline; }
a:hover {color: #909090;}
p {line-height: 22px; margin-bottom: 10px; text-align: justify;}
#right h2,#financeLeft h2,#notify_middle h2 {font: bold 28px Arial; text-transform: uppercase; margin: 0 0 15px; color: #ffc423 !important;}
.left {float: left;}
#right h2,#financeLeft h2,#notify_middle h2, #priNav li a, #priNav li:hover a, #contact_small, #contact_incentives, #sidebar_block, #sidebar_address, 
#sort_bar, #vehicle_topbar, #sort_bar a, #inventory_v2_sidebar_filters h3.non_expandable_menuheader, #inventory_v2_sidebar_filters h2, #currentFilters a,
.filterList, .similarVehicle, #vehicle_v2_sidebar_links,.expandable a, #currentFilters p, #home .left h3, #quicklinks li a, #quicklinks li:hover a,
.color_pri,.color_sec {color: #ffc423;}

/*Layout*/
html,body,#wrapper {min-height: 100%; min-width: 1000px; padding: 0; margin: 0; }
#wrapper{  }
#pgWrap{ width: 970px;  margin: 0 auto; padding: 10px 15px;}
#right,  #vehicle_vitals, #notify_middle {padding: 20px; width: 68.5%; background: #000;}
#notify_middle {width: 60.5%;}
#financeLeft{background: #000; padding: 30px; width: 650px;}
#content{margin-top: 20px;}

/*Header*/
#header h1 {float: left; margin-top: 18px; padding-bottom: 16px;}
#header h1 a {margin-left: -15px; background: url(../images/logo_big.png) no-repeat; display: block; width: 478px; height: 131px; text-indent: -9999px; }
#header h1 a:hover{color: #FFF;}
#header .contactInfo {float: right; text-align: right; font-size: 14px; text-transform: uppercase; margin-top: 68px; margin-right: 10px; line-height: 27px;}
#header .contactInfo span{background: url(../images/contact_dash.jpg) no-repeat 2px center;  padding-left: 22px;}
#header .contactInfo h2{color: #ffc423; font-size: 23px;}


/*Navigation*/
#priNav {width: 100%; border: 1px solid #373737;  margin: 0 auto; padding: 0; display: inline-block; background: url(../images/nav_bkg.jpg) repeat-x top left; height: 44px;  list-style-type: none; clear: both; }
#priNav li {background: url(../images/nav_bkg.jpg) repeat-x top left; border-left: 1px solid #3E3E3E; border-right: 1px solid #2A2A2A;  margin: 0px 0; height: 39px; padding-top: 5px;}
#priNav li:hover{background-position: bottom left; color: #FFF; }
#priNav li a {text-align: center; display: block; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 100%; margin: 0 10px 0 10px; padding: 0 5px; line-height: 30px; color: #FFF !important; -webkit-text-shadow: -1px -1px 1px #000; -moz-text-shadow: -1px -1px 1px #000; text-shadow: -1px -1px 1px #000;}
#priNav li a:hover{color: #FFF;}
li#priNav_home.first{border-left:none; margin-left: 40px;}
#priNav li.last {border-right: none; width: 145px;}
#priNav li:hover a {}
#priNav a{color: #FFF;}

/*Dropdown*/
#priNav ul {background: #37240b; padding: 0 5px !important; width: 240px; margin-left: 3px !important;}
#priNav ul li {background: none; border-bottom: 1px solid #4d4335; line-height: 30px;}
#priNav li:hover li a {background: #234ca0 url(../images/inv_arrow.png) no-repeat 4px center; padding-left: 14px}
#priNav ul li.last {border-bottom: none;}


/* Footer */
#footer { margin: 30px auto;  color: #b7b7b7; border-top: 1px solid #262625; padding-top: 20px; }
#footer a {color: #b7b7b7; text-decoration: none; padding: 0 5px;}
#footer ul {text-align: left;  display: block;}
#footer li {display: inline; list-style-type: none; *border-left: 1px solid #b7b7b7; }
#footer li.first {border-left: none; padding-left: 0;}
#footer li a:hover {color: #FFC423;}
#footer #footerNav {font-size: 12px;}
#ec_footer{font-size: 10px; padding-top: 6px;}

#footerNav li:after {content: "|"; color: #b7b7b7;}
#footerNav li.last {border: none;}
#footerNav li.last:after {content: " ";}
#ec_footer li:after{content: " |"; color: #b7b7b7;}
#ec_footer li.last {border: none; }
#ec_footer li.last:after { content: " ";}

#footer h3#dt_ecl a {background: url(../images/dt_logo.jpg) no-repeat top left; float: right; height: 24px; width: 214px; text-indent: -9999px; display: block;}
#footer h3#dt_ecl a:hover {background-position: bottom left;}

a#ebay{background: url(../images/ebay_link.jpg) no-repeat; width: 122px; height: 60px; margin-top: 15px; display: block; text-indent: -9000em;}

/*********HOME PAGE **********/

#top_content{padding: 10px 5px; margin-bottom: 20px; background: url(../images/home_box_grad.png) repeat; }



.youTube{float: left; margin-right: 25px; background: url(../images/grad_bkg.png) repeat; width: 320px; height: 202px; margin-top: 20px;}

.youTube iframe{ padding-top: 10px; padding-left: 10px;}



/* Find Your Car */
.inv_search{background: #1d1d1f; width: 265px; height: 231px; }

#search form select{ width: 235px; height: 29px; background: #e5e5e5; border-radius: 1px; }

#search form label{display: none;}

#fyc_container #fyc_panes_container { width: 675px !important; height: 225px !important; background: #393939; }

#fyc_container #fyc_tabs_list{ background: #1d1d1f; border: 1px solid #2a2b2d; height: 223px !important; width: 255px !important; margin-right: 15px; margin-left: 5px;}

#fyc_container ul#fyc_tabs_list.fyc_link_list li{background: url(../images/dd_bkg.jpg) no-repeat top left; width: 240px; height: 34px; color: #000; margin-left: 10px; line-height: 35px; padding-left: 12px; margin-bottom: 10px;  }

#fyc_container ul#fyc_tabs_list.fyc_link_list li:hover{background-position: bottom left;}

#fyc_container li.fyc_close{margin-top: 10px; height: 25px !important;}

#fyc_container li.fyc_close{background: url(../images/fyc_title.jpg) no-repeat !important;}
.fyc_title{display: none;}

#fyc_container .searchInv_cat_links li{background: url(../images/fyc_make_bkg.jpg) no-repeat 0 0; width: 203px !important; height: 24px; padding: 2px; }

#fyc_container .searchInv_cat_links li:hover{background-position: 0 -27px;}

#fyc_container .searchInv_cat_links li a{color: #000; text-decoration: none;}

#fyc_container .fyc_tab_container ul li a{padding: 5px; display:block;}

#fyc_container .searchInv_cat_links li span{ float: right; margin-right: 15px; position: relative;}

#fyc_container .searchInv_cat_links{padding-top: 2px; padding-left: 30px;}

ul#fyc_preowned_tabs_list.fyc_link_list{display: none;}

ul#fyc_new_tabs_list.fyc_link_list li{color: #bdb3a1; margin:10px 30px;}

/*Quicklinks*/
#quicklinks {margin: 0px 0; float: left; background: url(../images/grad_bkg.png) repeat;  list-style: none; text-indent: -9000em;}
ul#quicklinks{width: 298px; height: 232px; padding-top: 10px; padding-left: 5px;}
#quicklinks li a{height: 112px; width: 146px; display: block; background: url(../images/ql_bkg.jpg) no-repeat; }
#quicklinks li { display: inline; float: left; margin: 0 0px 0 0;  position: relative; float: left;}

ul#quicklinks li a#inventory{background-position: 0 0;}
ul#quicklinks li a#inventory:hover{ background-position: -316px 0;}

ul#quicklinks li a#trade{background-position: -150px 0px;}
ul#quicklinks li a#trade:hover{ background-position: -466px 0;}

ul#quicklinks li a#finder{background-position: 0px -113px;}
ul#quicklinks li a#finder:hover{ background-position: -316px -113px;}

ul#quicklinks li a#finance{background-position: -150px -113px;}
ul#quicklinks li a#finance:hover{ background-position: -466px -113px;}

/* Social Media */

#social_wrap{background: url(../images/grad_bkg.png) repeat; height: 232px; width: 310px;  padding-top: 10px;  float: right;}
#social_media {height: 200px; width: 275px; margin: 0px auto; background: #1a1b1c; border: 2px solid #252527; padding: 10px 10px 10px 0;}

#social_media h1{font-size: 12px; font-weight: normal; background: url(../images/gold_line.jpg) no-repeat 2px center;  padding-left: 28px; margin-bottom: 20px;}

#social_media a{background: url(../images/social.jpg) no-repeat; width: 284px; height: 54px; display: block; float: left; text-indent: -9000em; }

a#fb{ background-position: 0px 0px;}
a#fb:hover{ background-position: -295px 0;}

a#twitter{ background-position: 0px -54px;}
a#twitter:hover{ background-position: -295px -54px;}

a#yt{ background-position: 0px -111px;}
a#yt:hover{ background-position: -295px -111px;}

/****** INVENTORY*******/

/*Inventory*/
#searchBar  { background: #000; border: 1px solid #4B4A4D; border-bottom: none; width: 100%;}

#searchBar #submit { font-size: 11px;  }
#inventory #sort_bar {color: #FFF; margin-bottom: 10px;}
#inventory #sort_bar a{color: #FFF;}
#drop_down_filters #drop_down_right #submit{color: #000;}
#drop_down_filters #drop_down_right #submit:hover{color: #FFC423;}
#drop_down_filters{margin-left: 5px;}
#sort_bar, #vehicle_topbar { background: #000; border: 1px solid #4B4A4D; line-height: 52px; font-size: 12px; height: 42px; font-size: 12px; color: #FFF;}

.inventory_v2_row {border: 1px solid #4B4A4D; background: #000; padding: 15px 0 !important; margin-bottom: 10px;}
#inventory_v2_rows .inventory_image_label{text-align: center;}
.inventory_v2_details h4 a.color_pri {text-transform: uppercase; color: #ffc423; font-size: 15px;}
.inventory_v2_details h4 a:hover {color: #FFF;}
.inventory_v2_details_wrap {color: #FFF;}
.inventory_v2_price_right .price_line_1 {font-size: 24px; color: #FFF; padding-bottom: 5px;}
.inventory_v2_price_right .price_line_2, span.price_title{color: #FFF;}
.inventory_v2_price_right .price_line_1 .callForPrice {font-size: 14px;}
li.price_title{color: #666666;}
.inventory_v2_details_links{color: #666666;}

.inventory_v2_pagination {margin: 10px 0px 0 0; }
.inventory_v2_paginationRight a{ margin-right: 10px; width: 200px;}

#vehicleDisclaimer {font-size: 11px; padding: 20px; width: 100%; color: #aaaaaa}
#sorry_notify_container{color: #000;}
#inventory_v2_sorry .similarVehicle img{width: 90%;}


/*Inventory Sidebar*/

#inventory_v2_sidebar_filters{ background: #000; border: 1px solid #4b4a4d;}
#inventory_v2_sidebar_filters h3.non_expandable_menuheader {margin: 10px 0px 0px 20px; font-size: 11px; color: #999999; font-weight: normal;}

#currentFilters { font-size: 12px; padding: 10px; margin: 0 0 10px 10px; }
#currentFilters p {line-height: 20px; color: #FFF;}
#currentFilters p a{color: #FFF;}
#currentFilters a.clearFilter{color: #FFF;}

#inventory_v2_sidebar_filters h2 {margin: 10px 0px 0px 20px; font-size: 14px; color: #999999; text-transform: uppercase; font-weight: normal;}
.filterList h3, #similarVehicles h3, #vehicle_v2_sidebar_links p {font: bold 13px Helvetica; color: #FFF; margin: 0 0 6px 10px;}
#filterListWrap {margin: 10px 0;}
.filterList, .similarVehicle, #vehicle_v2_sidebar_links {padding: 0 11px 11px 11px;}
.filterList, .similarVehicle, #vehicle_v2_sidebar_links, #contact_small, #contact_incentives, #sidebar_block, #sidebar_address{margin: 0;} 

.filterList ul, #vehicle_v2_sidebar_links ul {margin: 0;}
.filterList li, #vehicle_v2_sidebar_links li {padding-left: 8px; padding-bottom: 4px;}
.filterList li, .filterList li a, #vehicle_v2_sidebar_links li, #vehicle_v2_sidebar_links li a {font-size: 12px;}
.filterList li a, #vehicle_v2_sidebar_links ul li a { color:#999999; background: url(../images/inv_arrow.jpg) no-repeat 2px center; padding: 4px 4px 4px 14px;}
.filterList li a:hover, #vehicle_v2_sidebar_links li a:hover {color: #FFC423;}
.countnum {color:#999999;}
.expandable a{color:#999999; margin: 0 5px; display: inline-block;}
.expandable a:hover {color: #FFC423;}


/********* VEHICLE PAGE **********/


/*Vehicle*/

#vehicle_topbar_left a{text-decoration: none; margin-left: 4px;}
#vehicle #drop_down_filters div{margin-left: 3px;}
#vehicle_title {margin-top: 5px; font-size:20px; font-weight: bold; color: #ffc423;}
#vehicle_mainPhoto img {border: 1px solid #cacaca;}
#vehicle_vitals {padding: 20px !important; width: auto; margin-top: 10px !important;  background: #000; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; }
#vitalsContainer {font-size: 11px; color: #aaaaaa;}
#vehicle_thumbs {margin: 0px !important; padding: 0px 6px 10px 15px !important;  width:auto;  border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; }
#vehicle_contact span {font-size: 16px; color: #aaaaaa;}
#vehicle_contact a {font-size: 10px; color: #aaaaaa;;}
#priceContainer {font-weight: bold;  }
#priceContainer .price_line_1 {font-size: 32px; color: #FFF; font-family: Arial, Helvetica,  sans-serif; }
.price_title.gray_ten{color: #aaaaaa; font-size: 13px; font-weight: bold;}

input#vctSubmit_button_calc.vctSkin_bg{background: url('http://images1.ecarlist.com/sites/images/vct_images/vct_skin_custom.png') repeat-x;}

#vct_container {color: #FFF;}
.vctPanes_container.vctSkin_bg{background: #000;}
li.vctTabs_icon_wrapper.vctSkin_bg{background: #000;}
#vctMiddle_container.vctSkin_bg{background: #000;}
#vctTop_container #vctLeft_corner{border-left: 1px solid #333333; border-top: 1px solid #333333; background: #000;}
#vctTop_container #vctRight_corner{border-right: 1px solid #333333; border-top: 1px solid #333333; background: #000;}
#vctTop_container #vctMiddle_container{border-top: 1px solid #333333; }
 .vctTabs_container li{border-right: 1px solid #333333 !important; border-left:1px solid #333333 !important; }

 
 #vctBottom_container #vctLeft_corner{border-left: 1px solid #333333; border-bottom: 1px solid #333333; background: #000;}
#vctBottom_container #vctRight_corner{border-right: 1px solid #333333; border-bottom: 1px solid #333333; background: #000;}
#vctBottom_container #vctMiddle_container{border-bottom: 1px solid #333333 !important;}

 .vctTabs_container li{border-right: 1px solid #333333 !important; border-left:1px solid #333333 !important;}
 .vctTabs_container li.first{border-left: none !important;}
 .vctTabs_container li.last{border-right: none !important;}
 
.vctTabs_container{border-right: none !important; border-left:none !important; border-top: 1px solid #191919 !important; margin-right: 2px;}
.vctPanes_inner {border-left: 1px solid #333333 !important; border-right: 1px solid #333333 !important;}
.vctAddress_dealerboxMap{color: #fef10f;}




#vctHeader_img{background: url(../images/ct_image.jpg) no-repeat center !important;}
#vctHeader_txt{color: #343434; color: #FFF; font-size: 22px !important; font-weight: normal; }
#ec_vehicleIncentiveBlock {color: #37240b;}
.ip_dottedLine {border-bottom: 1px solid #252525; height: 15px; margin-bottom: 15px;}
#vctSubmit_button_offer {background: url(../images/submit_button.jpg); background-position: -15px 0 !important; border: 1px solid #000; height: 27px; width: 198px; text-indent: 0; margin-left: 115px;}
#vctSubmit_button_offer:hover {background-position: -15px -25px !important; }

#vehicle_question_submit input.submitButton{margin-left: 15px; height: 25px; width: 198px; background: url(../images/submit_button.jpg) no-repeat; background-position: -15px 0 !important; text-indent: -9000em;}
#vehicle_question_submit input.submitButton:hover {background-position: -15px -25px !important;}
/*Vehicle Sidebar*/

#similarVehicles{background: #000; border: 1px solid #333333; margin-bottom: 10px;}
#similarVehicles h3 {font-size: 20px !important; color: #ffc423; font-weight: normal; padding-top: 10px;}
.similarVehicle {padding: 8px; font-size: 12px !important; border-bottom: 1px solid #1f1f1f; width: 185px; margin-left: 10px; }
.similarVehicle.last{border-bottom: none;}
.simCar_pricelabel {font-size: 9px;}
.similarVehicle img {width: 100%;}
.similarVehicle li{color: #aaaaaa; font-size: 12px; font-weight: normal;}
.similarVehicle li a {text-decoration: none; color: #ffc423; font-size: 12px; font-weight: bold;}
.similarVehicle li a:hover{color: #fff;}
#vehicle_v2_sidebar_links p{margin: 0px 3px 10px 20px !important; font-size: 12px; text-transform: uppercase;}
#vehicle_v2_sidebar_links {background: #000; border: 1px solid #4b4a4d; padding: 10px 0px !important;}





/* Contact Form */
#contact_small, #contact_incentives, #sidebar_block, #sidebar_address {padding: 11px 22px; font-size: 12px; margin-bottom: 10px;  border: 1px solid #4b4a4d; background: #000;}
#contact_small h2, #contact_incentives h3, #sidebar_block h2 { text-transform: uppercase; margin:0 0 12px; width: 185px; padding-bottom: 10px; font-size: 15px; border-bottom:1px solid #4b4a4d;   }
#contact_small label, #contact_incentives label {background: none; padding-left: 0; font-size: 12px; font-weight: bold; color: #FFF;}
#contact_small li, #contact_incentives li {width: 205px;}
#contact_small .input_element, #contact_incentives .input_element {border: 1px solid #464a4d; font-size: 11px; margin: 0 2px 7px 0; background: #FFF !important; border-color: #464a4d !important; }
#contact_small input[type="text"], #contact_incentives input[type="text"] {height: 13px; }
#contact_incentives {width: auto; overflow:visible !important;}
#contact_incentives ol {margin: 0;}
#contact_incentives.validation legend {display: none !important;}
.submitButton, #contact_incentives #vehicle_question_submit input {background: #ffc423;  height: 28px; width: 185px; cursor: pointer;   color: #000; font-size: 12px; text-transform: uppercase; border: none;}
.submitButton:hover, #contact_incentives #vehicle_question_submit input:hover {background: #990f17; color: #d3d3d3; }
#contact_incentives #vehicle_question_submit input {}
p#form_response_body{color:#FFF;}

/*General Sidebar*/
#sidebar_address {font-size: 13px !important; background: #000 !important; border: 1px solid #333333 !important; width: 197px;}
#sidebar_address_head {font: bold 16px/26px Helvetica, Verdana, Arial, sans-serif !important; color: #FFF; text-transform: uppercase; text-align: center;}
#sidebar_address_titles {padding-right:2px;}
a#vehicle_v2_notify_button {display: inline-block; width: 225px; height: 87px; text-indent: -9000px; background: url(../images/notify.jpg) no-repeat; margin: 10px auto;}


/*Financing Page*/
.financeBox2{background: #000 !important; border-color: #333333 !important;  }
.financeBox2 h3{ color: #FFC423 !important;}
.financeBox2 ul li{color: #FFF !important;}
.financeBox2 ul li a{color: #FFF !important;}

#financing #financeRight {margin-left: 10px;}		

#financing .finance_partners {background-color: #fff; border: 5px solid #999;}
#financing .finance_partners img {padding: 5px 50px;}


/*Service & Parts*/
#parts_request_form h3, #service_request_form h3 {}
#right h2{color: #ffc423;}

/*Specials Page*/

#specials_navigation_main li a{color: #000;}
p.automated.automated_10426_line1{color:#FFF !important;}
p.automated.automated_10426_line3{color:#FFF !important;}
/*General Sidebar*/
#sidebar_address {font-size: 13px !important;}
#sidebar_address div.floatleft p{width: 130px; text-align: left;}
#sidebar_address_head {font: bold 16px Helvetica, Verdana, Arial, sans-serif !important; color: #FFF; text-transform: uppercase; text-align: center;}
#sidebar_address_titles {padding-right:2px; width: 60px;}
a#vehicle_v2_notify_button {border: 1px solid #4b4a4d; display: inline-block; width: 228px; height: 92px; text-indent: -9000px; background: url(../images/notify.jpg) no-repeat; margin: 10px auto;}

/*Global CSS Fixes*/
.inventory_gogreen_box {width: 80px;}
#parts_request_form ol, #service_request_form ol {*width: 315px;}
#financeCalc li#financeCalc_footer {height: 15px !important;}
#financeCalc{color: #000;}
.trade_appraisal_text h3, .trade_appraisal_text p{color:#000;}
div.gloInner-left{background: black; padding: 15px;}