/* -----------------------------------------------------------------------


 Coastal Contacts
 
  * DESCRIPTION: The primary SASS file that imports SCSS code to build the master frame of the website for large screen size.  
  
  NOTE: From SCSS Generated. 

----------------------------------------------------------------------- **/
/*

  ======== TABLE OF CONTENTS ========  
  
    1. GLOBAL VARIABLES 
    2. THE COASTAL CONTACTS CSS 
    3. FEATURES 
    
  ====================================

**/
/*  _____________________________________________________________________________

    1. GLOBAL VARIABLES 
 _____________________________________________________________________________  **/
/* Required partials that provide global variables referenced in SCSS */
/* -----------------------------------------------------------------------


 Coastal Contacts
 
	* DESCRIPTION:  Global reusable styles to ensure consistent layout across pages. 
	
	!!!IMPORTANT: 	THIS FILE MUST NOT HAVE CLASS'S AND ID'S. ONLY REUSABLE SCSS 
					VARIABLES, FUNCTIONS AND MIXINS. FOR REUSABLE CLASS/ID ADD THEM IN _master.scss 

----------------------------------------------------------------------- */
/*

  ======== TABLE OF CONTENTS ======== 
   
    1. CUSTOM Sizes	
	    1.1 RED (HUGE) Breakpoints 
   	    1.2 RED (HUGE) Variables 

	2. TYPOGRAPHY & FONT ICONS
		2.1 FONT ICONS 
		2.2 DEFAULT FONT COLORs
	3. BUTTONS MIXINS
		3.1   RED BUTTONS MIXINS
	4. IMAGE URL PATHS
	 	4.1  IMAGE DIRECTORY PATHS
	 	4.2  IMAGE REFERENCES 
	5. SASS GLOBAL MIXINS 
	6. NAVIGATION MENU VARIABLES
		6.1 TOP NAVIGATION VARIABLES 
		6.2 MMENU VARIABLES 
	
  ====================================	  
	  
*/
/* -----------------------------------------------------------------------


 Coastal Contacts
 
  * DESCRIPTION:  Globals settings for Foundation Framework. 

----------------------------------------------------------------------- */
/*

  ======== TABLE OF CONTENTS ======== 
   
    1. COASTAL CONTACTS ALL STORES GLOBAL SETTINGS
       1.1 PAGE FRAME & SKELETON  
       1.2 TYPOGRAPHY 
       1.3 BUTTONS
       1.3 ERRORS
  2. FOUNDATION SETTINGS
  
  ====================================    
    
*/
/* Import Coastal common settings for all stores. */
/* -----------------------------------------------------------------------


 Coastal Contacts
 
  * DESCRIPTION:  Globals settings for Coastal Contacts RWD stores. 

----------------------------------------------------------------------- */
/*

  ======== TABLE OF CONTENTS ======== 
   
    1. COASTAL CONTACTS ALL STORES GLOBAL SETTINGS
       1.1 PAGE FRAME & SKELETON  
       1.2 TYPOGRAPHY 
       1.3 BUTTONS
       1.3 ERRORS
  
  ====================================    
    
*/
/* Store-specific settings - colors, styles etc. */
/* -----------------------------------------------------------------------


 Coastal Contacts
 
  * DESCRIPTION:  Globals settings for store-specific styles and layout for www.coastal.com. 

----------------------------------------------------------------------- */
/*

  ======== TABLE OF CONTENTS ======== 
   
    1. COASTAL CONTACTS STORE-SPECIFIC SETTINGS 
        1.1 PAGE FRAME & SKELETON
        1.2 BUTTONS 
          1.2.1 RWD BUTTONS 
          1.2.2 REBRAND DESIGN BUTTONS 
        1.3 TOOLTIPS 
        1.4 TYPOGRAPHY
        1.4.1 CATALOG PAGE
  
  ====================================    
    
*/
/*  ==============================================================================
    1.1 PAGE FRAME & SKELETON
============================================================================== */
/*  ==============================================================================
    1.2 BUTTONS 
============================================================================== */
/*  -----------------------------------------------------------------------------
    1.2.1 RWD BUTTONS 
 ----------------------------------------------------------------------------- */
