@media screen and (min-width: 985px) {
    .gallery-content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
        display: none;
        float: left;
        width: 600px;
    }

        .gallery-content a, .navigation a {
            text-decoration: none;
            color: #fff;
        }

            .gallery-content a:focus, .gallery-content a:hover, .gallery-content a:active {
                text-decoration: underline;
            }

    .slideshow-container {
        position: relative;
        clear: both;
        width: 600px;
        height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
    }

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

    .slideshow {
    }

        .slideshow .image-wrapper {
            display: block;
            position: absolute;
            background-color: black;
        }

        .slideshow a.advance-link {
            display: block;
            width: 600px;
            height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */ /*line-height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
            text-align: center;
        }

            .slideshow a.advance-link:hover, .slideshow a.advance-link:active, .slideshow a.advance-link:visited {
                text-decoration: none;
            }

        .slideshow img {
            border: none;
        }

    .btm-container {
        width: 600px;
        height: 127px;
    }

    .caption-container {
        position: relative;
        height: 127px;
        width: 340px;
        float: right;
        background-color: #000;
    }

    .image-caption {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

    .caption {
        padding: 2px 20px 12px 20px;
        width: 300px;
        height: 103px;
    }

    .image-desc { /*line-height: 1.3em; 	padding-top: 12px;*/
    }

    .navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
    }

    #thumbs {
        background-color: #000;
        height: 127px;
        opacity: 0.8 !important;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80) !important; /*-ms-filter must come before filter*/
        filter: alpha(opacity=80) !important;
        float: left;
        width: 260px;
        display: block;
    }

    ul.thumbs {
        margin: 0;
        padding: 0;
        display: block;
    }

        ul.thumbs li {
            margin-top: 9px;
            margin-left: 9px;
            margin-bottom: 0;
            margin-right: 0;
            float: left;
            padding: 0;
            list-style: none;
            width: 71px;
            height: 46px;
            display: block;
        }

    a.thumb {
        display: block;
    }

    ul.thumbs li.selected a.thumb img {
        width: 71px;
        height: 46px;
        border: 2px solid #fff;
    }

    a.thumb:focus {
        outline: none;
    }

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

    .pagination {
        display: none;
    }

    .slideshow img {
        height: 400px;
        width: auto;
        max-width: 600px;
        margin: 0 auto;
    }

    .caption h1 {
        color: #fff;
        font-weight: bold;
        font-size: 20px !important;
        margin: 5px 0;
        padding: 0;
    }

        .caption h1 a {
            font-size: 20px !important;
        }

    .caption p {
        color: #b3b3b3;
        font-size: 14px;
        margin: 0;
    }
}