/*                                                                      */
/* 		               NAVIGATION - TABLET ONLY            		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL tablet-only.css*/
/* v002 06 Aug 2019 -   Modified to new content element names           */
/*                                                                      */
/*                                                                      */

/* THIS NEEDS A CONTENT ELEMENT TO BE THE 'my-account'  */

/* **************************************** */
/* 		SECONDARY NAV and MY ACCOUNT		*/
/* **************************************** */

  body.your-retirement-options .nav-spacer {		/* This sits behind the absolute position nav and keeps terxt from going behind it */
    float: right;
    height: 204px;
    width: 240px;
  }

  nav.primary.your-retirement-options ul li.my-account {
	width: 240px;
  }

  nav.primary ul li.my-account {
    position: absolute;
    right: 5px;
    z-index: 1;
    background-color: #232F5D /* BAT Blue */;
  }
  nav.primary ul li.my-account {
    top: 136px;
  }
  nav.primary.home ul li.my-account {
	top: 466px;
  }
  nav.primary.your-retirement-options ul li.my-account {
    top: 278px;
  }
  nav.primary ul li.my-account.hover {
    background-color: black;
  }
  nav.primary ul li.my-account a {
    font-weight: 800;
    padding: 13px 10px 4px 10px;
  }
  nav.primary.your-retirement-options ul li.my-account a {
	text-align: left;
    padding-left: 27px;
  }
  nav.primary ul li.my-account.hover a,
  nav.primary ul li.my-account.active a {
    border-color: transparent;
  }