.rotator *{outline: none;}

.rotator img {border: 0;}
.container {
	width: 728px;
	padding: 0;
	margin: 0 auto;
	height:235px;	
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	width: 728px;
	height:235px;	
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

* html .window {
	width: 733px;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;
background: transparent;
border:none;}


/*--Paging Styles--*/
.image_reel_navigation
{
    position: absolute;
	bottom: -10px; right: 20px;
	width: 708px; height:40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	text-align:right;
}
.image_reel_paging {
	font-size: 12px;
	float:right;
}
.spacer
{
	display:block;
	float:right;
	width:2px;
}

.image_reel_paging a {
    background: transparent url('../images/rotator-tab-off.png') no-repeat scroll top right;
    padding: 0px 8px 0px 0px;
    margin-left:6px;
    margin-right:4px;
    cursor:pointer;
    height:30;
    display:block;
    float:left;
}

.image_reel_paging a span {
	background: transparent url('../images/rotator-tab-off.png') no-repeat top left;
    white-space:nowrap;
    margin-left:-6px;
    padding: 2px 0px 4px 6px;
    color: #fff;
    line-height:24px;
    display:block;
}

.image_reel_paging a.active {
    background: transparent url('../images/rotator-tab-on.png') no-repeat scroll top right;
    margin-left: 6px;
    margin-right:4px;
    padding: 0px 8px 0px 0px;
    cursor:pointer;
    float:left;
    height:30px;
}
.image_reel_paging a.active span {
	background: transparent url('../images/rotator-tab-on.png') no-repeat top left;
    margin-left:-6px;
    padding: 2px 0px 4px 6px; 
    white-space:nowrap;
    color: #fff;
    display:block;
    line-height:24px;
}