/******************************************************
File 			:	FITSS.css
Author 		:	Tony Wadding - Freelance IT System Support
Contact		:  tony@fitss.co.uk
Application	: 	FITSS Web Site
Contract		:  Internal
Client		:  FITSS
Summary		: 	Generic CSS
Released 	:	Never
Modified		: 	
*******************************************************/
/*
Setting the charset was giving issues with the body
settings. Have not had chance to bottom this out yet.
@charset "iso-8859-1"
*/
body
  {
    margin: 0px;
    padding: 0px;
    background-repeat: repeat;
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    text-align: center;
  } 
#main
  {
    position: relative;
    text-align: center;
    width: 766px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 0px 0px 0px;
    background-color: #FFFFFF;
    background-image: url(imgs/header.gif);
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px solid #696969;
  }
#main hr
  {
    border: none;
    background-color: #9999FF;    
    color: #9999ff;
    height: 3px;
    width: 100%;
  }
#main hr.a
  {
    border: none;
    background-color: #ff4500;    
    color: #ff4500;
    height: 1px;
    width: 100%;
    margin-top: -7px;
  }
#main hr.b
  {
    border: none;
    background-color: #000033;    
    color: #000033;
    height: 1px;
    width: 100%;
    margin-top: -7px;
  }   
#main h1
  {
    text-align: center;
    font-weight: bold;
    font-size: 1.0em;
    color: #ff4500;
    padding-right: 5px;
    padding-left: 5px;
  }  
#main h2
  {
    text-align: left;
    font-weight: bold;
    font-size: 0.8em;
    color: #ff4500;
    padding-right: 0px;
    padding-left: 210px;
  }
#main h2.price
  {
    text-align: left;
    font-weight: bold;
    font-size: 0.8em;
    color: #000033;
    padding-right: 0px;
    padding-left: 250px;
  }  
#main ul
  {
    list-style-type: square;
    color: #FF4500;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
    padding-left: 250px;
  } 
#main ul.plain
  {
    list-style-type: disc;
    color: #000000;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
    padding-left: 250px;
  }
#main ul.legal
  {
    list-style-type: disc;
    color: #000000;
    font-size: 0.8em;
    font-weight: normal;
    text-align: justify;
    padding-left: 230px;
    padding-right: 50px;
  }             
#main ol
  {
    color:
     #000000;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;
    padding-left: 250px;
  }

#main p
  {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: justify;
    padding-left: 210px;   
    padding-right: 50px;
  }  
#main p.quote
  {
    color: #000066;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: justify;
    padding-left: 240px;   
    padding-right: 90px;
  }    
#main a:link, #main a:visited
  {
    color: #FF4500;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana, ariel,helvetica,sans-serif;
    text-decoration: none;
    font-weight: normal;
    border-left: 0px solid #000000;
  }  
#main a:hover
  {  
    color: #FF4500;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana,ariel,helvetica,sans-serif;
    font-weight: normal;
    border-left: 0px solid #000000;
    text-decoration: underline;
  }       
#menu
  {
    float: left;
    width: 170px;   
    padding-top: 15px;
  } 
#menu p
  {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: justify;
    padding-left: 10px;   
    padding-right: 0px;
  }  
    
#menu ul
  {
    list-style: none;
    margin: 0px;
    padding: 0px;  
  }   
 #menu li
  {
    margin-left: 3px;
    margin-right: 0px;
    padding: 0px;  
  }
#menu a:link, #menu a:visited
  {
    display: block;
    color: #000033;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana, ariel,helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
    border-left: 2px solid #FFFFFF;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
  }  
#menu a:hover
  {  
    color: #9999ff;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana,ariel,helvetica,sans-serif;
    font-weight: bold;
    text-decoration: none;
    border-left: 2px solid #9999ff;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
  }
#menu a.mail:link, #menu a.mail:visited
  {
    display: block;
    color: #000000;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana, ariel,helvetica,sans-serif;
    text-decoration: none;
    font-weight: bold;
    border-left: 0px solid #000000;
    padding-left: 18px;
    padding-bottom: 4px;
    padding-top: 4px;
  }  
#menu a.mail:hover
  {  
    color: #9999FF;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana,ariel,helvetica,sans-serif;
    font-weight: bold;
    border-left: 0px solid #000000;
    text-decoration: none;
    padding-left: 18px;
    padding-bottom: 4px;
    padding-top: 4px;
  }   
#footer
  {
    clear: both;
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    text-align: center; 
    padding-top: 10px;
  }
#footer a:link, #footer a:visited
  {
    color: #000033;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana, ariel,helvetica,sans-serif;
    text-decoration: none;
    font-weight: normal;
    border-left: 0px solid #000000;
  }  
#footer a:hover
  {  
    color: #000033;
    background-color: #FFFFFF;
    font-size: 1.0em;
    font-family: verdana,ariel,helvetica,sans-serif;
    font-weight: normal;
    border-left: 0px solid #000000;
    text-decoration: underline;
  }  
#footer table
  {
    width : 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-top: 1px dotted #696969;
  }
#footer td
  {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    text-align: center; 
    background: #FFFFFF;
  }   
#footer td.left
  {
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: left; 
    width: 25%;
    font-weight: normal;
    background: #FFFFFF;
  }   
#footer td.right
  {
    color: #696969;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-align: right; 
    width: 25%;
    font-weight: normal;
    background: #FFFFFF;    
  }   
.nav_table
  {
    width : 90%;
    padding: 0px;
    padding-left: 6px;
    margin: 0px;
  }  
.nav_table td
  {
    height: 14px;
    color: #000000;
    font-size: 0.8em;
    font-family: verdana, ariel,helvetica,sans-serif;
    font-weight: bold;
    text-decoration: none; 
  }    
.nav_table td.center
  {
    height: 15px;
    color: #000000;
    font-size: 0.7em;
    font-family: verdana, ariel,helvetica,sans-serif;
    font-weight: bold;
    text-decoration: none; 
    text-align: center;   
  }      
.nav_table td.small
  {
    height: 13px;
    color: #000000;
    font-size: 0.7em;
    font-family: verdana, ariel,helvetica,sans-serif;
    font-weight: bold;
    text-decoration: none;    
  }       
.nav_table td.hl
  {
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    color: #000033;
    background-color: #9999FF;
    padding-right: 0px;
    padding-left: 0px;
  } 
.data_table
  {
    width : 80%;
    padding: 0px;
    margin: 0px;
    text-align: left;
    border-collapse: collapse;
  }    
.data_table td
  {
    text-align: left;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;  
  } 
.data_table td.left
  {
    text-align: left;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    width: 50%;
  } 
.form_table
  {
    width : 70%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    border-collapse: collapse;
  }    
.form_table td.right
  {
    text-align: right;
    font-weight: normal;
    font-size: 0.8em;
    color: #FF4500;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    width: 50%;
  } 
.form_table td.left
  {
    text-align: left;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
    width: 50%;
  } 
.form_2_table
  {
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
    text-align: left;
    border-collapse: collapse;
  }     
.form_2_table td
  {
    text-align: left;
    font-weight: normal;
    font-size: 0.8em;
    color: #000000;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
  } 
.form_2_table td.label
  {
    text-align: left;
    font-weight: normal;
    font-size: 0.8em;
    color: #ff4500;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 50px;
    padding-bottom: 10px;
  } 
  
.F1
 {
  font-family: arial;
  font-size: 1.0em;
  font-style: normal;
  font-weight: bold;
  color: #9999FF;
 }  
.F2
 {
  font-family: arial;
  font-size: 1.0em;
  font-style: normal;
  font-weight: bold;
  color: #000033;
 }