@import url('styles.css');

h2 {
font-weight:lighter;
}

#leftNav ul li.leaf {
padding: 0 0 5px 25px;
}


#promo {
float:left;
padding: 10px 0;
}


#homeArt {
top:335px
}

.subNav1 {
padding-left:38px;

}

#feature {
padding:11px 0pt 0px 15px;
}


#rightContent {
margin-left: 15px;
}


#leftCol {
padding-top:20px;
}

#rightCol {
padding-top:20px;
}


#leftCol h2 {
width:155px;
float:left;
margin:0;
padding:10px 0 0 5px ;
}

#leftCol p {
width:155px;
float:left;
padding-left: 5px;
}

#leftCol img.prodFeature {
float:left;
padding: 0 10px 0 20px;
}




#rightCol h2 {
width:155px;
float:left;
margin:0;
padding:10px 0 0 5px;
}

#rightCol p {
width:155px;
float:left;
padding-left: 5px;
}

#rightCol img.prodFeature {
float:left;
padding: 0 10px 0 20px;
}

#rightContent h2.title {
float:none;
background:url(../images/header_bg_brown.gif) no-repeat;
width:662px;
height:55px;
color:#fff;
padding: 0px 0 5px 20px;
margin: 10px 0 0 0;
}

#rightContent p {
/* height:85px; */
}


#rightContent p.btnPad {
height:62px;
}

#rightContent h2.title span.hdr {
float: left;
font-size:18px;
padding-top:20px;
}

#rightContent h2.title span.txt {
font-family:Arial, Helvetica, sans-serif;
float: left;
font-size: 11px;
padding-left:211px;
padding-top: 10px;
}

#rightContent h2.title span.txt2 {
font-family:Arial, Helvetica, sans-serif;
float: left;
font-size: 11px;
padding-top: 10px;
}

#rightContent h2.title span.txt3 {
font-family:Arial, Helvetica, sans-serif;
float: right;
font-size: 11px;
padding-right:50px;
padding-top: 25px;
}


#rightContent h2.title span.txt3 a {
color: #fff;
text-decoration:underline;
}


#rightContent h2.title span.titleSub {
float: left;
font-size: 14px;
padding-top: 23px;
padding-left:2px;
width:180px;
}

#naturalFoods {
clear:left;
float:left;
width:118px;
padding-left: 23px;
}



#naturalLifestyle {
float:left;
width:115px;
}

#nutritionHealth {
float:left;
width:120px;
}

#fitness {
float:left;
width:130px;
}


.vr {
float:left;
padding-left:16px;
padding-right:24px;
}

.icon {
float: left;
padding: 19px 3px 0 20px;
}


#wellnessArticles  {
clear:left;
height: auto;

padding: 0;
}

#wellnessArticles ul {
list-style:none;
padding:0;
margin:0;
}


#wellnessArticles ul li h3 {
background:url(../images/article_icon.gif) 10px 10px no-repeat;
font-size:12px;
margin:0;
padding:13px 0 0 42px;
height:21px;
}


#wellnessArticles ul li.articleDesc {
padding: 0 0 10px 42px;
}

#wellnessArticles ul li h3 a {
color: #855b27;
text-decoration:none;
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
}



#wellnessArticles ul li h3 a:hover {
color:#5b3523;
font-weight:bolder;
text-decoration:underline;
}



#rightContent p, #rightContent h3, #rightContent h4 , #rightContent ul li, #rightContent ol li  {
margin-left:20px;
margin-right:40px;
}


#articleSectionSelector div{
position:relative;
}

#articleSectionSelector #naturalFoods, #articleSectionSelector #naturalLifestyle{
height:200px;
}


#articleSectionSelector p, #articleSectionSelector h2 {
margin-left:0px;
margin-right:0px;

}


#leftArticle {
float:left;
width:400px;
}

#rightArticle {
float:left;
width:200px;
}

.BtnArticles {
position:absolute;
bottom:10px;
}


.BtnArticlesPos {
position:absolute;
bottom:10px;
cursor:pointer;
}

.BtnArticles1
{
  display: block;
  width: 105px;
  height: 40px;
  background: url("/images/btn_articles1_nm.gif") no-repeat 0 0;
  vertical-align:bottom;
}

.BtnArticles1:hover
{ 
  background-position: 0 -40px;
  background: url("/images/btn_articles1_hv.gif") no-repeat 0 0;
}

.BtnArticles2
{
  display: block;
  width: 105px;
  height: 40px;
  background: url("/images/btn_articles2_nm.gif") no-repeat 0 0;
  vertical-align:bottom;
}

.BtnArticles2:hover
{ 
  background-position: 0 -40px;
  background: url("/images/btn_articles2_hv.gif") no-repeat 0 0;
}

.BtnArticles3
{
  display: block;
  width: 105px;
  height: 40px;
  background: url("/images/btn_articles3_nm.gif") no-repeat 0 0;
  vertical-align:bottom;
}

.BtnArticles3:hover
{ 
  background-position: 0 -40px;
  background: url("/images/btn_articles3_hv.gif") no-repeat 0 0;
}

.BtnArticles4
{
  display: block;
  width: 105px;
  height: 40px;
  background: url("/images/btn_articles4_nm.gif") no-repeat 0 0;
  vertical-align:bottom;
}

.BtnArticles4:hover
{ 
  background-position: 0 -40px;
  background: url("/images/btn_articles4_hv.gif") no-repeat 0 0;
}