body {
background-color:#7EA345;
font-family: lucida sans, verdana, sans-serif;
font-size:12px;
line-height:18px;
padding:0;
}

body a {
color:#A43221;
font-family: lucida sans, verdana, sans-serif;
margin:0;
padding:0;
text-decoration: none;
font-weight:bold;
}

body a:hover {
color:#A43221;
font-family: lucida sans, verdana, sans-serif;
margin:0;
padding:0;
text-decoration: underline;
font-weight:bold;
}

#outer{
    position:relative;
    margin: 0px auto;
    width:990px;
}

/*----------------------------------------------------*/

/*
 * Userbar
 */
.userbar {
    width:952px;
    height: 30px;
    line-height: 30px;
    
    margin: 0 auto;
    padding: 0 12px;

    color: #EDEDED;
    font-family: lucida sans, verdana, sans-serif;
    font-size: 11px;
}
.userbar.active {
    background: #213504;
}
.userbar a,
.userbar a:hover {
    color: #EDEDED;
}
.userbar .left {
    float: left;
}
.userbar .right {
    float: right;
}

.userbar .right a {
    padding: 5px;
    margin-left: 5px;
}
.userbar .right a:hover {
    background: #A43221;
    text-decoration: none;
}

.userbar .open {
    padding-bottom: 15px !important;
    background: #A43221;
}

a img {
    border: 0;
}

/*----------------------------------------------------*/

/*
 * Account bar
 */
.accountbar {
    display: none;
    clear: both;
    
    width:952px;
    height: 30px;
    line-height: 30px;
    
    margin: 0 auto;
    padding: 0 12px;
    
    background: #A43221;
    
    text-align: right;
}
.accountbar a,
.accountbar a:hover {
    padding: 5px;
    margin-left: 5px;
    
    color: #EDEDED;
    
    outline: none;
}

/*----------------------------------------------------*/

#container {
position:relative;
float:left;
width:970px;
padding:0 10px;
background-color:#ffffff;
background-image:url(../images/pageBkgd.jpg);

}

#header {
position:relative;
background-image:url(../images/headerBkgd.jpg);
background-repeat:no-repeat;
height:180px;
border-top: 3px solid #fff
}

#headerContent {
position:relative;
top:127px;
}

#headerContent p {
margin:0;
position:relative;
float:left;
color:#ffffff;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
letter-spacing:0.3em;
}

p#logoCopy {
width:245px;
text-align:center;
}

p#centerCopy {
width:484px;
text-align:center
}

#searchBar {
position:relative;
float:right;
margin-top:-28px;
width:240px;
text-align:center;
}

#searchBar a {
color:#ffffff;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
letter-spacing:0.3em;
text-decoration:none;
padding-left:1px;
}

#searchBar input {
border:2px solid #E4EAD3;
background-color:#B5C893;
width:157px;
color:#ffffff;
font-size:11px;
padding:3px 2px;
margin-bottom:5px;
}

#navContainer {
position:absolute;
bottom:0;
left:0;
width:728px;
background-color:#A43221;
height:30px;
margin-top:0px;
color:#ffffff;

}

#logContainer {
position:absolute;
bottom:-6px;
left:0;
width:242px;
background-color:#213504;
height:30px;
padding-top:6px;
margin-left: 728px;
color:#ffffff;

}

#logContainer a {
color:#ffffff;
height:30px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
letter-spacing:0.3em;
text-decoration:none;
padding-right:10px;
padding-left:10px;
}

#logContainer a:hover {
color:#6D9D21;
height:30px;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
letter-spacing:0.3em;
text-decoration:none;
padding-right:10px;
padding-left:10px;
}

#cartContainer {
    position:absolute;
    right:0;
    width:242px;
    height:30px;
    padding-top:6px;

   /* padding-left: 50px;*/
    
    color:#ffffff;
    text-align: left;
}

#cartContainer a {
    color:#ffffff;
    height:30px;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:0.0em;
    text-decoration:none;
}

#cartContainer a:hover {
height:30px;
text-transform:uppercase;
font-size:11px;
text-decoration:underline;

}


#main {
position:relative;
float:left;
background-image:url(../images/sidebarRightbkgd.gif);
background-repeat:repeat-y;
background-position:right top;
min-height:400px;
}

#content1 {
position:relative;
float:left;
width:728px;
}

#content2 {
position:relative;
float:left;
width:688px;
margin:20px 20px 0;

}

