.rotator .banners
{
	text-align: left;
}
.rotator .banners div.banner
{
	position: absolute;
	z-index: 100;
	display: none;
}
.rotator .banners div.active
{
	z-index: 10;
	display: block;
}

.rotator .buttons
{
	height: 30px;
	background: url(images/bg.png) repeat-x;
}
.rotator .buttons span
{
	display: inline-block;
	cursor: pointer;
}
.rotator .buttons .prev
{
	width: 30px;
	height: 30px;
	background: url(images/prev.png) no-repeat;
}
.rotator .buttons .next
{
	width: 30px;
	height: 30px;
	background: url(images/next.png) no-repeat;
}
.rotator .buttons .pin
{
	width: 16px;
	height: 30px;
	background: url(images/pin_inactive.png) no-repeat;
}
.rotator .buttons .active
{
	width: 16px;
	height: 30px;
	background: url(images/pin_active.png) no-repeat;
}