.ppy-outer {
    display: none;
    background: rgb(105, 143, 206);
}

.ppy-active .ppy-outer {
    display: block;
}

.ppy-stage {
    border: 2px solid #fff;
    position: relative;
    width: 94px;
    height: 90px;
    background: url(../../images/pinwheel.gif) center center no-repeat rgb(255, 255, 255);
}

.ppy-placeholder {
    position: relative;
    float: left !important;
    margin: 0 !important;
}

.ppy-caption,.ppy-captionwrap {
    overflow: hidden;
}

.ppy-hidden {
    display: none !important;
}

.ppy-imglist {
    width: 100%;
    display: block;
    overflow: hidden;
}

.ppy-imglist li {
    padding: 10px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    list-style: none;
    float: left;
    display: block;
    margin: 0 10px 10px 0;
}

.ppy-imglist li a img {
    display: block;
    border: 0;
}

.ppy-stagewrap {
    padding: 1px;
    background: url(../../images/pinwheel.gif) center center no-repeat rgb(255, 255, 255);
    border: 1px solid rgb(106, 115, 161);
}

.ppy-counter {
    background: #fff;
    color: #333;
    padding: 0 5px;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.7;
    border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    display: none;
}

.ppy-loading {
    background-image: url(../../images/pinwheel.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.ppy-nav {
    margin: 0 auto;
    background: url("../../images/gradients_small.jpg")  0 -60px repeat-x #5d84c6;
    text-align: left;
    height: 32px;
    width: 100%;
}

.nav-wrap {
    width: 104px;
    height: 32px;
    padding: 30% 0 0 0;
    margin: 0 auto 0 auto;
}

.ppy-nav-wrap {
    /* width: 100px; */
    /* margin: 0 auto; */
    margin: 0;
}

.ppy-nav a {
    display: inline-block;
    /* overflow: hidden; */
    text-indent: -900em;
    height: 22px;
    width: 15px;
    float: left;
    margin-left: 8px;
    padding: 5px;
}

.ppy-prev-style {
    background: url(../../images/popeye/prev3.png) no-repeat center;
}

.ppy-next-style {
    background: url(../../images/popeye/next3.png) no-repeat center;
}

.ppy-switch-enlarge {
    background: url(../../images/popeye/enlarge5.png) no-repeat center;
}

.ppy-switch-compact {
    background: url(../../images/popeye/compact6.png) no-repeat center;
}

.ppy-nav a:hover {
    cursor: pointer;
    opacity: 0.8;
}

.ppy-imglist li,.ppy-imglist li a {
    width: 90px;
    height: 90px;
    overflow: hidden;
    display: block;
}

.ppy-active {
    width: 100px;
    float: right;
    margin: 0 0 10px 0px;
    top: auto !important;
    bottom: -4px !important;
    overflow: visible;
}