/*******************************************************/
/*******************************************************/

/***Make sure that you are editing desktop-editor.css***/

/*******************************************************/
/*******************************************************/


#tablet-landscape {display: block;}
#header .right-group {float: right;}
#header .left-group {float: left}
#header .left-group, #header .right-group {
  width: 40%;
  overflow: hidden;
  padding: 20px;
}
#header .right-group {position: relative;}
#header .moduletable.mc-login {
  position: relative; 
  width: 96%; 
  padding: 2%; 
  display: block !important;
}
.mc-logo-link {padding: 0; width: 100%;}
a.toggle-menu, a.toggle-login, a.toggle-search  {display: none !important;}
#site-top-3 {height: 60px;}
#under-header-2 {
  position: relative;
  background: none; 
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.mc-search, .mc-quicksearch {width: 100%; }
.mc-search h3, .mc-quicksearch h3 {display: none;}
#under-header-2 .left-group .moduletable {width: 440px; float: left; padding: 0 20px 0 0;}
#under-header-2 .right-group .moduletable {width: 440px; float: right; /* padding: 0 0 0 20px; */ }
#content-wrap {width: 740px; float: left;}
#right-bar {padding: 20px 20px 20px 0;}
#over-content-2 {overflow: hidden;}

  /* ----------------------------------------- */
  /* ------ HORIZONTAL MENU with SUBS -------- */
  /* ----------------------------------------- */
  
  /* ------------------------ */
  /* --- essential styles --- */
  /* ------------------------ */
  ul.resp-menu {background: none;}
  .resp-menu, .resp-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
  }

  .resp-menu ul {
    position: absolute;
    top: -999em;
    /* left offset of submenus need to match (see below) */
    width: 220px;
  }
  .resp-menu ul li {width: 100%;}
  .resp-menu li.hover {
    /* fixes IE7 'sticky bug' */
    visibility: inherit;
  }
  .resp-menu li.hover li {display: block;}
  .resp-menu li {
    float: left;
    position: relative;
    z-index: 99;
  }
  .resp-menu a, .resp-menu .separator {
    display: block;
    position: relative;
  }
  .resp-menu li.hover ul {
    left: 0;
    top: 60px; /* match top ul list item height */
    z-index: 99;
}

    /* when h-menu is right-aligned, popouts should go left */
    .right-group .resp-menu li.hover ul {
        left: auto;
        right: 0;
    }

  ul.resp-menu li.hover li ul {top: -999em;}
  ul.resp-menu li li.hover ul {
    left: 220px; /* match ul width */
    top: 0;
  }

    .right-group ul.resp-menu li li.hover ul {
        left: auto;
        /* match ul width - to keep subs in viewport */
        right: 220px;
    }



  /* ------------------- */
  /* --- custom skin --- */
  /* ------------------- */

  .resp-menu {
    float: left;
    background: url(/jmc-assets/menu-bar-skins/menu-button-60-1.png) right bottom;
    xpadding-right: 2px;
    width: auto !important;
    box-shadow: none !important;
  }

  /* 1st level */
  .resp-menu li > a, .resp-menu li > .separator {
    text-decoration:none;
    padding: 0 20px;
    height: 60px;
    border: 0;
    line-height: 60px;
    background: url(/jmc-assets/menu-bar-skins/menu-button-60-1.png);
    text-shadow: 0px -1px 0px rgba(0,0,0,1);
}
.resp-menu > li {border-top: 0;}

.resp-menu > li.hover > a, .resp-menu > li.hover > .separator {
    background: url(/jmc-assets/menu-bar-skins/menu-button-60-1.png) left;
}
.resp-menu > li:first-child a {background-position: -2px top;}
.resp-menu > li:first-child.hover a {background-position: -2px center;}

.resp-menu > li.active > a, .resp-menu > li.active > .separator {
    text-shadow: 0px -1px 0px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,1), 0px 0px 40px rgba(0,0,0,1);
}

/* 2nd level */
.resp-menu li li {border-top: 1px solid #444;}
.resp-menu li li:first-child {border: 0;}
.resp-menu li li > a, .resp-menu li li > .separator {
    font-size: 11px;
    height: auto;
    line-height: 16px;
    min-height: 16px;
    background: url(/jmc-assets/gradients-h/black-left-10.png);
    padding: 7px 10px;
    text-shadow: none;
}
.resp-menu li li.hover > a {
}

.resp-menu li li.active > a, 
.resp-menu li li.active > .separator {text-decoration: underline;}

/* 3rd level */
.resp-menu li li li a, .resp-menu li li li .separator {
}
.resp-menu li li li.hover a {
    background-image: url(/jmc-assets/gradients-h/black-right-20.png);
}


/* ----------------------------------- */
/* --- extra horizontal menu stuff --- */
/* ----------------------------------- */

/* --- separator style refinement --- */
.resp-menu li .separator {cursor: default;}
/* this gets inherited by deeper separators - next line overrides the color for those deeper separators */
.resp-menu li li .separator {}
.resp-menu li li li .separator {color: #696969;}

/* controls the auto-generated arrow markup for menu items that contain dropdowns */
/*.sf-sub-indicator {display: none;}*/

/* --- centers the menu module when positioned in a middle position --- */
.middle-group {text-align: center;}
.middle-group .resp-menu {
    float: none;
    display: inline-block;
    margin: 0 auto;
    *display: inline;
    *zoom: 1;
}
.middle-group .resp-menu a, .middle-group .resp-menu .separator {text-align: left;}

/* --------------------------------- */
/* ------ HOME PAGE TEMPLATE ------- */
/* --------------------------------- */
.home-template-01 .home-sub {
  width: 350px;
  height: 300px;
  margin-left: 20px;
}

/*Show slider only on desktop/tablet landscape***/
.moduletable.mc-home-slider {display: block;}
#slider {border-radius: 4px 4px 0 0 ; overflow: hidden;}
/***Nivo Control Nav background***/
.moduletable .nivo-controlNav {border-radius: 0 0 4px 4px; opacity: 0.8; margin-bottom: 10px;}
/**** Fix for Nivo Slider with links on the img tag in IE ****/
.nivoSlider a.nivo-imageLink{background: white; filter: alpha(opacity=0); opacity: 0;}


/***Variable Height modules in side bar for desktop view*/
.side-bar .moduletable {height: auto; width: 100%;}
.home-template-01 {border: 0;}
#content-padding {padding-left: 0}

/***Login Button***/
/*
#header .mc-user-greeting {
  width: 360px; height: 55px;
  overflow: hidden;
  position: absolute;
  right: 25px; top: 15px;
  margin: 0;
}
*/
#site-top-1 a#mcSimpleLogin {
  position: absolute;
  top: 50px;
  margin-top: 65px;
  right: 0;
  text-align: center;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1000;
  background: #777 url(/jmc-assets/gloss/50.png) bottom repeat-x; 
  color: white;
}

#site-top-1 a#mcSimpleLogin:hover {background: #333;}


/*******************************************************/
/*******************************************************/

/***Make sure that you are editing desktop-editor.css***/

/*******************************************************/
/*******************************************************/