@charset "utf-8";
@import url("styles/reset-fonts-grids.css");

html {
    background:											#eeffd6	url("images/bg.gif") repeat-x top;
}

#bd .yui-gc {
    background:                     #fff url("images/bg-shadow.gif") repeat-x top;
    border-left:                    1px #d8e5c4 solid;
    border-right:                   1px #d8e5c4 solid;
		padding:												1em;
}

/*
* Common elements
* ---------------------------------------------------------------------------
*/

h1 {
    font-family:                    arial, helvetica, serif;
    font-size:                      200%;
    letter-spacing:									-1.5pt;
    color:                          #96aa77;
    margin:													0 0 0.5em 0;
    padding:												0 0 0.2em 0;
		background:											url("images/separator.gif") no-repeat right bottom;
}

h2 {
    font-family:                    georgia, times new roman, arial, helvetica, serif;
    font-size:                      1.3em;
    color:                          #646e36;
    padding:                        0 0 0.5em 0;
}

.om-box h3 {
	display:													none;
}

p {
    color:                          #286334;
}

a {
    font-family:                    georgia, times new roman, arial, helvetica, serif;
    color:                          #f58026;
}

a:hover {
		text-decoration:								none;
}

ul {
		margin:													0;
		padding:												0.1em 0 0 0;
		display:												inline;
		*padding: 0;
		*margin: 0;
}

li {
		margin:													0;
		padding:												0;
}

/*
* Header elements
* ---------------------------------------------------------------------------
*/

#om-top {
	height:														57px;
}

#om-top ul {
	height:														57px;
	margin: 													0;
	padding: 													0;
	list-style: 											none;
}

#om-top ul li {
	float: 														left;
	display:													block;
	width:														75px;
	height:														57px;
}

#om-top ul li a {
	display:													block;
	width:														75px;
	height:														22px;
	font-size:												82.5%;
	font-family:											trebuchet ms, tahoma, verdana, arial, helvetica, serif;
	font-weight:											bold;
	text-decoration:									none;
	text-transform:										uppercase;
	color:														#589600;
	text-align:												center;
	padding:													35px 0 0 0;
}

#om-top ul li a:hover {
	background:												url("images/hd/bg-menuitem.gif") top left repeat-x;
	color:														#f58026;
}

#om-top ul li a.ac {
	color:														#f58026;
	background:												url("images/hd/bg-menuitem-selected.gif") top left repeat-x;
}

#om-top ul li a.in {

}

#om-btm {
	margin:														3px 0;
}

/*
* Custom page elements
* ---------------------------------------------------------------------------
*/

.om-gray {
	float: 														left;
	color:														#618d6a;
	font-family:											georgia,times new roman,arial,helvetica,serif;
	height:														16px;
	padding:													0 0 0 24px;
	margin:														1px 0 0 0;
}

.home .om-gray {
	float: 														left;
	font-weight:											bold;
	margin:														0.85em 0.5em 0 0.15em;
}

.home li h2 {
	border-bottom:										1px solid #eee;
	margin: 													0 0 0.5em 0;
	padding:													0.5em 0 1em 0;
	*margin: -1em 0 0 0;
}

/*
* Search elements
* ---------------------------------------------------------------------------
*/

#om-search {
	margin:														20px 0 0 0;
}

#om-search form {
	display:													inline;
}

#om-search-query {
	display:													inline;
	border:														1px solid #c0cc94;
	width:														185px;
	padding:													3px 5px;
	margin:														0 10px 0 0;
	font-size:												0.75em;
	font-family:											verdana, tahoma, arial, helvetica, serif;
	color: 														#a0baa4;
}

#om-search-link {
	display: 													inline;
	width:														22px;
	height:														22px;
	padding:													5px 0 5px 27px;
	*padding:													7px 0 5px 27px;
	font-size:												0.75em;
	font-family:											tahoma, verdana, arial, helvetica, serif;
	text-transform:										uppercase;
	text-decoration:									none;
	font-weight:											bold;
	color:														#589600;
	background:												url("images/hd/ico-search.gif") top left no-repeat;
}

