@import url('http://images1.ecarlist.com/sites/templates/common/css/base.css');

html {background-color: #fff;}
body {font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.3;}
a {color: #000; text-decoration: none;}
a:hover {color: #000; cursor: pointer; text-decoration: underline;}

.wrapper {margin: 0 auto; width: 980px;}

.custom h2, #financeLeft h2, #notify_middle h2, #incentives #right h2, #specials #right h2, #about #right h2, #contact #right h2, #parts #right h2, #service #right h2 {color: #000; font-size: 24px; font-weight: normal; margin-bottom: 15px;}
.custom h3, #financeLeft h3, #notify_middle h3, #incentives #right h3, #specials #right h3, #about #right h3 {color: #333; font-size: 16px; margin-top: 10px;}
#service #right h3, #parts #right h3 {font-size: 16px;}
.custom #right p, .custom #right li, #financeLeft p, #notify_middle p, #about #right p, #incentives #right p, #service #right p {color: #444; font-size: 14px; margin: 10px 0;}
.custom #right li {font-size: 14px; margin: 0; padding-left: 20px;}
.custom #right a {text-decoration: none;}
.custom #right a:hover {text-decoration: underline;}

#container {margin: 0 auto; min-height: 850px; width: 980px;}

#topTile {background: url(../images/bgTopTile.jpg) left top repeat-x transparent;}
#topCenter {background: url(../images/bgTopCenter.jpg) center top no-repeat transparent;}

#bottomTile {background: url(../images/bgBottomTile.jpg) left bottom repeat-x transparent;}
#bottomCenter {background: url(../images/bgBottomCenter.jpg) center bottom no-repeat transparent;}


/*********************************************
****************** header ********************
**********************************************/
#header {margin-bottom: 25px;}
#header h1 a {background: url(../images/logo.png) center top no-repeat; display: block; height: 125px; margin: 0 auto; text-indent: -9999em; width: 700px;}

/******** priNav *********/
#priNavWrap {background: url(../images/bgNav.png) center top no-repeat transparent; height: 52px; margin: 32px auto 0; padding: 10px 13px 0; text-align: center; width: 940px;}

#priNav {display: inline-block; margin: 0 auto;}
*+html #priNav {display: inline;}
#priNav li {position: relative;}
#priNav a {color: #fff; display: block; font-size: 16px; font-weight: bold; height: 50px; line-height: 50px; padding: 0 15px;}
#priNav a:hover {background: url(../images/bgNavHover.png) left top repeat-x #2f2f2f; text-decoration: none;}

#priNav ul {background-color: #000; padding: 0 5px 5px;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	box-shadow: 0 1px 3px #000;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;}
#priNav ul a {background: none; display: block; font-size: 12px; height: auto; line-height: 1; margin: 5px; padding: 8px; white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}
#priNav ul a:hover {background-position: left bottom;}


/*********************************************
****************** footer ********************
**********************************************/
#footer {min-height: 420px;}
/* IE7 */
*:first-child+html #footer { height: 440px; }
#footer #iga_acc {clear: both; display: block; margin: 0 auto; width: 300px;}

#find_your_dealership h2 {color: #7d7d7d; display: block; font-size: 23px; font-weight: normal; height: 23px; letter-spacing: -1px; line-height: 23px; margin: 20px 0 5px; text-transform: uppercase;} 

#find_your_dealership .tabs {float: left; margin: 0 35px 0 15px; width: 215px;}
#find_your_dealership .tabs li {background-color: #e2e2e2; border: 1px solid #eaeaea; display: block; height: 43px; margin-bottom: 5px; padding: 5px;}
#find_your_dealership .tabs li.current, #find_your_dealership .tabs li:hover {background-color: #fff; cursor: pointer;}
#find_your_dealership .tabs li h3 {color: #2d2d2d;}
#find_your_dealership .tabs li p, #find_your_dealership .tabs li a {color: #444; font-size: 10px;}

#find_your_dealership .panes {background-color: #fff; float: left; height: 192px; margin-top: -12px; width: 515px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;}

#find_your_dealership .panes .pane {padding-top: 12px; position: relative;}
#find_your_dealership .panes ul {float: left; margin-left: 5px; width: 190px;}
#find_your_dealership .contact_map {float: left; height: 175px; width: 310px;}

#find_your_dealership .panes .address {color: #999; font-weight: bold; margin-bottom: 10px;}
#find_your_dealership .panes h3 {color: #000; font-size: 16px;}

#find_your_dealership .panes .phone {color: #444; font-weight: bold; margin-bottom: 10px;}
#find_your_dealership .panes .links a {color: #999; font-weight: bold;}

#footer_links {float: left; margin-left: 10px; width: 170px;}

#footerNav {border-bottom: 1px solid #bfbfbf; overflow: auto; padding-bottom: 10px;}
#footerNav li {float: left; margin-bottom: 3px; width: 50%;}
#footerNav a {color: #444; font-size: 11px; text-transform: uppercase;}
#footerNav a:before {content: '\00bb'; padding-right: 3px;}

#ec_footer {border-top: 1px solid #f6f6f6; color: #444; font-size: 10px; padding-top: 10px;}
#ec_footer a {color: #444;}
#ec_footer li {float: left; line-height: 1; margin-bottom: 3px;}
#ec_footer li.first {border-right: 1px solid #444; margin-right: 3px; padding-right: 3px;}
#ec_footer li.last {clear: both; width: 170px;}

#ecl_logo a {background: url(../images/ecl.png) left top no-repeat transparent; clear: both; float: right; display: block; height: 29px; margin-top: 10px; text-indent: -9999em; width: 138px;}
#ecl_logo a:hover {background-position: left bottom;}

/*********************************************
******************  home  ********************
**********************************************/
#dealershipNav h3 {background: url(../images/divider.png) right center no-repeat transparent; color: #7d7d7d; font-size: 14px; font-weight: normal; height: 23px; line-height: 23px; margin-bottom: 5px; text-transform: uppercase;}
#dealershipNav ul {border-bottom: 1px solid #dadada; float: left; margin-bottom: 8px; padding-bottom: 5px;}
#dealershipNav li {float: left;}
#dealershipNav a {background: url(../images/spriteDealerships.png) no-repeat transparent; display: block; height: 55px; margin-right: 8px; text-indent: -9999em; width: 321px;}

#dealershipNav #cain_bmw {background-position: 0 0;}
#dealershipNav #cain_toyota {background-position: -321px 0;}
#dealershipNav #cain_scion {background-position: -642px 0; margin-right: 0;}

#dealershipNav #cain_bmw:hover {background-position: 0 -55px;}
#dealershipNav #cain_toyota:hover {background-position: -321px -55px;}
#dealershipNav #cain_scion:hover {background-position: -642px -55px;}

#find_your_car {clear: both;}

#featuredVehicles_title span {color: #7d7d7d; display: block; font-size: 23px; font-weight: normal; height: 23px; letter-spacing: -1px; line-height: 23px; margin: 20px 0 5px; text-transform: uppercase;}

.random_list_item {float: left; font-size: 12px; font-weight: bold; margin: 0 9px;}
.random_list_item a, .random_list_item a:hover {text-decoration: none;}
.random_list_item.first {margin-left: 0;}
.random_list_item.last {margin-right: 0;}
.random_list_item img {border: 5px solid #dadada;}
.random_list_item:hover img {border-color: #000;}
.random_list_item span {color: #444; display: block;}
.random_list_item .price {color: #8d9092; font-size: 22px; letter-spacing: -1px; margin: 5px 0;}
.random_list_item .details {background-color: #e7e7e7; color: #777; font-weight: normal; padding: 5px; text-transform: uppercase;}
.random_list_item:hover .details {color: #000;}

#fyc_container #fyc_panes_container {height: 327px;}
#fyc_container #fyc_panes_container, #fyc_container #fyc_tabs_list {float: none; width: auto;}
#fyc_container #fyc_panes_container .pane {background-color: #000; height: 327px;}
#fyc_container #fyc_panes_container .pane li {margin-bottom: 20px; text-align: center; width: 20%;}
#fyc_container #fyc_panes_container .pane a {color: #fff; font-size: 16px;}
#fyc_container .fyc_close {display: none;}
#fyc_container #fyc_tabs_list {height: 107px;}
#fyc_container #fyc_tabs_list li {background: url(../images/spriteFindYourCar.png) no-repeat transparent; float: left; height: 107px; margin-right: 1px; text-indent: -9999em; width: 244px;}

#fyc_container #fyc_tabs_list #fyc_make {background-position: -10px 0;}
#fyc_container #fyc_tabs_list #fyc_category {background-position: -256px 0;}
#fyc_container #fyc_tabs_list #fyc_price {background-position: -501px 0;}
#fyc_container #fyc_tabs_list #fyc_cpo_make {background-position: -746px 0;}

#fyc_container #fyc_tabs_list #fyc_make:hover, #fyc_container #fyc_tabs_list #fyc_make.current {background-position: -10px -107px;}
#fyc_container #fyc_tabs_list #fyc_category:hover, #fyc_container #fyc_tabs_list #fyc_category.current {background-position: -256px -107px;}
#fyc_container #fyc_tabs_list #fyc_price:hover, #fyc_container #fyc_tabs_list #fyc_price.current {background-position: -501px -107px;}
#fyc_container #fyc_tabs_list #fyc_cpo_make:hover, #fyc_container #fyc_tabs_list #fyc_cpo_make.current {background-position: -746px -107px;}

#fyc_container .searchInv_cat_links {height: auto; padding: 10px; width: auto;}

.fyc_title {background-color: #868686; height: 34px;}
.fyc_title h3 {color: #fff; font-size: 14px; height: 34px; line-height: 34px; margin-left: 10px;}
#fyc_container .close {background: url(../images/close.png) left top no-repeat transparent; display: block; float: right; height: 21px; margin-right: 10px; margin-top: 7px; text-indent: -9999em; width: 21px;}
#fyc_container .close:hover {background-position: left bottom;}

#fyc_container #fyc_panes_container #fyc_cpo_pane #si_cat_cpo_make_BMW a, #fyc_container #fyc_panes_container #fyc_cpo_pane #si_cat_cpo_make_Scion a, #fyc_container #fyc_panes_container #fyc_cpo_pane #si_cat_cpo_make_Toyota a {background-image: url(../images/dealerLogos.png); background-repeat: no-repeat; display: block; height: 42px; line-height: 42px; text-align: left; padding-left: 65px;}
#fyc_container #fyc_panes_container #fyc_cpo_pane #si_cat_cpo_make_BMW a {background-position: left top;}
#fyc_container #fyc_panes_container #fyc_cpo_pane #si_cat_cpo_make_Scion a {background-position: left -109px;}
#fyc_container #fyc_panes_container #fyc_cpo_pane #si_cat_cpo_make_Toyota a {background-position: left -57px;}

#fyc_container #fyc_panes_container #fyc_cpo_pane ul, #fyc_container #fyc_panes_container #fyc_price_pane ul, #fyc_container #fyc_panes_container #fyc_body_type_pane ul {padding-top: 50px;}
#fyc_container #fyc_panes_container #fyc_cpo_pane li, #fyc_container #fyc_panes_container #fyc_price_pane li, #fyc_container #fyc_panes_container #fyc_body_type_pane li {width: 33%;}
/*********************************************
***************  inventory  ******************
**********************************************/

/* left */
.non_expandable_menuheader {color: #838383;}
#currentFilters {background-color: #020202; border: 1px solid #666; color: #fff; margin-bottom: 10px; padding: 5px;}
#currentFilters a {color: #fff;}

#inventory_v2_sidebar_filters h2 {font-size: 19px;}

#filterListWrap {background: url(../images/bgFiltersBottom.png) center bottom no-repeat transparent; margin-bottom: 10px; padding-bottom: 12px;}
.filterList {background-color: #f9f9f9; border: 1px solid #e8e8e8; padding: 5px;}
#inventory_v2_sidebar_filters h3 {color: #333; font-weight: bold;}
.filterList li a {background: url("http://images1.ecarlist.com/sites/images/listingImages/arrowTree_blk.gif") no-repeat scroll 2px center transparent; color: #6c6c6c; padding: 2px 2px 2px 12px;}
.filterList li a:hover {background-color: #000; background-image: url("http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif"); color: #fff;}

.filterList .expandable a {border: 1px solid #b2b2b2; color: #444; display: block; float: right; margin-top: 5px; padding: 3px;}
.filterList .expandable a:hover {background-color: #444; color: #fff;}

#contact_small {background-color: #f2f2f2; padding: 5px;}
#contact_small h2 {background: url(../images/dealerContactTitle.png) center center no-repeat transparent; height: 51px; margin: -5px -5px 10px; text-indent: -9999em; width: 231px;}
#contact_small .submitButton {background: url(../images/btnDealerContact.png) top center no-repeat transparent; border: none; height: 30px; margin-bottom: 20px; text-indent: -9999em; width: 207px;}
#contact_small .submitButton:hover {background-position: bottom center;}

.input_element {border-color: #b2b2b2;}

#vehicle_v2_notify_button {background: url(../images/vehicleFinder.png) center top no-repeat transparent; display: block; height: 102px; margin: 10px auto 0; width: 220px;}
#vehicle_v2_notify_button img {display: none;}

/* right */
#searchBar {background: url(../images/bgSearchBarTile.jpg) left bottom repeat-x;}
#sort_bar {background: url(../images/bgSortBarTile.jpg) left bottom repeat-x;}
#sort_bar {color: #333;}
#sort_bar a {color: #111;}

#vehicle_count_controls {width: 120px;}

.inventory_v2_row {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px;}

.inventory_v2_details h4 a {font-size: 14px;}
.inventory_v2_details li {color: #444;}
.inventory_v2_price_right .price_line_1 {font-size: 22px; line-height: 22px;}

.inventory_v2_price_right .price_title {color: #666;}

/*********************************************
***************   vehicle   ******************
**********************************************/

/*left*/
#similarVehicles h3 {font-size: 16px; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
.similarVehicle {background-color: #f9f9f9; border: 1px solid #d8d8d8; font-size: 11px; padding: 5px;}

.similarVehicle li {color: #444; margin: 0;}
.similarVehicle li a {color: #000;}
.similarVehicle li.price {font-weight: bold; margin-bottom: 0;}

#vehicle_v2_sidebar_links {background-color: #f9f9f9; border: 1px solid #e8e8e8; padding: 5px;}
#vehicle_v2_sidebar_links p {color: #333; font-weight: bold;}
#vehicle_v2_sidebar_links li a {background: url("http://images1.ecarlist.com/sites/images/listingImages/arrowTree_blk.gif") no-repeat scroll 2px center transparent; color: #6c6c6c; padding: 2px 2px 2px 12px;}
#vehicle_v2_sidebar_links li a:hover {background-color: #000; background-image: url("http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif"); color: #fff;}

/*right*/
#vehicle_topbar {background: url(../images/bgSortBarTile.jpg) left bottom repeat-x;}
#vehicle_topbar a {color: #333;}
#searchBar {border-top: none;}

#vehicle_title {font-size: 27px; font-weight: normal;}
.ip_dottedLine {border-bottom: 1px solid #ccc; margin: 5px 0;}

#vehicle_mainPhoto {width: auto;}

#vehicle .price_title {color: #989898; font-size: 14px;}
#vehicle .price_line_1 {font-size: 27px;}
#vehicle .price_line_2 {color: #989898; font-size: 14px;}

#vitalsContainer {color: #4c4c4c;}

#media_center_links {margin-top: 5px;}


/*********************************************
***************   contact   ******************
**********************************************/
#sidebar_address p {margin-bottom: 10px;}

#contact #right h3 {font-size: 18px;}
#contact .dealershipLocations li {float: left; width: 33%;}
#contact .dealershipLocations li div {border: 1px solid #ccc; margin: 5px; padding: 5px;}
#contact .dealershipLocations li h3 {font-size: 16px;}

#contact #right .dealershipLocations .zip_code {margin-bottom: 10px;}
#contact #right .dealershipLocations .phone {color: #444;}

#sidebar_address {background-color: #f3f3f3; border: 1px solid #ccc; padding: 2px;}


#incentives #contact_incentives { width:auto; background-color: #f2f2f2; padding: 5px; }
#incentives #contact_incentives legend { display:none; }
#incentives #contact_incentives h3 { background: url(../images/get_info_tile.png) left top repeat-x; height: 51px; line-height: 51px; color:#000101; margin: -5px -5px 10px; text-align: center; font-size:16px; width: 231px; text-transform: uppercase; }
#incentives #contact_incentives ol { padding: 15px 5px 10px 22px; margin: 0; }
#incentives #contact_incentives li { clear: both; }
#incentives #contact_incentives li label {}
#incentives #contact_incentives .input_element { width:160px !important; font-size:11px; margin-bottom: 20px; padding: 3px; border:1px solid #45494d; }
#incentives #contact_incentives #vehicle_question_submit { margin-top: 0; width:207px; margin: 0 auto; }
#incentives #contact_incentives #vehicle_question_submit input { background: url(../images/btnDealerContact.png) top center no-repeat transparent; border: none; height: 30px; margin:0 0 20px; padding: 0; text-indent: -9999em; width: 207px; }
#incentives #contact_incentives #vehicle_question_submit input:hover { background-position: bottom center; cursor:pointer; }