/* ################################################
###             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.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 = #cc0000
	link red:hover = #cc3333
################################################ */

body {background : #e4e4e4 url(../images/bodyBg.png) left top repeat-x; font-family: Arial,Helvetica,Garuda,sans-serif; font-size: 14px; }
#wrapper {background: #fff url(../images/footerBg.jpg) center bottom repeat-x; margin: 0 auto; overflow:visible; width: 980px; 
	-moz-box-shadow: 0 0 15px rgba(0,0,0, 0.50); -webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.50);}

a{color: #6a6a6a; text-decoration: underline;}
a:hover {color: #333; text-decoration: none;}

/*typography for terms of sale, financing, shipping, testimonials, about, and notify pages*/
#about p, #notify p, #shipping p, #financing p, #terms p {font-family: Arial, Helvetica, Garuda, sans-serif; 
	font-size: 14px; margin-bottom: 15px;} 
#about h2, #notify h2, #shipping h2, #financing h2, #terms h2, #specials 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;}

/* ###########################################
###              #header                   ###
########################################## */
#header {background: transparent url(../images/header.jpg) center top no-repeat; border-left: 1px solid #fff; 
	border-right: 1px solid #fff; height: 65px; width: 978px;}
#header h1 {color: #fff; display: block; float: left; font-size: 22px; margin-top: 15px; padding-left: 10px; width: 380px;}
#header h1 a {color: #fff; text-decoration: none;}
#header ul#contactInfo {float: left; font-size: 12px; margin-right: 0px; margin-left: 20px; margin-top: 17px;}
#header ul#contactInfo li {color: #fff; list-style-type: none;}

#header #makes {float: right;}
#header #makes li {float: left; margin-top: 15px; list-style-type: none;}
#header #makes li a {display: block; height: 45px; text-indent: -99999em;}
#header #makes li a.chrysler {display: block; width: 145px;}
#header #makes li a.jeep {display: block; width: 83px;}
#header #makes li a.dodge {display: block; width: 70px;}


/* ###########################################
###              #priNav                   ###
########################################## */
#priNav {background: #000; border-bottom: 1px solid #4d4d4d; border-left: 1px solid #fff; border-right: 1px solid #fff; height:33px; 
	list-style-type:none; margin: 0 0 15px 0; padding: 0; width:978px;}
#priNav li {float:left; margin: 0; padding: 0; }
#priNav li a {background: url(../images/priNav.gif) no-repeat; display:block; height:33px; text-indent: -9000px;}

#priNav li a#menu0 {background-position: 0px 0px; width:158px;}
#priNav li a#menu1 {background-position: -158px 0px; width:133px;}
#priNav li a#menu2 {background-position: -291px 0px; width:121px;}
#priNav li a#priNav_Finance {background-position: -412px 0px; width:114px;}
#priNav li a#menu3 {background-position: -526px 0px; width:167px;}
#priNav li a#priNav_Dealer_Info {background-position: -693px 0px; width:142px;}
#priNav li a#priNav_Contact_Us {background-position: -835px 0px; width:143px;}
/* rollover states */
#priNav li a#menu0:hover {background-position: 0px -33px; width:158px;}
#priNav li a#menu1:hover {background-position: -158px -33px; width:133px;}
#priNav li a#menu2:hover {background-position: -291px -33px; width:121px;}
#priNav li a#priNav_Finance:hover {background-position: -412px -33px; width:114px;}
#priNav li a#menu3:hover {background-position: -526px -33px; width:167px;}
#priNav li a#priNav_Dealer_Info:hover {background-position: -693px -33px; width:142px;}
#priNav li a#priNav_Contact_Us:hover {background-position: -835px -33px; width:143px;}
#priNav li ul {display: none;}

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

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

#dropmenudiv a, #dropmenudiv_firefox a {
	font-size:11px;
	font-weight:bold;
	color:#404040;
	border-bottom:1px solid #dcdcdc;
	margin:0px;
	text-decoration:none;
}

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


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

#footer {background-color: transparent; clear: both; height: 56px;}

#footerNav {list-style-type:none; margin: 0; padding: 11px 0 0 10px; }

#footerNav li {border-right:1px solid #333; display:inline; font-size:10px; margin: 0; padding: 0 3px;	}
#footerNav li.last {border:none; }
#footerNav li a {color:#333; text-decoration: none;}
#footerNav li a:hover {color: #666;}

