@charset "utf-8";
/* CSS Document */

/*     root element for the scrollable.     when scrolling occurs this element stays still. */ 
div.scrollable {      /* required settings */     
position:absolute; 
top:70px;
left:50%;
margin-left:-440px;
overflow:hidden;    
width: 880px;   
height:340px;
float:left;
} 
div.myscroll {      /* required settings */     
position:absolute; 
top:116px;
overflow:hidden;    
width: 209px;   
height:159px;
float:left;
} 
div.myscroll div.myitems{
	width:20000em;    
position:absolute;
}
/*     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; 
}  /* you may want to setup some decorations to active the item */ 
div.items div.active {     
border:1px inset #ccc;    
background-color:#fff;
}