
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block; width:18px; height:28px; float:left; margin:10px 0; cursor:pointer;
	background:url(../images/generic/left.png) no-repeat;
}
	a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
		background-position:0px -28px;		
	}
	/* disabled navigational button */
	a.disabled {
		visibility:hidden !important;		
	}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/generic/right.png);
	clear:right;	
}







/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative; overflow:hidden; width: 484px; height:120px;	margin:0 5px;
}
#thumbs {	
	position:absolute; width:20000em; overflow:hidden; clear:both
}
a.prev, a.next {
	float:left; margin-top:32px;	
}


#thumbs div {
	float:left; width:154px; height:140px; cursor:pointer; margin-right:10px;
}
	#thumbs div.hover {
		background-color:#ececec;	
	}

/* style when element is active (clicked) */
#thumbs div.active {
	cursor:default;
}

#thumbs h3 {		
	font-size:110%; color:#999999; margin:10px 0 0 5px;
}



