/* this makes it possible to add next button beside scrollable */
div.c_scrollable {
	/*float:right;
	width:106px;*/
	position:relative;
	top:0px;
	left:12px;
	_left:5px;
}

div.c_controls {
	float:left;
	height:100%;
}
/* prev, next, prevPage and nextPage buttons */
a.c_prevPage, a.c_nextPage {
	display:block;
	width:16px;
	height:16px;
	float:left;
	/*margin:43px 10px;*/
	cursor:pointer;
}
a.c_prev, a.c_next {
	position:absolute;
	display:block;
	width:16px;
	height:16px;
	/*margin:43px 10px;*/
	cursor:pointer;
	z-index:100;
}
a.c_next {
	top:210px;
	background:url(../img/next_down.png) no-repeat;
}
a.c_prev {
	top:30px;
	background:url(../img/prev_up.png) no-repeat;
}
/* mouseover state */
/*a.c_prev:hover, a.c_next:hover, a.c_prevPage:hover, a.c_nextPage:hover {
	background-position:0px -18px;		
}*/
a.c_prev:hover {
	background:url(../img/prev_up_over.png) no-repeat;		
}
a.c_next:hover {
	background:url(../img/next_down_over.png) no-repeat;		
}

/* disabled navigational button */
#c_prev.disabled {
	background:url(../img/prev_up_over.png) no-repeat;
	}
/* disabled navigational button */
#c_next.disabled {
	background:url(../img/next_down_over.png) no-repeat;
}

/* next button uses another background image */
/*a.c_next {
	background-image:url(../img/prev_down.png);
}*/



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


/* position and dimensions of the navigator */
div.c_navi {
	/*margin-left:328px;*/
	float:left;
	width:50px;
	height:20px;
}


/* items inside navigator */
div.c_navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.c_navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.c_navi a.c_active {
	background-position:0 -16px;   
}