@charset "utf-8";
/* CSS Document */

/* HOME PAGE MAIN IMAGE */
#main-image-holder { width:950px; height:389px; position:relative; overflow: hidden; }
#main-image-holder .img-shadow { position:absolute; bottom:0px; height:11px; z-index:100; width:950px; background:url(../../graphics/website/main-image-shadow.png) no-repeat; }
#main-image-holder .items { position:absolute;width:1000em;height:389px; }
#main-image-holder .item { float:left; position:relative; width: 950px}
/*
#main-image-holder .items div.images { position:relative }
#main-image-holder .items div.images img { position:absolute; top:0px; }
*/
#main-image-holder .text-holder { left:655px; top:0px; position:absolute; width:295px; height:389px; background:url(../../graphics/website/page-bg.png) repeat-x bottom !important; }
#main-image-holder .text-holder .text { padding:82px 14px 35px 30px; font-size:27px; color:#bbbbbb }
#main-image-holder .nav { position:absolute; top:89px; left:610px; right:0px; z-index:200; }
#main-image-holder .nav .prevPage { background:url(../../graphics/website/carousel-nav-previous.png) no-repeat; width:20px; height:20px; display:inline-block; }
#main-image-holder .nav .nextPage { background:url(../../graphics/website/carousel-nav-next.png) no-repeat; width:20px; height:20px; display:inline-block }
#main-image-holder .nav .pause { background:url(../../graphics/website/carousel-nav-pause.png) no-repeat; width:20px; height:20px; display:inline-block }
#main-image-holder .nav .play { background:url(../../graphics/website/carousel-nav-play.png) no-repeat; width:20px; height:20px; display:none; }

/*#tabs { margin-top:20px; margin-bottom:20px; }
#tabs a { display:inline-block; float:left; }
#tabs a.customize { background:url(../../graphics/website/home-tab-customize.jpg) no-repeat; width:349px; height:135px }
#tabs a.eco-story { background:url(../../graphics/website/home-tab-our-eco-story.jpg) no-repeat; width:311px; height:135px }
#tabs a.environment { background:url(../../graphics/website/home-tab-environment.jpg) no-repeat; width:311px; height:135px }
#tabs a.download-brochures { background:url(../../graphics/website/home-tab-download-brochures.jpg) no-repeat; width:140px; height:135px; padding:0 10px 0 0 }
#tabs a.dealer-login { background:url(../../graphics/website/home-tab-dealer-login.jpg) no-repeat; width:140px; height:135px }*/


#tabs { margin-top:20px; margin-bottom:20px; }
#tabs div { display:inline-block; float:left; height:170px; margin-bottom: 10px;}
#tabs div.tab1 { width:349px;}
#tabs div.tab2 { width:311px;}
#tabs div.tab3-1 { width:140px;padding:0 10px 0 0 }
#tabs div.tab3-2 { width:140px;}
#tabs div.tab3-3 { width:140px;}

#tabs div h2{
	font-size: large;
}

#main-image-holder a,
#main-image-holder a:hover{
	text-decoration: none;
	color: #bbbbbb !important;
}

div.whats-new { width:20%; float:right; }
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; }

.series-grid { list-style:none; margin: 0; padding: 0; float:left;clear:both; }
.series-grid li { width:300px; float:left; margin-right:20px !important; margin-bottom:33px; padding:5px 0px 0 0px; height: 190px; } 
.series-grid li .img { width:250px;height:150px; } //background:url(../../graphics/website/ajax-loader.gif) center no-repeat; }
.series-grid li .title { width:260px;color:#333333; font-size:14px; margin-bottom:10px; } 
.series-grid li .title-small { width:260px;color:#333333; font-size:11px; margin-top:5px; line-height: 15px; } 
.series-grid li .title-small a { font-size:16px; color:#333333; border:none; text-decoration:none; }
.series-grid li .title-small a:hover { text-decoration:underline; }
.series-grid li .title a { font-size:14px; }
.series-grid li:hover { color:#cc3333 } 
.series-grid li.last { margin-right:0px !important; border:0px }