#slide_show_container
{
    margin: 0 0 14px 14px;
    position: relative;
    width: 313px;
    height: 240px;
}
#slide_show_container_small
{
    margin: 0 0 14px 14px;
    position: relative;
    width: 213px;
    height: 240px;
}
#slide_show_container #slide_show_images
{
    position: absolute;
    z-index: 1;
    width: 313px;
    height: 230px;
    overflow: scroll; /* show scroll bars when js is disabled */
}
#slide_show_container_small #slide_show_images_small
{
    position: absolute;
    z-index: 1;
    width: 213px;
    height: 230px;
    overflow: scroll; /* show scroll bars when js is disabled */
}
.javascript_on #slide_show_container #slide_show_images, .javascript_on #slide_show_container_small #slide_show_images_small
{
    /* when js is enabled */
    overflow: hidden; /* changed from visible to hidden to fix Chrome 8.0 bug where scroll wheel causes slide show to scroll */
}

#slide_show_container #slide_show_controls, #slide_show_container_small #slide_show_controls_small
{
    display: none; /* hide controls when js is disabled */
}

.javascript_on #slide_show_container #slide_show_controls
{
    /* when js is enabled */
    display: block;
    position: absolute;
    top: 220px; /*  */
    font-size: 1em;
    margin: 0 0 0 0;
    z-index: 2; /* put the controls in front of the images */
    right: 105px; /* + 105 */
}
.javascript_on #slide_show_container_small #slide_show_controls_small
{
    /* when js is enabled */
    display: block;
    position: absolute;
    top: 220px; /*  */
    font-size: 1em;
    margin: 0 0 0 0;
    z-index: 2; /* put the controls in front of the images */
    right: 105px; /* + 105 */
}

.javascript_on #slide_show_container #slide_show_images a, .javascript_on #slide_show_container_small #slide_show_images_small a
{
    /* when js is enabled */
    position: absolute;
}

#slide_show_container #slide_show_controls a, #slide_show_container_small #slide_show_controls_small a
{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    outline-style: none; /* remove outlines, for FF */
}
#slide_show_numbers a, #slide_show_numbers_small a
{
    width: 16px;
    height: 16px;
    border: 1px solid #ccdeff;
    background-color: #ebf2ff;
    margin: 2px 5px 0 0;
}

#slide_show_container #slide_show_control_prev, #slide_show_container_small #slide_show_control_prev_small
{
    background: transparent url(/images/common/slideshow_arrows.png) no-repeat 0px 0px;
    width: 20px;
    height: 23px;
    margin: 0 5px 0 0;
}
#slide_show_container #slide_show_control_next, #slide_show_container_small #slide_show_control_next_small
{
    background: transparent url(/images/common/slideshow_arrows.png) no-repeat -30px 0px;
    width: 20px;
    height: 23px;
}

#slide_show_numbers .slide_show_control_highlight, #slide_show_numbers a:hover, #slide_show_numbers_small_small .slide_show_control_highlight_small, #slide_show_numbers_small a:hover
{
    border: 1px solid #ccc;
    background-color: white;
    color: #666;
}