.contentArea {
position:relative;
float:left;
width:435px;
margin:20px 20px 0;

}

.contentArea img {
border: 1px solid #6D9D21;
margin: 5px 15px 5px 0;
}

.contentArea2 {
position:relative;
float:left;
width:675px;
margin:20px 20px 0;

}

.contentArea2 img {
/*border: 1px solid #6D9D21;*/
margin: 5px 15px 5px 0;
}

.contentMenu {
position:relative;
float:left;
width:723px;
margin:5px 0px 0 0;

}

p.contentLink {
padding:5px 0 0 0;
text-transform:uppercase;
font-size:11px;
font-weight:normal;
letter-spacing:0.1em;
}

p.contentLink a {
color:#333333;
text-decoration:none;
font-weight:bold;
}
p.contentLink a:hover {
color:#A43221;
}

p.contentLink img {
border:none;
}

.products {
width: 675px;
background: url(../images/cart-bkg.gif);
min-height: 250px;
border: 2px solid #83A948;
margin-bottom: 20px;

}

.products h1 {
font-family: lucida sans, verdana, sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0px;
color: #ffffff;
padding: 0 0 0 10px;
background: #83A948;

}


.products-text {

width:300px;
color:#000000;
font-size:11px;
padding-right:45px;
float: left;
}

.products li {

list-style: bullet;
width:300px;
color:#000000;
font-size:11px;

}

.products-price {

margin: 0 10px 10px 20px;
width: 170px;
color:#000000;
font-size:12px;
float: left;
}


.products img {
/*padding: 0 10px 10px 0;
width: 100px;*/
border: none;
}

.cartbutton {
    background:transparent url(../images/cart.png) no-repeat 0 0;
    width: 95px;
    height: 25px;
    float: left;
    margin-left: 20px;
}
.cartbutton:hover {
    cursor: pointer;
    background-position:0 -25px;
}




#subnavContainer {
position:absolute;
bottom:0;
left:0;
width:675px;
background-color:#A43221;
height:30px;
margin-top:0px;
color:#ffffff;

}

.feature {
position:relative;
background-image: url(../images/feature-box.gif);
background-position: bottom center;
background-repeat: no-repeat;
width: 675px;
border: 2px solid #83A948;
margin-bottom: 20px;

}

.feature h1 {
font-family: lucida sans, verdana, sans-serif;
font-size: 16px;
font-weight: bold;
letter-spacing: 3px;
color: #ffffff;
padding: 0 0 0 10px;
background: #83A948;

}

.feature h2 {
font-family: lucida sans, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
color: #ffffff;
padding: 10px 0 0 10px;
background: #A43221;

}

p.feature-text {
margin:0;
padding: 50px 20px 0 0;
position:relative;
float:left;
color:#000000;
font-size:11px;
}


.feature img {
margin:0;
padding: 0 80px 10px 40px;
position:relative;
border: none;

}

.prodSmallL {
position:relative;
background-image:url(../images/prod-boxsml.gif);
background-repeat:no-repeat;
width: 330px;
height:165px;
margin:20px 7px 20px 0px;
border: 2px solid #83A948;
float: left;
}

.prodSmallR {
position:relative;
background-image:url(../images/prod-boxsml.gif);
background-repeat:no-repeat;
width: 330px;
height:165px;
margin:20px 0 20px 0px;
border: 2px solid #83A948;
float: right;
}

p.prodSmall-text {
width: 325px;
margin:0;
padding: 10px 5px 0 0;
position:relative;
float:left;
color:#000000;
font-size:10px;
}


.prodSmallL img {
margin:0;
padding: 0;
position:relative;
border: none;

}

.prodSmallR img {
margin:0;
padding: 0;
position:relative;
border: none;

}

.prodPage {
position:relative;
width: 200px;
border: 2px solid #83A948;
float: left;
margin-right: 20px;
padding-bottom: 10px;
text-align: center;
}

.prodPage img{
border: none;

}

h1 {
font-family:georgia, times new roman, serif;
color:#6D9D21;
font-size:30px;
line-height:36px;
font-weight:normal;
margin:0 0 15px;
padding:0;
}

h2 {
font-family:georgia, times new roman, serif;
color:#6D9D21;
font-size:20px;
line-height:20px;
font-weight:normal;
font-style: italic;
margin:0 0 15px;
padding:0;
}

