#dhtmlgoodies_slideshow{
	width:200px;	/* Total width of slideshow */
}
	
#previewPane{
	margin-right:10px;	
	text-align:center;
	vertical-align:middle;
	padding-top:30px;
	height:385px;
	width:500px;		
	float:left;				
}

#waitMessage{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	
}	

#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	height: 285px;
	/* CSS HACK */
	width: 250px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/250px;	/* Other browsers */
	width: /**/250px;
			
		/* Black border */		
	padding:1px;	/* A little space between the black border and the content inside */
	
}
#galleryContainer #arrow_down{	/* Arrow down image */
	height:35px;
}
#galleryContainer #arrow_up{
	height:35px;	/* Arrow up image */
}

#theImages{	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
	height:200px;	/* Height of boxes for the images */
}
#theImages div{	
	position:relative;	/* Don't change this */
	height:2000px;	/* Higher than total height of thumbnails */
	
}
#theImages img{
	border:0px;	/* No border */
	filter:alpha(opacity=100);	/* Transparency - IE */
	opacity:1; /* Transparency - Firefox */
	padding-top:1px;	/* Space between images */
}
#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	font-style:italic;
	text-align:center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:0.9em;
}
#theImages .imageCaption{
	display:none;
}
