/* Owl*/



/* Tools */
.left         { float:left !important; }


.product-view .product-type-data
{
	border-color:#f5f5f5;
}

/* IMPORTANT: link transitions should be placed before other transitions */
a /*Main menu accordion*/
{
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover
{
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* Grid units */
.grid12-2,
.grid12-6,
.grid12-10
{ 
	/*position:relative;*/
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
}

/* Basic grid units width */
.grid12-2	{ width:14.66%; }
.grid12-6	{ width:48%; }
.grid12-10	{ width:81.33%; }


@media only screen and (max-width: 999px)
{
	.more-images {display: none;}
	
}
/* width < 768px */
@media only screen and (max-width: 800px)
{
	.grid12-2,
	.grid12-6,
	.grid12-10
	{
		width:100% !important; /* Added "!important" to override units with "no-gutter" */
		margin-left:0;
		margin-right:0;
		clear: both;
	}

}

.img-box img
{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}


.zoom-btn-small {
	position:absolute;
	right:4px;
	bottom:4px;
	padding:0 1em;
	line-height:2.6666em;
	z-index:100;
	background-color:#fff;
	background-color:rgba(255,255,255, 0.7);
	color:#333;
}
.zoom-btn-small:hover { background-color:#fff; }

/* Cloud Zoom
	-------------------------------------------------------------- */
	/* Zoom position: "inside"
-------------------------------------------------------------- */
.product-image .mousetrap {
	z-index:100 !important;
	
	/* For responsive layout */
	width:100% !important;
	height:100% !important;
}
.zoom-inside #wrap { overflow:hidden; }

/* No borders if zoom position is "inside" */
.zoom-inside .cloud-zoom-big { border:none; }
	
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border:1px solid #ccc;
	margin:-1px; /* Set this to minus the border thickness. */
	background-color:#fff;
	cursor:move;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #e5e5e5;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:0.25em;
    border:1px solid #000;
}


/* Cloud Zoom
	-------------------------------------------------------------- */

.img-box .product-image { margin: 0 auto; position:relative; /* Labels (e.g. "sale") are positioned relative to this box */ } /*TODO: obsolete*/

/* Image pop-up */

/* Thumbnails */
.img-box .more-images { margin-top:15px; }

.img-box-style1 .product-image {
	padding:5px;
}