/* Document css */

.scroll_wrapper{

	background: none;

	width: 100%;

	float: left;

	position: relative;

	padding: 18px 0;

}

.scrollable {

	position: absolute;

	top: 0;

	padding-top: 8px;

	left: 37px;

	overflow: hidden;

}



.scrollable .items {

	width: 20000em;

	position: absolute;

	bottom: 0;

}



.items div.img {

	float: left;

	margin: 0;

}

.items div.img a:hover {

	background: url(../images/zoom.png) no-repeat 50% 50%;

}
.items div.img a {
	width: 114px;
	height: 102px;
	overflow: hidden;
	display: block;
}
.items div.img img {

	width: 94px;

	height: 94px;

	overflow: hidden;

	border: 1px solid #C3C3C3;

	background: #8B8B8B;

	padding: 3px;

	margin: 0 12px;

}

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

.scrollable {

	float:left;	

}



/* prev, next, prevPage and nextPage buttons */

a.browse {

	background:url(../images/scroll_button.jpg) no-repeat;

	display:block;

	width:37px;

	height:124px;

	margin:0;

	cursor:pointer;

	font-size:1px;

}

a.browse:hover{

	background:url(../images/scroll_hover_button.jpg) no-repeat;

}

/* right */

a.right{

	background-position: -37px 0;

	margin-right: 0px;

	position: absolute;

	right: 0;

	top: 18px;

}

a.right:hover{ 

	background-position: -37px 0;

}



/* left */

a.left	{

	float: left;

	margin-left: 0px; 

}

a.left:hover{

	

}



/* disabled navigational button */

a.disabled {

	

}