.ad-gallery {width:493px;}

.ad-gallery, .ad-gallery * {
	margin:0;
	padding:0;
}

.ad-gallery .ad-image-wrapper {
	width:500px;
	height:340px;
	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:4px;
	top:-7px;
	width:25%;
	height:300px;
	cursor:pointer;
	display:block;
	z-index:100;
}

.ad-gallery .ad-image-wrapper .ad-prev {
	position:absolute;
	left:0;
	top:-7px;
	width:25%;
	height:300px;
	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/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(../images/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:2%;
	text-align:left;
	width:96%;
	z-index:2;
	background:url(../images/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='../images/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-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:485px;
	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;
	top:0;
	left:0;
	width:13px;
	height:127px;
	display:block;
	background:url(../images/prev.jpg) no-repeat;
}

.ad-gallery .ad-forward {
	cursor:pointer;
	display:block;
	right:-10px;
	width:13px;
	background:url(../images/next.jpg) no-repeat;
}

.ad-gallery .ad-nav .ad-thumbs {
	overflow:hidden;
	width:456px;
	margin-left:20px;
}

.ad-gallery .ad-thumbs ul {
	float:left;
	width:9000px;
	list-style:none;
}

.ad-gallery .ad-thumbs li {
	float:left;
	padding-right:10px;
}

.ad-gallery .ad-thumbs li.last {padding-right:0;}

.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;
}

