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

	/* vertical scrollers have typically larger height than width */	
	height: 318px;
	width: 140px;
	
	margin-top: 5px;
}

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

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

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* background image */
	/*background: #000 url(../img/white.jpg) no-repeat 0 0;*/
	background: #000 no-repeat right top;
	
	
	/* text/font settings */
	color:#fff;
	text-align:center;
	width:140px;
	height:96px;
	padding:0px 0px;
	font-size:25px;
	line-height:96px;
	cursor:pointer;
}


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

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

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