#om-search-link:hover {
	color:														#f58026;
}

/*
* Sidebar elements
* ---------------------------------------------------------------------------
*/

.om-box {
    background:                     #c4cf99 url("images/sd/bg-box.gif") bottom right no-repeat;
    font-family:										arial, helvetica, serif;
    color:                          #4d7155;
    margin:													0.35em 0 1.5em 0;
}

.box-products {
		background:											url("images/sd/ttl-proizvodi.gif") no-repeat top left;
    padding:                        2.5em 0 0.5em 1em;
    font-size:                      1.1em;
    text-align:                     right;
}

.box-login {
		background:											url("images/sd/ttl-prijava.gif") no-repeat top left;
		font-size:											0.85em;
    padding:                        2em 1em 1em 1em;
}

.box-banners {
		background:											url("images/sd/ttl-banners.gif") no-repeat top left;
		font-size:											0.85em;
    padding:                        3.85em 0 1.5em 0;
    text-align:											center;
}

.box-links {
		background:											url("images/sd/ttl-linkovi.gif") no-repeat top left;
		font-size:											0.85em;
    padding:                        3.85em 1em 1.5em 1em;
}

.box-search {
		background:											url("images/sd/ttl-npretraga.gif") no-repeat top left;
		font-family:										tahoma, verdana, helvetica, serif;
		font-size:											0.75em;
    padding:                        3.85em 1em 1.5em 1em;
}

.box-search table {
	width: 														100%;
}

.box-search td {
}

.box-search label {
	color:														#646e36;
	display:													block;
	text-transform:										uppercase;
}

.box-search input, .box-cart a.button, .ordercontrol a.button {
	clear: 														both;
	display:													block;
	width: 														100%;
	color:														#f2f6eb;
	border-top: 											1px solid #d8e5c4;
	border-right: 										1px solid #4a5226;
	border-bottom: 										1px solid #4a5226;
	border-left: 											1px solid #d8e5c4;
	background:												#646e36;
	font-weight:											bold;
	font-family:											arial, helvetica, serif;
	text-transform:										uppercase;
	padding:													0.25em 0;
	margin:														0;
	text-decoration:									none;
	text-align:												center;
}

.ordercontrol a.button {
	font-size:												0.85em;
	width:														99%;
}

.box-cart a.button {
	margin:														1em 0 0 0;
}

.box-search input:hover, .box-cart a.button:hover {
	color:														#646e36;
	border-top: 											1px solid #4a5226;
	border-right: 										1px solid #d8e5c4;
	border-bottom: 										1px solid #d8e5c4;
	border-left: 											1px solid #4a5226;
	background:												#d1deae;
}

.box-search select {
	color:														#646e36;
	background:												#f2f6eb;
	width:														100%;
	margin:														0.3em 2em 1em 0;
}

.box-cart {
	background:												url("images/sd/ttl-cart.gif") no-repeat top left;
	font-size:												0.85em;
  padding:                        	3.5em 1em 1em 1em;
}

.box-cart a {
	font-family:											arial, helvetica, serif;
	color:														#fff;
	text-decoration:									none;
}

.box-cart a:hover {
	color:														#f58026;
}

.box-cart ul {
	*position: relative;
	*left: -0.75em;
}

.box-cart li {
	height:														20px;
	padding:													6px 0 0 0;
	border-top:												1px dashed #d8e5c4;
}

.box-cart li.total {
	background:												url("images/ico/coins.gif") no-repeat 0 55%;
}

.box-cart p {
	margin:														0 0 1em 0;
	*margin:													0;
}

.box-cart label {
	float:														left;
	width:														62.5%;
}

.box-cart em {
	float:														right;
}

.box-cart strong {
}

.box-cart li a.remove {
	display: 													block;
	float: 														left;
	width: 														24px;
	height:														16px;
	background:												url("images/ico/remove.gif") no-repeat 0 55%;
}

.box-cart li.total label {
	text-transform: uppercase;
	text-align: right;
}

