@charset "utf-8";
/* CSS Document */

.arrowlistmenu {
    width: 100%;
    /*width of accordion menu*/
}

.main_accord {
    width: 100%;
    /*border:1px solid #d3c9b4;*/
    margin-bottom: 20px;
}

.arrowlistmenu .menuheader {
    /*CSS class for menu headers in general (expanding or not!)*/
    color: #555;
    padding: 10px 30px 10px 15px;
    /*header text is indented 10px*/
    cursor: hand;
    cursor: pointer;
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-size: 16px;
    background: url(../images/plus_minus.png) no-repeat right 10px top #eaeaea;
    margin-bottom: 2px;
    text-align: left;
    text-transform: uppercase;
    /* text-transform: capitalize; */
}

.arrowlistmenu .openheader {
    /*CSS class to apply to expandable header when it's expanded*/
    background: url(../images/plus_minus.png) no-repeat right 10px bottom #a6ce39;
    color: #fff;
    border: 1px solid #a6ce39;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.arrowlistmenu .accord_detail {
    padding-bottom: 0px;
    /*bottom spacing between menu items*/
    height: auto;
    /*width:96%;
font-family:Arial, Helvetica, sans-serif;*/
    display: block;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    padding: 15px 25px;
    margin-top: -20px;
    margin-bottom: 2px;
    border: 1px solid #dedede;
    background: #fff;
}

@media all and (max-width:768px) {
    .main_accord,
    .arrowlistmenu .menuheader {
        margin-bottom: 2px !important;
    }
    .arrowlistmenu .openheader {
        margin-bottom: 10px !important;
    }
    .arrowlistmenu .accord_detail {
        margin-top: -10px;
    }
}