/*------------------------------------------------------------------
[Homepage Stylesheet]

Theme Name:		Englewood Chevy
Version:		1.0
Last Change:	3/31/2010 - EJR

[Table of Contents]

1. Columns & Titles
2. Featured Vehicles
3. Featured Banners

[Notes]

-------------------------------------------------------------------*/

/* 1. COLUMNS & TITLES */

#columns {padding:0 0 15px 0;}
#content {padding:10px 20px 0 20px;}
#content .sub_col_1 {padding:0 10px 0 15px; width:526px; float:left;
	color:#4f5357;}
#content .sub_col_1 h1 {
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.714em; font-weight:normal; color:#9f2e1f;}
#content .sub_col_1 h2 {
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:0.928em; font-weight:normal; text-transform:uppercase; color:#9f2e1f;}
#content .sub_col_2 {padding:0 0 0 8px; width:184px; float:left;
	border-left:1px solid #cacbcc;}
#content h1, #content h2, #content h3 {color:#ddd;}
#content h1 {font-size:2em;}


/* 2. FEATURED VEHICLES */

#featured_vehicles {margin:16px 0 16px 0;}
#featured_vehicles h2 {margin:0 0 6px 0; width:744px; position:relative; overflow:hidden;
	font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.062em; color:#fff; text-transform:uppercase;
	background:url(../images/template/featured_vehicles_h2_bg.png) no-repeat #4f5357;}
#featured_vehicles h2 .inner {padding:7px 4px 6px 138px; margin:0 0 -1px 0; display:block; overflow:hidden;
	background:url(../images/template/featured_vehicles_h2_inner_bg.png) no-repeat bottom;}
#featured_vehicles h2 strong {width:117px; height:19px; display:block; position:absolute; top:4px; left:4px;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_h2_new_deals.png) no-repeat;}	

/* Featured Container */
ul#features {padding:7px 16px 14px 16px; width:940px; margin:0; position:relative;
	background:#fff;}
ul#features h3 {padding:8px 0; margin:0 0 15px;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.75em; text-align:center; color:#ffde00; text-transform:uppercase;
	background:#1d8c41;}
ul#features .tab_content h4.listing_header {margin:0 0 5px 0;
	background:url(../images/template/featured_vehicles_listing_header_bg.png) no-repeat top #191f2f;}
ul#features .tab_content h4.listing_header span.inner {padding:8px 0; display:block;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.25em; text-align:center; color:#ffde00; text-transform:uppercase;
	background:url(../images/template/featured_vehicles_listing_hdr_inner_bg.png) no-repeat bottom;}
ul#features li {color:#666; list-style:none outside;}
ul#features li ul {padding:0 0 10px 20px; margin:0; height:auto;}
ul#features li ul li {padding:0; margin:0 0 3px 0;}

/* js on (class="compact") */
ul#features.compact {padding:0; width:972px; height:auto; overflow:hidden;
	background:none;}
ul#features.compact .tab_content {display:none}
ul#features.compact li.fcurrent .tab_content {padding:7px 16px 14px 16px; margin:48px 0 0 0; width:940px; display:block; position:relative; float:left;
	background:url(../images/template/featured_vehicles_listings_bg.png) no-repeat bottom center #fff;}
ul#features.compact li {padding:0; margin:0; width:975px; float:left;}

ul#features.compact h3 {margin:0; padding:0; width:483px; height:48px; cursor:pointer; position:absolute; top:0; 
	font-size:0.75em; font-weight:normal; color:#324155; text-indent:-5000px;
	background:url(../images/template/featured_vehicles_tabs_sprite.png) no-repeat;}

/* Feature Tabs */	
ul#features.compact h3.tab.chevrolet {background-position:0 0; left:6px;}
ul#features.compact h3.tab.chevrolet:hover {background-position:0 -48px;}
ul#features li.fcurrent h3.tab.chevrolet, ul#features li.fcurrent h3.tab.chevrolet:hover {background-position:0 -96px;}

ul#features.compact h3.tab.gm_certified {background-position:-483px 0; left:489px;}
ul#features.compact h3.tab.gm_certified:hover {background-position:-483px -48px;}
ul#features li.fcurrent h3.tab.gm_certified, ul#features li.fcurrent h3.tab.gm_certified:hover {background-position:-483px -96px ;}

/* Vehicle Listings */
#featured_vehicles .row_wrap {padding:10px 0;
	background:url(../images/template/featured_vehicles_center_listing_bg.png) center repeat-y;
	border-bottom:1px solid #bec6d0;}
#featured_vehicles .row_wrap:last-child {border:none;}
#featured_vehicles .listing {padding:0 0 0 115px; margin:0; margin:0; width:187px; position:relative; float:left;
	min-height:110px; height:auto !important; height:110px; /* this line = min-height hack */
	list-style:none;}
