/**************************************************************************
	*																																					*
	*   CSS file - http://www.kredigs.hr  				  			                    *
	*   Copyright (c) Dobbin, 2009.               		  	                    *
	*																																					*
	**************************************************************************/
	
	
	/* BASE ---------------------------------------------------------------- */
	
	* {
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
		}
	
	html, body {
		height: 100%;
		}
	
	body {
		background: url("../../images/bg-body.jpg");
		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: #033e3e;
		overflow: hidden;
		padding: 0 10px 0 10px;
		}
	
	#header {
		background: url("../../images/bg-header.jpg") no-repeat center top;
		height: 90px;
		padding-top: 20px;
		}
	
	#header .logo {
		float: left;
		height: 77px;
		overflow: hidden;
		margin-left: 15px;
		display: inline;
		}
	
	#header .banner {
		border: none;
		margin: 0 12px 0 30px;
		padding: 0;
		float:left;
		}
		
	
	/* SERVICE NAVIGATION TOP ---------------------------------------------- */
	
	#header .navigation {
		padding-top: 2px;
		display: inline;
		float: left;
		width: 100px;
		float: right;
		}
	
	#header .navigation li {
		text-transform: uppercase;
		line-height: 1.5em;
		}
	
	#header .navigation li a.navLinkInactive {
		color: #009999; /* blue */
		background: url("../../images/list-style-a.jpg") no-repeat left center;
		padding-left: 10px;
		}
	
	#header .navigation li a.navLinkActive {
		color: #82c029; /* light green */
		background: url("../../images/list-style-ahover.jpg") no-repeat left center;
		padding-left: 10px;
		}
	
	#header .navigation li a.navLinkInactive:hover {
		color: #82c029; /* light green */
		background: url("../../images/list-style-ahover.jpg") no-repeat left center;
		padding-left: 10px;
		}
		
	
	/* MAIN NAVIGATION ----------------------------------------------------- */
	
	.top-navigation { 
		clear: both;
		}
	
	.boldbuttons, .boldbuttons-katalog {
		display: inline;
		}
	
	.boldbuttons a.menuLinkInactive, .boldbuttons-katalog a.menuLinkInactive,
	.boldbuttons a.menuLinkActive, .boldbuttons-katalog a.menuLinkActive
	{
		font: bold 1.2em/32px Verdana, Arial, Tahoma, sans-serif;
		text-decoration: none;
		padding-left: 7px;
		margin-right: 1px;
		color: #fff;
		display: block;
		float: left;
		height: 40px;
		}
	
	.boldbuttons a.menuLinkInactive:link, .boldbuttons a.menuLinkInactive:visited, .boldbuttons a.menuLinkInactive:hover, .boldbuttons a.menuLinkInactive:active,
	.boldbuttons a.menuLinkActive:link, .boldbuttons a.menuLinkActive:visited, .boldbuttons a.menuLinkActive:hover, .boldbuttons a.menuLinkInactive:active
	{
		color: #fff; 
	}
		
	.boldbuttons a.menuLinkActive
	{
		background: url("../../images/topnav-green-end.gif") no-repeat top left;
	}
		
	.boldbuttons a.menuLinkInactive
	{
		background: url("../../images/topnav-red-end.gif") no-repeat top left;
	}
	
	.boldbuttons a.menuLinkActive span
	{
		background: url("../../images/topnav-green.gif") no-repeat top right;
		display: block;
		padding: 4px 20px 4px 13px;
	}
	
	.boldbuttons a.menuLinkInactive span
	{
		background: url("../../images/topnav-red.gif") no-repeat top right;
		display: block;
		padding: 4px 20px 4px 13px;
	}
	
	.boldbuttons-katalog a.menuLinkInactive {
		background: url("../../images/topnav-blue-end.gif") no-repeat top left;
		}
	
	.boldbuttons-katalog a.menuLinkActive {
		background: url("../../images/topnav-green-end.gif") no-repeat top left;
		}
	
	.boldbuttons-katalog a.menuLinkInactive span {
		background: url("../../images/topnav-blue.gif") no-repeat top right;
		padding: 4px 20px 4px 13px;
		display: block;
		}
	
	.boldbuttons-katalog a.menuLinkActive span {
		background: url("../../images/topnav-green.gif") no-repeat top right;
		padding: 4px 20px 4px 13px;
		display: block;
		}
	
	.boldbuttons a.menuLinkInactive:hover span, .boldbuttons-katalog a.menuLinkInactive:hover span, #promotivniartikli .promotivniartikli span, #ekskluzivnidarovi .ekskluzivnidarovi span, #tekstil .tekstil span, #akcijskaponuda .akcijskaponuda span, #katalog .katalog span {
		background: url("../../images/topnav-green.gif") no-repeat top left;
		}
	
	.boldbuttons a.menuLinkInactive:hover, .boldbuttons-katalog a.menuLinkInactive:hover, #promotivniartikli .promotivniartikli, #ekskluzivnidarovi .ekskluzivnidarovi, #tekstil .tekstil, #akcijskaponuda .akcijskaponuda, #katalog .katalog {
		background: url("../../images/topnav-green-end.gif") no-repeat top left;
		}
		
	
	/* BREADCRUMB ---------------------------------------------------------- */

	.subnav {
		width: 950px;
		height: 41px;
		float: left;
		color: #fff;
		background: url("../../images/bg-subnav.jpg") no-repeat top left;
		}
		
	.subnav p {
		font: normal 1.1em/22px Verdana, Arial, Tahoma, sans-serif;
		margin: 9px  0px 0px 20px;
		}
			
	.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;
		}
	
	.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: #004141;
		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: #004141 url("../../images/white-bullet-a.jpg") no-repeat left center;
		padding-left: 20px;
		display: block;
		width: 145px;
		border-bottom: #1a5454 1px solid;
		}
	
	.leftnav a:hover {
		background:#004e4e 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: #009999 url("../../images/catalogsearch.jpg") repeat-x center top;
		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: #ddf1f2;
		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 #ccebec;
		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 #b0dfe1;
		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: #033e3e url("../../images/footer.jpg") no-repeat center top;
		height: 120px;
		padding: 15px;
		}
	
	.footer ul {
		color: #8fd3d3;
		width: 190px;
		height: 110px;
		border-right: 1px solid #155555;
		margin-right: 20px;
		padding-right: 16px;
		font: normal 1.1em/18px Verdana, Arial, Tahoma, sans-serif;
		float: left;
		}
		
	.footer ul h3 {
		font: normal 1em/22px Verdana, Arial, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #eff588;
		}
		
	.footer ul a {
		color: #fff;
		text-decoration: underline;
		}
		
	.footer ul a:hover {
		text-decoration: none;
		}
	
	
	/* COPYRIGHT ----------------------------------------------------------- */

	.subfooter {
		font: normal 1em/22px Verdana, Arial, Tahoma, sans-serif;
		width: 960px;
		margin: 0 auto;
		height: 50px;
		color: #033e3e;
		}
	
	.subfooterleft {
		width: 30%;
		float: left;
		text-align: left;
		}
	
	.subfooterright {
		width: 30%;
		float: right;
		text-align: right;
		}
		
	.subfooterright a {
		color: #033e3e;
		}
		
	
	/* 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;
		}
		
	#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;
		}