#dhtmlgoodies_slideshow{
	width:430px;	/* Total width of slideshow. Change this value if you want a different width of the slideshow*/
}

#previewPane{

	border:1px solid #CCCCCC;	/* Light gray border around preview pane */
	margin-bottom:10px;	
	text-align:center;	/* Center align preview images */
	padding-top:10px;

	/* Height of preview pane. Change this if you want a different size for the preview pane */
	height: 352px;	/* IE 5.x 	400 + 2px border + 30 px padding */
	height/* */:/**/320px;	/* Other browsers */
	height: /**/320px;
			
}
#galleryContainer{		
	border:1px solid #CCCCCC;	/* Light gray border around the filmstrip */		
	/*
	Don't change these three values 
	*/
	position:relative;
	overflow:hidden;
	padding:1px;
	
	/* CSS HACK */
	height: 84px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/82px;	/* Other browsers */ /* Height of the small images + 2 */
	height: /**/82px;

		
}
/*
CSS for the left arrow div
*/
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;
}
/*
CSS for the right arrow div
*/
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	background-color: #FFF;
	padding:1px;		
}
#theImages{
	position:absolute;
	height:100px;	/* Height of filmstrip images */
	left:40px;	/* Left position is set to 40 pixels since the left arrow is 40 pixels wide */
	width:100000px;	/* Just to make sure that all the images fit into one row */
	
}
#theImages #slideEnd{
	float:left;
}
#theImages img{		
	padding:1px;	/* Space around the filmstrip imags */
	filter: alpha(opacity=50);	/* Opacity of inactive images*/
	opacity: 0.5;	/* Opacity of inactive images*/
	cursor:pointer;
	border:0px;
	float:left;
}