/*

		global.css
		LUNAbar
		5/10/09
		
		Author:
		Dave Hulse
		
		Heiarchy:
			Global General Styles
			Form Styles
			Common Styles
			Content Styles
			Sub Navigation Styles	
			Footer Styles
			Utility Style

*/

/*
	===================================================================
	Global General Styles
	===================================================================
*/

html {	
	background: 		#005485 url("/assets/img/bg_body.jpg") repeat-x top left;
	height: 			100%;
}

body {	
	font-family: 		Arial, Verdana, sans-serif;
	font-size:          12px;
	color:              #705B3F;
	background: 		url("/assets/img/bg_body_shadow.png") no-repeat center bottom;
	height: 			100%;
	margin:				0;
	padding: 			0;
}

html>body {
 	min-height: 		100%;
 	height: 			auto;
}

a, a:visited, a:active {
	color:				#1AB3D0;
	cursor:             pointer;
}

p, dl dt a {
	line-height:		15px;
}
input, select, textarea, th, td {
	font-size:			12px
}

li li, li p, td p, blockquote p {
	font-size:			12px
}

/*
	===================================================================
	Form Styles
	===================================================================
*/

form, fieldset {
	border:				 0;
}

input, select, textarea {
	font-family:		 Arial, Verdana, sans-serif;
	font-size:			 11px;
}

/*
	===================================================================
	Common Styles
	===================================================================
*/

	
#page {
	width:				1100px;
	margin:				0 auto;
	padding:			0;
	text-align:			left;
	position:           relative;
}

#header {
	width:			  	1100px;
	height:             125px;
	margin:				0 auto;
	background: 		url("/assets/img/ph_header.jpg") no-repeat;
	position: relative;
	z-index: 3000;
}

#header #logo {
	height:				99px;
	text-indent: 		-9999px;
}

a#homeicon {
	position: absolute;
	left: 79px;
	top: 99px;
	display: block;
	width: 120px;
	height: 26px;
	text-indent: -9999px;
	background: url("/assets/img/home_icon.gif") no-repeat;
}

a#homeicon:hover {
	background-position: 0 -26px;
}

#header ul#mainNav {
	float:              left;
	display:            block;
	width:              697px;
	margin:             -4px 0 0 199px;
	background: 		transparent url("/assets/img/bg_mainNav.jpg") no-repeat top left;
	background-position: 0 0;
	z-index: 3000;
	position: relative;
}

#header ul#mainNav.nutrition {
	background-position:0 -27px;
}

#header ul#mainNav.life {
	background-position:0 -54px;
}

#header ul#mainNav.products {
	background-position:0 -81px;
}

#header ul#mainNav.shop {
	background-position:0 -108px;
}

#header ul#mainNav.story {
	background-position:0 -135px;
}

#header ul#mainNav li {
	float:              left;
	display:            block;
	position:           relative;
}

#header ul#mainNav li a {
	display:            block;
	height:             27px;
	position:           relative;
	cursor:             pointer;
	text-indent:        -9999px;
	z-index:            10;
}

#header ul#mainNav li#eatingWell a.main {
	width:              158px;
	background: 		transparent url("/assets/img/mainNav_nourish.png") no-repeat top left;
	background-position: 0 1px;
}

#header ul#mainNav li#getInvolved a.main {
	width:              127px;
	background: 		transparent url("/assets/img/mainNav_comeTogether.png") no-repeat top left;
	background-position:0 1px;
}

#header ul#mainNav li#ourFood a.main {
	width:              127px;
	background: 		transparent url("/assets/img/mainNav_ourFood.png") no-repeat top left;
	background-position:0 1px;
}

#header ul#mainNav li#shop a.main {
	width:              127px;
	background: 		transparent url("/assets/img/mainNav_shop.png") no-repeat top left;
	background-position:0 1px;
}

#header ul#mainNav li#ourStory a.main {
	width:              158px;
	background: 		transparent url("/assets/img/mainNav_aboutUs.png") no-repeat top left;
	background-position:0 1px;
}

#header ul#mainNav li a:hover.main {
	background-position: 0 -26px !important;
}

#header ul#mainNav li.active a.main {
	background-position: 0 -26px !important;
}

#header ul#mainNav li div {
	position:           absolute;
	width:              143px;
	z-index:            10;
	background:         #fff;
	padding:            0 0 14px 0;
	background: 		transparent url("/assets/img/bg_subNav_bright.png") no-repeat bottom left;
}

#header ul#mainNav li#eatingWell div {
	left:               50px;
}

#header ul#mainNav li#getInvolved div {
	left:               5px;
}

#header ul#mainNav li#ourFood div {
	left:               -7px;
}

#header ul#mainNav li#shop div {
	right:              4px;
}

#header ul#mainNav li#ourStory div {
	right:              48px;
}

#header ul#mainNav li ul {
	float:              left;
	display:            inline;
	width:              115px;
	margin-left:        14px;
	background:         #fff;
	background: 		transparent url("/assets/img/bg_subNav_sub_top.png") no-repeat top left;
}

#header ul#mainNav li ul li {
	float:              left;
	width:              115px;
	margin:             0 0 0 0;
	padding:            0;
}

