@charset "utf-8";

.scroller_container {
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	position: relative;
}

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
	/* required settings */ 
	position:relative; 
	overflow:hidden; 
	width: inherit; 
} 
 
/* 
	root element for scrollable items. Must be absolutely positioned 
	and it should have a extremely large width to accomodate scrollable items. 
	it's enough that you set width and height for the root element and 
	not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */ 
	width:20000em;
	position:absolute;
} 
 
/* 
	a single item. must be floated in horizontal scrolling. 
	typically, this element is the one that *you* will style 
	the most. 
*/ 
div.scrollable div.items div {
	float:left;
	/*
		width = sirina parenta / broj vidljivih
	*/
	width:177px;
	text-align: center;
}

div.scrollable div.items div a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
	/*border:1px inset #ccc; 
	background-color:#fff; */
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(scroller/arrows.png) no-repeat;
	display:block;
	width:23px;
	height:23px;
	cursor:pointer;
	/*margin-top: 26px;*/
	/*font-size:1px;*/
	top: 50%;
	position: absolute;
	margin-top: -11px;
}

/* right */
a.right {
	background-position: 0 -23px;
	right: 9px;
}

a.right:hover {
	background-position:-23px -23px;
}

a.right:active {
	background-position:-46px -23px;
} 

/* left */
a.left {
	left: 9px;
}

a.left:hover {
	background-position:-23px 0;
}

a.left:active {
	background-position:-46px 0;
}

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