@import url(reset.css);
@import url(../../jcart/jcart.css);



html, body {height:100%;}



body {background:#000;}



h3 {font-size:14px; padding-left:18px; line-height:35px; color:#05c9b9; font-weight:normal;}

h4 {font-size:12px; padding-left:18px; line-height:35px; color:#c8c8c8; font-weight:normal;}



.button-to-cart{

	background:#bf0000 url(../../img/addtocart.jpg);

	width: 83px;

	height: 24px;

	

}



	#wrap {width:960px; margin:auto; background:url(../../img/bgr.jpg) top center no-repeat #000; overflow:hidden;}

	

		#topSegment {float:left; width:960px; height:59px;}

		

			#loginBox {float:left; width:383px; padding:7px 0 0 13px; height:32px; background:url(../../img/login-box-bgr.png) 0 0 no-repeat;}

				#loginBox form {float:left; background:url(../../img/login-bgr.gif) 0 0 no-repeat; width:309px; height:23px; padding:4px 0 0 0;}

					#loginBox form input.field {float:left; width:134px; margin-left:10px; background:none; border:0; font-size:11px; color:#939393;}

					#loginBox form input.button {float:left; width:16px; height:16px; text-indent:-9999px; background:url(../../img/login-button.gif) 0 0 no-repeat;}

				#loginBox a {float:left; padding:5px 0 0 10px; width:auto; font-size:11px; color:#9b9b9b; text-decoration:underline;}

					#loginBox a:hover {text-decoration:none;}

				

				#loginBox p {font-size:12px; color:#737373; padding:5px;}

					#loginBox p b {padding-right:5px; color:#9b9b9b}

					#loginBox p a {float:none; padding:0 5px;}

					

			#cartHolder {position:absolute; width:314px; top:0; right:0; z-index:10;}

				.cartContent {display:block; overflow:auto; width:314px; font-size:11px; background:url(../../img/cart-bgr.png) left bottom no-repeat;}

					.cartInnerContent {display:none; float:left; width:251px; font-size:11px;}

						.cartInnerContent ul li {list-style-type:none; padding:5px 14px; display:block; overflow:auto; border-bottom:#333 solid 1px; position:relative;}

							.cartInnerContent ul li a.cartItemTitle {color:#fff; display:block; font-size:10px;}

							.cartInnerContent ul li a.removeItem {position:absolute; top:4px; right:4px; color:#666;}

								.cartInnerContent ul li a.removeItem:hover {color:#fff; text-decoration:none;}

							.cartInnerContent ul li span {display:block; text-align:left; color:#505050; padding:2px 0;}

								.cartInnerContent ul li span i {font-style:normal; color:#999;}

						a.checkoutButton {float:right; clear:both; display:block; width:71px; height:21px; background:url(../../img/button-checkout.gif) 0 0 no-repeat; line-height:20px; text-align:center; color:#fff; font-size:10px; margin:12px 12px 0 0;}

							a.checkoutButton:hover {background-position:0 -21px; text-decoration:none;}

					.cartFooter {float:left; width:286px; height:26px; padding:13px 15px 0 13px; background:url(../../img/cart-icon1.gif) 14px 14px no-repeat;}

						.cartFooter div.cartItemsHolder {text-align:right; font-size:10px; color:#939393;}
							
							.cartItemsHolder div.cartNumber {display:inline; width:20px;}

							.cartItemsHolder div.cartNumber, .cartItemsHolder a {color:#d9d9d9;}

							.cartItemsHolder i {margin:0 7px 0 9px; font-style:normal; color:#505050;}

		

		#mainSegment {float:left; width:960px; background:url(../../img/content-bgr.jpg) left top repeat-y;}

			#contentHolder {float:left; width:960px; background:url(../../img/content-top.jpg) left top no-repeat;}

				#content {float:left; width:960px; background:url(../../img/content-bottom.jpg) left bottom no-repeat; padding-bottom:60px;}

				

					#contentTop {float:left; width:946px; padding:0 14p 0 0; height:100px;}

						#contentTop a.logo {float:left; width:371px; height:65px; padding:20px 0 0 1px; display:block;}

							#contentTop a.logo h1 {text-indent:-9999px; width:371px; height:65px; background:url(../../img/logo-new.png) left top no-repeat;}

						.rightContentTop {float:right; width:350px; padding:13px 0 0 0;}

							.rightContentTop fieldset {float:right; width:226px; height:30px; background:url(../../img/search-bgr.gif) 0 4px no-repeat;}

								/*.rightContentTop fieldset input {float:left; width:180px; height:22px; padding:1px 10px 0 10px; background:none; border:0; font-size:11px; color:#7a7a7a;}

								.rightContentTop fieldset button {float:left; width:16px; height:16px; text-indent:-9999px; background:url(../../img/search-button.gif) 0 0 no-repeat;}*/

							.rightContentTop ul#mainNav {float:right; clear:both; width:350px; padding:20px 0 0 0;}

								.rightContentTop ul#mainNav li {list-style-type:none; display:inline-block; zoom:1; *display:inline; padding:0 17px 0 15px; background:url(../../img/nav-separator.gif) right top no-repeat; height:17px; line-height:17px;}

									.rightContentTop ul#mainNav li.lastNavBox {background:none; padding-right:0;}

									.rightContentTop ul#mainNav li a {font-size:12px; color:#cdcaca;}

										.rightContentTop ul#mainNav li a:hover {color:#05c9b9; text-decoration:none;}

										

					.contentBoxHolder {float:left; width:340px; background:url(../../img/box-bgr.png) left top repeat-y;}

					.contentBoxHolder1 {float:left; width:225px; background:url(../../img/box-bgr1.png) left top repeat-y;}

					.contentBoxHolder2 {float:left; width:300px; background:url(../../img/box-bgr2.png) left top repeat-y;}
					.boxMargin {margin-right:8px;}

					.boxProdMargin{margin-right:8px; margin-top:12px;}

					.boxProdMarginFix {margin-right:0px; margin-top:12px;}

					img.newLabel {position:absolute; left:2px; bottom:2px; z-index:10;}

						.contentBox {width:340px; background:url(../../img/box-top.png) left top no-repeat;}

						.contentBox1 {width:225px; background:url(../../img/box-top1.png) left top no-repeat;}

						.contentBox2 {width:300px; background:url(../../img/box-top2.png) left top no-repeat;}
							.contentBoxInner {width:340px; background:url(../../img/box-bottom.png) left bottom no-repeat;}

							.contentBoxInner1 {width:225px; background:url(../../img/box-bottom1.png) left bottom no-repeat;}


.contentBoxInner2 {width:300px; background:url(../../img/box-bottom2.png) left bottom no-repeat;}

					                    .contentBoxInner h4 {height:35px !important; overflow:hidden !important;}

					

					#mainContentHolder {float:left; width:932px; padding:14px 14px 12px 14px;}

						.leftColumn {float:left; width:697px; position:relative;}
							#slogan {position:absolute; z-index:20; left:20px; top:185px; width:349px; height:61px; background:url(../../img/slogan.png) 0 0 no-repeat; text-indent:-9999px;}

							

							.sitePath {display:block; width:697px; position:relative;  padding:0 0 12px 0; background:url(../../img/horizontal-separator.gif) left bottom repeat-x; color:#5c6261; font-size:15px;}

								.sitePath h2 {font-weight:normal; display:inline; font-size:19px; color:#05c9b9;}

									.sitePath h2 a, .sitePath a {color:#05c9b9;}

								.sitePath i {color:#fff; font-style:normal;}
								
								fieldset.searchFilder {position:absolute; top:0; right:10px;}
									fieldset.searchFilder label {float:left; margin-right:10px; font-weight:normal; font-size:11px; line-height:27px;}
									fieldset.searchFilder select {float:left; display:inline !important; margin:0 !important;}
								

								

							.catHolder {width:697px; overflow:hidden;}

								.catBox {float:left; width:160px; padding:14px 0 10px 0; margin-right:14px; height:160px;}

								.noMarginBox {margin-right:0;}

									.catBox a.thumbBox {position:relative; width:120px; display:block; height:120px; margin-bottom:6px;}

										.catBox a.thumbBox span {position:absolute; display:block; z-index:5; top:0; left:0; width:160px; height:115px; background:url(../../img/thumb-mask.gif) 0 0 no-repeat;}

									.catBox a {text-align:center; display:block; width:160px; color:#fff; font-size:12px;}

									

							.prodGalleryBox { width:697px; padding:14px 0;}

								.galleryLargeImgHolder { width:697px; height:350px; position:relative;}

									.galleryLargeImgHolder a {position:absolute; top:0; left:0; width:697px; height:350px; background:url(../../img/large-img-mask.gif) 0 0 no-repeat; z-index:1;}

								.prodGalleryBox ul {overflow:hidden; width:716px; padding:19px 0; height:115px; }

									.prodGalleryBox ul li {float:left; width:160px; height:115px; list-style-type:none; padding-right:19px;}

									.prodGalleryBox ul li.lastGalleryBox {padding-right:0;}

										.prodGalleryBox ul li a img {width:160px; height:115px;}

							

							.prodDetailsBox {width:697px; overflow:hidden;}

								.prodDetailsTop {width:697px; padding:12px 0 10px 0; margin-bottom:5px; background:url(../../img/horizontal-separator.gif) left bottom repeat-x; overflow:hidden;}

									.prodDetailsTop h4 {float:left; padding-left:0; line-height:normal; margin-top:3px;}

									.prodDetailsTop a {float:right; margin-top:3px; display:block; color:#fff; padding-left:15px; background:url(../../img/cart-icon2.gif) 0 0 no-repeat; font-size:8px; line-height:12px;}
									
									.prodDetailsTop span {font-size:15px; color:#fff; float:right; margin:3px 10px 0 0; display:inline; }
								
									.prodDetailsTop span b { font-size:13px; color:#05c9b9;}
	

								.prodDetailsBox p {color:#adadad; font-size:11px; padding-bottom:14px; line-height:18px; clear:both;} 

								.prodDetailsBox p.prodDetailsInfo {font-size:15px; color:#fff; display:block; clear:both; margin-bottom:14px;}

									.prodDetailsBox p.prodDetailsInfo b {color:#05c9b9; font-size:13px;}

									.prodDetailsBox p.prodDetailsInfo b.leftInfoTitle {float:left;}

									.prodDetailsBox p.prodDetailsInfo span {float:right;}

						

						

						.rightColumn {float:right; width:225px; overflow:hidden;}

                                                    .rightColumn div div (background:url(../../img/box-top1.png) 0 0 no-repeat !important;)

						

							ul#sideMenu {width:221px; padding:0 2px 20px 2px;}

ul#sideMenu span {text-align:right; width:216px; padding:4px 5px 0 0; height:20px; display:block; color:#ccc; font-size:12px; background:none;}								  

								ul#sideMenu li {list-style-type:none;}

									ul#sideMenu li a {width:200px; padding:0 0 0 21px; display:block; color:#ccc; font-size:12px; background:url(../../img/side-menu-bgr.gif) 0 0 repeat-x;}

										ul#sideMenu li a i {font-style:normal; font-size:11px; color:#029488;  height:25px; line-height:25px;}

										ul#sideMenu li a:hover {background:url(../../img/side-menu-bgr.gif) 0 -25px repeat-x; text-decoration:none; color:#fff;}



										

					#homeFeaturedBox {float:left; width:932px; padding:0 14px 12px 14px;}

						#homeFeaturedBox h2 {display:block; width:932px; font-weight:normal; font-size:19px; color:#05c9b9; padding:0 0 12px 0; background:url(../../img/horizontal-separator.gif) left bottom repeat-x;}

							.homeFeaturedProducts {float:left; width:932px; padding:14px 0;}

							

								.prodInnerBox {width:314px; padding:13px; overflow:auto; height:115px;}

								.prodInnerBox1 {width:199px; padding:13px; overflow:auto; height:95px;}

.prodInnerBox2 {width:274px; padding:13px; overflow:hidden; height:115px;}
									.prodInnerBox a.thumbBox {float:left; position:relative; width:160px; display:block; height:115px;}

.prodInnerBox1 a.thumbBox {float:left; position:relative; width:92px; display:block; height:92px;}

.prodInnerBox2 a.thumbBox {float:left; position:relative; width:160px; display:block; height:115px;}

										.prodInnerBox a.thumbBox span {position:absolute; display:block; z-index:5; top:0; left:0; width:160px; height:115px; background:url(../../img/thumb-mask.gif) 0 0 no-repeat;}

									.prodInnerBox ul {float:left; width:120px; padding-left:15px;}

										.prodInnerBox ul li {font-size:15px; color:#fff; list-style-type:none; margin-bottom:5px;}

											.prodInnerBox ul li b {font-size:13px; color:#05c9b9;}

											.prodInnerBox ul li a.addToCartButton {display:block; margin-top:12px; color:#fff; padding-left:15px; background:url(../../img/cart-icon2.gif) 0 0 no-repeat; font-size:8px; line-height:12px;}

											.prodInnerBox ul li a.moreButton {display:block; margin-top:7px; background:url(../../img/more-button.gif) 0 0 no-repeat; width:86px; height:25px; font-size:11px; text-align:center; line-height:25px; color:#fff;}

												.prodInnerBox ul li a.moreButton:hover {background-position:0 -25px; text-decoration:none;}


.prodInnerBox1 a.thumbBox span {position:absolute; display:block; z-index:5; top:0; left:0; width:92px; height:92px; background:url(../../img/thumb-mask.gif) 0 0 no-repeat;}

									.prodInnerBox1 ul {float:left; width:90px; padding-left:15px; overflow:hidden;}

										.prodInnerBox1 ul li {font-size:15px; color:#fff; list-style-type:none;}

											.prodInnerBox1 ul li b {font-size:13px; color:#05c9b9;}

											.prodInnerBox1 ul li a.addToCartButton {display:block; margin-top:12px; color:#fff; padding-left:15px; background:url(../../img/cart-icon2.gif) 0 0 no-repeat; font-size:8px; line-height:12px;}

											.prodInnerBox1 ul li a.moreButton {display:block; margin-top:7px; background:url(../../img/more-button.gif) 0 0 no-repeat; width:86px; height:25px; font-size:11px; text-align:center; line-height:25px; color:#fff;}

												.prodInnerBox1 ul li a.moreButton:hover {background-position:0 -25px; text-decoration:none;}
						
.prodInnerBox2 a.thumbBox span {position:absolute; display:block; z-index:5; top:0; left:0; width:160px; height:115px; background:url(../../img/thumb-mask.gif) 0 0 no-repeat;}

									.prodInnerBox2 ul {float:left; width:90px; padding-left:15px; overflow:hidden;}

										.prodInnerBox2 ul li {font-size:15px; color:#fff; list-style-type:none; margin-bottom:5px;}

											.prodInnerBox2 ul li b {font-size:13px; color:#05c9b9;}

											.prodInnerBox2 ul li a.addToCartButton {display:block; margin-top:12px; color:#fff; padding-left:15px; background:url(../../img/cart-icon2.gif) 0 0 no-repeat; font-size:8px; line-height:12px;}

											.prodInnerBox2 ul li a.moreButton {display:block; margin-top:7px; background:url(../../img/more-button.gif) 0 0 no-repeat; width:86px; height:25px; font-size:11px; text-align:center; line-height:25px; color:#fff;}

												.prodInnerBox2 ul li a.moreButton:hover {background-position:0 -25px; text-decoration:none;}
						
					#footer {float:left; width:960px; height:43px; padding-top:17px;}

						#footer p {float:left; width:auto; font-size:11px; color:#585858; padding-left:16px;}

						#footer ul {float:right; width:auto; padding-right:11px;}

							#footer ul li {float:left; list-style-type:none; font-size:11px; color:#1e1e1e;}

								#footer ul li a {color:#585858; margin:0 5px;}

									#footer ul li a:hover {text-decoration:none; color:#fff;}


.paginacija {margin:20px 0 10px 3px; width:684px; overflow:hidden; clear:both; text-align:center; border-top:#333 solid 1px; padding-top:20px;}
	.paginacija a, .paginacija span {font-size:11px; display:-moz-inline-stack; display:inline-block; vertical-align:top; zoom:1; *display: inline; padding:2px 5px 3px 5px;}
		.paginacija a:hover, .paginacija span {background:#000; color:#fff;}
			.paginacija a.firstPage:hover, .paginacija a.previousPage:hover, 
			.paginacija a.nextPage:hover, .paginacija a.lastPage:hover {background:none;}



	#popupWin {position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; display:none;}

		.overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}

			.popupHolder {width:500px; left:50%; position:absolute; top:200px; margin-left:-250px; background:#000; border:#333 solid 1px;}

				a.closePopup {position:absolute; top:10px; right:10px; color:#999; font-size:10px;}

					a.closePopup:hover {text-decoration:none; color:#fff;}

				.popupHolder p {padding:10px 20px 0 20px; font-size:12px; color:#05c9b9;}

				.popupHolder fieldset {padding:20px; width:200px; float:left; position:relative;}

					.popupHolder br {clear:both; height:1px; margin:0; line-height:0; padding:0;}

					.popupHolder label {display:block; font-size:11px; font-weight:bold; color:#c8c8c8}

					.popupHolder input {display:block; padding:5px; margin:3px 0 10px 0; color:#c8c8c8; background:#111111; border:#333 solid 1px; width:198px; font-size:12px;}

					.popupHolder input.button {border:0px; display:block; float:right; margin-top:7px; background:url(../../img/more-button.gif) 0 0 no-repeat; width:86px; height:25px; font-size:11px; text-align:center; line-height:25px; color:#fff;}

						.popupHolder button:hover {background-position:0 -25px; text-decoration:none;}

				.popupHolder p.errorBox {position:absolute; display:none; bottom:20px; left:20px; width:350px; padding:0; font-size:10px;}





	#admin{clear:both; width:130px; border: 0px solid blue; margin: 0px auto; color:grey; font-size:12px;}

		a{color:grey;}

		a:hover{color:white; text-decoration:none;}

	.contactForm {margin:0px auto; width:400px; font-size:12px; border:0px solid yellow; text-align:left;}
	.contactForm input, select {display:block; padding:5px; margin:3px 0 10px 0; color:#c8c8c8; background:#111111; border:#333 solid 1px; width:198px; font-size:12px;}
	.contactForm input:focus, select:focus {border:#004c4a solid 1px;}
	.contactForm textarea {display:block; padding:5px; margin:3px 0 10px 0; color:#c8c8c8; background:#111111; border:#333 solid 1px; width:400px; height:150px; font-size:12px;}
	.contactForm textarea:focus {border:#004c4a solid 1px;}

	.contactForm fieldset { padding:5px; width:400px; background-color:black; border:1px solid #004c4a;}
	.contactForm a {font-size:11px; color:#9b9b9b; text-decoration:underline; }
	.contactForm a:hover {text-decoration:none; }

.profileForm {margin:0px auto; width:450px; font-size:12px; border:0px dashed green; text-align:left;}
.profileForm input, select {display:block; padding:5px; margin:3px 0 10px 0; color:#c8c8c8; background:#111111; border:#333 solid 1px; width:198px; font-size:12px;}
.profileForm input:focus, select:focus {border:#004c4a solid 1px;}
.profileForm textarea {display:block; padding:5px; margin:3px 0 10px 0; color:#c8c8c8; background:#111111; border:#333 solid 1px; width:400px; height:150px; font-size:12px;}
.profileForm textarea:focus {border:#004c4a solid 1px;}

.profileForm fieldset { padding:5px; width:400px; background-color:black; border:1px solid #004c4a;}
.profileForm a {font-size:11px; color:#9b9b9b; text-decoration:underline; }
.profileForm a:hover {text-decoration:none; }