<link rel="stylesheet" type="text/css" href="<{xoAppUrl modules/tadtools/themes_common/menu/cssmenu/styles.css}>" />
<script src="<{xoAppUrl modules/tadtools/themes_common/menu/cssmenu/menu_jquery.js}>"></script>
<style type="text/css">
  #cssmenu{
    background: <{$navbar_bg_top}>;
    /* background: transparent; */
  }
  #cssmenu > ul{
    background: <{$navbar_bg_top}>;
    /* background: transparent; */
  }
  #cssmenu ul ul li a {
    background: <{$navbar_bg_bottom}>;
    color:<{$navbar_color}>;
    /* color: #6e6265; */
    /* background: #fff; */
  }
  #cssmenu ul ul li:hover > a {
    background: <{$navbar_hover}>;
    color:<{$navbar_color_hover}>;
    /* color: #8c9195; */
    /* background: #f6f6f6; */
  }

  #cssmenu > ul > li > a {
    color:<{$navbar_color}>;
    /* color: #ffffff; */
  }

  #cssmenu > ul > li:hover > a {
    color:<{$navbar_color_hover}>;
    /* color: #ffffff; */
  }
</style>
<div id="cssmenu">
  <ul>
    <{foreach from=$menu_var item=menu}>
      <li <{if $menu.submenu}>class='has-sub'<{/if}>>
        <a href='<{$menu.url}>' target="<{$menu.target}>">
          <span><span class="fa <{$menu.icon}>" <{$navbar_icon}>><{if $menu.img}><img src="<{$menu.icon}>" alt="<{$menu.title}> icon"><{/if}></span> <{$menu.title}></span>
        </a>
        <{if $menu.submenu}>
          <ul>
            <{foreach from=$menu.submenu item=menu2}>
              <li <{if $menu2.submenu}>class='has-sub'<{/if}>>
                <a href='<{$menu2.url}>' target="<{$menu2.target}>">
                  <span><span class="fa <{$menu2.icon}>"><{if $menu2.img}><img src="<{$menu2.icon}>" alt="<{$menu2.title}> icon"><{/if}></span> <{$menu2.title}></span>
                </a>
                <{if $menu2.submenu}>
                  <ul>
                    <{foreach from=$menu2.submenu item=menu3}>
                      <li>
                        <a href='<{$menu3.url}>' target="<{$menu3.target}>">
                          <span><span class="fa <{$menu3.icon}>"><{if $menu3.img}><img src="<{$menu3.icon}>" alt="<{$menu3.title}> icon"><{/if}></span> <{$menu3.title}></span>
                        </a>
                      </li>
                     <{/foreach}>
                  </ul>
                <{/if}>
              </li>
             <{/foreach}>
          </ul>
        <{/if}>
      </li>
     <{/foreach}>
  </ul>
</div>
<div style="clear:both;"></div>
