@import url("./skyline_base.css");

body { background: #464A4E; color: #ccc; }
#wrapper {}
.clear {}
#page_tile { background:#000 url(../images/blue/body_bg.jpg) repeat-x center top; min-width: 980px; }
p { margin: 5px 0; }
a { color: #fff;  }
a:link { color: #fff; }
a:hover { color: #7ac1ff; }
a:visited {}
a:active {}
a:focus {}
.color_pri { color: #7ac1ff !important;	}
.color_sec { color: #7ac1ff !important; }

#right p, #finance_middle p, #notify_middle p, #financeLeft p  { color:#ccc; }
#right h2, #notify_middle h2, #financeLeft h2, #trade_appraisal h2 { color:#fff; border-bottom:1px solid #ccc; }

#main_content {}
#main_content_inner {}

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

h1#main_logo {}
#header {}
#header_right { font-size:22px; color:#fff; font-weight: bold; }

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

#priNav {}
#priNav li { background: url(../images/blue/priNav_div.jpg) no-repeat right bottom; font-size:14px; }
#priNav li.last { background: none; }
#priNav li a { color:#282e34; text-decoration: none;  }
#priNav li a:hover { background:url(../images/blue/priNav_hover.jpg) repeat-x center top; color:#fff; }

#dropmenudiv, #dropmenudiv_firefox{ background: #7b828b; border: none;  }
#dropmenudiv a, #dropmenudiv_firefox a { border: none; border-bottom: 1px dotted #fff; color: #fff; }
#dropmenudiv a:hover, #dropmenudiv_firefox a:hover {  background: url(http://images1.ecarlist.com/sites/templates/skyline/images/blue/priNav_hover.jpg) repeat-x center top; color: #fff; }

#priNav ul { background:#7b828b; }
#priNav ul li { border-bottom: 1px dotted #fff; background:#7b828b;}
#priNav ul li a { color:#fff; }
#priNav ul li a:hover { color:#282e34; }


/* ###########################################
###              #home page               ###
########################################## */

#home_flash {}
#flash_content { background: url(../images/blue/flash_placeholder.jpg) no-repeat center top; }

#home_featured { background:#0b326d url(../images/blue/featuredVehicles_bg.jpg) repeat-x center top; }
#featuredVehicles_title {}
#random_list_location #random_list_item {}
#random_list_location #random_list_item a { color:#fff; }
#random_list_location #random_list_item a:hover { color:#7ac1ff; }
#random_list_location #random_list_item img { border:1px solid #000; }
#home .toolTipInner_price { color:#7ac1ff; }

#home_inner { background: url(../images/blue/bluearrow.gif) no-repeat right top; }

#specialsWrapper{
	float: right;
	width: 725px;
	height: 230px;
	margin-bottom: 10px;
	background: url(../images/blue/specialBkg.jpg) no-repeat right top;
}

#left_col { background:#204256 url(../images/blue/lightBlue_footer.gif) no-repeat center bottom;  }
#left_col h1 { font-size:12px; background: url(../images/blue/lightBlue_header.gif) repeat-x center top; color:#fff; border:2px solid #9db5d5;  } 
#left_col p { font-size:13px; color:#fff; }
#left_col a { font-size:13px; color:#fff; text-decoration: none; }
#left_col a:hover { text-decoration: underline; }
#left_col hr { background:url(../images/blue/dots.gif) repeat-x center top; border:none; }
#left_col a#direction { background: url(../images/blue/directionsarrow.gif) no-repeat right center; }
#left_col .floatLeft {float: left;}
#left_col .floatRight {float: right; margin-right: 20px}
#left_col a#contactemail {}
#left_col .floatLeft p, #left_col .floatRight p {}

#right_col { background: url(../images/blue/darkBlue_body.png) no-repeat center bottom; }
#right_col h1 { color:#fff; font-weight: normal; font-size:16px; background: url(../images/blue/darkBlue_header.gif) no-repeat center top; }
#right_col .floatleft { color:#e4dddd; }
#right_col .floatleft a {}
#right_col .floatleft a:hover { color:#7ac1ff; }
#right_col .floatleft p { color:#e4dddd; } 

#mid_col p { color:#fcf8f8; font-size:12px; }
a#readmore { color:#7ac1ff; background: url(../images/blue/readmorearrow.gif) no-repeat right center; text-decoration: none;}
a#readmore:hover { text-decoration: underline;}

#ql_home { margin: 20px 0 0; padding: 0; list-style-type:none; }
#ql_home li { float:left; margin: 0; padding: 0; }
#ql_home li a { background: url(../images/blue/quicklinks.jpg) no-repeat; }
#ql_home li a#search {}
#ql_home li a#quick {}
#ql_home li a#get {}
/* rollover states */
#ql_home li a#search:hover {}
#ql_home li a#quick:hover {}
#ql_home li a#get:hover {}



#advSearch{
	width: 230px; 
	float: left; 
	margin-top: -150px;
	background: url(../images/blue/darkBlue_body.png) no-repeat center bottom;
}

#advSearch h2{
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	background: url(../images/blue/darkBlue_header.gif) no-repeat center top;
	display: block;
	height: 34px;
	line-height: 34px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#advSearch form{
	padding: 15px;
}

#advSearch form select{ width: 200px; margin-bottom: 10px;}

#advSearch form input.submitButton{display: block;background: url(../images/blue/submitBttn.png) no-repeat top left; width: 102px; height: 25px; text-indent: -9000em; font-size: 0px; border: none; cursor: pointer; color: #fff;}

#home #search #drop_down_filters #submit {
	display: block;background: url(../images/blue/submitBttn.png) no-repeat top left; width: 102px; height: 25px; text-indent: -9000em; font-size: 0px; border: none; cursor: pointer; color: #fff; margin: 10px auto
}

#advSearch form input.submitButton:hover{background-position: bottom left;}


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

#footer { background:#464A4E url(../images/blue/footer_bg.gif) repeat-x center top; min-width: 980px;  }
#footer_box {}
#footer_box h1 {}
#footer_box h1 a { background: url(../images/dt_logo_sk_blue.png) no-repeat left top; }
#footer_box h1 a:hover { background-position: right top; }
#footerNav {}
#footerNav li { border-right:1px solid #bec0c1; font-size:10px; }
#footerNav li.last { border:none; }
#footerNav li a { color:#bec0c1; text-decoration: none; }
#footerNav li a:hover { color:#fff; }
#ec_footer {}
#ec_footer li { border-right:1px solid #bec0c1; font-size:10px; color:#bec0c1; }
#ec_footer li.last { border:none; }
#ec_footer li a { color:#bec0c1; text-decoration: none; }
#ec_footer li a:hover { color:#fff; }
.dt-footer { color: #bec0c1; }
.dt-footer a { color: #bec0c1; }
.dt-footer a:hover { color: #fff; }

/* #################################################
###              #=common forms                  ###
################################################ */

#site_logoSection { display:none; }

#sidebar_address { background:#000; border:1px solid #333; }
#sidebar_address_head { color:#fff; }
#sidebar_address .floatleft p { color:#ccc; }
#sidebar_address .floatleft {}
#sidebar_address #getdirections {}

#dealer_contact { background:#000; border:1px solid #333; color:#ccc; }
#dealer_contact h2 { color:#ccc; }
#dealer_contact {}
#dealer_contact  .input_element {}
#dealer_contact input.submitButton { background: url(../images/blue/send_small_blue.png) no-repeat left top; border:none; }
#dealer_contact input.submitButton:hover { background-position: -75px 0px; }

#contact #contact_map { background: #fff; border:1px solid #9F9F9F; }
#contact .customer_tools_left li { float:left; width:172px; }

/* ###################################################
###                  #sitemap                      ###
################################################### */

#sitemap #sitemap_list { color:#ccc; }
#sitemap .sitemap_vehicle_title { color:#fff; }
#sitemap #sitemapContent h1 { color:#fff; border-bottom:1px solid #ccc; }
#sitemap .sitemap_vehicle_list {}
#sitemap #sitemap_list li {}
#sitemap #footer h1 {}
#sitemap #sitemap_list {}
#sitemap #sitemap_list li {}
#sitemap .sitemap_vehicle_title { color:#fff; }
#sitemap .sitemap_vehicle_list {}
#sitemap .sitemap_vehicle_list li a { color:#ccc; }
#sitemap .sitemap_vehicle_list li a:hover {}
#sitemap #sitemap_list li ul {}
#sitemapContent {}
#sitemap_list, .sitemap_vehicle_list {}


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

#inventory .inventory_v2_row {background-color: transparent; border: none; color: #fff;}
#inventory #sort_bar {color: #fff;}


/* Number of Results */
#inventory #inventory_v2_sidebar_filters h3 { color:#fff; }
#inventory #inventory_v2_sidebar_filters h2 { color:#fff; }

/* Search Filter List Container Boxes */
#inventory .filterList { background:#000; border:1px solid #363636; }
#inventory #inventory_v2_sidebar_filters .filterList h3 { color:#fff; }
#inventory .filterList ul li { color:#b7b7b7; }
#inventory .filterList ul li a { color:#b7b7b7; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center;  }
#inventory .filterList li a:hover { color:#000; background:#027df0 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_blk.gif) no-repeat 2px center; }
#inventory .filterList span a { background:#e8e8e8; border:1px solid #ababab; color:#000; }
#inventory .filterList span a:hover { color:#027df0; }

/* Contact Form Box */
#inventory #inventory_v2_sidebar_contact { background:#000; border:1px solid #363636; }
#inventory #inventory_v2_sidebar_contact h2 { color:#fff; }
#inventory #inventory_v2_sidebar_contact  .input_element {}
#inventory #inventory_v2_sidebar_contact #contact_small {}
#inventory #inventory_v2_sidebar_contact #contact_small ol li {}
#inventory #inventory_v2_sidebar_contact #contact_small input.submitButton { background: url(../images/blue/send_small_blue.png) no-repeat left top; }
#inventory #inventory_v2_sidebar_contact #contact_small input.submitButton:hover { background-position: -75px 0px; }
#inventory #inventory_v2_sidebar_contact #contact_small ol li label { color:#ccc; }
#inventory #inventory_v2_sidebar_contact #contact_small ol {}

/* Current Filters Box */
#inventory #currentFilters { background:#027df0; border:none; }
#inventory #currentFilters p { color:#fff; }
#inventory #currentFilters p a { color:#fff; }
#inventory #currentFilters p a:hover { color:#fff; }

/* Top Search Bar Styles */
#inventory #searchBar { border:none; background: url(../images/blue/sortbar.gif) repeat-x center bottom; }
#inventory #sort_bar { border:none; background: url(../images/blue/sortbar.gif) repeat-x center bottom; }
#inventory #sort_bar a { color:#fff; }
#inventory #sort_bar a:hover {}

/* Vehicle Title and Price */
#inventory .inventory_v2_details h4 a:hover {}
#inventory .price_line_1 {}

#inventory .inventory_v2_details_links li a { color: #ccc; }
#inventory .inventory_v2_details_links li a:hover { color: #fff; }
.inventory_v2_price_right .price_title  { color:#ccc; }
/* Change width so prices dont wrap */
#inventory .inventory_v2_pagination a { color: #666; }
#inventory .inventory_v2_pagination a:hover {}
#inventory #vehicleDisclaimer p {}
#inventory .inventory_v2_row { border-bottom:1px dotted #434343; }

a#vehicle_v2_notify_button img {}
a#vehicle_v2_notify_button { background: url(../images/white/finder.png) no-repeat left top; width: 244px; margin-left: -10px; }


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

#vehicle #rightColumn { color:#b6b6b6; }
#vehicle #vehicle_vitals {background: transparent; border: none;}
/* Similar Vehicles Heading */
#vehicle #leftColumn h3 { color:#fff; }
.similarVehicle { background:#000; border:1px solid #363636; }
#vehicle .similarVehicle ul li { color:#b6b6b6; }
#vehicle .similarVehicle ul li.price { color: #ccc; }
#vehicle .similarVehicle ul li a { color:#fff; }
#vehicle .similarVehicle ul li a:hover { color:#7AC1FF; }

/* View More Box */
#vehicle #vehicle_v2_sidebar_links { background:#000; border:1px solid #363636; }
#vehicle #vehicle_v2_sidebar_links p { color:#fff; }
#vehicle #vehicle_v2_sidebar_links ul {}
#vehicle #vehicle_v2_sidebar_links li { color:#b7b7b7; }
#vehicle_v2_sidebar_links li a { color:#b7b7b7; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; }
#vehicle_v2_sidebar_links li a:hover { color:#000; background:#027df0 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_blk.gif) no-repeat 2px center; }

/* Breadcrumbs and share bar at top */
#vehicle #vehicle_topbar { border:none; background: url(../images/blue/sortbar.gif) repeat-x center bottom; }
#vehicle #vehicle_topbar a { color:#fff; }
#vehicle #vehicle_title {}
#vehicle #vehicle_contact span { color:#fff; }
#vehicle #vehicle_contact a { color:#fff; }
#vehicle #vehicle_contact a:hover { color:#7AC1FF; }
#vehicle .price_line_1 {}
#vehicle #searchBar { border:none; background: url(../images/blue/sortbar.gif) repeat-x center bottom; }
#vehicle #searchBar_left {}

/* Vehicle Listing Details */
#vehicle #vitalsContainer ul li {}
#vehicle #media_center_links li a {}
#vehicle #vehicle_thumbs img {}

/* give some space to the subject line for the make an offer form */
#vehicle #trade_offer_subject {}
 
#vehicle #dealerboxName {}
#vehicle .dealerboxAdd {}
#vehicle #dealerboxPhone {}
#vehicle #dealerboxMap a { color:#333; }
#vehicle #dealerboxMap a:hover {}

/* Disclaimer at the bottom of the page */
#vehicle #vehicleDisclaimer p {}

#vehicle #customer_tools { color:#333; }  
#vehicle #customer_tools .input_element {}
#vehicle #customer_tools #customer_tools_vehicle_offer .input_element {}
#vehicle #customer_tools #customer_tools_vehicle_offer .customer_tools_right_left {}	
#vehicle #customer_tools_top_middle { color:#333 !important; }
#vehicle #customer_tools_content_wrapper {}
#vehicle #vehicle_vitals {}
#vehicle .gray_ten { color:#ccc; }
#vehicle #picShadow {}

#vehicle #listing_form {}
.ip_dottedLine { border-bottom: 1px dotted #434343; }
#vehicle #media_center_links {}
#vehicle #vehicle_details_middle { color:#333; }
#vehicle #customer_tools_bottom_middle { background: #fff; }

/* #################################################
###                  #=finance                  ###
################################################ */

#financeRight {color: #333;}
#financeRight #sidebar_address .floatleft p {
color:#333;
}

#financing #sidebar_address_head { color:#000; }


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

#notify #notify_form_div, #trade_bid #notify_form_div { padding:0 0 15px;  border:1px solid #333; margin: 0 0 10px; font-size:11px; color:#ccc; font-weight: bold; background: #000; }
#notify #notify_form_div h3 { display: block; height:56px; margin: 0; background: url(../images/blue/notify_top.png) no-repeat right top; font-size: 16px; color:#000; }
#notify #notify_form_div ol { padding: 10px 3px 20px 0; }
.tb_even, .nfd_even { background: none; }
#notify #vehicle_finder_submit { padding: 10px 0; }
#notify #notify_form_div #vehicle_finder_submit input, #notify_form_div #vehicle_trade_bid_submit input { background: #c5c5c5; width:240px; height:26px; text-align: center; text-indent:0; font-size:12px; color:#333; border:1px solid #a7a7a7;  *margin-top:10px; }
#notify #notify_form_div #vehicle_finder_submit input:hover, #notify_form_div #vehicle_trade_bid_submit input:hover { background:#7ac1ff;  cursor: pointer; }
#notify p#nfd_legend { background: #ccc; padding: 10px; margin: 0; color:#333; }
#trade_bid #notify_form_div h3 { display: block; height:56px; margin: 0; background: url(../images/blue/tradebid_top.png) no-repeat right top; font-size: 16px; color:#000; }

/* ###################################################
###                  Inner Quicklinks                      ###
################################################### */
#ql_inner li a{
	background: url(../images/blue/ql_arrow_blue.png) no-repeat 18px 10px;
}
#ql_inner li a:hover {
	background: #005586 url(../images/blue/ql_arrow_blue.png) no-repeat 18px 10px;
	color: #FFF;
	text-decoration: none;
	
}