#gallery {padding:30px 16px;border:1px solid #ddd;margin-top:8px}
.ad-gallery{width:700px;float:left}
.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(../images/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(../images/ad_prev.png);width:30px;height:30px;position:absolute;top:47%;left:0;z-index:101}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:url(../images/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;color:#f00;filter:alpha(opacity=50);opacity:0.5;background:#000}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{background:#000;filter:alpha(opacity=50);opacity:0.5;color:#f00}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{display:block}
.ad-gallery .ad-controls{height:40px;line-height:40px}
.ad-gallery .ad-info{float:left}
.ad-gallery .ad-slideshow-controls{float:right;color:#F00}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{padding-left:5px;cursor:pointer}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{padding-left:5px;font-size:0.9em}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{cursor:default;font-style:italic}
.ad-gallery .ad-nav{width:99%;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(../images/ad_scroll_back.png) 0px 22px no-repeat}
.ad-gallery .ad-forward{cursor:pointer;display:block;right:-20px;width:13px;background:url(../images/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:2px solid #ddd;display:block;width:100px;height:75px}
.ad-gallery .ad-thumbs li a.ad-active img{border:2px solid #f30}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{position:absolute;left:-9000px;top:-9000px}