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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 142px;
	height: 475px;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.marka_scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.marka_scrollable .items div.scr_sor {
	margin-top: 5px;
	width: 142px;
	height: 475px;	
}

/* active item */
.marka_scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}



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

/* prev, next, prevPage and nextPage buttons */
.marka_scrollable a.scr_button {
	display:block;
	width:142px !important;
	height:25px;
	cursor:pointer;
	position: absolute;
	z-index: 1000;
}

/* right */
.marka_scrollable a.scr_down				{ background:url(../design/main/main_scroll_down.png) no-repeat center; margin-top: 450px; }
.marka_scrollable a.scr_down:hover 		{  }
.marka_scrollable a.scr_down:active 	{  } 


/* left */
.marka_scrollable a.scr_up				{ background:url(../design/main/main_scroll_up.png) no-repeat center; } 
.marka_scrollable a.scr_up:hover  		{ }
.marka_scrollable a.scr_up:active  	{ }


/* disabled navigational button */
.marka_scrollable a.disabled {
	visibility:hidden !important;		
}