#{@containerid} {
  margin: {@CONTAINER_MARGIN};
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
}

{$if-is-css-menu}#{@containerid} li a {
{$if-is-css-menu}  line-height: {@BTNLINEHEIGHT}px;
{$if-is-css-menu}  font-size: {@BTNFHEIGHT}px;
{$if-is-css-menu}  font-family: {@BTNFNAME};
{$if-is-css-menu}  text-decoration: {@BTNFDECOR};
{$if-is-css-menu}  color: {@BTNFCOLOR};
{$if-is-css-menu}  font-style: {@BTNFSTYLE};
{$if-is-css-menu}  font-weight: {@BTNFWEIGHT};
{$if-is-css-menu}  padding: {@BTNPADDING};
{$if-is-css-menu}  display: block;
{$if-is-css-menu}  cursor: pointer;
{$if-is-css-menu}  white-space: nowrap;
{$if-is-css-menu}}
{$if-is-css-menu}
{$if-is-css-menu}#{@containerid} li div.buttonbg {
{$if-is-css-menu}  height: {@BTNHEIGHT};
{$if-is-css-menu}  width: {@BTNWIDTH};
{$if-is-css-menu}  line-height: 0;
{$if-is-css-menu}  background-color: {@BTNBGCOLOR};
{$if-is-css-menu}  border-style: solid;
{$if-is-css-menu}  border-color: {@BTNBORDERCOLOR};
{$if-is-css-menu}  border-width: {@BTNBORDERWIDTH};
{$if-is-css-menu}  border-radius: {@BTNBORDERRADIUS};
{$if-is-css-menu}  padding: 0;
{$if-is-css-menu}  box-shadow: {@BTNSHADOW};
{$if-is-css-menu}  text-align: {@BTNTEXTALIGN};
{$if-is-css-menu}}
{$if-is-css-menu}
{$if-is-css-menu}#{@containerid} li:hover div.buttonbg a, #{@containerid} li.expanded a.topitem, #{@containerid} li.active a.topitem,
{$if-is-css-menu}#{@containerid} li.itemhot a.topitem, #{@containerid} li a:hover {
{$if-is-css-menu}  color: {@BTNHFCOLOR};
{$if-is-css-menu}  font-style: {@BTNHFSTYLE};
{$if-is-css-menu}  font-weight: {@BTNHFWEIGHT};
{$if-is-css-menu}  text-decoration: {@BTNHFDECOR};
{$if-is-css-menu}}
{$if-is-css-menu}
{$if-is-css-menu}{$if-flat-join-button}#{@containerid} li.expanded.with_submenu div.buttonbg, #{@containerid} li.active.with_submenu div.buttonbg, #{@containerid} li.itemhot.with_submenu div.buttonbg, #{@containerid} li.with_submenu:hover div.buttonbg {
{$if-is-css-menu}{$if-flat-join-button-bottom-left}  border-bottom-left-radius: 0;
{$if-is-css-menu}{$if-flat-join-button-bottom-right}  border-bottom-right-radius: 0;
{$if-is-css-menu}{$if-flat-join-button-left}  border-top-left-radius: 0;
{$if-is-css-menu}{$if-flat-join-button-right}  border-top-right-radius: 0;
{$if-is-css-menu}{$if-flat-join-button}}
{$if-is-css-menu}
{$if-is-css-menu}#{@containerid} li.expanded div.buttonbg, #{@containerid} li.active div.buttonbg, #{@containerid} li.itemhot div.buttonbg, #{@containerid} li:hover div.buttonbg {
{$if-is-css-menu}  background-color: {@BTNHBGCOLOR};
{$if-is-css-menu}  box-shadow: {@BTNHSHADOW};
{$if-is-css-menu}  border-color: {@BTNHBORDERCOLOR};
{$if-is-css-menu}}
{$if-is-css-menu}
{$if-is-css-menu}#{@containerid} {
{$if-is-css-menu}  padding: {@BOXPADDING};
{$if-is-css-menu}  border-style: solid;
{$if-is-css-menu}  border-color: {@BOXBORDERCOLOR};
{$if-is-css-menu}  border-width: {@BOXBORDERWIDTH};
{$if-is-css-menu}  border-radius: {@BOXBORDERRADIUS};
{$if-is-css-menu}  background-color: {@BOXBGCOLOR};
{$if-is-css-menu}  box-shadow: {@BOXSHADOW};
{$if-is-css-menu}  border-collapse: separate;
{$if-is-css-menu}{$if-wrapper-has-bg}  background-image: {@BOXBGIMG};
{$if-is-css-menu}{$if-wrapper-has-bg}  background-repeat: {@BOXBGIMGREPEAT};
{$if-is-css-menu}{$if-wrapper-has-bg}  background: -moz-{@BOXBGGRADIENT};
{$if-is-css-menu}{$if-wrapper-has-bg}  background: -webkit-{@BOXBGGRADIENT};
{$if-is-css-menu}{$if-wrapper-has-bg}  background: -ms-{@BOXBGGRADIENT};
{$if-is-css-menu}{$if-wrapper-has-bg}  background: {@BOXBGGRADIENT};
{$if-is-css-menu}}
{$if-is-css-menu}
{$if-is-css-menu}{$if-first-btns-rounded}#{@containerid} li.first_button div.buttonbg {
{$if-is-css-menu}{$if-first-btns-rounded}  border-radius: {@BTNFIRSTRADIUS};
{$if-is-css-menu}{$if-first-btns-rounded}}
{$if-is-css-menu}{$if-first-btns-rounded}
{$if-is-css-menu}{$if-last-btns-rounded}#{@containerid} li.last_button div.buttonbg {
{$if-is-css-menu}{$if-last-btns-rounded}  border-radius: {@BTNLASTRADIUS};
{$if-is-css-menu}{$if-last-btns-rounded}}
{$if-is-css-menu}{$if-last-btns-rounded}
#{@containerid} ul li a {
  color: {@ITFCOLOR};
  font-family: {@ITFNAME};
  font-size: {@ITFHEIGHT}px;
  line-height: {@ITLINEHEIGHT}px;
  font-style: {@ITFSTYLE};
  font-weight: {@ITFWEIGHT};
  text-decoration: {@ITFDECOR};
  display: block;
  vertical-align: middle;
  white-space: nowrap;
}

