@charset "utf-8";
/* banner */

#bannerbg {
width:930px;
height:377px;
position: relative;
top: -50px;
z-index:auto;
position: absolute;
left: 50%; top: 0%;
margin: 111px 0 0 -465px;
}

.container {
	width: 918px;
	height: 335px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	position: absolute;
	left: 50%; top: 0%;
	margin: 117px 0 0 -459px;
}

.main_view {
	float: left;
	position: relative;
}

.window {
	height:365px;	width: 918px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}


.paging {
	position: absolute;
	bottom: 60px; right: -7px;
	width: 178px; height:47px;
	z-index: 100;/*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	opacity: 0.5;
}
.paging a {
	font-weight: bold; 
	padding: 5px;
	text-decoration: none;
	color: #fff;
	background: #000000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a.active {
	background: #920000; 
	border: 1px solid #610000;

}
.paging a:hover {font-weight: bold;}

/* product list */

#productlist{
width:1012px;
height:141px;
position: absolute;
left: 50%; top: 0%;
margin: 411px 0 0 -506px;
z-index:auto;
background-image:url(../images/common/banner/product-list_bg.png);
background-repeat: no-repeat;
}

#productlistmask{
width:971px;
height:141px;
position: relative;
left: 20px;

top: 0%;
overflow:hidden;
}

#productlistarea{
width:1300px; height:131px;position:relative;
}

.productlistimg {
float:left;
border:0;
margin:24px 9px 0px 0px;
}

#productlistlink{
text-align:right;
font-size:12px;
padding:5px 50px 0 0;
}

#productlistlink a:hover{
text-decoration:none;
}

#zzztopbox{
margin-left:20px;
_margin-left: 11px; 

}