.ad-gallery {width:664px;}
.ad-gallery, .ad-gallery * {margin: 0; padding: 0;}
.ad-gallery .ad-image-wrapper { height:310px; margin-bottom: 0; overflow: hidden; position: relative; width: 100%;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute; z-index: 10; top: 0; left: 0;}
.ad-gallery .ad-image-wrapper a{color:white; text-decoration:none;}
.ad-gallery .ad-image-wrapper a:hover{text-decoration:underline;}
.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; 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 .ad-image-description {position: absolute;  bottom: 0px; left: 0px; padding: 0px; text-align: left; width: 100%;  z-index: 2; background: url(../images/opa75.png); color: #000;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description img{border:1px solid red;}
* 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;}
.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 {margin:0; position: relative; width:100%;}
.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;*/ display: block; left:10px; width:15px; background: url(../images/prev-arrow.png) 50% 50% no-repeat;}
    
.ad-gallery .ad-forward {cursor: pointer; display: block; right:10px; width:15px; background: url(../images/next-arrow.png) 50% 50% no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {margin-left: 0; 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:0 1px 0px 0px;}
.ad-gallery .ad-thumbs li.first{padding-left:0;}
.ad-gallery .ad-thumbs li.last{padding-right:0;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {}

.ad-gallery .ad-thumbs li.first a img, .ad-gallery .ad-thumbs li.last a img  {}
.ad-gallery .ad-thumbs li.first a.ad-active img, .ad-gallery .ad-thumbs li.last a.ad-active img {}

/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position: absolute; left: -9000px; top: -9000px;}
.ad-description-title {
	width:664px; height:307px; }