/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
background-color:#e9efc2;
background-image:url(/images/bg_body.gif);
background-repeat:repeat-x;
background-position:left top;
}

body.main{ background-image:url(/images/bg_body_main.gif); }

body, a, ul li, ul li a, table tr td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#000;
font-weight:normal;
text-decoration:none;
}

a{ color:#00685d; text-decoration: underline; }
a:hover{ text-decoration:underline; }

img{ border:0px; padding:0px 0px 0px 0px; }
h1, h2, h3, h4, p, form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1{ padding-bottom:30px; }
h1, h1 a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:28px;
line-height:32px;
color:#346959;
font-weight:bold;
text-decoration:none;
}

h2{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#00685d;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h3{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:20px;
line-height:18px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

h4{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:20px;
line-height:25px;
color:#5a5b49;
font-weight:bold;
text-decoration:none;
padding:0px 0px 15px 0px;
}

h5{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
color:#595758;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
margin-bottom:10px;
}
#body-bottom{
background-image:url(/images/bg_footer.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
#page{ width:1050px; margin:0px auto; text-align:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:198px;  position:relative; }
#header.main{ height:479px;  position:relative; 
background-image:url(/images/bg_header.gif);
background-repeat:no-repeat;
background-position:left 168px;
}
#header .logo{ position:absolute; top:45px; left:50px; }
#header .ads-top{ position:absolute; top:30px; left:300px; }

#header .holiday{ position:absolute; top:78px; left:900px; }
#header .holiday a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:bold;
color:#eff55c;
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ position:absolute; top:32px; left:260px; }

#top-nav, #top-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:bold;
color:#e36a21;
text-decoration:none;
}
#top-nav a{ padding:0px 5px; }
#top-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ position:absolute; top:140px; left:10px; }

#header-nav, #header-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
line-height:12px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
}
#header-nav a{ padding:0px 5px; }
#header-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search-box css */

#search-box{ position:absolute; top:136px; left:750px; width:300px; height:25px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{}

#middle .header-snippet{ width:370px; color:#177002;}


#middle .main-left{ width:380px; float:left;}
#middle .main-left-wrapper{  padding:30px 10px 30px 20px; color:#FFFFFF;}
#middle .main-right{ width:360px; float:left;}

#middle .box-calculate{ 
width:360px; 
height:431px; 
background-image:url(/images/bg_calculate_360x431.jpg);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}

#middle .bmi-form-holder{
position:absolute;
top:50px;
left:194px;
width:160px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-nav css */

#page-nav{ width:400px; height:35px; border-bottom:1px solid #bccf5a;}
#page-nav .page-nav-wrapper{ padding:15px 0px 0px 0px; }
#page-nav, #page-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#25251d;
text-decoration:none;
}
#page-nav a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:740px; float:left; }
#content.large{ width:1040px; float:left; }
#content .content-wrapper{ padding:20px 50px 40px 0px; }
#content.large .content-wrapper{ padding:30px 50px 40px 0px; }

#content .inner-header{ 
width:740px; 
height:136px; 
position:relative;
}

#content .inner-snippet{ position:absolute; top:25px; left:400px; width:320px; color:#4BA811;}

#content .content-color{ width:740px; background-color:#E7C132;}
#content .content-left{ width:440px; float:left;}
#content .content-left-wrapper{  padding:30px 20px 30px 20px;}
#content .content-right{ width:250px; float:left; }
#content .content-right-wrapper{  padding:30px 0px 30px 10px;}
#content .content-large{ width:700px; float:left;}
#content .content-large-wrapper{  padding:30px 0px 30px 10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:300px; float:left; }
#right .right-wrapper{ padding:30px 0px 40px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav css */

#right-nav{}

#right-nav ul{ 
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type:none;
display:block;
border:none;
}

#right-nav ul li{ padding:0px 0px 0px 0px; border-bottom:1px solid #c7d76e; }
#right-nav ul li ul + li{ border:none; }
 
