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

div.scrollable {

	float:left;		

}



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

a.prev, a.next, a.prevPage, a.nextPage {

	display:block;

	width:11px;

	height:28px;

	background:url(../images/scroll_nav_right.png) no-repeat;

	float:left;

	margin:60px 0px;

	cursor:pointer;

}



/* mouseover state */

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/scroll_nav_right.png)

	clear:right;	

}







/*********** navigator ***********/





/* position and dimensions of the navigator */

div.navi {

	margin-left:328px;

	width:200px;

	height:20px;

	margin-top: 5px;

}





/* items inside navigator */

div.navi a {

	width:7px;

	height:7px;

	float:left;

	margin-left:5px;

	background:url(../images/navigator_circle.png) 0 0 no-repeat;     

	cursor:pointer;	

}



/* mouseover state */

div.navi a:hover {

	background-position:0 -7px;      

}



/* active state (current page state) */

div.navi a.active {

	background-position:0 -14px;     

}