.suite-gallery {width:300px;}
.suite-gallery, .suite-gallery * { margin: 0; padding: 0;}

/* big images gallery */
.suite-gallery .ad-image-wrapper {height:213px;margin-bottom:3px;position: relative;overflow: hidden;}
.suite-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC;background: url(loader.gif);}
.suite-gallery .ad-image-wrapper .ad-next {position:absolute;right:0;top:0;width:40px;height:100%;cursor:pointer;display: block;z-index: 100;}
.suite-gallery .ad-image-wrapper .ad-prev {position:absolute;left:0;top:0;width: 40px;height: 100%;cursor: pointer;display: block;z-index: 100;}

/* Or else IE will hide it */ .suite-gallery .ad-image-wrapper .ad-prev, .suite-gallery .ad-image-wrapper .ad-next {background: url(non-existing.jpg)\9}

.suite-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .suite-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(ad_prev.png);width: 30px;height: 30px;display: none; position: absolute;top: 47%;left: 0;z-index: 101;}
.suite-gallery .ad-image-wrapper .ad-next .ad-next-image {display: none;background: url(ad_next.png);width: 30px;height: 30px;right: 0;left: auto;}
.suite-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden;top: 0;left: 0;z-index: 9;}
.suite-gallery .ad-image-wrapper .ad-image a img {border: 0;}

.suite-gallery .ad-image-wrapper .ad-image .ad-image-description {display:none;position: absolute;bottom: 0px;left: 0px;padding: 7px;text-align: left;width: 100%;z-index: 2;background: url(opa75.png);color: #000;}
* html .suite-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');}
.suite-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}

/* controls description gallery - countdown - run auto images and your buttons */
.suite-gallery .ad-controls {display: none;height: 20px;}
.suite-gallery .ad-info {float: left;}
.suite-gallery .ad-slideshow-controls {float: right;}
.suite-gallery .ad-slideshow-controls .ad-slideshow-start, .suite-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;}
.suite-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.suite-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}

/* bar thumbs images */	
.suite-gallery .ad-nav {width:300px;position:relative;}
.suite-gallery .ad-forward, .suite-gallery .ad-back {position: absolute;top: 0;height: 100%;z-index: 10;}
/* IE 6 doesn't like height: 100% */ * html .suite-gallery .ad-forward, .suite-gallery .ad-back {height: 100px;}
.suite-gallery .ad-back {cursor: pointer; left: 0;width: 13px;display: block;background: url(ad_scroll_back.png) 0px 12px no-repeat;}
.suite-gallery .ad-forward { cursor: pointer; display: block; right: 0;width: 13px;background: url(ad_scroll_forward.png) 0px 12px no-repeat;}
.suite-gallery .ad-nav .ad-thumbs {overflow: hidden;width: 90%;margin-left:15px;}
.suite-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.suite-gallery .ad-thumbs div {float: left;padding-right: 5px;}
.suite-gallery .ad-thumbs div a {display: block;}
.suite-gallery .ad-thumbs div a img {border: 2px solid #3D2718; display: block;}
.suite-gallery .ad-thumbs div a.ad-active img {border: 2px solid #875A3C;}

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