@CHARSET "UTF-8";
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/
.vscrollable {
    /* required settings */
    position: relative;
    overflow: hidden;    
    margin: 0;
    width: 300px;
    height: 475px;
    float: left;
} 
.vscrollable .items {
    /* this cannot be too large */
    height:20000em;
    position:absolute;        
} 


.scrollable {  
    /* required settings */ 
    position: relative;
    overflow: hidden;
    width: 420px;
    margin: 0;
    height: 60px;
    float: left;        
} 
.left {
	float: left;	
	position: relative;
	margin: 15px 0 0 5px;
	z-index: 500;
} 
.right {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	z-index: 500;
}
/* 
    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. 
*/ 
.scrollable .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. 
*/ 
.items { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
	/*
	border:1px inset #ccc; 
	background-color:#fff;
	*/ 
}