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

Theme Name:		Shrewsbury VW
Version:		1.0
Last Change:	12/14/2009 - Eric Rihlmann

[Table of Contents]

1. Columns & Titles
2. New Featured Vehicles
3. Pre-Owned Featured Vehicles
4. Headlines

[Notes]

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

/* 1. COLUMNS & TITLES */

#content {padding:10px 0 0 0;}
#content .sub_col_1 {width:444px; padding:0 10px 0 0; float:left; overflow:hidden;
	font-size:em; color:#fff;}
#content .sub_col_1 h1 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.714em; font-weight:normal; color:#99d0ef;}
#content .sub_col_1 h2 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:0.928em; font-weight:normal; text-transform:uppercase; color:#99d0ef;}
#content .sub_col_2 {width:290px; float:left;}


/* 2. NEW FEATURED VEHICLES */

#new_featured_vehicles {margin:0 0 16px 0;}
#new_featured_vehicles h2 {margin:0 0 6px 0; width:744px; position:relative; overflow:hidden;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; color:#fff;
	background:url(../images/template/featured_vehicles_h2_bg.png) no-repeat #011b29;}
#new_featured_vehicles h2 .inner {padding:7px 4px 8px 270px; margin:0 0 -1px 0; display:block; overflow:hidden;
	background:url(../images/template/featured_vehicles_h2_inner_bg.png) no-repeat bottom;}
#new_featured_vehicles h2 strong {width:257px; height:51px; display:block; position:absolute; top:4px; left:4px;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_h2_new_deals.png) no-repeat;}	
#new_featured_vehicles h2 em {padding:2px 0 7px 0;display:block;
	font-style:normal; font-size:1.75em; text-transform:uppercase;}

/* Vehicle Listings */
#new_featured_vehicles .listings {padding:0; margin:0 0 10px 0; width:744px;
	background:url(../images/template/new_featured_vehicles_listings_bg.png) no-repeat #fff;}
#new_featured_vehicles .listings_inner {padding:10px 0 2px 10px; margin:0 0 -1px 0;
	background:url(../images/template/new_featured_vehicles_listings_inner_bg.png) no-repeat bottom;}
#new_featured_vehicles .listings ul {padding:0; margin:0;}
#new_featured_vehicles .listings ul li h3 {
	font-size:0.625em; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#013f61;}
#new_featured_vehicles .listings ul li h3 strong {display:block;
	font-size:2em; font-weight:bold; text-transform:none;}	
#new_featured_vehicles .listings ul li {padding:0 0 10px 147px; margin:0; width:201px; min-height:170px; position:relative; float:left;
	list-style:none;}
#new_featured_vehicles .listings ul li.even {margin:0 0 0 24px;}

/* Vehicle Photo */
#new_featured_vehicles .listings ul li .photo_link {padding:22px 0 0 0; width:141px; height:129px; position:absolute; top:0; left:0;}
#new_featured_vehicles .listings ul li .photo_link a {width:141px; height:127px; position:absolute; top:0; left:0;
	text-indent:-5000px;
	background:url(../images/template/new_featured_vehicles_listings_btn.png) no-repeat;}
#new_featured_vehicles .listings ul li .photo_link a:hover {background-position:-141px 0;}
#new_featured_vehicles .call_out {width:141px; height:106px; position:absolute; top:22px; left:0px; overflow:hidden;
	text-indent:-5000px;
	background-position:bottom right; background-repeat:no-repeat;}

/* Vehicle Lease Price */
#new_featured_vehicles .listings ul li .lease{padding:0; margin:0;
	line-height:normal; text-align:center;}
#new_featured_vehicles .listings ul li .lease strong {padding:0 0 5px 0; width:105px; display:block; float:left;
	font-size:2.25em; font-weight:bold;; line-height:0.888em; color:#006fad;}
#new_featured_vehicles .listings ul li .lease em {padding:9px 0; margin:0 0 0 10px; width:40px; 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;}
#new_featured_vehicles .listings ul li .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 */	
#new_featured_vehicles .listings ul li .buy{padding:0 0 5px 0; margin:0;
	font-size:2.25em; line-height:0.888em; text-align:center; color:#006fad;}
#new_featured_vehicles .listings ul li .buy strong{font-weight:bold;}

/* Vehicle Bullets & Description */
#new_featured_vehicles .listings ul li h4 {
	font-size:0.75em; font-weight:bold; text-align:center; line-height:normal; color:#920000;}
#new_featured_vehicles .listings ul li .description {padding:0; margin:4px 0 0 0; height:35px; overflow:auto;
	font-size:0.562em; font-weight:bold; color:#999; line-height:normal;}


/* 3. PRE-OWNED FEATURED VEHICLES */

#preowned_featured_vehicles {}
#preowned_featured_vehicles h2 {margin:0 0 6px 0; width:744px; position:relative;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:normal; color:#fff;
	background:url(../images/template/featured_vehicles_h2_bg.png) no-repeat #011b29;}
#preowned_featured_vehicles h2 .inner {padding:7px 4px 8px 110px; margin:0 0 -1px 0; display:block; overflow:hidden;
	background:url(../images/template/featured_vehicles_h2_inner_bg.png) no-repeat bottom;}
