/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:68px;
	height:68px;
	float:left;
	cursor:pointer;
	font-size:1px;
	background-image: url(../_img/nav-feature.png);
	background-repeat: no-repeat;
	margin-top: 100px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 10px;
}

/* right */
a.right 				{
	background-position: 0 0px;
	clear:right;
	margin-right: 0px;
	position: absolute;
	right: -40px;
	z-index: 2;
}
a.right:hover 		{
	background-position:-68px 0px;
}
a.right:active 	{
	background-position:-68px 0px;
} 


/* left */
a.left				{
	background-position: 0px -68px;
	position: absolute;
	top: 0px;
	left: -50px;
	z-index: 7;
} 
a.left:hover  		{
	background-position:-68px -68px;
}
a.left:active  	{
	background-position:-68px -68px;
}


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
a.browse-footer {
	display:block;
	width:48px;
	height:41px;
	float:left;
	cursor:pointer;
	font-size:1px;
	background-image: url(../_img/bt-slider-footer.jpg);
	background-repeat: no-repeat;
}
a.left-footer {
	position: absolute;
	background-position: left top;
	left: 20px;
	top: 75px;
	z-index: 8;
}
a.right-footer {
	position: absolute;
	background-position: right top;
	right: 20px;
	top: 75px;
	z-index: 10;
}