/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 425px;
	height: 114px; /* custom decorations */
	padding: 10px 0;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

/* 
	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: 2px;
}

/* single scrollable item */
div.scrollable div.items div {
	float: left; /* custom decoration */
	text-align: center; 
	width:138px;/*width:110px;*/
	/*padding: 10px 0px;*/
	padding-top:10px;
	font-size: 30px;
	font-family: 'bitstream vera sans';
	margin-right: 15px; /* 5px */
	-moz-border-radius: 5px;
}

div.scrollable div.items div a{
	width:138px;
	}

div.scrollable div.items div a img {
	border: none;
	width:138px;
}

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