#ec_footer { list-style-type:none; margin: 0; padding: 5px 0 10px 10px;}
#ec_footer li {border-right:1px solid #333; color:#333; display:inline; font-size:10px; margin: 0; padding: 0 3px;}
#ec_footer li.last {border:none; }
#ec_footer li a {color:#333; text-decoration: none; }
#ec_footer li a:hover {color:#666; }
#footer h1 {float:right; margin: 0; padding:10px 10px 0 0; }
#footer h1 a {background: url(../images/ecarlist.png) no-repeat left top; _background:url(../images/ecarlist2.gif) no-repeat left top; 
	display:block; height:34px; text-indent: -9000px; width:144px;}

#footer h1 a:hover { background-position: -144px 0px; }
#footer h3 {float:right; margin: 0; padding:10px 10px 0 0; }
#footer h3 a{background: transparent url(../images/facebook_32.png) left top no-repeat; clear: right; display: block; float: right; height: 32px; text-indent: -9999em; width: 32px;}
#footer h4 {float:right; margin: 0; padding:10px 10px 0 0; }
#footer h4 a{background: transparent url(../images/youtube_32.png) left top no-repeat; clear: right; display: block; float: right; height: 32px; text-indent: -9999em; width: 32px;}


/* ###########################################
###              #homepage                 ###
########################################## */
#home #priNav {margin-bottom: 0;}

#pic_specials {background: #949494; border-left: 1px solid #fff; border-right: 1px solid #fff; height:257px; margin: 0; padding: 0; 
	width:978px;}
p#dealership_pic {background: url(../images/dealership2.jpg) no-repeat center top; border:5px solid #d8d8d8; float:left; height:225px; 
	margin: 11px 0 0 9px; padding: 0; text-indent: -9000px; width:250px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0, 0.50); -webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.50);}
	
#home_specials {border:5px solid #d8d8d8; float:right; height:225px; margin: 11px 9px 0 0; width:675px;
	-moz-box-shadow: 0 0 15px rgba(0,0,0, 0.50); -webkit-box-shadow: 0 0 15px rgba(0,0,0, 0.50);}

#new_models_box {background: url(../images/new_vehicles.jpg) no-repeat center top; border-top: 3px solid #000; height:167px; margin: 0; 
	padding: 27px 0 0; width:980px;}
#newmodels li {float: left; height: 124px; list-style-type: none; padding-top: 25px;}
#newmodels li a {float: left; height: 100%; text-indent: -99999em;}
#newmodels li a:hover {background: transparent url(../images/arrow_red.jpg) no-repeat;}

#newmodels li a.chrysler {margin-left: 15px; width: 190px;}
#newmodels li a.chrysler:hover {background-position: 81px bottom;}
#newmodels li a.jeep {margin-left: 45px; width: 205px;}
#newmodels li a.jeep:hover {background-position: 90px bottom;}
#newmodels li a.dodge {margin-left: 45px; width: 200px;}
#newmodels li a.dodge:hover {background-position: 78px bottom;}

/* Quicklinks for homepage*/
#ql_home {background: url(../images/ql_bg.jpg) no-repeat left top; display:inline; float:right; height:131px; list-style-type:none; 
	margin: 2px 0 0 0; padding: 4px 6px 4px 4px; width:239px;}

#ql_home li { margin: 0; padding: 0; }
#ql_home li a { display:block; width:239px; text-indent: -9000px; background: url(../images/ql_bttns_bg.jpg); }
#ql_home li a#search { height:29px; background-position:  0px 0px;}
#ql_home li a#special { height:24px; background-position: 0px -29px; }
#ql_home li a#finance { height:24px; background-position: 0px -53px; }
#ql_home li a#request { height:24px; background-position: 0px -77px }
#ql_home li a#order { height:30px; background-position: 0px -101px; }
/* hover states */
#ql_home li a#search:hover {background-position: -251px 0px;}
#ql_home li a#special:hover { background-position: -251px -29px; }
#ql_home li a#finance:hover { background-position: -251px -53px; }
#ql_home li a#request:hover { background-position: -251px -77px }
#ql_home li a#order:hover { background-position: -251px -101px; }

#featured_box {
background:transparent url(../images/featured_tile.gif) repeat-x scroll center top; clear:both; margin:2px 0 0; padding:0; width:980px;}

#featured_box #featuredVehicles_title span {background:transparent url(../images/featured_title.gif) no-repeat scroll center top; 
	display:block; height:23px; margin:0 0 17px 20px; padding:0; text-indent:-9000px; width:208px; }
