.ad-gallery{ width: 420px;}
.ad-gallery,.ad-gallery *{ margin: 0; padding: 0;}
.ad-gallery .ad-image-wrapper{ width: 100%; height: 400px; 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(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(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(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(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 = '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-slideshow-start, .ad-slideshow-stop{ width:16px; height:16px; float: left;}
.ad-slideshow-start{ background: url(iconplay.png) no-repeat;}
.ad-slideshow-stop{ background: url(iconstop.png) no-repeat;}
.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(ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward{ cursor: pointer; display: block; right: -20px; width: 13px; background: url(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; display: block;}
.ad-gallery .ad-thumbs li a.ad-active img{ border: 3px solid #616161;}
.ad-gallery .ad-thumbs .ad-thumb-list li a img{ max-width: 100px;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{ position: absolute; left: -9000px; top: -9000px;}
/*Outros styles*/
#gallery *{ font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color: #333; line-height: 140%;}
#gallery select,input,textarea{ font-size: 1em;}
#gallery h2{ margin-top: 1.2em; margin-bottom: 0; padding: 0; border-bottom: 1px dotted #dedede;}
#gallery h3{ margin-top: 1.2em; margin-bottom: 0; padding: 0;}
#gallery .example{ border: 1px solid #CCC; background: #f2f2f2; padding: 10px;}
#gallery ul, #gallery li{ list-style-type: none;}
#gallery pre{ font-family: "Lucida Console", "Courier New", Verdana; border: 1px solid #CCC; background: #f2f2f2; padding: 10px;}
#gallery code{ font-family: "Lucida Console", "Courier New", Verdana; margin: 0; padding: 0;}
#gallery{ padding: 30px; margin: 0 auto;}
#descriptions{ position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden;}
#descriptions .ad-image-description{ position: absolute;}
#descriptions .ad-image-description .ad-description-title{ display: block;}