/** PRODUCT DETAIL
 **************************************************************** **/
#shop {
	position:relative;
}

	#whiteOverlay {
		position:fixed;
		left:0; right:0; top:0; bottom:0;
		background:url('../images/white_overlay.png') repeat;
		z-index:98;
	}
	#product_info {
		position:absolute;
		padding:20px !important;
		top:10px; bottom:0; left:15px; right:15px;
		min-height:600px;
		border:#141414 10px solid !important;
		background:#fff;
		text-align:left !important;
		display:none;
		z-index:99;
	}
	#product_info  h1 {
		font-size:30px;
		margin:0 0 30px 0 !important;
	}
	#closeProduct { 
		float:right; 
		background:url('../images/close.png') no-repeat !important; 
		background-position:-35px -33px !important; 
		display:inline-block; 
		width:73px; 
		height:73px; 
		margin-right:-10px;
		margin-top:-10px;
	}
	#closeProduct:hover { 
		background-position:-35px -173px !important; 
	}
	#productImage {
		float:left;
		max-width:400px;
		overflow:hidden;
		padding-right:20px;
		text-align:center;
	}
	#productImage img {
		max-width:100%;
	}
	#thumbnails {
		display:block;
	}
	#thumbnails a {
		margin-top:6px;
		display:inline-block;
	}
	#thumbnails img {
		max-height:60px;
		width:auto;
		padding:1px;
		border:#eee 1px solid;
	}
	#thumbnails a.on img {
		border:#ccc 1px solid;
	}
	.productDescription.absolute {
		border-left:#eee 1px solid;
		margin-left:20px;
		padding-left:20px;
		position:absolute;
		right:20px; left:399px;
	}
	.productDescription .price {
		font-weight:bold;
	}
	.productDescription .oldprice {
		text-decoration:line-through;
		display:inline-block;
		padding:0 10px;
		color:#888;
	}
	.productDescription select {
		max-width:150px;
		padding:5px;
		font-size:14px;
		cursor:pointer;
	}
	.productDescription .code {
		background:#eee;
		padding:10px;
		display:block;
	}
	.productDescription .addCartBtn {
		margin:25px 0;
	}
	.productDescription .input-group {
	}

	.productDescription h3 {
		color:#333;
		display:block;
		padding:0 !important;
		margin:0 !important;
		line-height:20px !important;
		font-size:11px !important; 
		font-weight:bold !important;
	}
	.productDescription .desc {
		display:block;
		margin-top:30px;
		background:#f6f6f6;
		padding:10px;
	}
	.productRowInfo {
		display:block;
		margin:20px 0;
	}

	/* 
		product, noajax 
	*/
	#product.noajax  h1 {
		line-height:28px;
		padding-left:0 !important;
		margin-left:0 !important;
	}
	#product.noajax .productDescription {
		float:left;
		max-width:62%;
	}
	#product.noajax .productDescription .code,
	#product.noajax .productDescription .desc {
		background:none;
	}
	#product.noajax .productDescription .code {
		font-size:13px;
		color:#999;
		padding:0 2px; /* perfectly aligned with h1 title */
	}
	#product.noajax .productDescription .desc {
		display:block;
		padding:10px 0;
	}
	#product.noajax #productImage {
		position:relative;
		width:400px;
		margin:0 30px 50px 0;
	}

	/* facebook like, google+, twitter, etc */
	.socialApis h3 {
		color:#333;
		display:block;
		margin:20px 0 !important;
	}
	.socialApis .api {
		display:block;
		margin:5px 0 0 0;
		border-left:#eee 2px solid;
		padding:5px 0 0 10px;
	}

/** SHOP CART
 **************************************************************** **/
#cartEmpty {
	display:none;
}
#cartEmpty h3 {
	margin:0 0 50px 0;
}
#cart h4 {
	padding:0 !important;
	margin:-20px 0 30px 0 !important;
	font-size:17px !important;
	font-weight:bold;
	display:block;
}
#cart .item {
	border-bottom:#ccc 1px dotted;
	display:block;
	clear:both;
}
#cart .head span {
	font-size:11px !important;
	line-height:16px;
}

