:root {
	--main-nav-color: #39b7e6;
	--main-nav-background: #ffffff;
	--main-nav-font-weight: bold;
	--button-blue: #1B92BE;
}
/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse, .searchbar-collapse {
  background-color: #d5d5d5;
}
@media (min-width: 768px) {
  .navbar-collapse, .searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
  }
}
.no-mqs .navbar-collapse, .no-mqs .searchbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;
}

.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 10px 15px;
  text-align: right;
  border-bottom: 1px dotted #666666;
}

/* Reset some Telerik defaults */
.RadMenu.RadMenu_London {
  float: none;
}
.RadMenu.RadMenu_London .rmGroup, .RadMenu.RadMenu_London .rmRootGroup, .RadMenu.RadMenu_London .rmMultiColumn, .RadMenu.RadMenu_London .rmRootGroup > .rmItem {
  border: none;
}
.RadMenu.RadMenu_London .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_London .rmVertical .rmExpand:before, .RadMenu.RadMenu_London .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_London .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_London .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_London .rmBottomArrow .rmIcon:before {
  content: none;
}
.RadMenu.RadMenu_London .rmItem, .RadMenu.RadMenu_London .rmHorizontal > .rmItem, .RadMenu.RadMenu_London .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_London .rmLink {
  float: none;
}
.RadMenu.RadMenu_London .rmLink {
  padding: 0px;
}
.RadMenu.RadMenu_London .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_London .rmToggle {
  width: auto;
}
.RadMenu.RadMenu_London .rmToggle, .RadMenu.RadMenu_London .rmToggle .rmIcon, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}
.RadMenu.RadMenu_London .rmGroup .rmContent, .RadMenu.RadMenu_London .rmRootGroup .rmContent {
  padding: 0;
}
.RadMenu.RadMenu_London .RadSiteMap, .RadMenu.RadMenu_London .RadSiteMap .rsmItem, .RadMenu.RadMenu_London .RadSiteMap .rsmTwoLevels .rsmItem {
  font-size: inherit;
}

.RadMenu.RadMenu_London {
  z-index: 1001 !important;
  position: relative;
}
.RadMenu.RadMenu_London:focus {
  outline: none;
}
.RadMenu.RadMenu_London ul {
  margin: 0;
  padding: 0;
}
.RadMenu.RadMenu_London .rmItem, .RadMenu.RadMenu_London .rsmItem {
  list-style: none;
}
.RadMenu.RadMenu_London .rmDisabled > a, .RadMenu.RadMenu_London .rsmDisabled > a {
  cursor: default;
}
.RadMenu.RadMenu_London .rmItem {
  width: auto;
  clear: both;
}
.RadMenu.RadMenu_London .rmText,
.RadMenu.RadMenu_London .rmHorizontal .rmText,
.RadMenu.RadMenu_London .rmSlide .rmText {
  padding: 10px 15px;
}
.RadMenu.RadMenu_London .rmSlide .MegaDropDownMenuOuter > .rmText {
  /* when mega menus are on, don't add padding around the rmText */
  padding: 0;
}
.RadMenu.RadMenu_London .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 40px;
}
.RadMenu.RadMenu_London .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.RadMenu_London .rsmItem {
  padding: 5px 15px;
  margin: 0;
}
.RadMenu.RadMenu_London .rsmLink,
.RadMenu.RadMenu_London .rsmOneLevel .rsmItem .rsmLink {
  padding: 0;
}
.RadMenu.RadMenu_London .rsmTwoLevels .rsmItem .rsmItem,
.RadMenu.RadMenu_London .rsmTwoLevels .rsmLevel1 .rsmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
  margin-right: 15px;
}
.RadMenu.RadMenu_London .rsmTwoLevels .rsmLink {
  margin-bottom: 0;
}
.RadMenu.RadMenu_London .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
}
@media (max-width: 480px) {
  .RadMenu.RadMenu_London .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}
