/*-------------------------------
Main Layout StyleSheet

Version 1.0
Author: James Purves
Email: info@unstuckdesign.com
Website: http://www.unstuckdesign.com
---------------------------------
Default Styles
---------------------------------*/
*{
margin:0px; 
padding:0px;
}

body {
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
}


#wrappermain{
/*text-align:center;*/

}

#container{
width:920px; 
margin:0 auto;

}

/*-------------------------]-
Header
--------------------------*/
#header-wrapper{
/*text-align:center;*/
background-image:url(../images/header_bg.jpg);
background-position:top;
background-repeat:repeat-x;

}

#header { 
width:920px; 
margin:0 auto;
text-align:left;
padding: 0;
background-color:#ffffff;
height:158px;
background-image:url(../images/header_bg.jpg);
background-position:top;
background-repeat:repeat-x;
position:relative;
}

#logo{
float:left;
margin:18px 0px 0px 0px;}

#signup {
	position:absolute;
	text-align: right;
	top:23px;
	right:5px;
}

/*--------------------------
Navigation
--------------------------*/
#nav-wrapper{
/*text-align:center;*/
background-color:#f6f0dd;
margin:0px 0px 27px 0px;
}

#nav { 
width:920px; 
margin:0 auto;
text-align:left;
padding: 0;
height:28px;
}

/*---------------------------------
Main Menu Horizontal
---------------------------------*/
#horiz-menu {

width:920px; 
margin:0 auto;
text-align:center;
padding: 0;
background-color:#f6f0dd;
height:33px;
}


#horiz-menu a {
	color: #fff;
	text-align:center;
}


#horiz-menu li.active {
	background-image:url(../images/menubga.png);}
#horiz-menu li.active a {
	color: #ffffff;
}

/*#horiz-menu ul li:hover,
#horiz-menu ul li.sfHover,*/
#horiz-menu ul ul {
	background: #CFBA81;
}

#horiz-menu ul li {


	background-image:url(../images/menubg.png);
background-repeat:no-repeat;
}

#horiz-menu ul li:hover a,
#horiz-menu ul li.sfHover a {

text-align:center;

background-repeat:no-repeat;
}

#horiz-menu ul li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
background-image:none;
	color: #4f2c1e;
	text-align:left;

}

#horiz-menu ul li:hover li a,
#horiz-menu ul li.sfHover li a,
#horiz-menu ul li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li a {
	color: #fff;
	background-image:none;
	text-align:left;
}

#horiz-menu ul ul li,
#horiz-menu ul ul li:hover,
#horiz-menu ul ul li.sfHover {
	background: url(../images/dropdown-div.png) 0 100% repeat-x;
	text-align:left;
}

#horiz-menu a.daddy {
	background: url(../images/dropdown-child.png) 100% 100% no-repeat;
	text-align:left;
}


#horiz-menu {
	height: 33px;
}

#horiz-menu ul.nav {
	padding-left: 0px;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#horiz-menu li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	margin-right: 0px;
	padding: 0;

}

#horiz-menu li span {
	display: block;
	float: left;
}

#horiz-menu a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 33px;
	line-height: 33px;
	padding: 0 4px;
	font-weight: normal;
	font-size: 13px;
	text-indent:0px;
	text-decoration:none;
	text-align:center;

}

#horiz-menu li li a {
	font-size: 12px;
	text-indent:0px;
}

#horiz-menu a:hover {
	text-decoration: none;
}

#horiz-menu li:hover,
#horiz-menu li.sfHover {
	background-image:url(../images/menubga.png);
}

/* @end */
.clr {
	clear:both;
}

/*-------------------------]-
Feature Wrapper
--------------------------*/
#feature-wrapper{
/*text-align:center;*/
margin:0px 0px 20px 0px;

}

#feature { 
width:920px; 
margin:0 auto;
text-align:left;
padding:0px;
height:268px;
position:relative;
}

#feature-primary{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_main.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 10px 20px;
}

#feature ol {
list-style-type:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#ACACAC;
font-size:1.2em;
line-height:1.4em;
list-style-type:disc;
margin:0px 0px 0px 17px;
}

#feature ol li{
margin:0px 0px 17px 0px;

}

.jointheclub{
margin:0px 0px 0px 0px;

}


* html #feature-primary{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_main.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 0px 20px;
}