#cartContent,
#form_checkout {
	text-align:left;
	margin-bottom:60px !important;
}
#cartContent .cart_img {
	float:left;
	width:100px;
	padding:10px;
	text-align:left;
}
#cartContent .product_name {
	float:left;
	width:50%;
	padding:10px;
}
#cartContent .qty {
	float:right;
	width:160px;
	font-size:15px;
	padding:10px;
	text-align:center;
}
#cartContent .qty input {
	padding:3px; margin:0;
	border:#ccc 1px solid;
	width:50px; margin-right:3px;
	text-align:center;
}
#cartContent .total_price {
	float:right;
	width:150px;
	font-size:15px;
	padding:10px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
}
#cartContent .remove_item {
	float:right;
	padding:5px 0 0 10px;
	width:30px;
}
#cartContent a.remove_item {
	background:#fff;
	border:#eee 1px solid;
	padding-top:0;
	margin-top:10px;
	height:30px;
	line-height:28px;
	font-size:18px;
	text-decoration:none;
	color:#000;
	border-radius:3px;

}
#cartContent .total {
	text-align:right;
	font-weight:bold;
	padding:10px 0;
	text-align:right;
}
#cartContent .total small {
	font-weight:normal;
	display:block;
}
#cartContent .totalToPay {
	font-size:18px;
	padding:10px 0;
	display:block;
}
#addToCartBtn i {
	margin-right:6px;
}

	/**
		SHIPPING INFO
	**/
	#shippingInfo {
		display:block;
		width:49%;
		float:left;
		background:#fff;
		padding:30px;
		box-shadow:#ccc 0 0 5px;
		border:#ddd 1px solid;
	}
	#paymentMethod label,
	#shippingInfo label {
		font-weight:normal;
		font-size:12px;
	}
	#paymentMethod .row div,
	#shippingInfo .row div {
		margin-bottom:5px;
	}


	/**
		PAYMENT METHOD
	**/
	#paymentMethod {
		display:block;
		width:49%;
		float:right;
		background:#fff;
		padding:30px;
		box-shadow:#ccc 0 0 5px;
		border:#ddd 1px solid;
	}
	#paymentMethod h4,
	#shippingInfo h4 {
		margin:0 0 10px 0 !important;
	}
	#paymentMethod ul {
		margin:0; padding:0;
		display:block;
	}
	#paymentMethod ul li,
	#paymentMethod ul li a {
		text-decoration:none;
		display:block;
		float:left;
		list-style:none;
	}
	#paymentMethod ul li {
		margin-right:10px;
	}
	#paymentMethod ul li a {
		color:#fff;
		background:#ccc;
		border-radius:5px;
		padding:3px 6px;
	}
	#paymentMethod ul li a.on,
	#paymentMethod ul li:hover a {
		background:#999;
	}
	#paymentMethod .tab {
		display:block;
		margin-top:30px;
	}

	div.checkout {
		display:block;
		margin:20px 0;
		text-align:right;
	}
	div.checkout i {
		padding-left:10px;
	}
	div.credit_cards {
		text-align:center;
		padding-top:23px;
		margin-top:30px;
		border-top:#eee 1px dotted;
	}
	div.credit_cards img {
		margin:3px 1px;
	}

	/*
		@ISCROLL
	*/
	#scroller {
		position: absolute;
		z-index: 1;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		height:300px;
		width:2000px; /* rewriten by javascript */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none;
	}
	#scroller.listOnly {
		position:relative;
		margin-top:30px;
		display:block;
	}
	#iscrollWrapper {
		position: relative;
		z-index: 1;
		height: 600px;
		width: 100%;
		overflow: hidden;
		-ms-touch-action: none;
	}
	#scroller .item {
		float:left;
		width:283px;
		height:280px;
		margin:1px;
		border:transparent 5px solid;
		text-align:center;
		overflow:hidden;
		background:#f6f6f6;
		-webkit-transition-duration: 0.3s;
		   -moz-transition-duration: 0.3s;
				transition-duration: 0.3s;

	}
	#scroller .item.blur {
		opacity: 0.7;
		z-index: -1 !important;

		/*
		-webkit-transform: scale(0.98);
		   -moz-transform: scale(0.98);
			 -o-transform: scale(0.98);
			-ms-transform: scale(0.98);
				transform: scale(0.98);
		*/
	}
	#scroller .item.active { /* Hover Style for single item: scale up */
		opacity: 1;
		z-index: 100;
		position:relative;

		-webkit-transform: scale(1.05);
		   -moz-transform: scale(1.05);
			 -o-transform: scale(1.05);
			-ms-transform: scale(1.05);
				transform: scale(1.05);
	}

	#scroller a.itemHref {
		margin:auto;
		padding:0;
		color:#000;
		overflow:hidden;
	}

	#scroller .item h3 {
		font-weight:normal !important;
		font-size:15px; line-height:15px !important;
		margin:10px 0 !important; padding:0 !important;
		max-height:30px; overflow:hidden;
	}
	#scroller .item h4 {
		margin:0 !important;
		font-weight:bold;
	}
	#scroller .item span {
		text-decoration:line-through;
		display:inline-block; 
		padding:0 10px;
		font-weight:normal;
	}
	#scroller .item sup {
		font-size:11px;
	}
	.container.iScroll {
		position:relative;
	}
	#dragInfo {
		position:absolute;
		top:0; right:0; bottom:0; left:0;
		background:rgba(255, 255, 255, .8);
		background-image:url('../images/drag_img.png') !important;
		background-repeat:no-repeat;
		background-position:center;
		cursor:pointer;
		z-index:99;
	}
	#dragInfoText {
		color:#ddd;
	}
	#indicator {
		position: relative;
		width: 100%;
		margin:0 0 80px 0;
		height:5px;
		padding:4px 2px 3px 2px;
		background:#eee;
	}

	#indicator-line {
		position: absolute;
		width: 50px;
		height: 3px;
		background: #999;
		top:2px;
	}

	/* nodrag */
	#scroller.nodrag {
		width:inherit;
		height:inherit;
		position:relative;
		margin-top:50px;
	}
	#scroller.nodrag .pagespace {
		display:block;
		padding:60px 0;
	}

	/* hover */
	#scroller .item:hover {
		background:#333333;
		color:#fff;
		text-shadow:#000 1px 1px 1px;
	}
	#scroller .item:hover a {
		text-decoration:none !important;
	}
	#scroller .item:hover h3,
	#scroller .item:hover h4 {
		color:#fff;
	}

	/* product image zoom */
	#zoom {
		display:inline-block;
		position: relative;
		overflow:hidden;
	}
	/* magnifying glass icon */
	#zoom:after {
		content:'';
		display:block; 
		width:33px; 
		height:33px; 
		position:absolute; 
		top:0;
		right:0;
		background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNrMlT1rwlAUhvMhImhEsRQEoRBag2t1Cjo4OmUpgj9D8D+4CeI/cFPcHR0iDiqdpBALgS46qFSKQhBSmwMNtJrozc2XB8Lh3gTuc8953xPyeDwSepAk+aKlZ8LjoE7WPe159RvCF5CAyX7vN2O1Jp/PhxKJBL3ZbNThcKjgQmCBwOHdbvchmUwG9b3lcnkol8sfl2DIE2EafYMk1kwmExyPx4+RSITe7XaqJEkKx3EhfV0qlWQzEArhgkgaqdfr93DgfD5XWJaVcrmcDBnWsF+r1e7sVAKpIovFgoM2FAqF9783hhaJovgE1WAY5g23EkgV0Q6gjfY1cX5DhmpYsSgWyGQy2UM+LTu0CfJgMPjCcYcl1zSbzXWxWIwKghCfTqfB0Wi053k+nM1mw/C+3W5/OqGJqxqpVqvxRqORMvoYBKrpQ16tVqqTEIYgYNVKpRKNxWL0drtVZVk+tFqtlO4cIxC7EEhzBBzS7/dZMxCKsB9X5whYFoYV2DSdToc6nU7Kjjtsg8AYn81mitPtsDzi7c4JR0a82xBYIG5AWAZxC8ISiJsQyCBuQyCBeAFxFcQriIsgXkKYgngNYQjiB8QZiF8Q/0AChL/RO/uL+hUUcQNxExA/AgwAQCThORpp8DAAAAAASUVORK5CYII=') no-repeat;
	}
	#zoom img {
		display: block;
	}
	#zoom img::selection { 
		background-color: transparent; 
	}


