.pic-gallery { width: 600px; }
.pic-gallery, .pic-gallery * { margin: 0; padding: 0; }
.pic-gallery .pic-image-wrapper { width: 100%; height: 400px; margin-bottom: 4px; position: relative; overflow: hidden; 
border:1px solid #EFEFEF !important; padding:1px; }
.pic-gallery .pic-image-wrapper .pic-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.pic-gallery .pic-image-wrapper .pic-next { position: absolute; right: 0; top: 0; width: 50%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.pic-gallery .pic-image-wrapper .pic-prev { position: absolute; left: 0; top: 0; width: 50%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.pic-gallery .pic-image-wrapper .pic-prev, .pic-gallery .pic-image-wrapper .pic-next { /* Or else IE will hide it */
background: url(trans.gif); }
.pic-gallery .pic-image-wrapper .pic-prev .pic-prev-image, .pic-gallery .pic-image-wrapper .pic-next .pic-next-image { background: url(ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }

.pic-gallery .pic-image-wrapper .pic-next .pic-next-image { background: url(ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.pic-gallery .pic-image-wrapper .pic-image { position: absolute; overflow: hidden; z-index: 9; top:0; left:0; margin:1px;}
.pic-gallery .pic-image-wrapper .pic-image a img { border: 0; }
.pic-gallery .pic-image-wrapper .pic-image .pic-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(opa75.png); color: #000; }
* html .pic-gallery .pic-image-wrapper .pic-image .pic-image-description { background: none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.pic-gallery .pic-image-wrapper .pic-image .pic-image-description .pic-description-title { display: block; }
.pic-gallery .pic-controls { height: 20px; display: none; }
.pic-gallery .pic-info { float: left; }
.pic-gallery .pic-slideshow-controls { float: right; }
.pic-gallery .pic-slideshow-controls .pic-slideshow-start, .pic-gallery .pic-slideshow-controls .pic-slideshow-stop { padding-left: 5px; cursor: pointer; }
.pic-gallery .pic-slideshow-controls .pic-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.pic-gallery .pic-slideshow-running .pic-slideshow-start { cursor: default; font-style: italic; }
.pic-gallery .pic-nav { width: 100%; position: relative; }
.pic-gallery .pic-forward, .pic-gallery .pic-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .pic-gallery .pic-forward, .pic-gallery .pic-back { height: 100px; }
.pic-gallery .pic-back { cursor: pointer; left: -20px; width: 13px; display: none; background: url(ad_scroll_back.png) 0px 22px no-repeat; }
.pic-gallery .pic-forward { cursor: pointer; display: none; right: -20px; width: 13px; background: url(ad_scroll_forward.png) 0px 22px no-repeat; }
.pic-gallery .pic-nav .pic-thumbs { width: 100%; overflow:hidden; }
.pic-gallery .pic-thumbs .pic-thumb-list { float: left; list-style: none; margin-right:-7px; margin-left:-6px; text-align:center; width:2000px;}
.pic-gallery .pic-thumbs li { float: left; padding:1px; margin:5px 6px 5px 6px; border: 1px solid #ddd; width:75px; height:50px; }
.pic-gallery .pic-thumbs li a { display: block; }
.pic-gallery .pic-thumbs li a img {display: block; opacity:0.6; width:75px; height:50px; }
.pic-gallery .pic-thumbs li a.pic-active img {  opacity:1 }
/* Can't do display none, since Opera won't load the images then */
.pic-preloads { position: absolute; left: -9000px; top: -9000px; }