#gallery {position:relative; width:100%; background:#FFFFFF}
#images {border:1px solid #9ac1c9; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:100%; height:448px; border:1px solid #666; background:#FFF url(../../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:80px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:100%; height:150px; border:1px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:150px; width:100%;}

#thumb_prev {position:absolute;height:129px;width:40px;background:url(../../images/left.gif) left center no-repeat;/* opacity:0.6; not available in CSS 2.1 */}
#thumb_prev:hover {background:url(../../images/left_hover.gif) left center no-repeat;/* opacity:0.8; not available in CSS 2.1 */}

#thumb_next {right:0;position:absolute;height:129px;width:40px;background:url(../../images/right.gif) right center no-repeat;/* opacity:0.6; not available in CSS 2.1 */}
#thumb_next:hover {background:url(../../images/right_hover.gif) right center no-repeat;/* opacity:0.8; not available in CSS 2.1 */}

#thumbs {position:absolute; list-style:none; margin-left:5px; margin-right:5px;height:175px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer;border:1px solid #6e6d6d;}
/*#thumbs li:hover{border:2px solid #1a87bc}*/
.imgnav {position:absolute; height:448px; width:20%; z-index:100; outline:none; cursor:pointer}
.imgnav_disabled{/* opacity:0.3;  not available in CSS 2.1 */ position:absolute; height:448px; width:20%; z-index:100; outline:none; cursor:default}
#previmg {left:0; background:url(../../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {/* opacity:1;  not available in CSS 2.1 */ /* filter:alpha(opacity=100); not available in CSS 2.1 */ background:url(../../images/left_hover.gif) left center no-repeat;}
#nextimg {right:0; background:url(../../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {/* opacity:1; filter:alpha(opacity=100);  not available in CSS 2.1 */ background:url(../../images/right_hover.gif) right center no-repeat;}

#previmg_dis {left:0; background:url(../../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#nextimg_dis {right:0; background:url(../../images/right.gif) right center no-repeat; border-right:5px solid #FFF}

.next {position:absolute; margin-top:-5px; height:160px; width:25px; z-index:10000; outline:none; cursor:pointer;}
.prev {position:absolute; margin-top:-5px; height:160px; width:25px; z-index:10000; outline:none; cursor:pointer;}

#prevsmall {left:0; background:url(../../images/leftSmall.gif) left center no-repeat; }
#prevsmall:hover {/* opacity:1;  not available in CSS 2.1 */ /* filter:alpha(opacity=100); not available in CSS 2.1 */ background:url(../../images/left_hoverSmall.gif) left center no-repeat;}
#nextsmall {right:0; background:url(../../images/rightSmall.gif) right center no-repeat; }
#nextsmall:hover {/* opacity:1; filter:alpha(opacity=100);  not available in CSS 2.1 */ background:url(../../images/right_hoverSmall.gif) right center no-repeat;}

