/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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:#e36a21;
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:222px;  position:relative; }
#header.main{ height:442px;  position:relative; }
#header .logo{ position:absolute; top:12px; left:0px; }
#food-login-info{ position:absolute; top:20px; left:230px; }

#header .body{
position:absolute; top:108px; left:400px;
width:370px; height:322px;
background-image:url(/images/body_370x322.gif);
background-repeat:no-repeat;
background-position:left top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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:80px; left:10px; }

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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:60px; border-bottom:1px solid #bccf5a;}
#page-nav .page-nav-wrapper{ padding:35px 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:770px; float:left; }
#content.large{ width:1040px; float:left; }
#content .content-wrapper{ padding:30px 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:450px; 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:270px; 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:135px; 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:8px;
left:15px;
}

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

#footer-nav{ position:absolute; top:8px; left:300px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#footer-nav a{ padding:0px 5px; }
#footer-nav 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;}