/* colours Orange: #f36f21  Blue: 1269a1 medium orange: f79155  medium blue: 478ebc  light orange: fab287  light blue: 629abe */

nav {
				  position:absolute;
			  z-index: 9998;
			  right:0;
}

#nav {
				/*float: right;*/
/*			  position:relative;
			  z-index: 9998;
*/			
	
	margin: 40px 0 0 90px;
	padding: 7px 6px 0;
	line-height: 100%;
	border-radius: 1em;
	font-size:14px;

	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .7);

	background: #1269a1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1269a1', endColorstr='#478ebc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#1269a1), to(#478ebc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #1269a1,  #478ebc); /* for firefox 3.6+ */

	border: solid 1px #1269a1;
/*    z-index: 9998;
*/
  behavior: url(../global/scripts/PIE.htc);
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 135px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	z-index: 9999;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 121px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
/*	visibility: hidden;
*/	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}





/* the following is Brandon's styling for supernutrition */



#top-nav {
  padding: 105px 0 0;
	/*float: right;*/
  position:absolute;
  z-index: 9998;
  right:0;
}
/*#top-nav li.last * { padding-right:0; margin-right:0; }*/
#top-nav.hide-some li.toggle, #top-nav.hide-some li ul.toggle, #top-nav span.toggle { display: none !important; visibility: hidden; }  /* Hide from both screenreaders and browsers: h5bp.com/u */  

/*=============================================================================== sub-nav =====*/

#side-nav {
 	}
#side-nav ul {   
	/*margin-left: 15px;*/
  margin-left: 0;
  padding-left: 0;
}
#side-nav ul {   
	margin: 0;
}

#side-nav  li { display:none; } /* first hide all parent level list items */

#side-nav li li, #side-nav li.gn-2, #sub-nav span.toggle  { /* then show all child list items AND the .gn-2 (products) list item */
  display: block;
	}
#side-nav  li a { display: block; color: #223D5D; text-decoration: none; font-size: 17px; font-weight:bold; padding: 0 0 5px 0; text-transform: uppercase; 	}
#side-nav  li li a { /* for child "a" style, must override parent "li a" styles here */
	line-height: 20px;
  font-size: 15px;
  font-weight:normal;
    border-top: 1px solid #444;
  border-bottom: 1px solid #444;  
  padding: 4px 0;  
     margin: 10px 0;
     text-transform:none;
	}
#side-nav  li li li a {
  line-height: 18px;
  font-size: 13px;
  display: block;
  text-decoration: none;
  padding: 4px 0;
  color: #666;
    border: none;
      padding: 0;
      margin:0;
	}
  
#side-nav  li a:hover {
  text-decoration: underline; 
}
   


/*  Demo: Pure CSS3 Gradient Dropdown Menu ( --NO-- Image Used)
http://www.webdesignerwall.com/demo/css3-dropdown-menu/css-gradient-dropdown.html */


/* Heavily modified by LeudkeCreative.com */
						
            
            				/*#top-nav #nav * {   display:block !important;} for  modernizr */
       
#top-nav #nav {
	margin: 0 0 0 0;
	padding: 7px 6px 8px;
	line-height: 100%;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
  																									behavior: url(../global/scripts/PIE.htc);
	/*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);*/

	background: #8b8b8b; /* for non-css3 browsers */
  	background: #ffffff;
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#a1a1a1'); */ /* for IE */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#a1a1a1)); */ /* for webkit browsers */
	/* background: -moz-linear-gradient(top,  #efefef,  #a1a1a1); */ /* for firefox 3.6+ */

	border: solid 1px #c4c4c4;
}
/* clearfix */
/* see styles.css modernizr clearfix
#top-nav #nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#top-nav #nav {
	display: inline-block;
}
html[xmlns] #top-nav #nav {
	display: block;
}
* html #top-nav #nav {
	height: 1%;
}*/
#top-nav #nav li {
	margin: 0 5px;
	padding: 0; /*0 0 8px;*/
	float: left;
	position: relative;
	list-style: none;
		font-size: 12px;
		line-height: 1.2307em;
}
/* main level link */
#top-nav #nav a {
	font-weight: bold;
  	color: #666; /* same as sub-nav a links */
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
			text-transform: uppercase;
   
}

