div.horiz-holder { 
    /*float:left; */		/* Optional */
    width:840px;			/* Width of div to be scrolled */
}
div#wn3	{ 
	position:relative; 
	width:840px;			/* Same as div.horiz-holder width */
	height:102px;			/* Height of div to be scrolled (100 px images + 1px border = 102) */
	overflow:hidden;
	margin-bottom:5px;		/* Optional */
}
div#lyr3 {
    position:absolute;		/* needed when dw_scrollObj.printEnabled = true */
}
table#t3 td {
    padding:0 10px 0 0;
}
table#t3 td img {
	border:1px solid #88898c;
}
div#horiz-scrollbar { 
    position:relative; 
    width:640px;			/* Width of entire scroll bar including left & right buttons */
	margin-left:100px;		/* (horiz-holder width) - (horiz-scrollbar width) / 2 (if you want scroll bar narrower than scroll div) */
	height:11px;			/* Height of scroll bar  */
    font-size:1px; 			/* for ie5.5 */
	border:1px solid #88898c;
}
div#horiz-scrollbar img {
    display:block;			/* for left & right buttons images - needed for gecko-based browsers when using strict doctype (image gap issue) */
}
div#horiz-track { 
    position:absolute; 
	left:12px; top:0;		/* Distance from left to allow for left button */
    width:618px;			/* Width of scroll track (horiz-scrollbar width - left & right button widths)  */
	height:11px;			/* Height of scroll track  */
	background-color:transparent;
}
div#horiz-left { position:absolute; left:0; top:0; }
div#horiz-dragBar {
    position:absolute; 
	left:1px; 
	top:1px;
    width:20px;
	height:9px; 
    background-color:#88898c;
}  
div#horiz-right { position:absolute; right:0; top:0;  }
    
div.scroll_controls {
    display:block;			/* may be display:none initially */
    position:relative;
    margin-left:0px;
	width:100%;
}
/* position right arrows */
/*div.scroll_controls a.rt {
    position:absolute;
    right:0;
}*/
    