/*                                                                      */
/* 		               NAVIGATION - TABLET UP              		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL tablet.css     */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/* v003 02 Dec 2019 -   Use _css_subnav-section1/2 (CSG only)           */
/*                                                                      */
/*                                                                      */


/* **************************************** */
/* 				PRIMARY NAV 				*/
/* **************************************** */

  nav.primary {
    background-color: transparent;
    border-bottom: none;
    min-height: 0;
  }
  nav.primary p.pagetitle {
    display: none;
  }
  nav.primary ul {
    display: block;
	padding: 40px 0 0 45px;
	background-color: transparent;
	border-right: none;
  }
  nav.primary ul li {
    display: inline-block;
    margin: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  nav.primary ul li.home,
  nav.primary ul li.welcome,
  nav.primary ul li.today,
  nav.primary ul li.my-account {
    display: inline-block;
  }

  nav.primary ul li a {
    font-weight: normal;
    line-height: 1.55em;
    letter-spacing: 1px;
    min-width: 25px;
	padding: 13px 0 7px 0;
    margin-top: 0;
    margin-bottom: 0;
	border-top: none;
    border-bottom: 7px solid transparent;
    text-align: center;
  }
  nav.primary ul li.active a {
    border-color: #0072ce /* CSG Blue (Pantone 285C) */;
  }
  nav.primary ul li a:hover, 
  nav.primary ul li.hover a,
  nav.primary ul li.active.hover a,
  nav.primary ul li.active a {
    background: transparent;
    color: black;
  }
  nav.primary ul li.active a {
    font-weight: bold;
  }
  nav.primary ul li a:hover, 
  nav.primary ul li.hover a {
    border-color: #78c048 /* CSG Green (Pantone 368c) */;
  }
  nav.primary ul li.active.hover a {
    border-color: #0072ce /* CSG Blue (Pantone 285C) */;
  }
  nav.primary ul li.last a {
  }

  /* Secondary nav within primary */
  nav.primary ul li ul {
    display: none;
  }
  nav.primary ul li ul a {
    color: white;
    font-weight: normal;
  }
  nav.primary ul li ul li {
    border-bottom: none;
  }
  nav.primary ul li ul li.current a {
    color: white;
  }
  nav.primary ul li ul a {
    border-right: 1px solid #78c048 /* CSG Green (Pantone 368c) */;
    margin-top: 8px;
    margin-bottom: 10px;
  }
  nav.primary ul li ul li a {
    border-top: none;
  }
  nav.primary ul li a.last {
    border-right: none;
  }


/* **************************************** */
/* 			SECONDARY NAV	 				*/
/* **************************************** */

  nav.primary ul li ul {
    display: none;
  }
  nav.secondary {
    display: none;
    padding: 30px 30px 20px 30px;
    background-color: #0072ce /* CSG Blue (Pantone 285C) */;
    position: absolute;
    top: 211px;     /* Changed 181px to 211px 4 Jul 2024 because of added logo */
    right: 5px;
    width: 190px; 
  }
  body.etv nav.secondary,
  body.options-for-your-benefits nav.secondary,
  body.help-and-contacts nav.secondary {
    display: block;
  }
  nav.secondary h3 {
    background-position: 0 -1235px;
    color: white;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 0 25px;
  }
  nav.secondary ul {
    list-style: none;
    margin: 7px 0 0 0;
    padding: 0;
    border-bottom: 1px solid white;
  }
  nav.secondary li {
    padding-left: 0;
    margin-bottom: 0;
  }
  nav.secondary a {
    display: block;
    font-size: 12px;
    color: white;
    font-weight: normal;
    text-align: left;
    border-top: 1px solid white;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 7px;
  }
  nav.secondary a:hover {
	text-decoration: none;
  }
  nav.secondary ul li.has_subnav a {
	background-position: right -760px;
  }
  nav.secondary ul li.current.has_subnav a {
	background-position: right -810px;
  }
  nav.secondary li.current a,
  nav.secondary li.hover a {
    color: black;
  }
  nav.secondary li.current a {
    color: white;
    font-weight: bold;
  }

  /* Third level */
  nav.secondary ul li ul {
    margin-top: 0;
    border-bottom: none;
  }
  nav.secondary ul li ul li a {
    padding-left: 10px;
  }
  nav.secondary ul li ul li a:hover, 
  nav.secondary ul li ul li.current a {
  }
  nav.secondary ul li.current.has_subnav ul li a {
    border-top: none;
	background-position: -9999px -9999px;
    color: white;
  }


  article.from-the-scheme p.intro {
	/*margin-bottom: 50px;*/		/* To clear the secondary nav */ /* Removed 3 Jan 2018 as seems superfluous */
  }