.scrollable {float: left; position: relative; overflow: hidden; width: 540px; height: 150px; margin: 0;}

#thumbs, #items {position: absolute; width: 20000em; height: 150px; clear: both; left: 0;}

#thumbs div {float: left; width: 170px; height: 150px; margin-right: 10px; text-align: center;} 
#items div {float: left; width: 170px; height: 125px; margin-right: 10px; text-align: center;} 
 
/* style when mouse is over the item */ 
#thumbs div.hover { } 
 
/* style when element is active (clicked) */ 
#thumbs div.active { cursor: default; }

.next, .prev {width: 22px; height: 22px; cursor: pointer; float: left; margin: 55px 10px;}
.prev {background: url(/images/b/left.gif) no-repeat;}
.next {background: url(/images/b/right.gif) no-repeat;}

.disabled {visibility: hidden;}