.RadMenu.RadMenu_London .rsmColumnWrap {
  margin-bottom: 0;
}
.RadMenu.RadMenu_London .rsmThreeLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_London .rsmThreeLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_London .rsmTwoLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_London .rsmTwoLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_London .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_London .rsmOneLevel .rsmItem .rsmTemplate {
  display: block;
}
.RadMenu.RadMenu_London .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_London .rsmOneLevel .rsmItem .rsmTemplate {
  white-space: nowrap;
}
.RadMenu.RadMenu_London .rmLink,
.RadMenu.RadMenu_London .rsmLink {
  color: #666666;
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}
.RadMenu.RadMenu_London .rsmColumnWrap .rsmLevel1 .rsmLink, .RadMenu.RadMenu_London .rsmColumnWrap .rsmLevel1 .rsmTemplate {
  padding: 0;
  margin: 0;
}
.RadMenu.RadMenu_London .rmGroup .rmText {
  margin: 0;
}
.RadMenu.RadMenu_London .rmRootLink.rmSelected {
  /* root item selected styles */
  color: var(--main-nav-color);
  background-color: var(--main-nav-background);
}
.RadMenu.RadMenu_London .rmRootLink.rmExpanded,
.RadMenu.RadMenu_London .rmRootLink:hover,
.RadMenu.RadMenu_London .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: var(--main-nav-background);
  color: var(--main-nav-color);
}
.RadMenu.RadMenu_London .rmGroup {
  background-color: var(--main-nav-background);
}
.RadMenu.RadMenu_London .rmDisabled > .rmLink,
.RadMenu.RadMenu_London .rsmDisabled > .rsmLink {
  color: var(--main-nav-color);
}
.RadMenu.RadMenu_London .rmDisabled > .rmLink:hover, .RadMenu.RadMenu_London .rmDisabled > .rmLink:active,
.RadMenu.RadMenu_London .rsmDisabled > .rsmLink:hover,
.RadMenu.RadMenu_London .rsmDisabled > .rsmLink:active {
  background-color: transparent;
  color: var(--main-nav-color);
  font-weight: var(--main-nav-font-weight);
}
.RadMenu.RadMenu_London .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
  text-transform: uppercase;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 0;
}
.RadMenu.RadMenu_London .rmToggle, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
}
.RadMenu.RadMenu_London .rmToggle .rmIcon, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.RadMenu.RadMenu_London .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_London .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_London .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_London .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_London .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_London .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}
.RadMenu.RadMenu_London .rsmLink:hover, 
.RadMenu.RadMenu_London .rsmOneLevel .rsmItem .rsmLink:hover{
	font-weight: var(--main-nav-font-weight);
}

.RadMenu.RadMenu_London .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.RadMenu_London .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}
.RadMenu_London .rmSlide .rmItem {
  float: none;
  display: block;
}
.RadMenu_London .rmSlide .rmText {
  float: none;
}
.RadMenu_London .rmSlide .rmLink,
.RadMenu_London .rmSlide .rsmLink {
  color: var(--main-nav-color);
}
.RadMenu_London .rmSlide .rmSeparator,
.RadMenu_London .rmSlide .rmVertical > .rmSeparator,
.RadMenu_London .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px dotted #fff;
}
.RadMenu_London .rmSlide .rmSeparator, .RadMenu_London .rmSlide .rmVertical > .rmSeparator {
  margin: 0 15px;
}
.RadMenu_London .rmSlide .rmFocused > .rmLink,
.RadMenu_London .rmSlide .rmSelected > .rmLink,
.RadMenu_London .rmSlide .rsmSelected > .rsmLink,
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: transparent;
  color: var(--main-nav-color);
}
.RadMenu_London .rmSlide .rmLink:hover, .RadMenu_London .rmSlide .rmLink.rmFocused,
.RadMenu_London .rmSlide .rsmLink:hover,
.RadMenu_London .rmSlide .rsmLink.rmFocused,
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
  background-color: transparent;
  color: var(--main-nav-color);
}
.RadMenu_London .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
   * we want to indent the nav to give separation */
  margin-left: 0;
}
.RadMenu_London .rmSlide .rmExpandRight, .RadMenu_London .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 110% -200px;
  background-repeat: no-repeat;
}
.RadMenu_London .rmSlide .MegaDropDownMenu {
  padding-top: 5px;
  padding-bottom: 5px;
}
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem {
  margin-bottom: .5em;
}
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.RadMenu_London .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  text-transform: uppercase;
  color: var(--main-nav-color);
  font-weight: bold;
  letter-spacing: 0;
}
.RadMenu_London .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}
@media (max-width: 767px) {
  .RadMenu_London .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_London .rmSlide ul.rmVertical, .RadMenu_London .rmSlide ul.rmHorizontal, .RadMenu_London .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_London .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 51px;
  }
  .RadMenu_London .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }
  .RadMenu_London .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_London .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

