/* root element for scrollable */
div.scrollable {  
	
	/* required settings */
	position:relative;
	top:10px;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	width:175px;
	height:440px;
	/* decoration */
	padding:0;
}

/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;
	left:10px;
	/* this time we have very large space for height */	
	width:150px;
	height:440px;	
}

/*
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items span {
	position:relative;
	display:inline-block;
	margin:0 auto;
	margin-bottom:5px;
	text-align:center;
	width:150px;
	height:150px;
	background-image:url(../../images/scroll-img-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
div.scrollable div.items img {
	position:relative;
	top:10px;
	display:inline-block;
	margin:0 auto;
	text-align:center;
	width:130px;
	height:130px;
}


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