#right-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
font-weight:bold;
color:#038069;
text-decoration:none;
border:none;
text-indent:12px;
}

#right-nav ul li ul{ 
margin:3px 0px 0px 0px;
padding:5px 0px 10px 15px;
border-top:1px solid #c7d76e;
}

#right-nav ul li ul li{
background-image:url(/images/bullet_5x4.gif);
background-repeat:no-repeat;
background-position:left 10px;
border:none;
padding:0px 0px 0px 10px;
}
 
#right-nav ul li ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#464646;
text-decoration:none;
}

#right-nav ul li ul li a:hover{ color:#c84d00; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#page-footer{ height:300px; position:relative; }

#page-footer .copy{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
position:absolute; top:270px; left:0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

.nav1{ position:absolute; top:20px; left:0px; }
.nav2{ position:absolute; top:20px; left:200px; }
.nav3{ position:absolute; top:20px; left:400px; }
.nav4{ position:absolute; top:20px; left:600px; }
.nav5{ position:absolute; top:20px; left:800px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

.footer-nav{ width:180px;}
.footer-nav .footer-nav-wrapper{ padding:0px 0px 0px 0px; }
.footer-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
.footer-nav ul li{ padding:0px 0px 0px 0px; }
 
.footer-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
.footer-nav ul li ul li{ padding:0px 0px 0px 10px; 
background-image:url(/images/arrow_5x4.gif);
background-repeat:no-repeat;
background-position:left 7px;
}
.footer-nav ul li ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
}
.footer-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.spacev{ width:15px; float:left;}
.spaceo{ height:15px; }
.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#contact-form{ margin-left:20px; padding-bottom:20px; padding-top:20px; } 
#contact-form #company-lead-form{}
#contact-form #company-lead-form p{color:#FF0000;}
#contact-form #company-lead-form table{border:0px; margin:0px;}
#contact-form #company-lead-form table tr td{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#272A31; padding:2px; line-height:15px; }
#contact-form #company-lead-form table tr .column1{ text-align:left; padding-left:10px; width:230px; line-height:14px; }
#contact-form #company-lead-form table tr .column2{ text-indent:5px; } 
#contact-form #company-lead-form table tr .column1-error{ text-align:right; color:#FF0000; }
#contact-form #company-lead-form table tr td input, #contact-form #company-lead-form table tr td select, #contact-form #company-lead-form table tr td textarea{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;  font-weight:normal; text-decoration:none; color:#000;  border:1px solid #333; width:220px; height:22px; background-color:#fff !important; margin-bottom:5px;}
#contact-form #company-lead-form table tr td .phone1{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone2{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone3{ width:70px !important; }
#contact-form #company-lead-form table tr td select{}
#contact-form #company-lead-form table tr td textarea{ height:120px !important; }
#contact-form #company-lead-form table tr td .submitbutton{ width:auto; height:auto; border:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ frm-bmi css */

#ads-right{ margin:15px 0px 0px 0px; background-color:#E6BF33; -moz-border-radius:10px;}
#ads-right .ads-right-wrapper{padding:20px 0px 20px 20px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-search-form css */

#main-search-form{ position:absolute; top:325px; left:33px; overflow: visible; }
#main-search-form form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#main-search-form table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#main-search-form table tr td{ 
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:bold;
color:#fff;
text-decoration:none;  
padding:2px 0px; 
margin:0px 0px 0px 0px;
}
#main-search-form table tr .column1{ width:110px; text-align:right;}
#main-search-form table tr .column2{ width:260px; text-align:left;}
#main-search-form table tr td input{ 
-moz-border-radius: 5px;  
width:120px; height:24px; border:none; text-indent:5px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:normal;
color:#04725d;
text-decoration:none;
}
#main-search-form table tr .button{
padding:0px 0px 0px 0px;  
-moz-border-radius: 5px;  
width:76px; height:24px; 
background-color:#e7a21c;
border:none;
color:#ffffff; font-weight:bold;
} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ nutrition-facts-home css */

