@font-face {
  font-family: 'icons';
  src: url("fonts/icons/fonts/icons.eot");
  src: url("fonts/icons/fonts/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons/fonts/icons.woff") format("woff"), url("fonts/icons/fonts/icons.ttf") format("truetype"), url("fonts/icons/fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icons';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-reorder {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-reorder:before {
  content: "\3d"; }

#networkNav {
  font-family: Arial, Helvetica, sans-serif;
  background: #202020;
  /* old browsers */
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #202020), color-stop(100%, #404040));
  background: -webkit-linear-gradient(top, #202020, #404040);
  background: -moz-linear-gradient(top, #202020, #404040);
  background: -o-linear-gradient(top, #202020, #404040);
  background: linear-gradient(top, #202020, #404040); }
  #networkNav * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #networkNav .wrap {
    *zoom: 1;
    max-width: 94em;
    _width: 94em;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: white;
    font-weight: bold;
    line-height: 32px; }
    #networkNav .wrap:after {
      content: "";
      display: table;
      clear: both; }
  #networkNav a {
    font-size: 11px;
    color: white;
    display: block;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #networkNav a:hover {
      text-decoration: none; }
  #networkNav .ndlmx-show-nav {
    float: right; }
    @media (min-width: 460px) {
      #networkNav .ndlmx-show-nav {
        display: none; } }
    #networkNav .ndlmx-show-nav a {
      height: 32px;
      width: 32px;
      overflow: hidden; }
      #networkNav .ndlmx-show-nav a:before {
        font-family: 'icons';
        content: '=';
        display: block;
        font-size: 16px;
        text-align: center; }
      #networkNav .ndlmx-show-nav a:hover:before {
        text-decoration: none;
        background: #febb2e; }
  #networkNav .ndlmx {
    display: block;
    float: left;
    padding-right: 0;
    margin: 6px 10px 6px 0;
    padding: 0;
    display: block;
    line-height: 32px;
    text-indent: -9999px;
    width: 170px;
    height: 20px;
    background: url('images/noodlemx-logo.png?1357324804') no-repeat; }
    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
      #networkNav .ndlmx {
        background-image: url('images/noodlemx-logo@2x.png?1357324802');
        background-size: 170px 20px; } }

.ndlmx-nav {
  display: none;
  clear: both; }
  @media (min-width: 460px) {
    .ndlmx-nav {
      clear: none;
      display: inherit;
      margin: 0;
      padding: 0;
      border: 0;
      overflow: hidden;
      *zoom: 1;
      overflow: visible; } }
  .ndlmx-nav .menu-item {
    font-size: 11px;
    cursor: pointer;
    position: relative; }
    @media (max-width: 460px) {
      .ndlmx-nav .menu-item {
        text-transform: uppercase;
        text-align: center;
        border-bottom: 1px solid white;
        color: #b3b3b3; } }
    @media (min-width: 460px) {
      .ndlmx-nav .menu-item {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        white-space: nowrap;
        padding-left: 1em;
        padding-right: 1em; } }
    .ndlmx-nav .menu-item:hover {
      background: #404040; }
      .ndlmx-nav .menu-item:hover .sub-menu {
        display: block; }
    @media (min-width: 460px) {
      .ndlmx-nav .menu-item:after {
        content: '';
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 8px solid white; } }
  .ndlmx-nav .sub-menu {
    text-transform: none; }
    @media (min-width: 460px) {
      .ndlmx-nav .sub-menu {
        display: none;
        position: absolute;
        top: 32px;
        left: 0;
        background: #404040;
        z-index: 900;
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25); } }
  .ndlmx-nav .sub-menu-item {
    list-style: none; }
    .ndlmx-nav .sub-menu-item a {
      padding: 0 1em; }
      .ndlmx-nav .sub-menu-item a:hover {
        background: #febb2e; }