* { margin:0; }
/* You can change the dimension and replace images... but pretty much everything else is needed for the script to work */
#bannerRotator { width:300px; height:150px; overflow:hidden; position:relative; }
#bannerRotator ul { list-style:none; padding:0; position:relative; }
#bannerRotator ul li { display:none; width:300px; height:150px; position:absolute; top:0px; left:0px; }
#bannerNav { position:absolute; right:15px; bottom:3px; background:url(img/transBlack.png) repeat 0 0; padding:2px 2px 2px 5px; -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) }