.om-product-tl {
    background:                     #fff url("images/sd/tl.gif") no-repeat top left;
}

.om-product-bl {
    background:                     url("images/sd/bl.gif") no-repeat bottom left;
}

.box-products ul li {
    background:                     url("images/sd/ico.gif") no-repeat 96% 45%;
		padding:												2px 0;
}

.box-products ul li a {
		display:												block;
		color:													#4d7155;
    font-family:                    arial, helvetica, serif;
		font-weight:										bold;
    text-decoration:                none;
    letter-spacing:                 -1px;
    padding:                        0.15em 2.5em 0.15em 0;
}

.box-products ul li a:hover {
		color:													#646e36;
		text-decoration:								none;
}

.box-products ul ul {
	*padding:													0.25em 0 0.25em 0.5em;
	margin:														0.35em 0;
}

.box-products ul ul li {
		background:                     url("images/sd/bg-product.gif") no-repeat bottom right;
		border-bottom:									1px solid #d8e5c4;
}

.box-products ul ul li.noborder {
	border-bottom:										none;
}

.box-products ul ul li.selected a {
	color:														#f58026;
	font-weight:											bold;
}

.box-products ul ul a {
	display: 													block;
	font-size:												0.9em;
	font-weight:											normal;
	background:												none;
	color:														#68a90b;
	padding:													0.25em 2.85em 0.25em 0;
}

.box-products ul ul a:hover {
	color:														#F58026;
	*margin:													0;
}

.cat-title {
	background:												url("images/sd/bg-prod-title.gif") no-repeat bottom right;
}

.cat-hidden {
	display:													none;
}

.cat-displayed {
	display:													block;
}

.box-login p {
	color:														#939d64;
	margin:														1em 0 0 0;
}

.box-login label {
	display:													block;
	text-transform:										uppercase;
	font-family:											verdana, tahoma, helvetica, serif;
	margin:														0 0 0.2em 0;
	color: 														#646e36;
}

.box-login #forget {
	background:												url("images/sd/forget-ico.gif") no-repeat 100% 50%;
	margin:														1em 0;
	padding:													0.2em 0;
	color:														#8f7004;
	font-family:											georgia,times new roman,serif;
	font-size:												1.2em;
	letter-spacing:										200%;
	text-decoration:									none;
}

.box-login .om-field-text {
  width:														100%;
  border:                         	1px solid #b1b69a;
  margin:														0 0 0.75em 0;
}

.box-banners a img {
	margin:														0.5em 0;
}

.box-links h4 {
	color:														#646e36;
	font-weight:											bold;
	font-size:												110%;
	*margin: 0 0 0 -1.2em;
}

.box-links p {
}

.box-links a {
	text-decoration:									none;
	color:														#fff;
}

.box-links a:hover {
	color:														#F58026;
}

.box-links .om-smallitem {
	padding:													0 0 0 1em;
	border-left:											5px solid #cfdeac;
}


p.om-right {
	clear: 														both;
	background:												url("images/bg-news-det.gif") no-repeat 0 0;
	height:														2.5em;
	margin:														0.75em 0 1em 0;
	padding:													1.7em 0 0 1em;
	font-size:												0.9em;
	font-weight:											bold;
}

p.om-right a {
	height:														16px;
	background:												url("images/ico/news.gif") no-repeat 100% 1px;
	float:														right;
	color:														#8f7004;
	text-decoration:									none;
	font-weight:											normal;
	padding:													2px 24px 0 0;
	margin:														0 1em 0 0;
}

/*
* Product elements
* ---------------------------------------------------------------------------
*/

.om-prod-container {

}

.om-prod-container p {
	clear: both;
	margin: 													1em 0 1em 0;
}

.om-prod-container ul {
	display:													block;
}

.om-prod-container ul li {
	margin:														0 0 0 215px;
	padding:													0.25em 30px;
	color:														#646e36;
}

.om-prod-container ul li.even {
	background:												#fafafa url("images/ico/bullet.gif") no-repeat 8px 55%;
}

