/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Gornji Grad
Primary Use:      Screen
Version:          1.0
Date:             16.08.2010.
Last Change:      19.08.2010.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/* [Helpers] */
.fl { float: left; }
.fr { float: right; }
.cb { clear: both ; }

.tr { text-align: right; }

body {
	background: #f3f3f3 url(../images/body.png) top center no-repeat;
	color: #333333;
	font: normal normal 12px/100% Arial, sans-serif;
	text-align: center;
	position:relative;
}

#xmas { position:fixed; top:0; left:0; right:0; height:420px; background:url('../images/bg_xmas.jpg') center 0 no-repeat; }
#xmas_hand { position:fixed; top:216px; left:50%; margin-left:-490px; background:url('../images/bg_xmas_hand.png') 0 0 no-repeat; width:12px; height:28px; }

a { color: #026dcf; text-decoration: none; }

input {
	border: 1px solid #7f9db9;
}

input[type=checkbox] { border:0 none; }

strong { font-weight: bold; }

em { font-style:italic; }
u { text-decoration:underline;}

.darkSide { color: #000; }

/* [Site] */
.wrapper {
	margin: auto;
	text-align: left;
	width: 980px;
	position:relative;
}

.container {
	background: #fff url(../images/container.gif) top left repeat-x;
	padding: 0 15px 20px;
}

/* [Header] */
#header {
	font-size: 11px;
	overflow: hidden;
	padding: 6px 0 5px;
}
	#header a { color: #333; }
	#header ul { overflow: hidden; }
		#header li { float: left; }
		#header .fl li { border-right: 1px solid #9f9f9f; padding: 0 14px 0 15px; }
			#header .fl li.first { padding-left: 0; }
			#header .fl li.first a { background: url(../images/home_link.gif) 0px 2px no-repeat; padding-left: 15px;  }
		#header .fr li { padding-left: 30px; }
		
/* [Logo Area] */
#logo-area {
	padding: 2px 0 5px;
}
	#logo-area .fl { position: relative; width: 665px; }
	#logo-area .fr { width: 285px; }
	.logo { float: left; margin: -6px 0 0 10px; }
	
	.partner-logos {
		float: left;
		padding: 15px 0 0 30px;
		text-align: center;
	}
		.partner-logos img { margin: 6px 18px; }
	
	#kosarica-summary {
		background: #eee url(../images/ks_kosarica.gif) 9px 10px no-repeat;
		float: right;
		padding: 10px 0 15px 38px;
		width: 189px;
	}
		#kosarica-summary li {
			color: #9f9f9f;
			font-size: 10px;
			padding: 2px 0;
		}
			#kosarica-summary li span { color: #111; }
			#kosarica-summary li.ks-pogledaj { padding-top: 10px; }
				#kosarica-summary li.ks-pogledaj a { color: #036ed0; }
	
	#user-details {
		line-height: 17px;
		float: right;
		padding-top: 6px;
		width: 235px;
		text-align: right;
	}
		#user-details a { color: #333; }
			#user-details a.do-register { font-weight: bold; }
			
/* [Main Navigation] */
#navigation {
	position: relative;
	z-index: 345;
}
	#navigation ul li {
		float: left;
		height: 29px;
		width: 189px;
	}
		#navigation ul li.last { width: 194px; }
		#navigation ul li a.prime {
			background: url(../images/navigation_expand.gif) top right no-repeat;
			color: #fff;
			display: block;
			font-size: 15px;
			font-weight: bold;
			line-height: 29px;
			padding-left: 15px;
		}
			#navigation ul li a.prime:hover {
				background: url(../images/navigation_contract.gif) top right no-repeat;
				color: #cc0000;
			}
			#navigation ul li a.prime-current {
				background: url(../images/navigation_contract.gif) top right no-repeat;
				color: #cc0000;
				display: block;
				font-size: 15px;
				font-weight: bold;
				line-height: 29px;
				padding-left: 15px;
			}
		
		#navigation li .subnav-prime {
			background: #fdfcfb url(../images/subnav_prime.jpg) bottom left repeat-x;
			border: 1px solid #ccc;
			border-top: 0 none;
			display: none;
			overflow: hidden;
			padding: 0 6px 6px;
			width: 368px;
			z-index: 343;
		}
			#navigation li .prime-extended { width: 588px; }
			#navigation div li { float: none; }
		
		.subnav-bg { float: left; background: #fff; overflow: hidden; padding-bottom: 10px; width: 368px; }
		.subnav {				
			float: left;
			padding: 13px 10px 0;
			width: 150px;
		}
			.subnav h3{ padding-bottom: 5px; }
				.subnav h3 a {
					color: #026dcf;
					font-size: 12px;
					font-weight: bold;
				}
				.subnav h3 a.noHand { cursor:default; }
			.subnav ul { overflow: hidden; }
				#navigation .subnav li {
					height: auto;
					padding: 1px 0 1px 7px;
					width: auto;
				}
					#navigation .subnav li a {
						font: normal normal 11px/15px arial, sans-serif;
						color: #111;
					}
					#navigation .subnav li  .nav-vidi-sve { color: #026dcf; }
						.nav-vidi-sve:hover { text-decoration: underline; }
							
	#navigation #nav-2 .subnav-prime { margin-left: -189px; }
	#navigation #nav-3 .subnav-prime { margin-left: -189px; }
	#navigation #nav-4 .subnav-prime { margin-left: -2px; width: 179px; }
		#navigation #nav-4 .subnav-bg { width: 179px; }
	#navigation #nav-5 .subnav-prime { width: 179px; }
		#navigation #nav-5 .subnav-bg { width: 179px; }
		
		.extra-load {
			display: none;
			float: left;
			padding: 13px 0 0 15px;
			width: 205px;
		}
			.extra-load h3 {
				font: normal bold 13px/100% arial, sans-serif;
				padding-bottom: 3px;
				color: #333;
			}
				
			#navigation .extra-load li {
				height: auto;
				padding: 2px 0 1px 0px;
				width: auto;
			}
				.extra-load li a {
					color: #026dcf;
					font-size: 12px;
					font-weight: bold;
					line-height: 17px;
				}

