#dhtmlgoodies_slideshow {
width: 720px;	/* Total width of slideshow */
}
	
#previewPane {
border:0px solid #000;
margin-right:10px;	
text-align:center;
vertical-align:middle;
padding-top:30px;

/* CSS HACK */
height: 452px;	/* IE 5.x */
height/* */:/**/420px;	/* Other browsers */
height: /**/420px;

width:580px;		
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 */
/* CSS HACK */
height: 454px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
height/* */:/**/438px;	/* Other browsers */
height: /**/450px;
/* CSS HACK */
width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
width/* */:/**/120px;	/* Other browsers */
width: /**/120px;
border:0px solid #000;	/* Black border */		
padding:1px;	/* A little space between the black border and the content inside */
padding-top: 30px;
}
#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:375px;	/* Height of boxes for the images */
}
#theImages div {	
position:relative;	/* Don't change this */
height:1500px;	/* Higher than total height of thumbnails */
}
#theImages img {
border:0px;	/* No border */
filter:alpha(opacity=50);	/* Transparency - IE */
opacity:0.5; /* 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;
}