body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}

.twoColElsLtHdr #container { 
	width: 800px;  
	background: #FFFFFF;
	border:0px;
	margin: 0 auto; /* the auto margins center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColElsLtHdr #header {
	background: #FFFFFF;
	padding: 0px;
	height:90px;
} 
#logo {
float:left;
width:300px;
padding:0px;
margin:0px;
}
#navigation {
float:right;
padding-top:10px;
text-align:right;
width:480px;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 3px;
font-size:12px;
color:#14ab4b;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
letter-spacing:1px;
}
#navlist li a
{
text-decoration:none;
font-size:12px;
color:#14ab4b;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
letter-spacing:1px;
}
#navlist li a:active
{
text-decoration:none;
font-size:12px;
color:#14ab4b;
font-family:Arial, Helvetica, sans-serif;
}

#divider {
height:7px;
}
#banner {
padding-top:10px;
padding-bottom:5px;
text-align:center;
}
#banner2 {
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
	color:#000066;
	font-weight:bold;
	font-size: 12px;

}
.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 250px;
	height:auto;

	padding: 0; /* top and bottom padding create visual space within this div */
}
#title {
height:25px;
width:240px;
color:#000066;
padding-left:10px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
letter-spacing:1px;
font-weight:bold;
}
#benefits {
height:85px;
border:solid 1px #d6dfeb;
margin-bottom:8px;
padding-right:3px;

}
#benefits p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
vertical-align: text-top;
padding:0px;
margin:0px;
}

.articles{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
vertical-align: text-top;
padding:0px;
margin:0px;
}

#benefits img {
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:5px;
}
#pack-contain {
width:544px;
float:right;

}
#left-pack {
float:left;
width:340px;
height:194px;
}
#right-pack {
float:right;
width:auto;

}
#left-pack-cont {
background-image:url(../images/images/pack_03.jpg);
background-repeat:none;
height:131px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
padding-left:10px;
padding-top:20px;
line-height:150%;
}
#ad-contain {
padding-left:5px;
}
.emailsign {font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
font-weight:bold;
color:#000066;
}
.emailsub {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000066;
}
.emailbump {
padding-left:8px;
padding-right:5px;
padding-bottom:3px;
background-color:#e4eaf1;
border:solid 1px #90accc;

}
#middle {
height:40px;
padding-left:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
}
#bottom {
background-image:url(../images/images/ingred_03.jpg);
background-repeat:no-repeat;
height:90px;
padding-left:150px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000033;
}

.twoColElsLtHdr #mainContent {
	margin: 0px;
	 /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 
.twoColElsLtHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
} 
.twoColElsLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#navfoot {
text-align:center;
padding-bottom:10px;
padding-top:5px;
}

#navlistfoot li
{
display: inline;
list-style-type: none;
padding-right: 5px;
margin-right:5px;
font-size:12px;
color:#14ab4b;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;

}
#navlistfoot li a
{
text-decoration:none;
font-size:12px;
color:#14ab4b;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;

}
#navlistfoot li a:active
{
text-decoration:none;
font-size:12px;
color:#14ab4b;
font-family:Arial, Helvetica, sans-serif;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.copyright {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
.disc {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
padding-left:5px;
}

#article-box {
border: #CCCCCC solid 1px;
padding:5px;
margin-top:3px;
margin-bottom:10px;
}

#article-box2 {
	background-color:#CC0099;
	color:#FFFFFF;
	padding:5px;
	margin-top:3px;
	margin-bottom:10px;
}

.copy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:125%;
}
.vscopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:530px;
	text-align:left;
}
.vscopyheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	width:530px;
	font-weight:bold;
	margin-bottom:7px;
}
.suggesteduse {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	border-color:#3ab0a2;
	border-style:solid;
	border-width:1px;
	margin:10px;
	background-color:#3ab0a2;
	line-height:125%;
}