.ad-gallery {
 width: 450px;
}

.ad-gallery,.ad-gallery * {
 margin: 0;
 padding: 0;
}

.ad-gallery .ad-image-wrapper {
 width: 100%;
 height: 310px;
 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(../img/gallery/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(../img/gallery/ad_prev.png); width : 30px;
 height: 30px;
 display: none;
 position: absolute;
 top: 47%;
 left: 0;
 z-index: 101;
 width: 30px;
}

.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
 background: url(../img/gallery/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 .ad-image-description {
 position: absolute;
 bottom: 0px;
 left: 0px;
 padding: 7px;
 text-align: left;
 width: 100%;
 z-index: 2;
 background: url(../img/gallery/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 = '../img/gallery/opa75.png' );
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title
 {
 display: block;
}

.ad-image-description {
 font-family: Verdana;
 font-size: 8pt;
 font-weight: normal;
 font-variant: normal;
 color: #666666;
 text-decoration: none;
 }

.ad-gallery .ad-controls {
 height: 20px;
}

.ad-gallery .ad-info {
 float: left;
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 font-variant: normal;
 color: #666666;
 text-decoration: none;
}

.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;
 display: none;
}

.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%;
 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(../img/gallery/ad_scroll_back.png) 0px 22px no-repeat;
}

.ad-gallery .ad-forward {
 cursor: pointer;
 display: block;
 right: -20px;
 width: 13px;
 background: url(../img/gallery/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;
 height: 60px;
 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;
}