/* You can change the dimension and replace images... but pretty much everything else is needed for the script to work */
#bannerRotator { width:964px;  height:273px; overflow:hidden; position:relative; margin:0 auto; }

#bannerRotator ul { list-style:none; padding:0; margin:0 auto ;  position:relative;  }
#bannerRotator ul li { display:none; width:952px; height:344px; position:absolute; top:0px; left:0px; }

#bannerNav {position:absolute;right:22px;bottom:10px;background:#fff ;opacity:0.8;filter:alpha(opacity=90);
padding:5px 5px 5px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;}

#bannerNav a { margin:3px 10px 0 0 ; height:10px; width:10px; display:block; background:url(../../img/dotDark.png) no-repeat 0 0; float:left; }

#bannerNav a.active { background-image:url(../../img/dotLight.png); }

#bannerNav span.pause, #bannerNav span.play { cursor:pointer; height:15px; width:15px; display:block; background:url(../../img/pause.png) no-repeat 0 0; float:left; }
#bannerNav span.play { background-image:url(../../img/play.png) }