.ad-gallery { width:770px; height:300px; margin:0 auto; }
.ad-gallery * { margin:0; padding:0; }
.ad-gallery .ad-image-wrapper { width:770px; height:300px; position:relative; overflow:hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position:absolute; z-index:10; top:30%; left:48%; }
.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);}
.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; display:none; 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; background:url(../images/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='../images/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; }
.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:100%; height:34px; position:absolute; z-index:500; margin-top:-44px; padding:5px 0px; background:url(../images/png.png) repeat-x 0 0;  }
.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; height:100%; padding:0px 20px; }
.ad-gallery .ad-thumbs .ad-thumb-list { width:500px; height:100%; float:left; list-style:none; }
.ad-gallery .ad-thumbs li { float:left; padding-right:5px; }
.ad-gallery .ad-thumbs li div { height:100%; }
.ad-gallery .ad-thumbs li a { display:block; }
.ad-gallery .ad-thumbs li a img { width:70px; height:30px; border:2px solid #CCC; display:block; }
.ad-gallery .ad-thumbs li a.ad-active img { border:2px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position:absolute; left:-9000px; top:-9000px; }
.ad-loader { background:url(../images/loaderbg.png) no-repeat 0 0 transparent; padding:11px; }