html,body{
	margin: 0px;
	padding:10px;
	background-color: #FFFFFF;
	background-image: url(../bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#clean {
	clear: both;
}

body{
	font: 76% arial,sans-serif;
	text-align:center;
	background-color: #FFFFFF;
}
div#bgwrap {
	width: 800px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #003300;
}
a{ color: #006600}
a:hover{ color: #fff} 
div#header { height: 180px; background-color: white; color:black;}
div#wrapper {
	margin-top: 5px;
}
div#container{text-align:left;padding:10px;}
div#container{width:760px;margin:0 auto; }

div#content{
	float:right;
	width:540px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 10px;
	padding-top: 20px;
}
div#navigation{background:#fff}
div#navigation{float:left;width:200px}

/* TABLES */ 
table {border: 0px solid #fff; border-collapse:collapse; width:100%; margin-left: 0px; }
td {background-color: #fff; padding:3px; border: 0px solid #ccc; color:#000;}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1.5em; background-color: #990 ; padding: 10px 6px}
tbody th {font-size:1.15em; background-color: #fff; padding: 6px}
tbody th.sub {font-size: .90em; color:#fff; background-color: #336; padding: 6px}
.tanka td {
	background-color: #fff;
	padding:3px;
	border: 1px solid #ccc;
	color:#000;
	width:30%;
}

/* TEXT STYLES */
div#content a:link { padding:0; color:#006600; text-decoration:none; }
div#content a:visited { padding:0; color:#800080; text-decoration:none; }
div#content a:hover {background-color: #669933; color:#fff; }
div#content h1 { font-size: 1.5em; color:#FF6600; margin-top: 0;  text-transform:uppercase; letter-spacing: 1px;}
div#content h2 { font-size: 2em; color: #339966; line-height: 1.3em; letter-spacing: -1px;}
div#content h3 {
	font-size: 1.5em;
	color: #669933;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
div#content h3 a:hover {
background-color: #669933;
	color:#fff;}

div#content h4 { font-size: 1.25em; color: #966;}
div#content h5 {font-size: 1em; font-weight:bold;}
div#content h1,h2,h4,h5 {padding:0 5px 0px;}
acronym {border-bottom: 1px dotted #966; cursor:help; } 
form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */
blockquote { border: 1px solid #69f; background-color: #990; color:#fff; margin: 3ex; font-style:italic;}
/* Vertical Navigation Menu */
#navigation {
	margin-bottom: 15px;
	margin-top: 0px;
}
#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation ul li {line-height: 18px; border-bottom: 1px solid #BFD580;}
#navigation ul li a:link,#navigation ul li a:visited {
	text-decoration:none;
	color:#006600;
	text-transform:uppercase;
	display:block;
	font-weight: bold;
}
#navigation ul li a:hover {
	padding-left: 0px;
	font-weight:bold;
	background-color: #669933;
	color:#fff;
}
#navigation p{margin:0 10px 15px opx}

/* Vertical Navigation SubMenu */
#navigation ul li ul li {
	line-height: 18px;
	border-bottom: 0px;
}
#navigation ul li ul li a:link,#navigation ul li ul li a:visited {
	text-decoration:none;
	color:#006600;
	display:block;
	font-weight: normal;
}
#navigation ul li ul li a:hover { background-color: #669933;
	color:#fff; padding-left: 0px; font-weight:bold; }

/* Extra section */
.stripnav {
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-image: url(greenhoriz2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-right: 6px;
	padding-bottom: 6px;
	width: 185px;
	text-decoration: none;
}
p.stripnav a:link {
	color: #006600;
	text-decoration: none;
}
p.stripnav a:hover { color: #339900; text-decoration: none; }
.tegobe {
	color:#006600;
	text-transform:uppercase;
	font-weight:bold;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-image: url(greenhoriz2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-right: 6px;
	padding-bottom: 6px;
	width: 185px;
}
p.tegobe a:link {
	color: #FF6600;
	text-decoration: none;
}
p.tegobe a:hover { color: #FF6600; }
.stripnav3 {
	color:#006600;
	text-transform:uppercase;
	font-weight:bold;
	padding-top: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	background-image: url(greenhoriz2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-right: 6px;
	padding-bottom: 6px;
	width: 185px;
}
p.stripnav3 a:link {
	color: #653CC2;
	text-decoration: none;
}
p.stripnav3 a:hover { color: #339900; }
/* naslovi*/
div#extra{float:left;clear:left;width:200px;}
div#extra2{
	float:left;
	clear:left;
	width:200px;
	color: #FFFFFF;
	text-decoration:none;
}
div#extra{background:#fff}
div#extra p {margin-left: 0;  }
div#extra img { padding: 3px; margin: 2px; margin-left:0; border: 0px solid #D9E1A8; }
div#extra p a:link, div#extra p a:visited {
	padding:0;
	color: #006600;
	font-weight:bold;
	padding-bottom: 1px;
	text-decoration:none;
	line-height: 15px;
}
div#extra p a:hover { background-color: #669933;
	color:#fff;}

/* Photo Gallery Area */
div#gallery {
	border-top: 2px solid #AECC02;
	padding-top: 5px;
	color: #666666;
	font-style: italic;
	font-size: 10px;
}
div#gallery img {padding: 2px; border:0px solid #eeeeee;}
/* Footer Area */
div#footer{background: #fff;color: #000; border-top: 1px solid #A2C09C; }
div#footer p{margin:0;padding:5px 10px}
div#footer{clear:both;width:100%}
div#footer ul {
	list-style-type:none;
	padding:0px;
	text-align:center;
	font-size: .9em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
div#footer ul li {
	list-style-type:none;
	display:inline;
	border-left: 1px solid gray;
	padding: 0px 5px 0px 5px;
}
div#footer  ul li a:link,#footer ul li a:visited { display:inline; text-decoration:none; color:#006600; text-transform:uppercase;}
div#footer ul li a:hover {
	background-color: #669933;
	color:#fff;
}
div#footer p {text-align:center; margin-top: 1px;}
div#footer p a:hover {
background-color: #669933;
	color:#fff;}
/* Bonus Styles */
.bright {
	font-size: 0.85em;
	color:#0000FF;
	font-weight: bold;
}
#trazi {
	position: relative;
	top: -80px;
	left: 570px;
	z-index: 55;
	width:255px;
	}

#trazi #frmSearch div,
#trazi #frmSearch span,
#trazi #frmSearch input {
	float: 		left;
	font-size: 12px
	}

