.ContentFlow {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

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

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

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

.ContentFlow .flow .item {
    position: absolute;
    visibility: hidden;
}

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

.ContentFlow .flow .content {
    width: auto;
    height: auto;
}

.ContentFlow .flow .item .overlay {
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.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 .refoverlay {
    position: relative;
    display: block;
}

.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: #FFF;
    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.withReflection .overlay,
* html .ContentFlow .scrollbar .slider .virtualSlider {
    height: 100%;
}

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

.ContentFlow .flow .item .caption {
    font-size: 100%;
    font-weight: 700;
    text-align: center;
    color: #FFF;
    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;
    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;
    position: absolute;
}

* html .ContentFlow .scrollbar .slider {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/slider_white.png')
}

.ContentFlow .scrollbar .slider .position {
    top: 120%;
    font-size: 16px;
    font-weight: 700;
    color: silver;
    position: absolute;
}

.ContentFlow .globalCaption {
    text-align: center;
    font-weight: 700;
    color: #FFF;
    font-size: 14px;
    height: 20px;
    position: relative;
    z-index: 1;
    margin: 50px 0 -10px 0;
}

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

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

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