#slideshow{ width:520px; /* Total width of slideshow */ } #previewPane{ margin-bottom:10px; text-align:center; vertical-align:middle; padding-top:10px; position:relative; /* CSS HACK */ height: 432px; /* IE 5.x */ height/* */:/**/420px; /* Other browsers */ height: /**/420px; } #previewPane img{ line-height:400px; } #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; } #galleryContainer{ height:122px; /* Height of the images + 2 */ border:1px solid #CCCCCC; position:relative; overflow:hidden; padding:3px; /* CSS HACK */ height: 124px; /* IE 5.x - Added 2 pixels for border left and right */ height/* */:/**/122px; /* Other browsers */ height: /**/122px; } #arrow_left{ position:absolute; left:0px; z-index:20; background-color: #FFF; padding:1px; } #arrow_right{ position:absolute; right:0px; z-index:20; background-color: #FFF; padding:1px; } #theImages{ position:absolute; height:100px; left:40px; width:100000px; } #theImages #slideEnd{ float:left; } #theImages img{ float:left; padding:1px; filter: alpha(opacity=50); opacity: 0.5; cursor:pointer; border:0px; } #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; } #theImages .imageCaption{ display:none; }