#gallery {position: relative; margin-top:3px; overflow: hidden; height:405px /* FF .8 */; width:555px; background:#fff; border: 2px solid #fff; z-index: 1/* IE Mac */; display: inline-block;}

#gallery li {display: inline; overflow: hidden; height: 81px; width: 111px;}

#gallery li img {border: 3px solid #fff; width:105px; height:75px; display: block; margin:0 auto; position: relative; z-index:10;}
/* overflow:hidden will break FF 0.8 */ 

#gallery li a {display: block; float:left; height:81px !important /* IE5 Mac */; width:111px; position: relative; color:#000}

#gallery li a:hover {color: #666; background:#fff} 

#gallery li a:hover img,

#gallery li a:focus img,#gallery li a:active img {border-color:#c1d837}

#gallery span {position: absolute; top:0; margin-top:2.2em; padding:0 3px; z-index:1}

.transparent {opacity:.2;-moz-opacity:0.2}

.nonOpaque {opacity:1;-moz-opacity:1}

a.transparent {cursor:default}

a.nonOpaque {cursor:pointer}

/* kepek neve */
#zDIV_slideShow a {color: #533007; background-color: #ffffff;}

#zDIV_slideShow {display:none; position:absolute; top:0 !important; width:100%; height:100%; background-position: 100% 100%; background-repeat:no-repeat; text-align:center; margin:0; z-index:10/* IE Mac */}

/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:0% !important; background-color: rgba(204,204,255,0.75);} }

#zA_previous,#zA_next,#zA_close {background:transparent !important}

#zA_previous img,#zA_next img,#zA_close img {border:0 !important; margin:5px 2px; margin-bottom:-5px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}

#zA_title {display:block; font-size: 12px; margin:15px auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */; padding: 5px; width:90%; background-color: #FFFFFF !important; cursor:default;text-decoration: none; font-weight: bold;}

#zDIV_slideShow #zA_description {color: #533007; padding:5px 3px; border: 0px; width:350px; margin:0 auto; display:block}

/* kepek szama */
#zDIV_counter {display:block; width:10em; margin:9px auto; background:#ffffff; color:#533007; padding:3px; font: 10px tahoma, Arial, Helvetica, sans-serif}

#zIMG {margin-top:15px; padding: 1px; background:#fff; border: 1px solid #533007;}

#zDIV_slideShow {padding-bottom: 0px !important} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}