/* Site Navigation */
.sitenavigation-level1-item { font-family:'StoneSansITCW01-SemiBol 735693', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; font-size: 15px; font-size: .9375rem; color: #222222; text-transform: uppercase; float: left; padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem; padding-top: 8px; padding-top: 0.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; word-wrap: none; text-decoration: none; margin-bottom: -1px; }
.sitenavigation-level1-item-empty { font-family:'StoneSansITCW01-SemiBol 735693', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; font-size: 15px; font-size: .9375rem; color: #FFFFFF; text-transform: uppercase; float: left; padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem; padding-top: 8px; padding-top: 0.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; word-wrap: none; text-decoration: none; margin-bottom: -1px; }
.sitenavigation-level1-item-container { text-align: center; }
a.sitenavigation-level1-item { text-decoration: none; color: #222222; }
.sitenavigation-level1-active { font-family:'StoneSansITCW01-SemiBol 735693', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; font-size: 15px; font-size: .9375rem; color: #FFFFFF; background-color: #46689E; text-transform: uppercase; float: left; padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem; padding-top: 8px; padding-top: 0.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; word-wrap: none; text-decoration: none; }
.sitenavigation-level1-active-container { position: relative; }
a.sitenavigation-level1-active { text-decoration: none; color: #FFFFFF }
.sitenavigation-level2-item { font-family:'StoneSansITCW01-Medium', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; font-size: 14px; font-size: 0.875rem; color: #FFFFFF; text-transform: uppercase; float: right;  margin-left: 1.5%; margin-right: 1.5%; margin-top: 8px; margin-top: 0.5rem; word-wrap: none; text-decoration: none; }
a.sitenavigation-level2-item { text-decoration: none; color: #FFFFFF; }
.sitenavigation-level2-active { font-family:'StoneSansITCW01-SemiBol 735693', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; font-size: 0.875rem; color: #FFFFFF; text-transform: uppercase; float: right; margin-left: 1.5%; margin-right: 1.5%; margin-top: 8px; margin-top: 0.5rem; padding-bottom: 4px; padding-bottom: 0.25rem; word-wrap: none; text-decoration: none; border-bottom: 3px solid #DD4814; }
a.sitenavigation-level2-active { text-decoration: none; color: #FFFFFF; }
.dSiteNavigation-level1 { position: absolute; right: 0px; top: 71px; }
.dSiteNavigation-level2 { background-color: #46689E; }
.dSiteNavigation { background-image: url(/images/MiscHeaders/HDR_GLOBAL.jpg); background-repeat: no-repeat; width: 100%; max-width: 1000px; height: 105px; background-color: #E5E9F1 }
.navnotes { font-size: 11px; font-size: 0.6875rem; color: #000000; float: right; padding-right: 3% }
a.navnotes { color: #000000;}
.dNoDesktop { visibility: hidden; display: none; }
.buttoncontainer { float: left; }
.topnav {
    font-family: 'StoneSansITCW01-Medium', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    color: #000000;
    margin-top: 0.5Rem;
    text-decoration: none;
}

.navLogin-link {
    color: #ffffff;
    background: #dd4814;
    text-align: left;
    font-family: 'StoneSansITCW01-SemiBol 735693';
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
}

a.navLogin-link:any-link {
    color: #ffffff;
}

.navUser-link {
    color: #ffffff;
    background: #46689E;
    text-align: left;
    font-family: 'StoneSansITCW01-SemiBol 735693', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
}

a.navLogout-link:any-link {
    color: #ffffff;
}

.navCart-link {
    font-family: 'StoneSansITCW01-SemiBol 735693', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
}

a.navCart-link {
    color: #000000;
}

@media only screen and (max-width: 768px)
{
.sitenavigation-level1-item { padding-left: 14px; padding-left: 0.875rem; padding-right: 14px; padding-right: 0.875rem; }
.sitenavigation-level1-active { padding-left: 14px; padding-left: 0.875rem; padding-right: 14px; padding-right: 0.875rem; }

    .largearrow { font-size: 18px; margin-top: 16px; display: inline; }
    .smallarrow { font-family:'PP Equaliser W01 Black'; font-size: 10px; display: inline; text-transform: lowercase; }
    .dSiteNavigation { background-image: url(/images/MiscHeaders/HDR_YPIP_TABLET.jpg); background-repeat: no-repeat; width: 100%; height: 110px; }
    .dSiteNavigation-level1 { position: absolute; left: 0px; top: 76px; }
.dSiteNavigation-level2 { display: block; float: left; width: 100%; }

.sitenavigation-level2-item { display: block; float: none;  }
a.sitenavigation-level2-item { display: block; float: none;  
  color: #FFFFFF;
  background-position: right;
  background-repeat: no-repeat; 
  margin-left: 0;
  padding-left: 4.5%;
  margin-top: 0; 
  margin-top: 0rem;
  padding-top: 0.5rem; 
  padding-bottom: 0.5rem;
  width: 95.5%;
   }
.sitenavigation-level2-active { display: block; float: none; border-bottom: none;  }
a.sitenavigation-level2-active { display: block; float: none; 
  color: #FFFFFF;
  background-position: right;
  background-repeat: no-repeat;
  margin-left: 0;
  margin-top: 0; 
  margin-top: 0rem;
  padding-left: 4.5%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 95.5%;
   }

  .sitenavigation-level2-active-container { background-color: #46689E;  }
.sitenavigation-level2-item-container { background-color: #46689E; }


}
    @media only screen and (max-width: 549px)
{
    .dSiteNavigation { background-image: url(/images/MiscHeaders/HDR_YPIP_MOBILE.jpg); background-repeat: no-repeat; width: 100%; height: 70px; }
    
.dSiteNavigation-level1 { display: block; float: left; width: 100%; }
.menu { font-family:'StoneSansITCW01-SemiBol 735693', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; font-size: 18px; font-size: 1.125rem; color: #FFFFFF;  display: block; float: none; padding-top: 0.125rem; padding-bottom: 0.125rem; text-transform: uppercase; }
.menu-container { display: block; float: none; background-color: #002C77; padding-left: 2%; padding-top: 0.125rem; padding-bottom: 0.125rem; width: 98%;}
a.menu { display: block; float: none; color: White;
  background-position: left;
  text-decoration: none;
  background-repeat: no-repeat;
  padding-left: 0; 
  padding-left: 0%;
  padding-right: 0; 
  padding-right: 1%;
  padding-top: 8px;
  padding-top: 0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  width: 99%;}
  
  
.sitenavigation-level1-item { display: block; float: none; }
.sitenavigation-level1-item-empty { display: block; float: none; }
.sitenavigation-level1-item-container { display: block; float: none; background-color: #ccd5e4; text-align: left }
a.sitenavigation-level1-item { display: block; float: none;  border-top: 1px solid #FFFFFF; color: #FFFFFF; font-size: 16px; font-size: 1.0rem;
  background-position: right;
  background-repeat: no-repeat;
  padding-left: 0; 
  padding-left: 2%;
  padding-right: 0; 
  padding-right: 2%;
  width: 96%;}
a.sitenavigation-level1-item-empty { display: block; float: none;  border-top: 1px solid #FFFFFF; color: #333333; font-size: 16px; font-size: 1.0rem;
  background-position: right;
  background-repeat: no-repeat;
  padding-left: 0; 
  padding-left: 2%;
  padding-right: 0; 
  padding-right: 2%;
  width: 96%;}
.sitenavigation-level1-active { display: block; float: none;  }
a.sitenavigation-level1-active { display: block; float: none; border-top: 1px solid #FFFFFF; color: #FFFFFF; font-size: 16px; font-size: 1.0rem;
  background-position: right;
  background-repeat: no-repeat; 
  padding-left: 0; 
  padding-left: 2%;
  padding-right: 0; 
  padding-right: 2%;
  width: 96%;
  filter: none; background: none; background: none; }
.sitenavigation-level2-item { display: block; float: none;  }
a.sitenavigation-level2-item { display: block; float: none;  
  color: #222222;
  background-position: right;
  background-repeat: no-repeat; 
  margin-left: 0;
  padding-left: 4.5%;
  margin-top: 0; 
  margin-top: 0rem;
  padding-top: 0.5rem; 
  padding-bottom: 0.5rem;
  width: 95.5%; }
.sitenavigation-level2-active { display: block; float: none; border-bottom: none;  }
a.sitenavigation-level2-active { display: block; float: none; 
  color: #222222;
  background-position: right;
  background-repeat: no-repeat;
  margin-left: 0;
  padding-left: 4.5%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: 95.5% }

.dSiteNavigation-spacing { margin-left: 0; }
.buttoncontainer { float: none; }
  .dClosedNav { visibility: hidden; }
  .sitenavigation-level2-active-container { background-color: #CCD5E4;  }
.sitenavigation-level2-item-container { background-color: #CCD5E4; }
  .sitenavigation-level1-active-container { background-color: #46689E;  }
.sitenavigation-level1-item-container { background-color: #46689E; }
    .navLogin-link {
        padding-right: 8px;
        padding-right: 0.5rem;
        padding-left: 8px;
        padding-left: 0.5rem;
        padding-top: 4px;
        padding-top: 0.25rem;
        padding-bottom: 4px;
        padding-bottom: 0.25rem;
    }
    .topnav {
        margin-top: 0.25Rem;
    }
}