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

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

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:#f00; font-weight:bold; }
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, h1 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:32px;
line-height:38px;
font-weight:normal;
color:#0082c3;
text-decoration:none;
}
h1{ padding-bottom:10px; }

h2, h2 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
font-weight:normal;
color:#0082c3;
text-decoration:none;
}
h2{ padding-bottom:10px; }

h3, h3 a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#000;
text-decoration:none;
}
h3{ padding-bottom:5px; }

#page{ width:980px; margin:10px auto; text-align:left; }

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

#header{ 
height:108px; position:relative; 
background-image:url(/images/bg_header.gif);
background-repeat:no-repeat;
background-position:left top;
}
#header.home{ height:511px !important; background-image:url(/images/bg_header_home.jpg) !important; }

#header .logo{ position:absolute; top:53px; left:17px; }
#header .header-txt{ position:absolute; top:235px; left:530px; width:250px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#747474;
text-decoration:none;
text-transform:none;
}

#header .motto-txt{ position:absolute; top:217px; left:35px; width:190px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:bold;
color:#747474;
text-decoration:none;
text-transform:none;
}

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

#top-nav{ position:absolute; top:11px; left:15px; }

#top-nav, #top-nav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
font-weight:normal;
color:#fff;
text-decoration:none;
text-transform: uppercase;
}

#top-nav a{ padding:0px 7px; }
#top-nav a:hover{ text-decoration:underline; }

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

#middle{
background-image:url(/images/bg_middle_top.gif);
background-repeat:no-repeat;
background-position:left top;
}

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

#content{ width:580px; float:left; }
#content .content-wrapper{ padding:30px 70px 30px 25px; }

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

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

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page-footer css */

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

#page-footer .copy{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#5c5c5c;
text-decoration:none;
position:absolute; top:10px; left:20px;
}

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

#footer-nav{ position:absolute; top:10px; left:650px; }

#footer-nav, #footer-nav a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#5c5c5c;
text-decoration:none;
}
#footer-nav a{ padding:0px 15px; }
#footer-nav a:hover{ text-decoration:underline; }

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

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }


div.homea{
	position:absolute;
	top:110px;
}
div.firsta{
	width:234px;
}
div.seconda{
	left:520px;
	width:468px;
}

div.righta{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

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

#search-box{ position:absolute; top:6px; left:630px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ login-info css */

#login-info{ position:absolute; top:60px; left:600px; width:360px; text-align: right;}
#login-info{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
}
#login-info a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#0082c3;
text-decoration:none;
text-transform:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ form-search-food css */

#form-search-food{ position:absolute; top:320px; left:530px; }
#form-search-food form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#form-search-food table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#form-search-food table tr td{ padding:4px 0px; }
#form-search-food input, #form-search-food select{ 
height:33px; width:220px; border:1px solid #a9bfc4; -moz-border-radius: 5px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:25px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
}
#form-search-food input{ text-indent: 5px; }
#form-search-food select{ padding-top: 5px; }
#form-search-food .submit{ width:144px; height:37px; border:0px; }  

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search-food-frm css */

#search-food-frm{}
#search-food-frm form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#search-food-frm table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#search-food-frm table tr td{ padding:4px 0px; }
#search-food-frm input, #search-food-frm select{ 
height:33px; width:220px; border:1px solid #a9bfc4; -moz-border-radius: 5px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:25px;
font-weight:normal;
color:#000000;
text-decoration:none;
text-transform:none;
}
#search-food-frm input{ text-indent: 5px; }
#search-food-frm select{ padding-top: 5px; }
#search-food-frm .submit{ width:144px; height:37px; border:0px; }

.frm-txt{
width:250px;
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:bold;
color:#747474;
text-decoration:none;
text-transform:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ food-groups css */

#food-groups{ position:absolute; top:240px; left:810px; }
#food-groups ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#food-groups ul li{ 
background-image:url(/images/arrow_3x14.gif);
background-repeat:no-repeat;
background-position:left 4px;
padding:2px 0px 2px 10px;
border-bottom:1px dotted #8caa30;
}
#food-groups a, #food-groups 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;  
}
#food-groups ul li a:hover{ text-decoration: underline;}
   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ home-categories css */

