/*
	                                                 
	-> Project: Kredigs
	-> Version: 1.0.0                      
	-> Author: Igor Gotal-Lukša	/ www.dobbin.hr		 
	-> Copyright (c) 2009: Dobbin
	                   							                         
	*/
	
	
	/* BASE ---------------------------------------------------------------- */
	
	* {
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
		}
	
	html, body {
		height: 100%;
		}
	
	body {
		background: url("../../images/bg_spring_2011.gif");
		font: normal 62.5%/1.7 "Trebuchet MS", Arial, Tahoma, sans-serif;
		text-align: left;
		color: #000;
		padding-bottom: 20px;
		}
	
	ul,li {
		list-style: none;
		}
	
	a {
		text-decoration: none;
		outline: none;
		border: 0;
		}
		
	.clear {
		clear: both;
		}

		
	/* LAYOUT -------------------------------------------------------------- */
	
	#container {
		margin: 0 auto;
		width: 940px;
		background: #377c16 url("../../images/container_bg.jpg") top left no-repeat;
		overflow: hidden;
		padding: 0 10px 0 10px;
		}
	
	#header {
		height: 90px;
		padding-top: 20px;
		position: relative;
		}
	
	#header .logo {
		float: left;
		height: 80px;
		overflow: hidden;
		display: inline;
		position: relative;
		top: -5px;
		left: 10px;
		}
	
	#header .banner {
		border: none;
		margin: 0 12px 0 30px;
		position: absolute;
		top: 37px;
		left: 442px;
		}
		
	
	/* SERVICE NAVIGATION TOP ---------------------------------------------- */
	
	.navigation {
		list-style: none;
		position: relative;
		top: 14px;
		left: -535px;
		}
	
	.navigation li {
		font: normal 1.1em/1.2 "Trebuchet MS", Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		float: left;
		width: auto;
		}
	
	.navigation li a.navLinkInactive {
		color: #c9e30d;
		padding-right: 20px;
		}
	
	.navigation li a.navLinkActive, .navigation li a.navLinkInactive:hover {
		color: #fff;
		padding-right: 20px;
		}
		
	.user-navigation {
		color: #347515;
		font: normal 1.1em/1.2 "Trebuchet MS", Arial, Tahoma, sans-serif;
		float: right;
		width: auto;
		position: relative;
		top: -5px;
		}
		
	.user-navigation a {
		color: #347515;
		font: bold 1em/1.2 "Trebuchet MS", Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		text-shadow: 0px 1px #fbfd95;
		}

	
	/* MAIN NAVIGATION ----------------------------------------------------- */
	
	.top-navigation { 
		clear: both;
		background-color: #347515;
		display: block;
		width: 940px;
		height: 40px;
		}

	.boldbuttons a.menuLinkInactive, .boldbuttons-katalog a.menuLinkInactive,
	.boldbuttons a.menuLinkActive, .boldbuttons-katalog a.menuLinkActive {
		font: bold 1.15em/32px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		padding: 4px 12px;
		color: #fff;
		float: left;
		border-right: 1px solid #3d8718;
		}
		
	.boldbuttons-katalog a.menuLinkInactive {
		font: bold 1.15em/32px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		padding: 4px 12px;
		color: #fff;
		float: left;
		border-right: 1px solid #3d8718;
		background-color: #e54010;
		}
		
	.boldbuttons a.menuLinkInactive:hover, .boldbuttons-katalog a.menuLinkInactive:hover,
	.boldbuttons a.menuLinkActive:hover, .boldbuttons-katalog a.menuLinkActive:hover {
		background-color: #295e11;
		}
		
	.boldbuttons a.menuLinkActive, .boldbuttons-katalog a.menuLinkActive {
		background-color: #295e11 !important;
		padding: 4px 12px;
		display: block;
		color: #fff;
		}
	
	/* BREADCRUMB ---------------------------------------------------------- */

	.subnav {
		height: 41px;
		float: right;
		color: #fff;
		}
		
	.subnav p {
		font: normal 1.1em/22px Verdana, Arial, Tahoma, sans-serif;
		margin: 9px  0px 0px 20px;
		text-transform: uppercase;
		}
			
	.subnav span {
		color: #eff588;
		}
		
	.subnav p a {
		color: #fff;
		}
			
	.subnav p a:hover {
		color: #eff588;
		text-decoration: underline;
		}
	
	
	/* CONTENT ------------------------------------------------------------- */

	.content {
		clear: both;
		background: #fff url("../../images/bg-top-content.jpg") repeat-x center top;
		overflow: hidden;
		width: 938px;
		padding-top: 13px;
		border-left: #fff 1px solid;
		border-right: #fff 1px solid;
		border-top: #fff 1px solid;
		}
	
	.contbottom {
		background: url("../../images/cont-bottom.png") no-repeat center top;
		height: 21px;
		}
	
	.leftnav {
		width: 165px;
		float:left;
		margin-left: 5px;
		display: inline;
		}
	
	.lntop {
		background: url("../../images/ln-top.gif") no-repeat center top;
		padding-top: 1px;
		}
	
	.leftnav ul {
		padding: 12px 0 20px 0;
		background: #295e11;
		width:165px;
		}
		
	.leftnav a.banner {
		background: none;
		border: none;
		margin: 0px;
		padding: 0px;
		}
		
	.leftnav a.banner:hover {
		background: none;
		border: none;
		margin: 0px;
		}
	
	.leftnav a {
		font: bold 1em/22px Verdana, Arial, Tahoma, sans-serif;
		color: #fff;
		background: #295e11 url("../../images/white-bullet-a.jpg") no-repeat left center;
		padding-left: 20px;
		display: block;
		width: 145px;
		border-bottom: #367d17 1px solid;
		}
	
	.leftnav a:hover {
		background: #347a16 url("../../images/white-bullet-ahover.jpg") no-repeat left center;
		color: #eff588;
		}
	
	.banner { 
		margin-bottom: 3px;
		display: block;
		}
	
	.lnbottom {
		display: block;
		padding-top: 1px;
		padding-bottom: 1px;
		background: url("../../images/ln-bottom.gif") no-repeat;
		margin-bottom: 3px;
		}
	
	/* BASE ---------------------------------------------------------------- */

	.maincoll {
		width: 540px;
		float:left;
		margin: 0 5px 0 5px;
		}
	
	.maincoll .box {
		background: #f5f5eb;
		width: 540px;
		overflow: hidden;
		}

	.maincoll .box p.plaintext {
		margin: 0 15px 10px 15px;
		}
		
	.maincoll .box p.plaintext-top {
		margin: 15px 15px 10px 15px;
		}
		
	.maincoll .box h2.titlecontent {
		font: bold 1.2em/22px Verdana, Arial, Tahoma, sans-serif;
		margin-bottom: 10px;
		}
		
	.maincoll .box ul.contentlist, .maincoll .box ul.contentlistleft {
		font: normal 1.2em/19px Verdana, Arial, Tahoma, sans-serif;
		margin: 0 20px 10px 25px;
		color: #757569;
		}
		
	.maincoll .box ul.contentlistleft li {
		background: url("../../images/bullet_content_list.gif") no-repeat 1px 8px;
		padding-left: 15px;
		float: left;
		width: 160px;
		}
		
	.maincoll .box ul.contentlist li strong {
		color: #e44110;
		}
		
	.maincoll .box ul.contentlist li {
		background: url("../../images/bullet_content_list.gif") no-repeat 1px 8px;
		padding-left: 15px;
		}
		
	.maincoll .box ul span {
		color: #039c9a;
		}
		
	.maincoll .topBanner {
		margin-bottom: 5px;
		z-index: 99 !important;
		}
	
	.maincoll a {
		color: #e44110;
		text-decoration: underline;
		}
	
	.maincoll a:hover {
		text-decoration: none;
		}
	
	.maincoll h1 {
		font: bold 1em/28px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #fff;
		padding-left: 15px;
		background: url("../../images/bg-naslov.jpg") no-repeat center top;
		border-bottom: #eaeade 4px solid;
		}
		 
	.maincoll h2 {
		font: normal 1.7em Verdana, Arial, Tahoma, sans-serif;
		color: #039c9a;
		padding: 15px 0 0 15px;
		max-width: 500px;
		margin-top: 7px;
		}
		
	.maincoll h2.catalog-brand-title {
		font: bold 1.3em Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		margin: 20px 15px 5px 15px;
		padding: 0 0 3px 0;
		color: #009999;
		border-bottom: #ababa4 1px dotted;

		}
	
	.maincoll h3 {
		font: normal 1em/22px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #004141;
		border-top: #ababa4 1px dotted;
		border-bottom: #ababa4 1px dotted;
		margin: 15px;
		}
		
	.maincoll h4 {
		font: bold 1em Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #000;
		margin-bottom: 5px;
		}

	.maincoll #tagCloud {
		font: normal 1em/220% Arial, Verdana, Tahoma, sans-serif;
		margin: 10px 15px 10px 15px;
		border: 1px solid #ebebd8;
		background-color: #fff;
		padding: 15px;
		}
		
	.maincoll #tagCloud a {
		text-decoration: underline;
		color: #009999;
		}
		
	.maincoll #tagCloud a:hover {
		text-decoration: none;
		color: #e44110;
		}
		
	.maincoll #upute {
		margin: 5px 15px 5px 15px;
		}
		
	.maincoll #upute .red {
		font: bold 1em/14px Verdana, Arial, Tahoma, sans-serif;
		color: #e44110;
		}
	
	.maincoll #upute .black {
		font: normal 1em/14px Verdana, Arial, Tahoma, sans-serif;
		color: #000;
		}
		
	.maincoll .box .relatednews {
		font: normal 1.2em/22px Verdana, Arial, Tahoma, sans-serif;
		color: #757569;
		margin: 0px 0px 20px 15px;
		}
		
	.maincoll .box .relatednews span {
		color: #039c9a;
		}
	
	.floatleft {
		float: left;
		margin: 0 10px 10px 0;
		border: #e1e1d7 5px solid;
		}
		
	.imagecontent {
		margin: 5px 10px 10px 15px;
		border: 4px solid #e1e1d7;
		}
		
	.full-news-content ul {
		font: normal 1.2em/19px Verdana, Arial, Tahoma, sans-serif;
		margin: 0 20px 10px 25px;
		color: #757569;
		}
		
	.full-news-content ul li {
		background: url("../../images/bullet_content_list.gif") no-repeat 1px 2px;
		padding-left: 15px;
		}
		
	.full-news-content p {
		font: normal 1.2em/19px Verdana, Arial, Tahoma, sans-serif;
		margin: 0 0 20px 20px;
		}
		
	.full-news-content h2 {
		padding: 0 0 0 15px !important;
		}

	/* CONTACT FORM -------------------------------------------------------- */

	#contactform {
		font: normal 0.8em Verdana, Arial, sans-serif;
		margin: 10px 15px 0px 0px;
		float: right;
		width: 230px;
		display: inline;
		}
		
	#contactform span {
		font: normal 1.1em Verdana, Arial, sans-serif;
		}
		
	#contactdata {
		font: normal 1.1em Verdana, Arial, sans-serif;
		margin: 20px 20px 0px 15px;
		float: left;
		width: 230px;
		display: inline;
		border: 1px solid #ebebd8;
		padding: 10px;
		background-color: #fbfbf7;
		}
		
	#contactdata h2 {
		font: normal 1em Verdana, Arial, sans-serif;
		margin-bottom: 8px;
		padding: 0px;
		color: #757569;
		}
		
	#contactdata p {
		font: normal 1em/155% Verdana, Arial, sans-serif;
		margin-bottom: 8px;
		padding: 0px;
		}

	fieldset p {
		margin: 1px 0px 1px 0px;
		padding: 2px 5px 2px 0px;
		background: none;
		}
		
	label {
		font-weight: normal;
		color: #757569;
		}
		
	label span {
		color: #e44110;
		}

	textarea {
		margin: 3px 0 3px 0;
		background: #fff url("../../images/bg-input.gif") repeat-x;
		font: normal 1.2em Verdana, Arial, sans-serif;
		}

	.inputField {
		width: 210px;
		padding: 4px;
		border: 1px solid #d7d7b3;
		background: url("../../images/bg-input.gif") repeat-x;
		}
		
	.textField {
		height: 90px;
		width: 210px;
		padding: 4px;
		border: 1px solid #d7d7b3;
		}

	.sendButton {
		background: url("../../images/send_button.gif") no-repeat top left;
		width: 80px;
		height: 23px;
		display: block;
		text-indent: -9999px;
		text-decoration: none;
		margin: 5px 0px 15px 0px;
		}
		
	.sendButton:hover {
		background: url("../../images/send_button.gif") no-repeat 0px -23px;
		width: 80px;
		height: 23px;
		}
		
	#locationmap {
		border: 4px solid #e1e1d7;
		}

	/* NEWS IMAGE COMPLETE ------------------------------------------------- */

	.floatleftFull {
		float: left;
		margin: 0 10px 10px 0;
		border: #e1e1d7 5px solid;
		}
	
	/* TEXT NEWS COMPLETE -------------------------------------------------- */

	.maincoll span {
		color: #e44110;
		}
	
	.maincoll p {
		font: normal 1.2em/18px Verdana, Arial, Tahoma, sans-serif;
		color: #757569;
		padding-right: 15px;
		}
		
	.maincoll p#napomena {
		font: normal 0.9em/18px Verdana, Arial, Tahoma, sans-serif;
		color: #000;
		}
		
	.maincoll p.notes {
		font: normal 1.1em/14px Verdana, Arial, Tahoma, sans-serif;
		padding: 15px 0 0 15px;
		width: 510px;
		color: #000;
		}
		
	.maincoll p.last {
		font: normal 1.1em/14px Verdana, Arial, Tahoma, sans-serif;
		padding: 15px 0 20px 15px;
		width: 510px;
		color: #000;
		}
		
	.maincoll p.notes span.red, .maincoll p.last span {
		font-weight: bold;
		color: #e93f15;
		}
		
	.maincoll p.notes span.black {
		font-weight: normal;
		color: #000;
		}
		
	#customPaging {
		float: left;
		margin-top: 10px;
		width: 100%;
		text-align: center;
		}
	
	/* RIGHT COLUMN ------------------------------------------------------------------ */
	
	.right-collon {
		width: 215px;
		float: left;
		}
	
	.right-collon h4#pretrazite_katalog {
		background: url("../../images/h4_pretrazite_katalog.gif") no-repeat center top; 
		display: block;
		height: 42px;
		text-indent: -9999px;
		}
		
	.right-collon h4#vasa_kosarica {
		background: url("../../images/h4_vasa_kosarica.gif") no-repeat center top;
		margin-top: 3px;
		display: block;
		height: 42px;
		text-indent: -9999px;
		}
	
	.catalog-search {
		background-color: #347515;
		padding: 15px 0 0 15px;
		height: 132px;
		overflow: hidden;
		margin-bottom: 3px;
		}
	
	.search-box {
		font: normal 1.2em/40px Verdana, Arial, Tahoma, sans-serif;
		background: url("../../images/bg-search.jpg") repeat-x;
		margin-bottom: 19px;
		padding-top: 5px;
		width: 183px;
		height: 23px;
		border: #fff 1px solid;
		overflow: hidden;
		}
		
	.search-box p {
		font: normal 1.2em/40px Verdana, Arial, Tahoma, sans-serif;
		margin-bottom: 19px;
		}
	
	input.search-field { 
		background: transparent;
		float: left;
		border: 0;
		margin: 0;
		color: #007d7d;
		width: 150px;
		padding-bottom: 5px;
		padding-right: 5px;
		margin-left: 5px;
		}
	
	input.search-go {
		background: url("../../images/find.png") no-repeat top left;
		cursor: pointer;
		float: left;
		border: 0;
		margin: 0;
		height: 28px;
		width: 20px;
		}
	
	.selection { 
		font: normal 1.2em/40px Verdana, Arial, Tahoma, sans-serif;
		padding: 0;
		overflow: hidden;
		margin-bottom: 19px;
		height: 28px;
		}
	
	.selection option  {
		color: #007d7d;
		}
	
	select {
		width: 185px;
		border: #fff 1px solid;
		padding: 5px 5px 5px 0px;
		color: #007d7d;
		}
	
	.submit-button {
		display: block;
		width: 81px;
		height: 22px;
		background: url("../../images/search_submit_button.gif") no-repeat;
		color: #fff;
		float: left;
		margin-right: 10px;
		font-size:0.9em;
		font-weight: bold;
		}
		
	.submit-button:hover {
		cursor: pointer;
		}
	
	.csbottom {
		background: url("../../images/cs-bottom.gif") no-repeat center top;
		display: block;
		padding: 1px 0 1px 0;
		margin-bottom: 3px !important;
		margin-bottom: 7px;
		}
	
	.pretraga {
		float: left;
		padding-top: 2px;
		font-size: 1.2em;
		color: #eff588;
		text-decoration: underline;
		}
		
	.pretraga:hover {
		text-decoration: none;
		}
	
	/* KOSARICA ----------------------------------------------------------- */
	
	.basket {
		background-color: #feffd5;
		font: normal 1em/16px Verdana, Arial, Tahoma, sans-serif;
		padding-bottom: 10px;
		margin-bottom: 3px;
		}
		
		
	.basket table td {
		font: bold 1em/20px Verdana, Arial, Tahoma, sans-serif;
		}
		
	.basket table {
		border-collapse: collapse;
		margin: 5px;
		display: inline;
		}
		
	.basket td#xmark{
		width: 20px;
		}
	
	.basket td#total{
		width: 55px;
		text-align: right;
		}
		
	.basket table td.item {
		font: bold 1em/20px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		border-top: 1px solid #e9ebaa;
		width: 200px;
		}
		
	.basket table tr.itemData td {
		font: normal 1em/20px Verdana, Arial, Tahoma, sans-serif;
		height: 25px;
		color: #e44110;

		}

	.basket table tr.itemData input {
		width: 60px;
		border: 1px solid #e1e388;
		text-align: left;
		}
		
	.basket table tr.itemData td.multiplier {
		font-weight: bold;
		text-align: center;
		}
		
	.basket table tr.itemData td.price {
		width: 60px;
		text-align: left;
		}
		
	.basket table td.priceTotal {
		text-align: right;
		}
		
	.basket table tr#totalSum {
		color: #e44110;
		}
		
	.basket .input {
		float: left;
		}
	
	.basket table tr.checkoutSum td {
		font-weight: normal;
		}
		
	.delete-product-button {
		display: block;
		color: #e44110;
		font: bold 0.9em/18px Arial, Verdana, Tahoma, sans-serif;
		text-decoration: underline;
		margin-bottom: 6px;
		}
		
	.delete-product-button:hover {
		text-decoration: none;
		}
		
	
	/* FOOTER -------------------------------------------------------------- */

	.footer {
		clear: both;
		background-color: #477b17;
		height: 120px;
		padding: 15px;
		}
	
	.footer ul {
		color: #c9e30d;
		width: 190px;
		height: 110px;
		border-right: 1px solid #54931c;
		margin-right: 20px;
		padding-right: 16px;
		font: normal 1.1em/18px Verdana, Arial, Tahoma, sans-serif;
		float: left;
		}
		
	.footer ul h3 {
		font: bold 1em/22px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #fff;
		}
		
	.footer ul a {
		color: #fff;
		text-decoration: underline;
		}
		
	.footer ul a:hover {
		text-decoration: none;
		}
	
	
	/* COPYRIGHT ----------------------------------------------------------- */

	.subfooter {
		font: normal 1.1em/22px Verdana, Arial, Tahoma, sans-serif;
		width: 960px;
		margin: 0 auto;
		height: 50px;
		color: #295e11;
		}
	
	.subfooterleft {
		width: auto;
		float: left;
		text-align: left;
		}
	
	.subfooterright {
		width: auto;
		float: right;
		text-align: right;
		}
		
	.subfooterright a {
		color: #295e11;
		}
		
	.subfooterright a:hover {
		color: #eff588;
		}
		
	
	/* LAYOUT 2 - ELEMENTS ------------------------------------------------- */

	.details-wrapper {
		width: 520px;
		float: left;
		padding-top: 15px;
		margin-left: 15px;
		display: inline;
		overflow: hidden;
		clear: both;
		}
		
	.details-wrapper_new {
		width: 520px;
		float: left;
		padding-top: 15px;
		margin-left: 15px;
		background: url("../../images/label_new_big.gif") no-repeat 370px 10px;
		display: inline;
		overflow: hidden;
		clear: both;
		}
	
	.details1, .details2, .details3,
	.details1_new, .details2_new
	{
		float: left;
		width: 252px;
		font-family: Verdana;
		}
	
	.details1 {
		margin-right: 15px;
		background: #f5f5eb;
		border-bottom: 1px dotted #ababa4;
		padding-bottom: 5px;
		}
	
	.details1_new {
		margin-right: 15px;
		border-bottom: 1px dotted #ababa4;
		padding-bottom: 5px;
		background: #f5f5eb url("../../images/label_new.gif") no-repeat 190px 60px;
		}
	
	.details2 {
		background: #f5f5eb;
		border-bottom: 1px dotted #ababa4;
		padding-bottom: 5px;
		}
	
	.details2_new {
		border-bottom: 1px dotted #ababa4;
		padding-bottom: 5px;
		background: #f5f5eb url("../../images/label_new.gif") no-repeat 190px 60px;
		}
	
	.details1 h5, .details2 h5, .details3 h5, .details1_new h5, .details2_new h5 {
		font: normal 1em/14px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		}
	
	.details1 a, .details2 a, .details1_new a, .details2_new a {
		font-size: 1.1em;
		}
	
	.details-left {
		float: left;
		width: 110px;
		}
	
	.details-left .foto {
		border: #ebebd9 1px solid;
		margin-bottom: 5px;
		}
	
	.details-right {
		float: right;
		width: 142px;
		}
	
	.details-wrapper p {
		clear: both;
		color: #000;
		font-size: 1em;
		padding-top: 10px;
		}
		
		
	/* PAGINATION ---------------------------------------------------------- */

	#pagination {
		float: left;
		width: 100%;
		display: block;
		font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		background-color: #e54010;
		padding: 5px;
		}
		
	#pagination a {
		color: #fff;
		padding: 0 3px 0 3px;
		text-decoration: none;
		}
		
	#pagination a:hover {
		text-decoration: underline;
		}
		
	#pagination span {
		padding: 0 3px 0 3px;
		font-weight: bold;
		color: #fff;
		}
	
	
	/* LAYOUT 3 - ELEMENTS ------------------------------------------------ */

	.doubledott {
		clear: both;
		height: 3px;
		border-bottom: #ccc 1px dotted;
		margin: 0 10px;
		}
	
	.bigtable table {
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		border-collapse: collapse;
		width: 506px;
		margin: 15px 0px 15px 15px;
		}
	
	.bigtable td, th {
		text-align: left;
		padding-left: 8px;
		height: 25px;
		width:100px;
		}
	
	.bigtable .red {
		color: #e44110;
		}
	
	.bigtable thead {
		background-color: #048181;
		}
	
	.bigtable thead th {
		color: #fff;
		text-transform: uppercase;
		}
	
	.bigtable tbody tr {
		background-color: #fff; 
		height: 20px;
		border-spacing: 1px;
		border-bottom: 2px solid #f5f5eb;
		}
	
	.bigtable tbody tr.odd td {
		background: #fcfcf8;
		border-top: 1px solid #eeeedf;
		border-bottom: 1px solid #eeeedf;
		}
	
	.bigtable tbody input {
		border: #ccc 1px dotted;
		}
		
	#add-basket-button {
		margin: 0 0 15px 377px;
		}
		
		
	/* USER LOGIN FORM ------------------------------------------------------ */
	
	#user-login-form {
		border-collapse: collapse;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		padding: 10px;
		margin: 0px 0px 15px 15px;
		background-color: #fafaf5;
		border: 1px solid #eeeedd;
		width: 510px;
		}
		
	#user-login-form td {
		padding: 6px 0px 6px 10px;
		}
		
	#user-login-form td.input-field {
		width: 150px;
		padding: 3px;
		margin-right: 3px;
		border: 1px solid #d7d7b3;
		background: url("../../images/bg-input.gif") repeat-x;
		}
		
	#user-login-form .input-field-button input {
		color: #fff;	
		background-color: #e44110;
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		width: 120px;
		padding: 4px;
		}
		
	#user-login-form .input-field-button input:hover {
		background-color: #83c12a;
		cursor: pointer;
		}
		
	#user-login-form .input-field-button-new input {
		color: #fff;	
		background-color: #83c12a;
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		width: 120px;
		padding: 4px;
		}
		
	#user-login-form .input-field-button-new input:hover {
		background-color: #e44110;
		cursor: pointer;
		}
		
	#user-login-form .input-field-users input {
		background: url("../../images/bg-input.gif") repeat-x;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #d7d7b3;
		padding: 4px;
		width: 140px;
		margin-right: 3px;
		}

	#user-login-form .input-field-label {
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
		width: 170px;
		color: #e44110;
		}
		
	#user-login-form .input-field-label-new {
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
		width: 170px;
		color: #000;
		}
		
	.form-section-titles {
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #000 !important;
		}
	
	.form-section-header {
		background-color: #fff;
		height: 20px;
		}
		
		
	/* USER PERSONAL DATA / DELIVERY ADDRESS ------------------------------ */

	#user-personal-data {
		border-collapse: collapse;
		font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;
		padding: 10px;
		margin: 0px 0px 15px 15px;
		background-color: #fafaf5;
		border: 1px solid #eeeedd;
		width: 510px;
		}
		
	#user-personal-data td {
		border: 1px solid #eeeedd;
		padding: 5px;
		}
		
	#user-personal-data td strong {
		font-weight: bold;
		color: #e44110;
		}
		
	#user-personal-data .label {
		width: 240px;
		}
		
	.user-data-submit input {
		color: #fff;	
		background-color: #e44110;
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		width: 120px;
		padding: 4px;
		margin: 0 0 15px 404px;
		}
		
	.user-address-change input {
		color: #fff;	
		background-color: #e44110;
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		width: 200px;
		padding: 4px;
		margin: 0 0 15px 15px;
		}
		
	.user-data-submit input:hover, .user-address-change input:hover {
		background-color: #83c12a;
		cursor: pointer;
		}
		
	.payment-option-submit input {
		color: #fff;	
		background-color: #e44110;
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding: 8px;
		margin: 0 0 15px 13px;
		}
		
	.payment-option-submit input:hover {
		background-color: #83c12a;
		cursor: pointer;
		}
		
		