/* Primary Button */
/*  -----------------------------------------------------------------------------
    1.2.2 REBRAND DESIGN BUTTONS 
 ----------------------------------------------------------------------------- */
/* Primary Button */
/*  ==============================================================================
    1.3 TOOLTIPS 
============================================================================== */
/*  ==============================================================================
    1.4 TYPOGRAPHY 
============================================================================== */
/*  -----------------------------------------------------------------------------
    1.4.1 CATALOG PAGE
 ----------------------------------------------------------------------------- */
/*  _____________________________________________________________________________

    1. COASTAL CONTACTS ALL STORES GLOBAL SETTINGS
 _____________________________________________________________________________  */
/*  ==============================================================================
    1.1 PAGE FRAME & SKELETON
============================================================================== */
/*  ==============================================================================
    1.2 TYPOGRAPHY 
============================================================================== */
/*  ==============================================================================
    1.3 BUTTONS 
============================================================================== */
/*  ==============================================================================
    1.3 ERRORS
============================================================================== */
/*  ==============================================================================
    1.1 PAGE FRAME & SKELETON
============================================================================== */
/*  ==============================================================================
    1.2 TYPOGRAPHY 
============================================================================== */
/*  _____________________________________________________________________________

    2. FOUNDATION SETTINGS
 _____________________________________________________________________________  */
meta.foundation-version {
  font-family: "/5.3.1/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:641px)/";
  width: 641px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1025px)/";
  width: 1025px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1441px)/";
  width: 1441px; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:1921px)/";
  width: 1921px; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 16px; }