#{@containerid} ul li:hover > a {
  color: {@ITFCOLOR2};
  font-family: {@ITFNAME2};
  font-size: {@ITFHEIGHT2}px;
  font-style: {@ITFSTYLE2};
  font-weight: {@ITFWEIGHT2};
  text-decoration: {@ITFDECOR2};
}

#{@containerid} ul li.subexpanded a.subexpanded, #{@containerid} ul li.subitemhot a.subitemhot, #{@containerid} ul li a:hover {
  color: {@ITFCOLOR2};
  font-family: {@ITFNAME2};
  font-size: {@ITFHEIGHT2}px;
  font-style: {@ITFSTYLE2};
  font-weight: {@ITFWEIGHT2};
  text-decoration: {@ITFDECOR2};
}

#{@containerid} ul li:hover, #{@containerid} ul li.subexpanded, #{@containerid} ul li.subitemhot {
  border-color: {@ITBRD_COLOR2};
  background-color: {@ITBACK_COLOR2};
  box-shadow: {@ITSHADOW2};
}

#{@containerid} ul {
  margin: 0;
  border-style: solid;
  border-color: {@SMBRD_COLOR};
  border-width: {@SMBRD_WIDTH};
  padding: {@SMPADD};
  background: {@SMBACK_COLOR};
  font-size: 0;
  border-radius: {@SMBORDERRADIUS};
}

#{@containerid} ul li a {
  padding: {@ITPADD_LINK};
  text-align: left;
}

#{@containerid} ul li.separator {
  padding: {@ITPADD};
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#{@containerid} ul li.separator div {{@SEPBORDER1}{@SEPBORDER2}
  font-size: 0px;
}

#{@containerid} ul li {
  border-style: solid;
  border-color: {@ITBRD_COLOR};
  border-width: {@ITBRD_WIDTH};
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 {@ITSPACING}px 0;
  border-radius: {@ITBORDERRADIUS};
  padding: 0;
  box-shadow: {@ITSHADOW};
  background-color: {@ITBACK_COLOR};
}