/* USER ADDRESS ------------------------------------------------------- */	
		
	.user-adress-form {
		border-collapse: collapse;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 15px 10px;
		background-color: #fafaf5;
		border: 1px solid #eeeedd;
		width: 510px;
		}
		
	.user-adress-form td {
		padding: 8px 0 8px 10px;
		border: 1px solid #eeeedd;
		}
		
	.user-adress-form .label {
		width: 140px;
		font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
		}
		
		
	.user-adress-form td.input-field input {
		width: 172px;
		padding: 3px;
		margin-right: 3px;
		border: 1px solid #d7d7b3;
		background: url("../../images/bg-input.gif") repeat-x;
		}
		
		
	.user-adress-form td.input-field select {
		width: 180px;
		padding: 3px;
		border: 1px solid #d7d7b3;
		background: url("../../images/bg-input.gif") repeat-x;
		}
		
	.user-adress-submit input {
		color: #fff;
		background-color: #e44110;
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		width: 120px;
		padding: 4px;
		margin: 0 0 15px 400px;
		}
		
	.user-adress-submit input:hover {
		background-color: #83c12a;
		cursor: pointer;
		}
		
	/* USER ALERTS ------------------------------------------------------- */	
	
	.user-alert {
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		border: 2px solid #e44110;
		background-color: #fbd0c4;
		padding: 10px;
		margin: 5px 20px 10px 10px;
		}
		
	.payment-warning {
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		border: 2px solid #e44110;
		background-color: #fbd0c4;
		padding: 10px;
		margin: 5px 0 10px 15px;
		display: block;
		}
		
	.hide {
		display: none;
		}

	.show {
		display: block;
		} 
			
			
	/* USER ORDER DETAILS ------------------------------------------------------- */			
			
	.user-details {
		border-collapse: collapse;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 15px 15px;
		background-color: #fff;
		border: 1px solid #eeeedd;
		width: 510px;
		}
		
	.user-details td {
		padding: 8px 20px 8px 10px;
		border: 1px solid #eeeedd;
		}
		
	.user-details #header-row {
		background-color: #e44110;
		color: #fff;
		}
		
	.user-details .align-right {
		text-align: right;
		padding-right: 20px;
		}
		
	.user-details .product-name {
		background-color: #ddf1f2;
		}
		
		