body {
  background: #fff;
  color: #67757f;
  padding: 0;
  margin: 0;
  font-family: "HelveticaNeue", "Helvetica", Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/*  _____________________________________________________________________________

    1. Custom Sizes
 _____________________________________________________________________________  */
/* -------------------------------------------------------------------------
    1.1 RED (HUGE) BREAKPOINTS 
------------------------------------------------------------------------- */
/* Breakpoints mapping between Huge and Clearly */
/* -------------------------------------------------------------------------
    1.2 RED (HUGE) Variables 
------------------------------------------------------------------------- */
/* colors */
/* timing */
/*  _____________________________________________________________________________

    2. TYPOGRAPHY & FONT ICONS
 _____________________________________________________________________________  */
/* !!! FONT ICONS MANAGED BY http://app.fontastic.me/ */
@font-face {
  font-family: "font-icons";
  src: url("../../images/rwd/font-icons/fonts/font-icons.eot");
  src: url("../../images/rwd/font-icons/fonts/font-icons.eot#iefix") format("embedded-opentype"), url("../../images/rwd/font-icons/fonts/font-icons.woff") format("woff"), url("../../images/rwd/font-icons/fonts/font-icons.ttf") format("truetype"), url("../../images/rwd/font-icons/fonts/font-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* !!! FONT ICONS FROM HUGE REDESIGN PROJECT (RED) */
@font-face {
  font-family: "fonts-icons-red";
  src: url("../../images/rwd/font-icons/fonts/fonts-icons-red.eot");
  src: url("../../images/rwd/font-icons/fonts/fonts-icons-red.eot#iefix") format("embedded-opentype"), url("../../images/rwd/font-icons/fonts/fonts-icons-red.woff") format("woff"), url("../../images/rwd/font-icons/fonts/fonts-icons-red.ttf") format("truetype"), url("../../images/rwd/font-icons/fonts/fonts-icons-red.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* -------------------------------------------------------------------------
    2.1 FONT ICONS 
------------------------------------------------------------------------- */
.underlined {
  text-decoration: underline; }

.bg-grey-quarry {
  background-color: #F0F0F0; }

/* -------------------------------------------------------------------------
    2.1 FONT ICONS 
------------------------------------------------------------------------- */
.main-text-font-color {
  color: #67757f; }

/*  _____________________________________________________________________________

    3. BUTTONS MIXINS
 _____________________________________________________________________________  */
/*  _____________________________________________________________________________

    4. IMAGE URL PATHS
 _____________________________________________________________________________  */
/*  ----------------------------------------------------------------------------
    4.1  IMAGE DIRECTORY PATHS
 ----------------------------------------------------------------------------  */
/* Images under /images/rwd/buttons/ */
/* Images under /images/rwd/icons/ */
/* Images under /images/rwd/logos/ */
/* Images under /images/rwd/product/ */
/* Images under /images/rwd/features/ */
/* Images under /images/rwd/sprites/ */
/* Images under /images/rwd/sprites/globals */
/* Images under /images/rwd/sprites/left-nav */
/* Images under /images/rwd/sprites/catalog */
/* Images under /images/rwd/sprites/checkout */
/* Images under /images/rwd/sprites/top-nav */
/* Images under /images/rwd/sprites/subhome */
/* Images under /images/rwd/sprites/subscription */
/* images/rwd/sprites/wizards/rx-wizard */
/* images/rwd/icons/red */
/*  ----------------------------------------------------------------------------
    4.2  IMAGE REFERENCES 
 ----------------------------------------------------------------------------  */
/* Images under /images/rwd/icons/ */
/* Images under /images/rwd/features/ */
/*  _____________________________________________________________________________

    5. SASS GLOBAL MIXINS 
 _____________________________________________________________________________  */
/* Builds the New design error style */
/* Styles a hover for tiles, VM images etc. Global style to be applied where similar effect is needed */
/*  _____________________________________________________________________________

   	6. NAVIGATION MENU VARIABLES 
 _____________________________________________________________________________  */
/* ------------------------------------------------------------------------
    6.1 TOP NAVIGATION VARIABLES 
--------------------------------------------------------------------------- */
/* 1200 total width - 4px grid padding (x2) - 2px padding within wrapper = 1090 */
/* ------------------------------------------------------------------------
    6.2 MMENU VARIABLES 
--------------------------------------------------------------------------- */
/* mmenu overwrite default settings */
/* Need to take 1px off for the bottom border displayed for off canvas sliding menu items */
/*  _____________________________________________________________________________

    2. THE COASTAL CONTACTS CSS 
    (We need to have CC CSS after third party CSS so we can overwrite properties)
 _____________________________________________________________________________  **/
/* -----------------------------------------------------------------------


 Coastal Contacts
 
	* DESCRIPTION:  The SCSS for top navigation (large screen size)

----------------------------------------------------------------------- */
/*

  ======== TABLE OF CONTENTS ========  
 
	1.  
  
  ====================================	  
	  
*/
/* 220px (drop down content) - 20px (top/bottom margin) = 200px - changed to AUTO to account for custom drop down HTML variable heights*/
#l-top-hotspot-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 99999; }

#l-top-header {
  background: #fff;
  margin-top: 0.625rem;
  position: relative;
  z-index: 0;
  /* Need to be lower for Fancybox lightbox */
  font-size: 0.75rem;
  text-transform: uppercase; }
  #l-top-header li.account-actions.greeting {
    max-width: 12.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  #l-top-header li.account-actions a {
    color: #0091ba;
    font-weight: bold; }
  #l-top-header #l-top-header-menu {
    margin: -0.1875rem 0 0.3125rem 0;
    visibility: hidden; }
  #l-top-header hr {
    border-color: #dfe9ef !important;
    margin: 0; }

#page-wrapper #small-logo {
  display: none;
  opacity: 0; }

@media only screen and (max-width: 640px) {
  #page-wrapper.sticky-nav {
    border-top: none;
    border-left: none;
    border-right: none; }
    #page-wrapper.sticky-nav li {
      margin-left: -0.3125rem; } }

