/*
These styles are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	text-align: left;
}

.slideshow-images {
	display: block;
	/* height: height_of_slideshow_or_default_image */
	overflow: hidden;
	position: relative;
	/* width: width_of_slideshow_or_default_image */
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/*
The images div is where the slides are shown.
Customize these classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images-visible { 
	left: 0; 
	opacity: 1; 
	top: 0; 
}	
.slideshow-images-next { 
	left: 0; 
	opacity: 0; 
	top: 0; 
}
.slideshow-images-prev { 
	left: 0; 
	opacity: 0; 
	top: 0; 
}