.path {
    color:#6D9D21;
    font-size:12px;
    line-height:20px;
    font-weight:normal;
    font-style: italic;
    margin:0 0 15px;
    padding:0;
}
.path span {
    color: #888;
}

.store {
color:#6D9D21;
font-size:12px;
line-height:20px;
font-weight:normal;
font-style: normal;
padding-left:15px;
}

.whoAre {
font-family: lucida sans, verdana, sans-serif;
font-size:11px;
line-height:18px;
width: 214px;
float: right;
border-left: 1px dashed #6D9D21;
padding: 0 10px 10px 20px;
margin-top:10px;
margin-bottom:10px;
}

.whoAre a{
font-family: lucida sans, verdana, sans-serif;
font-size:11px;
line-height:18px;
color: #A43221;
text-decoration: none

}

.whoAre a:hover{
font-family: lucida sans, verdana, sans-serif;
font-size:11px;
line-height:18px;
text-decoration: underline

}

#sidebar {
position:relative;
float:left;
width:230px;
padding:10px 10px 0px 2px;

}

#sidebar img{
border: 2px solid #ffffff;
margin: 5px 22px 0;


}

p.sidebar {
font-family: lucida sans, verdana, sans-serif;
font-size:11px;
line-height:18px;
margin: 5px 22px 0;
padding-bottom: 10px;
padding-right: 10px;
border-bottom:1px solid #A43221;
font-weight:normal;

}

p.sidebar a {
color:#333333;
text-decoration:none;
font-weight:bold;

}

p.sidebar a:hover {
color:#A43221;

}


p.sidebarLink {
margin: 5px 15px 0;
/*border-bottom:1px solid #A43221;*/
padding:10px 5px 15px 33px;
background-image:url(../images/butterfly.png);
background-repeat:no-repeat;
background-position:5px 13px;
text-transform:uppercase;
font-size:11px;
font-weight:normal;
letter-spacing:0.1em;
}

p.sidebarLink a {
    display: block;
color:#333333;
text-decoration:none;
font-weight:bold;
}
p.sidebarLink a:hover {
color:#A43221;
}

p.sidebarLink2 {
margin: 5px 15px 0;
padding:10px 5px 15px 33px;
background-image:url(../images/butterfly.png);
background-repeat:no-repeat;
background-position:5px 13px;
text-transform:uppercase;
font-size:11px;
font-weight:normal;
letter-spacing:0.1em;
}

p.sidebarLink2 a {
color:#333333;
text-decoration:none;
font-weight:bold;
}

p.sidebarLink2 a:hover {
color:#A43221;
} 

#footer {
position:relative;
float:left;
width:970px;
height:100px;
text-align:center;
background-color:#472E1F;
background-image:url(../images/footerBkgd.gif);
background-repeat:no-repeat;
color:#fff;
margin-bottom: 3px;

}

#footer p {
margin:40px 0 0;
text-transform:lowercase;
font-size:13px;
font-weight:normal;
letter-spacing:0.2em;
}

#footer .author {
font-size:10px;
padding-left:10px;
}

#copyright {
position:relative;
float:left;
width:100%;
text-align:center;
}


#copyright p {
padding-top: 10px 0 25px 0;
text-align: center;
font-size:11px;
line-height:18px;
font-weight:normal;
}

#copyright a {
color: #333333;
text-decoration:none;
}

#copyright a:hover {
text-decoration: underline;
}

/*----------------------------------------------------*/

/*
 * Clear fix
 * 
 * From: http://www.webtoolkit.info/css-clearfix.html
 */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/*----------------------------------------------------*/

/*
 * Product category selector
 */
.selector {
    width: 100%;
}
.selector div {
    position: relative;
    float: left;
    width: 123px;
    height: 46px;
    margin-right: 2px;
    padding: 5px;
}
/*.selector div p {
    position: absolute;
    left: 10px;
    bottom: 8px;
    
    margin: 0;
    
    color: #333333;
    font-size: 10px;
    font-weight: bold;
}*/

.selector div:hover {
    cursor: pointer;
    background-position: 0px -2px !important;
}
.selector div.active {
    cursor: pointer;
    background-position: 0px -57px !important;
}
.selector div.disabled {
    background-position: 0px -112px !important;
    font-weight: normal;
}
.selector div.disabled:hover,
.selector div.disabled:hover p {
    background-position: 0px -2px !important;
}