#nutrition-facts-home{
background-image:url(/images/bg_food.gif);
background-repeat:no-repeat;
background-position:left 10px;
width:690px; height:385px;
position: relative;
}
#nutrition-facts-home .nutrition-facts-form{ position:absolute; top:180px; left:40px; }
#nutrition-facts-home .groups-holder{ position:absolute; top:105px; left:510px; }
#nutrition-facts-home form{ padding:0px 0px 0px 0px; }
#nutrition-facts-home .input{ width:220px; float:left;}
#nutrition-facts-home input, #nutrition-facts-home select{ 
height:25px; width:200px; border:1px solid #fff; 
font-size:12px; color:#000; 
}
#nutrition-facts-home .submit{ width:163px; height:36px; border:0px; }  
#nutrition-facts-home .button{ padding:10px 0px 0px 0px; float:left;}
#nutrition-facts-home ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#nutrition-facts-home ul li{ 
background-image:url(/images/arrow_3x14.gif);
background-repeat:no-repeat;
background-position:left 4px;
padding:2px 0px 2px 10px;
border-top:1px dotted #b4b4b4;
}
#nutrition-facts-home ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:normal;
color:#747474;
text-decoration:none;  
}
#nutrition-facts-home ul li a:hover{ text-decoration: underline;}
#nutrition-facts-home h4{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:16px;
line-height:16px;
font-weight:normal;
color:#046f5a;
text-decoration:none;
border-bottom:8px solid #9ba051;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ snippets css */

#snippets{ width:670px; }
#snippets .snippets-wrapper{ padding:20px 0px 30px 0px; }
#snippets h3{
height:23px;  
background-image:url(/images/bg_snippet_h3a.gif);
background-repeat:repeat-x;
background-position:left top;
padding:7px 0px 0px 10px;  
margin:0px 0px 1px 0px;
}
#snippets h3.second{
background-image:url(/images/bg_snippet_h3b.gif);
}
#snippets h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
#snippets p{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#747474;
text-decoration:none;
padding:45px 0px 0px 0px;
} 
#snippets p a{ 
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
font-weight:bold;
color:#8e954a;
text-decoration:underline;
text-transform: uppercase;
} 

#snippets .snippet{ width:335px; float:left; }
#snippets .snippet-wrapper{ padding:0px 30px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ aaa css */

h3.states{
width:640px; height:23px;  
background-image:url(/images/bg_states_h3.gif);
background-repeat:repeat-x;
background-position:left top;
padding:7px 0px 0px 10px;  
margin:0px 0px 1px 0px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ frm-bmi css */

#frm-bmi{
width:300px; height:285px;
background-image:url(/images/bg_form_bmi.gif);
background-repeat:no-repeat;
background-position:left top;
}
#frm-bmi .frm-bmi-wrapper{ padding:148px 0px 0px 25px; }
#frm-bmi form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#frm-bmi table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#frm-bmi table tr td{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:bold;
color:#5c5c5c;
text-decoration:none;
padding:4px 3px;
margin:0px 0px 0px 0px;
}
#frm-bmi table tr .label{ text-align:right; }
#frm-bmi input, #frm-bmi select{
width:110px; height:20px; border:none; text-indent:5px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
font-weight:normal;
color:#04725d;
text-decoration:none;
border:1px solid #dbf27d;
background-color: #ffffff;
}
#frm-bmi input.inches{ width:50px !important;}
#frm-bmi input.result{ background-color:#04725d !important; color:#c3d952 !important;}
#frm-bmi table tr .submit{ width:70px; height:25px; border:0px; }
#frm-bmi table tr .button{
padding:0px 0px 0px 0px;
width:76px; height:24px;
background-color:#e7a21c;
border:none;
color:#ffffff; font-weight:bold;
}
#soap{margin-bottom:5px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ aaa css */