#preowned_featured_vehicles h2 strong {width:96px; height:25px; display:block; position:absolute; top:4px; left:4px;
	text-indent:-5000px;
	background:url(../images/template/preowned_featured_vehicles_h2_preowned.png) no-repeat ;}
	
	
/* Vehicle Listings */
#preowned_featured_vehicles .listings {}
#preowned_featured_vehicles .listings ul li h3 {
	font-size:0.625em; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#013f61;}
#preowned_featured_vehicles .listings ul li h3 strong {display:block;
	font-size:2em; font-weight:bold; text-transform:none;}	
#preowned_featured_vehicles .listings ul li {padding:8px 0 10px 142px; margin:0 3px 0 0; width:190px; height:125px; position:relative; float:left;
	background:url(../images/template/preowned_featured_vehicles_panel_bg.png) no-repeat #fff;}
#preowned_featured_vehicles .listings ul li.odd {margin:0 0 0 24px;}

/* Vehicle Photo */
#preowned_featured_vehicles .listings ul li .photo_link {padding:22px 0 0 0; width:126px; height:95px; position:absolute; top:8px; left:8px;}
#preowned_featured_vehicles .listings ul li .photo_link a {width:126px; height:117px; position:absolute; top:0; left:0;
	text-indent:-5000px;
	background:url(../images/template/new_featured_vehicles_listings_btn.png) no-repeat;}
#preowned_featured_vehicles .listings ul li .photo_link a:hover {background-position:-141px 0;}
#preowned_featured_vehicles .call_out {width:125px; height:116px; position:absolute; top:0px; left:0px;
	background-position:bottom right; background-repeat:no-repeat;}

/* Vehicle Payment Price */
#preowned_featured_vehicles .listings ul li .payment {padding:0; margin:0;
	line-height:normal; text-align:center;}
#preowned_featured_vehicles .listings ul li .payment strong {padding:0 0 5px 0; width:105px; display:block; float:left;
	font-size:2.25em; font-weight:bold;; line-height:0.888em; color:#006fad;}
#preowned_featured_vehicles .listings ul li .payment em {padding:9px 0; margin:0 0 0 0px; width:35px; display:block; float:left;
	font-size:0.625em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; line-height:1em; color:#013f61; text-transform:uppercase;}
#preowned_featured_vehicles .listings ul li .payment span {padding:9px 0; width:40px; 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 */		
#preowned_featured_vehicles .listings ul li .buy{padding:5px 0 10px 0; margin:0;
	font-size:2.25em; line-height:0.888em; text-align:center; color:#006fad;}
#preowned_featured_vehicles .listings ul li .buy strong{font-weight:bold;}

/* Vehicle Bullets */
#preowned_featured_vehicles .listings ul li h4 {
	font-size:0.75em; font-weight:bold; text-align:center; line-height:normal; color:#000;}
#preowned_featured_vehicles .listings ul li .description {padding:0; margin:4px 4px 0 0; height:35px; overflow:auto;
	font-size:0.562em; font-weight:bold; color:#999; line-height:normal;}
#preowned_featured_vehicles .listings ul li .description strong {color:#000;}
	
	
/* 4. HEADLINES */

#headline {width:744px; height:127px; position:relative;
	background:#ccc;}
body.js ul#slides li {position:absolute; top:0; left:0;}

/* Slides */
ul#slides {padding:0; margin:0; width:744px; height:127px; overflow:auto; white-space: nowrap;}
ul#slides li {padding:0; margin:0; list-style:none; display:inline; position:relative;}
ul#slides li a {padding:0; margin:0;}
ul#slides img {padding:0; margin:0; width:744px; height:127px; top:0; left:0
	list-style:none;}
	
/* Slide Nav */
#headline_slide_nav {position:absolute; bottom:5px; left:5px; z-index:101;}
#headline_slide_nav a {margin:0 5px 0 0; width:8px; height:8px; display:block; float:left; overflow:hidden;
	text-indent:-5000px;
	background:#97d2f3; border:1px solid #07c;}
#headline_slide_nav a:hover {background:#013f61; border:1px solid #013f61;}
#headline_slide_nav a.activeSlide, #headline_slide_nav a.activeSlide:hover {background:#07c; border:1px solid #07c;}

/* Legal & Description */
body.js ul#slides .headline_toggle {display:block;}	
ul#slides .headline_toggle {width:76px; display:none; position:absolute; bottom:8px; right:5px;
	font-size:0.562em; text-transform:uppercase; text-align:center; cursor:pointer; color:#bad8e9;
	background:#006fad;}
ul#slides .headline_toggle:hover {background:#013f61; color:#fff;}
ul#slides .headline_description {padding:25px 5px 0 20px; margin:0; width:719px; height:102px; 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:62px; 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:4px; right:4px; cursor:pointer; z-index:200;
	font-size:0.625em; color:#bad8e9; text-transform:uppercase;
	background:#006fad;}
ul#slides .headline_description div.headline_close:hover {color:#fff; background:#013f61;}