/* ################################################
###             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);

/* ###########################################
###          #main block styles            ###
########################################## */

body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size:12px;
	background: url(../images/background.gif);
}
#wrapper {
	width:1000px;
	margin: 0 auto;
	padding: 0;
}
#main_content {
	margin: 0;
	padding:10px 0;
	width:1000px;
	background: #fff;
}
.clear {
	margin: 0;
	padding: 0;
	clear:both;
}
p { 
	margin: 5px 0;
}

a {
	color: #da3905;
	text-decoration:none;
}
a:link {}
a:hover {
	color: #da3905;
	text-decoration:underline;
}
a:visited {}
a:active { outline:none; }
a:focus { outline-style: none; }

.color_pri { 
	color: #000 !important;		/* Set primary color. Vehicle Titles */	
}
.color_sec { 
	color: #da3905 !important; 	/* Set secondary color. Vehicle Prices. Typically should match color_pri */
}

/* ###########################################
###            #header styles             ###
########################################## */

#header {
	border-top:4px solid #d83907;
	width:1000px;
	height:160px;
	margin: 0;
	padding: 0;
}
#header_left {
	float:left;
	width:172px;
	height:160px;
	margin: 0;
	padding: 0;
	background:#000 url(../images/left_logo.jpg) no-repeat left top;
}
#header_left h1 {
	margin: 0;
	padding: 17px 0 0 43px;
}
#header_left h1 a {
	display:block;
	width:85px;
	height:66px;
	text-indent: -9000px;
}
#header_right {
	float:right;
	width:828px;
	height:160px;
	margin: 0;
	padding: 0;
	background: #000 url(../images/top_right.gif) no-repeat center top;
}

/* ###########################################
###              #primary nav             ###
########################################## */

#priNav {
	margin: 99px 15px 0 0;
	padding: 0;
	list-style-type:none;
	width:813px;
	height:22px;
	background: #4f5459;
}
#priNav li {
	float:left;
	margin:0;
	padding: 0 2px 0 2px;
	/*background: url(../images/navDiv.gif) no-repeat right center;*/
	font-size:10px;
	text-transform: uppercase;
}
#priNav li.last {
	padding-right:0;
	background:none;
}
#priNav li a {
	display:block;
	margin: 0;
	padding: 4px 10px 4px;
	color:#ccc;
	text-decoration: none;
}
#priNav li a:hover {
	background: #da3905;
}
#subNav {
	margin: 2px 0 0;
	padding: 0;
	list-style-type: none;
}
#subNav li {
	float:left;
	margin: 0;
	font-size:11px;
	text-transform: uppercase;
	color:#cbcbcb;
}
#subNav li.first {
	padding: 10px 17px 10px 11px;
	background: url(../images/orangearrow.gif) no-repeat right center;
}
#subNav li a {
	display: block;
	padding: 10px 18px 12px 17px;
	color:#fff;
	text-decoration: none;
}
#subNav li a:hover {
	background: #da3905;
}
#subNav li.last {
	padding-right:0;
	float:right;
}
#subNav li a#video {
	width:121px;
	height:20px;
	text-indent: -9000px;
	margin: 6px 15px 0 0;
	padding: 0;
	background: url(../images/playVideo.gif) no-repeat center top;
}
#priNav li ul { display:none; }

/* #################################################
###              #drop down menus                ###
################################################ */

#dropmenudiv, #dropmenudiv_firefox {
	background:#fff;
	padding:0px;
	margin:1px 0 0;
	border-right:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

#dropmenudiv a, #dropmenudiv_firefox a {
	font-size:9px;
	font-weight:normal;
	color:#3e3e3e;
	border-bottom:none;
	margin:0px;
	text-decoration:none;
}

#dropmenudiv a:hover, #dropmenudiv_firefox a:hover {
	color:#fff;	
	background:#da3905;
}



/* ###########################################
###            #footer styles             ###
########################################## */

#footer {
	width:1000px;
	margin: 0;
	padding: 15px 0;
	background: #000;
}
#footer h1 {
	float:right;
	margin: 0;
	padding: 10px 15px;
}
#footer h1 a {
	display: block;
	width:112px;
	height:25px;
	text-indent: -9000px;
	background: url(../images/ecarlist.gif) no-repeat left top;
}
#footer h1 a:hover {
	background-position: -112px 0px;
}
#footerNav {
	margin: 0;
	padding: 10px 0;
	list-style-type:none;
	width:600px;
}
#footerNav li {
	float:left;
	margin: 0;
	padding: 0 10px;
	font-size:7px;
	border-right:1px solid #ccc;
}
#footerNav li.last {
	border:none;
}
#footerNav li a {
	color:#ccc;
	text-decoration: none;
}
#footerNav li a:hover {
	text-decoration: underline;
}
#ec_footer {
	margin: 0;
	padding: 10px 0;
	list-style-type:none;
	width:600px;
}
#ec_footer li {
	float:left;
	margin: 0;
	padding: 0 10px;
	font-size:7px;
	border-right:1px solid #ccc;
	color:#fff;
}
#ec_footer li.last {
	border:none;
}
#ec_footer li a {
	color:#ccc;
	text-decoration: none;
}
#ec_footer li a:hover {
	text-decoration: underline;
}


