#mycustomscroll {
    /* Typical fixed height and fixed width example */
    width: 530px;
    height: 329px;
    margin:15px 15px 0px 15px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
}

.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; left: 0;
}

.vscrollerbase {
	width: 17px;
}

.vscrollerbar {
    width: 17px;
    background-color: #d7d7c9;
}

.vscrollerbar {
    background: #d7d7c9 ; 
    border-top:1px solid #807C5B;
    border-bottom:1px solid #807C5B;
}

.vscrollerbar, .hscrollerbar {
    padding: 19px;
    z-index: 2;
}

.vscrollerbarbeg {
    background: #d7d7c9;
    width: 17px;
    height: 17px !important;
}

.vscrollerbarend {
    background: #d7d7c9;
    width: 17px;
    height: 17px;
    border-bottom:1px solid #807C5B;
}

.vscrollerbase {
    /* Vertical scrollbar's base body */ 
    background-color: #c1bead;
    border-right:1px solid #807C5B;
    border-left:1px solid #807C5B;
}

.vscrollerbasebeg {
    background: url(/assets/arrowup2.gif) no-repeat;
    width: 19px;
    height: 19px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {/* Vertical scrollbar's base bottom-cap */
    background: url(/assets/arrowdown2.gif) no-repeat;
    height: 19px;
    width: 19px;
}