@media (min-width: 768px) {
  .RadMenu.RadMenu_London {
    /* Make sure mega menus with two levels are an adequate width */
  }
  .RadMenu.RadMenu_London .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_London .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_London .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_London .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_London .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_London .rmToggle, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_London .rsmTwoLevels {
    /*Standard Width*/
    min-width: 190px !important;
  }
  .RadMenu.RadMenu_London .LargerWidth10 {
    /*minimum width for more than menu items with 10-13 chars*/
    min-width: 210px !important;
  }
  .RadMenu.RadMenu_London .LargerWidth14 {
    /*minimum width for more than menu items with 14-17 chars*/
    min-width: 280px !important;
  }
  .RadMenu.RadMenu_London .LargerWidth18 {
    /*minimum width for more than menu items with 18-21 chars*/
    min-width: 350px !important;
  }
  .RadMenu.RadMenu_London .LargerWidth22 {
    /*minimum width for more than menu items with 22+ chars*/
    min-width: 450px !important;
  }
}
.no-mqs .RadMenu.RadMenu_London {
  /* Make sure mega menus with two levels are an adequate width */
}
.no-mqs .RadMenu.RadMenu_London .rmItem {
  white-space: nowrap;
}
.no-mqs .RadMenu.RadMenu_London .rmRootGroup > .rmItem {
  float: left;
  clear: none;
}
.no-mqs .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_London .rmSlide .rmGroup {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_London .rmSlide .rmItem {
  float: none;
  display: block;
}
.no-mqs .RadMenu.RadMenu_London .rmSlide .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_London .rmToggle, .no-mqs .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
  display: none;
}
.no-mqs .RadMenu.RadMenu_London .rsmTwoLevels {
  /*Standard Width*/
  min-width: 190px !important;
}
.no-mqs .RadMenu.RadMenu_London .LargerWidth10 {
  /*minimum width for more than menu items with 10-13 chars*/
  min-width: 210px !important;
}
.no-mqs .RadMenu.RadMenu_London .LargerWidth14 {
  /*minimum width for more than menu items with 14-17 chars*/
  min-width: 280px !important;
}
.no-mqs .RadMenu.RadMenu_London .LargerWidth18 {
  /*minimum width for more than menu items with 18-21 chars*/
  min-width: 350px !important;
}
.no-mqs .RadMenu.RadMenu_London .LargerWidth22 {
  /*minimum width for more than menu items with 22+ chars*/
  min-width: 450px !important;
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_London {
  white-space: normal;
}
.RadTreeView.RadTreeView_London .rtLI,
.RadTreeView.RadTreeView_London .rtTop,
.RadTreeView.RadTreeView_London .rtMid,
.RadTreeView.RadTreeView_London .rtBot {
  padding: 0;
}
.RadTreeView.RadTreeView_London .rtIn {
  font-weight: bold !important;
  display: block;
}
.RadTreeView.RadTreeView_London .rtIn,
.RadTreeView.RadTreeView_London .rtHover .rtIn,
.RadTreeView.RadTreeView_London .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}
.RadTreeView.RadTreeView_London .rtUL {
  width: 100%;
}
.RadTreeView.RadTreeView_London .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_London .child-is-selected.rtIn {
  background-color: transparent;
  color: #333333;
}
.RadTreeView.RadTreeView_London .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_London .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_London .rtSelected > a.rtIn:focus {
  background-color: transparent;
  font-weight: bold !important;
}
.RadTreeView.RadTreeView_London .rtUL .rtUL {
  padding-left: 15px;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px dotted #ddd;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI:first-child {
  border-top: none;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}