.om-prod-container ul li.odd {
	background:												#f2f6eb url("images/ico/bullet.gif") no-repeat 8px 55%;
}

.om-prod-images img, .om-prod-thumb {
	width: 														195px;
	height: 													150px;
	float:														left;
	border: 													1px solid #d8e5c4;
	margin: 													0 1em 1em 0;
}

.om-prod-images img {
	float:														none;
	margin:														0 0.25em 1em 0;
}

.om-prod-images img:hover {
	border: 													1px solid #F58026;
}

.om-prod-container .om-right {
	clear: 														both;
}

.om-prod-container .om-right a.specification {
	height:														16px;
	background:												url("images/ico/details.gif") no-repeat 100% 55%;
	padding:													2px 24px 0 0;
}

.om-prod-container .om-right a.cart {
	height:														16px;
	background:												url("images/ico/cart.gif") no-repeat 100% 55%;
	padding:													2px 2em 0 1em;
	text-align: 											right;
	border-left: 											2px solid #d8e5c4;
}

.om-prod-container .om-right a.cart.noborder {
	border-left: 											none;
}

.om-prod-container .om-right a.compare {
	height:														16px;
	background:												url("images/ico/compare.gif") no-repeat 100% 55%;
	padding:													2px 2em 0 1em;
	border-left: 											2px solid #d8e5c4;
}

.om-prod-container .om-right a.print, p.om-right a.print {
	height:														16px;
	background:												url("images/ico/print.gif") no-repeat 100% 55%;
	padding:													2px 2em 0 0;
}

.om-prod-container .om-right a.logout, p.om-right a.logout {
	height:														16px;
	background:												url("images/ico/door.gif") no-repeat 100% 55%;
	padding:													2px 2em 0 1em;
	border-left: 											2px solid #d8e5c4;
}

.om-prod-container .om-right a.goback, p.om-right a.goback {
	height:														16px;
	background:												url("images/ico/details.gif") no-repeat 100% 55%;
	padding:													2px 2em 0 1em;
	border-left: 											2px solid #d8e5c4;
}

.om-prod-container .om-right a.contact, p.om-right a.contact {
	height:														16px;
	background:												url("images/ico/email.gif") no-repeat 100% 55%;
	padding:													2px 2em 0 1em;
	border-left: 											2px solid #d8e5c4;
}

.om-prod-container .om-gray {
	display: 													block;
	height:														16px;
	background:												url("images/ico/coins.gif") no-repeat 0 0;
	padding:													0 0 0 24px;
	margin:														1px 0 0 0;
}

.om-bdprint {
	border-bottom:										1px solid #D8E5C4;
}

/*
* Footer elements
* ---------------------------------------------------------------------------
*/

#om-ft {
	height:													215px;
	background:												#415300 url("images/ft/bg.gif") repeat-x top;
	font-size:												85%;
	color:													#d8e5c4;
	border-top:												1px solid #000;
}

#om-ft a {
	color:													#d8e5c4;
	font-family:											arial, helvetica, serif;
	text-decoration:										none;
}

#om-ft a:hover {
	color:													#fff;
}

#om-ft span {
	color:													#646e36;
}

#om-ft-in {
	height:													170px;
	background:												url("images/ft/ftl-bckg.gif") no-repeat 50% 0;
}

#om-ftr {
  /*height:													30px;
  background:												url("images/ft/bg-overlay.gif") no-repeat 50% 0;
	border-top:												1px dotted #fff;*/
	padding:												15px 15px 0 15px;
}

#om-ftr ul {
	float:													left;
	width:													400px;
}

#om-ftr ul li {
	float:													left;
	padding:												0 0.25em;
}

#om-ftl {
	margin:													auto;
	clear:													right;
	width:												1220px;
}

#om-ftl ul {
	float:													left;
	padding:												0 0 0 0.5em;
}

#om-ftl ul li {
	float:													left;
	padding:												2em 1.6em;
	width:													200px;
}

#om-ftl h2 {
	margin:													0;
	padding:												0;
	color:													#d8e5c4;
}