#home-categories{ position:absolute; top:370px; left:20px; width:360px; }
#home-categories .home-categories-wrapper{ padding:0px 0px 0px 0px; }
#home-categories .option{ 
width:180px; float:left; 
background-image:url(/images/button_orange_8x8.gif);
background-repeat:no-repeat;
background-position:left 7px;
}
#home-categories .option-wrapper{ padding:2px 0px 2px 15px; }
#home-categories .option a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
#home-categories .option a:hover{ color:#8caa30; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ frm-bmr css */

#frm-bmr{ 
width:480px; height:266px; float:left;
background-image:url(/images/bg_form_bmr.jpg);
background-repeat:no-repeat;
background-position:left top;
}
#frm-bmr .frm-bmr-wrapper{ padding:55px 0px 0px 30px; }
#frm-bmr form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#frm-bmr table{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#frm-bmr table tr td{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
font-weight:bold;
color:#666;
text-decoration:none;
text-transform:none;
}
#frm-bmr .column1{ text-align: right; }

#frm-bmr input, #frm-bmr 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:#000;
text-decoration:none;
border:1px solid #999;
background-color: #ffffff;
}
#frm-bmr input.radio{ width:auto !important; height:auto !important; border:none !important;}
#frm-bmr input.submit{ width:auto !important; height:auto !important; border:none !important;}


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

#frm-bmi{
width:483px; height:266px; float:right;
background-image:url(/images/bg_form_bmi.gif);
background-repeat:no-repeat;
background-position:left top;
}
#frm-bmi .frm-bmi-wrapper{ padding:80px 0px 0px 100px; }
#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:#ffffff;
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:#666;
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 input.submit{ width:auto !important; height:auto !important; border:none !important;}
#soap{margin-bottom:5px;}

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

#snippets{ width:980px; height:200px;
background-image:url(/images/bg_snippets.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
#snippets .snippets-wrapper{ padding:0px 0px 0px 25px; }
#snippets .snippet{ width:235px; height:200px; float:left; border-left:1px solid #d4d4d4; position: relative;}
#snippets .forum{ position:absolute; top:130px; left:165px; }
#snippets .snippet-wrapper{ padding:10px 25px 30px 25px; }
#snippets .snippet-text{}
#snippets h2, #snippets h2 a{ color:#5c5c5c;}
#snippets p{ padding:0px 0px 5px 0px; color:#5c5c5c;}
#snippets p a{ 
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:bold;
color:#0082c3;
text-decoration:underline;
text-transform:none;
}
#snippets p a:hover{ color:#e5650f;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ snippets-nav css */

#snippets ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
#snippets ul li{ 
padding:0px 0px 0px 10px; 
background-image:url(/images/star.gif);
background-repeat:no-repeat;
background-position:left 6px;
}
 
#snippets ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
font-weight:normal;
color:#0082c3;
text-decoration:none;
text-transform:none;
}
#snippets ul li a:hover{ color:#e5650f;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-box css */

#footer-box{
width:980px; margin-top:10px;
background-color: #eaeaea;
-moz-border-radius: 10px;
}
#footer-box .footer-box-wrapper{ padding:40px 30px 30px 40px; }

#footer-box .column{ width:225px; float:left; }
#footer-box .column-wrapper{ padding:0px 40px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ box-nav css */

.box-nav{}
.box-nav ul{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type: none; }
.box-nav ul li{ 
background-image:url(/images/diez_7x9.gif);
background-repeat:no-repeat;
background-position:left 7px;
padding:1px 0px 1px 12px; }
 
.box-nav ul li a{
font-family:Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#5c5c5c;
text-decoration:none;
text-transform: none;
}
.box-nav ul li a:hover{ color:#e5650f;}

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