#feature-primary h2{
color:#959595;
margin:0px;
padding:0px 0px 15px 0px;
font-size:2.0em;
}

#feature-primary p{
color:#acacac;
line-height:1.3em;
}



#feature-primary2{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_features.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 10px 20px;
}

* html #feature-primary2{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_features.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 0px 20px;
}

#feature-primary2 h2{
color:#857fa0;
margin:0px;
padding:0px 0px 15px 0px;
font-size:2.0em;
}

#feature-primary2 p{
color:#acacac;
line-height:1.3em;
}

#feature-primary3{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_benefits.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 10px 20px;
}

* html #feature-primary3{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_benefits.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 0px 20px;
}

#feature-primary3 h2{
color:#909a2a;
margin:0px;
padding:0px 0px 15px 0px;
font-size:2.0em;
}

#feature-primary3 p{
color:#acacac;
line-height:1.3em;
}

#feature-primary4{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_support.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 10px 20px;
}

* html #feature-primary4{
float:left;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
width:629px;
height:254px;
background-image:url(../images/featurebg_support.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 0px 20px;
}

#feature-primary4 h2{
color:#9b3534;
margin:0px;
padding:0px 0px 15px 0px;
font-size:2.0em;
}

#feature-primary4 p{
color:#acacac;
line-height:1.3em;
}



#feature-secondary{
float:left;
width:239px;
border-top:1px solid #bfbfbf;
}

#feature-secondary ul{

list-style-type:none;
padding:0;
margin:0;

}

#feature-secondary li{
font-size:1.3em;
padding:0;
margin:0;

}
#feature-secondary li a {
display:block;
color:#7d7d7d;
font-size:1.3em;
line-height:1.0em;
text-decoration:none;
border-bottom:1px solid #c2c2c2;
border-left:1px solid #c2c2c2;
border-right:1px solid #c2c2c2;
text-align:right;
padding:23px 23px 50px 0px;

}

* html #feature-secondary li a {
margin:0 0 -17px 0;
}

#feature-secondary li a.features_features{
background-image:url(../images/featurebutton_features.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a:hover.features_features{
background-image:url(../images/featurebutton_featuresa.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a.features_benefits{
background-image:url(../images/featurebutton_benefits.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a:hover.features_benefits{
background-image:url(../images/featurebutton_benefitsa.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a.features_support{
background-image:url(../images/featurebutton_support.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a:hover.features_support{
background-image:url(../images/featurebutton_supporta.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature_samplereportdownload{
	float:left;
	position:absolute;
	left: 23px;
	top: 248px;
}

#feature_samplereportdownload p{
color:#8b6983;
margin:0px;

}

#feature_samplereportdownload p a:link, #feature_samplereportdownload p a:active, #feature_samplereportdownload p a:visited{
color:#8b6983;
text-decoration:underline;
}

#feature_samplereportdownload p a:hover{
color:#8b6983;
text-decoration:none;
}

.featureform{
float:right;
margin:45px 0px 0px 0px;}

.feature_getstarted{
	float:right;
	position:absolute;
	left: 24px;
	top: 218px;
}
/*--------------------------
Main Content
--------------------------*/
#primarycontent{
float:left;
width:656px;
margin:0px 22px 0px 0px;}

#primarycontent h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
margin:35px 0px 10px 0px;
color:#8b6983;
}

#primarycontent ul{
list-style-position:inside;
list-style-type:disc;}

#primarycontent ol{
list-style-position:inside;
}

#primarycontent li{
color:#959595;
font-size:1.2em;
margin-bottom:0.6em;
line-height:1.8em;}


#homepagevideocontainer{
float:left;
background-image:url(../images/stripeypicbox_pattern.gif);
padding:11px 10px 11px 22px;
width:624px;}

#homepagevideocontainer h3{
color:#8b6983;
padding:16px 0px 27px 0px;
margin:0px;
}

#homepagevideocontainer p{
font-size:1.2em;}

#vidclipcontainer{
float:right;
background-color:#e7d8a9;
padding:10px;
border:1px solid #d0b870;
margin:0px 0px 0px 20px;
}

#homepagevideoshadow{
background-image:url(../images/homepagevideoshadow.jpg); 
width:656px; 
height:19px; 
float:left; 
background-position:bottom left;
margin:0px 0px 10px 0px;
}

