#dhtmlgoodies_slideshow{
width:720px; /* Total width of slideshow */
}
#previewPane{
border:1px solid #000;
margin-right:10px;
text-align:center;
vertical-align:middle;
padding-top:30px;
width:205px;
height: 205px;
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: /**/438px;
/* CSS HACK */
width: 124px; /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
width/* */:/**/120px; /* Other browsers */
width: /**/120px;
border:1px solid #000; /* 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: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;
}