#ft-menu {
	float:													left;
	width:													400px;
}

#hd .contact, #om-ft .contact {
	float:													right;
	width:													240px;
}

#hd .contact {
	height:													80px;
	padding:												25px;
}

/*
* Misc elements
* ---------------------------------------------------------------------------
*/

.om-image img {
	display:													block;
	border:														1px solid #d8e5c4;
	margin:														0 0 1em 0;
}

.om-image img:hover {
	border:														1px solid #f58026;
}

#images p {
	float:														left;
}

.om-separator {
	background:												url("images/separator.gif") no-repeat right;
	margin:														1em 0 1em 0;
}

#om-offer {
}

.om-offer-box-container {
	width:														200px;
	float:														left;
	overflow:													hidden;
}

span.qty {
	float:														right;
	padding:													0 0 0 1em;
	border-left: 											2px solid #d8e5c4;
}

input.qty {
	color:														#014711;
	text-align: 											center;
	width:														3em;
}

.om-stock {
	background:												url("images/bckg-stock.gif") repeat-x 0 100%;
	border:														1px solid #d8e5c4;
	width:														195px;
	margin:														0 2px 5px 3px;
	overflow:													hidden;
}

.om-offer-box {
	background:												url("images/bckg-offer.gif") repeat-x 0 100%;
	border:														1px solid #d8e5c4;
	width:														195px;
	float:														left;
	margin:														0 2px 5px 3px;
	overflow:													hidden;
}

.om-offer-box:hover {
	border:														1px solid #f58026;
}

.om-offer-box a {
	text-decoration:									none;
}

.om-offer-title {
	font-size:												85%;
	font-weight:											bold;
	border-bottom:										1px solid #c0cc94;
	color:														#014711;
	padding:													2px 5px;
	background:												#d8e5c4;
	overflow:													hidden;
	height: 													2.25em;
}

.om-offer-price {
	display:													block;
	background:												url("images/ico/coins.gif") no-repeat 97% 55%;
	border-top:												1px solid #c0cc94;
	color:														#014711;
	font-weight:											bold;
	padding:													4px 29px 0 5px;
	text-align:												right;
	width:														161px;
	height: 													1.5em;
}

.om-offer-stock {
	display:													block;
	background:												url("images/ico/box.gif") no-repeat 97% 55%;
	border-top:												1px solid #c0cc94;
	color:														#014711;
	font-weight:											bold;
	padding:													4px 29px 0 5px;
	text-align:												right;
	width:														161px;
	height: 													1.5em;
}

.om-offer-stock.noborder {
	border-top:												none;
}

.om-offer-price.nobold, .om-offer-stock.nobold {
	font-weight: normal;
}


p.om-right a:hover {
	color:														#F58026;
}


.om-symbol {
	font-size:												12pt;
	font-weight:											bold;
	color:														#f58026;
}

.clear {
	clear:														both;
	font-size:												1px;
}

.spacer {
	font-size:												1em;
}

strong {
	font-weight:											bold;
	font-size:												110%;
}

.om-orange {
	font-weight:											bold;
	color:														#a00;
}

#orderform {
	background:												#f2f6eb;
	margin:														1em 0 2px 0;
	padding:													1em;
	border:														1px solid #e9f0de;
}

#orderform label {
	color:														#646e36;
	display:													block;
	font-size:												125%;
	font-family:											georgia, times new roman, serif;
}

#orderform input {
	width:														98%;
	margin:														0 0 1em 0;
	color:														#6c8a66;
	padding:													0.2em 0.3em;
}

#ordersubmission {
	text-align:												right;
	border:														1px solid #e9f0de;
	background:												#e9f0de;
	padding:													1em;
}

.big {
	color:														#f58026;
	display:													block;
	font-size:												175%;
	font-family:											georgia, times new roman, serif;
	text-align:												right;
	margin:														1em 0 0 0;
}

.om-content {
	display:													block;
	width:														600px;
	overflow:													hidden;
  color:                          	#286334;
}

.om-content img {
	border:														1px solid #d8e5c4;
}

