body{

	margin:0px 0px 0px 0px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c;
	text-align:left;
	padding: 0px;
	margin:0;
	color:#4e4e4e;
	background-image: url(images/background.gif);
	}
/*all id*/
#main {
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
	}
#mother {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 1000px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #da9f54;
	border-bottom-color: #da9f54;
	border-left-color: #da9f54;
	background-color:#FFFFFF;
	}
	
#marginmid { margin:10px 8px 10px 8px}
#margin10 { margin:10px}

	
.copyright { font-size:10px;}
	
td {
	background-repeat:no-repeat;
	}
.last {
	border-right:solid #FFFFFF 1px;
	padding: 0px;
	}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding:0px;
}

h1 { font-size:14px; color:#f3746b}
h2 { font-size:16px; color:#d03d53}
h3 { font-size:28px; color:#940027}

h4 { font-size:14px; color:#ec5f34}
h5 { font-size:16px; color:#d8994b}
h6 { font-size:28px; color:#980e10}

.firstletter {
	font-size:20px;
	font-weight:bold;
	color:#3c3c3c;
}

.whit_fnt {
	font-weight:bold;
	font-size:18px;
	color:#FFFFFF;
	}

.whit_fnt_h {
	font-weight:bold;
	font-size:28px;
	color:#FFFFFF;
	}
	
.heading1 { font-size:28px; color:#c51123;}
.heading2 { font-size:20px; color:#d9293a}
.heading3 { font-size:16px; color:#d9293a}
.heading5 { font-size:15px; color:#4e4e4e; font-weight:bold;}
.title1 { font-size:32px; color:#b52a23; font-weight:bold;}
.title2 { font-size:36px; color:#ed1b24; font-weight:bold; text-decoration:underline;}
.title3 { font-size:20px; color:#ed1b24; font-weight:bold; text-decoration:underline;}

.borderbottom10 { border-bottom:#f4d9e8 solid 10px;
}
.borderbottom4 { border-bottom:#b52a23 solid 1px;
}

img {
	border:none;
	}
.a a {
	text-decoration: none; color:#da9f54;
	
}
.a a:hover {
	text-decoration: underline; color:#da9f54;

}

/*header*/

.nutrihead {
	background-image:url(images/nutriheadbg.gif);
	background-repeat:repeat-x;
}

.companyhead {
	background-image:url(images/nutriheadbg.gif);
	background-repeat:repeat-x;
}

.headline {
border-bottom:#CC3300; border-bottom-style:solid; border-bottom-width:thick;
	
}

#header {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #d62716;
}
#logo {
	width: 50%;
	padding:1em 0 2em 2em;
}
#top_nav {
	text-align: right;
	vertical-align: bottom;
	width: 50%;
	margin: 0.5em;
	padding: 0.5em;
}
#top_nav a {
	color: #454546;
	text-decoration: none;
}
#nav {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #da9f54;
	background-color: #d62716;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
}

#nav a {
	color: #FFFFFF;
	text-decoration:none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

#nav a:hover { 
	text-decoration:underline;
}

.nav_brdr {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#nav2 {	
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0a24f;
	padding: 5px;
}
.nav2_brdr {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}
#nav2 a {
	color: #666666;
	text-decoration: none;
}

/*content*/

#content {
	width: 100%;
	padding-bottom: 20px;
}
#content2 {	
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
#benifit_content {
	background-image: url(images/benifit_back.gif);
}

.whatnutriphoto{
	background-image: url(images/whatnutriphoto.gif);
	background-repeat:no-repeat;
	background-position: left top; width:200px; height:300px;
}
.whatvefeminphoto{
	background-image: url(images/whatvefeminphoto.gif);
	background-repeat:no-repeat;
	background-position: left top; width:200px; height:300px;
}

.bulvefemin{
	background-image: url(images/bulvefemin.gif);
	padding-left:40px;
	background-repeat:no-repeat;
	background-position: left top; width:auto; height:auto;
}
.imgleftvefemin1{
	background-image: url(images/imgleftvefemin1.jpg);
	padding-left:160px;
	height:160px;
	background-repeat:no-repeat;
	background-position: left top; width:auto;
}
.imgleftvefemin2{
	background-image: url(images/imgleftvefemin3.jpg);
	padding-left:160px;
	height:160px;
	background-repeat:no-repeat;
	background-position: left top; width:auto;
}
.imgrightvefemin3{
	background-image: url(images/imgleftvefemin5.jpg);
	padding-right:160px;
	height:160px;
	background-repeat:no-repeat;
	background-position: right top; width:auto;
}
.imgleftvefemin4{
	background-image: url(images/imgleftvefemin6.jpg);
	padding-left:160px;
	height:160px;
	background-repeat:no-repeat;
	background-position: left top; width:auto;
}
.imgrightvefemin1{
	background-image: url(images/imgleftvefemin2.jpg);
	padding-right:160px;
	height:160px;
	background-repeat:no-repeat;
	background-position: right top; width:auto;
}
.imgrightvefemin2{
	background-image: url(images/imgleftvefemin4.jpg);
	padding-right:160px;
	height:160px;
	background-repeat:no-repeat;
	background-position: right top; width:auto;
}

.bulnutri{
	background-image: url(images/bulnutri.gif);
	padding-left:40px;
	background-repeat:no-repeat;
	background-position: left top; width:auto; height:auto;
}

#why_nutri_content {
	background-image: url(images/why_nutri_back.gif);
	background-position: left bottom;
}
#why_esent_nutri_link {
	color: #d4b046;
	font-weight: bold;
}
#why_esent_nutri_link a {
	color: #f5804b;
	text-decoration:underline;	
	width:100%;
}
#consumer_box {
	background-color: #d62716;
	width: 50%;
	border: 5px solid #da9f54;
	margin: 50px auto 50px auto;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

#vefemin {
	width: 50%;
	height:500px;
	background-image: url(images/vefmn_back.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: left;
	vertical-align: bottom;
	padding:0 25px 80px 260px;
}
#vefemin a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	line-height:20px;
	text-decoration:underline;
}