#featured_vehicles .listing.center {padding:0 6px 0 126px; margin:0 10px 0 5px;}

/* Vehicle Year, Make & Model */
#featured_vehicles .listing h4 {
	font-size:0.625em; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#313538;}
#featured_vehicles .listing h4 strong {display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; text-transform:none; color:#191f2f;}	

/* Vehicle Photo */
#featured_vehicles .listing .photo_link {padding:0; width:114px; height:106px; position:absolute; top:0; left:0;
	background:#dedfe1;}
#featured_vehicles .listing.center .photo_link {left:11px;}
#featured_vehicles .listing .photo_link a {width:114px; height:106px; position:absolute; top:0; left:0;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_listing_btn.png) no-repeat 0 86px;}
#featured_vehicles .listing .photo_link a:hover {background-position:-114px 86px;}

/* Vehicle Lease Price */
#featured_vehicles .listing .lease{padding:0; margin:0;
	line-height:normal; text-align:center;}
#featured_vehicles .listing .lease strong {padding:0 0 5px 0; width:92px; display:block; float:left;
	font-size:2em; font-weight:bold;; line-height:0.888em; color:#2677c1;}
#featured_vehicles .listing .lease em {padding:9px 0; margin:0 0 0 10px; width:36px; display:block; float:left;
	font-size:0.625em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:1em; color:#666; text-transform:uppercase;}
#featured_vehicles .listing .lease span {padding:9px 0; width:30px; display:block; float:left;
	font-size:0.625em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:10px; color:#666; text-transform:uppercase;}

/* Vehicle Buy Price */	
#featured_vehicles .listing .buy{padding:0 0 5px 0; margin:0;
	font-size:2em; line-height:0.888em; text-align:center; color:#2677c1;}
#featured_vehicles .listing .buy strong{font-weight:bold;}

/* Vehicle Bullets */
#featured_vehicles .listing h5 {
	font-size:0.75em; font-weight:bold; text-align:center; line-height:normal; color:#191f2f;}
#featured_vehicles .listing.preowned h5 {margin:0 0 15px 0;}

/* Legal & Description */	
#featured_vehicles .listing .legal_toggle {margin:2px auto 0 auto; width:100px; display:block;
	font-size:0.562em; color:#8f8e8e; text-align:center; text-transform:uppercase; cursor:pointer;}
#featured_vehicles .listing .legal_toggle:hover {color:#dd2500;}
#featured_vehicles .listing .legal_toggle:hover .description {display:block;}
body.js #featured_vehicles .listing .legal_toggle:hover .description {display:none;}
#featured_vehicles .listing .legal_toggle .description {padding:25px 5px 0 50px; margin:0; display:none; overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; cursor:auto;
	text-align:left; font-size:1.777em;
	background:url("../images/template/featured_vehicles_description_bg.png");}
#featured_vehicles .listing.center .legal_toggle .description {left:11px; right:6px;}
#featured_vehicles .listing .legal_toggle .description h6 {padding:0 0 5px 0;	
	font-size:0.75em; color:#fff; line-height:normal; letter-spacing:2px; text-transform:uppercase;}
#featured_vehicles .listing .legal_toggle .description p {position:absolute; top:42px; left:50px; right:5px; bottom:0; overflow:auto;
	font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#b5b5b6; line-height:normal; text-transform:none;}
/* Generarted by JavaScript */
#featured_vehicles .listing .legal_toggle .description div.close {padding:0 3px; position:absolute; top:4px; right:4px; cursor:pointer; z-index:200;
	font-size:10px; color:#ffde00; color:#fff;
	background:#f42900;}
#featured_vehicles .listing .legal_toggle .description div.close:hover {color:#ffde00; background:#dd2500;}



/* 3. HEADLINES */

#headline {width:972px; height:360px; position:relative; background:#000;}

/* Slides */
ul#slides {padding:0; margin:0; width:972px; height:360px; overflow:auto; white-space: nowrap;}
ul#slides li {padding:0; margin:0; list-style:none; display:inline;}
ul#slides img {padding:0; margin:0; width:972px; height:360px; top:0; left:0;
	list-style:none;}
	
/* Slide Nav */
#slide_nav {position:absolute; bottom:10px; right:10px; z-index:101;}
#slide_nav a {padding:1px 6px; margin:0 0 0 5px; display:block; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:0.937em; font-weight:bold; color:#fff;
	background:#000; border:1px solid #666;}
#slide_nav a:hover {color:#ffde00;}
#slide_nav a.activeSlide, #slide_nav a.activeSlide:hover {color:#000; background:#ffde00;}

/* Legal & Description */
body.js ul#slides .headline_toggle {display:block;}	
ul#slides .headline_toggle {width:76px; display:none; position:absolute; bottom:45px; right:10px;
	font-size:0.562em; text-transform:uppercase; text-align:center; cursor:pointer; color:#fff;
	background:#000;}
