div.navitem {
  display: none;
}
div.navitem.shown {
  background: #fff;
  position: absolute;
  top: var(--hdr-height);
  width: 100%;
  max-width: var(--desk-canvas-maxw);
  display: block;
  animation: fadeInFromNone 0.2s ease-out;
  box-shadow: 0 0 40px rgb(0 0 0 / 20%);
  z-index: 99999;
}
div.navitem ul {
   position: relative;
   overflow: visible;
   list-style-type: none;
}

.navitem div.closenav {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 30px;
  height: 30px;
  z-index: 99;
}
.navitem div.closenav:hover {
  cursor: pointer;
}
.navitem div.closenav:before {
  content: "\00D7";
  font-size: 350%;
  line-height: 32px;
  color: var(--txtgrey1);
}
.navitem div.leftcol {
  float: left;
  width: 75%;
  border: 0px solid;
  min-height: 300px;
}

.navitem div.rightcol {
  float: left;
  width: 24%;
  border: 0px solid;
  min-height: 300px;
  margin-top: 20px;
}
.navitem div.paneltopblock2 {
  margin: 20px;
}
.navitem div.paneltopblock2.hidden {
  display: none;
}
.navitem div.subcatsw {
  height: auto;
  text-align: left;
  border: 0;
  float: none;
  width: 100%;
  margin: 0;
}
.navitem div.subcarlbl { 
  font: normal normal 20px/22px kmf2,arial,sans-serif;
  display: block;
  margin: 0 0 20px 0;
  color: var(--txtgrey2);
}
.navitem div.subcatsw a.nav-topsubcat {
    display: inline-block;
    width: 11%;
    height: auto;
    margin: 10px 2%;
    vertical-align: top;
}
.navitem div.subcatsw a.nav-topsubcat div.subcatname {
  font-size: 15px;
  line-height: 18px;
}
.navitem ul.mainul {
  width: 31%;
  float: left;
  padding: 0;
  margin: 0 0 0 15px;
}
.navitem ul.mainul ul.nav-lvl2 {
  display: none;
  padding-left: 15px;
}
.navitem ul.mainul ul.nav-lvl2.shown {
  display: block;
}

.navitem a:hover {
  text-decoration: underline;
}

/* Right col */
.nav-customw-22, .nav-customw-172, .nav-customw-163 {
  display: none !important;
}
.nav-customw-22.fullw , .nav-customw-172.fullw, .nav-customw-163.fullw {
  display: grid !important;
}

.navitem div.rightcol ul.newbiesdiscount {
  padding: 0;
  width: 80%;
  margin: 17px 10% 12px 10%;
}
.navitem div.rightcol li.nav-lvl1.offers,
.navitem div.rightcol li.nav-lvl1.newbies,
.navitem div.rightcol li.nav-lvl1.outlet
{
  border: 0;
  text-align: center;
  margin: 10px 0;
  display: inline-block;
 padding: 0 10px 0 0;
}
.navitem div.quicklinks {
  margin: 0px 0 20px 0;
}
.navitem div.quicklinks a {
  display: block;
  margin: 10px 10%;
  width: 80%;
  background: var(--bggreylight);
  font: normal normal 17px/31px kmf2, arial,sans-serif;
  text-align: center;
  height: 30px;
  border-radius: 8px;
}
.navitem .extrarow {
  display: block;
  margin: 10px 10% 20px 10%;;
  width: 80%;

}
.navitem .extrarow a,
.navitem .extrarow span.hdr
 {
  font: normal normal 17px/19px kmf2, arial,sans-serif;
  color: var(--txtgreen1);
  display: block;
  margin: 0 0 6px 0;

}
.navitem .extrarow span.hdr {
  color: #444;
  font-weight: bold;
}



.navitem li.nav-lvl1 {
  position: relative;
    padding: 6px 10px;
    border: 0;
    border-bottom: 1px solid #ddd;
    break-inside: avoid;
}
.navitem li.nav-lvl1 a {
  font: normal normal 18px/28px kmf2,arial,sans-serif;
   color: var(--txtgreen1);

}
.navitem li.nav-lvl1 div.opennav {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 25px;
    height: 25px;
    font: normal normal 22px/30px kmf2, arial,sans-serif;
    color: var(--txtgreen1);
}
.navitem li.nav-lvl1 div.opennav:hover {
  cursor: pointer;
}
.navitem li.nav-lvl1 div.opennav:after {
  content: "+";
  display: block;
  width: 25px;
  height: 25px;
  border: 0;
  font-size: 120%;
}
.navitem li.nav-lvl1 div.opennav.opened {
  top: 4px;
  right: -2px;
}
.navitem li.nav-lvl1 div.opennav.opened:after {
  content: "-";
  font-size: 120%;
}
.navitem ul.nav-lvl2 li a {
  color: var(--txtgrey1) !important;
  font: normal normal 17px/30px kmf2, arial,sans-serif;

}
.popupnaviw {
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
}
.popupnaviw a {
  display: block;
  width: 80%;
  border-radius: 15px;
  box-shadow: 2px 2px 10px rgba(0,0,0,.1);
  margin: 30px auto;
  padding-bottom: 15px;
}
.popupnaviw img {
  width: 100%;
  height: auto;
}
.popupnaviw span.lbl {
  font: normal normal 30px/40px kmf2, arial, sans-serif;
  color: var(--txtgreen1);
}