/* PDF CATALOG DOWNLOAD ------------------------------------------------------- */	

	 .catalog-download {
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		margin: 15px 0 15px 15px;
		}
			
	 .catalog-download li {
		padding: 5px 0 5px 33px;
		background: url("../../images/PDF_icon.gif") no-repeat 10px 3px;
		float: left;
		width: 140px;
		}
		
	.catalog-download li.wide {
 		padding: 5px 0 5px 33px;
		background: url("../../images/PDF_icon.gif") no-repeat 10px 3px;
		float: left;
		width: 450px;
		}
		
	#pdf-reader {
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		border: 1px solid #ebebd8;
		background-color: #fbfbf7;
		padding: 10px;
		margin: 15px;
		}
		

	/* USER PROFILE MENU ---------------------------------------------------------- */	
	
	#user-profile-menu {
		font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		margin: 15px 15px 35px 15px;
		}
	
	#user-profile-menu li {
		float: left;
		margin-right: 1px;
		}
		
	#user-profile-menu li a {
		color: #fff;
		text-decoration: none;
		padding: 4px 8px 4px 8px;
		display: inline;
		background-color: #e44110;
		}
		
	#user-profile-menu li a:hover {
		background-color: #83c12a;
		}
		
	/* USER ORDER DETAILS ---------------------------------------------------------- */	
		
	.user-order-details {
		border-collapse: collapse;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		margin: 15px 0 15px 15px;
		background-color: #fff;
		border: 1px solid #eeeedd;
		width: 510px;
		}
		
	.user-order-details td {
		border: 1px solid #eeeedd;
		padding: 6px;
		}
		
	.user-order-details td.main-header-row {
		background-color: #e44110;
		color: #fff;
		padding: 8px;
		}
		
	.user-order-details td.main-header-row a {
		color: #eff588;
		}
		
	.order-details-inner {
		width: 500px;
		border-collapse: collapse;
		}
		
	.order-details-inner th {
		padding: 5px;
		background-color: #ddf1f2;
		color: #000;
		border: 1px solid #eeeedd;
		}
		
	td.item-cell {
		padding: 5px;
		width: 135px;
		}
		
		
	/* POKLON TJEDNA ---------------------------------------------------------- */	

	#poklon-tjedna {
		background: url("../../images/poklon_tjedna_bg.jpg") top left no-repeat;
		height: 146px;
		margin-bottom: 5px;
		}
		
	#poklon-tjedna h2 {
		color: #f1f597;
		margin: 0;
		padding: 0;
		margin: 20px 0 10px 0;
		}
		
	#poklon-tjedna h4 {
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		}
		
	#poklon-tjedna h4 a {
		color: #fff;
		}
		
	.product-image-week {
		float: left;
		width: 100px;
		margin: 22px;
		}
		
	.product-week-right {
		float: right;
		width: 380px;
		}
		
		
	/* POKLON TJEDNA ---------------------------------------------------------- */	
	
	span.product-stock-alert {
		display: block;
		font: normal 0.9em "Arial Narrow", Helvetica, sans-serif;
		letter-spacing: 1px;
		color: #fff;
		padding: 2px 2px 2px 12px;
		background-color: #e80207;
		}
		
		
	/* OUROBOROS ---------------------------------------------------------- */

	.card-logo-first {
		margin: 5px 5px 5px 15px;
		border: 1px solid #eeeedd;
		}
		
	.card-logo {
		margin: 5px 5px 5px 0;
		border: 1px solid #eeeedd;
		}

	#ouroboros-logo {
		margin:0 0 15px 20px;
		float: right;
		width: 190px;
		}

	.opg-test-alert {
		background-color: #137ebb;
		display: block;
		padding: 20px;
		margin: 1px;
		}

	.opg-test-alert h1 {
		font: bold 2.2em Arial, Verdana, sans-serif;
		color: #fff;
		background: none;
		border: none;
		margin-bottom: 5px;
		padding: 0px;
		}

	.opg-test-alert p {
		font: normal 1.2em/150% Arial, Verdana, sans-serif;
		color: #fff;
		}

	.opg-test-alert p a {
		color: #fff;
		text-decoration: underline;
		}
		
	.opg-test-alert p a:hover {
		text-decoration: none;
		}
		
	.contentlist strong {
		color: #757569 !important;
		}
		
	/* ORDER ALERT ---------------------------------------------------------- */
	
	.order-alert {
		font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
		border: 2px solid #e44110;
		background-color: #fbd0c4;
		padding: 10px;
		margin: 15px 20px 15px 15px;
		display: block;
		}
	
	/* Popup banner */
	
	#banner_popup {
		position: absolute;
		text-align: center;
		width: 100%;
		padding-top: 100px;
		}
	
	#banner_popup .container {
		margin: 0px auto;
		padding: 20px 20px 20px 20px;
		width: 320px;
		background: #fff url("../../images/banners/doc_preload.gif") no-repeat 50% 0%;
		border: 1px solid #D9D5D4;
		}
	
	#banner_popup .container .inner {
		text-align: right;
		padding-right: 10px;
		}
		
		
	/* HIGHLIGHT MENU - HOMEPAGE ---------------------------------------------------------- */
	
	#vise-artikala, #novo-ponuda {
		margin-bottom: 5px;
		}
	
	#vise-artikala h3, #novo-ponuda h3 {
		font: normal 1em Arial, Verdana, Helvetica, sans-serif;
		text-transform: uppercase;
		display: block;
		background-color: #e54010;
		color: #fff;
		padding: 6px 0 5px 12px;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		-moz-border-radius-topright: 3px;  
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		}
		
	
	/* PROMOTIVNI ARTIKLI PREGLED ---------------------------------------------------------- */
	
	#promotivni-artikli-pregled {
		font: normal 1.1em/1.3 Verdana, Arial, Helvetica, sans-serif;
		margin: 10px 0 10px 15px;
		}

	#promotivni-artikli-pregled td {
		padding: 10px 0;
		border-bottom: 1px solid #e7e7d8;
		}
		
	#promotivni-artikli-pregled td.pregled-detalji {
		padding-left: 10px;
		}
		
	#promo-intro {
		margin: 10px 0;
		}