.Down, .Up {
    background-image: url('/App_Themes/asc/images/scroll-button/down.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    height: 38px;
    width: 38px;
    margin: 3px;
    padding: 0px;
    display: none;
}

.navArea {
    height: 500px;
    width: 38px;
    right: 0px;
    position: absolute;
    top: 0px;
    z-index: 30;
    float: right;
}

.Up {
    background-image: url('/App_Themes/asc/images/scroll-button/up.png') !important;
}

.UpDown_Up {
    background-image: url('/App_Themes/asc/images/scroll-button/up.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right: 0;
    bottom: 41px;
    height: 38px;
    width: 38px;
    margin: 3px;
    padding: 0px;
    display: none;
}

.Left {
    background-image: url('/App_Themes/asc/images/scroll-button/left.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    left: 0;
    bottom: 50%;
    height: 38px;
    width: 38px;
    margin: 3px;
    padding: 0px;
    z-index: 31;
}

.Right {
    background-image: url('/App_Themes/asc/images/scroll-button/right.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: fixed;
    right: 0;
    bottom: 50%;
    height: 38px;
    width: 38px;
    margin: 3px;
    padding: 0px;
    z-index: 31;
}

    .Down:hover, .Up:hover, .Left:hover, .Right:hover, .UpDown_Up:hover {
        cursor: pointer;
    }

.Left {
    position: absolute;
    left: -45px;
    top: 300px;
}

.Right {
    position: absolute;
    right: -5px;
    top: 300px;
}


.navArea .UpDown_Up, .navArea .Up {
    position: absolute;
    right: -5px;
    top: 415px;
}

.navArea .Down {
    position: absolute;
    right: -5px;
    bottom: 0;
}

.navArea .offSetRight {
    right: 5px;
}