/* body composition assessment  ---------------------------------- */


/* body  ---------------------------------- */

BODY {
        margin-top: 0;
        margin-left: 0;
        font-style: normal;
        font-size: 10pt;
        font-weight: normal;
        color: #211A17;
        font-family: arial, HELVETICA, serif;
        line-height: normal;
        background-color: #118AB3;

              }



/* fonts  ---------------------------------- */

p {font-style: normal;
  font-size: 10pt;
  font-weight: normal;
  color: #211A17;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 00px;
  margin-left: 30px;
 }


p.homepage {font-style: normal;
  font-size: 11pt;
  font-weight: normal;
  color: #211A17;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 00px;
  margin-left: 30px;
 }


p.newsletter {font-style: normal;
  font-size: 10pt;
  font-weight: normal;
  color: #211A17;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 30px;
  margin-left: 30px;
 }



p.navi {font-style: normal;
  font-size: 9pt;
  font-weight: normal;
  color: #ffffff;
  line-height: normal;
  padding: 0px;
  text-align: right;
  padding-top: 4px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-right: 30px;
 }


p.footer {font-style: normal;
  font-size: 8pt;
  font-weight: normal;
  color: #ffffff;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 10px;
 }





h1 {font-style: normal;
  font-size: 18pt;
  font-weight: normal;
  font-family: tahoma, Arial, HELVETICA, Serif;
  color: #F78726;
  padding: 0px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 20px;
  margin-right: 00px;
  margin-left: 30px;
  }


h1.shop {font-style: normal;
  font-size: 14pt;
  font-weight: normal;
  font-family: tahoma, Arial, HELVETICA, Serif;
  color: #F78726;
  padding: 0px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 20px;
  margin-right: 00px;
  margin-left: 00px;
  }

h2 {font-style: normal;
  font-size: 16pt;
  font-weight: normal;
  font-family: tahoma, Arial, HELVETICA, Serif;
  color: #F78726;
  padding: 0px;
  text-align: left;
  margin-top: 25px;
  margin-bottom:10px;
  margin-right: 00px;
  margin-left: 30px;
}

h3 {font-style: normal;
  font-size: 11pt;
  font-weight: normal;
  font-family: tahoma, Arial, HELVETICA, Serif;
  color: #F78726;
  padding: 0px;
  text-align: left;
  margin-top: 25px;
  margin-bottom:10px;
  margin-right: 00px;
  margin-left: 30px;
}


h4 {font-style: normal;
  font-size: 10pt;
  font-weight: bold;
  color: #211A17;
  line-height: normal;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 00px;
  margin-left: 30px;
 }








