.ad-gallery {width: 772px;}
     .ad-gallery, .ad-gallery * {  margin: 0;  padding: 0;}
     .ad-gallery .ad-image-wrapper { width: 772px; height: 500px; 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)\9
      }

     .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-controls {
      height: 20px;color:#000
      }
      
     .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;
      }
      
     .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;top: 15px;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 #333;
      display: block;
      height:60px;
      }
     
     .ad-gallery .ad-thumbs li a.ad-active img {
      border: 3px solid #BC0203;
      }
     
     /* Can't do display none, since Opera won't load the images then */
     
     .ad-preloads {
      position: absolute;
      left: -9000px;
      top: -9000px;
      }