/*
 * Title: jQuery Etalage plugin CSS
 * Author: Berend de Jong, Frique
 * Author URI: http://www.frique.me/
 * Version: 1.3.2 (20120904.1)
 *
 * ------------------------------------ STYLE ------------------------------------
 * Edit this section to style your thumbnails, zoom area, magnifier etc.
 * If the id of your Etalage instance is different, do a find/replace on #etalage.
 * -------------------------------------------------------------------------------
 */

#etalage{
	display: none;
	margin-top: 50px;
}
#etalage img{ max-width:inherit!important;}
#etalage .etalage_thumb{
	background: white url(loading.gif) center no-repeat; border: 1px solid #eee;  
/*	-webkit-box-shadow: 0 0 7px #aaa;
	-moz-box-shadow: 0 0 7px #aaa;
	box-shadow: 0 0 7px #aaa;*/
	
}

#etalage .etalage_small_thumbs li{
	margin: 5px!important;
	cursor: pointer;
	border: 1px solid #ddd;
}

#etalage ul li.etalage_smallthumb_active{
	/*-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;*/
	cursor: default;
}

#etalage .etalage_zoom_area,
.etalage_zoom_area{
	background: url(loading.gif) center no-repeat;
	/*-webkit-box-shadow: 0 0 5px #333;
	-moz-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;*/
	border:1px solid #eee;
	background-color:#fff;
	 
}

#etalage .etalage_magnifier{
	background: white;
	-moz-box-shadow:0px 5px 25px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 5px 25px rgba(0, 0, 0, 0.1);
	box-shadow:0px 5px 25px rgba(0, 0, 0, 0.1);}

/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{
	background: url(zoom.png) no-repeat;
	width: 14px;
	height: 14px;
}
 

/*
 * ------------------------------------ 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:996 */z-index:1}
.etalage_zoom_area div{ overflow:hidden;/* z-index:997*/ z-index:1}
.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 }