#fm_menu {
   position: relative;
   z-index: 10;
}

.sk-menu,
.sk-menu ul,
.sk-menu-item {
   display: block;
   margin: 0;
   padding: 0;
   list-style:none;
   white-space: nowrap;
}

.sk-menu-item,
.sk-menu.sk-sub-menu-holder {
   position: relative;
}

.sk-sub-menu-holder .subNav{
   display: inline-block;
}

.sk-sub-menu {
   position: absolute;
   overflow: hidden;
   z-index: 10;
}

.sk-menu.sk-sub-menu-vertical-inside .sk-sub-menu {
   position: static;
}

.sk-menu.sk-menu-vertical .sk-sub-menu ul,
.sk-menu.sk-menu-horizontal .sk-sub-menu ul {
   float: none;
}

.sk-menu-right > ul{
   float: right;
}

.sk-menu-center > ul {
   display: flex;
   justify-content: center;
}

.sk-menu-right:after {
  display: block;
  content: '';
  clear:both;
}

.sk-menu-horizontal li,
.sk-sub-menu-horizontal .subNav li {
   display:inline-block;
   vertical-align: middle;
}

.sk-menu-vertical li,
.sk-sub-menu-vertical .subNav li,
.sk-sub-menu-vertical-inside .subNav li,
.sk-sub-menu-vertical-beside .subNav li{
   display:block;
}

.sk-sub-menu-vertical-beside .sk-sub-menu {
   left: 100%;
   top: 0;
   width: 100%;
}

.sel .fmIcnWrap .fmIcn,
.cur .fmIcnWrap .fmIcn {
   display: none;
}

.sel .fmIcnWrap .fmIcnSel {
   display: block;
}

.cur .fmIcnWrap .fmIcnCur {
   display: block;
}

.cur.sel .fmIcnWrap .fmIcnSel {
   display: none;
}

.sk-menu-flex-wrapper {
   display: inline-block;
   white-space: normal;
}

.sk-menu-horizontal .sk-menu-item-wrapper .sk-menu-flex-wrapper,
.sk-sub-menu-vertical .sk-sub-menu .sk-menu-flex-wrapper {
   white-space: nowrap;
}

.sk-menu-flex-container {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center;
   align-items: center;
}

.sk-menu-item .wIcnR a.menu_contents .fmIcnWrap {
   order: 2;
}

.sk-menu-item .wIcnR a.menu_contents .fmCptnWrap {
   order: 1;
}

/* Override positions on menu items, to keep EM working */
#fm_mnav .sk-menu-item .menu_contents.fmBtn,
#fm_mnav .sk-menu-item .menu_contents.fmSubBtn {
   position: static;
}

/**
 * Admin area styles
 */
.sk-menu-force-hide {
   display: none !important;
}

.sk-menu-item-edit-mode .fmCptnMain,
.sk-menu-item-edit-mode .fmCptnSub {
   min-width: 1em;
   min-height: 1em;
}

.sk-menu-hide-sub-menu .sk-sub-menu,
.sk-sub-menu.sk-menu-hide {
   display: none;
}

.sk-menu-horizontal .sk-obj-placeholder-wrapper {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   width: 0;
   height: auto;
}

.sk-menu-admin .sk-sub-menu-vertical .sk-sub-menu .sk-menu-item .sk-obj-placeholder-wrapper {
   padding: 25px 0;
   margin: -25px 0;
}

.sk-menu-admin .sk-menu-horizontal .sk-sub-menu .sk-menu-item:first-child .sk-obj-placeholder-wrapper {
   right: auto;
   padding: 25px 0;
   margin: -25px 0;
}

.sk-menu-admin .sk-sub-menu-vertical .sk-menu-item:first-child {
   position: relative;
}

.sk-menu-admin .sk-sub-menu-vertical .sk-menu-item:first-child .sk-obj-placeholder-wrapper {
   position: absolute;
}

.sk-menu-admin .sk-menu-horizontal .sk-menu-item:first-child .sk-obj-placeholder-wrapper,
.sk-menu-admin .sk-sub-menu-horizontal .sk-sub-menu .sk-menu-item:first-child .sk-obj-placeholder-wrapper{
   min-height: 30px;
}

.sk-menu-admin .sk-menu-horizontal .sk-menu-item:first-child {
   vertical-align: top;
}

.sk-menu-admin .sk-sub-menu-vertical .sk-sub-menu .sk-menu-item:first-child .sk-obj-placeholder-wrapper{
   min-height: 0;
}

