/* bottom center */
.rotator  .ws_bullets {   
    bottom: -5px;/* adjust to move thumbs up or down, -5 to make bullets over top of img, -35 to make bullets under img */
	left:50%; /*- left:50% to center numbers */
	/*right:0%;  to align numbers right*/
	 /*left:0%; to align numbers left*/
	
}
.rotator  .ws_bullets div{
	left:-50%; /*- add this left:-50% to center numbers, remove to align left or right*/

}
.rotator { 
/*	overflow: hidden; */
	zoom: 1; 
	position: relative; 
	width:980px;
	height:293px;
	margin:0 auto;
	z-index:100;
	background-image: none;
}
.rotator .ws_images{
	position: absolute;
	left:0px;
	top:0px;
	/*	actual size of images */
	width:980px;
	height:293px;
	overflow:hidden;
	
}
.rotator .ws_images a{
	color:transparent;
}

.rotator .ws_images img{
	top:0;
	left:0;
	border:none 0;
	max-width: none;
}
.rotator a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

.rotator  .ws_bullets { 
	display:none;
	font-size: 0px; 
	padding: 10px;
	float: left;
	position:absolute;
	z-index:70;
	top:190px;
	
	
}
.rotator  .ws_bullets div{
	position:relative;
	float:left;

	
}
.rotator .ws_bullets a { 
	font:bold 10px/22px Tahoma,sans-serif; 
	color:#ccc;
	text-align:center;
	margin-left:4px;
	width:22px;
	height:22px;
	background: url(bullet.png) left top;
	/*opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	*/
	float: left; 
	position:relative;
	
}
.rotator .ws_bullets a.ws_selbull, .rotator .ws_bullets a:hover{
	background-position: right top;
	color:#fff;
}
.rotator a.ws_next, .rotator a.ws_prev {
	position:absolute;
	display:none;
	top:50%;
	z-index:60;
	height: 0px;/*half of arrows.png height*/
	width: 0px;/*half of arrows.png width*/
	margin-top:-55px;/*half of heigth*/
	background-image: url(arrows.png);
}
.rotator a.ws_next
{
    display:none;
	background-position: 100% 0;
	right:0px;
}
.rotator a.ws_prev 
{
    display:none;
	left:0px;
	background-position: 0 0; 
}
.rotator a.ws_next:hover
{
    display:none;
	background-position: 100% 100%;
}
.rotator a.ws_prev:hover 
{
    display:none;
	background-position: 0 100%; 
}
* html .rotator a.ws_next,* html .rotator a.ws_prev{display:block}
.rotator:hover a.ws_next, .rotator:hover a.ws_prev {display:block}
.rotator .ws-title
{
    display:none;
    position: absolute;
	bottom:20px;
	left: 0px;
	margin-right:5px;
	z-index: 50;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);	
	padding:12px;
	color: #d4d4d4;
	text-transform:uppercase;
	background:#000;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	height:21px; /* need for fix eliminate shift in ie9 */
	-moz-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}
.rotator .ws-title div{
	padding-top:5px;
	font-size: 15px;
	font-weight:bold;
	text-transform:none;
}.rotator .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:25px;
	
	left:-150px; /*half of .rotator .ws_bulframe div width*/
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
    border: 5px solid #0e0e0e;
}
.rotator .ws_bullets a:hover img{
	visibility:visible;
}

.rotator .ws_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
.rotator .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	/*set .rotator .ws_bulframe span AND .rotator .ws_bullets  a img TO HALF of .rotator .ws_bulframe div width*/
	width:301px;/*  90h x(banner img width divided by banner img height) */

}
.rotator  .ws_bullets .ws_bulframe{
	display:none;
	bottom:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    border: 5px solid #0e0e0e;
}
.rotator .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-11px;
	margin-left:-1px;
	
	left:150px; /*half of .rotator .ws_bulframe div width*/
	background:url(triangle.png);
	width:15px;
	height:6px;
}