﻿@charset "utf-8";
/* ImageFlow Settings
 ==================================== */
@media screen, projection { .imageflow {overflow:hidden;
        position: relative;
        text-align: left;
        visibility: hidden;
        width:
        100%;
}

.imageflow img {
        border: none;
        position: absolute;
        top: 0px;
        visibility: hidden;
        -ms-interpolation-mode: bicubic; /* Enables bicubic image resampling for the IE7 */
}

.imageflow p {
        margin: 0 auto;
        text-align: center;
}

.imageflow .loading {
        border: 1px solid white;
        height: 15px;
        left: 50%;
        margin-left: -106px;
        padding: 5px;
        position: relative;
        visibility: visible;
        width: 200px;
}

.imageflow .loading_bar {
        background: #fff;
        height: 15px;
        visibility: visible;
        width: 1%;
}

.imageflow .navigation {
        z-index: 10000;
}

.imageflow .caption {
        font-weight: bold;
        position: absolute;
        text-align: center;
        z-index: 10001;
        bottom: 25px;
        color: #555555;
}

.imageflow .scrollbar {
        border-bottom: 1px solid #999999;
        position: absolute;
        visibility: hidden;
        z-index: 10002;
        height: 1px;
        bottom: 50px;
}

.imageflow .slider {
        background: url(slider.png) no-repeat;
        width: 11px;		
        height: 10px;		
        margin: -3px 0 0 -7px;
        position: absolute;
        z-index: 10003;
}

.imageflow .slideshow {
        cursor: pointer;
        height: 14px;
        margin: 20px 0 0 20px;
        position: absolute;
        width: 14px;
        z-index: 10003;
}

.imageflow .slideshow.pause {
        background: url(button_pause.png) no-repeat;
}

.imageflow .slideshow.play {
        background: url(button_play.png) no-repeat;
}

.imageflow .images {
        overflow: hidden;
        white-space: nowrap;
}

.imageflow .button {
        cursor: pointer;
        height: 17px;
        position: relative;
        width: 17px;
}

.imageflow .previous {
        background: url(button_left.png) top left no-repeat;
        float: left;
        margin: -7px 0 0 -30px;
}

.imageflow .next {
        background: url(button_right.png) top left no-repeat;
        float: right;
        margin: -7px -30px 0 30px;
}
}