.sk-menu-horizontal .sk-obj-placeholder {
   width: 0;
   height: 100%;
   margin: 0 -10px;
}

.sk-menu-horizontal .sk-obj-placeholder-bg {
   height: 100%;
}

.sk-sub-menu-vertical .sk-sub-menu .sk-obj-placeholder-wrapper {
   top: auto;
   width: 100%;
}

.sk-sub-menu-vertical-beside .sk-sub-menu .sk-obj-placeholder-wrapper,
.sk-sub-menu-vertical-inside .sk-sub-menu .sk-obj-placeholder-wrapper {
   margin: -50px 0;
   padding: 50px 0;
}

.sk-sub-menu-vertical .sk-sub-menu .sk-obj-placeholder {
   left: 0;
   right: 0;
   width: 100%;
   height: auto;
   margin: 0;
}

.sk-sub-menu-vertical .sk-sub-menu .sk-obj-placeholder-bg {
   height: 0;
}

#fm_sec_menu .sk-obj-placeholder-wrapper {
   position: absolute;
}

.sk-menu-admin.em_parent:hover .em_normal,
.sk-menu-admin.em_parent:hover .em_normal:hover {
   z-index: auto;
}

.em_mainmenu .sk-sub-menu.sk-menu-overlap-em {
   overflow: hidden;
}

.em_mainmenu .sk-sub-menu {
   overflow: visible;
}

.sk-menu-tooltips.top {
   margin-top: -20px;
}

/*
   MAIN MENU STYLES
*/
a.menu_contents {
   display: block;
   outline: none;
}

a.menu_contents .fmCptn {
   display: block;
}

a.menu_contents img {
   border: none;
}

/*
   SUB MENU STYLES
*/
.fmSubCptn {
   display: none;
}

.subNav .fmSubCptn {
   display: block;
}

/* Mobile Menu */
.fmMM {
   display: none;
   position: relative;
   z-index: 2;
   cursor: pointer;
}
.fmMMIcn {
   position: absolute;
   right: 3%;
   top: 30%;
   width: 20px;
   height: 20px;
   background: url('//designs.nccdn.net/Common/Navigation/mobile_nav_icon.png') no-repeat center;
}

/*
   MICRO NAVIGATIONS
*/
/* Top Menu */
#top_menu_wrapper {
   display: block;
   float: right;
}

#top_menu_wrapper .sk-obj-placeholder {
   width: 10px;
   height: 15px;
}

/* Bottom Menu */
#fm_footer_row_cell #bottom_menu_wrapper {
   display: block;
   float:left;
}

#fm_footer_menu_cell #bottom_menu_wrapper {
   float:left;
}

#fm_footer_menu .bottom_nav_item,
#fm_footer_menu .sk-obj-placeholder-wrapper {
   float: left;
}

#bottom_menu_wrapper div.plain {
   display: inline;
}

@media screen and (max-width: 600px) {
   .fmMenuRow,
   .cs,
   .cs0,
   .cs1,
   .cs2,
   .cs3,
   .cs4,
   .cs5,
   .cs6 {
      display: block;
   }

   #fm_mnav {
      position: relative;
   }

   #fm_menu {
      position: absolute;
      left: -3333px;
      width: 100% !important;
      opacity: 0;
   }

   #fm_menu.fmMenuSelected {
      position: static;
      opacity: 1;
   }
   
   .fmMM {
      display: block;
   }

   /**
    *
    * Remove white space wrap for main menu in mobile
    */
   #fm_menu,
   #fm_menu ul,
   #fm_menu .sk-menu-item,
   #bottom_menu_wrapper ul,
   #bottom_menu_wrapper .sk-menu-item {
      white-space: normal;
   }

   .fmMenuSelected .sk-sub-menu-holder .subNav {
      display: block;
   }

   .sk-menu-right.fmMenuSelected > ul,
   .sk-menu-center.fmMenuSelected > ul {
      float: none;
      display: block;
   }

   .sk-menu-horizontal.fmMenuSelected li {
      display:block;
   }
   .sk-sub-menu {
      position: static;
      left: 0;
   }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10+ specific styles go here */
   
   /**
    * These lines fix the issue with Secondary Nav Menu Items which have
    * very long captions. Since the caption and icon position is flex-based,
    * IE11 has issue to wrap long lines.
    */
   .sk-menu-vertical,
   .sk-menu-vertical .subNav,
   #AREA__SECOND_NAV_AREA {
      display: table;
      table-layout: fixed;
      width: 100%;
   }
   .sk-menu-flex-wrapper { display: block }
}

