.scrollable {	
	/* required settings */
	position: relative;
	overflow: hidden;	 	
	width: 422px;	
	height: 100px;	
	/* 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:#FFFFFF;
     border:2px solid #B4BBC3;
     float:left;
     height:86px;
     margin-right:10px;
     padding:2px;
     text-align:center;
     width:121px;
}


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