/* styling - products */
.selector div#new_products {
    background: url(../images/selector/store1.png) 0px -57px;
}
.selector div#S { /* SUPPLEMENTS */
    background: url(../images/selector/store2.png) 0px -57px;
}
.selector div#PC { /* PERSONAL CARE */
    background: url(../images/selector/store3.png) 0px -57px;
}
.selector div#SL { /* SUSTAINABLE LIVING */
    background: url(../images/selector/store4.png) 0px -57px;
}
.selector div#HB { /* HEALTH BOOKS */
    background: url(../images/selector/store5.png) 0px -57px;
}

/* styling - articles */
.selector div#FAP { /* FUN & PASSION */
    background: url(../images/selector/health1.png) 0px -57px;
}
.selector div#RAR { /* REST & RELAX */
    background: url(../images/selector/health2.png) 0px -57px;
}
.selector div#LE { /* LASTING ENERGY */
    background: url(../images/selector/health3.png) 0px -57px;
}
.selector div#HA { /* HEALTH ARTICLES */
    background: url(../images/selector/health4.png) 0px -57px;
}
.selector div#HC { /* HEALTH LIBRARY */
    background: url(../images/selector/health5.png) 0px -57px;
}

/* styling - recipes */
.selector div#FR { /* Features Recipes */
    background: url(../images/selector/recipes1.png) 0px -57px;
}
.selector div#HS { /* Healthy Snacks */
    background: url(../images/selector/recipes2.png) 0px -57px;
}
.selector div#SV { /* Salads & Vegetables */
    background: url(../images/selector/recipes3.png) 0px -57px;
}
.selector div#HM { /* Healthy Meals */
    background: url(../images/selector/recipes4.png) 0px -57px;
}
.selector div#DST { /* Delicious Sweet Treats */
    background: url(../images/selector/recipes5.png) 0px -57px;
}

.green,
.green:hover {
    color: #6d9d21;
    font-weight: normal;
}

.selector div#new_products p {
    left: 5px;
}

/*----------------------------------------------------*/

/*
 * Login
 */
.login .left {
    float: left;
    width: 455px;
    height: 234px;
    
    padding: 10px;
}
.login .right {
    float: left;
    width: 180px;
    height: 234px;
    
    padding: 10px;
}
.login td {
    color: #293A0D;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}
.login .text {
    width: 310px;
    
    padding: 5px;
    margin-bottom: 10px;
    
    border: #93B45D solid 1px;
}
button {
    border: #5D7B2C solid 1px;
    background: #E3EBD6;

    margin: 0px;
    
    color: #293A0D;
    font-weight: bold;
    text-transform: uppercase;
}
button:hover {
    cursor: pointer;
    background: #293A0D;
    color: #E3EBD6;
}
.login .title {
    font-size: 18px;
}
.login a.showLost,
.login a.showLogin {
    color: #293A0D;
    font-weight: normal;
    text-decoration: underline;
}
.login a.showLost:hover,
.login a.showLogin:hover {
    text-decoration: none;
}

.feature h1 a {
    color: #FFF;
    font-size: 12px !important;
    letter-spacing: normal;
    text-decoration: underline;
}
.feature h1 a:hover {
    text-decoration: none;
}

/*----------------------------------------------------*/

/*
 * Pagination
 */
.paginationTop,
.paginationBottom {
    width: 100%;
    
    padding: 5px;

    background: #F8F8F8;
    border: #D4E1BF solid 1px;
    
    text-align: right;
}
.paginationTop {
    margin-bottom: 15px;
}
.paginationBottom {
    margin-top: 15px;
}

/*----------------------------------------------------*/

/*
 * Overlay styling
 */
.overlay-cover {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;

    background: #000;
}
.overlay-box {
    position: absolute;
    display: none;
    overflow: hidden;
    overflow-y: auto;

    min-width: 500px;
    
    border: 7px solid #AAA;
    background: #FFF;
}

.overlay-box h2 {
    border: #464646 1px solid;
    
    background: #464646;
    
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    font-style: normal;
    font-family: verdana;
    
    padding: 4px 10px;
}

.overlay-box .body {
    min-height: 40px;
    max-height: 400px;
    
    overflow: auto;

    padding: 0px 0px 30px 30px;
    
    border: #CCC solid;
    border-width: 0px 1px;
}

.overlay-box .buttons {
    text-align: right;
    
    padding: 8px;
    background: #F2F2F2;
    
    border-top: #CCC 1px solid;
}

.overlay-box .loading {
    padding: 10px;
    font-size: 20px;
}

.overlay-content form {
    margin: 0;
}

/*----------------------------------------------------*/

/*
 * Benefits fix
 */
.products-text {
    min-height: 180px;
}

/*----------------------------------------------------*/

/*
 * Steps display
 */
.steps {
 /*   border-left: #888 solid 1px;*/
}
.steps td {
    width: 150px;
    
    border: #CCC solid;
    border-width: 1px 1px 1px 0px;
    
    color: #888;
    font-size: 11px;
    
    text-align: center;
}
.steps td.active {
    border-color: #CCC;
    background: #F2F2F2;
    
    color: #555;
    font-weight: bold;
}
.steps .s4 {
    border-right-width: 0px;
}

/*----------------------------------------------------*/

/*
 * Cart items table
 */
.items {
    margin-top: 20px;
}
.items .item {
     font-size: 11px !important;
}
.border td {
    border-bottom: #777 dotted 1px;
}

.items tbody td {
    border-bottom: #777 dotted 1px;
}

p.continue-buttons {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-top: 10px;
    text-align: right;
}
p.continue-buttons a {
    text-decoration: underline;
    font-size: 16px;
}
p.continue-buttons a:hover {
    text-decoration: none;
}

/*----------------------------------------------------*/

/*
 * Notifications bar
 * 
 * Enabled with jquery - common.js
 */
#notifications {
    position: fixed;
    text-align: center;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow: visible;
    z-index: 10000;
    
    
}
.notifications-container {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: visible;
    
    position: relative;
    text-align: center;
    width: 100%;
}
.notifications-content {
    position: relative;
    width: 966px;
    text-align: center;
    margin: 0px auto;
    margin-top: 9px;
    padding: 5px;
    
    color: #FFF;
    font-size: 150%;
    background: #A43221;
    font-weight: bold;
    border: #777 solid 2px;
    border-width: 0px;
    
    cursor: pointer;
}

