/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
	position:relative;
	overflow:hidden;
	width: 617px;
} 
 
/* 
    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:20000em;
    position:absolute;
	margin: 0;
	padding: 0;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most.
*/ 
div.scrollable ul.items li { 
	float:left;
	text-align: left;
	display: block;
}

div.scrollable_wrapper a.disabled {
	display: none;
}

div.scrollable_wrapper a#prev_button,
div.scrollable_wrapper a#next_button {
	font-family:Verdana,Arial,Sans-serif;
	color: #909977;	
	font-weight: normal;
	text-decoration:underline;	
}

div.scrollable_wrapper a#prev_button:hover,
div.scrollable_wrapper a#next_button:hover {
	cursor: pointer;
	color: #909977;
	background: #fff;
}