/*

* @package Joosa

* @copyright (C) 2015 by mojoomla.com - All rights reserved!

* @license GNU General Public License, version 2 (http://www.gnu.org/licenses/gpl-2.0.html)

* @author mojoomla.com <sales@mojoomla.com>

*/

/* Etalage container (large thumb + small thumbs): */

#etalage {
	display: none;
}
/* Large thumbnail: */

#etalage .etalage_thumb {
	background: url(../images/loading.gif) center no-repeat;
}
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */

#etalage .etalage_thumb_image {
}
/* Small thumbnails: */

#etalage .etalage_small_thumbs li {
	margin: 10px;
	cursor: pointer;
}
/* The one on the left that makes them slide */

#etalage ul li.etalage_smallthumb_first {
}
/* The one on the right that makes them slide */

#etalage ul li.etalage_smallthumb_last {
}
/* The currently active one */

#etalage ul li.etalage_smallthumb_active {
}
/* Zoomed image area: */

#etalage .etalage_zoom_area, .etalage_zoom_area {
	background: url(../images/loading.gif) center no-repeat;
}
/* Magnifier area (thumbnail hovering rectangle): */

#etalage .etalage_magnifier {
	border: 1px solid #bbb;
}
/* Icon that will apear at the left bottom of the large thumbnail (optional): */

#etalage .etalage_icon {
}
/* Hint that will apear at the top right of the large thumbnail (optional): */

#etalage .etalage_hint {
	background: url(../images/hint.gif) no-repeat;
	width: 130px;
	height: 57px;
}
/* Description area (optional) */

#etalage .etalage_description {
	font-style: italic;
	margin: 10px;
	padding: 6px 10px;
}
/*

 * ------------------------------------ FUNCTIONALITY --------------------------------------

 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.

 * -----------------------------------------------------------------------------------------

 */



.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint {
	display:none
}
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description {
	margin:0;
	padding:0;
	border:0;
	list-style:none
}
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img {
	position:relative
}
.etalage img, .etalage li {
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-webkit-user-drag:none;
	-moz-user-drag:none;
}
.etalage, .etalage_small_thumbs li {
	float:left
}
.etalage_right {
	float:right
}
.etalage li {
	position:absolute
}
.etalage img {
	vertical-align:bottom;
	max-width:none
}
.etalage_magnifier {
	cursor:default
}
.etalage_magnifier div, .etalage_small_thumbs {
	overflow:hidden
}
.etalage_magnifier div img {
	display:none
}
.etalage_icon, .etalage_hint {
	cursor:default;
	width:0;
	height:0;
	overflow:hidden
}
.etalage_small_thumbs li.vertical {
	float:none
}
.etalage_zoom_area {
	z-index:2
}
.etalage_zoom_area div {
	overflow:hidden;
	z-index:997
}
.etalage_zoom_preview {
	position:absolute;
	z-index:998
}
.etalage_zoom_img, .etalage_hint {
	z-index:999
}
.etalage {
	direction:ltr
}
div.etalage_description {
	position:absolute;
	bottom:0;
	left:0;
	z-index:999
}
div.etalage_description.rtl {
	direction:rtl;
	text-align:right
}
.product-img-box .etalage-control a {
	background: url("../images/pager_arrow_large.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 25px;
	position: absolute;
	text-indent: -9999px;
	width: 33px;
}
.product-img-box .etalage-control a.etalage-prev {
	background-position: 10px 4px;
	left:0;
}
.product-img-box .etalage-control a.etalage-next {
	background-position: 10px -29px;
	right:0;
}
.product-img-box {
	position:relative;
}