/****************************************
 * Reset
 ****************************************/

.ad-gallery, .ad-gallery img, .ad-gallery li,
#content .ad-gallery, #content .ad-gallery img, #content .ad-gallery li {
    background: none;
    border: 0;
    float: none;
    margin: 0;
    padding: 0;
}


/****************************************
 * Styles for non-Javascript display
 ****************************************/

.ad-gallery,
#content .ad-gallery {
    margin: 0 0 23px 0;
    overflow: hidden;
}
.ad-gallery li,
#content .ad-gallery li {
    float: left;
    margin: 0 10px 8px 0;
}


/****************************************
 * Styles for Javascript dislay
 ****************************************/

.ad-gallery-js,
#content .ad-gallery-js {
    background: #dfd9bd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 23px 0;
    /*max-width: 385px;*/
    overflow: hidden;
    padding: 20px;
    _width: 385px; /* IE6 */
}
.ad-gallery-js .ad-image-wrapper {
    _height: 240px; /* IE6 */
    overflow: hidden;
    position: relative;
}

/* Loader */

.ad-gallery-js .ad-image-wrapper .ad-loader {
    border: 1px solid #CCC;
    left: 48%;
    position: absolute;
    top: 48%;
    z-index: 10;
}

/* Next and Previous Buttons */

.ad-gallery-js .ad-image-wrapper .ad-prev,
.ad-gallery-js .ad-image-wrapper .ad-next {
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 25%;
    z-index: 100;
}
.ad-gallery-js .ad-image-wrapper .ad-prev {
    left: 0;
}
.ad-gallery-js .ad-image-wrapper .ad-next {
    right: 0;
    _right: -1px; /* IE6 */
}
.ad-gallery-js .ad-image-wrapper .ad-prev .ad-prev-image,
.ad-gallery-js .ad-image-wrapper .ad-next .ad-next-image {
    display: visible !important;
    height: 30px;
    position: absolute;
    top: 47%;
    width: 30px;
    z-index: 101;
}
.ad-gallery-js .ad-image-wrapper .ad-prev .ad-prev-image {
    background: url(ad_prev.png);
    left: 0;
}
.ad-gallery-js .ad-image-wrapper .ad-next .ad-next-image {
    background: url(ad_next.png);
    right: 0;
}

/* Current Image */

.ad-gallery-js .ad-image-wrapper .ad-image {
    overflow: hidden;
    width: 100%;
    z-index: 9;
}
.ad-gallery-js .ad-image-wrapper .ad-image + .ad-image {
    display: none;
}
.ad-gallery-js .ad-image-wrapper .ad-image img,
#content .ad-gallery-js .ad-image-wrapper .ad-image img {
    float: left;
    height: auto;
    _height: 240px; /* IE6 */
    width: 100%;
}

/* Current Image Caption */
.ad-gallery-js .ad-image-wrapper .ad-image .ad-image-description,
#content .ad-gallery-js .ad-image-wrapper .ad-image .ad-image-description {
    background: url(opa75.png);
    bottom: 0;
    color: #000;
    left: 0;
    font-size: 0.688em; /* 11px (11/16) */
    line-height: 1.455em; /* 16px (16/11) */
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 2;
}
.ad-gallery-js .ad-image-wrapper .ad-image .ad-image-description span,
#content .ad-gallery-js .ad-image-wrapper .ad-image .ad-image-description span {
    display: block;
    padding: 7px;
}
.ad-gallery-js .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 7px;
}

/* Controls */

.ad-gallery-js .ad-controls {
    font-size: 0.750em; /* 12px (12/16) */
    line-height: 1.333em; /* 16px (16/12) */
    margin: 8px 0;
    overflow: hidden;
}
.ad-gallery-js .ad-controls .ad-info,
#content .ad-gallery-js .ad-controls .ad-info {
    float: left;
    margin: 0;
    padding: 0;
}
.ad-gallery-js .ad-slideshow-controls {
    float: right;
}
.ad-gallery-js .ad-slideshow-controls .ad-slideshow-start,
.ad-gallery-js .ad-slideshow-controls .ad-slideshow-stop,
.ad-gallery-js .ad-slideshow-controls .ad-slideshow-countdown {
    cursor: pointer;
    padding: 0 0 0 5px;
}
.ad-gallery-js .ad-slideshow-controls .ad-slideshow-start,
.ad-gallery-js .ad-slideshow-controls .ad-slideshow-stop {
    color: #990000;
    font-weight: bold;
}
.ad-gallery-js .ad-slideshow-running .ad-slideshow-start {
    display: none;
}
.ad-gallery-js .ad-slideshow-stop {
    display: none;
}
.ad-gallery-js .ad-slideshow-running .ad-slideshow-stop {
    display: inline-block;
}

/* Thumbnail Navigation */

.ad-gallery-js .ad-nav {
    height: 66px;
    position: relative;
    width: 100%;
}
.ad-gallery-js .ad-forward,
.ad-gallery-js .ad-back {
    cursor: pointer;
    display: block;
    height: 66px;
    position: absolute;
    top: 0;
    width: 13px;
    z-index: 10;
}
.ad-gallery-js .ad-back {
    background: url(ad_scroll_back.png) no-repeat 0 50%;
    left: 0;
}
.ad-gallery-js .ad-forward {
    background: url(ad_scroll_forward.png) no-repeat 0 22px;
    right: 0;
}
.ad-gallery-js .ad-nav .ad-thumbs {
    margin: 0 22px;
    overflow: hidden;
    _width: 330px; /* IE6 */
    zoom: 1; /* IE has layout */
}
.ad-gallery-js .ad-thumbs .ad-thumb-list,
#content .ad-gallery-js .ad-thumbs .ad-thumb-list {
    margin: 0;
    width: 9000px;
}
.ad-gallery-js .ad-thumbs .ad-thumb-list li,
#content .ad-gallery-js .ad-thumbs .ad-thumb-list li {
    margin: 0;
    padding: 0 5px 0 0;
}
.ad-gallery-js .ad-thumbs .ad-thumb-list li a img,
#content .ad-gallery-js .ad-thumbs .ad-thumb-list li a img {
    border: 3px solid #bab599;
	height: 60px;
	width: 90px;
}
.ad-gallery-js .ad-thumbs .ad-thumb-list li a.ad-active img,
#content .ad-gallery-js .ad-thumbs .ad-thumb-list li a.ad-active img {
    border: 3px solid #bab599;
}

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