/* this makes it possible to add next button beside scrollable */

.gallery {
	position:relative;
}
/* prev, next, prevPage and nextPage buttons */
a.right, a.left {
	display:block;
	width:15px;
	height:15px;
	float:right;
	cursor:pointer;
	position:absolute;
	right:5px;
	font-size:1px;
	}
a.left {background:url(/graf/arw-sx.png)  top center no-repeat; top:490px;} a.right {background:url(/graf/arw-dx.png)  top center no-repeat; top:455px; }
a.left:hover 	{ background:url(/graf/arw-sx-hover.png) top center no-repeat; }
a.right:hover 	{ background:url(/graf/arw-dx-hover.png) top center no-repeat; }

/* disabled navigational button */
a.disabled {
	display:none;		
} 	

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	margin:7px 20px 0 0;
	float:right;
	width:510px;
	height:80px;
	}
.items {
	/* this cannot be too large */
	width:20000em;
	height:310px;
	position:absolute;
}
.items div {
	width:570px;
	height:80px;
	float:left;
}


.overflow {border:solid 2px #e3e0d9;}
.overflow:hover {border:solid 2px #888;}
#wrap-page .current {border:solid 2px #990000;}
.overflow, .overflow-first {float:left;width:115px;height:73px;overflow:hidden;margin:0 10px 0 0;}
.overflow-first img, .overflow img {margin-left:-23px;}
.overflow-first {border:solid 2px #990000;}
/* single scrollable item */
.scrollable img {
	background:url(/graf-new/gallery.png);
	width:161px;
	height:73px;
	cursor:pointer;
}