#top-nav #nav div.ie-fix { 
  -webkit-border-radius: 1.6em;
  -moz-border-radius: 1.6em;
  border-radius: 1.6em;
  position:relative;
  overflow:hidden;
  behavior: url(../global/scripts/PIE.htc);
}

.oldie {  } /*fallback for non-CSS3 browsers*/

    #top-nav #nav a.top   { /* target only top level links and avoid styling of sub-level links - LeudkeCreative.com */
   		color: #ffffff;
       
			-webkit-border-radius: 1.6em;
			-moz-border-radius: 1.6em;
      border-radius: 1.6em;
      /* option for gradient ------------ by Leudke Creative */
 
		/*  linear-gradient([<bg-position> || <angle>,]? <color-stop>, <color-stop>[, <color-stop>]*);   http://dev.w3.org/csswg/css3-images/#linear-gradients  */
   
     /*  background: #aaaaaa; /* for non-css3 browsers */
     /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddbdb', endColorstr='#aaaaaa'); /* for IE */
     /*  background: -webkit-gradient(linear, left top, left bottom, from(#dddbdb), to(#aaaaaa)); /* for webkit browsers */
     /*  background: -moz-linear-gradient(top,  #dddbdb,  #aaaaaa); /* for firefox 3.6+ */
    
        /* ===================================================================================================== css3pie ========= */
        background: #aaaaaa; /*fallback for non-CSS3 browsers*/
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#dddbdb) to(#aaaaaa)); /*old webkit*/
        background: -webkit-linear-gradient(#dddbdb, #aaaaaa); /*new webkit*/
        background: -moz-linear-gradient(#dddbdb, #aaaaaa); /*gecko*/
        background: -ms-linear-gradient(#dddbdb, #aaaaaa); /*IE10*/
        background: -o-linear-gradient(#dddbdb, #aaaaaa); /*opera 11.10+*/
        background: linear-gradient(#dddbdb, #aaaaaa); /*future CSS3 browsers*/
        -pie-background: linear-gradient(top, #dddbdb, #aaaaaa); /*PIE*/
        behavior: url(../global/scripts/PIE.htc);
       /* ===================================================================================================== css3pie ========= */
    
      /*color: #666;*/
      border-top: solid 1px #aaaaaa;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
      -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
      box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
      /*text-shadow: 0 1px 0 rgba(255, 255, 255, .8);  disabled */ 
    }
/*.ie9 #top-nav #nav a.top { filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddbdb', endColorstr='#aaaaaa'); } */


/* main level link hover */
/*#top-nav #nav .current a, */#top-nav #nav li:hover div > a.top {
 		  -webkit-border-radius: 1.6em;
			-moz-border-radius: 1.6em;
      border-radius: 1.6em;
                                                          
	/* background: #CCC; /* for non-css3 browsers */
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#969696'); /* for IE */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#969696)); /* for webkit browsers */
	/* background: -moz-linear-gradient(top,  #ebebeb,  #969696); /* for firefox 3.6+ */

        /* ===================================================================================================== css3pie ========= */
        background: #CCC; /*fallback for non-CSS3 browsers*/
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb) to(#969696)); /*old webkit*/
        background: -webkit-linear-gradient(#ebebeb, #969696); /*new webkit*/
        background: -moz-linear-gradient(#ebebeb, #969696); /*gecko*/
        background: -ms-linear-gradient(#ebebeb, #969696); /*IE10*/
        background: -o-linear-gradient(#ebebeb, #969696); /*opera 11.10+*/
        background: linear-gradient(#ebebeb, #969696); /*future CSS3 browsers*/
        -pie-background: linear-gradient(top, #ebebeb, #969696); /*PIE*/
        behavior: url(../global/scripts/PIE.htc);
       /* ===================================================================================================== css3pie ========= */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
  
  	/*-webkit-background-clip:border-box;*/
}
/*.ie9 #top-nav #nav li:hover > a.top { filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#969696');   }*/

	
/* main level link active/current */
#top-nav #nav .current a, 
.gn-1 .gn-1 a.top, .gn-2 .gn-2 a.top, .gn-3 .gn-3 a.top, .gn-4 .gn-4 a.top, .gn-5 .gn-5 a.top, .gn-6 .gn-6 a.top, /* has to be a.top to target only the main a links instead of all a links */
.sn-1 a.sn-1, .sn-2 a.sn-2, .sn-3 a.sn-3, .sn-4 a.sn-4, .sn-5 a.sn-5, .sn-6 a.sn-6, .sn-7 a.sn-7, .sn-8 a.sn-8, .sn-9 a.sn-9, .sn-10 a.sn-10
{
	color: #007DCD !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .8) !important;
}
/* li-1 */ .li-1.ssn-1 .li-1 a.ssn-1, .li-1.ssn-2  .li-1 a.ssn-2, .li-1.ssn-3  .li-1 a.ssn-3, .li-1.ssn-4  .li-1 a.ssn-4, .li-1.ssn-5  .li-1 a.ssn-5, .li-1.ssn-6  .li-1 a.ssn-6, .li-1.ssn-7  .li-1 a.ssn-7, .li-1.ssn-8  .li-1 a.ssn-8, .li-1.ssn-9  .li-1 a.ssn-9, .li-1.ssn-10  .li-1 a.ssn-10,
/* li-2 */ .li-2.ssn-1 .li-2 a.ssn-1, .li-2.ssn-2  .li-2 a.ssn-2, .li-2.ssn-3  .li-2 a.ssn-3, .li-2.ssn-4  .li-2 a.ssn-4, .li-2.ssn-5  .li-2 a.ssn-5, .li-2.ssn-6  .li-2 a.ssn-6, .li-2.ssn-7  .li-2 a.ssn-7, .li-2.ssn-8  .li-2 a.ssn-8, .li-2.ssn-9  .li-2 a.ssn-9, .li-2.ssn-10  .li-2 a.ssn-10,
/* li-3 */ .li-3.ssn-1 .li-3 a.ssn-1, .li-3.ssn-2  .li-3 a.ssn-2, .li-3.ssn-3  .li-3 a.ssn-3, .li-3.ssn-4  .li-3 a.ssn-4, .li-3.ssn-5  .li-3 a.ssn-5, .li-3.ssn-6  .li-3 a.ssn-6, .li-3.ssn-7  .li-3 a.ssn-7, .li-3.ssn-8  .li-3 a.ssn-8, .li-3.ssn-9  .li-3 a.ssn-9, .li-3.ssn-10  .li-3 a.ssn-10,
/* li-4 */ .li-4.ssn-1 .li-4 a.ssn-1, .li-4.ssn-2  .li-4 a.ssn-2, .li-4.ssn-3  .li-4 a.ssn-3, .li-4.ssn-4  .li-4 a.ssn-4, .li-4.ssn-5  .li-4 a.ssn-5, .li-4.ssn-6  .li-4 a.ssn-6, .li-4.ssn-7  .li-4 a.ssn-7, .li-4.ssn-8  .li-4 a.ssn-8, .li-4.ssn-9  .li-4 a.ssn-9, .li-4.ssn-10  .li-4 a.ssn-10
{
 color: red !important;
	}
/*,.sn-1 .gn-2 li:first-child.sn-1 > a, .sn-2 .gn-2 li:first-child.sn-2 > a, .sn-3 .gn-2 li:first-child.sn-3 > a, .sn-4 .gn-2 li:first-child.sn-4 > a, .sn-5 .gn-2 li:first-child.sn-5 > a, .sn-6 .gn-2 li:first-child.sn-6 > a, .sn-7 .gn-2 li:first-child.sn-7 > a*/

 /* auto active vis css styles, see html ------------ by Leudke Creative */


/* sub levels link hover */
#top-nav #nav ul li:hover a, #top-nav #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}


#top-nav #nav ul a:hover {
	/* background: #0399d4; /* for non-css3 browsers */
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	/* background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */


        /* ===================================================================================================== css3pie ========= */
        background: #0399d4 !important; /*fallback for non-CSS3 browsers*/
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#04acec) to(#0186ba))!important; /*old webkit*/
        background: -webkit-linear-gradient(#04acec, #0186ba)!important; /*new webkit*/
        background: -moz-linear-gradient(#04acec, #0186ba)!important; /*gecko*/
        background: -ms-linear-gradient(#04acec, #0186ba)!important; /*IE10*/
        background: -o-linear-gradient(#04acec, #0186ba)!important; /*opera 11.10+*/
        background: linear-gradient(#04acec, #0186ba)!important; /*future CSS3 browsers*/
        -pie-background: linear-gradient(top, #04acec, #0186ba)!important; /*PIE*/
        behavior: url(../global/scripts/PIE.htc);
       /* ===================================================================================================== css3pie ========= */
       
       
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1) !important;
}
/*.ie9 #top-nav #nav ul a:hover { filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); }*/



/* level 2 list */
#top-nav #nav ul {
	/* background: #ddd; /* for non-css3 browsers */
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	/* background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

        /* ===================================================================================================== css3pie ========= */
        background: #ddd; /*fallback for non-CSS3 browsers*/
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff) to(#cfcfcf)); /*old webkit*/
        background: -webkit-linear-gradient(#ffffff, #cfcfcf); /*new webkit*/
        background: -moz-linear-gradient(#ffffff, #cfcfcf); /*gecko*/
        background: -ms-linear-gradient(#ffffff, #cfcfcf); /*IE10*/
        background: -o-linear-gradient(#ffffff, #cfcfcf); /*opera 11.10+*/
        background: linear-gradient(#ffffff, #cfcfcf); /*future CSS3 browsers*/
        -pie-background: linear-gradient(top, #ffffff, #cfcfcf); /*PIE*/
        behavior: url(../global/scripts/PIE.htc);
       /* ===================================================================================================== css3pie ========= */
       
       
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    																									behavior: url(../global/scripts/PIE.htc);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/*.ie9 #top-nav #nav ul { filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); }*/

/* dropdown */
#top-nav #nav li:hover > ul {
	 /* display: block;  Solution to bug: see alternate style added via javascript.  Reference: http://bugs.jquery.com/ticket/7388    #menu li:hover > ul { display: block; } is needed to have a menu behaviour when javascript is disabled... */ 
}
#top-nav #nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#top-nav #nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#top-nav #nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#top-nav #nav ul li:first-child > a,
#top-nav #nav ul > li:first-child	/* Leudke Creative */

		,#top-nav #nav ul li:first-child > div a /*  for added wrapper div   Leudke Creative */ 

   {  
	border-top-left-radius: 9px;/* Leudke Creative */
	border-top-right-radius: 9px;/* Leudke Creative */
	-moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
  behavior: url(../global/scripts/PIE.htc);
}
#top-nav #nav ul li:last-child > a,
#top-nav #nav ul > li:last-child 	/* Leudke Creative */

  ,#top-nav.hide-some #nav ul li.last a, 				/* CLASS METHOD for #top-nav with a li.last that is not technically the last li because the others are hidden - Leudke Creative */
   #top-nav.hide-some #nav ul li.last  				/* CLASS METHOD for #top-nav with a li.last that is not technically the last li because the others are hidden - Leudke Creative */

		,#top-nav #nav ul li:last-child > div a	/*  for added wrapper div   Leudke Creative */

{ 
 	border-bottom-left-radius: 9px;/* Leudke Creative */
  border-bottom-right-radius: 9px;/* Leudke Creative */
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
 	-webkit-border-bottom-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  behavior: url(../global/scripts/PIE.htc);
}