/*********************************
METABOLIC SOLUTIONS - metsol.com
***********************************/

body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%; 
   background-color: #fff;
   }

* { 
   margin: 0px;
   padding: 0px; 
   }

a:link { 
   color: #170058; 
   font-weight: bold; 
   text-decoration: none;
   border-bottom: 1px dotted #170058;
   }
   
a:visited { 
   color: #170058;
   font-weight: bold; 
   text-decoration: none; 
   border-bottom: 1px dotted #506373;
   }
   
a:hover { 
   color: #75aab8;
   font-weight: bold; 
   text-decoration: none; 
   }
    
.clearfloats { 
   clear: both; 
   }
   
p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   padding: 0 20px 1em 0;
   margin-left: 20px;
   }
     
p span {
   font-weight: bold;
   }   
   
h1 {
   color: #170058;
   font-size: 1.1em;
   font-weight: bold;
   margin: 6px 0px .5em 0;
   }   
     
h2 {
   color: #75aab8;
   font-size: .9em;
   font-weight: bold;
   margin: 6px 0px .5em 0;
   }   

h3 { /*contact page*/
   color: #75aab8;
   font-size: .9em;
   font-weight: bold;
   margin: 6px 0px 2px 20px;
   }  
   
img {
   border: 0;
   }   
   
.indent { /*for pix*/
   margin-left: 20px;
   }   
   
sup {
   font-size: .7em;
   vertical-align: 80%;
   line-height: 1em;
   }   
   
sub {
   font-size: .7em;
   vertical-align: -30%;
   line-height: 1em;
   }           

/****************
CONTAINERS
****************/
   
#page_container {
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   margin-bottom: 0;
   padding: 0;
   width: 989px;
   background: url(../pix/layout/bkg.jpg) repeat-y 0 0;
   }   
   
#mainbody {
   width: 890px;
   margin: 20px 0 0 50px;
   }   
         
      
/****************
FLASH MOVIE
****************/

#flash {
   margin-left: 21px;
   }

/*************
FOOTER
*************/     
 
#footer {
   font-size: .6em;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
   margin-top: 0;
   }     
   
#btm {
   margin-bottom: 1px;
   }    
   
/***************
INDEX PAGE
***************/

#index_left {
   width: 560px;
   float: left;
   margin: 20px 0 15px 50px;
   }
   
#index_right {
   width: 300px;
   float: left;
   margin: 18px 0 15px 30px;
   background: #170058;
   border-left: 3px solid #71adb7;
   color: #fff;
   }   
      
#index_right h1 {
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 2px;
   width: 250px;
   padding: 12px 0 12px 14px;
   margin: 0;
   border-bottom: 1px solid #71adb7;
   color: #fff;
   }
   
#index_right p {
   color: #fff;
   margin: 12px 0 0 14px;
   font-size: 15px;
   }    
   
#index_right ul {
   /*ff*/
   list-style-image: url(../pix/layout/arrow.gif);
   /*ie*/
   #list-style-image: url(../pix/layout/arrow_ie.gif); 
   list-style-type: disc;
   list-style-position: outside;
   margin: 0 5px 5px 35px;
   font-size: 17px;
   color: #fff;
   }   
  
#index_right li {
   padding-bottom: 13px;
   }     

#index_right .sm_list { /*indented list*/
   margin: -16px 5px 5px 55px;
   }   
   
#index_right ul a, #index_right .sm_list a {
   font-weight: normal;
   text-decoration: none;
   border: none;
   color: #fff;
   }   
 
#index_right ul a:hover, #index_right .sm_list a:hover {
   border-bottom: 1px dotted #ccc;
   }   
   
#hbt_link {
   background: url(../pix/layout/index_bar.gif) no-repeat 0 0;
   font-size: .8em;
   margin: 15px 0 18px 0;
   width: 518px;
   height: 31px;
   padding: 6px 0 0 8px;
   }     
   
#hbt_link a {
   font-style: italic;
   border: 0;
   text-decoration: none;
   }   
   
#hbt_link a span {
   font-size: .8em;
   vertical-align: 10%;
   line-height: 1em;
   letter-spacing: -1px;
   }   
     
/****************
TABLES
****************/

.tbl_ctr { /*text centered in all cells*/
   width: 800px;
   margin: 15px 0 30px 50px;
   border: 1px solid #000;
   background: #fff;
   }     
   
.tbl {
   width: 800px;
   margin: 15px 0 30px 50px;
   border: 1px solid #000;
   background: #fff;
   }
   
.tbl_ctr th, .tbl th {
   padding: 8px 0;
   background: #d6dfca;
   font-weight: bold;
   text-align: center;
   border-bottom: 1px solid #000;
   font-size: .8em;
   }      
   