.RadTreeView.RadTreeView_London > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.RadTreeView.RadTreeView_London .rtSp,
.RadTreeView.RadTreeView_London .rtPlus,
.RadTreeView.RadTreeView_London .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}
.RadTreeView.RadTreeView_London a.rtIn {
  color: #00A8C6;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
}
.RadTreeView.RadTreeView_London a.rtIn:hover, .RadTreeView.RadTreeView_London a.rtIn:focus, .RadTreeView.RadTreeView_London a.rtIn:active {
  background-color: #fff;
}

.nav-secondary {
  background-color: #FFF;
  margin-bottom: 1em;
}
.nav-secondary .sub-nav-head {
  background-color: #39b7e6;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
}
.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #e7dbca;
}
.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
}
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggle {
  margin-top: 6.5px;
  margin-bottom: 6.5px;
  vertical-align: middle;
  background-color: #1B92BE;
  border-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* extend the toggle down when it's open */
  margin-bottom: 0;
  padding-bottom: 18px;
}
.navbar-toggle.collapsed {
  /* then tighten it back up when it's closed */
  margin-bottom: 6.5px;
  padding-bottom: 9px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.navbar-toggle.collapsed {
  background-color: #1B92BE;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #1B92BE;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
  margin-left: 15px;
}
.nav-auxiliary a {
  /* Utility navigation links */
  color: gray;
}
@media(max-width:768px){
  .nav-auxiliary a {
  /* Utility navigation links */
  color: white !important;}
}
@media (min-width: 768px) {
  .nav-auxiliary .NavigationListItem,
  .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
  }
}
.no-mqs .nav-auxiliary .NavigationListItem,
.no-mqs .nav-auxiliary .header-social .SocialSprite {
  margin-left: 7px;
}
.nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 8px;
}

/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: '(';
}
.cartCenter span:after {
  content: ')';
}

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
}
.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
  width: 22px;
  height: 21px;
  margin: -1px 0;
  /* this makes it line up properly with the hamburger */
}

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
  position: relative;
  /* this is required for the cart indicator placement */
  display: inline-block;
}
.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
  /* add the background sprite for the provided CSS classes */
  background-image: url("images/ResponsiveHeaderSprite.png");
  background-repeat: no-repeat;
  padding-left: 26px;
}
.nav-auxiliary .nav-aux-account .nav-text {
  background-position: 0 -125px;
}
.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0 -75px;
}
.nav-auxiliary .nav-aux-cart .cartFull {
  /* This is the flag indicating how many items are in your cart */
  /* left postion is padding plus placement */
  position: absolute;
  top: -5px;
  left: 10px;
  text-align: center;
  line-height: 1;
  width: 1.6em;
}
.nav-auxiliary .nav-aux-cart .cartCenter {
  color: #fff;
  background-color: #a0d10b;
  border-radius: 2px;
  font-size: 78%;
  line-height: 1;
  padding: 0 2px 1px;
  -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}
.nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: #1B92BE;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #1B92BE;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:active {
    background-color: #1B92BE;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    /* hide the cart text on small devices */
    display: inline-block;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    width: 22px;
    height: 19px;
    padding-left: 22px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background-position: 0 -100px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-position: 0 -50px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 29px;
    /* margin, padding, plus placement */
    top: 8px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #1B92BE;
    color: #000;
  }
}

.header-search {
  padding: 10px 15px;
}
.header-search > .header-search {
  padding: 0;
  /* don't double the padding */
}
@media (max-width: 767px) {
  .header-search .search-field {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header-search {
    padding: 0 0 0 7px;
  }
}
.no-mqs .header-search {
  padding: 0 0 0 7px;
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}
.no-mqs .nav-primary .nav-aux-primary-switch,
.no-mqs tr.nav-primary .nav-aux-primary-switch,
.no-mqs th.nav-primary .nav-aux-primary-switch,
.no-mqs td.nav-primary .nav-aux-primary-switch {
  display: none !important;
}

.searchbar-collapse {
  margin-left: calc(-1.4 * ((100vw - 100%) / 2));
}