.white {color: #ffffff; }
.green {color: #006633; }
.red {color: #CC0000; }



ul {font-style: normal;
  padding: 0px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  margin-left: 50px;
}


li{
        line-height : normal;
        margin-left : 0px;
        margin-right : 15px;
        margin-bottom: 3px;
        margin-top:2px;
       }


td.ranking{margin-left: 00px;
            font-size: 7pt;
            text-align: left;
           border-bottom: 1px solid #DAC793;
             }


table.content {font-size: 8pt;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-left: 00px;
 }


table.webform {font-size: 10pt;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-left: 00px;
 }



.cat1 {color: #8064A2;}
.cat2 {color: #4F81BD;}
.cat3 {color: #4BACC6;}
.cat4 {color: #00CC66;}
.cat5 {color: #9BBB59;}
.cat6 {color: #F79646;}
.cat7 {color: #C0504D;}



.noleft30 {margin-left: 00px; padding-left: 0px;}


/* container and boxes  ---------------------------------- */





#container{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        margin-top: 0px;
        width: 1000px;
        border: 0px solid #ffffff;
        background: #118AB3 url(../images/bg_global.jpg) top no-repeat;
             }


#masthead{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        margin-top: 0px;
        width: 1000px;
        height: 166px;
                     }







#navigation {padding: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        margin-top: 0px;
        width: 800px;
        height: 24px;
        border-bottom: 0px solid #ffffff;
        border-top: 0px solid #ffffff;
        background: url(../images/bg_navi.gif) right no-repeat;
             }







#content {margin-left: auto;
        margin-right: auto;
        border-top: 30px solid #ffffff;
         margin-bottom: 00px;
        margin-top: 0px;
        padding-bottom: 00px;
        width: 800px;
        height: 100%;
         background-color: #ffffff;
             }



#contentleft {float: left;
        margin-bottom: 0px;
        margin-top: 0px;
        width: 550px;
        background-color: #ffffff;
             }



.contentleft_margin {
        margin-left: 30px;
        margin-right: 30px;
        width: 390px;
        background-color: #ffffff;
             }



#contentright{float: right;
        margin-bottom: 0px;
        margin-top: 0px;
        width: 220px;
        background-color: #ffffff;

                    }



#contentplain {
        margin-bottom: 0px;
        margin-top: 0px;
        width: 740px;

        background-color: #ffffff;
             }




.contentleft30 {
        margin-left: 30px;
                     }



#end {position: relative;
                clear: both;
                width: 800px;
                height: 10px;
                border-top: 30px solid #ffffff;
                 background: #ffffff url(../images/end.gif) bottom no-repeat;
         }



#footer { margin-left: auto;
        margin-right: auto;
        border-top: 0px solid #000000;
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 0px;
        width: 800px;
        height: 20px;
        background-color: #118AB3;

             }






.prodlist{position: relative;
           width: 550px;
        text-align: left;
        margin: 0px;
        margin-left: 30px;
        margin-right: 0px;
        margin-bottom: 0px;
                }

.prodlistleft{
        float: left;
           width: 120px;
        text-align: left;
        margin-top: 0px;
        padding-right: 00px;

                        }

.prodlistright{position: relative;
        float: right;
           width: 395px;

        text-align: left;
        padding-left: 0px;
        padding-right: 30px;
                        }


   .prodlistend{clear: both;
           width: 550px;
        height: 50px;

                        }




 .paddingleft30 {padding-left: 30px; }


 .padding30-30 {padding-left: 30px; padding-right: 30px; }



/* boxes ---------------------------------- */

.headbrown207 {
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 10px;
        width: 177px;
        height: 25px;
        background-color: #AD9961;
             }

.boxgrey207 {
        margin-bottom: 0px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 10px;
        width: 177px;
        height: 234px;
        background-color: #E9E5DA;
             }


.boxwhite233 {
        margin-bottom: 0px;
        padding-top: 00px;
        padding-left: 20px;
        padding-right: 10px;
        width: 197px;
        background-color: #ffffff;
             }


.boxgrey233 {
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 10px;
        width: 203px;
        height: 100%;
        background-color: #E9E5DA;
             }



.boxgreysignup {
        margin-bottom: 5px;
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 10px;
        width: 203px;
        height: 100%;
        background-color: #E9E5DA;
             }



.imagesright233 {
        margin-top: 10px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 203px;
        height: 100%;
        background-color: #ffffff;
             }


#boxright{
        width: 196px;
        margin: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
        background: #f2f2f2 url(../images/boxright_bottom.gif) bottom no-repeat;

        }

#boxrightpadding{

        padding-bottom: 10px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;


        }

/* LISTING ---------------------------------- */

.list{position: relative;
           width: 710px;
        min-height: 30px;
        text-align: left;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #ffffff;

                }

.listleft{position: relative;
        float: left;
           width: 230px;
        min-height: 30px;
        text-align: left;
        margin-top: 0px;
        padding-right: 20px;
        background-color: #ffffff;
                        }

.listight{position: relative;
        float: right;
           width: 450px;
        min-height: 30px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        background-color: #ffffff;
                        }




 .listend{clear: both;
           width: 710px;
        height: 3px;
        background-color: #ffffff;
                        }




/* buttons  ---------------------------------- */

.searchbutton{ border: 1px solid #F78726;
                color: #ffffff;
                 font-weight: bold;
                background-color: #F78726;
                margin: 0px;
                padding: 0px;
                        }





/* newsletter  ---------------------------------- */


#newsletter {margin-left: auto;
        margin-right: auto;

        margin-bottom: 0px;
        margin-top: 20px;
        padding-bottom: 20px;
        width: 800px;
        background-color: #F8F2E4;

             }



/* images  ---------------------------------- */

img.left {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding: 0px;
        border: 0px solid #999999;
        float: left;
        text-align: right;
        }