ul#slides .headline_toggle:hover {color:#fd0;}
ul#slides .headline_description {padding:25px 5px 0 224px; margin:0; width:743px; height:335px; display:none; overflow:hidden; position:absolute; top:0; left:0; cursor:auto; z-index:102;
	text-align:left; white-space:normal;
	background:url("../images/template/featured_vehicles_description_bg.png");}

ul#slides  .headline_description h6 {padding:0 0 5px 0;
	font-size:0.75em; color:#fff; line-height:normal; letter-spacing:2px; text-transform:uppercase;}
ul#slides .headline_description p {width:650px; height:272px; overflow:auto;
	font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#b5b5b6; line-height:normal; text-transform:none;}
/* Generarted by JavaScript */
ul#slides .headline_description div.headline_close {padding:0 3px; position:absolute; top:10px; right:10px; cursor:pointer; z-index:200;
	font-size:0.625em; color:#fff; text-transform:uppercase;
	background:#000;}
ul#slides .headline_description div.headline_close:hover {color:#fd0; background:#000;}

/* Quick Links */
ul#quick_links {padding:0; margin:0; width:194px; position:absolute; top:22px; left:16px; z-index:100;}
ul#quick_links li {padding:0; margin:0;
	list-style:none;}
ul#quick_links li a {width:185px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/template/headline_quick_link_sprite.png) no-repeat;}
ul#quick_links li a.get_financed {height:108px; background-position:0 0;}
ul#quick_links li a.get_financed:hover {background-position:-185px 0;}
ul#quick_links li a.quick_quote {height:100px; background-position:0 -108px;}
ul#quick_links li a.quick_quote:hover {background-position:-185px -108px;}
ul#quick_links li a.test_drive {height:108px; background-position:0 -208px;}
ul#quick_links li a.test_drive:hover {background-position:-185px -208px;}
ul#quick_links li a.vip_test_drive {height:316px; width:185px;
	background:url(../images/template/home-quick-link-vip.png) no-repeat;}
ul#quick_links li a.vip_test_drive:hover {background-position:-185px 0;}
	
/* Subheadline */
#sub_headline {position:relative;}
#sub_headline .the_giant {width:120px; height:181px; display:block; position:absolute; top:-89px; right:4px;}


/* 4. FEATURED BANNERS */

ul#featured_banners {padding:0; margin:0; width:960px;}
ul#featured_banners li {padding:0; margin:0 0 10px 0; float:left;
	list-style:none;}
ul#featured_banners li a {height:91px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/template/homepage_subbanner_btn_sprite.png) no-repeat;}
ul#featured_banners li a.financing {width:195px; background-position:0 0;}
ul#featured_banners li a.financing:hover {background-position:0 -91px;}
ul#featured_banners li a.parts {width:187px; background-position:-195px 0;}
ul#featured_banners li a.parts:hover {background-position:-195px -91px ;}
ul#featured_banners li a.service {width:187px; background-position:-382px 0;}
ul#featured_banners li a.service:hover {background-position:-382px -91px;}
ul#featured_banners li a.export {width:189px; background-position:-571px 0;}
ul#featured_banners li a.export:hover {background-position:-571px -91px;}
ul#featured_banners li a.brands {width:200px; background-position:-760px 0;}
ul#featured_banners li a.brands:hover {background-position:-760px -91px;}


/* FEATURED BUTTONS */

.featured_buttons {padding:0; margin:16px 6px 0 6px; width:474px; height:124px; display:inline; float:left;
	text-align:center;
	background:url('../images/template/home_featured_bg.png') no-repeat #191f2f;}
.featured_buttons h3 {padding:0; margin:0 auto;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:bold; text-indent:-5000px; line-height:37px; color:#fff;
	background:url('../images/template/home_featured_heading_bg.png') no-repeat left 8px;}
#home_featured_service h3 {width:129px;}
#home_featured_sales h3 {width:128px; background-position:right 8px;}
.featured_buttons ul {padding:0; margin:0 0 0 5px;}
.featured_buttons li {margin:0 0 0 10px; display:inline; float:left;
	list-style:none;}
.featured_buttons li a {padding:8px 0; margin:0; width:217px; height:59px; display:block;
	font-size:1.875em; line-height:23px; font-weight:bold; color:#ddd;
	background:url('../images/template/home_featured_button_bg.png') no-repeat left top #006fb6;}
.featured_buttons li a span {display:block;
	font-size:0.467em; text-transform:uppercase; letter-spacing:2px;}
.featured_buttons li a:hover {color:#c1eaff;
	background:url('../images/template/home_featured_button_bg.png') no-repeat left bottom #4389c6;}
.featured_buttons li a:hover span {color:#011638;}