/* 
Layout Tags 
=========== */

#container 
{
    width: 890px;
    margin: 0px auto;
    text-align: left;
    background-color: #fff;
}

#header 
{
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 2px solid #333;
    background-color: #fff;
}

#logo {
    padding: 20px;
    position: relative;
    float: left;
    }

#customerLogo {
    position: relative;
    float: right;
    padding: 20px;
}
    
#innerContainer {
    position: relative;
    float: left;
    background-color: #fff;
    }
    
#navigation 
{
    position: relative;
    float: left;
    width: 150px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: #fff;
}

#content 
{
    position: relative;
    float: right;
    width: 710px;
    padding-top: 10px;
    padding-left: 10px;
    border-left: 2px solid #333;
    background-color: #fff;
    }

#footer 
{
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    border-top: 2px solid #333;
    background-color: #fff;
    text-align: center;
}

/* General Tags */

body 
{
    font-size: 0.8em;
    font-family: Arial, Tahoma, Sans-Serif; 
    background-color: #333;
    text-align: center;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #e57a4b;
	}	
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #5eaa58;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
	}

p,
li,
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #333;
	}
	
li>ul>li {
	font-size: 1.1em;
	}

a:link {
	color: #e57a4b;
	text-decoration: underline;
	}
	
a:visited {
	color: #5eaa58;
	text-decoration: underline;
	}
	
a:hover {
	color: #0b9eca;
	text-decoration: none;
	}

/* Specific Formatting */

table#clientListTable,
table#stockListTable,
table.stockItemTable,
table.orderTable
{
    border: 1px solid #333;
}

table#clientListTable th,
table#stockListTable th,
.stockItemTableHeader
td.orderTableHeader
{
    background-color: #d5d5d5;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #333;
}

tr.altRow td
{
    background-color: #e5e5e5;    
}

.red {
    background-color: red;
    border: 1px solid #333;
    color: white;
    width: 500px;
    position: relative;
    display: block;
    margin: 5px auto;
}

.red li {
    color: White;
    text-transform: uppercase;
    }

.center {
    text-align: center;
    }

#footer p 
{
    padding: 10px;
    margin: 0px;
}