/* [Search bar] */
#search-bar {
	background: #fff url(../images/search_bar.gif) bottom left repeat-x;
	overflow: hidden;
	padding: 4px 0 4px 9px;
	z-index: 120;
}
	#search-bar label {
		float: left;
		font: normal bold 13px/100% Arial, sans-serif;
		padding: 6px 4px 0 0;
		text-transform: uppercase;
	}
		#search-bar .form-inputs {
			float: left;
			padding: 0;
		}
	#search-bar .text {
		border: 1px solid #111;
		float: left;
		font-size: 11px;
		height: 16px;
		padding: 3px 3px 4px;
		width: 222px;
	}
	#search-bar select {
		float: left;
		height: 25px;
		margin: 0 4px;
		padding: 2px 0 1px;
	}
	#search-bar .submit {
		background: url(../images/search_trazi.gif) top left no-repeat;
		border: 0 none;
		float: left;
		height: 25px;
		width: 50px;
	}
	#search-bar .compare-products {
		float: right;
		margin: 6px 11px 0 0;
	}
	
/* [HomePage Banner row] */
.banner-row {
	padding: 10px 0;
	text-align: center;
}

/* [HomePage Promo row] */
#promo-row {
	height: 264px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
	#promo-slider { float: left; width: 756px; }
		#promo-row .slide { height: 264px; overflow: hidden; }
		#promo-row .slide .pagThumb { position:absolute; display:none; }
		#promo-row .promo-pagination {
			position: absolute; bottom: 18px; left: 16px;
		}
			#promo-row ol { overflow: hidden; position: absolute; bottom:16px; left:20px; padding:0; }
			/*
			#promo-row ol li { 
				float: left;
				height: 20px;
				margin-right: 2px;
				width: 20px;
			}
			*/
			#promo-row ol li { float:left; height:40px; margin-right:3px; width:70px; border:2px solid #dbdbdb; padding:0;  }
			#promo-row ol li img { opacity:0.9; filter:alpha(opacity=90); outline:none; }
			#promo-row ol li.current { border-color:#ba0001; }
			#promo-row ol li.current img { opacity:1; filter:alpha(opacity=100); }
			#promo-row ol li#play-pause { display:none; }
			#promo-row ol li a {
				/*background: url(../images/promo_nav.jpg) top left repeat-x;*/
				color: #333;
				display: block;
				font-size: 11px;
				line-height: 20px;
				text-align: center;		
				height:40px; 
				width:70px;
				overflow:hidden;
			}
			/*
				#promo-row ol li a:hover { background: url(../images/promo_nav_hover.jpg) top left repeat-x; color: #fff; }
				#promo-row ol li.current a { background: url(../images/promo_nav_hover.jpg) top left repeat-x; color: #fff; }
				#promo-row ol li.play a { background: url(../images/promo_play.gif) top left no-repeat; }
				#promo-row ol li.pause a { background: url(../images/promo_pause.gif) top left no-repeat; }
			*/
			
	#promo-accordion {
		border: 1px solid #eee;
		float: left;
		margin-left: 12px;
		width: 180px;
	}
		#promo-accordion h3 {
			background: url(../images/promo_accordion.gif) center left repeat-x;
			height: 30px;
			line-height: 30px;
		}
			#promo-accordion h3 a {
				color: #cc0000;
				display: block;
				font-weight: bold;
				padding: 0 0 0 6px;
			}
			#promo-accordion h3.ui-state-active { background: url(../images/promo_accordion_active.gif) top left repeat-x; }	
				#promo-accordion h3.ui-state-active a { color: #fff; }
				
		#promo-accordion .acc-content { overflow: hidden; }
		
		#promo-accordion .acc-preview {
			border-bottom: 1px solid #b7b7b7;
			margin-bottom: 10px;
			overflow: hidden;
			padding-bottom: 0;
		}
			#promo-accordion .acc-preview strong {
				float: left;
				font-weight: bold;
				padding-top: 10px;
				text-align: center;
				text-transform: uppercase;
				width: 65px;
			}
			#promo-accordion .acc-preview img { float: right; }
		
		#promo-accordion div { padding: 5px; }
			#promo-accordion div p {
				background: url(../images/promo_accordion_bullet.gif) 0 5px no-repeat;
				font-size: 11px;
				line-height: 14px;
				padding-left: 11px;
				padding-right: 10px;
			}
		
