/* ################################################
###             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 page styles               ###
################################################ */

body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size:12px;
	background: #f0f3fa url(../images/bodytile.gif) repeat-y center top; 
}
#wrapper {
	width:1000px;
	margin: 0 auto;
	padding: 0;
}
.clear {
	margin: 0;
	padding: 0;
	clear:both;
}
}
p { 
	margin: 5px 0;
}

a {
	color: #666;
	text-decoration:none;
}
a:link {}
a:hover {
	color: #000;
	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: #155889 !important; 	/* Set secondary color. Vehicle Prices. Typically should match color_pri */
}


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

#header {
	width:1000px;
	height:95px;
	margin: 0;
	padding: 0;
	background: #fff url(../images/top_hyundai.gif) no-repeat left top;
}
#header h1 {
	float:left;
	margin: 0;
	padding: 0;
}
#header h1 a {
	display:block;
	width:155px;
	height:77px;
	text-indent: -9000px;
}
.topname {
	float:left;
	margin: 0;
	padding: 7px 0 0 22px;
	font-size:14pt;
	font-weight: bold;
	text-transform: uppercase;
}
.topname span {
	font-size:10px;
	font-weight: normal;
	line-height: 19px;
}
.topname span a { color:#960505; }
#header h2 {
	float:right;
	margin: 0;
	padding: 0;
}
#header h2 a {
	display:block;
	width:132px;
	height:70px;
	text-indent: -9000px;
	background: url(../images/top_right_hyundai_logo.gif) no-repeat left top;
}
#phonelist {
	clear: right;
	float:right;
	margin: 1px 0 0;
	padding: 0 0 0 24px;
	width:524px;
	height:24px;
	list-style-type:none;
	background: url(../images/top_red.gif) no-repeat center top;
}

#phonelist li {
	float:left;
	margin: 0;
	padding: 7px 14px 0 0;
	color:#fff;
	font-size: 12.5px;
	font-weight: bold;
	white-space: nowrap;
}
#phonelist li span {
	text-transform: uppercase;
	font-size:9px;
	margin: 0;
	padding: 0 5px 0 0;
	font-weight: bold;
}
#phonelist li.last {
	padding-right:0;
}

#searchplaceholder { width:1000px; height:30px; margin: 0; padding: 0; background: #000; }

/* ################################################
###               #research bar                ###
################################################ */

#researchbar {
	width:1000px;
	height:50px;
	margin: 0;
	padding: 0;
	background: url(../images/research_tile.gif) repeat-x center top;
}
#researchbar h1 {
	float:left;
	width:120px;
	height:50px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../images/research.gif) no-repeat center top;
}
#researchlist {
	float:left;
	margin: 0;
	padding: 0;
	list-style-type:none;
	height:50px;
	background: url(../images/researchlistbkgd.gif) repeat-x center top;
}
#researchlist li {
	float:left;
	margin: 0;
	padding: 20px 34px 0 0;
	text-transform: uppercase;
	font-size:11px;
}
#researchlist li.top {
	font-size:14px;
	margin: 0;
	padding: 18px 33px 0 14px;
	color:#fff;
}
#researchlist li a {
	color:#fff;
	text-decoration: none;
	padding-bottom:12px;
}
#researchlist li a:hover {
	background: url(../images/downarrow.gif) no-repeat center bottom;
}
#researchbar h2 {
	float:right;
	margin: 0;
	padding: 5px 9px 0 0;
}
#researchbar h2 a {
	display:block;
	width:221px;
	height:35px;
	text-indent: -9000px;
	background: url(../images/comevisit.gif) no-repeat left top;	
}
#researchbar h2 a:hover {
	background-position: -221px 0px;
}
#researchbar h3 { float:right;  margin: 0; padding: 4px 50px 0 0; }
#researchbar h3 a { display:block; width:200px; height:38px; text-indent: -9000px; background: url(../images/blackbook_top.gif) no-repeat center top;  }  
a#blackbook_right { display:block; width:180px; height:34px; text-indent: -9000px; background: url(../images/blackbook_left.gif) no-repeat center top; padding: 0; margin: 5px 0 15px 40px; } 
#vehicle #vehicle_contact { width:140px; } 
a#blackbook_vehicle { float:right; width:180px; height:34px; text-indent: -9000px; background: url(../images/blackbook_left.gif) no-repeat center top; padding: 0; margin: 3px 20px 0 0; }


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

