/* CSS Document */
#gallery { position:relative; margin:0px auto; width:500px; height:500px; }
#imagebox { position:absolute; top:0px; left:50%; height:300px; width:300px; margin-left:-150px;  border:1px solid #999999; overflow:hidden; padding:0px; }
#imagebox img { position:absolute; height: auto; width: auto;  top:0px; left:0px }

#prevset { position:absolute; top:0px; left:-25px; width:24px; height:20px;  text-align:center;  cursor:pointer; background:url(prev.gif) 0 0 no-repeat; }
#nextset { position:absolute; top:0px; right:-25px; width:24px; height:20px;  text-align:center; cursor:pointer;  background:url(next.gif) 0 0 no-repeat;}


.slide { position:absolute; bottom:0px; width:380px;  left:50%; margin-left:-190px; text-align:center; }
#thumbnails { position:relative; margin:0px auto;  height:60px; overflow:hidden; }
#pager { position:absolute; left:0px; top:0px; width:10000px; border: height:50px; line-height:50px; text-align:left;  }
#pager img { width:50px; height:50px; margin:1px; float:left; border:1px solid #fff; cursor:pointer; }
#pager img.activeSlide { display:block; width:50px; height:50px; border:1px solid #000; cursor:pointer; margin:1px; float:left; }

.loader { position:absolute; top:50%; left:50%; width:50px; height:50px; margin-top:-25px; margin-left:-25px;  -moz-opacity: 0; background:url(loader.gif) 0 0 no-repeat; }