﻿/*-------------------------------
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%;
}

ul{
list-style-position:inside;
list-style-type:disc;
margin:0px 0px 20px 0px;
color:#959595;
/* font-size:1.2em; */
}


#wrappermain{
/*text-align:center;*/

}

#container{
width:920px; 
margin:0 auto;

}

.RowHightlight{
		background-color:#cbb777;
		color:#FFF;
	}
	
.RowClear{
		
	}
	
.nospace { margin: 0; }

/*-------------------------]-
Header
--------------------------*/
#header-wrapper{
/*text-align:center;*/
background-image:url(../images/sales/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/sales/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:28px;
}


#horiz-menu a {
	color: #fff;
	text-align:center;
}


#horiz-menu li.active {
	background-image:url(../images/sales/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/sales/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/sales/dropdown-div.png) 0 100% repeat-x;
	text-align:left;
}

#horiz-menu a.daddy {
	background: url(../images/sales/dropdown-child.png) 100% 100% no-repeat;
	text-align:left;
}


#horiz-menu {
	height: 28px;
}

#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: 28px;
	line-height: 28px;
	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/sales/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/sales/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;
}

* 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/sales/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 3px 0px;
}

#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/sales/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/sales/featurebg_features.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 0px 20px;
}

#feature-primary2 h2{
color:#c8023a;
margin:0px;
padding:0px 0px 3px 0px;
}

#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/sales/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/sales/featurebg_benefits.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 0px 20px;
}

#feature-primary3 h2{
color:#ecd035;
margin:0px;
padding:0px 0px 3px 0px;
}

#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/sales/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/sales/featurebg_support.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:10px 30px 0px 20px;
}

#feature-primary4 h2{
color:#e5922c;
margin:0px;
padding:0px 0px 3px 0px;
}

#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/sales/featurebutton_features.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a:hover.features_features{
background-image:url(../images/sales/featurebutton_featuresa.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a.features_benefits{
background-image:url(../images/sales/featurebutton_benefits.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a:hover.features_benefits{
background-image:url(../images/sales/featurebutton_benefitsa.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a.features_support{
background-image:url(../images/sales/featurebutton_support.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature-secondary li a:hover.features_support{
background-image:url(../images/sales/featurebutton_supporta.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#feature_samplereportdownload{
	float:left;
	position:absolute;
	left: 23px;
	top: 248px;
}

#feature_samplereportdownload p{
color:#d8751c;
margin:0px;

}

#feature_samplereportdownload p a:link, #feature_samplereportdownload p a:active, #feature_samplereportdownload p a:visited{
color:#d8751c;
text-decoration:underline;
}

#feature_samplereportdownload p a:hover{
color:#d8751c;
text-decoration:none;
}

.featureform{
float:right;
margin:45px 0px 0px 0px;}

.feature_getstarted{
	float:right;
	position:absolute;
	left: 449px;
	top: 217px;
}
/*--------------------------
Main Content
--------------------------*/
#primarycontent{
float:left;
width:656px;
margin:0px 22px 0px 0px;}

#primarycontentsales ul{
list-style-position:inside;
list-style-type:disc;
margin:0px 0px 20px 0px;}

#primarycontentsales ol{
list-style-position:inside;
margin:0px 0px 20px 0px;
}

#primarycontentsales ol li{
color:#959595;
font-size:1.2em;
margin-bottom:0.6em;}
 
#primarycontentsales ul li{
color:#959595;
font-size:1.2em;
margin-bottom:0.6em;}
 
#primarycontentsales ul li a{
font-size:1.0em;
margin-bottom:0.6em;}
 
#primarycontentsales ul ul li{
color:#959595;
font-size:1.2em;
margin-bottom:0.6em;}
 
#primarycontentsales ul ul li a{
font-size:1.0em;
margin-bottom:0.6em;}

#homepagevideocontainer{
float:left;
background-image:url(../images/sales/stripeypicbox_pattern.gif);
padding:11px 20px 11px 22px;
width:614px;}

#homepagevideocontainer h3{
color:#d8751c;
padding:16px 0px 27px 0px;
}

#homepagevideocontainer p{
font-size:1.2em;}

#vidclipcontainer{
float:right;
background-color:#e7d8a9;
padding:10px;
border:1px solid #d0b870;
margin:0px 0px 0px 40px;
}

#homepagevideoshadow{
background-image:url(../images/sales/homepagevideoshadow.jpg); 
width:656px; 
height:19px; 
float:left; 
background-position:bottom left;
margin:0px 0px 10px 0px;
}

/*--------------------------
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/sales/testimonials_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #c2c2c2;
background-color:#f7f5f6;
margin:0px 0px 16px 0px;}

.name{
color:#c66314;
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/sales/orangebutton_bg1.jpg);
background-position:top;
background-repeat:no-repeat;
}

.orangebox_2{
background-image:url(../images/sales/orangebutton_bg2.jpg);
background-position:top;
background-repeat:no-repeat;
}

.orangebox_3{
background-image:url(../images/sales/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/sales/sidebuttonbg_healthfactorscores.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.sidecontent_top20superfoods{
background-image:url(../images/sales/sidebuttonbg_top20superfoods.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.sidecontent_personalhealthrecipes{
background-image:url(../images/sales/sidebuttonbg_personalhealthrecipes.jpg);
background-position:bottom;
background-repeat:repeat-x;
}

.sidecontent_yourprioritynutrients{
background-image:url(../images/sales/sidebuttonbg_prioritynutrients.jpg);
background-position:bottom;
background-repeat:repeat-x;
}




/*-------------------------]-
Footer
--------------------------*/
#footer-wrapper{
/*text-align:center;*/
background-image:url(../images/sales/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:#d8751c;}

#popupboxcontainer ul{
font-size:1.2em;}

#popupboxcontainer ul li{
color:#959595;
font-size:1.2em;
margin-bottom:0.6em;}
 
#popupboxcontainer ul li a{
font-size:1.0em;
margin-bottom:0.6em;}
 
#popupboxcontainer ul ul li{
color:#959595;
font-size:1.2em;
margin-bottom:0.6em;}
 
#popupboxcontainer ul ul li a{
font-size:1.0em;
margin-bottom:0.6em;}

/*--------------------------
Typography
--------------------------*/
h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:2.0em;
font-weight:normal;
color:#d8751c;
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/sales/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;
}

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;
}
/*--------------------------
Pop-Up Box
--------------------------*/
.popupboxcontainer{
width:640px; float:left; padding:20px;
}
.popupboxcontainer h2{
color:#d8751c;}

.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;}