/* [HomePage Products] */
#homepage-products {
	border: 1px solid #eee;
	border-bottom: 0 none;
	margin-bottom: 20px;
}
	#homepage-products h2 {
		background: #fff url(../images/search_bar.gif) bottom left repeat-x;
		color: #cc0000;
		font: normal normal 17px/100% Arial, sans-serif;
		padding: 12px 0 12px 17px;
	}
	
	#homepage-products a.pogledaj_sve {
		float: right;
		line-height:40px;
		padding-right:10px;
	}
	#homepage-products .proizvodi-row {
		border-bottom: 1px solid #eee;
		overflow: hidden;
		padding: 12px 0;
	}
	
	.hp-proizvod {
		border-right: 1px solid #eee;
		float: left;
		padding: 0 8px 12px 9px;
		width: 171px;
	}
		.hp-proizvod .proizvod-slika {
			height: 107px;
			line-height: 107px;
			padding-bottom: 15px;
			text-align: center;
		}
		.hp-proizvod .proizvod-slika img { vertical-align: middle; }
		.proizvodi-row .last { border-right: 0 none; }
		
		.hp-proizvod .proizvod-naslov-opis {
			color: #000;
			padding: 0 12px 14px;
		}
			.hp-proizvod .proizvod-naslov-opis a {
				color: #000;
				font: normal bold 12px/17px Arial, sans-serif;
			}
			.hp-proizvod .proizvod-naslov-opis a.usporedba { font-weight:normal; clear:left; font-size:11px;  }
			.hp-proizvod .proizvod-naslov-opis p { line-height: 17px; word-wrap: break-word; }
		
		.hp-proizvod .proizvod-cijena {
			font-weight: bold;
			overflow: hidden;
			padding: 0 12px 12px;
		}
			.hp-proizvod .proizvod-cijena .fr { color: #aa0000; }
			
		.hp-proizvod .proizvod-kupi {
			background: url(../images/hp_proizvod_kupi.gif) top left no-repeat;
			color: #fff;
			float: right;
			height: 19px;
			line-height: 19px;
			margin-right: 12px;
			text-align: center;
			text-decoration: none;
			width: 40px;
		}
		
		.hp-proizvod a.g_novo {
			background: url(../images/green_novo.gif) center left no-repeat;
			color: #333;
			float: left;
			margin-right: 15px;
			padding: 3px 0 3px 20px;
			font-weight:normal;
			clear:left;
			font-size:11px;
		}
		
		.hp-proizvod a.g_akcija {
			background: url(../images/green_akcija.gif) center left no-repeat;
			color: #333;
			float: left;
			margin-right: 15px;
			padding: 3px 0 3px 20px;
			font-weight:normal;
			clear:left;
			font-size:11px;
		}
		
		.hp-proizvod a.g_upit {
			background: url(../images/green_upit.gif) center left no-repeat;
			color: #333;
			float: left;
			font-weight: normal;
			margin-right: 15px;
			padding: 3px 0 3px 20px;
			clear:left;
			font-size:11px;
		}
		
/* [Footer] */
#footer {
	border: 1px solid #eee;
	border-top: 4px solid #cc0000;
	margin-bottom: 10px;
	padding: 18px 10px 18px;
}
	#footer h2 { font-weight: bold; padding: 0 0 12px 3px; }
	#footer ul { overflow: hidden; }
		#footer li {
			float: left;
			margin: 0 4px 0 3px;
			padding: 4px 0;
		}
			#footer li a { color: #026dcf; }
				#footer li a:hover { text-decoration: underline; }
				
