#maskslide {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
}
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    background-color: rgba(51,51,51,.95);
    box-shadow: 0px 5px 8px 4px rgba(0,0,0,.35);

    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 20px;
    padding-bottom: 0px;

    /* These styles are optional, and describe how the pageslide will look */
    overflow-y: scroll;
}
#pageslide h2.title{ 
    color: #aaa;
    font-size: 18px;
    border-bottom: 1px solid #000;
    font-weight: 400;
    padding: 20px 8px;
    margin: 0;}
#pageslide ul li{
    padding: 0 4px 0 0;
    border-bottom: 1px solid #222;
    border-top: 1px solid #555;
}

#pageslide ul li a {
   color: #fff;
   display: block;
   padding: 12px 8px;
   font-size: 16px;
   background-size: 16px 16px;
   background-repeat: no-repeat;
   background-image: url(../images/arrow-right-s.png);
   background-position: 99% 50%;
}
#pageslide ul li a.curr {
    background: url(../images/right-cion.png) no-repeat right center;
}