div.content {
    display: none;
    clear: both;
}

div.navigation a.prev {
    background-image: url(prevPageArrowWhite.gif);
}

div.navigation a.next {
    background-image: url(nextPageArrowWhite.gif);
}

ul.thumbs li.selected a.thumb {
    background: #fff;
}

div.navigation a.pageLink {
    height: 16px;
    line-height: 16px;
}

div.slideshow-container {
    position: relative;
    clear: both;
    float: left;
    width: 800px;
    height: 860px;
    background-image:url('../images/container1_bg.png');
    background-repeat: repeat-y;
    background-position: center;
    padding:8px;
    border: 1px solid #2c2929;
    overflow: hidden!important;
}

div.loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 800px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
    height: 860px;
    background-image: url('images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}

div.slideshow span.image-wrapper {
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
}

div.slideshow a.advance-link {
    display: block;
    width: 800px;
    height: 860px;
    line-height: 860px;
    text-align: center;
    background-color:#FFF;
}

div.slideshow a.advance-link img {
    width: 800px;
}
    div.slideshow a.advance-link:hover,
    div.slideshow a.advance-link:active,
    div.slideshow a.advance-link:visited {
        text-decoration: none;
    }

    div.slideshow a.advance-link:focus {
        outline: none;
    }


div.navigation-container {
    float: left;
    position: relative;
}

div.navigation {
    float: left;
    position: relative;
    width: 80px;
    top: 0px;
    margin-left: 8px;
}

    div.navigation a.pageLink {
        display: block;
        position: relative;
        float: left;
        margin: 2px;
        width: 26px;
        left: 27px;
        background-position: center center;
        background-repeat: no-repeat;
    }

        div.navigation a.pageLink:focus {
            outline: none;
        }

ul.thumbs {
    position: relative;
    float: left;
    width: 80px;
    margin: 0;
    padding: 0;
}

    ul.thumbs li {
        float: left;
        padding: 0;
        margin: 2px;
        list-style: none;
    }

a.thumb {
    padding: 1px;
    display: block;
}

    a.thumb:focus {
        outline: none;
    }

ul.thumbs img {
    border: none;
    display: block;
}