.scrollable {	
	/* required settings */
	position: relative;
	overflow: hidden;	 	
	width:312px;
	height: 114px;	
	/* custom decorations */
	padding: 0;
	margin: 10px 0;
	display: block;
}

.scrollable div h3{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3d3d3d;	
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super 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;
	clear: both;		
	
	/* decoration */
	margin-left: 8px;
}

/* single scrollable item */
div.scrollable div.items div {
   background-color:transparent;
	float:left;
	height:85px;
	_padding-top:2px;	
	margin-right:25px;
	text-align:center;
	width:85px;
}


/* active item */
div.scrollable div.items div.active {
	background-color: #fff;
}