/*----------------------------------------------------*/

.diagnosis-box {
    width: 380px;
    float: right;
    
    padding: 10px;
    margin-bottom: 10px;
    
    border: #9FD326 solid 1px;
    background: #EFF8DA;
}
.options-in-header {
    float: right;
    
    padding: 0px 10px;
    
    background: #213504;
    
    color: #FFF;
    font-size: 12px;
    font-style: normal !important;
}
.options-in-header a {
    color: #FFF;
}
.options-in-header a:hover {
    color: #FFF;
    text-decoration: underline;
}

/*----------------------------------------------------*/

.panel span.row {
    width: 100%;
    height: 45px;
    
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.panel span.row p.col {
    float: left;
    width: 211px;
    height: 45px;

    margin: 0px;
    margin-right: 10px;
}

.panel span.row p.col a {
    display: block;
    position: relative;
    height: 45px;
    
    background: url(../images/backgrounds/btn-cat.png) #C9D9AF top left;
    border: #83A948 solid 1px;
}
.panel span.row p.col a:hover {
    background: #B2C88D;
    text-decoration: none;
}

.panel span.row p.col a img {
    position: absolute;
    top: 3px;
    left: 3px;
    
    margin: 0px;
    padding: 0px;
}
.panel span.name {
    cursor: pointer;
    position: absolute;
    left: 50px;
    top: 15px;
    
    width: 100%;
    height: 45px;
    line-height: 14px;
    
    margin: 0px;
    padding: 0px;
    
    color: #FFF;
    font-family: arial;
    font-size: 13px;
    
    font-weight: bold;
}

/*----------------------------------------------------*/

.featured-sidebar-product {
    width: 173px;
    height: 180px;
    
    margin: 0 auto;
    margin-left: 22px;
    padding: 10px;
    
    background: #FFF;
    border: #83A948 solid 2px;
    
    text-align: center;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.featured-sidebar-product h3 {
    margin: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #333333;
    font-size: 11px;
}
.featured-sidebar-product img {
    margin: 0px 0px 5px !important;
    padding: 0px !important;
}

/*----------------------------------------------------*/

#sidebar .boxes {
    margin: 0 auto;
    margin-left: 22px;
    margin-top: 22px;
}
#sidebar .boxes img {
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 13px !important;
}
#sidebar .boxes img.spaced {
    margin-right: 6px !important;
}