@charset "utf-8";
/* CSS Document */
#main-container { padding-top:0px }
#main-container .left-panel div.inner { /*padding-top:40px !important; */}
#main-container .right-panel div.inner-top { padding:20px 10px 1px 10px; background:#ebebeb;  }
#main-container .right-panel div.inner-bottom { background:#ffffff; }


#tabs-container { background:#ebebeb }
/*TABS*/
/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: #ebebeb;
	font-size:11px;
	font-weight:bold;
	display:block;
	text-align:center;	
	text-decoration:none;
	color:#333333;
	padding:12px 10px 12px 10px; 
	margin:0px;	
	position:relative;
}

.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	color:#c02222;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {

	background:#fff;
	cursor:default !important; 
	color:#c02222 !important;
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;
}
.panes div.panel { padding:15px 10px 15px 10px; }

.download-series-brochure { background:url(../../graphics/website/btn-dl-series-brochure.png) no-repeat; width:151px; height:42px; display:block }

/* gallery */
.gallery-main { margin:0 0 20px 0;  }
.gallery-main .nav { padding:10px 0 5px 10px; }
.gallery-main .nav .prev { background:url(../../graphics/website/carousel-nav-previous.png) no-repeat; width:20px; height:20px; display:inline-block; margin-right:5px; }
.gallery-main .nav .next { background:url(../../graphics/website/carousel-nav-next.png) no-repeat; width:20px; height:20px; display:inline-block }
.gallery-main .nav .pause { background:url(../../graphics/website/carousel-nav-pause.png) no-repeat; width:20px; height:20px; display:inline-block; margin-right:5px; }
.gallery-main .nav .play { background:url(../../graphics/website/carousel-nav-play.png) no-repeat; width:20px; height:20px; display:inline-block; margin-right:5px; display:none; }

.gallery-left { width:440px; height:270px; float:left; margin-right:18px; }
.gallery-left .item { width:440px; height:270px; position:relative; }
.gallery-left .item .title { position:absolute; left:10px; bottom:0; font-size:11px; padding:5px 10px;
 background:#fff; color:#000; float:left; clear:both; 
}

.gallery-right { width:149px; height:270px; float:left; position:relative; }

.gallery-right .links { margin:7px 0 30px 10px;padding:0px; list-style:none; height:263px; overflow:hidden; }
.gallery-right .links li { padding:7px; background:url(../../graphics/website/left-menu-border.gif) repeat-x bottom; }
.gallery-right .links li a { color:#333333; font-size:10px; display:block; text-transform:uppercase;}
.gallery-right .links li a:hover,  .gallery-right .links li.active a { text-decoration:none; color:#b60000 !important; }

.gallery-right .download-brochure { background:url(../../graphics/website/btn-dl-series-brochure.png) no-repeat; width:151px; height:42px; display:block; position:absolute; bottom:0; }

/*
#accordion h2 { padding:10px 0 10px 0; margin:0 !important; border-bottom:1px dotted #999; font-size:18px !important; cursor:pointer; color:#999999 !important; } 
#accordion h2:hover, #accordion h2.current { color:#b60000 !important; } 
#accordion h2.current { border:0; } 
#accordion div.pane { line-height:20px; display:none; padding: 10px 0 0 0; }
#accordion div.pane a { text-decoration:underline !important; } 
#accordion .error { color:#b60000 }
*/
.accordion h2 { padding:10px 0 10px 0; margin:0 !important; border-bottom:1px dotted #999; font-size:18px !important; cursor:pointer; color:#999999 !important; } 
.accordion h2:hover, #accordion h2.current { color:#b60000 !important; } 
.accordion h2.current { border:0; } 
.accordion div.pane { line-height:20px; display:none; padding: 10px 0 0 0; }
/*.accordion div.pane a { text-decoration:underline !important; } */
.accordion .error { color:#b60000 }


.component-combo { padding:0 0 50px 0; }
.component-combo select { padding:5px; width:290px; font-size:13px; border-color:#999;  }

.series-left-panel { padding:35px 0 0 0; }