.header > .horiz-menu > ul {
    font-size: 0;
}

    .header > .horiz-menu > ul > li {
        font-size: 11px;
        display: inline-block;
    }


        .header > .horiz-menu > ul > li > a {
            text-decoration: none;
            display: inline-block;
            color: #FFF;
            text-align: center;
            vertical-align: middle;
            min-width: 30px;
            padding: 14px 10px;
            height: 20px;
        }



            .header > .horiz-menu > ul > li > a > i {
                font-size: 16px;
                vertical-align: middle;
            }

.horiz-menu .h-selected {
    background-color: #F8C2A9 !important;
    color: #2B415F !important;
}

.header > .horiz-menu > ul > li > a:hover {
    background-color: #7F97B6;
    cursor: pointer;
}

div.horiz-menu > ul > li > ul {
    display: none;
    top: 48px;
    position: absolute;
    background-color: #E7ECF2;
    -webkit-box-shadow: 5px 5px rgba(102,102,102,.1);
    box-shadow: 5px 5px rgba(102,102,102,.1);
    background-color: #fff;
    border: 1px solid #ccc;
}

    div.horiz-menu > ul > li > ul > li {
        width: 100%;
    }

        div.horiz-menu > ul > li > ul > li > div.mega-menu {
            font-size: 0;
            color: #666;
            padding-bottom: 10px;
        }

            div.horiz-menu > ul > li > ul > li > div.mega-menu > div.col-Section {
                display: inline-block;
                width: 199px;
                vertical-align: top;
            }

             div.horiz-menu > ul > li > ul > li > div.mega-menu > div.col-Section:not(.init-height) {
                height: 300px;
            }

                div.horiz-menu > ul > li > ul > li > div.mega-menu > div.col-Section > ul > li {
                    display: block;
                }



            div.horiz-menu > ul > li > ul > li > div.mega-menu > div > ul > li > span {
                text-align: left;
                font-size: 12px;
                padding: 3px 14px;
                color: #666;
                display: block;
                background-color: #F4F7F9;
                margin: 1px;
                font-weight: bold;
            }

            div.horiz-menu > ul > li > ul > li > div.mega-menu > div > ul > li > a {
                padding: 3px 14px;
                display: block;
                color: #666;
                text-align: left;
                margin: 1px;
            }

                div.horiz-menu > ul > li > ul > li > div.mega-menu > div > ul > li > a:hover {
                    background-color: #F8F3F3;
                }


.h-rtl .horiz-menu > ul > li > ul > li > div.mega-menu > div > ul > li > a {
    text-align: right;
}

.h-ltr .horiz-menu > ul > li > ul > li > div.mega-menu > div > ul > li > a {
    text-align: left;
}

.h-rtl .horiz-menu > ul > li > ul > li > div.mega-menu > div > ul > li > span {
    text-align: right;
}

.h-ltr .horiz-menu > ul > li > ul > li > div.mega-menu > div > ul > li > span {
    text-align: left;
}


.sub-horiz-menu {
    width:100%;
}


.root-horiz:hover .sub-horiz-menu  {
    display:block;
}

 .sub-horiz-menu  > li > a{
   padding: 5px 7px;
display: block;
border-bottom: 1px solid #ccc;
}


  .sub-horiz-menu  > li > a:hover{
    background-color: #F8F3F3 !important;
    text-decoration:none;
}


  .sub-horiz-menu.fix-width{
      width:141px;
  }