@charset "utf-8";
/* CSS Document */

nav { height:63px; border-bottom:3px solid #CCC;z-index:100000;width:100%;background-color:#FFF;position:relative }
nav, nav * { box-sizing:border-box }
nav:after { clear:both;content:""; }
nav a { display:block;width:100%;height:100%;text-decoration:none;color:inherit }
a {  }

nav .header { max-width:1020px;margin:0 auto; }

nav .header .logo { padding:10px 5px;width:120px;float:left;position:relative;border-bottom:3px solid transparent }
nav .logo ul { background-color:#FFF;z-index:1000;display:none;  position:absolute;left:0;top:63px;width:120px;padding-left:0;box-shadow:0 0 10px rgba(0,0,0,0.44);border-radius: 0 0 15px 0   }
nav .logo ul li { width:100%;transition:0.2s;-webkit-transition:0.2s;border-bottom:1px solid #CCC }
nav .logo ul li:last-of-type { border-bottom:0 }
nav .logo ul li:hover { color:#99CA3C }

nav .header .menu { float:left; }

  nav .header ul { padding-left:0;margin-top:0; }
  nav .header ul li, nav .sidelinks ul li { position:relative;display:block;float:left;height:63px;  margin:0;padding:0 15px 0 15px;  font-family:Oswald, Arial Black, Arial, sans-serif;font-size:18px;  transition:0.1s;-webkit-transition:0.1s;min-width:0 }
  nav .header .menu > ul > li:hover { border-width:6px } /* doubles nav .*name* bottom border on hover */
  
  nav .header li span { float:left;display:block;margin-top:21px }
  nav .header li img { float:left;margin:15px 10px 0 0 }
  nav .header ul li ul /* dropdown menu Level 1 */ { position:absolute;top:63px;left:0;z-index:1000000;  width:250px;background:#FFF;padding:0;border-radius:0 0 15px 15px; /* jQuery toggle settings */ display:none }
  nav .header ul li ul li /* dropdown menu items */ { display:block;float:none;padding:15px 0 0 15px;height:63px;white-space:nowrap;  border-bottom:1px solid #CCC;letter-spacing:0.2px }
  nav .header ul li ul li:last-of-type { border-bottom:0;border-radius:0 0 14px 14px }
  nav .header ul li ul li:hover span { color:#FFF !important }
  nav .header ul li ul li span, nav .header ul li ul li img { margin:0;float:none;vertical-align:middle;display:inline; }
  nav .header ul li ul li img { margin-right:10px; }
  
  
  nav .youarehere /* uses js indicate current page */ {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #CCC transparent;
	
	position:absolute;left:23px;bottom:0;
	display:none;
  }

  nav .lifestyles { border-bottom:3px solid #5E3075;color:#5E3075;/* fix cursor to pointer */ cursor:pointer } /* nav colours */
    nav .lifestyles .youarehere { border-color:transparent transparent #5E3075 transparent }
	nav .header .lifestyles ul { box-shadow:0 0 10px rgba(0,0,0,0.44);border-top:0; }
  nav .programs { border-bottom:3px solid #00adef;color:#00adef;width:inherit }
    nav .programs .youarehere { border-color:transparent transparent #00adef transparent }
  nav .sales-team { border-bottom:3px solid #99ca3c;color:#99ca3c;cursor:pointer /* now a dropdown */ }
    nav .sales-team .youarehere { border-color:transparent transparent #99ca3c transparent }
  nav .shop  { border-bottom:3px solid #ec008b;color:#ec008b }
    nav .shop .youarehere { border-color:transparent transparent #ec008b transparent }
	nav .header .shop ul { box-shadow:0 0 10px rgba(0,0,0,0.44);border-top:0; }
	
	/* hover colours */
	
  nav ul li ul li.orange:hover { background-color:#f7931d }
  nav ul li ul li.pink:hover { background-color:#ec008b }
  nav ul li ul li.yellow:hover { background-color:#fec10d }
  nav ul li ul li.green:hover { background-color:#99ca3c }
  nav ul li ul li.blue:hover { background-color:#00adef }
  nav ul li ul li.purple:hover { background-color:#5e3075 }
  


nav .header .sidelinks { float:right }
  nav .header .sidelinks ul { padding-left:0 }
  nav .header .sidelinks li { padding-top:21px;min-width:0;color:#888 }
  nav .header .sidelinks li:hover { color:#99ca3c }
  
  
.orange {
	color:#F89C1B;
}

.green {
	color:#99CA3C;
}

.purple {
	color:#5e3075;
}

.yellow {
	color:#fec10d;
}

.blue {
	color:#00ADEF;
}

.pink {
	color:#EC008B;
}
  
/* mobile hiding before 540px */

.navbar-mobile {
	display:none;
}

.sidelinks-mob { display:none }

.mobile-hide {
	display:none;
	visibility:hidden;
}

.hide {
	display:none;visibility:none }

nav .sidelinks-mob img { margin:15px 15px 0 0;height:32px;float:right;white-space:nowrap }
nav .sidelinks-mob ul { display:none; border-top:3px dotted #CCC;background-color:#FFF;position:absolute;right:0;top:100%;width:150px;box-shadow:0px 2px 2px rgba(0,0,0,0.33) }
nav .sidelinks-mob ul li { display:block;width:150px;vertical-align:middle;height:50px;padding:13px; }
nav .sidelinks-mob ul li:hover { border-left:3px solid #99ca3C }

@media (max-width: 1020px) {
  nav .header .sidelinks li { font-size:14px;padding-left:8px;padding-right:8px; }
  nav .header .menu .shop ul { left:auto;right:0 }
}

@media (max-width:920px) { .sidelinks { display:none } .sidelinks-mob { display:block } }

@media (max-width: 755px) {
  nav .header .menu ul li img { display:none }
  nav .header .menu ul li ul li img { display:inline }
}

@media (max-width: 590px) {
	.sticky-wrapper { height:0 !important }
	
	nav { display:none }
		
	.mobile-hide {
		display:block;
		visibility:visible;
	}
	
	.navbar-mobile {
		border:0;
		margin:0;
		padding:0;
		display:block;
		z-index:50000000;
		background-color:#5E3075;
		width:100%;
		height:65px;
		position:relative;
	}
	
	.navbar-mobile-right {
		position:absolute;
		top:20px;
		right:5%;
	}
	
	.navbar-mobile-left {
		position:absolute;
		left:17px;
		top:17px;
		cursor:pointer;
	}
	
	/* contentContainer padding to account for mobile nav */
	.contentContainer { padding-top:65px }
	
	/* mobile navigation jPanel */
	
	#jPanelMenu-menu {
		padding:0;
		margin-top:0;
		background-color:#333;
	}
	
	#jPanelMenu-menu li {
		list-style:none;
		font-family:Oswald, Arial;
		font-size:22px;
		text-transform:uppercase;
		color:#FFF;
		padding:6px 0 2px 20px;
		margin:0;
		font-smooth:always;
		-webkit-font-smoothing: antialiased;
		border-left:8px solid #99CA3C;
	}
	
	#jPanelMenu-menu li:hover {
		background-color:#414141;
	}
	
	.bban_wrap {
		margin-top:60px;
	}

	.jPanelMenu-panel {
		background:inherit !important
	}
}

/* ------- FOOTER CSS -------- */



.footer-back {
	width:100%;
	margin-top:150px;
	background-color:#5E3075;
	clear:both;
	border-top:5px solid #99CA3C;
}

.footer-back a { text-decoration:none }

.footer-wrapper {
	width:1020px;
	margin:15px auto 0 auto;
	overflow:hidden;
	text-align:center;
}

.footer-box {
	width:325px;
	float:left;
	text-align:center;
	margin:0 15px 0 0;
}

.footer-title {
	font-family:Oswald, Arial;
	font-size:30px;
	border-bottom:1px solid #99CA3C;
	color:#FFF;
	margin:25px 0 30px 0;
	padding-bottom:15px;
}

.footer-nav {
	color:#FFF !important;
	font-family: 'PT Sans', Arial;
	font-size:16px;
	transition: font-size color 0.3s;
	-webkit-transition: font-size color 0.3s;
}

.footer-nav:hover {
	color:#99CA3C !important;
	font-size:17px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}


.boxMenu{
  color:#fff;
  border-top:6px solid #99CA3C;
  padding:0;
}

.boxMenu h4{
  white-space:nowrap;
  margin:0 0 20px 0;
  padding:3px;
  font:18px/20px georgia, serif;
  padding-right:20px;
  text-shadow:#666 2px 2px 1px;
}

.boxMenu td{
  min-width:212px;
  vertical-align:top;
  border-right:1px solid #99CA3C;
}

.boxMenu td:hover{
	margin:0;
}

.boxMenu td:hover a{
}

.boxMenu td:last-child{
  min-width:160px;
  vertical-align:top;
  border-right:none;
}

.boxMenu a{
  font-size:14px;
  white-space:nowrap;
  display:block;
}

.boxMenu a img{
	padding:0;
}

.boxMenu a img{
  border:0;
}