/* CSS Document */

/* --- logo and image container --- */
#logo-image-container { height:472px; margin-bottom: 63px; }

.logo{ height: 199px }

/* --- give more padding for find a dealer box on the left below the logo --- */
.find-a-dealer { padding:117px 0 0 0; }

/*--- welcome text ---*/
.welcome-text{
	border-bottom: 1px solid #dedede;
}


#main-image-container { padding:0 10px 0 10px }
#main-image-container .main-heading { padding:36px 0 20px 0; }
#main-image-container .main-heading h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; line-height:26px; color:#272727 }
#main-image-container .welcome-text { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:20px; color:#272727; padding:0 0 19px 0;
	/*	opacity:0.5; filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	filter: alpha(opacity=50);	*/  color:#939393;
}

#main-image-container div.whats-new { width:20%; float:right; }
#main-image-container a.whats-new { width: 100px; height: 100px; display: block; border-radius: 50%; background: -moz-linear-gradient(top,  rgba(0,106,168,0.99) 0%, rgba(0,109,170,0.99) 8%, rgba(0,123,180,0.99) 27%, rgba(1,166,211,1) 70%, rgba(1,188,226,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,106,168,0.99) 0%,rgba(0,109,170,0.99) 8%,rgba(0,123,180,0.99) 27%,rgba(1,166,211,1) 70%,rgba(1,188,226,1) 100%);
background: linear-gradient(to bottom,  rgba(0,106,168,0.99) 0%,rgba(0,109,170,0.99) 8%,rgba(0,123,180,0.99) 27%,rgba(1,166,211,1) 70%,rgba(1,188,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc006aa8', endColorstr='#01bce2',GradientType=0 );
 line-height: 100px; font-weight: bold;  text-align: center; color: #fff; margin-top:20px; font-size:14px; }

/* --- slideshow --- */
#main-image-container .slideshow { width:700px;height:347px;position:relative; overflow:hidden; }
#main-image-container .slideshow .shadow { height:20px; width:700px; background:url(../../graphics/website/home-slideshow-shadow.png) no-repeat; position:absolute; bottom:0; z-index:100;}
#main-image-container .slideshow img { position:absolute; top:0; left:0 }
#main-image-holder .nav { position:absolute; top:89px; left:610px; right:0px; z-index:200; }
#main-image-holder .nav .prev { background:url(../../graphics/website/home-carousel-prev.png) no-repeat; width:20px; height:20px; display:inline-block; margin-right:5px; }
#main-image-holder .nav .next { background:url(../../graphics/website/home-carousel-next.png) no-repeat; width:20px; height:20px; display:inline-block }

/*-- home carousel --- */
.home-carousel { height:201px; background:url(../../graphics/website/home-carousel-outer-bg.png) repeat-x; padding:55px 0; }
.home-carousel .inner { height:201px; background:url(../../graphics/website/home-carousel-inner-bg.png) repeat-x #282828; }
.home-carousel .inner .text { height:170px }
.home-carousel .inner .text p { margin:0;padding:33px 0 0 20px;font-size:18px;color:#FFF; line-height:normal; }
.home-carousel .inner .btn-container { height:20px; }
.home-carousel .inner .btn-container a { display:block;width:20px;height:20px; margin:0;padding:0; float:right }

.carousel-container { padding:0 0 0 10px }
.home-carousel ul.items { margin:0;list-style:none; }
.home-carousel ul.items li { margin:0;padding:0;list-style:none;  }
.home-carousel ul.items li { margin-right:20px; }
.home-carousel ul.items li.last { margin-right:0 !important; }
.home-carousel ul.items li div.title { height:33px; }
.home-carousel ul.items li div.title h3 { margin:0;padding:0;padding-top:10px; color:#FFF;font-size:14px;line-height:normal }
.home-carousel ul.items li div.image { width:220px; height:157px; }

/* --- bottom tabs --- */
.bottom-tab { background:url(../../graphics/website/bullet-down.gif) left top no-repeat; padding:0 20px; height:222px }
.bottom-tab h2 { color:#272727;font-size:20px;line-height:18px;padding:0 0 16px 0 }
.bottom-tab .eco-story-image { float:left; width:130px; }
.bottom-tab .eco-story-desc { float:left; width:140px; line-height:18px; font-size:15px; color:#000000 }

.bottom-tab .label { height:22px; font-size:13px; line-height:18px; }
.bottom-tab .textfield { width:198px; height:38px; background:url(../../graphics/website/textfield-bg.gif) repeat-x; border:1px solid #e4e4e4; margin:0 0 10px 0; }
.bottom-tab .textfield input { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size:12px; padding:10px 5px;width:188px;background:none; border:0; }
.bottom-tab .btn-container { padding-left:10px; float:left; clear:right }


div.home-series {
	padding: 20px;
}

.home-series table {
	width:100%;
}

.home-series table td {
	width: 33.3%;
}

.home-series img {
	width:223px;
	height:153px;
}

.home-series h3 {
	padding-top:10px;
	font-size:14px;
}