html
{
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
	width: 100%;
}

body 
{
	margin:0;
	padding:0;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */	
	width: 100%;
	background-image:url('images/background.jpg');
	background-repeat: repeat-x;
	background-color: #cbcaca;
	color: #1F1F1F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.wrapper
{
	background-color: #ffffff;
	margin-left: 50%;
	left: -400px;
	position: absolute;
	background-color: #ffffff;
	width: 800px;	
}

.pagecontent
{
	margin-left: 50%;
	left: -400px;
	position: absolute;
	background-color: #ffffff;
	width: 800px;	
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

.left {
	position:absolute;
	left:0;
	top:300px;
	padding:0;
	width:120px;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
	color:#333;
	background-color: #000000;
}

.content 
{
	position:absolute;
	left:120px;
	top:300px;
	padding:0;
	width:660px;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */	
	color:#333;
	background-color: #ffffff;
	padding: 10px;
}

.header	
{
	width: 800px;
	background-image:url('images/header.jpg');
	height: 300px;background-repeat: no-repeat;
	border-collapse: collapse; 
	background-color: White;
}

img { border: 0px;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#fff; color:#000;
    text-align: left;
    width: 300px;}
  
 A:link {color: #2547dc;}        
 A:active {color: #2547dc;}    
   
 A:hover {color: #2547dc;}    
 A:visited {color: #2547dc;}
 
    .menu {
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    border-right: 1px solid white;
    text-decoration: none;
    background-color: #ffffff;
}

h6 
{
	color: #01216a;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: bold;
}

hr { margin-left: 20px; margin-right: 20px;}

.download 
{
	border: 1px solid #ffffff;
}

.orderTable {border: 1px solid #000000;border-collapse: collapse;}
.orderTable th {text-align: center;}
.orderTable th {border: 1px solid #000000;}
.orderTable td {border: 1px solid #000000;padding:5px;}
.orderTable input {width: 100px;}