/*********************************
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: 24px;
   }

/*************
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: 15px;
   color: #fff;
   }   
  
#index_right li {
   padding-bottom: 13px;
   }     

#index_right .sm_list {
   margin: -16px 5px 5px 55px;
   }   
   
#index_left .sm_list { /*indented list*/
   margin: 3px 0px 0px 15px;
   font-size: 15px;
   }   
   
#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;
   }   
   
#sia_link {
   background: url(../pix/layout/blue_bar.gif) no-repeat 0 0;
   font-size: .8em;
   margin: 5px 0 18px 0;
   width: 518px;
   height: 31px;
   padding: 5px 0 0 8px;
   }     
   
#sia_link a {
   font-style: italic;
   border: 0;
   text-decoration: none;
   }   
   
#sia_link a span {
   font-size: .8em;
   vertical-align: 10%;
   line-height: 1em;
   letter-spacing: -1px;
   }   
   
#index_flash,
#index_sia {
   float: left;
   margin: 18px 0 0px 30px;
   border: 1px solid #c0c0c0;
   }   
   
     
/****************
TABLES
****************/

.tbl_ctr { /*text centered in all cells*/
   width: 700px;
   margin: 15px 0 30px 100px;
   border: 1px solid #000;
   background: #fff;
   }     
   
.tbl_ctr th {
   padding: 8px;
   background: #d6dfca;
   font-weight: bold;
   text-align: center;
   border-bottom: 1px solid #000;
   font-size: .8em;
   width: 350px;
   }   
   
.tbl_ctr td {
   text-align: center;
   padding: 4px 3px;
   border-bottom: 1px dotted #000;
   font-size: .7em;
   }  
     
td.last {
   border-bottom: 0;
   }       
     
/****************
LISTS
****************/
   
ul {
   padding: 0px 10px 14px 10px;
   margin-left: 40px;
   list-style-type: disc;
   list-style-position: outside;
   }   
   
.numlist {
   list-style-type: decimal;
   margin-left: 50px;
   }  
   
li {
   font-size: .8em;
   font-weight: normal;
   margin: 0px 0px 3px 5px;
   }  
  
.numlist li {
   margin-bottom: 14px;
   }  
  
.footnotes {
   padding: 8px 10px 8px 10px;
   margin: 0px 10px 26px 40px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   list-style-type: decimal;
   list-style-position: outside;
   }   
      
.footnotes li {
   font-size: .7em;
   margin: 0px 0px 2px 5px;
   }     
   
/*******************
PROCEDURE PAGES
*******************/   
   
.test_pic, .test_pic_hydro {
   float: left;
   width: 200px;
   margin: 0 8px 10px 50px; 
   font-size: .8em;
   }   

.test_pic img, .test_pic_hydro img {
   border: 0;
   margin-bottom: 4px;
   }   

.test_pic p, test_pic_hydro p {
   margin: 0 0 0 24px;
   }   
   
.test_pic_hydro {
   width: 180px;
   margin-right: 40px;
   text-align: center;
   }

.test_pic_hydro p {
   margin-left: 0;
   }   
   
.insert_pic {
   width: 120px;
   float: right;
   margin-left: 20px;
   }   
   
.child_instructions {
   border: 1px solid #000;
   width: 600px;
   background: #ddd;
   margin: 8px 0 5px 25px;
   padding-top: 12px;
   }   
   
.child_instructions h1 {
   text-transform: uppercase;
   font-size: .8em;
   font-weight: bold;
   color: #000;
   text-align: center;
   margin: 6px 0 10px 0;
   padding: 0;
   }   
   
/***** updated pages *******/

.test_proc {
   margin: 15px 0 15px 100px;
   padding: 14px 8px 10px 8px;
   border: 1px solid #75aab8;
   width: 650px;
   }

.test_proc img {
   float: right;
   margin: 0 5px 5px 20px;
   }   
   
.test_kit { /*picture of test kit box*/
   float: right;
   margin: 10px 8px 0 25px;
   }   
           
/*************
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 #ccc;
   background: #DDEBED;
   }
   
.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_urea a { 
   float: left;
   height: 56px; width: 237px;
   background: url(../pix/layout/navbar.gif) no-repeat 0 0;
   border: 0;
   }   
   
#nav_sibo a { 
   float: left;
   height: 56px; width: 237px;
   background: url(../pix/layout/navbar.gif) no-repeat -237px 0px;
   border: 0;
   }      

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

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

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

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

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

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

#xnav_urea a { 
   float: left;
   height: 56px; width: 237px;
   background: url(../pix/layout/navbar.gif) no-repeat 0 -56px;
   border: 0;
   }      
    
#xnav_sibo a { 
   float: left;
   height: 56px; width: 237px;
   background: url(../pix/layout/navbar.gif) no-repeat -237px -56px;
   border: 0;
   }      
  
#xnav_lactose a { 
   float: left;
   height: 56px; width: 237px;
   background: url(../pix/layout/navbar.gif) no-repeat -474px -56px;
   border: 0;
   }    

#xnav_fructose a { 
   float: left;
   height: 56px; width: 237px;
   background: url(../pix/layout/navbar.gif) no-repeat -711px -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;
   }