/* @override http://58.cpmassets.com/rotator/rotator.css */

/* @group ROTATOR */
#rotator						{ position:relative; width:900px; height:377px; overflow:hidden; background:#fff; }
#rotator img					{ position:absolute; top:0; left:0; border:0; display:none; }
#rotator p						{ margin:0; padding:0; }

#controls						{ 
								  height:29px; background:url(controls_container_bg.png) no-repeat left top; padding-left:2px; 
								  position:absolute; bottom:25px; z-index:2000;
								}
#controller						{ background:url(controls_bg.png) no-repeat right top; padding-right:3px; }							
#controls ul					{ margin:0; padding:4px 1px 7px 2px; list-style:none; height:23px; position:relative; }
#controls li					{ display:inline; }
#controls li a					{ float:left; display:block; line-height:21px; font-size:11px; font-weight: bold; color:#7ca6aa; text-decoration:none; padding:0 9px;}
#controls li a.current			{ background:#477579; color:#fff; font-weight: bold;}
#controls li#controls-previous	{ position:absolute; left:-34px; top:0 }
#controls li#controls-previous a{ 
								  display:block; width:29px; height:29px; background:url(controls_prev_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li#controls-next		{ position:absolute; right:-35px; top:0;}
#controls li#controls-next a	{ 
								  display:block; width:29px; height:29px; background:url(controls_next_btn.png) no-repeat; 
								  text-indent:-999em; padding:0;
								}
#controls li a:focus			{ outline:none; }
/* @end */