#dhtmlgoodies_slideshow {width: 100%; /*height: 155px;*/ margin: 0; padding: 0;}

#previewPane {
    border:1px solid #000;
    margin-right:10px;
    text-align:center;
    padding-top:30px;
    display: none;

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

    width:1024px;
    float:left;
}


#galleryContainer {     /* Big Div surrounding up image, list of images and down image */
    position: relative;
    background-color: white;
    /* CSS HACK */
    height: 190px;  /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
    /* CSS HACK */
    width: 740px;   /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
    text-align: center;
    vertical-align: center;
    padding: 0;
    /*_top:256px;*/
}
#arrow_up {position: absolute; left: 25px; bottom: -44px; z-index: 4; cursor: pointer; zoom:1;}
*html #arrow_up {position: relative; width:16px; left: -336px; top: 250px; z-index: 4; cursor: pointer;  background:#f00; zoom:1;}
#arrow_down {position: absolute; right: 25px; bottom: -44px; z-index: 2; cursor: pointer; zoom:1;}
*html #arrow_down {position: relative; width:16px; left: 336px; top:40px; z-index: 2; cursor: pointer;  background:#f00; zoom:1;}
#scroll_bar {position: absolute; left: 62px; bottom: -47px; z-index: 2; cursor: pointer; zoom:1;}


#theImages {    /* DIV where the images are located */
        position:relative;
        float: left;
        overflow: hidden;
        height: 190px;  /* Height of boxes for the images */
        width: 100%;
        text-align: left;
        border: 0;
}
#theImages div {text-align: left; position: relative; width: 10000px;}
#theImages img {border: 2px solid #666;}

        #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;
        }

        #slideEnd {
           float: left;
           height: 120px;
           width: 50px;
           border: 0px;
        }