/* ################################################
###             IMPORT CSS STYLES               ###
################################################ */

@import url(http://images1.ecarlist.com/sites/common/dropdown.css);
@import url(http://images1.ecarlist.com/sites/common/similar_vehicles.css);
@import url(http://images1.ecarlist.com/sites/common/vehicle_v2_sidebar_links.css);
@import url(http://images1.ecarlist.com/sites/common/v2_top_search.css);
@import url(http://images1.ecarlist.com/sites/common/vehicle_v2_top.css);
@import url(http://images1.ecarlist.com/sites/common/vehicle_v2_vitals.css);
@import url(http://images1.ecarlist.com/sites/common/vehicle_v2_tools.css);
@import url(http://images1.ecarlist.com/sites/common/vehicle_v2_details.css);
@import url(http://images1.ecarlist.com/sites/common/news_sidebar.css);
@import url(http://images1.ecarlist.com/sites/common/news.css);
@import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_filters.css);
@import url(http://images1.ecarlist.com/sites/common/inventory_v2_right.css);
@import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_contact.css);
@import url(http://images1.ecarlist.com/sites/common/new_vehicles.css);
@import url(http://images1.ecarlist.com/sites/common/featured_vehicles.css);
@import url(http://images1.ecarlist.com/sites/common/sitemap-2.0.css);
@import url(http://images1.ecarlist.com/sites/common/specials_footer.css);
@import url(http://images1.ecarlist.com/sites/common/specials.css);
@import url(http://images1.ecarlist.com/sites/common/common_classes.css);
@import url(http://images1.ecarlist.com/sites/common/columns.css);

/* ################################################
    Color Guide                     
	link red = #8b1c1e
	link red:hover = #cd292c
################################################ */
* {margin: 0; padding: 0;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.first {border-left: none !important; margin-left: 0 !important;}
.last {border-right: none !important; margin-right: 0 !important;}
.container {width: 980px; margin: 0 auto;}

body {background-color: #fff; color: #444; font-family: Arial,Helvetica,Garuda,sans-serif; font-size: 14px; }

h2, h3, h4 {color: #444;}
a {color: #8b1c1e; text-decoration: underline;}
a:hover {color: #bd2528;}
a.color_pri {color: #000 !important;}
a.color_pri:hover {color: #cd292c !important;}
a.color_sec {color: #8b1c1e;}

/* typography for financing, shipping, testimonials, about, etc. */
#about p, #notify p, #testimonials p, #shipping p, #financeLeft p, #terms p {font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 14px; margin-bottom: 15px;} 
#about #right h2, #notify h2, #testimonials h2, #shipping h2, #financing #financeLeft h2, #terms h2, #specials #right h2 {background: transparent url(../images/h2border.gif) bottom center repeat-x; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; margin: 10px 0; padding-bottom: 10px;}


/* ################################################
###                   layout                    ###
################################################ */
#top {background: transparent url(../images/topTile.png) left top repeat-x scroll;}
#header {padding: 21px 0 0;}
#header h1 a {background:transparent url(../images/logo-trans.png) center top no-repeat; display: block; height: 114px; margin: 0 auto 17px; text-indent: -9999em; width: 447px;}
#header .contact {text-align: center;	}
#header .contact li {background: transparent url(../images/shield.png) right top no-repeat; color: #606060; display: inline; font-family: Helvetica, Arial, Garuda, sans-serif; font-size: 12px; font-weight: bold; line-height: 50px; list-style: none; margin-left: 7px; padding-right: 20px; text-transform: uppercase;}
#header .contact li.last {background-image: none; padding-right: 0; padding-right: 70px; }

#priNavHolder {background: transparent url(../images/priNavBottom.png) center bottom repeat-x; margin-bottom: 15px; padding-bottom: 4px; text-align: center;}
#priNav {display: inline-block; height: 41px; *margin-left:10px; }
#priNav li {background: transparent url(../images/navSep.gif) right 15px no-repeat; float: left; font-family: "Arial Narrow", Arial, Helvetica, Garuda, sans-serif; font-size: 14px; list-style: none; line-height: 41px; font-size:12px\9; }
#priNav li.last {background: none;}
#priNav li a {color: #444; margin: 10px 7px; text-decoration: none; text-transform: uppercase; margin: 10px 4px\9; }
#priNav li a:hover {color: #cd292c;}
#priNav li ul {display: none;}

/*dropdown menus*/
#dropmenudiv, #dropmenudiv_firefox {background: #3a3a3a url(../images/dropdownBg.png) repeat-x scroll 0 0; border: none; font-size: 12px; line-height: 1; margin: 12px 0 0; padding: 2px;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}
#dropmenudiv a, #dropmenudiv_firefox a {color:#fff; border-bottom:1px solid #575757; margin:0; padding: 5px 10px; text-decoration:none; text-indent: 0; text-transform: capitalize; width: auto;}
#dropmenudiv a:hover, #dropmenudiv_firefox a:hover {background-color:#626363; background-image: none; font-weight: normal;}


#bottom {background: #fdfdfd url(../images/bottomTile.png) left top repeat-x;}
#footer {margin-top: 25px; min-height: 201px; padding-top: 15px;}
#footer h2 {float: right;}
#footer h2 a {background: transparent url(../images/ecarlist.png) left top no-repeat; display: block; height: 27px; text-indent: -9999em; width: 135px;}
#footer h2 a:hover {background-position: right top;}

#footer li {color: #666; float: left; font-size: 12px; list-style: none; line-height: .75;}
#footer a {color: #666; font-size: 11px; margin-right: 5px; text-decoration: none; text-transform: capitalize;}
#footer a:hover {color: #333; text-decoration: underline;}

#footer #footerNav li{border-right: 1px solid #666; float: left; list-style: none; line-height: .75; margin: 0 5px 5px 0;}

#footer #ec_footer {clear: left; }
#footer #ec_footer li {margin-right: 15px;}
#footer #ec_footer a{text-transform: none;}


/* ################################################
###                    home                     ###
################################################ */
#home #content.container {width: 920px; padding: 0 30px;}

#home .mainContent {float: left; margin-right: 15px; width: 675px;}

#home #home_video {margin: 20px auto; width: 640px;}
#home #home_video iframe {border: none;}
#home #specials_flash {border: 1px solid #cfcfcf; width: 676px;}

#featuredVehicles {background: transparent url(../images/featuredBg.png) left top no-repeat; height: 196px; margin-top: 10px;}
#featuredVehicles_title span {display: block; height: 65px; text-indent: -9999em;}
.featuredMore {background: transparent url(../images/viewMoreBg.png) left top repeat-x; height: 23px;}
.featuredMore a {background: transparent url(../images/viewMore.png) left top no-repeat; display: block; height: 22px; margin-top: 1px; text-indent: -9999em; width: 100px;}
.featuredMore a:hover {background-position: left bottom;}

#random_list_location  #random_list_item {margin: 0 15px; width: 105px;}
#random_list_item a{border: none; text-decoration: none; }
#random_list_item img {border: 5px solid #e7e7e7; width: 95px;}
#random_list_item a:hover img {border-color: #d82b2d;}
.toolTipInner_price {color: #d82b2d;}


#welcome h2 {background: transparent url(../images/welcome.png) left top no-repeat; margin-top: 10px; text-indent: -9999em;}
#welcome .description {float: left; margin-right: 15px; width: 425px;}

#welcome .facebook {background: transparent url(../images/facebookFan.png) left top no-repeat; display: block; float: right; height: 22px; margin-right: 15px; margin-top: 10px; text-indent: -9999em; width: 122px;}
#welcome .readMore {background: transparent url(../images/readMore.png) left top no-repeat; display: block; float: right; height: 22px; margin-top: 10px; text-indent: -9999em; width: 100px;}
#welcome .facebook:hover {background-position: right top;}
#welcome .readMore:hover {background-position: right top;}

#welcome #homelinks {background-color: #e7e7e7; float: right; width: 225px;}
#welcome #homelinks li {list-style: none;}

#welcome #homelinks a{background-image: url(../images/homeQl.png); display: block; height: 35px; margin: 5px; text-indent: -9999em;}
#welcome #homelinks .inventory {background-position: left top;}
#welcome #homelinks .specials {background-position: -214px top;}
#welcome #homelinks .news {background-position: -428px top;}
#welcome #homelinks .contact {background-position: -642px top;}

#welcome #homelinks .inventory:hover {background-position: left bottom;}
#welcome #homelinks .specials:hover {background-position: -214px bottom;}
#welcome #homelinks .news:hover {background-position: -428px bottom;}
#welcome #homelinks .contact:hover {background-position: -642px bottom;}

#home .vehicleBar {float: left; width: 228px;}
#home .vehicleBar li {border: 1px solid transparent; list-style-type: none; margin-bottom: 5px; padding: 15px; text-align: center;}
#home .vehicleBar li:hover {background-color: #eaeaea; border: 1px solid #e0e0e0;}
#home .vehicleBar p {color: #000; font-size: 18px;}
#home .vehicleBar a {color: #d82b2d; cursor: pointer; text-decoration: none; text-transform: uppercase;}
#home .vehicleBar a:hover {text-decoration: underline;}


/* ################################################
###                 inventory                   ###
################################################ */
/*left*/
#site_logoSection, #site_logoSection img {display: none;}
.non_expandable_menuheader {color: #838383;}
#currentFilters {background-color: #aa2224; border: 1px solid #6e5e5e;}
#currentFilters p, #currentFilters a {color:#FFF;}
#currentFilters a.clearFilter:hover {color: #eaeaea;}
#inventory_v2_sidebar_filters h3 {font-weight: bold; text-transform: uppercase;}
.filterList li a {background-image: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif);}
.filterList li a:hover {background-color: #aa2224; color: #fff;	}
#inventory_v2_sidebar_contact {margin-left: -13px;}

/*right*/
#searchBar {background-image: url(../images/searchBarBg.png);}
#sort_bar a:hover {color: #cd292c;}
.inventory_v2_details h4 {text-transform: uppercase;}
.inventory_v2_details_links a {color: #010000 !important; text-decoration: none !important;}
.inventory_v2_details_links a:hover {text-decoration: underline !important;}
.inventory_v2_price_right .price_line_1 {color: #8b1c1e; font-size: 20px;}


/* ################################################
###                  vehicle                    ###
################################################ */
/*left*/
.similarVehicle {background-color: #e8e8e8; border: 1px solid #dadada; font-size: 12px;}
.similarVehicle a {color: #444; font-weight: bold; text-decoration: none;}
.similarVehicle a:hover {color: #cd292c;}
.similarVehicle li {font-size: 100%;}
#vehicle_v2_sidebar_links p {color: #000; font-weight: bold; text-transform: uppercase;}
#vehicle_v2_sidebar_links {background:#F9F9F9 none repeat scroll 0 0; border:1px solid #E8E8E8; margin-bottom:5px; padding:3px;}
#vehicle_v2_sidebar_links li a {background-image: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif);}
#vehicle_v2_sidebar_links li a:hover {background-color: #aa2224; color: #fff;	}

/*right*/
#vehicle_topbar a {color: #333; font-weight: normal; text-decoration: none;}
#vehicle_topbar a:hover {color: #cd292c;}
#vehicle_contact a {color: #0049ab; text-decoration: none;}
#vehicle_contact a:hover {color: #0049ab; text-decoration: underline;}
#vehicle_mainVitals .price_title {font-weight: bold;}
#vehicle_mainVitals .price_line_1 {color: #8b1c1e; font-size: 20px;}
#customer_tools .color_pri, #customer_tools_top_middle {color: #343434 !important;}
.customer_tools_left #dealerboxName {font-weight: bold;}
.customer_tools_left #dealerboxPhone {font-size: 16px; font-weight: bold; margin: 5px 0 10px;}

#customer_tools #trade_offer_subject {clear: left; font-weight: bold; margin-bottom: 10px; margin-left: 13px; }
#customer_tools .input_element {width: 165px !important;}

/* ################################################
###                 financing                   ###
################################################ */
#financeCalc li#footer {line-height: 1; margin: 0; min-height: 0; padding: 0;}


/* ################################################
###                    misc                     ###
################################################ */
#vehicle_v2_notify_button {display: block; margin-left: 17px; margin-top: 10px;} /*On inventory and vehicle pages*/
#sidebar_address  {font-size: 12px;} /*contact, financing page, etc*/
#sidebar_address p {margin-bottom: 15px;}

/*quicklinks*/
#quicklinks {background-color: #e7e7e7; float: left; width: 250px;}
#quicklinks li {list-style: none;}

#quicklinks a{background-image: url(../images/quicklinks.png); display: block; height: 35px; margin: 5px; text-indent: -9999em;}
#quicklinks .inventory {background-position: left top;}
#quicklinks .specials {background-position: -240px top;}
#quicklinks .news {background-position: -480px top;}
#quicklinks .contact {background-position: -720px top;}

#quicklinks .inventory:hover {background-position: left bottom;}
#quicklinks .specials:hover {background-position: -240px bottom;}
#quicklinks .news:hover {background-position: -480px bottom;}
#quicklinks .contact:hover {background-position: -720px bottom;}

/*contact_small*/
*.input_element {width: 160px !important;}
#contact_small .input_element {margin:0 2px 7px 13px; width: 180px !important;}
#contact_small {background: #000 url(../images/contactSmallBg.png) left top repeat-x; width: 250px;}
#contact_small h2 {background: transparent url(../images/contactSmallTitle.png) left top no-repeat; height: 51px; text-indent: -9999em; width: 250px;}
#contact_small label {background-image: none; color: #919191;}
#contact_small .required label {background-image: none; color: #919191; margin-top: 5px;}
#contact_small .required label:after {content:" (*)"}
#ec_is_submit input.submitButton {border: 1px solid #b2b2b2; margin-bottom: 10px; margin-left: -30px; padding: 8px; width: 195px;}


#parts #vehicle_question_submit, #service #vehicle_question_submit {margin-top: 10px;}

/****** firefox 2 mac ******/

.customer_tools_right_left li, .customer_tools_right_right li, #contact_small ol li, .customer_tools_left li {
	clear: left;
}
#facts { border:3px solid #e7e7e7; }
.blktitle { background: #000; padding: 5px; }
.greyback { background: #9e9e9e; padding: 5px; }
#right .blktitle p, #right .greyback p { font-size:22px; font-family: Times; color:#fff; }
.info { padding: 5px; border-bottom: 1px solid #999; }
#right .info p { font-size:11px;  }
.info ul { margin: 5px; padding: 0 0 0 10px; list-style-type: square; }
.info li { margin: 2px 0; padding: 0; font-size:11px; }

#reasons { border-bottom :3px solid #e7e7e7; border-right :3px solid #e7e7e7; border-left :3px solid #e7e7e7; }
#reasons .greytitle { background: #9e9e9e; border-bottom: 1px solid #999; }
#reasons .questions { background: #9e9e9e; padding: 5px; }
#reasons .questions p { color:#fff; }
#reasons .site { border-top: 1px solid #999; }
#right #reasons .greytitle p { font-size:13px; color:#fff; }
#right #reasons p { padding: 5px; font-size:11px; }
#right #reasons .share p { margin: 0; font-weight: bold; padding: 5px; } 
#right #reasons .share p.sharereason { margin: 0 10px; font-weight: normal; }

#whatwedo { border-bottom :3px solid #e7e7e7; border-right :3px solid #e7e7e7; border-left :3px solid #e7e7e7; }
#whatwedo tr { border-bottom: 1px solid #999; }
#whatwedo .whattitle { background: #9e9e9e; padding: 5px;  }
#whatwedo .whattitle p { padding: 0; color:#fff; font-size:13px; font-weight: bold; }
#right #whatwedo .share p { margin: 0; font-weight: bold; padding: 5px; font-size:12px; } 
#right #whatwedo p { padding: 5px; font-size:11px; }
#whatwedo ul { margin: 5px; padding: 0 0 0 10px; list-style-type: square; }
#whatwedo li { margin: 2px 0; padding: 0; font-size:11px; }


#new_vehicles li { background: #000; }
#VehicleSlider {background-color: #000; float: left; height: 266px; position: relative; width: 382px;}
#VehicleSlider #vertSlider {height: 240px;}
#VehicleSlider #actions .next, #VehicleSlider #actions .prev {background:#ff0; height: 15px; left: 174px; position: absolute; text-indent: -9999em; width: 41px;} 
#VehicleSlider #actions .prev {background-position: left top; top: 8px;}
#VehicleSlider #actions .prev:hover {background-position: right top;}
#VehicleSlider #actions .next {background-position: left bottom; bottom: 6px;}
#VehicleSlider #actions .next:hover {background-position: right bottom;}

#VehicleSlider .scrollable {height: 219px; margin: 25px; overflow: hidden; position: relative; width: 382px;}
#VehicleSlider .scrollable .items {height: 2000em; position: relative; width:382px;}
#VehicleSlider .scrollable .item {float: none; height: 219px; margin: 0; width: 382px;}
#VehicleSlider .scrollable .item h4 a {color: #fff;}

#VehicleSlider a{text-decoration: none; text-transform: uppercase;}
#VehicleSlider a img {border: none;}

#VehicleSlider .inventoryLinks li {float: left; list-style-type: none; margin: 0 5px 6px; max-width: 150px;}
#VehicleSlider .inventoryLinks li.first {margin-left: 0;}
#VehicleSlider .inventoryLinks li.last {margin-right: 0;}

#VehicleSlider .inventoryLinks a {background: transparent url(../images/rightArrow.jpg) right top no-repeat; border: 1px solid #9b9b9b; display: block; float: right; font-size: 12px; line-height: 25px; padding: 0 30px 0 5px; text-align: left; text-decoration: none; text-transform: none;}
#VehicleSlider .inventoryLinks a:hover {background-position: right bottom; color: #ddd;}

#VehicleSlider .trimLinks {clear: both;}
#VehicleSlider .trimLinks li {float: left; list-style-type: none; margin: 0 5px; text-transform: uppercase;}
#VehicleSlider .trimLinks li.first {margin-left: 0;}
#VehicleSlider .trimLinks li.last {margin-right: 0;}

#vertSlider, #vertSlider .scrollable {overflow: hidden;}

#translateplacer { margin: 0; padding: 0; position: relative; }
#google_translate_element { position: absolute; right:0; top:135px; z-index: 200; }
#google_translate_element select { font-size: 11px; width:120px; }
#google_translate_element .goog-te-gadget { color:#000; }
#google_translate_element .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active { color:#000; font-size: 10px; }