﻿/* Etalage container (large thumb + small thumbs): */
#przoom{display: none;margin-bottom: 10px; margin-top:0px; float:left;}
/* Large thumbnail: */
#przoom .przoom_thumb{background: white url(../images/loading.gif) center no-repeat; padding: 0px;/*border: 1px solid #CED0DC;-webkit-box-shadow: 0 0 10px #ddd;-moz-box-shadow: 0 0 10px #ddd;	box-shadow: 0 0 10px #ddd; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;*/}
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#przoom .przoom_thumb_image{ }
/* Small thumbnails: */
#przoom .przoom_small_thumbs li{background:white;border:1px solid #CED0DC;margin:10px;padding:0px;/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;*/}
/* The one on the left that makes them slide */
#przoom ul li.przoom_smallthumb_first{ }
/* The one on the right that makes them slide */
#przoom ul li.przoom_smallthumb_last{ }
/* The currently active one */
#przoom ul li.przoom_smallthumb_active{-webkit-box-shadow: 0 0 10px #ddd;-moz-box-shadow: 0 0 10px #ddd;box-shadow: 0 0 10px #ddd;}

/* Zoomed image area: */
#przoom .przoom_zoom_area,
.przoom_zoom_area{background: white url(../images/loading.gif) center no-repeat;border: 1px solid #CED0DC;	padding: 6px;-webkit-box-shadow: 0 0 10px #ddd;	-moz-box-shadow: 0 0 10px #ddd;	box-shadow: 0 0 10px #ddd;}

/* Magnifier area (thumbnail hovering rectangle): */
#przoom .przoom_magnifier{background: white;border: 1px solid #CED0DC;}

/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#przoom .przoom_icon{background: url(../images/zoom.png) no-repeat;	width: 16px;height: 16px;}

/* Hint that will apear at the top right of the large thumbnail (optional): */
#przoom .przoom_hint{width: 100px;height: 100px;}

/* Description area (optional) */
#przoom .przoom_description{background: #FFFFFF; font-style: italic;	margin: 10px;	padding: 6px 10px;}

.przoom, .przoom_thumb, .przoom_thumb_image, .przoom_source_image, .przoom_zoom_preview, .przoom_icon, .przoom_hint{ display:none }
.przoom, .przoom ul, .przoom li, .przoom img, .przoom_hint, .przoom_icon, .przoom_description{ margin:0; padding:0; border:0; list-style:none }
.przoom, .przoom_magnifier div, .przoom_magnifier div img, .przoom_small_thumbs ul, ul .przoom_small_thumbs li, .przoom_zoom_area div, .przoom_zoom_img{ position:relative }
.przoom img, .przoom 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 }
.przoom, .przoom_small_thumbs li{ float:left }
.przoom_right{ float:right }
.przoom li{ position:absolute }
.przoom img{ vertical-align:bottom; max-width:none }
.przoom_magnifier{ cursor:default }
.przoom_magnifier div, .przoom_small_thumbs{ overflow:hidden }
.przoom_magnifier div img{ display:none }
.przoom_icon, .przoom_hint{ cursor:default; width:0; height:0; overflow:hidden }
.przoom_small_thumbs li.vertical{ float:none }
.przoom_zoom_area div{ overflow:hidden; z-index:997 }
.przoom_zoom_preview{ position:absolute; z-index:998 }
.przoom_zoom_img, .przoom_hint{ z-index:999 }
.przoom{ direction:ltr }
div.przoom_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.przoom_description.rtl{ direction:rtl; text-align:right }