/*
  Display mode mobile
  Prefix: #rdo_SiteModeDesktop:checked ~ #box_PageContainer 
*/
#rdo_SiteModeDesktop:checked ~ #box_PageContainer {
  min-width:960px;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer header {
  background-color:#FFFFFF;
  text-align:center;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer header>.mobile_logo {
  display:none;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #lnk_DesktopMode {
  display:none;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #btn_MobileLogo {
  display:none;
}

/* Menu Style */
#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchBox {
  background: url(/img/newsite/menu_background.png);
  display:flex;
  flex-direction:column;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav {
  align-self:center;
  display:flex;
  flex-direction:column;
  font-family:helvetica, verdana, arial, sans-serif;
  font-size:15px;
  height: 48px;
  width: 960px;
  top: 110px;
  
  overflow:hidden;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul {
  align-self:center;
  display:flex;
  height: 48px;
  line-height: 48px;
  list-style:none;
  margin:0;
  padding:0;
  position: absolute;
  width:960px;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>a, #rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>span {
  border-left:solid 1px black;
  border-right:solid 1px black;
  padding:8px 5px;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>span {
  cursor:default;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li:first-of-type>a, #rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li:first-of-type>span {
  border-left-width: 2px;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li:nth-last-child(-n+2)>a {
  border-right-width:2px;
}
#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li:last-of-type {
  display:flex;
  flex-direction: row-reverse;
  flex-grow:1;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li:not(:last-of-type):hover {
  background: rgba(255,255,255,0.8);
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>.ico_MenuStyling {
  text-decoration:none;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title {
  display:inline-block;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  text-indent:100px;
  width:36px;
  vertical-align: top;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title:before {
  font-family:FontAwesomeSolid;
  font-size:30px;
  position:absolute;
  right:0;
  text-align:center;
  text-decoration:none;
  text-indent:0;
  width:100%;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.cart:before {
  content:"\f07a";
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.checkout:before {
  content:"\f788";
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.account:before {
  content:"\f007";
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>.ico_MenuStyling>.title.cart>span {
  color:#0000FF;
  font-size: 12px;
  font-weight: bold;
  left: 0;
  margin-top: -3px;
  position: absolute;
  text-align: center;
  text-decoration:none;
  text-indent: 5px;
  text-shadow:0px 0px 1px #FFFFFF;
  width: 100%;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav .nav-submenu ul {
  background: rgba(255,255,255,0.95);
  border-bottom: solid 0px #D30000;
  box-sizing:border-box;
  display:flex;
  flex-direction: column;
  line-height:1.2em;
  list-style:none;
  margin: 0;
  max-height:0;
  padding:0;
  position: absolute;

  -webkit-transition: max-height 750ms ease, border 750ms linear 0ms;
  -moz-transition: max-height 750ms ease, border 750ms linear 0ms;
  -ms-transition: max-height 750ms ease, border 750ms linear 0ms;
  -o-transition: max-height 750ms ease, border 750ms linear 0ms;
  transition: max-height 750ms ease, border 750ms linear 0ms;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav .nav-submenu:hover ul {
  border-bottom: solid 3px #D30000;
  max-height:4000px;
  z-index: 1;

  -webkit-transition: height 750ms ease;
  -moz-transition: height 750ms ease;
  -ms-transition: height 750ms ease;
  -o-transition: height 750ms ease;
  transition: height 750ms ease;

  -webkit-transition: max-height 250ms ease;
  -moz-transition: max-height 250ms ease;
  -ms-transition: max-height 250ms ease;
  -o-transition: max-height 250ms ease;
  transition: max-height 250ms ease;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav li {
  white-space:nowrap;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav .nav-submenu ul>li {
  display:flex;
  flex-shrink:1;
  overflow:hidden;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav .nav-submenu ul>li:hover {
  background: url(/img/newsite/dropdown_highlight.png);
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>a, #rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li>span {
  color:white;
  text-decoration:none;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li ul>li>a {
  color: black;
  display: inline-block;
  padding:3px;
  text-decoration:none;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer nav>ul>li ul>li:hover>a {
  color:white;
}

/* Sub-Menus */
#rdo_SiteModeDesktop:checked ~ #box_PageContainer .nav-submenu .child {
  background: rgba(255,255,255,0.95);
  border-bottom: solid 0px #D30000;
  display: flex;
  flex-direction:column; 
  line-height:1.2em;
  max-height: 0;
  overflow: hidden;
  position: absolute;

  -webkit-transition: max-height 750ms ease, border 750ms ease 0ms;
  -moz-transition: max-height 750ms ease, border 750ms ease 0ms;
  -ms-transition: max-height 750ms ease, border 750ms ease 0ms;
  -o-transition: max-height 750ms ease, border 750ms ease 0ms;
  transition: max-height 750ms ease, border 750ms ease 0ms;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer .nav-submenu:hover .child {
  max-height:4000px;
  border-bottom-width: 3px;
  max-height:4000px;
  z-index: 1;

  -webkit-transition: height 750ms ease;
  -moz-transition: height 750ms ease;
  -ms-transition: height 750ms ease;
  -o-transition: height 750ms ease;
  transition: height 750ms ease;

  -webkit-transition: max-height 250ms ease;
  -moz-transition: max-height 250ms ease;
  -ms-transition: max-height 250ms ease;
  -o-transition: max-height 250ms ease;
  transition: max-height 250ms ease;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer .nav-submenu>.child>a {
  color: black;
  display: inline-block;
  padding:3px;
  text-decoration:none;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer .nav-submenu>.child>a:hover {
  background:rgba(0,0,255,1);
  color:white;
}

/* Search field styling */
#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchInput {
  box-sizing:border-box;
  font-size:15px;
  margin:7px 0 9px 5px;
  padding:2px;
  -webkit-transition: all 750ms ease 750ms;
  -moz-transition: all 750ms ease 750ms;
  -ms-transition: all 750ms ease 750ms;
  -o-transition: all 750ms ease 750ms;
  transition: all 750ms ease 750ms;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchInput:focus, #rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchInput:hover, #rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchButton:hover+#menuSearchInput {
  flex-grow:1;
  -webkit-transition: all 750ms ease;
  -moz-transition: all 750ms ease;
  -ms-transition: all 750ms ease;
  -o-transition: all 750ms ease;
  transition: all 750ms ease;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style:italic;
  text-align:center;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchInput::-moz-placeholder { /* Firefox 19+ */
  font-style:italic;
  text-align:center;
}

#menuSearchInput:-ms-input-placeholder { /* IE 10+ */
  font-style:italic;
  text-align:center;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchInput:-moz-placeholder { /* Firefox 18- */
  font-style:italic;
  text-align:center;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchInput::placeholder {
  font-style:italic;
  text-align:center;
}

#rdo_SiteModeDesktop:checked ~ #box_PageContainer #menuSearchButton {
  background-image: url(/ext/jquery/ui/redmond/images/ui-icons_469bdd_256x240.png);
  background-position: -160px -112px;
  background-repeat: no-repeat;
  border: 0px none;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  position: absolute;
  right: 10px;
  text-indent: -99999px;
  top: 16px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}