/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	position:relative;
	overflow:hidden;	 	
	width: 260px;	
	height:300px;
	float:left;	
}

#viewMoreArrows {
	width: 221px;
	height: 20px;
	padding: 0 0 0 2px;
}

a.prev {
    width: 17px;
    height: 23px;
    cursor: pointer;
	background: url(/persistent/templateimages/arrow_left.jpg) 0px 0px no-repeat;
	display: block;
}

a.prev:hover {
	 background-position: 0px 0px;
}

a.prev:active {
	background-position: 0px 0px;
}

.disabled {
    cursor: default;
	background-position: -17px 0px !important;
}


a.next {
    width: 17px;
    height: 23px;
    cursor: pointer;
	background: url(/persistent/templateimages/arrow_right.jpg) 0px 0px no-repeat;
	display: block;
}

a.next:hover {
	 background-position: 0px 0px;
}

a.next:active {
	background-position: 0px 0px;
}

.disabled {
    cursor: default;
	background-position: -17px 0px !important;
}


a.prevPage, a.nextPage {
	cursor:pointer;
}

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	position:relative;
	width:260px;
}

/* active item */
/*div.scrollable div.items div.active {
   background-image: url(/persistent/templateimages/active.jpg);
    background-repeat: no-repeat;
}

*/