.author-signature a { color:#000000; float: right; font-size: 11px; text-decoration:none; outline:none; }
.author-signature a:hover { color:#FF0000; }
.author-signature span.red { color:#ff0000; }
.author-signature span.grey { color:#aaa9a9; }
.author-signature a:hover span.grey { color:#ff0000; }

.vidi-2010 { float:right; text-align: center; padding:26px 6px 0 10px; }
				
/* [Breadcrumbs] */
#breadcrumbs {
	font: normal normal 11px/17px Arial, sans-serif;
	padding: 10px 0 15px 5px;
}
	
/* [Products List Page] */
#products-list-page {
	color: #111;
	overflow: hidden;
}
	#products-list-page .plp-long { width: 100%; }
	.plp-top { padding-top: 40px; }
	.plp-left {
		float: left;
		padding: 0 15px 50px 0;
		width: 180px;
	}
		.plp-left h2 {
			background: url(../images/promo_accordion_active.gif) center left repeat-x;
			color: #fff;
			font: normal bold 12px/17px Arial;
			padding: 6px 6px;
		}
		
		#accordion { border: 1px solid #eee; float: left; width: 178px; }
			#accordion h3 {
				background: url(../images/promo_accordion.gif) center left repeat-x;
				border-top: 1px solid #fff;
				line-height: 16px;
				padding: 3px 15px 3px 6px;
			}
				#accordion h3 a {
					color: #cc0000;
					display: block;
					font-weight: bold;
					padding: 0 0 0 6px;
				}
				#accordion h3.ui-state-active { background: url(../images/promo_accordion_normal.gif) center left repeat-x; }	
					
					#accordion ul li {
						background: url(../images/promo_accordion_bullet.gif) center left no-repeat;
						font-size: 11px;
						padding: 1px 0 2px 15px;
					}
						#accordion ul li a { color: #000; }
							#accordion ul li a:hover { color: #cb0000; }
					
			#accordion .acc-content { padding: 5px; height: auto; }
			
			.plp-left .sidebar-banner { float:left; padding-top:14px; }
		
	.plp-right { float: left; width: 755px; }
		.plp-right h2 { font: normal bold 16px/100% Arial, sans-serif; padding-bottom: 5px; }
		
		.subcategory-list { padding-bottom: 20px; }
			.subcategory-list ul { overflow: hidden; }
			.subcategory-list li {
				color: #555;
				float: left;
				font-size: 13px;
				font-weight: bold;
				padding: 2px 0 3px;
				width: 290px;
			}
			
		.layout-switcher { overflow: hidden; }
			.layout-switcher a {
				color: #555;
				float: right;
				font-size: 12px;
				height: 28px;
				line-height: 28px;
				margin-left: 2px;
				padding-left: 31px;
				width: 40px;
			}
				.layout-switcher .mreza { background: url(../images/lt_mreza.gif) top left no-repeat; }
				.layout-switcher .lista { background: url(../images/lt_lista.gif) top left no-repeat; }
				.layout-switcher .active-mreza { background: url(../images/lt_mreza_active.gif) top left no-repeat; color: #cc0000; }
				.layout-switcher .active-lista { background: url(../images/lt_lista_active.gif) top left no-repeat; color: #cc0000; }
			
		.pagination-top {
			background: #eee;
			font-size: 11px;
			padding: 8px 15px 9px 9px;
			text-align: right;
		}
		.pagination-top .row { overflow:hidden; }
		
		.pagination-bottom {
			background: #eee;
			font-size: 11px;
			margin-bottom: 20px;
			overflow: hidden;
			padding: 34px 15px 9px 9px;
		}
			.pagination-top select { font-size: 11px; }
			.pagination-top label { color: #111; padding-right: 5px; }
				.pt-prikaz-ammount { padding-bottom: 11px; }
				.pt-prikaz-sort { padding-bottom: 11px; }
				.pt-prikaz-sort.type-02 { float:left; }
				.row .pt-prikaz-sort.type-02 label { display:inline-block; width:60px; text-align:left; padding-left:3px; }
				.pt-prikaz-filter { float:left; margin:3px 0 0 7px; }
				
			.pt-bottom { overflow: hidden; }
			
		.product-pagination { float: right; }
			.product-pagination ol { overflow:hidden; }
			.product-pagination ol li { float: left; margin: 0 4px; }
				.product-pagination ol li.split-first { border-right: 1px solid #555555; padding: 0 8px; }
					.product-pagination ol li.split-first a { background: url(../images/pag_left.gif) center left no-repeat; padding-left: 15px; }
				.product-pagination ol li.split-last { border-left: 1px solid #555555; margin-right: 0; padding: 0 0 0 8px; }
					.product-pagination ol li.split-last a { background: url(../images/pag_right.gif) center right no-repeat; margin-right: 0; padding-right: 15px; }
				.product-pagination ol li a { padding: 0 2px; }
				.product-pagination ol li a.active { color: #000; }
				
		.products-list { padding: 10px 0 0; }
			.products-list table { width: 100%; }
			.products-list td { border-bottom: 1px solid #e7e7e7; color: #000; line-height: 17px; padding: 10px; text-align: left; vertical-align: top; }
			
				.products-list td.pl-img { width: 169px; vertical-align: middle; text-align: center }
				.products-list td.pl-price { text-align: left; width: 96px; }
					.products-list td.pl-price p { font-size:11px; color:#464646; padding-left:2px; }
					.products-list td.pl-price a.usporedba { margin:13px 0 0 0; font-size:11px; }
				.products-list td.pl-buy { width:90px; padding-right:1px; }
					.products-list td.pl-buy span.price { font-size:10px; color:#7f7f7f; line-height:13px; }
					.products-list td.pl-buy span.price span.green { color:#5bb150; }
					.products-list td.pl-buy span.price span.red { color:#aa0000; }
					.products-list td.pl-buy span.count { font-size:10px; color:#7f7f7f; padding-top:1px; }
					.products-list td.pl-buy div.tr-02 { padding-top:17px; }
					.products-list td.pl-buy div.tr-02 button.button-01 { top:18px; }
					.products-list td.pl-buy strong { color: #aa0000; display: block; text-align: right; }
					.products-list td.pl-buy a {
						background: url(../images/hp_proizvod_kupi.gif) top left no-repeat;
						color: #fff;
						float: right;
						height: 19px;
						line-height: 19px;
						margin-top: 14px;
						text-align: center;
						text-decoration: none;
						width: 40px;
					}
					.products-list td.pl-buy a.usporedba {
						background: url(../images/usporedba.gif) center left no-repeat;
						color: #333;
						float: right;
						margin: 8px 0 0 0px;
						padding: 1px 0 1px 15px;
						width: auto;
					}
					.products-list td.pl-price a.remove {
						background: url(../images/remove.gif) center left no-repeat;
						color: #333;
						float: left;
						margin: 13px 0 0 0px;
						padding: 1px 0 1px 15px;
						width: auto;
						font-size:11px;
					}
				.products-list h3 { font-weight: bold; }
				.products-list h3 a { color: #000; }
		
		.novo-upit { overflow: hidden; padding: 5px 0 0; }
			.novo-upit a {
				color: #333;
				float: left;
				margin-right: 15px;
				padding: 3px 0 3px 20px;
			}
				.g_novo { background: url(../images/green_novo.gif) center left no-repeat; }
				.g_akcija { background: url(../images/green_akcija.gif) center left no-repeat; }
				.g_upit { background: url(../images/green_upit.gif) center left no-repeat; }
	
	#products-list-page h1 { font: normal bold 20px/100% Arial, sans-serif; padding-bottom: 20px; }
		#products-list-page h1 span { font: normal normal 17px/100% arial, sans-serif; }
		#products-list-page h1 strong { font: normal bold 16px/100% arial, sans-serif; }
		
		.plp-top .pagination-top { margin-top: 20px; }

/* [Products Grid Page] */
.pg-row {
	background: url(../images/pg_row.gif) top center repeat-y;
	overflow: hidden;
	margin: 10px 0;
}
	.pg-row-border { border-bottom: 1px solid #e7e7e7; height: 1px; }
	.pg-product {
		float: left;
		overflow: hidden;
		padding: 0 9px 0 10px;
		width: 169px;
	}
		.pg-row .last { border-right: 0 none; }
		.pg-img {
			height: 120px;
			line-height: 120px;
			text-align: center;
		}
			.pg-img img { vertical-align: middle; }
			
		.pg-desc { line-height: 17px; padding-bottom: 0px; overflow: hidden; }
			.pg-desc h3 { font-weight: bold; padding-bottom: 5px; }			
			.pg-desc p { padding-bottom: 5px; font-weight:normal; }			
			.pg-desc a {
				color: #333;
				display: block;
				padding: 0 0 0 0px;
				line-height:16px;
				clear:left;
			}
			.pg-desc .q_novo { background: url(../images/green_novo.gif) center left no-repeat; color: #333; float: left; margin-right: 15px; padding: 3px 0 3px 20px; line-height:10px; } 
			.pg-desc .q_akcija { background: url(../images/green_akcija.gif) center left no-repeat; color: #333; float: left; margin-right: 15px; padding: 3px 0 3px 20px; line-height:10px; } 
			.pg-desc .g_akcija { background: url(../images/green_akcija.gif) center left no-repeat; color: #333; float: left; margin-right: 15px; padding: 3px 0 3px 20px; font-weight:normal; color:#464646; font-size:11px;  line-height:10px;} 
			.pg-desc .g_novo { background: url(../images/green_novo.gif) center left no-repeat; color: #333; float: left; margin-right: 15px; padding: 3px 0 3px 20px; font-weight:normal; color:#464646; font-size:11px; line-height:10px; } 
			.pg-desc .q_upit { background: url(../images/green_upit.gif) center left no-repeat; color: #333; float: left; margin-right: 15px; padding: 3px 0 3px 20px; line-height:10px; }
			.pg-desc .g_upit { background: url(../images/green_upit.gif) center left no-repeat; color: #333; float: left; margin-right: 15px; padding: 3px 0 3px 20px; font-weight:normal; color:#464646; font-size:11px; line-height:10px; }
			
		.grid-home { padding:0 8px 0 12px; }
			
		.pg-fav { overflow: hidden; padding-bottom:5px;  }
			.pg-fav b { font-weight:normal; }
			.pg-fav a.usporedba { margin:0 0 9px 0; display:block; padding-left:20px; color:#464646; font-size:11px; font-weight:normal; }
			.pg-fav p { line-height:14px; color:#464646; font-weight:normal; }
		.pg-price { overflow: hidden; padding-top:5px; padding-bottom:2px; }
			.pg-price strong { color: #aa0000; }
			.pg-price span.price { font-size:10px; color:#7f7f7f; line-height:22px;  }
			.pg-price span.price img.up { padding-bottom:3px; }
			.pg-price span.price img.down { padding-bottom:1px; }
			.pg-price span.price span.green { color:#5bb150; }
			.pg-price span.price span.red { color:#aa0000; }
			
		.pg-buy {
			color: #464646;
			font-size: 11px;
			overflow: hidden;
			padding-right: 3px;
			padding-bottom: 2px;
		}
			.pg-buy p { float: left; }
			.pg-kupi {
				background: url(../images/hp_proizvod_kupi.gif) top left no-repeat;
				color: #fff;
				float: right;
				height: 19px;
				line-height: 19px;
				text-align: center;
				text-decoration: none;
				width: 40px;
			}
			.pg-buy a.usporedba {
				background: url(../images/usporedba.gif) center left no-repeat;
				color: #333;
				float: right;
				margin: 3px 0 0 0px;
				padding: 1px 0 1px 15px;
				width: auto;
			}
			.pg-fav a.remove {
				background: url(../images/remove.gif) center left no-repeat;
				color: #464646;
				float: left;
				margin: 0px 0 9px 0px;
				padding: 1px 0 1px 20px;
				width: auto;
				font-size:11px;
			}

/* [Single Page] */
#single {
	color: #000;
	padding: 10px 0;
}
	#single h1 { font: normal bold 20px/100% arial; padding: 5px 0 10px; }
	#single h2 { font: normal bold 18px/100% arial; padding: 18px 0; }
	#single h4 { font: normal bold 12px/100% arial; padding: 3px 0; }
	#single p {
		line-height: 17px;
		padding: 0 0 22px;
	}
	
#single ul, ol { padding:0.75em 0 0.75em 22px; }
#single ul li, ol li { padding:0.25em 0; line-height:17px;}
#single ul { list-style-type:disc;}
#single ol {list-style-type: decimal;}
#single table { cell-padding:10px 0; border-collapse:separate; margin-bottom:15px;}
#single table th { background:#eeeeee; padding-right:10px;}
#single table tr {  }
#single table td {  line-height:1.5em; padding-right:10px; border-bottom:1px solid #000;}
	
/* [Single Product Page] */
.product-review {
	overflow: hidden;
	padding-bottom: 70px;
}
	.product-review .product-image {
		border: 1px solid #eee;
		float: left;
		text-align: center;
		width: 250px;
	}
	.product-review .product-specs {
		float: left;
		padding-left: 33px;
		width: 467px;
	}
		.product-spec-fix { padding-bottom: 20px; line-height: 19px; }
		.product-spec-fix * { line-height: 19px; }
		.product-review .product-specs h1 { font-size: 18px; }
		.product-review .product-specs p { line-height: 17px; padding-bottom: 20px; }
		
	.addopt-me-please {
		border-top: 1px solid #eee;
		overflow: hidden;
		padding: 20px 0 0;
	}
		.amp-special {
			float: left;
			width: 265px;
		}
			.amp-special a {
				color: #333;
				float: left;
				margin-right: 15px;
				padding: 1px 0 1px 20px;
			}
			.amp-special span { color: #686868; display: block; font-size: 11px; padding-top: 15px; }
		.amp-pricing {
			float: left;
			width: 100px;
		}
			.amp-pricing a.usporedba { margin:10px 0 0 0; font-size:11px;  }
			.amp-pricing p { font-size:11px; padding-top: 0px; }
			.product-review .product-specs .amp-pricing p { font-size:11px; padding-top:0px; padding-bottom:0px; }
		.amp-buy {
			color: #aa0000;
			float: left;
			text-align: right;
			width: 100px;
		}
			.amp-buy span.price { font-size:10px; color:#7f7f7f; line-height:20px; }
			.amp-buy span.price img.up { padding-bottom:3px; }
			.amp-buy span.price img.down { padding-bottom:1px; }
			.amp-buy span.price span.green { color:#5bb150; }
			.amp-buy span.price span.red { color:#aa0000; }
			.amp-buy strong { display: block; }
			.amp-buy .tr-02 { padding-top:10px; }
			.amp-buy .tr-02 button.button-01 { top:11px; }
			.amp-buy a {
				background:url(../images/hp_proizvod_kupi.gif) no-repeat scroll left top;
				color:#FFFFFF;
				float:right;
				height:19px;
				line-height:19px;
				margin-top:16px;
				text-align:center;
				text-decoration:none;
				width:40px;
			}
			.amp-buy a.usporedba {
				background: url(../images/usporedba.gif) center left no-repeat;
				color: #333;
				float: right;
				margin: 3px 0 0 0px;
				padding: 1px 0 1px 15px;
				width: auto;
			}

.related-products {
	border: 1px solid #eee;
	border-bottom: 0 none;
	margin: 0 0 20px;
}	
	.related-products h2 {
		background: url(../images/related_products_h2.gif) top left repeat-x;
		color: #000;
		font: normal normal 17px/100% arial;
		height: 35px;
		line-height: 35px;
		padding: 0 0 0 8px;
	}
			
/* [Login Box] */
#login-box {
	background: #fff;	
	display: none;
	margin: auto;
	text-align: left;
	width: 590px;
}
	.ui-dialog {
		border: 4px solid #ddd;
	}
	.ui-dialog-titlebar {
		background: url(../images/promo_accordion_active.gif) top left repeat-x;
		color: #fff;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		padding: 0 8px 0 15px;
		text-align: left;
	}
		.ui-dialog-titlebar .ui-icon-closethick {
			background: url(../images/titlebar_close.gif) center center no-repeat;
			display: block;
			float: right;
			height: 9px;
			margin-top: 11px;
			width: 9px;
		}
	.login-body {
		overflow: hidden;
		padding: 30px 25px;
	}
		.login-body h2 {
			font: normal bold 18px/100% arial;
			padding: 0 0 20px 0;
		}
			.login-body table { width: 100% }
			.login-body td { padding: 3px; }
			.login-body td label { font: normal bold 11px/100% arial; }
			.login-body td input.login-text { width: 168px; padding: 1px 3px; }
			
			.login-body .submit {
				background:url("../images/prijava.gif") no-repeat scroll 0 0 transparent;
				border:0 none;
				color:#FFFFFF;
				height:19px;
				line-height:19px;
				text-align:center;
				width:67px;
			}
			
		.login-body .get-in {
			float: left;
			padding-right: 45px;
			width: 275px;
		}
		.login-body .join-us {
			float: left;
			width: 215px;
		}
			.join-us p {
				font: normal bold 11px/14px arial;
				padding-bottom: 11px;
			}
			.join-us .registracija {
				background:url("../images/registracija.gif") no-repeat scroll 0 0 transparent;
				border:0 none;
				color:#FFFFFF;
				display:block;
				height:19px;
				line-height:19px;
				text-align:center;
				width:109px;
			}

	.ui-widget-overlay {
		background: url(../images/overlay.png) top left repeat;
		left:0;
		position:absolute;
		top:0;
	}

/* [Register Page] */
#register-page {
	padding: 0 0 10px;
}
	#register-page h1 {
		color: #000;
		font: normal bold 20px/100% arial;
		padding: 40px 0;
	}
	.form-wrapper {
		background: #eee;
		margin-bottom: 10px;
		overflow: hidden;
		padding: 23px 0 20px 17px;
	}
		.form-wrapper h2 {
			font: normal bold 18px/100% arial;
			padding-bottom: 20px;
		}
		.form-wrapper td { padding: 2px 0; }
			.form-wrapper td.col2 { padding-left: 35px; }
			.form-wrapper td.ssubmit { padding-top: 20px; }
		.form-wrapper label {
			font-weight: bold;
			padding-right: 7px;
		}
			.form-wrapper label.mini { font-size: 11px; vertical-align:text-top; } 
			label sup {
				color: #c20000;
			}
		.form-wrapper input[type=text]{ color: #7c7c7c; }
		.form-wrapper input.text { padding: 1px 5px; width: 248px; }
		.form-wrapper input.text2 { padding: 1px 5px; width: 168px; }
		.form-wrapper input.ulica { margin: 0 2px 4px 0; padding: 1px 5px; width: 170px; }
		.form-wrapper input.kbroj { margin: 0 0px 4px 0; padding: 1px 5px; width: 61px; }
		.form-wrapper input.pbroj { margin: 0 2px 4px 0; padding: 1px 5px; width: 71px; }
		.form-wrapper input.mjesto { margin: 0 2px 4px 0; padding: 1px 5px; width: 160px; }
		.form-wrapper span.if { color: #7c7c7c; font-size: 11px; }
		
		.form-wrapper .submit {
			background: url(../images/prijava.gif) no-repeat;
			border: 0 none;
			color: #fff;
			height: 19px;
			line-height: 19px;
			text-align: center;
			width: 67px;
		}
		.form-wrapper .registracija {
			background: url(../images/registracija.gif) no-repeat;
			border: 0 none;
			color: #fff;
			display: block;
			height: 19px;
			line-height: 19px;
			text-align: center;
			width: 109px;
		}
		.total-recal input {
			background: url(../images/total_recal.gif) no-repeat;
			border: 0 none;
			color: #fff;
			height: 19px;
			text-align: center;
			width: 129px;
		}
		
	.left-form {
		float: left;
		width: 410px;
	}
		.left-form .login { padding-top: 10px; }
			a.nastavi { font-size: 11px; background: url(../images/arr_left.gif) center left no-repeat; margin-top: 3px; padding-left: 10px; }
	.right-form {
		float: left;
		width: 350px;
	}
		.right-form p {
			font-weight: bold;
			line-height: 17px;
			padding: 7px 0 15px;
		}

	#system-message {
		font-weight: bold;
		margin: 10px 20px 20px 0;
		padding: 10px;
	}
		.error-message {
			background: #eab7b7;
			border: 2px solid #a81212;			
		}
		.success-message {
			background: #cbe19c;
			border: 2px solid #5f8a04;
		}
		td.error label { color: #a81212; }
		td.error input[type=text] { background: #FFDFDF; border-color: #a81212; }
		td.error input[type=password] { background: #FFDFDF; border-color: #a81212; }
		
/* [Basket] */
#basket h1 {
	color: #000;
	font: normal bold 20px/100% arial;
	padding: 10px 0 30px;
}
	#basket h1.fix { padding-bottom: 10px; }
	.table-bg {
		background: #eee;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	table.basket-list 	{ width: 100% }
	.table-bg td, th 	{ padding-top: 8px; padding-bottom: 8px; }
	.basket-list td 	{ background: #fff; border-bottom: 1px solid #eee; color: #464646; }
	.table-bg th 		{ color: #000; font-weight: bold; }

	.table-bg .rbr 		{ padding-left: 29px; width: 65px; }
	.table-bg .prtn 	{ width: 70px; padding-right: 10px; overflow: hidden; }
	.table-bg .prod 	{ width: 345px; }
	.table-bg .prod a 	{ font-weight: bold; color: #000; }
	.table-bg .jm 		{ width: 40px; }
	.table-bg .qty 		{ width: 75px; }
	.table-bg .qty input { width: 30px; padding: 1px 3px; text-align: right; }
	.table-bg .cijena 	{ width: 90px; }
	.table-bg .rab 		{ width: 55px; }
	.table-bg .pdv 		{ width: 55px; }
	
	.sub-table-info { overflow: hidden; padding: 10px 0 0 30px; }
		.sti-left {
			float: left;
			padding-right: 45px;
			width: 625px;
		}
		.sti-left.narrow { float: left; padding-right: 37px; width: 440px; }
			.sti-left.narrow .ta-holder textarea { width:276px; }
			.sti-left.narrow .cc-payment { padding: 10px 0px 0 0; }
			.sti-left.narrow .cc-payment label { float:left; padding:14px 0 0 25px; font-size:11px; font-weight:normal;  }
			.sti-left.narrow .cc-payment label input { display:block; float:left; margin-right:5px; }
			.sti-left p { font-size: 11px; line-height: 17px; padding-bottom: 10px; }
				.sti-left p a { font-weight: bold; }
		.sti-right { float: left; width: 250px; }
		.sti-right.loyality { float: left; width:159px; margin-left:7px; }
			.sti-right.loyality select { font-size:11px; width:159px; }
			.sti-right.loyality td { height:160px; }
			.sti-right.loyality div.loyality-text { color:#7c7c7c; font-size:11px; }
			.sti-right.loyality span.blue { color:#288be8; font-weight:bold; font-size:11px; display:block; padding-bottom:4px; }
			.sti-right.loyality input.blue {
				background: url(../images/button-blue.gif) top left no-repeat;
				text-transform:uppercase;
				font-size:11px;
				border: 0 none;
				color: #fff;
				float: right;
				height: 19px;
				line-height: 19px;
				margin: 5px 10px 0 0;
				text-align: center;
				text-decoration: none;
				width: 159px;
				letter-spacing:1.4px;
				cursor:pointer;
			}
			.sti-right.loyality .total-recal { padding-bottom:32px; }

	div.table-sum { font-size:11px; margin-left:508px; width:416px; border-top:1px solid #000; padding-left:9px; }
	div.table-sum table { width:416px;  }
	div.table-sum table td.first { width:150px;  }
	div.table-sum input.buy {
			background: url(../images/hp_proizvod_kupi2.gif) top left no-repeat;
			border: 0 none;
			color: #fff;
			float: right;
			height: 19px;
			line-height: 19px;
			margin: 10px 0px 0 0;
			text-align: center;
			text-decoration: none;
			width: 70px;
			cursor:pointer;
		}
	
	
	.total-recal { padding-bottom: 60px; text-align: right; }
	.basket-delivery { text-align: right; }
		.basket-delivery label { font-weight: bold; padding-right: 4px; }
		
	.sti-right table { width: 100% }
	.sti-right td {
		border-bottom: 1px solid #fff;
		padding: 3px 10px 4px;
	}
		.sti-right td strong { font-size: 11px; }
		.aa0000 { color: #aa0000; }
		.sti-right td.pre-last { border-bottom-color: #000; }
		.sti-right td.last-in-class { border-bottom: 0 none; }
		.sti-right input {
			background: url(../images/hp_proizvod_kupi2.gif) top left no-repeat;
			border: 0 none;
			color: #fff;
			float: right;
			height: 19px;
			line-height: 19px;
			margin: 10px 10px 0 0;
			text-align: center;
			text-decoration: none;
			width: 70px;
		}
		.sti-right input#order_buy { cursor:pointer; }

		
	.basket-text { color: #000; padding: 5px 0 20px; }
		.basket-text p { line-height: 17px; padding-bottom: 15px; }
			.basket-text p a { color: #000; text-decoration: underline; }
		.basket-text .bold { font-weight: bold; }
		.basket-text li { padding: 8px 0 8px 35px; }
		.basket-text .compact { margin-bottom: 10px; }
		.basket-text .compact li { padding: 4px 0 4px 35px; }
			.basket-text li p {
				background: url(../images/gray_bullet.gif) 0px 6px no-repeat;
				padding: 0 0 0 10px;
			}
			
		.cc-payment {
			font-size: 11px;
			font-weight: bold;
			overflow: hidden;
			padding: 10px 60px 0 0;
		}
			.ta-holder { float: left; }
			.ta-holder textarea { border:1px solid #7f9db9; }
			.cc-payment label { float: right; padding-top: 100px; }
				.cc-payment label input { vertical-align: text-top; margin-right: 2px; border:none; }
		.cc-list { padding-bottom: 20px; }
		
.pred-narudzba { overflow: hidden; padding-top: 35px; }
	.pn-left {
		float: left;
		overflow: hidden;
		padding: 0 0 40px 5px;
		width: 510px;
	}
		.pn-left img { float: left; }
		.pn-left p { float: left; padding: 25px 0 0 30px; line-height: 17px; }
	.pn-right {
		float: left;
		padding-top: 20px;
		width: 320px;
	}
	.pn-right.wider {
		width: 434px;
	}
		.pn-right td { padding: 2px; }
		.pn-right td.tdl { padding-right: 10px; }
		.pn-right td.tdl.loyality { padding:0 16px 0 0; background:#288be8; font-weight:bold; font-size:12px; color:#fff; height:50px; }
		.pn-right td.tdl.loyality div.left { width:95px; padding:7px 0 0 14px; line-height:15px; }
		.pn-right td.tdl.loyality div.big { width:109px; font-weight:normal; font-size:40px; line-height:50px; }
		.pn-right td.tdl.loyality div.right { width:200px; font-size:11px; line-height:50px; }
		.pn-right td.tdl.loyality div.right input { width:126px; height:17px; font-weight:bold; }
.sub-pred-narudzba { padding-bottom: 10px; }

.no-results { font: normal bold 13px/20px arial; padding: 40px; }
	.products-list .no-results { padding: 40px; }
	
.fav-fix .plp-right {
	width: 950px;
}
	.fav-fix .pg-row {
		background: url(../images/pg_row_2.gif) top left repeat;
	}
	
.usporedba {
	background: url(../images/usporedba.gif) center left no-repeat;
	color: #333;
	float: left;
	margin: 3px 0 0 11px;
	padding: 1px 0 1px 15px;
}
.usporedba.home { margin: 0px 0 0 13px; padding: 0px 0 1px 19px; font-size:11px; }

/************************ LIGHTBOX ***/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }

/* add */
.tr-02 { padding-top: 3px; text-align: right; position:relative; float: right; }
.count { display: inline-block; color: #7f7f7f; font-size: 11px; padding: 5px 0 0 13px; }
.count.grid { padding: 2px 4px 0 0px; float:right; font-weight:normal; font-size:10px; color:#7f7f7f; }
.input-01 { width: 40px; margin-right: 20px; }
.button-01 { width: 16px; height: 14px; background: url(../images/kosarica2.jpg) center center no-repeat; border: 0 none; position: absolute; top: 4px; right: 0px; }
.pg-buy p.no-float { float:none; }
.pg-buy a.usporedba.fl { float:left; }