/*





 * 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 }