.scrollWrap{
    overflow : hidden;
    height   : 100%;
    position : relative;
    z-index  : 1;
    margin:0 0 0 -16px;
    padding:0px 0 0 0;
}
.scrollContent{
    height          : 100%;
    width           : 100%;
    padding         : 0 32px 0 0;
    position        : relative;
    right           : -18px;
    overflow        : auto;
    -moz-box-sizing : border-box;
    box-sizing      : border-box;
}

.fakeScrollBar {
    position: absolute;
    background: #8fa113;
    width: 4px;
    border-radius: 0px;
    right: 8px;
    top: 0px;
    z-index: 5;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    margin-top: 12px;
}

.fakeScrollBar:after{ content:'';
background:url(../images/down-arrow.png);
position:absolute;
width:30px;
height:15px;
bottom:-12px;
left:-9px;
}


.fakeScrollBar:before{ content:'';
background:url(../images/arrow-up.png);
position:absolute;
width:30px;
height:15px;
top:-12px;
left:-9px;
}


.fakeScroll:hover .fakeScrollBar.fakescroll-grabbed{
    cursor     : -moz-grabbing;
    cursor     : -webkit-grabbing;
    background : #707f08;
}

body.fakescroll-grabbed{
    cursor     : -moz-grabbing;
    cursor     : -webkit-grabbing;
}

.fakeScroll{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; min-height:584px; height:1px; width:100%; }
			.scrollContent{padding-bottom:1em; }
            .scrollWrap{   border-radius:4px; -moz-box-sizing:border-box; box-sizing:border-box; }
            /* upper and bottom fades */
            .scrollWrap::before{ content:''; position:absolute; z-index:1; top:0; left:0; right:0; height:5%;
               
            }

            .scrollWrap::after{ content:''; position:absolute; z-index:1; bottom:0; left:0; right:0; height:5%;
               
            }