#vefemin a:hover {
	line-height:20px;
	text-decoration:none;
}

#nutricharge {
	background-image: url(images/nutri_back.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 50%;
	height:500px;
	text-align: left;
	vertical-align: bottom;
	padding:0 50px 80px 222px;
}
#nutricharge a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	line-height:20px;
	text-decoration:underline;
}

#nutricharge a:hover {
	line-height:20px;
	text-decoration:none;
}

#beni_tbl_cl1 {
	color: #FFFFFF;
	background-image: url(images/tbl_hdr_back.gif);
	background-repeat: repeat-x;
}
#beni_tbl_cl2 {
	vertical-align: middle;
}
#beni_tbl_cl3 {
	text-align: left;
	vertical-align: middle;
	color: #4e73b9;
}

.border1 {
border:#FFCC00 thick solid;
padding:8px;

}

.row1{
	background-color:#ffecd3;
}

.row1 :hover{
	background-color:#ffffff;
	font-weight:bold;
}
.row2{
	background-color:#fee3c0;
}

.row2 :hover{
	background-color:#ffffff;
	font-weight:bold;
}

.row3{
	background-color:#ffecd3;
}

.row4{
	background-color:#fee3c0;
}

/*footer*/

#ftr_txt1 {
	padding: 0px 0px 0px 25px;
	vertical-align: top;
}
#ftr_txt2 {
	text-align:right;
	padding: 0px 25px 0px 0px;
}
#ftr_txt2 a {
	color: #454546;
	text-decoration: blink;
}
/*Top navigation*/
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}

/*Right navigation*/

.glossymenu{
list-style-type: none;
margin: 10px 0;
padding: 0;
width: 178px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
float:right;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 8px 8px 8px 10px;
text-decoration: none;
text-align:left;

}


.glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}

/*Image inlarge on mouse over*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30px;
left: 0px; /*position where enlarged image should offset horizontally */

}

ul.homenav
{ padding:0px; margin:0px;
}

.homenav li /* Tab list Style */    
{   
    padding: 3px;   
    background-color: #d8dfea;   
    color: #3b5998;   
    font-weight: bold;
	float:left;   
    margin-right: 0px;   
    text-decoration: none;  
}
   
.homenav li:hover   
{   
    background-color: #3b5998;   
    color: #ffffff;   
    cursor: hand;   
}

 
 /*homr vertical nav*/

#navlist
{
color: white;
background: #fff;
border-bottom: 0px solid #17a;
border-right: 0px solid #17a;
padding: 0 1px;
margin-left: 0;
width: 180px;
font: normal 10px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 10px;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 3px;
margin-top: 3px;
color: white;
background: #d19851;
border-width: 1px;
border-style: solid;
border-color: #3d241f #cf1519 #3d241f #3d241f;
border-right: 6px solid #cf1519;
padding: 4px 3px 5px 6px;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer #navlist a
{
width: auto;
}

/* only necessary if you use the hacks above for the Internet Explorer */


#navlist a:hover, #navlist a#current:hover
{
background: #cf1519;
border-color: #3d241f #d19851 #3d241f #3d241f;
padding: 5px 3px 4px 6px;
}

#navlist a:active, #navlist a#current:active
{
background: #980e10;
border-color: #3d241f #d19851 #3d241f #3d241f;
padding: 5px 3px 4px 6px;
}