/* 
root element for the scrollable. 
when scrolling occurs this element stays still. 
*/ 
div.scrollable { 

/* required settings */ 
position:relative; 
overflow:hidden; 
width: 630px; 
height:160px; 
border:0px solid red;
} 

/* 
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 ul.items { 
/* this cannot be too large */ 
width:10000px; 
position:absolute; 
float:left;
} 

/* this makes it possible to add next button beside scrollable */
.scrollable {
	/*float:left;*/
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/home/arrows.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	margin:0px;
	margin-top:0px;
	cursor:pointer;
position:absolute;
	
}


/* left */
a.left				{ right:30px; background-position:0px 0px; } 
a.left:hover  		{ background-position:0px -30px; }


/* right */
a.right 			{ right:0px; background-position:-30px 0px;}
a.right:hover 		{ background-position:-30px -30px; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
} 	


ul.items li {
float:left;
}