.om-content span, .om-content div {
	padding: 													0;
	margin:														0;
}

.om-info {
	border:														1px dashed #a00;
	padding:													1em;
	background:												#ffc;
	margin:														1em 0 0 0;
}

.box-cart .om-info {
	border: 													none;
	padding:													0;
	margin:														0;
	text-align:												center;
	background:												none;
	font-size:												100%;
}

.box-cart .om-info a {
	color:														#4d7155;
}

.box-cart .om-info a:hover {
	color:														#f58026;
}

.om-prod-container .om-offer-box, .om-stock, p.stocktitle {
  font-family:                    	georgia, times new roman, arial, helvetica, serif;
}

p.stocktitle {
	text-align:												center;
	font-size:												0.75em;
	text-transform:										uppercase;
	letter-spacing:										0.2em;
	color:														#014711;
	margin:														0.5em 0 0.25em 0.25em;
	padding:													0;
}

.om-prod-container .om-offer-box em, .om-stock em {
	font-size:												0.7em;
	color:														#C0CC94;
}

.om-stock em {
	font-size: 												0.8em;
	text-transform:										uppercase;
	color:														#666;
}


.om-prod-container .om-offer-box:hover {
	border:														1px solid #d8e5c4;
}

.om-addtocart {
  font-family:                    	georgia, times new roman, arial, helvetica, serif;
	background:												#ffc url("images/ico/cart.gif") no-repeat 8px 6px;
	padding:													7px 0 6px 30px;
  color:                          	#f58026;
	margin:														0 0 1px 215px;
	border-bottom:										1px solid #f58026;
}

.om-brands .om-offer-box {
}

table .om-offer-box {
	float: 														none;
}

table .om-prod-container ul, table .om-prod-container ul li {
	margin: 													0;
}

table td h4.om-attr-title {
	background: 											#e8e8e8;
	padding: 													4px 5px;
	font-weight: 											bold;
	text-transform: 									uppercase;
	font-size: 												90%;
}

.om-prodcat-descr {
	display:													block;
	margin:														0 0 1em 0;
}

.om-prod-bar {
	background:												url("images/bg-news-det.gif") no-repeat 0 0;
}

.om-prod-bar .cart-bg {
	background:												url("images/bg-cart.gif") no-repeat top 28.5em;
}

.loginform {
	border-top: 											1px solid #d8e5c4;
	border-bottom: 										1px solid #d8e5c4;
	background:												#fcfcfc;
	margin: 													2em 0;
	padding: 													2em 0;
}

.loginform form {
	margin:														0 5em;
}

.loginform form label {
	display: 													block;
  color:                          	#96aa77;
	font-weight:											bold;
}

.loginform form input {
	margin:														0 0 1em 0;
	width:														99%;
	padding:													0.2em;
	border:			 											1px solid #d8e5c4;
}

.loginform a, .submitbutton {
	display:													block;
	text-align:												center;
	margin:														0 0 0 5em;
	width:														90px;
	color:														#f2f6eb;
	border-top: 											1px solid #d8e5c4;
	border-right: 										1px solid #4a5226;
	border-bottom: 										1px solid #4a5226;
	border-left: 											1px solid #d8e5c4;
	background:												#646e36;
	font-weight:											bold;
	font-family:											arial, helvetica, serif;
	text-transform:										uppercase;
	padding:													0.25em 0;
	text-decoration:									none;
}

.orderdetails table {
	margin:														0 0 1em 0;
}

.orderdetails td {
	font-family:											georgia, times new roman, arial, helvetica, serif;
	font-size:												0.95em;
	border-bottom: 										1px solid #d8e5c4;
	background:												#fcfcfc;
	padding:													0.5em 0.45em;
}

.orderdetails th {
	text-align:												center;
	background:												#d8e5c4;
	border-bottom: 										1px solid #d8e5c4;
	font-weight: 											bold;
	font-size:												0.8em;
	text-transform:										uppercase;
	letter-spacing:										0.1em;
	padding:													0.65em 0;
}