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

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

	/* Height of preview pane. Change this if you want a different size for the preview pane */
	height: 222px;	/* IE 5.x 	400 + 2px border + 30 px padding */
	height/* */:/**/190px;	/* Other browsers */
	height: /**/190px;
}

#galleryContainer{		
	border:1px solid #CCCCCC;	/* Light gray border around the filmstrip */		
	/*
	Don't change these three values 
	*/
	position:relative;
	overflow:hidden;
	padding:2px;
	background-color: black;
	
	/* CSS HACK */
	height: 132px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/130px;	/* Other browsers */ /* Height of the small images + 2 */
	height: /**/130px;
}

/*
CSS for the left arrow div
*/
#arrow_left{
	position:absolute;
	left:0px;
	z-index:10;
	padding:0px;
}
/*
CSS for the right arrow div
*/
#arrow_right{
	position:absolute;
	right:0px;
	z-index:10;
	padding:0px;		
}
#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:10px;	/* Space around the filmstrip imags */
	cursor:pointer;
	border:0px;
	float:left;
}