.scrollarea {  padding:0 0 0 11px; margin-top:15px;}


/* root element for the scrollable. when scrolling occurs this element stays still. */ 
div.scrollable { /* required settings */ position:relative; overflow:hidden; width: 546px; height:180px; border:none; background:none; padding:5px 0 3px 0} 
 
/* root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. */ 
div.scrollable div.items {/* this cannot be too large */ width:20000em; position:absolute;} 
 
/* a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. */ 
div.scrollable div.items div { float:left; width:268px;  background:#CEE4B5; margin:0 10px 0 0; overflow:hidden} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { border:1px inset #ccc; background-color:#fff;}