{$if-first-items-rounded}#{@containerid} ul li.first_item {
{$if-first-items-rounded}  border-radius: {@ITFIRSTRADIUS};
{$if-first-items-rounded}}
{$if-first-items-rounded}
{$if-last-items-rounded-or-item-spacing}#{@containerid} ul li.last_item {
{$if-last-items-rounded}  border-radius: {@ITLASTRADIUS};
{$if-item-spacing}  margin-bottom: 0;
{$if-last-items-rounded-or-item-spacing}}
{$if-last-items-rounded-or-item-spacing}
{$if-css-menu-shadow}
{$if-css-menu-shadow}#{@containerid} ul {
{$if-css-menu-shadow}  box-shadow: {@MNUSHADOW};
{$if-css-menu-shadow}}

#{@containerid} .spaced_li {
{$if-not-css-menu}  padding: 0px {@MNUSPACINGHORIZ}px {@MNUSPACINGVERT}px 0px;
{$if-is-css-menu}  margin: 0px {@MNUSPACINGHORIZ}px {@MNUSPACINGVERT}px 0px;
}

#{@containerid} a img {
  border: none;
}

{$if-not-css-menu}#{@containerid} li a div.buttonimg {
{$if-not-css-menu}  text-indent: -9999px;
{$if-not-css-menu}}
{$if-not-css-menu}
#{@containerid} li {
  list-style: none;
  {@MNULISTLIDISPMODE}
}

#{@containerid}.css_menu li {
  position: relative;
}

#{@containerid}.css_menu ul li:hover > ul {
  opacity: 1;
}

#{@containerid}.css_menu li:hover > ul {
  top: {@FIRST_SUBMENU_TOP};
  left: {@FIRST_SUBMENU_LEFT};
  right: {@FIRST_SUBMENU_RIGHT};
  opacity: {@MENU_OPACITY};
{$if-animate-scale}  transform: scale(1,1);
{$if-animate-scale}  -webkit-transform: scale(1,1);
{$if-animate-scale}  -moz-transform: scale(1,1);
{$if-animate-scale}  -ms-transform: scale(1,1);
}

#{@containerid}.css_menu ul li:hover > ul {
  top: -{@SMBRD_TOP_WIDTH}px;
  left: {@NEXT_SUBMENU_LEFT};
  right: {@NEXT_SUBMENU_RIGHT};
}

{$if-animate}#{@containerid}.css_menu ul {
{$if-animate}  transition-duration: 0.3s;
{$if-animate}  -webkit-transition-duration: 0.3s;
{$if-animate}  -moz-transition-duration: 0.3s;
{$if-animate}  -ms-transition-duration: 0.3s;
{$if-animate}  transition-property:{@TRANSITION_PROPERTIES};
{$if-animate}  -webkit-transition-property:{@-WEBKIT-TRANSITION_PROPERTIES};
{$if-animate}  -moz-transition-property:{@-MOZ-TRANSITION_PROPERTIES};
{$if-animate}  -ms-transition-property:{@-MS-TRANSITION_PROPERTIES};
{$if-animate-fade}  opacity: 0;
{$if-animate-scale}  transform-origin: {@TRANSFORM_SCALE_ORIGIN};
{$if-animate-scale}  transform: scale({@TRANSFORM_SCALE_STARTPOS});
{$if-animate-scale}  -webkit-transform-origin: {@TRANSFORM_SCALE_ORIGIN};
{$if-animate-scale}  -webkit-transform: scale({@TRANSFORM_SCALE_STARTPOS});
{$if-animate-scale}  -moz-transform-origin: {@TRANSFORM_SCALE_ORIGIN};
{$if-animate-scale}  -moz-transform: scale({@TRANSFORM_SCALE_STARTPOS});
{$if-animate-scale}  -ms-transform-origin: {@TRANSFORM_SCALE_ORIGIN};
{$if-animate-scale}  -ms-transform: scale({@TRANSFORM_SCALE_STARTPOS});
{$if-animate}}
{$if-animate}
#{@containerid} ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}

#{@containerid} ul ul {
  position: absolute;
  z-index: 5000;
}

#{@containerid} .submenu_arrow {
  margin-left: 8px;
}

{$if-not-css-menu}#{@containerid}.css_menu a:hover .hoverbutton,
{$if-not-css-menu}#{@containerid} a .normalbutton {
{$if-not-css-menu}  display: block;
{$if-not-css-menu}}
{$if-not-css-menu}
{$if-not-css-menu}#{@containerid} a .hoverbutton, #{@containerid} a .downbutton,
{$if-not-css-menu}#{@containerid}.css_menu a:hover .normalbutton {
{$if-not-css-menu}  display: none;
{$if-not-css-menu}}
{$if-not-css-menu}
