/* root element for scrollable */
div.scrollable.vertical {
	/* required settings */
	position: relative;
	overflow: hidden; /* vertical scrollers have typically larger height than width */;
	height: 200px;
	width: 148px;
}

/* root element for scrollable items */
div.scrollable.vertical div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* override item style defined in scrollable.css */
div.scrollable div.items div {
	float: none;
	margin: 0px;
}

/* single scrollable item */
div.scrollable div.items div {
	float: left; /* background image */;
	background: no-repeat 0 0;
/* text/font settings */	color: #999;
	text-align: left;
	width: 148px;
	height: 200px;
	padding: 0px;
	font-size: 0px;
	cursor: pointer;
}


/* mouseover state */
div.scrollable div.items div:hover {	
	background-position:-178px 0px;
}

/* clicked state */
div.scrollable div.items div:active {	
	background-position:-356px 0;
}

/* active item */
div.scrollable div.items div.active {	
	background-position:-534px 0;
	cursor:default;
}