/** Responsive
 **************************************************************** **/
@media only screen and (max-width: 408px) {
	#scroller .item {
		height:230px;
	}
	#scroller .item img {
		height:150px;
	}
	#iscrollWrapper,
	#scroller {
		max-height:500px;
	}
	#scroller .item {
		width:100%;
		height:auto;
		margin-bottom:30px;
	}
	#scroller .item img {
		width:100%;
		height:auto;
	}
}


@media only screen and (max-width: 768px) {
	#product_info {
		position:fixed;
		top:0; left:0; right:0;
		z-index:1000;
		min-height:500px;
	}
	#product_info select {
		max-width:200px;
	}
	#productImage {
		max-width:768px;
		position:relative;
		padding-right:0;
		border-right:0;
		display:block;
		float:none;
	}
	#product.noajax #productImage {
		width:100%;
		max-width:400px;
	}
	.productDescription {
		position:relative;
		display:block;
		float:none;
		margin:3px 0 0 0;
		padding:0;
		left:0;
		border:0;
	}
	#product.noajax .productDescription {
		max-width:100% !important;
		float:none;
	}
	#cart h4 {
		margin:20px 0 20px 0 !important;
	}
	#cartContent .item.head {
		display:none;
	}
	#cartContent .product_name {
		font-size:11px;
	}
	#cartContent .item .total_price {
		display:none;
	}
	#cartContent .item .qty {
		float:left;
		text-align:left;
	}
	#shippingInfo h4,
	#paymentMethod h4 {
		margin:0 0 20px 0 !important;
	}
	#shippingInfo ,
	#paymentMethod {
		float:none;
		display:block;
		width:auto;
	}
	#shippingInfo .block,
	#paymentMethod .block {
		display:block;
		width:100%;
	}
}
	/*
		bootstrap .container - elements resize
	*/
	@media only screen and (max-width: 1200px) {
		#product.noajax .productDescription {
			max-width:52%;
		}
	}
	@media only screen and (max-width: 991px) {
		#product.noajax .productDescription {
			max-width:32%;
		}
	}
	
	/** REVAIWES
 **************************************************************** *
 
 	.reviews{
 	width:100%;
 	}
 
 	.reviews_one{
 	margin: 0 auto;
 	height:100px;
 	width:50%;
 	
 	
 	}**/