.scrollable {	
display:block;
height:195px;
margin:10px 0;
overflow:hidden;
padding:0;
position:relative;
width:261px;
}

.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:7px solid #93c5d8;
	float:left;
	height:167px;
	margin-right:10px;
	text-align:center;
	width:227px;
	margin-right:15px;
}


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