#page-wrapper.sticky-nav #sticky-search-container {
  display: inline-block; }

#page-wrapper.sticky-nav .vertical-sticky {
  display: block !important;
  margin-top: -0.9375rem;
  padding-top: 0.3125rem; }
  #page-wrapper.sticky-nav .vertical-sticky .icon-value-group {
    display: block !important;
    text-align: right;
    position: relative;
    margin-right: -0.9375rem; }
    #page-wrapper.sticky-nav .vertical-sticky .icon-value-group .icon-value-group-content {
      width: 3.5625rem;
      position: absolute;
      right: 0;
      text-align: left;
      background: #F3F4F5;
      padding-left: 0.3125rem; }

#page-wrapper.sticky-nav .vertical-sticky-only {
  display: inline;
  position: absolute;
  right: 0;
  width: 4.6875rem; }
  #page-wrapper.sticky-nav .vertical-sticky-only li.nav-cat-divider {
    float: right !important;
    /* needed for vertical alignment of sticky nav icons when run out of available horizontal space */
    border: 1px solid #dfe9ef;
    border-width: 1px 0 0 0;
    display: inline-block;
    height: 0;
    margin-left: 0.3125rem;
    margin-top: 0;
    width: 4.0625rem; }

#page-wrapper.sticky-nav .sticky-only {
  display: inline; }

#page-wrapper.sticky-nav .rhs-icons {
  background-color: #F3F4F5;
  display: block;
  float: right; }
  #page-wrapper.sticky-nav .rhs-icons #rhs-adjustable {
    display: inline; }
  #page-wrapper.sticky-nav .rhs-icons li a {
    color: #0069aa;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2.7; }

#page-wrapper.sticky-nav #small-logo {
  display: inline-block;
  opacity: 1; }

#page-wrapper.sticky-nav .header-wrapper .l-menu-wrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
  border-bottom: 1px solid #dfe9ef;
  opacity: .95; }
  #page-wrapper.sticky-nav .header-wrapper .l-menu-wrapper ul.main-nav-menu li:first-child {
    margin-left: 0.125rem; }
  #page-wrapper.sticky-nav .header-wrapper .l-menu-wrapper .rhs-icons {
    padding-top: 0.5625rem;
    max-height: 3.125rem;
    text-align: right;
    padding-right: 0.9375rem; }
  #page-wrapper.sticky-nav .header-wrapper .l-menu-wrapper #keyword-search-sticky-l {
    border: none;
    width: 13.4375rem; }
  #page-wrapper.sticky-nav .header-wrapper .l-menu-wrapper #l-search-box-close-btn {
    padding: 0 20px;
    background: #0091ba;
    border: none; }
    #page-wrapper.sticky-nav .header-wrapper .l-menu-wrapper #l-search-box-close-btn .cc-icon-magnify-glass:before {
      color: #fff;
      font-size: 1.25rem;
      cursor: pointer;
      position: absolute;
      margin-left: -0.625rem; }
  #page-wrapper.sticky-nav .header-wrapper .l-menu-wrapper .icon-value-group {
    display: inline-block; }

#page-wrapper.sticky-nav #l-menu li h2 {
  padding: 0.5625rem 1.25rem; }

#page-wrapper.sticky-nav #l-menu li .nav-menu-heading {
  padding-left: 0.8125rem;
  padding-right: 1.0625rem;
  padding-top: 0.4375rem; }

#page-wrapper.sticky-nav #l-menu li.right {
  height: 60px;
  width: 75px;
  text-align: center; }
  #page-wrapper.sticky-nav #l-menu li.right.sticky-cart {
    padding: 15px 0 0 0; }
    #page-wrapper.sticky-nav #l-menu li.right.sticky-cart a {
      line-height: 1.2;
      display: inline-block; }
      #page-wrapper.sticky-nav #l-menu li.right.sticky-cart a span {
        font-size: 0.75rem;
        font-weight: normal; }
  #page-wrapper.sticky-nav #l-menu li.right .none-h2 {
    border-left: none;
    line-height: 2.1;
    width: 70px;
    text-align: center; }
    #page-wrapper.sticky-nav #l-menu li.right .none-h2 strong {
      font-size: 22px; }

