@media (max-width: 1024px) {
    .ad-gallery {
    	display: none;
    }
    .ad-preloads {
        display: none;
    }

}

@media (min-width: 1025px) {
    .ad-gallery {
    	width: 969px;
    }
    .ad-gallery, .ad-gallery * {
      margin: 0;
      padding: 0;
    }
      .ad-gallery .ad-image-wrapper {
        width: 500px;
        height: 388px;
        margin-bottom: 0px;
        position: absolute;
        overflow: hidden;
        float: right;
        margin-left: 452px;
      }
        .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: none;
          z-index: 100;
        }
        .ad-gallery .ad-image-wrapper .ad-prev {
          position: absolute;
          left: 0;
          top: 0;
          width: 25%;
          height: 100%;
          cursor: pointer;
          display: none;
          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.html)\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 .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;
            display: none;
          }
          * 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;
        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: 526px;
        position: absolute;
        background-color: #807065;
        float: left;
        margin-left: -87px;
        margin-top: 262px;
      }
        .ad-gallery .ad-forward, .ad-gallery .ad-back {
          position: absolute;
          top: 0;
          height: 135px;
          z-index: 10;
          background-color: #807065;
        }
        /* IE 6 doesn't like height: 100% */
        * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
          height: 135px;
        }
        .ad-gallery .ad-back {
          cursor: pointer;
          left: -13px;
          width: 13px;
          display: block;
          background: url(ad_scroll_back.png) 0px 62px no-repeat;
          background-color: #807065;
        }
        .ad-gallery .ad-forward {
          cursor: pointer;
          display: block;
          right: -13px;
          width: 13px;
          background: url(ad_scroll_forward.png) 0px 62px no-repeat;
          background-color: #807065;
        }
        .ad-gallery .ad-nav .ad-thumbs {
          overflow: hidden;
          width: 100%;
          background-color: #807065;
        }
          .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: 5px solid #807065;
                  display: block;
                }
                .ad-gallery .ad-thumbs li a.ad-active img {
                  border: 5px solid #807065;
                }
    /* Can't do display none, since Opera won't load the images then */
    .ad-preloads {
      position: absolute;
      left: -9000px;
      top: -9000px;
    }
}