/* #################################################
###             #=inventory  page                ###
################################################ */


/* If you want to turn off the small site logo at the top of the search column */

#inventory #site_logoSection { 
	display:none;
}
#inventory #leftColumn {
	display:inline;
	width:240px;
	margin:15px 0 15px 15px;
}
#inventory #rightColumn {
	display:inline;
	width:709px;
	margin:15px 15px 15px 0;
}


/* Number of Results */
#inventory #inventory_v2_sidebar_filters h3 {
	font-size:  ;
	padding-left:5px;	
}

/* Refine Your Search */
#inventory #inventory_v2_sidebar_filters h2 {
	font-size:  ;
	padding-left:5px;
	color:#da3905;
}

/* Search Filter List Container Boxes */
#inventory .filterList {
	background:#f9f9f9; 
	border:1px solid #999;    
}

/* Search Filter List Header styles */
#inventory .filterList h3 {
	padding-left:10px;	
}

/* Search Filter List Item styles */
#inventory .filterList ul li {
	color:  ;
	font-size:  ;
	padding:  ;
}
#inventory .filterList li a {
	color:#666;
	font-weight:normal;
	line-height:125%;
	padding:0 2px 0 12px;
	text-decoration:none;
	width:125px;
}
#inventory .filterList li a:hover {
	background:#da3905 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center;
	color:#fff;
	font-weight:normal;
	line-height:125%;
	padding:0 2px 0 12px;
	text-decoration:none;
	width:125px;
}

/* View More Button Styles */
#inventory .filterList span a {
	float: left;         /* Default is right */
	margin: 10px;
}

/* View More Button Style Rollover -- Make sure to change this... Len really hates the default red color! */
#inventory .filterList span a:hover {
	color:#da3905;    /* No Really, remember to change this color. I wasn't kidding, he f@$king hates that default red color... */
}

/* Contact Form Box */
#inventory #inventory_v2_sidebar_contact {
	margin:  ;
	padding:10px 5px;
	background:#f9f9f9; 
	border:1px solid #999;    
}
#inventory #inventory_v2_sidebar_contact h2 {
	padding-bottom: 20px;
	padding-left:10px;
	color:#000;
}
#contact_small .input_element {
	float:none;
	
}

/* Contact Form Element Styles - Default is usually ok */
/*
#home #inventory_v2_sidebar_contact .input {}
#home #inventory_v2_sidebar_contact textarea {}
#home #inventory_v2_sidebar_contact select {}
*/

/* Current Filters Box */
#inventory #currentFilters {
	border:none;
	background: #da3905;
}

/* Current Filters Text */
#inventory #currentFilters p {
	padding-left:15px;
	font-size:12px;
	color:#fff;
}
/* Current Filters Link (x) */
#inventory #currentFilters p a {
	color:#fff;
}
#inventory #currentFilters p a:hover {
	color:#999;
}

/* Top Search Bar Styles */
#inventory #searchBar {
	background:#9a9a9a url(../images/sort_bar_bkgd.gif) repeat-x center top;
	padding:0px 0px 10px 0px;
	margin:0px 0px 4px 0px;
	border:none;
	height:22px;
}

/* Sort Bar underneath Search Bar */
#inventory #sort_bar {
	background:url(../images/sort_bar_bkgd.gif) repeat-x center top;
	padding:0px 8px 10px 8px;
	margin:0px 0px 4px 0px;
	line-height:33px;
	border:none;
	height:27px;
}

/* Sort Bar underneath Search Bar Rollovers -- Make sure to change this... Len really hates the default red color! */
#inventory #sort_bar a:hover {
	color: #666;    /* No Really, remember to change this color. I wasn't kidding, he f@$king hates that default red color... */
}

/* Vehicle Title */
#inventory .inventory_v2_details h4 a {
	color:  ;  /* Make sure you set this */
}

/* Vehicle Price   --  If you leave this as the default red color the beatings will begin... Len absolutesly f@#king HATES this */
#inventory .price_line_1 {
	color:  ; /* Really, leave this blank and you'll see why that golf club is net to Jeffrey's desk */
	font-size:  ;
	padding-bottom:3px;
}

/* Vehicle Listing Links (photos, details, contact, carfax) */
#inventory .inventory_v2_details_links li a {
	color: #666;
}

/* Vehicle Listing Rollover Links (photos, details, contact, carfax) */
#inventory .inventory_v2_details_links li a:hover {
	color: #000;
	text-decoration:underline;
}

/* Change width so prices dont wrap */
.inventory_v2_price {
	width:220px;
}
.inventory_v2_price_right {
	width: 110px;
}

