* {margin:0; padding:0}
body {font:12px Verdana, Arial, Helvetica, sans-serif;/* background:#666 url(img/bg.gif)*/}
#gallery {
   /* background: none repeat scroll 0 0 #AAAAAA;*/
    border: 6px solid #FFFFFF;
    margin: 0;
    padding: 10px;
    position: relative;
    width: 600px;
}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {
    background: url("img/loading.gif") no-repeat scroll center center #FFFFFF;
    border: 2px solid #666666;
    height: 330px;
    padding: 5px;
    position: relative;
    width: 590px;
}
#image img {
    height: 330px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 590px;
}
#thumbwrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #666666;
    height: 100px;
    margin-top: 10px;
    padding: 5px 0;
    width: 600px;
}
#thumbarea {
    height: 100px;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    width: 590px;
}
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {
    cursor: pointer;
    height: 330px;
    outline: medium none;
    position: absolute;
    width: 20%;
    z-index: 100;
}
#previmg {left:0; background:url(img/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(img/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}