BODY {
	SCROLLBAR-FACE-COLOR: #dbdbdb;
	SCROLLBAR-SHADOW-COLOR: #666666;
	SCROLLBAR-3DLIGHT-COLOR: #9a9a9a;
	SCROLLBAR-ARROW-COLOR: #333333;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
	scrollbar-hightligh-color: #666666;
	text-align: center; /* Takes care of horizontal alignment in Internet Explorer */
	
	background:  #000000;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


A:link { COLOR: #FFFFFF; TEXT-DECORATION: none; }
A:visited { COLOR: #FFFFFF; TEXT-DECORATION: none; }
A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; }
A:active { COLOR: #FF0000; TEXT-DECORATION: none; }

BODY, TD, P {
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	COLOR: #000;
}
p{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.veza a:link {
	color: #000000;
	text-decoration: none;
}
.veza a:visited {
	color: #000000;
	text-decoration: none;
}
.veza a:hover {
	color: #000000;
	text-decoration: underline;
}
.veza a:active {
	color: #ff0000;
	text-decoration: none;
}

.shop_tekstovi {
font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 10px;
}
.shop_naslovi {
	background-color: #000000;
	font-size: 14px;
	line-height: 18px;
	border:0px 2px 0px 18px;
	border-color: #000000;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.shop_navi, .shop_navi a:hover, .shop_navi a:link, .shop_navi a:visited, .shop_navi a:active  {
color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	
}
.crni_link, .crni_link a:hover, .crni_link a:link, .crni_link a:visited, .crni_link a:active
{
color: black;
font-size: 11px;
	
}
.product_box {
	background: #FFFFFF;
	background: url(/ikone/kosarica_back.gif) ;
	display: block;
	float: left;
	width: 171px;	
	margin: 5px 10px 15px 10px;	
	height: 120px;
	
		position:relative;

}

.slikica{
	width: 170px;
	height: 100px;
	
		position:relative;
	z-index: 1;
}
.tekst{
width: 170px; 
	height: 20px;
	padding: 0 0 0 0;
			position:relative;
	z-index: 1;
}
.brojArtikla{
	width: 55px;
	height: 16px;
	
	float:left;
	padding: 4px 0 0 0;
	
		position:relative;
	z-index: 1;
}
.ikone{
	width: 105px;
	height: 16px;
	padding: 4px 10px 0 0;
	
	float:right;
	
	
		position:relative;
	z-index: 1;
}

.znackice{
	z-index: 2;
	height:30px;
	position:relative;
	bottom: 39px;
	width: 171px;	
	padding: 0 0 0 35px;
}

#scroller {
	overflow-y: hidden;
	width: 960px;/*775*/
	height: 495px;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
	
}




#content{
	width: 960px;
	height: 600px;
	
	position: relative; /* Needed for Safari */
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */



/* proba*/
position: absolute;
	top: 50%;
	left: 50%;
	margin: -300px auto auto -480px;
	text-align: center;


}
.prev{
float:left;
width:72px;
height:495px;
margin: 225px 20px 0 0;
}
.next{
float:right;
width:72px;
height:495px;
margin: 225px 0 0 0;
}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 775px; /*775*/
    height:495px; 
	float:left;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super 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 on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.tri { 
    float:left; 
	
	height:495px;
	width:198px;
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    /*border:1px inset #ccc; 
    background-color:#fff; */
}