/* container for slides */

#container {width:100%; position:relative;}
.images {width:100%;}

/* single slide */
.images div {
	display:none;
	position:absolute;
	/*top:40px;*/
	left:0;
	margin:0px;
	padding:0px;
}

/* tabs (those little circles below slides) */
.slidetabs {
	height: 30px;
	width: 100px;
	position: absolute;
	left: 90px;
	top: 298px;
	display:none;
	text-indent: -9999em;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	display:block;
	width:56px;
	height:22px;
	cursor:pointer;
	position: absolute;
	left: 100px;
	top: 460px;
	background-image:url(../images/bts_next_prev.png);
	background-repeat: no-repeat;
}

/* next */
.forward 				{
	background-position: 0 -22px;
	left: 175px;
}

/* prev and next buttons Chinese*/
.forwardChino, .backwardChino {
	display:block;
	width:56px;
	height:22px;
	cursor:pointer;
	position: absolute;
	left: 100px;
	top: 460px;
	background-image:url(../images/bts_next_prev_chino.png);
	background-repeat: no-repeat;
}

/* next */
.forwardChino 				{
	background-position: 0 -22px;
	left: 175px;
}


/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}