#priNav {
	margin: 0;
	padding: 0;
	height:25px;
	list-style-type:none;
	background: #155889;
}
#priNav li {
	float:left;
	margin: 0;
	line-height: 25px;
	padding: 0 6px 0 0;
	text-transform: uppercase;
}
#priNav li.first { padding-left:12px; }
#priNav li.last {
	padding-right:0;
}
#priNav li a {
	display:block;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 9px 0 11px;
}
#priNav li a:hover {
	background: #2c2c2c;
}
#priNav li ul { display:none; }

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

#dropmenudiv, #dropmenudiv_firefox {
	background:#2c2c2c;
	padding-right:0px;
	margin-left:0;
}

#dropmenudiv a, #dropmenudiv_firefox a {
	font-size:10px;
	font-weight:bold;
	color:#fff;
	border:none;
	margin:0px;
	text-decoration:none;
	padding-top: 5px;
	padding-bottom: 5px;
}

#dropmenudiv a:hover, #dropmenudiv_firefox a:hover {
	color:#b5b1a1;
	background: none;	
}


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

#footer {
	margin: 15px 0;
	padding: 15px 0;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#footer h1 {
	float:right;
	margin: 0;
	padding: 0;
}
#footer h1 a {
	display:block;
	width:106px;
	height:24px;
	text-indent: -9000px;
	background: url(../images/ecarlist.gif) no-repeat -106px 0px;
}
#footer h1 a:hover {
	background-position: 0px 0px;
}
#footerNav {
	float:left;
	margin: 0;
	padding: 0 0 0 10px;
}
#footerNav li {
	display: inline;
	font-size:10px;
	margin: 0;
	padding: 0 5px;
}
#footerNav li a {
	color:#878787;
	text-decoration: none;
}
#footerNav li a:hover { text-decoration: underline; }

#ec_footer {
	float:left;
	margin: 0;
	padding: 0 0 0 10px;
}
#ec_footer li {
	display: inline;
	font-size:10px;
	margin: 0;
	padding: 0 5px;
}
#ec_footer li a {
	color:#878787;
	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;
	margin: 10px 0;
}
#inventory #rightColumn {
	display:inline;
	margin: 10px 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;	
}

/* Search Filter List Container Boxes */
#inventory .filterList {
	background:#f9f9f9  ; /* Default is light grey and looks good on most sites */
	border:1px solid #e8e8e8;    /* Default is light grey and looks good on most sites */
	padding:  ;
	margin:  ;
}

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

/* Search Filter List styles */
#inventory .filterList ul {
	padding:  ;
	margin:  ;
}

/* Search Filter List Item styles */
#inventory .filterList ul li {
	color:#6c6c6c;
	font-size:  ;
	padding:  ;
}
#inventory .filterList ul li a {
	color:#6c6c6c;
}
/* Search Filter List Item Hover styles  - Default is Dark Blue */
#inventory .filterList li a:hover {
	color:#fff;
	background-color: #155889;
}

/* 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:#155889;    /* 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:50px 19px 10px 19px;
	background:#f9f9f9  ; /* Default is light grey and looks good on most sites */
	border:1px solid #e8e8e8;    /* Default is light grey and looks good on most sites */
	background-image: url(http://images1.ecarlist.com/sites/euroclassics/images/email_deaer_head.gif); /* Dealer Contact email header image goes here */
	background-repeat: no-repeat;
	background-position: center top;
}

/* 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 {
	background:#f9f9f9  ; /* Default is light grey and looks good on most sites */
	border:1px solid #e8e8e8;    /* Default is light grey and looks good on most sites */
}

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

/* Top Search Bar Styles */
#inventory #searchBar {
	border-top: 1px solid #000;	/* Default is 6px solid #000... I think that's too thick */
	display: none
}

