.rotateScroll {
	width: 250px;
	height: 250px;
	position:relative;
}

.rotateScroll .viewport {
	width: 245px;
	height: 250px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: none;
}

.rotateScroll .overview {
	width: 798px;
	margin: 0;
	padding: 0; 
	position: absolute;
	left: 0;
	top: 0;
	list-style: none;
}

.rotateScroll .overview li {
	width: 150px;
	height: 150px;
	margin: 85px 0 0 47px;
	float: left;
	position: relative;
}

.rotateScroll .overlay {
	width: 245px;
	height: 245px;
	position: absolute;
	left: 0;
	top: 28px;
	background: url(../images/rotatescroll_bg.png) no-repeat 0;
}

.rotateScroll .innerCircle {
	position: absolute;
	top: 19px;
	left: -9px;
	z-index: 199;
}

.rotateScroll .thumb {
	width: 51px;
	height: 6px;
	padding: 0 0 45px 0;
	position: absolute;
	top: -5px;
	left: 147px;
	z-index: 200;
	background: url(../images/thumb_sprite.png) no-repeat center top;
	cursor: pointer;
}
.rotateScroll .thumb:hover {
	background-position: center -68px;
}

.rotateScroll .dot {
	background: none;
	display: none;
	height: 12px;
	width: 12px;
	position: absolute;
	left: 155px;
	top: 3px;
	z-index: 100;
	text-indent: -9999px;
}
.rotateScroll .dot span {
	display: none;
}