/*

 * 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.

 * -------------------------------------------------------------------------------

 */



#example2{
	display: none;
	
}



#example2 .etalage_thumb{

	background: white url(loading.gif) center no-repeat;

	border: 1px solid #ccc;

	padding: 0;

	-webkit-box-shadow: 0 0 10px #ddd;

	-moz-box-shadow: 0 0 10px #ddd;

	box-shadow: 0 0 10px #ddd;

}



#example2 .etalage_zoom_area,

.etalage_zoom_area{

	background: white url(loading.gif) center no-repeat;

	border: 1px solid #666;

	padding: 0;

	-webkit-box-shadow: 0 0 10px #ddd;

	-moz-box-shadow: 0 0 10px #ddd;

	box-shadow: 0 0 10px #ddd;

}



#example2 .etalage_magnifier{

	background: #666;

	border: 1px solid #333;

}



#example2 .etalage_icon{

	background: url(zoom2.gif) no-repeat;

	width: 24px;

	height: 24px;

}



/*

 * ------------------------------------ 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 }

.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 }