.ad-gallery{width: 600px;}
.ad-gallery, .ad-gallery *{margin: 0; padding: 0;}
.ad-gallery .ad-image-wrapper{width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader{position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next{position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev{position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next{/* Or else IE will hide it */ background: url(non-existing.jpg)\9}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background: url(ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background: url(ad_next.png); width: 30px; height: 30px; right: 0; left: auto;} .ad-gallery .ad-image-wrapper .ad-image{position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image a img{border: 0;} .ad-gallery .ad-image-wrapper .ad-image .ad-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 .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{display: block;}
.ad-gallery .ad-controls{height: 20px;} .ad-gallery .ad-info{float: left;}
.ad-gallery .ad-slideshow-controls{float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{padding-left: 5px; cursor: pointer; font-size: 12px}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{padding-left: 5px; font-size: 12px;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{cursor: default; font-style: italic;}
.ad-gallery .ad-nav{width: 100%; position: relative;} .ad-gallery .ad-forward, .ad-gallery .ad-back{position: absolute; top: 0; height: 100%; z-index: 10;} /* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back{height: 100px;}
.ad-gallery .ad-back{cursor: pointer; left: -20px; width: 13px; display: block; background: url(ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward{cursor: pointer; display: block; right: -20px; width: 13px; background: url(ad_scroll_forward.png) 0px 22px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs{overflow: hidden; width: 100%;}
.ad-gallery .ad-thumbs .ad-thumb-list{float: left; width: 9000px; list-style: none;}
.ad-gallery .ad-thumbs li{float: left; padding-right: 5px;} .ad-gallery .ad-thumbs li a{display: block;}
.ad-gallery .ad-thumbs li a img{border: 3px solid #CCC; display: block;}
.ad-gallery .ad-thumbs li a.ad-active img{border: 3px solid #616161;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{position: absolute; left: -9000px; top: -9000px;}