#gallery {
position:relative;
width:450px;
margin:0;
padding:10px;
background:#abdfec
}

#images {
border:2px solid #CFCFCF;
height:250px;
background:#eef5f6;
margin-bottom:20px
}

#image {
position:relative;
width:435px;
height:250px;
padding:5px;
border: 2px solid #8fcad9;
background:#fff url(images/loading.gif) scroll center center no-repeat
}

#image img {
position:absolute;
top:5px;
left:5px
}

#thumbwrapper {
margin-top:10px;
padding:5px 0; 
width:445px;
height:100px;
border:2px solid #8fcad9;
background:#fff
}

#thumbarea {
position:relative;
overflow:hidden;
height:100px;
width:440px
}

ul#thumbs {
position:absolute;
list-style:none;
margin:0 0 0 5px;
height:100px;
width:10000px;
border-right:5px solid #FFF;
padding: 0;
}

#thumbs li {
background: none;
padding: 0;
float:left;
margin-right:5px;
cursor:pointer
}

.imgnav {
position:absolute;
height:250px;
width:20%;
z-index:100;
height:250px;
width:20%;
z-index:100;
outline:none;
cursor:pointer
}

#previmg {
float: none;
margin: 0;
left:0; 
background:url(images/left.png) left center no-repeat; 
border-left:5px solid #fff
}

* html #previmg {
background:url(images/left.gif) left center no-repeat; 
}

/*#previmg:hover {
opacity:1; 
filter:alpha(opacity=100)
}*/

#nextimg {
float: none; 
margin: 0; 
right:0; 
background:url(images/right.png) right center no-repeat; 
border-right:5px solid #fff
}

* html #nextimg {
background:url(images/right.gif) right center no-repeat; 
}

/*#nextimg:hover {
opacity:1; 
filter:alpha(opacity=100)
}*/