.mealplanheader{
background-color:#8b6983;
color:#ffffff;
font-size:1.4em;
}

#recipestable table {
width:100%;}

#recipestable td{
background-color:#e9e9e9;
}

#recipestable td a{
color:#8b6983;
font-size:1.2em;
text-decoration:none;
}

#recipestable td a:hover{
color:#959595;
font-size:1.2em;
text-decoration:none;
}

/*--------------------------
Secondary Content
--------------------------*/

#secondarycontent{
float:left;
width:242px;}

#secondarycontent ul li{}

#secondarycontent ul li a{
display:block;}

#testimonials{
float:left;
padding:14px 12px 0px 12px;
background-image:url(../images/testimonials_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #c2c2c2;
background-color:#f7f5f6;
margin:0px 0px 16px 0px;}

.name{
color:#8b6983;
font-size:1.1em;
font-style:italic;}

#secondarycontent h3{
color:#FFFFFF;
display:block;
font-size:1.4em;
}

#secondarycontent h3 a{
color:#ffffff;
text-decoration:none;
display:block;
padding:15px 0px 28px 14px;
}

.orangebox_1{
background-image:url(../images/orangebutton_bg1.jpg);
background-position:top;
background-repeat:no-repeat;
}

.orangebox_2{
background-image:url(../images/orangebutton_bg2.jpg);
background-position:top;
background-repeat:no-repeat;
}

.orangebox_3{
background-image:url(../images/orangebutton_bg3.jpg);
background-position:top;
background-repeat:no-repeat;
}


#secondarycontent h5{
font-weight:normal;
color:#959595;
display:block;
font-size:1.3em;
margin:0px 0px 8px 0px;
}

#secondarycontent h5 a{
color:#959595;
text-decoration:none;
border:1px solid #e6e6e6;
display:block;
padding:15px 0px 20px 12px;
}