/* Page Next at the bottom of the page */
#inventory .inventory_v2_pagination a {
	color: #666;
}

/* Page Numbers and Next Rollover at the bottom of the page */
#inventory .inventory_v2_pagination a:hover {
}

/* Disclaimer at the bottom of the page */
#inventory #vehicleDisclaimer p {
	font-size:  ;
	padding:  ;
}
#inventory .inventory_v2_row {
	background:none;
}

#inventory #stockVinSearch {
	padding:10px 0px 10px 10px;
	border:1px solid #E8E8E8;
	background:#F9F9F9;
	margin:5px 0px;
}

/* #################################################
###                   #=vehicle                  ###
################################################ */

/* If you want to turn off the small site logo at the top of the search column */

#vehicle #site_logoSection {
	display:none;
}


#vehicle #leftColumn {
	margin:15px 0 15px 15px;
	display:inline;
}
#vehicle #rightColumn {
	margin:15px 15px 15px 0;
	display:inline;
}


/* Similar Vehicles Heading */
#vehicle #leftColumn h3 {
	font-size:  ;
	padding:  ;
}

/* Similar Vehicles Box */
.similarVehicle { 
	font-size: 8pt;
	background:#f9f9f9; 
	border:1px solid #999;    
}
.similarVehicle ul {
	width: 135px; 
}

/* Similar Vehicles Box Details */
#vehicle .similarVehicle ul li {
	font-size:  ;
}

/* Similar Vehicles Title */
#vehicle .similarVehicle ul li a {
	font-weight:bold;
	color:#000;
}


/* View More Box */
#vehicle #vehicle_v2_sidebar_links {
	background:#f9f9f9; 
	border:1px solid #999;    
}

/* View More Heading */
#vehicle #vehicle_v2_sidebar_links p {
	font-weight:bold;
	padding:  ;
}

/* View More List */
#vehicle #vehicle_v2_sidebar_links ul {
	padding:  ;
}

/* View More List Items */
#vehicle #vehicle_v2_sidebar_links li {
	font-size:  ;
}

/* View More List Item Rollover */
#vehicle_v2_sidebar_links li a:hover {
	color:#fff;
	background:#da3905 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center;
}

/* Breadcrumbs and share bar at top */
#vehicle #vehicle_topbar {
	background:  ;
	font-size:  ;
	color:  ;
}

/* Breadcrumbs and share bar at top Links */
#vehicle #vehicle_topbar a {
	color:#000;
}

/* Vehicle Title -- Make sure to enlarge this */
#vehicle #vehicle_title {
	font-size: 14pt;	
	font-weight:bold;
}

/* Contact Phone Number */
#vehicle #vehicle_contact span {
	color:  ;
	font-size:  ;
}

/* Contact Link */
#vehicle #vehicle_contact a {
	color:  ;
	font-size:  ;
}

/* Vehicle Price -- Make sure to set this  */
#vehicle .price_line_1 {
	font-size: 20pt;
	color:  ;
	font-weight:bold;
}

/* Vehicle Listing Details */
#vehicle #vitalsContainer ul li {
	font-size:10px; /* Set to 10px so that the vin number will not wrap around to the next line */
}

/* Buttons underneath the main photo */
#vehicle #media_center_links li a {
	margin-top:5px;
}

/* Vehicle Picture Thumbnails - Set this to space them properly */
#vehicle #vehicle_thumbs img {
	margin:2px 7px;
}

/* Label for fields on the Customer Tools forms */
#vehicle .customer_tools_label {
	font-size:  ;
}

/* give some space to the subject line for the make an offer form */
#vehicle #trade_offer_subject {
	padding-bottom:10px;
}

#vehicle #dealerboxName {
	padding-top:5px;
	font-size:14px;
}
#vehicle .dealerboxAdd {
	font-size:12px;
}
#vehicle #dealerboxPhone {
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}
#vehicle #dealerboxMap a {
	font-size:12px;
	color:#152849;
	text-decoration:none;
}
#vehicle #dealerboxMap a:hover {
	text-decoration:underline;
}

#vehicle #customer_tools .input_element {
	width:160px !important;
	font-size:12px;
	float:none;
}
#vehicle #customer_tools #customer_tools_vehicle_offer .input_element {
}
#vehicle #customer_tools #customer_tools_vehicle_offer .customer_tools_right_left {
	width:210px;
}	

/* #################################################
###                   #notify                    ###
################################################ */

#notify #notify_middle {
	padding-top:15px;
	margin-right:0px;
	width:600px;
	display:inline;
	float:left;
}
#notify #notify_middle h2 {
	font-size:20px;
	padding-bottom:10px;
}
#notify #notify_middle p {
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
#notify #notify_right {
	margin: 15px 15px 15px 0;
	padding:0;
	display:inline;
	width:300px;
}
#notify #notify_form_div { 
	border:1px solid #999;
	background: #f9f9f9;
}
#notify #notify_form_div h3 {
	padding: 10px 0 0 10px;
	color:#d83907;
}