#header ul#mainNav li ul li a {
  display:            	block;
  width:              	93px;
  height:             	auto !important;
	font-size:          11px;
	font-weight:        bold;
	color:              #87DAF9;
	text-indent:        0;
	padding:            7px 10px 7px 12px;
	background: 		transparent url("/assets/img/bg_subNav_sub.png") no-repeat;
	background-position:0 100%;
	overflow-x:         hidden;
}

#header ul#mainNav li ul li a:hover {
	color:              #fff;
	text-decoration:    none;
	background:         none;
}

#header ul#mainNav li div {
	display:            none;
}

/*
	===================================================================
	Content Styles
	===================================================================
*/

#content {
	width: 				1100px;
	margin:				0 auto;
	background: 		transparent url("/assets/img/bg_context.jpg") no-repeat top right;
}

#home #content {
	width:				1100px;
	margin:				0 auto;
}

#content #main {
	float: 				left;
	width: 				777px;
	background: 		#FEFEFE url("/assets/img/bg_main.jpg") repeat-y left top;
}

body#home #content #main {
	float: 				left;
	width: 				1100px;
	height:             auto;
	background: 		none;
}

#content #main div.clearfix {
	height:				1%;
}

#content #context {
	float: 				right;
	display:            inline;
	width: 				323px;
}

/*
	===================================================================
	Sub Navigation Styles
	===================================================================
*/

#content #context ul#subNav {
  float:              left;
  width:              323px;
  margin:             25px 0 0 0;
  padding:            0 0 270px 0;
  background:         url("/assets/img/bg_sidenav.jpg") no-repeat left bottom;
}

#content #context ul#subNav li a {
  float:              left;
  width:              323px;
  height:         	  25px;
}

#content #context ul#subNav li a:hover {
  background-position:0 -25px !important;
}

#content #context ul#subNav li a.active {
  background-position:0 -50px !important;
}

#content #context ul#subNav li div.subMenu {
  float:              left;
  background:         url("/assets/img/bg_subnav_sub_btm.jpg") no-repeat left bottom;
  padding:            0;
}

#content #context ul#subNav li div.subMenu ul {
  display:            block;
  float:              left;
  background:         url("/assets/img/bg_subnav_sub_top.jpg") no-repeat left top;
  padding:            14px 0 17px 0;
}

#content #context ul#subNav li div.subMenu ul li a {
  float:              left;
  width:              305px;
  font-size:          10px;
  line-height:        17px;
  height:             17px;
  color:              #69838D;
  padding:            0 0 0 18px;
}

#content #context ul#subNav li div.subMenu ul li a.highlight {
  color:              #162B35;
}

#content #context ul#subNav li div.subMenu ul li a.category {
  color:              #b2bec6;
}

#content #context ul#subNav li div.subMenu ul li a.category:hover {
	text-decoration: none;
	cursor: default;
}

#content #context ul#subNav li div.subMenu ul li a.indent {
  padding-left:              30px;
}

#content #context ul#subNav li div.subMenu ul li a.sub {
  padding:            0 0 0 24px;
}

#content #context ul#subNav li div.subMenu ul li a.active {
  width:              299px;
  color:              #E46104;
  padding:            0 0 0 24px;
  background:         url("/assets/img/blt_subnav_sub.gif") no-repeat left top !important;
  background-position:18px 8px !important;
}

/* Get Involved Section */
body#newsletter #content #context,
body#getInvolved #content #context {
	position: relative;
}

body#newsletter #content #context ul#subNav,
body#getInvolved #content #context ul#subNav {
	padding-bottom: 400px;
}

body#newsletter #content #context img,
body#getInvolved #content #context img {
	position: absolute;
	bottom: 290px;
	left: 10px;
}

#content #context ul#subNav li a#getinvolved {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_getinvolved.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#whoinspiresyou {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_whoinspiresyou.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#lunafest {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunafest.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#teamlunachix {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_teamlunachix.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#momsclub {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_momsclub.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#givingback {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_ourcauses.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#joinournewsletter {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_joinournewsletter.png") no-repeat left top;
	background-position:0 0;
}

/* Our Food Section */
#content #context ul#subNav li a#allproducts {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_allproducts.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#bars {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunabars.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#sunrise {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunasunrise.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#cookies {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunacookies.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#sport {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunasport.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#protein {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunaprotein.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#minis {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunaminis.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#ouringredients {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_ouringredients.png") no-repeat left top;
	background-position:0 0;
}

/* Eating Well Section */
#content #context ul#subNav li a#philoEating {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_foodforthought.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#articles {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_articles.png") no-repeat left top;
	background-position:0 0;
}

/* Shop Section */
#content #context ul#subNav li a#shopOnline {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_shoponline.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#storeLocator {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_storelocator.png") no-repeat left top;
	background-position:0 0;
}

/* About Us Section */
#content #context ul#subNav li a#ourCompany {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_ourcompany.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#contactUs {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_contactus.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#press {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_press.png") no-repeat left top;
	background-position:0 0;
}