.tbl_ctr td, .tbl td {
   text-align: center;
   padding: 6px 4px;
   border-bottom: 1px dotted #000;
   font-size: .7em;
   }  
   
.tbl td {
   text-align: left;
   }   
     
td.last {
   border-bottom: 0;
   }    
   
.left {
   text-align: left;
   }   
   
.th2 {
   padding: 6px 0;
   background: #75aab8; /*light blue*/
   border-bottom: 1px solid #000;
   text-align: center;
   font-size: 1.1em;
   font-weight: bold;
   }      
     
/****************
LISTS
****************/
   
ul {
   padding: 0px 10px 14px 10px;
   margin-left: 40px;
   list-style-type: disc;
   list-style-position: outside;
   }   
   
.numlist {
   list-style-type: decimal;
   }  
   
li {
   font-size: .8em;
   font-weight: normal;
   margin: 0px 0px 3px 5px;
   }  
  
.numlist li {
   margin-bottom: 14px;
   }  
   
li ul {
   margin-left: 20px;
   list-style-type: circle;
   }   
   
li ul li {
   font-size: 1em;
   }   
   
   
/*******************
OTHER PAGES
*******************/   
   
.client_list {
   float: left;
   margin: 0 10px 5px 20px;
   }   
   
.msi_office { /*office pic*/
   float: right;
   margin: 0 20px 10px 20px;
   }   
   
           
/*************
CONTACT PAGE
*************/

#contact {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   width: 700px;
   padding: 30px 20px;
   margin: 0 0 10px 40px;
   border: 1px solid #000;
   background: #ccc;
   }
   
.formitem {
   margin-top: 20px;
   }   
   
.formitem label {
   color: #000;
   width: 200px;
   float: left;
   }   
   
.submit { 
   margin: 5px 20px 10px 0;
   border: 1px solid #ccc;
   background: #170058;
   color: #fff;
   float: right;
   }
                     
.disclaimer { 
   font-size: .7em;
   font-style: italic; 
   text-align: right;
   color: #000; 
   margin: 0 20px 0 0;
   }   
    
/*****************
NAVIGATION
*****************/   

#top_nav {
   font-size: 9px; 
   margin: 10px 30px 8px 0;
   float: right;
   text-transform: uppercase;
   }   
   
#top_nav a {
   font-weight: normal;
   text-decoration: none;
   border: 0;
   color: #000;
   }   
   
#top_nav a:hover {
   color: #75aab8;
   border-bottom: 1px dotted #75aab8;
   }  
   
#nav { 
   width: 951px; 
   height: 56px;
   margin: 0 0 0 22px;
   } 

#nav a { 
   text-indent: -9999px;
   display: block;
   margin: 0; padding: 0;
   height: 56px;
   }    
   
#nav_glucose a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat 0 0;
   border: 0;
   }   
   
#nav_tbw a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -158.5px 0px;
   border: 0;
   }      

#nav_gastric a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -317px 0px;
   border: 0;
   } 

#nav_breath a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -475.5px 0px;
   border: 0;
   }    
   
#nav_energy a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -634px 0px;
   border: 0;
   }  

#nav_other a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -792.5px 0px;
   border: 0;
   }     
   
/*mo*/

#nav_glucose a:hover {
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat 0 -56px;
   }

#nav_tbw a:hover {
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -158.5px -56px;
   }

#nav_gastric a:hover {
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -317px -56px;
   }

#nav_breath a:hover {
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -475.5px -56px;
   }

#nav_energy a:hover {
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -634px -56px;
   }

#nav_other a:hover {
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -792.5px -56px;
   }   
      
/*x states*/

#xnav_glucose a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat 0 -56px;
   border: 0;
   }      
    
#xnav_tbw a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -158.5px -56px;
   border: 0;
   }      
  
#xnav_gastric a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -317px -56px;
   border: 0;
   }    

#xnav_breath a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -475.5px -56px;
   border: 0;
   }  
   
#xnav_energy a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -634px -56px;
   border: 0;
   }   
    
#xnav_other a { 
   float: left;
   height: 56px; width: 158.5px;
   background: url(../pix/layout/navbar.gif) no-repeat -792.5px -56px;
   border: 0;
   }     
    
   
/*********** 
SUB NAVS 
***********/

#subnav {
   width: 949px;
   background: #170058;
   font-size: 11px;
   text-align: center;
   margin: 0 0 8px 22px;
   padding: 5px 0;
   color: #fff;
   letter-spacing: 1px;
   }
   
#subnav a {
   color: #fff;
   border: 0;
   font-weight: normal;
   text-decoration: none;
   }   
   
#subnav a:hover {
   color: #75aab8;
   }   
      
#subnav a b {
   font-weight: normal;
   color: #75aab8;
   }