.ContentFlow
{
    float: left;
    width: 600px;
    height: 200px !important;
    margin: 15px 0 0 0 !important;
}

    .ContentFlow .flow
    {
        height: 120px !important;
        margin: 0 !important;
        overflow: hidden;
    }

        .ContentFlow .flow .item canvas.content
        {
            height: 100%;
            width: 100%;
        }

        .ContentFlow .flow .item.active
        {
            cursor: pointer;
        }

        .ContentFlow .flow .item .caption
        {
            font: 11pt Arial, Helvetica, sans-serif;
            color: #888;
            text-align: center;
            color: #000;
            max-height: 30%;
            bottom: 10%;
            background: url(../img/1x1_0.5_black.png);
            width: 100%;
            position: absolute;
            display: none;
        }

        * html .ContentFlow .flow .item .caption
        {
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/1x1_0.5_black.png');
        }

    .ContentFlow .scrollbar
    {
        width: 50%;
        height: 16px;
        background: url(../img/scrollbar_white.png) left center repeat-x;
        overflow: visible;
        position: relative;
        z-index: 1;
        visibility: hidden;
        margin: 10px auto 0;
    }

        .ContentFlow .scrollbar .slider
        {
            width: 16px;
            height: 16px;
            background: url(../img/slider_white.png) center center no-repeat;
            cursor: move;
            position: absolute;
        }

        * html .ContentFlow .scrollbar .slider
        {
            background-image: none;
        }

            * html .ContentFlow .scrollbar .slider .virtualSlider
            {
                filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../img/slider_white.png');
                height: 100%;
            }

            .ContentFlow .scrollbar .slider .position
            {
                top: 120%;
                font-size: 12px;
                font-weight: 700;
                color: #333;
                position: absolute;
                text-align: center;
            }

    .ContentFlow .globalCaption
    {
        text-align: center;
        font: 10pt Arial, Helvetica, sans-serif;
        color: #333;
        height: 20px;
        position: relative;
        z-index: 1;
        margin: 2px auto;
    }

        .ContentFlow .globalCaption .caption b
        {
            font: bold 12pt Arial, Helvetica, sans-serif;
        }

    .ContentFlow .loadIndicator
    {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 65000;
    }

        .ContentFlow .loadIndicator .indicator
        {
            background: url(../../UI/img/loader.gif) center center no-repeat;
            width: 100%;
            height: 100%;
        }

        * html .ContentFlow .loadIndicator .indicator
        {
            height: 100px;
        }

.ContentFlow
{
    position: relative;
    overflow: hidden;
}

    .ContentFlow *
    {
        margin: 0;
        padding: 0;
    }

    .ContentFlow img
    {
        -ms-interpolation-mode: bicubic;
    }

    .ContentFlow .mouseoverCheckElement
    {
        position: absolute;
        width: 0;
        height: 0;
        left: 0;
        visibility: hidden;
    }

    .ContentFlow:hover .mouseoverCheckElement
    {
        left: 1px;
    }

    .ContentFlow .flow
    {
        position: relative;
        z-index: 0;
        visibility: hidden;
        width: 100%;
        margin: 0 auto;
    }

        .ContentFlow .flow.hidden
        {
            visibility: hidden;
        }

        .ContentFlow .flow .item
        {
            position: absolute;
            visibility: hidden;
            top: 0;
            left: 0;
            cursor: pointer;
        }

            .ContentFlow .flow .item div.content
            {
                width: 100%;
                height: 100%;
            }

            .ContentFlow .flow .item .label
            {
                display: none;
            }

            .ContentFlow .flow .item canvas.reflection
            {
                margin-top: -1px;
            }

            .ContentFlow .flow .item img.content, .ContentFlow .flow .item img.reflection, .ContentFlow .flow .item canvas.reflection
            {
                width: 100%;
            }

            .ContentFlow .flow .item .caption a, .ContentFlow .flow .item .caption a:link, .ContentFlow .flow .item .caption a:visited, .ContentFlow .flow .item .caption a:active, .ContentFlow .flow .item .caption a:hover, .ContentFlow .globalCaption .caption a, .ContentFlow .globalCaption .caption a:link, .ContentFlow .globalCaption .caption a:visited, .ContentFlow .globalCaption .caption a:active, .ContentFlow .globalCaption .caption a:hover
            {
                color: #000;
                font-size: 0.8em;
                font-style: italic;
                text-decoration: none;
            }

                .ContentFlow .flow .item .caption a:hover, .ContentFlow .globalCaption .caption a:hover
                {
                    text-decoration: underline;
                }

            .ContentFlow .flow .item .content, .ContentFlow .flow .item .reflection
            {
                display: block;
            }