.ad-gallery {width: 560px;}
.ad-gallery, .ad-gallery * {margin: 0;padding: 0;}
#gallery {padding:20px;}
.ad-gallery .ad-image-wrapper {width: 100%;height: 350px;margin-bottom: 10px;position: relative;overflow: hidden;/*border: 1px solid #999999;*/}
.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(images/gallery/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/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(images/gallery/opa75.png);color: #000;font-size:11px;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= 'images/gallery/opa75.png' );}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls {height: 20px;display:none;}
.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%;position: relative;border: 1px solid #999999;padding: 20px 0px 10px 0px;}
.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/gallery/ad_scroll_back.png) 0px 80px no-repeat;}
.ad-gallery .ad-forward {cursor: pointer;display: block;right: -20px;width: 13px;background: url(images/gallery/ad_scroll_forward.png) 0px 80px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {/*border:5px solid #ffffff;width: 98%;*/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: 0px 19px 0px 19px;}
.ad-gallery .ad-thumbs li a {display: block;cursor:pointer;}
.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;}
.ad-gallery .ad-thumbs li a canvas {border-left: 3px solid #ffffff;}

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


#galleryProject {padding:0px 0px 0px 20px;}
#galleryProject.ad-gallery {width: 230px;}
#galleryProject.ad-gallery .ad-nav {padding: 5px 0px 5px 0px;}
#galleryProject.ad-gallery .ad-back {background: url(images/gallery/ad_scroll_back.png) 0px 17px no-repeat;}
#galleryProject.ad-gallery .ad-forward {background: url(images/gallery/ad_scroll_forward.png) 0px 17px no-repeat;}
#galleryProject.ad-gallery .ad-thumbs li {float: left;padding: 0px 5px 0px 5px;}
#galleryProject.ad-gallery .ad-thumbs li a img {border: 2px solid #CCC;display: block;}
#galleryProject.ad-gallery .ad-thumbs li a.ad-active img {border: 2px solid #616161;}
#galleryProject.ad-gallery .ad-thumbs li a canvas {border-left: 2px solid #ffffff;}