.ScrollMain {
    width: 320px;
    height: 225px;
    border: 1px solid #111;
    background: #ff3300;
}

.ScrollContent {
    width: 320px;
    height: 225px;
    float: left;
    overflow: hidden;
    color: #fff;
}

.text {
    margin: 10px;
}

.vScrollbar {
    float: left;
}

.hScrollbar {
    clear: both;
    }

.vTrack {
    height: 300px;
    width: 15px;
    position: relative;
    background:#DCF0F6;
    overflow: hidden;
}

.hTrack {
    float: left;
    height: 15px;
    width: 255px;
    position: relative;
    background: #ddd;
    overflow: hidden;
}

.vThumb, .hThumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background:#AFDEEC;
    overflow: hidden;
}

.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
    height: 15px;
    width: 15px;
    background: #777;
    overflow: hidden;
}
.arrowUp {
    background:url(/img/bg_scrollup.gif) no-repeat bottom;
}
.arrowDown {
    background:url(/img/bg_scrolldown.gif) no-repeat top;
}

.greenscrollbar .vThumb, .greenscrollbar .hThumb {
    background:#B8CD73;
}
.greenscrollbar .vTrack {
    background:#E1EABE;
}
.greenscrollbar .arrowUp {
    background:url(/img/bg_scrollupZold.gif) no-repeat bottom;
}
.greenscrollbar .arrowDown {
    background:url(/img/bg_scrolldownZold.gif) no-repeat top;
}

.arrowLeft, .arrowRight, .corner {
float: left;
}

.corner {
    background: #000;
    display:none;
}