div#roll {
	margin:0;
	width: 125px;
	position:relative;
}
#roll_arrow_left {
	position:absolute;
	left:-31px;
	top: 70px;
}
#roll_arrow_right {
	position:absolute;
	right:-31px;
	top: 70px;
}
.roll_item {
	width:125px;
	height:165px;
	position:relative;
	float:left;
}
.roll_item_shadow {
	position:absolute;
	top:0;
	left:0;
}
.roll_item_text {
	position:absolute;
	/*right:20px;*/
	bottom: 0px;
	width: 125px;
	color:#333;
	background-color: #fff600;
	font-size: 80%;
	display: block;
	text-align: center;
}
/* root element for the whole scrollable setup */
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 125px;
	height:165px;
}
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {
	position:absolute;
	width:20000em;
	clear:both;
}
/* single item */
#thumbs>div {
	float:left;
	width:125px;
	height:165px;
	color:#fff;
	cursor:pointer;
}