#page-wrapper.sticky-nav .push-dropdown {
  position: fixed;
  width: 100%;
  max-width: 100%;
  top: 0px;
  background: #fff;
  margin-left: 0;
  height: auto;
  left: 0;
  padding-top: 50px;
  box-shadow: 0 0 0.25rem 0.125rem #dfe9ef; }
  #page-wrapper.sticky-nav .push-dropdown .nav-push-content {
    height: auto; }
  #page-wrapper.sticky-nav .push-dropdown #nav-sticky-search-push-content, #page-wrapper.sticky-nav .push-dropdown #nav-small-logo-push-content {
    padding: 0.3125rem;
    height: auto; }
  #page-wrapper.sticky-nav .push-dropdown #nav-small-logo-push-content {
    min-height: 3.125rem; }
  #page-wrapper.sticky-nav .push-dropdown #nav-sticky-search-push-content {
    height: 2.5rem; }
  #page-wrapper.sticky-nav .push-dropdown .nav-push-content {
    max-width: 1192px;
    margin: 10px auto; }

#page-wrapper .slide-down-menu {
  background-color: #fff;
  margin-top: -1px;
  position: absolute;
  width: 100%;
  z-index: 100; }

#page-wrapper #small-logo {
  margin-left: -10px; }
  #page-wrapper #small-logo a {
    background: url("../../images/rwd/logos/mascot-logo_v1.png") no-repeat center center scroll transparent;
    display: inline-block;
    float: left;
    width: 40px; }
    #page-wrapper #small-logo a.active {
      background-color: #fff;
      padding: 0 5px; }

#page-wrapper .push-dropdown-container {
  display: inline-block;
  width: 100%; }

#page-wrapper .push-dropdown {
  display: none;
  height: auto;
  margin: 10px;
  width: 100%;
  z-index: 900; }
  #page-wrapper .push-dropdown .nav-push-content {
    display: none; }
    #page-wrapper .push-dropdown .nav-push-content.active {
      display: block; }
    #page-wrapper .push-dropdown .nav-push-content .l-nav-content-wrapper {
      float: left;
      border-left: 1px solid #dfe9ef;
      height: auto; }
      #page-wrapper .push-dropdown .nav-push-content .l-nav-content-wrapper .nav-heading {
        color: #0091BA;
        display: block;
        font-size: 1rem;
        line-height: 1.2;
        height: 1.5625rem;
        width: 10.625rem;
        display: inline; }
      #page-wrapper .push-dropdown .nav-push-content .l-nav-content-wrapper .nav-heading-wrap {
        color: #0091BA;
        display: block;
        font-size: 1rem;
        line-height: 1.2;
        height: 1.5625rem;
        width: 8.125rem; }
      #page-wrapper .push-dropdown .nav-push-content .l-nav-content-wrapper ul > li > a {
        display: inline-block;
        list-style: none;
        line-height: 1.2;
        /* Top nav dropdown sub category */
        padding: 0.3125rem 0; }
      #page-wrapper .push-dropdown .nav-push-content .l-nav-content-wrapper.nav-heading-first-child {
        padding-left: 0.375rem !important; }
    #page-wrapper .push-dropdown .nav-push-content .l-nav-brands {
      padding: 0 0.3125rem; }
      #page-wrapper .push-dropdown .nav-push-content .l-nav-brands ul.nav-brands-logos {
        border-bottom: 1px solid #dfe9ef;
        display: inline-block;
        margin: 0.3125rem 0;
        width: 100%; }
        #page-wrapper .push-dropdown .nav-push-content .l-nav-brands ul.nav-brands-logos img:hover {
          opacity: 0.6; }
      #page-wrapper .push-dropdown .nav-push-content .l-nav-brands ul.nav-brands-labels {
        clear: both;
        display: block;
        text-transform: uppercase; }
        #page-wrapper .push-dropdown .nav-push-content .l-nav-brands ul.nav-brands-labels li {
          text-align: left;
          width: 18%; }
          #page-wrapper .push-dropdown .nav-push-content .l-nav-brands ul.nav-brands-labels li a.all-brands {
            color: #0069aa;
            display: block;
            margin-top: 0.9375rem; }
      #page-wrapper .push-dropdown .nav-push-content .l-nav-brands ul li {
        clear: none;
        float: left;
        line-height: 1.2;
        /* Top nav dropdown sub category */
        margin-right: 0.625rem; }
    #page-wrapper .push-dropdown .nav-push-content ul {
      line-height: 1;
      /* Need to overwrite the default global property value for <ul> */ }
      #page-wrapper .push-dropdown .nav-push-content ul li {
        list-style: none;
        clear: both;
        line-height: 1.2; }
      #page-wrapper .push-dropdown .nav-push-content ul#sticky-nav-small-logo-links li {
        border-left: 1px solid #dfe9ef;
        clear: none;
        display: inline-block;
        float: left;
        font-size: 1rem;
        text-align: center;
        width: 16.5%; }
      #page-wrapper .push-dropdown .nav-push-content ul#sticky-nav-small-logo-links li:first-child {
        border-left: none; }
      #page-wrapper .push-dropdown .nav-push-content ul#sticky-nav-small-logo-links li:last-child {
        border-right: none; }
      #page-wrapper .push-dropdown .nav-push-content ul#sticky-nav-small-logo-links .l-name-greeting {
        width: 160px; }
      #page-wrapper .push-dropdown .nav-push-content ul li.l-pop-brands {
        border-left: 1px solid #dfe9ef;
        clear: none;
        display: inline-block;
        height: 200px;
        padding: 60px 0 0 0;
        width: 16.5%; }

