/*.ad-gallery {

  width: 600px;

}*/

ul .ui-corner-all {
	margin-right: -3px;	/*added to prevent wrapping of the last list item to next line*/
}

.ad-gallery, .ad-gallery * {

  margin: 0;

  padding: 0;
  
  color: #FFF;
  

}

  .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)\9

    }

      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {

        background: url(../images/ad_prev.png);

       /* width: 30px;*/ width:5px;

        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/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 {
		
		font-size:12px;
		
        position: absolute;

        bottom: 0px;

        left: 0px;

        padding: 7px;

        text-align: left;

        width: 100%;

        z-index: 2;

        background: url(../images/opa75black.png);

        color: #FFF;
		
		opacity: 0.8;filter:alpha(opacity=0.8)

      }
	  
	 /* .ad-gallery {
			color: #FFF;
			opacity: 1;filter:alpha(opacity=1);
	  }*/

      * 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;
	  /*font-size:12px;*/

    }
	
	.ad-info {font-size: 11px;color: #333;font-family: Arial, Helvetica, sans-serif;}

    .ad-gallery .ad-slideshow-controls {

      float: right;
	  font-size: 11px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #333;

    }

      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {

        padding-left: 5px;

        cursor: pointer;
		
		font-size: 11px;
	  font-family: Arial, Helvetica, sans-serif;
	  color: #333;

      }

      .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;

      width: 13px;

      display: block;

      background: url(../images/ad_scroll_back.png) 0px 22px no-repeat;

    }

    .ad-gallery .ad-forward {

      cursor: pointer;

      display: block;

      right: -20px;

      width: 13px;

      background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat;

    }

    .ad-gallery .ad-nav .ad-thumbs {

      overflow: hidden;

      width: 98%;
	  
	  /*left: -20px;*/
	left: 20px;
	  
	  position:relative;

    }

      .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;

            }

/* Can't do display none, since Opera won't load the images then */

.ad-preloads {

  position: absolute;

  left: -9000px;

  top: -9000px;

}