.scrollable {	
	/* required settings */
	position: relative;
	overflow: hidden;	 	
	width: 718px;	
	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:3px solid #2DA3D0;
	float:left;
	height:60px;
	_background-color:#2DA3D0;
	_padding-top:2px;
	
	margin-right:10px;
	text-align:center;
	width:63px;
}


/* active item */
div.scrollable div.items div.active {
	border:4px solid #2DA3D0;
	background-color: #fff;
}