#home #featuredVehicles { margin: 0 10px 13px; }
#home #random_list_item { width:105px; margin: 0 6px; padding: 0;}
#home #random_list_item a { color:#444; font-size:11px; text-decoration: none;} 
#home #random_list_item a:hover { color:#000; font-size:11px; text-decoration: none; } 
#home #random_list_item img { border:5px solid #e5e5e5;}
#home #random_list_item img:hover { border:5px solid #c3c3c3; }
#home .toolTipInner_price { color:#810c02; }
#random_list_location { padding-left:12px; }


/* ###########################################
###              #inventory                ###
########################################## */

/*leftColumn*/
#inventory_v2_sidebar_contact {margin-left: -2px; padding-left: 0;}

#currentFilters {background-color: #999;}
#currentFilters p {color: #fff; font-weight: bold;}
#currentFilters p a {color: #fff;}
#currentFilters p a:hover {color: #ccc;}

.filterList {background-color: #f9f9f9;}
.filterList span a:hover {background-color: #f9f9f9;}

.filterList li a {background: transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat 2px center ; }
.filterList li a:link {color: #999; font-size: 12px;}
.filterList li a:hover {color: #fff; background-color: #cc3333;}

#inventory_v2_sidebar_filters h3 {color: #333; font-size: 11px; font-weight: bold;}

/*rightColumn*/
#inventory #searchBar {}

#inventory #sort_bar {}
#inventory #sort_bar a, #inventory #sort_bar a:link {color: #333}
#inventory #sort_bar a:hover {color: #666}

.inventory_v2_row {background: #fff none;}

.inventory_v2_details h4 a {color: #cc0000; font-size: 18px; text-decoration: none;}
.inventory_v2_details h4 a:hover {color: #cc3333}

.inventory_v2_price .price_line_1 {color: #cc0000}

/*photo and details links*/
.inventory_v2_details_wrap a.btn_inventory_photos:link, .inventory_v2_details_wrap a.btn_inventory_photos:visited, .inventory_v2_details a.btn_inventory_photos:link, .inventory_v2_details a.btn_inventory_photos:visited, .inventory_v2_details_wrap a:link, .inventory_v2_details_wrap a:visited, .inventory_v2_details a:link, .inventory_v2_details a:visited  { color: #666; text-decoration: none;}
.inventory_v2_details_wrap a.btn_inventory_photos:hover, .inventory_v2_details a.btn_inventory_photos:hover, .inventory_v2_details_wrap a:hover, .inventory_v2_details a:hover { color: #333; text-decoration: underline;}

/*contact link*/
.inventory_v2_details_wrap a.btn_inventory_contact:link, .inventory_v2_details a.btn_inventory_contact:link {color: #0099ff;}
.inventory_v2_details_wrap a.btn_inventory_contact:hover, .inventory_v2_details a.btn_inventory_contact:hover {text-decoration: underline;}


#inventory_v2_sorry #vehicle_finder_bottom {height: 50px; width: 100%;}


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

/*leftColumn*/
#vehciel .similarVehicle h3 {color: #666;}

#vehicle .similarVehicle {border: 1px solid #ccc;}
#vehicle .similarVehicle img {border: none;}

#vehicle .similarVehicle ul li {color: #999;}
#vehicle .similarVehicle ul li.price {color: #c00; font-weight: bold;}
#vehicle .similarVehicle ul li a {color: #666; font-weight: bold; text-decoration: none;}
#vehicle .similarVehicle ul li a:hover {text-decoration: underline;}

/*rightColumn*/
#vehicle #vehicle_v2_sidebar_links {background-color: #f9f9f9;}

#vehicle #vehicle_v2_sidebar_links a {background-color: #f9f9f9; background: transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat 2px center;}
#vehicle #vehicle_v2_sidebar_links li a:link, #vehicle #vehicle_v2_sidebar_links li a:visited {color: #999; font-size: 12px;}
#vehicle #vehicle_v2_sidebar_links li a:hover {background: #cc3333 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center !important; color: #fff !important;}


#vehicle_v2_sidebar_links li a { background:transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center;}
#vehicle_v2_sidebar_links li a:hover {background-color: #ccc; color: #666 !important;}

#vehicle #vehicle_topbar {}
#vehicle #vehicle_topbar a, #inventory #sort_bar a:link {color: #333}
#vehicle #vehicle_topbar a:hover {color: #666}

#vehicle #searchBar {}

#vehicle #vitalsContainer {font-size: 11px;}

#vehicle #priceContainer .price_title {font-size: 13px; font-weight: bold;}
#vehicle #priceContainer .price_line_1 {color: #cc0000; font-size: 32px; font-weight: bold;}

#vehicle #vitalsContainer li {color: #666;}
#vehicle #vitalsContainer li strong {color: #333;}

/* ###########################################
###              #contact                  ###
########################################## */

/*customer tools box on contact page*/
.customer_tools_left {width:160px;} 
.customer_tools_left li img{margin-left: -15px;}
.customer_tools_right {margin-right: 0; width: 455px;}

/* ###########################################
###              #financing                ###
########################################## */
#financing #priNav {margin-bottom: 0;}
#financeHeader h2 {background: none; font-family:Arial,Helvetica,sans-serif; font-size:10.5pt; margin: 0;}
#financeLeft {width: 630px; margin-left: 10px;}
#financeCalc h2 {background: url(http://images1.ecarlist.com/sites/images/financeCalc_header.gif); font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:13.5pt; margin-bottom: 0; padding-bottom: 0;}

#financeRight {float:right; margin-left:43px; width:256px;}

#financing form li {float: none;}

/* ###########################################
###              #service                  ###
########################################## */
#service #vehicle_question_submit {margin-bottom: 25px;}


/* ###########################################
###           #generic modules             ###
########################################## */

/* generic classes */
.lgpic {border: 5px solid #d2d2d2;}

/*modules used on multiple pages

/*column sizes for two column pages*/
#left {width: 295px; margin-left: 10px; margin-right: 5px;}
#right {width: 648px; margin-left: 5px; margin-right: 15px;}

#leftColumn {width: 245px; margin-left: 15px;}
#rightColumn {margin-right: 15px;}


/*site logo on top left side of numerous pages */
#site_logoSection {display: none;} 

/*small contact form - on about page, specials page, etc*/
form#contact_small {background: #fff url(../images/contactBottom.png) center bottom no-repeat; min-height: 384px; padding: 0 19px; width: 209px;}
form#contact_small h2 {background: transparent url(../images/contactTop.png) center top no-repeat; color: #000; height: 37px; margin-left: -19px; text-align: center; padding-bottom: 0; padding-top: 10px; width: 247px;}
form#contact_small li {float: left;}
form#contact_small li label {background: none; color: #000; font-size: 11px; margin-right: 10px; padding-left: 0;}
form#contact_small li input, form#contact_small li textarea, form#contact_small li select {background: #fff none; border: 1px solid #c9c9c9; font-size: 12px; margin-bottom: 14px; margin-left: 0; padding: 0;}
form#contact_small li.required p.error_msg {margin-right: 20px !important; position: relative;}
form#contact_small li.required div.validationIcon {float: right; margin: 0; margin-right: 15px; margin-right: 0\9 } /*bad ie8 hack*/
form#contact_small .submitButton {background:transparent url(../images/submit.gif) no-repeat scroll left top; border:medium none; display:block; height:28px; margin:0; padding:0; text-indent:-9000px; width:165px;}
form#contact_small .submitButton:hover {cursor: pointer; border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3;}

/* vehicle finder button */
#inventory #vehicle_v2_notify_button {margin-left: 20px; }
#vehicle #vehicle_v2_notify_button {margin-left: 25px; }

/* Quicklinks*/
#quicklinks {background: url(../images/qlBg.png) no-repeat left top; display:block;  list-style-type:none;  margin-top: 4px; padding-bottom: 35px; padding-top: 4px; width:247px;}

#quicklinks li { margin: 0; padding: 0; }
#quicklinks li a { display:block; width:247px; text-indent: -9000px; background: url(../images/quicklinks.png); }
#quicklinks li a#search { height:29px; background-position:  0px -4px;}
#quicklinks li a#special { height:24px; background-position: 0px -33px; }
#quicklinks li a#finance { height:24px; background-position: 0px -57px; }
#quicklinks li a#request { height:24px; background-position: 0px -81px }
#quicklinks li a#order { height:30px; background-position: 0px -106px; }
/* hover states */
#quicklinks li a#search:hover {background-position: -247px -4px;}
#quicklinks li a#special:hover { background-position: -247px -33px; }
#quicklinks li a#finance:hover { background-position: -247px -57px; }
#quicklinks li a#request:hover { background-position: -247px -81px }
#quicklinks li a#order:hover { background-position: -247px -106px; }

#vehicleDisclaimer {margin-bottom: 10px;}/*inventory and vehicle pages */

/*site logo on top left side of numerous pages */
#site_logoSection {display: none;} 


/*sidebar_address*/
#sidebar_address_head {margin-bottom: 5px;}
#sidebar_address p {margin-bottom: 10px; }
#sidebar_address a#getdirections {color: #cc0000;}
#sidebar_address a#getdirections:hover {color: #cc3333;}

form li {float: left;}

#inventory_v2_sorry ol {width: 0}