/*

* @package Trego

* @copyright (C) 2014 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;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;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}