.sidecontent_healthfactorscores{
background-image:url(../images/sidebuttonbg_healthfactorscores.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.sidecontent_top20superfoods{
background-image:url(../images/sidebuttonbg_top20superfoods.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.sidecontent_personalhealthrecipes{
background-image:url(../images/sidebuttonbg_personalhealthrecipes.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.sidecontent_yourprioritynutrients{
background-image:url(../images/sidebuttonbg_prioritynutrients.jpg);
background-position:bottom;
background-repeat:repeat-x;
}




/*-------------------------]-
Footer
--------------------------*/
#footer-wrapper{
/*text-align:center;*/
background-image:url(../images/footer_bg.jpg);
background-position:top;
background-repeat:repeat-x;
margin:20px 0px 0px 0px;
}

#footer { 
width:920px; 
margin:0 auto;
text-align:center;
}

#footer p{
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
text-align:center;
padding:14px 0px 40px 0px;}

#footer p a:link, #footer p a:active, #footer p a:visited{
color:#ffffff;
text-decoration:none;
}

#footer p a:hover{
color:#ffffff;
text-decoration:underline;
}

.spacer{
margin:0px 8px 0px 8px;}

/*--------------------------
Pop-Up Box
--------------------------*/
.popupboxcontainer{
width:640px; float:left; padding:20px;
}
.popupboxcontainer h2{
color:#8b6983;}

.popupboximagecontainer{
float:right; margin:0px 0px 20px 20px;}

.popupbox_largepic{width:310px; height:230px; border:1px solid #e6e6e6;}

.popupbox_picshadow{height:16px; background-image:url(../images/boxshadow.jpg); background-position:top; background-repeat:no-repeat;}

/*--------------------------
Content Images
--------------------------*/
.contentimagecontainer{
float:right; margin:0px 0px 20px 20px;}

.contentimage{width:310px; height:230px; border:1px solid #e6e6e6;}

.contentimageshadow{height:16px; background-image:url(../images/boxshadow.jpg); background-position:top; background-repeat:no-repeat;}

/*--------------------------
Misc.
--------------------------*/

.joinbutton_small{
float:right;
font-family:Arial, Helvetica, sans-serif; 
font-size:2.2em; 
padding:6px 66px 7px 0px; 
background-image:url(/images/buttonbg_small.gif); 
background-position:top; 
background-repeat:no-repeat; 
width:220px; 
text-align:right;
margin:10px 0px 20px 0px;}

.joinbutton_small a:link, .joinbutton_small a:active, .joinbutton_small a:visited{
color:#707070;
text-decoration:none;}

.joinbutton_small a:hover{
color:#707070;
text-decoration:none;}

.joinbutton_big{
float:right;
font-family:Arial, Helvetica, sans-serif; 
font-size:2.2em; 
padding:6px 33px 7px 35px; 
background-image:url(/images/buttonbg_big.gif); 
background-position:top right; 
background-repeat:no-repeat; 
width:424px; 
text-align:left;
margin:10px 0px 20px 0px;}

.joinbutton_big a:link, .joinbutton_big a:active, .joinbutton_big a:visited{
color:#707070;
text-decoration:none;}

.joinbutton_big a:hover{
color:#707070;
text-decoration:none;}

.purple{
color:#8b6983;}

/*--------------------------
Typography
--------------------------*/
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:2.0em;
font-weight:normal;
color:#8b6983;
margin:0px 0px 10px 0px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.8em;
font-weight:normal;
margin:0px 0px 10px 0px;
color:#7d7d7d;
}

h3{
font-size:1.6em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}


p {
font-size: 1.2em;
line-height: 1.8em;
text-align:justify;
margin-bottom:1.4em;
color:#959595;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



a {
font-weight:normal;
color:#959595;
}

a:hover {
text-decoration: none;
}


.blue {
color:#054EA0;
}

.clear {
clear:both
}


hr {
color:#999999;background-color:#999999;height:1px;border:none;
}






code {
background:#F8F8F8 none repeat scroll 0%;
border:1px solid #F0F0F0;
display:block;
font-family:'Gill Sans','Courier New',Monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:500;
line-height:1.5em;
margin:3px 0pt;
overflow:auto;
padding:15px;
text-align:left;
}
acronym {
border-bottom:1px dotted #895F30;
cursor:help;
}
blockquote {
background:#F8F8F8 url(../images/quote.gif) no-repeat scroll 12px;
border:1px solid #F0F0F0;
color:#555555;
font-family:Georgia,'Times New Roman',Times,Serif;
font-size:17px;
font-style:italic;
font-weight:normal;
line-height:1.5em;
margin:10px;
padding:10px 10px 10px 32px;
}
table {
border-collapse:collapse;

}
tr {

}

th, td {
text-align:left;
}
th {
color:#054ea0;
padding:0.8em 1em;
}
td {
padding:0.7em 0.5em;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;

float:right;
margin:-20px 0px 0px 0px;
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  color:#004080;

}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: right; 

	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-size:1.5em;
	color:#8b6983;
}



form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
							  width:141px;
							  font-size:1.2em;
							  border:1px solid #ebebeb;
							  padding:6px 0px 6px 0px;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.submitbutton{
width:100%;
border:0px;
margin:0px;
padding:0px;
}




#newsletterform table {
border-collapse:collapse;

}
#newsletterform tr {

}

#newsletterform th, td {
text-align:left;
}
#newsletterform th {
color:#054ea0;
padding:0.8em 1em;
}
#newsletterform td {
padding:0.7em 0.5em;
}


#newsletterform form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  float:left;
  width:550px;

}

#newsletterform form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  color:#004080;

}

#newsletterform form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: right; 

	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-size:1.5em;
	color:#8b6983;
}



#newsletterform form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#newsletterform form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
							  width:auto;
							  font-size:1.2em;
							  border:1px solid #ebebeb;

							 
}

#newsletterform form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#newsletterform textarea { overflow: auto; }

#newsletterform form .required{font-weight:bold;} /* uses class instead of div, more efficient */

#newsletterform form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}



#newsletterform p{
font-weight:normal;
text-align:right;
}

.smalltext{
font-size:1.0em;
text-align:left;}

#newsletterarchive td{
border-bottom:3px solid #ffffff; 
font-size:1.4em; 
padding:10px 10px 10px 15px; 
color:#707070;}

.newsletterarchive_oddrow{
background-image:url(/images/table_bg.jpg); 
background-position:bottom; 
background-repeat:repeat-x; 
}

.newsletterarchive_evenrow{
background-image:url(/images/table_bg2.jpg); 
background-position:bottom; 
background-repeat:repeat-x; 
}

#newsletterarchive td a{
color:#ffffff;
text-decoration:none;
}

.floatybulletbox{
	float:left;
	padding:0px 0px 0px 30px;}