#trazi #frmSearch #signed_in {
	margin:3px 0 0 0;
	font-size:12px;
	color:white;
	float:right;
	font-weight:bold
	}
	
#trazi #signed_in a {
	color:white;
	font-size:11px;
	text-decoration:underline;
	font-weight:normal
	}
#trazi #signed_in a:hover {
	text-decoration:underline;
	}
#datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000CC;
	text-align: right;
	margin: 0px;
	padding: 3px;
	float: right;
	height: 15px;
	width: 250px;
	z-index: 85;
}
#product_picture {
	background-color: #FFFFFF;
	margin: -10px 0 0 0;
	padding: 0px 0px 10px 3px;
	border: 0;
} 
#icon_picture {
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 2px 0px 0px 0px;
	border: 0;
} 
.opis{
	font-size: 1.15em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.namjena{
	font-size: 1em;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
}
.zdravlje{
	font-size: 1em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.thumbnail{
	border: 0;	
}
.foto {
	padding: 5px;
	border:1px solid #AECC02;
	margin: 10px;
	float: right;
	text-align: center;
}
img {
	border: 0;	
}
.footools {
	padding: 5px;
	border:1px solid #AECC02;
	margin: 10px;
	float: left;
}
.icon {
	padding: 0px;
	border:0px solid #AECC02;
	margin: 0px 0px -8px 0px;
}
/* klasa za navigaciju tabelama i listama u Content div First Previous Next Last*/
.navContent{
	position:relative;
	width:200px;
	height:auto;
	margin:0.5em auto;
	padding:0.5em 0;
	vertical-align:middle;

}
/*ul*/
 .navContent #navContentTable {
 text-align:left;
 position:relative;
 top:0px;
 left:1px;
 width:200px;
 height:14px;
 margin:0;
 padding:0px 0;
 vertical-align:middle;
/*border:1px solid;*/
 }
.navContent #navContentTable li{
display:inline;
float:left;
left:0;
width:40px;
list-style:none;
margin:0 13px 0 0;
padding:2px 0px;
vertical-align:middle;
}
.navContent #navContentTable  li.right{
display:block;
margin:0px 1px 0 -1px;
padding-left:0;
float:left;

}
.navContent #navContentTable li a, .navContent #navContentTable li a:link {
margin:0;
padding:3px 0 1px 0;
display:block;
border:#CCCCCC thin solid;
text-align:center;
vertical-align:middle;
background-color:#D9FF8A;
}
.navContent #navContentTable li a:hover {
	background-color:#669933;
	border-top:#CCCC00 thin solid;
	border-right:#CCCC00 thin solid;
	border-bottom:#ECEC00 thin solid;
	border-left:#ECEC00 thin solid;
}
.navContent #navContentTable li a img{
display:block;
margin:auto;
vertical-align:middle;
border:0;
}
.navContent p{
margin:0 0 0.5em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0000CC;
background-color:#CCCC00;
font-style: italic;
text-align:center;
}
/* END klasa za navigaciju tabelama i listama u Content div First Previous Next Last*/