html[lang="fr_CA"] #keyword-search-sticky-l {
  width: 8.75rem !important; }

html[lang="fr_CA"] body.sticky-nav .search-dropdown-wrapper {
  max-width: 10.8125rem !important;
  top: 10px; }

.header-wrapper {
  position: relative; }
  .header-wrapper ul {
    transition-duration: 0.25s; }
    .header-wrapper ul li {
      display: block;
      float: left;
      list-style: none; }
  .header-wrapper #l-main-header #search-box {
    margin-right: 0.625rem; }
  .header-wrapper #l-main-header .l-nav-fav-wrapper {
    display: inline-block; }
  .header-wrapper #l-main-header .l-nav-cart-wrapper {
    border-color: #dfe9ef;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    display: inline-block; }
  .header-wrapper .l-main-header-box-right {
    margin-top: 2rem;
    display: block; }
  .header-wrapper .l-menu-wrapper {
    background: #F3F4F5;
    line-height: 3;
    height: 55px; }

#l-menu {
  float: left;
  line-height: inherit !important;
  height: 55px;
  width: 100%; }
  #l-menu a {
    text-decoration: none; }
  #l-menu h2 {
    padding: 0.625rem 0.9375rem; }
  #l-menu .nav-menu-heading {
    padding: 0.375rem 0.9375rem;
    text-transform: uppercase; }
  #l-menu .none-h2 {
    display: block;
    padding: 0.625rem 0.9375rem; }
  #l-menu a.push-trigger {
    background: transparent;
    height: 55px;
    cursor: pointer; }
    #l-menu a.push-trigger.active {
      background: #fff;
      display: block; }
  #l-menu #l-top-eye-help {
    border-color: #dfe9ef;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    /* height: 40px;   */ }
  #l-menu li:hover {
    background: #fff; }
  #l-menu li.nav-cat-divider {
    border: 1px solid #dfe9ef;
    border-width: 0 0 0 1px;
    display: inline-block;
    height: 2.5rem;
    margin-top: 0.625rem;
    float: right; }
  #l-menu .sticky-only .nav-cat-divider {
    border: 1px solid #dfe9ef;
    border-width: 1px 0 0 0;
    display: inline-block;
    float: none;
    height: 0;
    margin-left: 0.3125rem;
    margin-top: 0;
    width: 4.0625rem; }
  #l-menu .rhs-icons ul {
    list-style: none; }

