.scrollable {	
	/* required settings */
	position: relative;
	overflow: hidden;	 	
	width: 330px;	
	height: 100px;	
	/* custom decorations */
	padding: 0;
	margin: 20px 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: 10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float: left;
	
	/* custom decoration */
	text-align: center;
	width: 85px;
	padding: 5px;
	margin-right: 10px;	
	-moz-border-radius: 5px;
	border:1px solid #ddd
}


/* active item */
div.scrollable div.items div.active {
	border: 1px inset #ccc;		
	background-color: #fff;
}