﻿body
{
	text-align: center;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	background-color:#ddc7a5;
}

/* Holder */
.body 
{
	display: block;
	margin: 0px auto;
	text-align: left;
	min-height:693px;
	height:auto !important;
	height:693px;
}
.container
{
	display: block;
	width: 960px;
	margin: 0px auto;
	text-align: left;
	font-size: 1em;
	
}
.holder { float:left; background-color: #ffffff; padding-left: 6px; padding-right: 6px; }
.header .logo,
.header .tagline { float:left; }
.header .tagline { margin:30px 0 0 30px; }
.joinFacebook { float:right; padding-top:20px; }
.joinFacebook a { background-color: #ffffff; background-image: url(../images/layout/join_facebook.gif); background-position: 0 -29px; height:29px; width:153px; display:block; }
.joinFacebook a:hover { background-position: 0 0; }
.joinFacebook a span { display:none; }

/* Navigation */
.navigation
{
	height: 26px;
	margin-bottom:5px;
	background:#5D4631 url(../images/layout/menu_background.gif) repeat-x scroll 0 -26px;
	width:948px;
}

.navigation ul
{
	list-style: none;
	float: left;
	font-size: 1.3em;
}
.navigation ul li
{
	float: left;
	padding-right:1px;
	background:url(../images/layout/menu_separator.gif) no-repeat right -26px;
}
.navigation ul li a
{
	color: #ffffff;
	text-decoration: none;
	background-position: 0px -26px;
	background-repeat: no-repeat;
	display:block;
	padding:0 10px;
	background:url(../images/layout/menu_background.gif) repeat-x scroll 0 -26px;
	height:26px;
	float:left;
}
.navigation ul li:first-child a
{
	padding:0 16px;
}
.navigation ul li a:hover
{
	background-position:0 0;
}
.navigation ul li a span
{
	height:26px;
	line-height:26px;
	display:inline-block;
	font-size:15px;
}
.navigation ul li a:hover, 
.navigation ul li.selected a { background-position: 0 0px; }

.footer { font-size:1.1em; margin-top:8px; padding-bottom:30px; float:left; }
.footer ul { float:left; }
.footer ul li { float:left; font-weight:bold; padding-right:10px; }
.footer ul li a { text-decoration:none; }
.footer ul li a:hover { color: #ffffff; }
.footer .footerContent { clear:both; padding-top:5px; }

.home .boxes { height:142px; }
.home .boxes .box { width:237px; height:142px; float:left; }
.home .boxes .box a { margin-left:15px; width:103px; height:20px; display:block; margin-top:103px; }
.home .boxes .box a span { display:none; }
.home .boxes .box a.Green { background:transparent url(../images/layout/btn_findOutMore_green.gif) no-repeat 0 0; }
.home .boxes .box a.darkGreen { background:transparent url(../images/layout/btn_findOutMore_darkgreen.gif) no-repeat 0 0; }
.home .boxes .box a.red { background:transparent url(../images/layout/btn_findOutMore_red.gif) no-repeat 0 0; }
.home .boxes .box a.yellow { background:transparent url(../images/layout/btn_findOutMore_yellow.gif) no-repeat 0 0; }
.home .boxes .box a.Pale { background:transparent url(../images/layout/btn_findOutMore_Pale.gif) no-repeat 0 0; }
.promoFeverfew { background:#ffffff url(../images/layout/promo_Feverfew.gif) no-repeat 0 0; }
.promoSoy { background:#ffffff url(../images/layout/promo_Soy.gif) no-repeat 0 0; }
.promoOats { background:#ffffff url(../images/layout/promo_oats.gif) no-repeat 0 0; }
.promoFacebook { background:#ffffff url(../images/layout/promo_Facebook.gif) no-repeat 0 0; }
.promoActiveNaturals { background:#ffffff url(../images/layout/promo_ActiveNaturals.gif) no-repeat 0 0; }
.promoWhereToBuy { background:#ffffff url(../images/layout/promo_WhereToBuy.gif) no-repeat 0 0; }
.promoBaby { background:#ffffff  url(../images/layout/promo_Baby.gif) no-repeat 0 0; }
.home .boxes .box.promoFacebook a { height:142px; width:237px; margin:0px; }
.promoFacebook a span { display:none; }

.spacer { height:13px; float:left; width:100%; }

.main { width:630px; padding:10px; margin-top:10px; float:left; }
.main .inner { width: 628px; }
.main .col { float:left; width:270px; padding:0px 0px 23px 0px; }
.main .col.first { padding-right:39px; padding-left:23px; }
.main .col .large { display:block; font-size:1.3em; }
.main .col-wide { width:601px; clear:both; margin-left:9px; }
.main .col-wide .box { padding: 19px 10px 6px 10px; }
.main .col-wide .box p {padding-top:10px; }
.main .col-wide .box img { padding-top: 15px; }
.main .col p { padding-bottom:10px; }
.main .col-wide p { padding-top:10px; }

.mainHolder .col-wide { background:white; border: 1px dotted #5c6e30; }

.feature { width:280px; padding:2px 0px 14px; float:left; margin-top:10px; }
.feature .inner .plain { padding:0px 16px; }
.feature .inner .box { margin-left:7px; }
.feature h3 { padding-bottom:10px; }

.mainHolder { width: 948px; padding: 10px 0px; background-position: 0px 0px; background-repeat: repeat-y; margin-top:10px; }
.mainHolder.BrownRed { background-image: url(../images/layout/bg_brownred.gif); }
.mainHolder.BrownYellow { background-image: url(../images/layout/bg_brownYellow.gif); }
.mainHolder.Green { background-image: url(../images/layout/bg_green.gif); }
.mainHolder.Pale { background-image: url(../images/layout/bg_pale.gif); }
.mainHolder.wide { background-image:url(../images/layout/bg_full.gif); padding:10px 0px; }

.mainHolder h2 { padding-bottom:8px; margin-top:0; }

.mainHolder .mainInner { width: 948px; background-position: 0px 0px; background-repeat: repeat-y; }
.mainHolder.BrownRed .mainInner { background-image: url(../images/layout/bg_brownred_dark.gif); }
.mainHolder.BrownYellow .mainInner { background-image: url(../images/layout/bg_brownyellow_dark.gif); }
.mainHolder.Green .mainInner { background-image: url(../images/layout/bg_green_dark.gif); }
.mainHolder.Pale .mainInner { background-image: url(../images/layout/bg_pale_dark.gif); }
.mainHolder.Pale .col-wide { display:none; }
.mainHolder.wide .mainInner { background-image: url(../images/layout/bg_full_medium.gif); padding:0px 11px 10px; }

.feature .products { background-position: 0px 0px; background-repeat: repeat-y; padding-bottom:12px; margin-top:12px; }
.feature .products .product { padding-top: 12px; padding-left:17px; padding-right:17px; padding-bottom:15px; float:left; }
.feature .products .product span.imagePlaceholder { float:left; display:block; width:100px; text-align:center; }
.feature .products .product.alt span.imagePlaceholder { float:right; }
.feature .products .product h4, .feature .products .product p { margin-left:100px; margin-right:5px; padding-bottom:5px; }
.feature .products .product.alt h4, .feature .products .product.alt p { margin-right:100px; margin-left:0; }
.feature .spacer {  height:1px; width:280px; }

.BrownYellow .feature { padding-left:9px; }
.BrownYellow .products { background-image: url(../images/layout/bg_brownYellow_Product.gif); }
.BrownYellow .products .spacer { background-image: url(../images/layout/bg_brownYellow_Product_spacer.gif); height:1px; width:280px; }
.BrownRed .feature { padding-left:9px; }
.BrownRed .products { background-image: url(../images/layout/bg_brownRed_Product.gif); margin-left:1px; }
.BrownRed .products .spacer { background-image: url(../images/layout/bg_brownRed_Product_spacer.gif); height:1px; width:278px; }
.Green .feature { padding-left:9px; }
.Green .products { background-image: url(../images/layout/bg_green_Product.gif); }
.Green .products .spacer { background-image: url(../images/layout/bg_green_Product_spacer.gif); height:1px; width:278px; }
.Pale .feature { padding-left:5px; }
.Pale .products { background-image: url(../images/layout/bg_pale_Product.gif); }
.Pale .products .spacer { background-image: url(../images/layout/bg_pale_product_spacer.gif); height:1px; width:278px; }
.Pale .products .product {padding-left:20px; }

.mainHolder.wide .plain { padding:15px 20px 0px 20px; }
.mainHolder.wide .dark { background: transparent url(../images/layout/bg_full_dark.gif) repeat-y 0 0; padding:15px 20px 0px 20px; }
.mainHolder.wide .col { width:425px; float:left; }
.mainHolder.wide .col.first { padding-right:55px; }
.mainHolder.wide p { padding-bottom:20px; }
.mainHolder.wide .col-wide { margin: 0px 27px 0px 7px; padding: 12px; }

.resellers { padding-top:30px; padding-left:20px; }
.resellers .reseller { width:203px; height:49px; padding-right:13px; float:left; padding-bottom:22px; }
.content { background-color:#e2d2b8; width:900px; }
.content img { float:left; }
.content p { float:left; width:430px; }	

/* sIFR heading colours */
h1, h2 { color: #000000; }
.leaving h1 { color: #523923; }
.BrownRed h2 { color:#834b1d; }
.BrownRed .feature h3 { color:#fedcd2; }
.BrownRed h4, .BrownYellow .product h4, .Green .feature h4 { color:#ffffff; }
.Green h2, .Green h3 { color:#2f3c0b; }
.BrownYellow h2 { color: #57491b; }
.BrownYellow .feature h3 { color: #fdf7e3; }
.BrownYellow h4 { color: #eecf8c; }
.wide h2, .wide h3 { color: #523923; }
.Pale h2 { color: #db784c; }
.Pale .feature h3 { color:#e1af91; }
.Pale .feature h4 { color: #7f563d; }
