@charset "utf-8";
/* CSS Document */
#gallerywrapper{ background-color:#dadada; width:648px; padding:1px; margin-left:auto; margin-right:auto; outline:none; }
#gallery {position:relative; width:616px; margin:10px auto; margin-top:0px; margin-bottom:0px; padding:10px; border:6px solid #fff; background:#b8b8b8; outline:none;}
#images {border:2px solid #7a7a7a; height:115px; background:#eef5f6; margin-bottom:20px; outline:none;}
#image {position:relative; width:602px; height:263px; padding:5px; border:2px solid #666; background:#fff url(/js/tinyslide/images/loading.gif) center center no-repeat; outline:none;}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:5px; padding:5px 0; width:612px; height:64px; border:2px solid #7a7a7a; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:607px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:64px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer; outline:none;}
.imgnav {position:absolute; height:321px; width:20%; z-index:100; height:263px; width:20%; z-index:100; outline:none; cursor:pointer; }
#previmg {left:0; background:url(/img/arrow_left.png) left center no-repeat; border-left:5px solid #FFF; outline:none;}
#previmg:hover {opacity:1; filter:alpha(opacity=100); outline:none;}
#nextimg {right:0; background:url(/img/arrow_right.png) right center no-repeat; border-right:5px solid #FFF; outline:none;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100); outline:none;}


#images_vert {border:2px solid #7a7a7a; height:115px; background:#eef5f6; margin-bottom:20px}
#image_vert {position:relative; width:289px; height:387px; padding:5px; border:2px solid #666; background:#fff url(/js/tinyslide/images/loading.gif) center center no-repeat}
#image_vert img {position:absolute; top:5px; left:5px}

.imgnav_vert {position:absolute; width:20%; z-index:100; height:300px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg_vert {left:0; background:url(/img/arrow_left.png) left center no-repeat; border-left:5px solid #FFF}
#previmg_vert:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg_vert {right:0; background:url(/img/arrow_right.png) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover_vert {opacity:1; filter:alpha(opacity=100)}