img.right{
        margin-top: 0px;
        margin-left: 20px;
        margin-right: 10px;
        margin-bottom: 20px;
        padding: 0px;
        border: 0px solid #999999;
        float: right;
        text-align: right;
        }


 img.newsletter{
        margin-top: 0px;
        margin-left: 20px;
        margin-right: 30px;
        margin-bottom: 20px;
        padding: 0px;
        border: 0px solid #999999;
        float: right;
        text-align: left;
        }

img.rightmargin{
        margin-top: 0px;
        margin-left: 5px;
        margin-right: 20px;
        margin-bottom: 5px;
        padding: 0px;
        border: 0px solid #999999;
        float: right;
        text-align: right;
        }


 img.border {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 5px;
        margin-bottom: 0px;
        padding: 1px;
        border: 1px solid #999999;

        }

 img.rightcol {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding: 0px;
        border: 0px solid #999999;

        }


img.thumbnail {
        margin-top: 00px;
        margin-left: 0px;
        margin-right: 10px;
        margin-bottom: 0px;
        padding: 0px;
        border: 0px solid #999999;
        float: left;
        text-align: right;
        }



/* forms  ---------------------------------- */

td.lable {font-style: normal;
  font-size: 10pt;

 }




.webform {font-size: 10pt;
  text-align: left;

 }

/*  listing news  ---------------------------------- */

.newsimgright {float: right;
               margin-left: 5px;
               margin-bottom: 5px;


                }

.news {position: relative;
           width: 460px;
        min-height: 30px;
        text-align: left;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;


                }

.newsleft{position: relative;
        float: left;
           width: 340px;
        min-height: 30px;
        text-align: left;
        margin-top: 0px;
        padding-right: 0px;
                                }

.newsright{position: relative;
        float: right;
           width: 100px;
        min-height: 30px;
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;

                      }

.newsend{clear: both;
           width: 460px;
        height: 10px;

                        }



/* Link Arrow  ---------------------------------- */


.linkarrow {font-style: normal;
  font-size: 10pt;
  font-weight: normal;
  color: #118AB3;
  text-align: left;
  padding-top: 5px;
  padding-bottom:0px;
  padding-left: 30px;
  padding-right: 0px;
  margin-top: 10px;
  margin-bottom:10px;
  margin-right: 00px;
  margin-left: 30px;
  height:20px;
  background:  url(../images/arrow.gif) left no-repeat;
           }









/* navigation  ---------------------------------- */