/* Mavens (Off-Site) Section */
#content #context ul#subNav li a#faqs {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_faqs.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#signUp {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_signup.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#about {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_about.png") no-repeat left top;
	background-position:0 0;
}





/* LUNAVERSITY */


/* LUNAVERSITY */

.info h2 {display:none !important;}

#content #context ul.subLunaversity {
  height:196px;
  float:              left;
  width:              323px;
  margin:             25px 0 0 0;
  background:         none no-repeat left bottom !important;
}


#content #context ul#subNav li a#lunaversity {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_lunaversity.png") no-repeat left top;
	background-position:0 0;
}

#content #context ul#subNav li a#ambassadorapplication {
	text-indent:        -9999px;
	background:         url("/assets/img/subnav_ambassadorapplication.png") no-repeat left top;
	background-position:0 0;
}


	#content #context ul#subNav li.subNavExtra img {
		clear: both;
		
		display: block;
		margin: 5px auto 10px auto ;
		padding: 0;
		position:inherit;
	}
/* LUNAVERSITY */






/*
	===================================================================
	Footer Styles
	===================================================================
*/

#footer {
	width: 				      1100px;
	height:             	  409px;
	margin:					  0 auto;
	padding: 			      20px 0 0 0px;
	background: 		      #035382 url("/assets/img/bg_footer.jpg") no-repeat top left;
}
#footer #footerNav {
  float:              left;
	width: 				      1100px;
}

#footer dl {
	display:			      block;
	float: 				      left;
	width: 				      245px;
	margin:				      15px 0 0 61px;
	padding: 			      0 0 0 5px;
	list-style: 		    none;
	background: 		    transparent url("/assets/img/footer_sep.jpg") no-repeat top left;	
}

#footer dl.first {
	margin-left:			  90px;
	background:         none;
	padding:            0;
}
#footer dl.last {
	margin-left:			  55px;
}


#footerNav dl h4 {
	width:              245px;
	font-size:          18px;
	line-height:        25px;
  color:              #92c9f6;
  text-transform:     uppercase;
  padding:            0 0 0 16px;
  margin:             10px 0 0 0;
}

#footerNav dl p {
	width:              245px;
	font-family:        Georgia, "Times New Roman", Times, Serif;
	font-style:         italic;
	font-size:          12px;
	line-height:        16px;
	color:              #fff;
  padding:            0 0 0 16px;
  margin:             -5px 0 0 0;
}

#footerNav dd ul {
	display:		block;
	float: 			left;
	width: 			163px;
	margin:			16px 0 0 14px;
	padding: 		0;
	list-style: 	none;
	border-top:     1px solid #51a2d4;
}

#footerNav dd ul li {
  width:              163px;
}

#footerNav dd ul li a {
	display:            block;
	font-family:        Georgia, "Times New Roman", Times, Serif;
	font-style:         italic;
	padding:			      4px 15px 4px 2px;
	font-size:			    12px;
	text-decoration: 	  none;
	color:				      #caecff;    
	/*background: 		    transparent url("/assets/img/btn_bg_a.gif") no-repeat right top;*/
	margin:             0 0 0 0;
	border-bottom:      1px solid #52a2d3;
}
	/* Yikes fix for adding additional <a> links */
	#footerNav dd ul li.li_stackable {
		width:              163px !important;
		display:            block !important;
		font-family:        Georgia, "Times New Roman", Times, Serif !important;
		font-style:         italic !important;
		padding:			4px !important;
		font-size:			12px !important;
		text-decoration: 	none !important;
		color:				#caecff !important;    
		/*background: 		transparent url("/assets/img/btn_bg_a.gif") no-repeat right top;*/
		margin:             0 !important;
		/*border-bottom:      1px solid #52a2d3 !important;*/
		border-bottom:      1px solid #5cafde !important;
	}
		#footerNav dd ul li.li_stackable a {
			display:            inline !important;
			padding:			4px 4px 4px 0 !important;
			margin:             0 0 0 0 !important;
			/*border-bottom:      0px solid #52a2d3 !important;*/
			border-bottom:      0px solid #55a6d7 !important;
		}

#footerNav dd ul li a.two {
	border-bottom:      1px solid #55a6d7;
}

#footerNav dd ul li a.three {
	border-bottom:      1px solid #5cafde;
}

#footerNav dd ul li a:hover {
	color:              #fff;
}

#footer .companynav {
	text-align: center;
	position: relative;
	top: 180px;
	color: #008bc2;
	font-family:         "Trade Gothic", Arial, Verdana, sans-serif;

font-size: 11px;
}

#footer .companynav .links a {
	color: #3dbff0;
	text-transform: uppercase;
	padding: 0 12px;
	
}

#footer p.copy {
	font-size: 10px;
	margin-top: 10px;
}

#footer p.copy a {
	color: #008bc2;
}

/*
	===================================================================
	Utility Styles
	===================================================================
*/

.clearfix:after {
    content:			    ".";
    display: 			    block;
    height: 			    0;
    clear: 				    both;
    visibility: 		  hidden;
}

.clear {
	clear:              both;
	height:             0px;
	overflow:           hidden;
}

.hide {
	display:            none;
}

p#skip {
  display:            none;
}