/* <rde-dm:attribute mode="write" attribute="rdeResponseMimetype" source="request" value="text/css" /> */
/* CSS Document */
/* ************ */
/* Slideshow Styles */
/* ************ */

#gallery {width:580px; padding:5px; margin:0 auto; text-align:center;}
#gallery #imagewrapper {float:left; position:relative; width:580px; overflow:hidden;}
#gallery #image {position:relative; width:580px; height:375px; overflow:hidden;}
#gallery #image img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; 
    left:expression(this.parentNode.clientWidth/2 - this.clientWidth/2 + " px");
    top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2 + " px");
}
#gallery .imgnav {float:left; position:absolute; width:60px; height:375px; z-index:100; outline:none; cursor:pointer;}
#gallery #previmg {left:0; background:url(/pub/img/slideshowLeft.gif) left center no-repeat;}
#gallery #previmg:hover {opacity:1; filter:alpha(opacity=100);}
#gallery #nextimg {right:0; background:url(/pub/img/slideshowRight.gif) right center no-repeat;}
#gallery #nextimg:hover {opacity:1; filter:alpha(opacity=100);}
#gallery #thumbwrapper {float:left; position:relative; width:580px; height:60px; margin:5px auto; padding:0;}
#gallery #thumbarea {float:left; position:relative; width:540px; height:60px; text-align:left; overflow:hidden;}
#gallery #slider {position:relative; width:540px; height:60px; margin:0; padding:0;}
#gallery #thumbs {position:relative; width:10000px; height:50px; text-align:left; list-style:none; margin:0; padding:0;}
#gallery #thumbs li {float:left; height:50px; width:86.4px; margin:0 5px 0 0; border:3px #666 solid; overflow: hidden; cursor:pointer;}
#gallery #prevthumb {float:left; position:relative; width:20px; height:57px; background:url(/pub/img/scroll-left.gif) center center no-repeat;}
#gallery #prevthumb:hover {display:block; background-color:#333;}
#gallery #nextthumb {float:right; position:relative; width:20px; height:57px; background:url(/pub/img/scroll-right.gif) center center no-repeat;}
#gallery #nextthumb:hover {display:block; background-color:#333;}
#gallery #info {float:left; position:relative; width:580px; text-align:left; margin-top:10px; padding:0;}
#gallery #info p {margin-bottom:1.2em; font-size:1.0em;}