A:link {text-decoration: none; font-size: 10pt; font-weight: normal; color: #118AB3; border-left: 0px solid #ffffff;}
A:visited {text-decoration: none; font-size: 10pt; font-weight: normal; color: #118AB3; border-left: 0px solid #ffffff;}
A:active {text-decoration: underline; font-size: 10pt; font-weight: normal; color: #F78726; border-left: 0px solid #ffffff;}
A:hover {text-decoration: underline; font-size: 10pt; font-weight:  normal; color: #F78726; border-left: 0px solid #ffffff;}


A.hplink:link {text-decoration: none; font-size: 11pt; font-weight: normal; color: #118AB3; border-left: 0px solid #ffffff;}
A.hplink:visited {text-decoration: none; font-size: 11pt; font-weight: normal; color: #118AB3; border-left: 0px solid #ffffff;}
A.hplink:active {text-decoration: underline; font-size: 11pt; font-weight: normal; color: #F78726; border-left: 0px solid #ffffff;}
A.hplink:hover {text-decoration: underline; font-size: 11pt; font-weight:  normal; color: #F78726; border-left: 0px solid #ffffff;}


A.category:link {text-decoration: none; font-size: 12pt; font-weight: normal; color: #118AB3; border-left: 0px solid #ffffff;}
A.category:visited {text-decoration: none; font-size: 12pt; font-weight: normal; color: #118AB3; border-left: 0px solid #ffffff;}
A.category:active {text-decoration: underline; font-size: 12pt; font-weight: normal; color: #999999; border-left: 0px solid #ffffff;}
A.category:hover {text-decoration: underline; font-size: 12pt; font-weight:  normal; color: #999999; border-left: 0px solid #ffffff;}

A.mainnavi:link {text-decoration: none; font-size: 9pt; font-weight: bold; color: #ffffff; border-left: 0px solid #ffffff;}
A.mainnavi:visited {text-decoration: none; font-size: 9pt; font-weight:  bold; color: #ffffff; border-left: 0px solid #ffffff;}
A.mainnavi:active {text-decoration: none; font-size: 9pt; font-weight: bold; color: #666666; border-left: 0px solid #ffffff;}
A.mainnavi:hover {text-decoration: none; font-size: 9pt; font-weight:  bold; color: #666666; border-left: 0px solid #ffffff;}

A.green:link {text-decoration: none; font-size: 9pt; font-weight: normal; color: #006633; border-left: 0px solid #ffffff;}
A.green:visited {text-decoration: none; font-size: 9pt; font-weight:  normal; color: #006633; border-left: 0px solid #ffffff;}
A.green:active {text-decoration: none; font-size: 9pt; font-weight: normal; color: #AD9961; border-left: 0px solid #ffffff;}
A.green:hover {text-decoration: none; font-size: 9pt; font-weight:  normal; color: #AD9961; border-left: 0px solid #ffffff;}

A.footernavi:link {text-decoration: none; font-size: 8pt; font-weight: normal; color: #ffffff; border-left: 0px solid #ffffff;}
A.footernavi:visited {text-decoration: none; font-size: 8pt; font-weight:  normal; color: #ffffff; border-left: 0px solid #ffffff;}
A.footernavi:active {text-decoration: none; font-size: 8pt; font-weight: normal; color: #cccccc; border-left: 0px solid #ffffff;}
A.footernavi:hover {text-decoration: none; font-size: 8pt; font-weight:  normal; color: #cccccc; border-left: 0px solid #ffffff;}


A.button:link {text-decoration: none; font-size: 10pt; font-weight: normal; color: #ffffff; border-left: 0px solid #ffffff;}
A.button:visited {text-decoration: none; font-size: 10pt; font-weight:  normal; color: #ffffff; border-left: 0px solid #ffffff;}
A.button:active {text-decoration: none; font-size: 10pt; font-weight: normal; color: #006633; border-left: 0px solid #ffffff;}
A.button:hover {text-decoration: none; font-size: 10pt; font-weight:  normal; color: #006633; border-left: 0px solid #ffffff;}

A.button2:link {text-decoration: none; font-size: 10pt; font-weight: normal; color: #ffffff; border-left: 0px solid #ffffff;}
A.button2:visited {text-decoration: none; font-size: 10pt; font-weight:  normal; color: #ffffff; border-left: 0px solid #ffffff;}
A.button2:active {text-decoration: none; font-size: 10pt; font-weight: normal; color: #ffffff; border-left: 0px solid #ffffff;}
A.button2:hover {text-decoration: none; font-size: 10pt; font-weight:  normal; color: #ffffff; border-left: 0px solid #ffffff;}



/*  css button 233_25 -------------------------------------- */

.cssnav233_25
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/b_233_25_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 233px;
height: 25px;
margin: 0;
margin-bottom: 1px;
padding: 0;
}

.cssnav233_25 a
{
display: block;
font-size: 11px;
width: 233px;
height: 25px;
display: block;
float: left;
text-decoration: none;
}

.cssnav233_25 img
{
width: 233px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav233_25 a:hover img
{
visibility:hidden
}

.cssnav233_25 span
{
position: absolute;
left: 20px;
top: 4px;
margin: 0px;
padding: 0px;
cursor: pointer;
}





/*  css button 207_25 -------------------------------------- */

.cssnav207_25
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/b_207_25_o.gif) no-repeat;
white-space: nowrap;
display: block;
width: 207px;
height: 25px;
margin: 0;
margin-bottom: 0px;
padding: 0;
}

.cssnav207_25 a
{
display: block;
font-size: 11px;
width: 207px;
height: 25px;
display: block;
float: left;
text-decoration: none;
}

.cssnav207_25 img
{
width: 207px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav207_25 a:hover img
{
visibility:hidden
}

.cssnav207_25 span
{
position: absolute;
left: 20px;
top: 4px;
margin: 0px;
padding: 0px;
cursor: pointer;
}