/*
body {font:12px Verdana, Arial, Helvetica, sans-serif; 
      background :#666 url(Images/bg.gif)}
   
#gallery {position:relative; 
        width:686px; 
        margin:40px auto; 
        padding:0px; 
        border:1px solid #fff; 
        background:#AAA}

#images {border:2px solid #9ac1c9; 
        height:225px; 
        background:#eef5f6; 
        margin-bottom:20px}
        
        
*/

#gallery {position:relative;
          padding: 0px 20px 40px 20px;
          }
  
          
#image {position:relative;
        height:375px; 
        padding :0px 5px 10px 5px; 
      /* width: 400px;
        border:2px solid; */
        background:#FFFFF url(Images/loading.gif) center: center no-repeat}
     
#image img {position:absolute; 
        height:375px; 
        top:5px; 
        left:100px;
        }
  
#thumbwrapper {margin-top:10px; 
        padding:5px; 
        width:680px; 
        height:100px; 
        border:2px solid; 
        background:#FFFFF}
        
#thumbarea {position:relative; 
        overflow:hidden; 
        height:100px; 
        width:682px; }
        
#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 {position:absolute; 
        height:375px; 
        width:10%; 
        z-index:100; 
        outline:none; 
        cursor:pointer}
        
#previmg {left:0; 
        background:url(Images/left.gif) left bottom no-repeat; 
        }
        
#previmg:hover {opacity:1; 
        filter:alpha(opacity=100)}
        
#nextimg {right:0; 
        background:url(Images/right.gif) right bottom no-repeat; 
        }
        
#nextimg:hover {opacity:1; 
        filter:alpha(opacity=100)}