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

	/* vertical scrollers have typically larger height than width */	
	height: 202px;	 
	width: 128px;
	padding:0 15px;
}

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

/* single scrollable item */
.items div {
	height:50px;
	border-bottom:1px solid #333;
}

/* elements inside single item */
.items img {
	height:50px;
	opacity:0.5;
}
.items img:hover {
	opacity:1;
}




/* the action buttons above the scrollable */
.actions {
	width:168px;
}

.disabled {
	visibility:hidden;		
}


a.nextPage  {
	background:url(../img/site/next-vertical.png) no-repeat 8px 0;
	width:161px;
	height:20px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}	
a:hover.nextPage  {
	background:url(../img/site/next-vertical.png) no-repeat 8px -20px;
}	
a.prevPage  {
	background:url(../img/site/prev-vertical.png) no-repeat 8px 0;
	width:161px;
	height:20px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}	
a:hover.prevPage {
	background:url(../img/site/prev-vertical.png) no-repeat 8px -20px;
}