div#rotating_banner{
	position:relative;
	width:1079px; /* WIDTH OF THE BANNER */
	margin-bottom:11px;
}

div.scrollable{
    position:relative; 
    overflow:hidden; 
    width:1079px; /* WIDTH OF THE BANNER */
    height:332px; /* HEIGHT OF THE BANNER */
} 

div.scrollable div.items{ 
    width:20000em; 
    position:absolute;
	clear:both;
} 

div.scrollable div.items a{ 
    float:left;
	width:1079px; /* WIDTH OF THE BANNER */
	*width:1080px;
}

.scrollable img{
	float:left;
}

div.items div.active{} /* you may want to setup some decorations to active the item */ 

/* NAVIGATOR (NAVI) */ 

.navi{
	position:absolute;
	z-index:99999;
	right:10px;
	top:10px;
    width:60px; /* add 15px for every banner added (30px = 2 banners, 45px = 3 banners, 60px = 4 banners) */ 
    height:15px; 
} 
 
.navi a{ 
    width:15px; 
    height:15px; 
    float:left; 
    background: url(/images/RotatingBanner/navi.gif) 0 -15px no-repeat; /* MAKE SURE THE IMAGE IS IN THE RIGHT PLACE */
    display:block; 
    font-size:1px; 
	cursor:pointer;
} 
 
/* MOUSOVER STATE */ 
.navi a:hover { 
    background-position:0 -30px;       
} 
 
/* ACTIVE STATE (CURRENT BANNER STATE) */ 
.navi a.active { 
    background-position:0 0px;      
}

/* PRESENTATION */

div.scrollable div.items a img{
	border:none;
}