/**
 * ecomm-nav-global.css
 * 
 * The eCommerce Navigation sits to the right of the main navigation and contains four dropdowns (modals): Orders, Quotes, Account Overview and Global Cart. This stylesheet sets styles for elements which are common to all these sections.
 * 
 */

/*-----------------------------------------------------------------------
# eCommerce Navigation: General Styles
------------------------------------------------------------------------*/

.ecomm-options .nav-arrow { right: 0; }

.ecomm-options li { 
  display: inline-block; 
  position: relative; /* So that the corresponding menu dropdown is positioned related to the parent list element */
}

.ecomm-options li > a:link, .ecomm-options li > a:visited { 
  color: #fff; 
  font: 1rem "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 68px;
}

.arrow-down { 
  background: url(../../../../../../img/nav/arrow-down-white.png) no-repeat; 
  background-position: 90% center;
}

/* Styles the See All link in the Orders and Quotes dropdowns */
.ecomm-options > li .see-all { line-height: 1em; }

/* Positions the avatar and cart icons */
.avatar img, .cart-icon img {
  vertical-align: middle;
  padding-bottom: 8px;
}