.l-main-header-box-right {
  line-height: 4; }
  .l-main-header-box-right .keyWordSearch {
    border-width: 1px 0 1px 1px;
    color: #67757f;
    width: 18.75rem; }
  .l-main-header-box-right #l-search-box-close-btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff;
    border-color: #dfe9ef;
    border-image: none;
    border-style: solid solid solid solid;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
    position: static;
    box-shadow: 0 0 0 transparent inset;
    border-width: 1px 1px 1px 1px;
    border-width: 1px 1px 1px 0px;
    width: 2.5rem;
    background: #0091ba; }
    .l-main-header-box-right #l-search-box-close-btn .cc-icon-magnify-glass:before {
      color: #fff;
      font-size: 1.25rem;
      position: absolute;
      margin-left: -1.1875rem; }
  .l-main-header-box-right #l-search-btn {
    color: #67757f;
    float: right;
    margin-right: 0.625rem; }

.header-sub-nav {
  float: right;
  font-size: 0.75rem; }
  @media only screen and (min-width: 1025px) {
    .header-sub-nav .divider {
      margin: 0 !important; } }
  .header-sub-nav li:before {
    color: #dfe9ef;
    content: "|";
    margin: 0 0.625rem; }
  .header-sub-nav li:first-child:before {
    content: none; }
  .header-sub-nav li .l-name-greeting {
    text-align: right;
    max-width: 7.375rem;
    text-decoration: underline;
    display: inline-block; }
    .header-sub-nav li .l-name-greeting:hover {
      text-decoration: none; }

/* Dynamically created classes using the $categoryCode from the Core */
.pop-brand-acuvue {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 140px; }

.pop-brand-optix {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll -140px 0 transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 160px; }

.pop-brand-bauschandlomb {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll -460px 0 transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 160px; }

.pop-brand-cibadailies {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll -300px 0 transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 160px; }

.pop-brand-freshlook {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll -620px 0 transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 160px; }

.pop-brand-splashcontacts {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll -780px 0 transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 150px; }

.pop-brand-seedjapan {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll 0 -65px transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 150px; }

.pop-brand-aire {
  background: url("../../images/rwd/sprites/top-nav/cl_pop_brands_l.png") no-repeat scroll -140px -65px transparent;
  cursor: pointer;
  height: 65px;
  margin: 0 auto;
  width: 150px; }

/* Frames for Men/Women & Sunglasses for Men/Women */
.frames-for-women {
  background: url("../../images/rwd/sprites/top-nav/eg_sg_top_nav_avatars_l.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 130px;
  margin: 10px auto;
  width: 90px; }

.frames-for-men {
  background: url("../../images/rwd/sprites/top-nav/eg_sg_top_nav_avatars_l.png") no-repeat scroll -95px 0 transparent;
  cursor: pointer;
  height: 130px;
  margin: 10px auto;
  width: 90px; }

.sunglasses-for-women {
  background: url("../../images/rwd/sprites/top-nav/eg_sg_top_nav_avatars_l.png") no-repeat scroll -193px 0 transparent;
  cursor: pointer;
  height: 100px;
  margin: -15px auto 0 auto;
  width: 140px; }

.sunglasses-for-men {
  background: url("../../images/rwd/sprites/top-nav/eg_sg_top_nav_avatars_l.png") no-repeat scroll -348px 0 transparent;
  cursor: pointer;
  height: 100px;
  margin: -15px auto 0 auto;
  width: 140px; }

/*# sourceMappingURL=master_frame_l.css.map */