/* Sort Bar underneath Search Bar */
#inventory #sort_bar {
	font-size:  ;
}

/* 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:#000;  /* Make sure you set this */
}
#inventory .inventory_v2_details h4 a:hover {
	color:#25337e
;
}
/* 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:190px;
}
.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;
}


/* stock/vin search box */
#inventory #stockVinSearch {
	background:#f9f9f9  ;
	border:1px solid #e8e8e8;
	padding:10px;	
	margin: 5px 0;
}

#inventory #contact_small .input_element {
	float:none;
}


/* #################################################
###                   #=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:10px 0 ;
	display:inline;
}
#vehicle #rightColumn {
	margin:10px 0;
	display:inline;
}


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

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

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

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

/* View More Box */
#vehicle #vehicle_v2_sidebar_links {
	background:#f9f9f9  ;
	border:1px solid #e8e8e8;
	margin: 0 0 15px;
}

/* View More Heading */
#vehicle #vehicle_v2_sidebar_links p {
	font-weight:bold;
	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-color: #82111c;
}

/* 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:#444;
}

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

/* 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;
}

/* Disclaimer at the bottom of the page */
#vehicle #vehicleDisclaimer p {
	font-size:  ;
	padding:  ;
}

#vehicle a#vehicle_v2_notify_button {
	margin-left: 5px;
}
#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;
}
#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 {
	padding-top:15px;
	margin-right:10px;
	display:inline;
	margin-bottom:20px;
}
#notify_form_div h3 {
	padding: 5px;
	color:#82111c;
}

a#internetprice { clear:both; float:right; display:block; width:167px; height:51px; margin: 5px 0; padding: 0; text-indent: -9000px; background: url(../images/internet_price.gif) no-repeat left top; }
a#internetprice:hover { background-position: -167px 0px; }

/* ### =overlay ### */
/* the overlayed element */ 
div.ec_iq_overlay { 
     
    /* growing background image */ 
    background-image:url(../images/ec_iq_overlay_bg.png) ; 
     
    /* dimensions after the growing animation finishes  */ 
    width:302px; 
    height:350px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    font-size: 9pt;
    color:#000;
    text-align:left;
    padding-top:30px;

} 
* html div.ec_iq_overlay { 
    background-image:url(../images/ec_iq_overlay_bg_8.png) no-repeat center top; 
}
/* default close button positioned on upper right corner */ 
div.ec_iq_overlay div.close { 
    background:url(../images/ec_iq_overlay_close.png) no-repeat; 
    position:absolute; 
    right:23px; 
    top:26px; 
    cursor:pointer; 
    height:9px; 
    width:9px; 
} 

div.ec_iq_overlay form,
div.ec_iq_overlay div#form_response { 
	width:227px;
	margin: 0 auto;
}

div.ec_iq_overlay h3 {
	font-size: 24px;
	text-align: center;
}

div.ec_iq_overlay h4 {
	font-size: 16px;
	text-align: center;
}

div.ec_iq_overlay h5 {
	margin: 0 0 5px 0;
	text-align: center;
}
.inventory_v2_price_right li.ec_inventory_quote {
	float:right;
}

#vehicle .ec_inventory_quote {
	margin-right:85px;
}
.ec_inventory_quote a {
	display:block;
	height:49px;
	width:80px;
	background: transparent url(../images/ec_inventory_quote.gif) no-repeat;
	text-indent: -9000px;
	text-align: left;
	overflow: hidden;
}
.ec_inventory_quote a:hover {
	background-position: -80px 0;
}
#inventory .inventory_v2_price_right {
	width:auto;
}
#inventory .inventory_v2_price_right .price_title {
	margin-bottom: 5px;
	margin-right:5px;
}

.ec_inventory_quote a { clear:both; float:right; display:block; width:167px; height:51px; margin: 5px 0; padding: 0; text-indent: -9000px; background: url(../images/internet_price.gif) no-repeat left top; }
.ec_inventory_quote a:hover { background-position: -167px 0px; }