/*-------Proizvodi.asp---------*/
#ContentIntro{
position:relative;
width:530px;
height:auto;
padding:0 2px 0 0px;
margin:0px 1px 0.5em 1px;
}
div#ContentIntro h1{
position:relative;
display:block;
width:90%;
height:auto; /*Hack za mozilla*/
word-spacing:0.1em;
left:0px;
top:5px;
text-transform:none;
}
div#ContentIntro .prodThumb{
display:block;
position:relative;
margin:-2em 0.1em 0.2em 0em; 
padding:0;
width:150px;
font-size:12px;
float:right;
background-color:#F8F8F8;
color:#000;

}
div#Info{
position:relative;
display:block; 
width:280px;
margin:0 0em 0.5em 0.3em;
padding:0 0.5em 0 0em;
color:#000;
top:0;
float:left	;
}
div#Info p{
margin:0;
/*outline:#CCCCCC groove medium;*/
}
#Description{
position:relative;
clear:both;
margin:0 0 0 0em;
padding:0 0.5em 0.5em 0em;
width:280px;
}
#Description p{
display:block;
margin:0.1em 0 0 0em;
padding:0.3em 0.5em .5em .5em;
border:#FCFDC4 outset 3px;
background-color:#E4FDC4;
text-align:left;
letter-spacing:0.05em;
}
#Content div#Info p:first-letter, #Content div#Description p:first-letter{
font-weight:bold;
font-size:150%;
color:#CC6666;
border: solid black;
padding: 3px;
border-width: 1px 0 0 1px;
}
/*-------Product group rows-----*/
#GroupsContainer{
	position:relative;
	width:530px;
	overflow:auto;
	font-size:12px;
}
.Group{
position:relative;
border-bottom:#AECC02 1px ridge;
margin:1em auto 1em;
padding:0.5em;
overflow:visible;
left:0;
border-collapse:collapse;
}
#GroupsContainer .Group p{
position:relative;
overflow:auto;
text-align:left;
margin:1.2em 0.5em 0 0.5em;
}
#GroupsContainer .Group .GroupName{
	position:relative;
	/*border:#000000 solid thin;*/
margin:0.2em 0.5em 2.5em 0.2em;
	padding:0em 0.5em 0 0.5em;
	text-align:left;
	font-size:1.2em;
	left:-2px;
	letter-spacing:0.1em;
	text-transform:uppercase;
	width: 100%;
}
/*ikonica grupe proizvoda*/
#GroupsContainer .Group .ThumbGroup{
	width:45px;
	text-align:left;
	margin:5px 5px 5px 5px;
	padding:5 5px 5px 5;
	display:block;
	float:right;
	background-color:#F8F8F8;
	font-size:12px;
	vertical-align:top;
	border: 1px solid #AECC02;
}

/* Holly Hack 
Za IE Peekaboo Bug
START: Hide from Mac/IE. Only PC/IE sees this. \*/
* html #GroupsContainer .Group .ThumbGroup{
position:relative; 
left:0;
}
/* END: Hide from Mac/IE */
.ThumbGroup *a, .ThumbGroup :link{ 
display:block;
border:thick solid #CC0099;
}
* .ThumbGroup :hover{border:#F00 inset medium;}

#GroupsContainer .Group span{
	position:relative;
	margin:0.5em 0 0.5em;
	padding:0.5em 0.2em 1.2em;
	display:inline;
	overflow:visible;
	font-size:1em;
	line-height: 23px;
}
#GroupsContainer .Group span a, #GroupsContainer .Group span a:link{
	color:#006600;
	font-weight: bold;
}
#GroupsContainer .Group span a:hover{
	color:#FFFFFF;
	background-color: #669933;
}
#GroupsContainer .row_even{
background-color:#EAFBD9;
}
#GroupsContainer .row_odd{
background-color:#DFFAC5;
}

/*Klase za izvješća na kraju*/
.rptSummary, .rptGroup{
clear:both;
position:absolute;
display:block;
overflow:auto;
text-align:left;
margin:0.2em;
background-color:#FFFDB7;
border-top:#FFFDB7 inset 1px;
bottom:0px;
}