<!-- BODY -->

body.homepage {
margin: 0px;
color: white;
background-color:#003444;
font-family: Tahoma, Arial;
}

body {
margin: 0px;
color: #545454;
background-color:#003444;
font-family: Tahoma, Arial;
}


p.homepage {
text-align: justify;
font-family: Tahoma, Arial;
color: white;
margin-top:0px;
margin-bottom:15px;
font-size: 12px;
}

p {
text-align: justify;
font-family: Tahoma, Arial;
color: #545454;
margin-top:0px;
margin-bottom:15px;
margin-right:15px;
font-size: 12px;
}

div.navbackshadow {
width:719px;
height:33px;
position:relative;
top:-11px;
left:19px;
z-index:1;
background-color:#013447;
filter:alpha(opacity=50); 
}

div.navback {
width:717px;
height:30px;
position:relative;
top:17px;
left:17px;
z-index:2;
background-color:#8DD6E4;
}


div.nav {
z-index:3;
position:relative;
left:25px;
top:-40px;
color:black;
font-family:Tahoma, Arial;
font-size:11px;
}

div.adminarea {
width:400px;
position:relative;top:105px;
position:relative;left:220px;
vertical-align:middle;
text-align:left;
z-index:2;
font-family: Times New Roman;
color: #FF7000;
font-size: 40px;
font-style:italic;
}

div.shadow {
width:400px;
position:relative;top:60px;
position:relative;left:223px;
vertical-align:middle;
text-align:left;
z-index:1;
font-family: Times New Roman;
color: black;
font-size: 40px;
font-style:italic;
}

ul      {
margin-left:0px;
text-align: justify;
font-family: Tahoma, Arial;
font-size: 12px;
margin-top:0pt;
margin-bottom:0pt;
margin-right:10px;
list-style-type:square;
}

li.white	{
margin-left:15px;
text-align: justify;
font-family: Tahoma, Arial;
font-size: 12px;
margin-top:5pt;
margin-bottom:0pt;
list-style-image:URL('images/white_bullet.gif');
}

li.orange	{
margin-left:15px;
text-align: left;
font-family: Tahoma, Arial;
font-size: 12px;
margin-top:5pt;
margin-bottom:0pt;
list-style-image:URL('images/orange_bullet.gif');
}


.note {
font-family: Tahoma, Arial;
font-size: 14px;
color: #FC7200;
padding-top: 5px;
padding-bottom: 5px;
font-weight:bold;
}

.action {
font-family: Tahoma, Arial;
font-size: 11px;
color: #FF4310;
font-weight:bold;
}

<!-- LINKS -->

a {
color:#FC7200;
text-decoration:underline;
font-size:12px;
}

a:hover {
color:#FC7200;
text-decoration:none;
font-size:12px;
}

a.backlink {
color:#FC7200;
text-decoration:underline;
font-size:14px;
}

a.backlink:hover {
color:#FC7200;
text-decoration:underline;
font-size:14px;
}

a.nav {
text-decoration:none;
color:black;
font-family:Tahoma, Arial;
font-size:11px;
font-weight:bold;
}

a.nav:hover {
text-decoration:none;
color:white;
font-family:Tahoma, Arial;
font-size:11px;
font-weight:bold;
}

a.footer {
text-decoration:none;
color:white;
font-family:Tahoma, Arial;
font-size:10px;
}

a.footer:hover {
text-decoration:none;
color:#FA3414;
font-family:Tahoma, Arial;
font-size:10px;
}


a.name {
font-family: Tahoma, Arial;
font-size: 13px;
color: #E15F17;
font-weight:bold;
text-decoration: none;
}

a.button  {
text-decoration: none;
font-size: 11px;
font-family: Tahoma, Arial;
}

a.button:hover  {
color: #BF0000;
text-decoration: none;
}


a.nolink  {
color : #A60003;
text-decoration: none;
font-weight: bold;
}

a.list  {
color : #003060;
text-decoration: none;
font-weight: bold;
}

a.list:hover  {
color: white;
text-decoration: none;
}

a.gl {
text-decoration: none;
}

<!-- HORISONTAL RULE -->

hr {
color: #CCCCCC;
noshade;
height:1px;
}

<!-- IMAGES -->


img.photo {
border-style: solid;
border-width: 1px;
border-color: #404040;
padding: 0px;
}

<!-- TABLES -->

table.page {
height:100%;
width:750px;
background-color: white;
vertical-align:top;
border-style:solid;
border-color:black;
border-width:1px;
margin: 0px;
}

table.frame {
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
padding:8px;
}

table.content {
width:575px;
vertical-align:top;
margin-left:5px;
margin-right:5px;
}

<!-- TABLE ROWS -->

.darkrow {
background-color: #C6C6C6;
}

.medrow {
background-color: #D6D6D6;
}

.lightrow {
background-color: #EAEAEA;
}

.totalsrow {
background-color:#C4CD89;
padding-top:3px;
padding-bottom:3px;
color:white;
}

<!-- TABLE CELLS -->

td {
vertical-align:top;
text-align:justify;
font-family: Tahoma, Arial;
font-size: 12px;
padding-top:0px;
padding-bottom:0px;
}

td.banner {
vertical-align:top;
width:750px;
height:246px;
background-image:URL('images/banner.jpg');
}

td.leftborder {
width:18px;
height:100%;
background-color:#394142;
}

td.lower {
width:750px;
height:100%;
}

td.homepagecontent {
padding-top:20px;
padding-bottom:0px;
padding-left:20px;
padding-right:20px;
width:750px;
height:100%;
background-image:URL('images/maincontent_bg.gif');
}

td.maincontent {
padding-top:20px;
padding-bottom:0px;
padding-left:30px;
padding-right:20px;
width:750px;
height:100%;
background-image:URL('images/content_bg.gif');
}

td.admincontent {
padding-top:20px;
padding-bottom:0px;
padding-left:30px;
padding-right:30px;
width:750px;
height:100%;
background-image:URL('images/content_bg.gif');
}


td.main_text {
color:white;
font-family:Tahoma, Arial;
font-size:12px;
font-weight:normal;
padding-left:8px;
}

td.right_focus {
width:270px;
height:100%;
vertical-align:top;
background-color:#837D7D;
}

td.text_focus {
color:white;
font-family:Tahoma, Arial;
font-size:12px;
font-weight:normal;
padding-left:15px;
padding-right:15px;
}

td.smallprint {
color:#FCE696;
font-family:Tahoma, Arial;
font-size:10px;
font-weight:normal;
}

td.verticaldivider {
background-image:URL('images/vertical_divider.jpg');
}

td.image_left {
vertical-align:top;
padding-top:5px;
}

td.image_center {
vertical-align:top;
text-align:center;
padding-top:5px;
}

td.yellowheader {
color:#F6CE38;
font-family:Tahoma, Arial;
font-size:12px;
font-weight:bold;
padding-bottom:5px;
padding-left:10px;
}

td.blueheader {
color:#66CCE8;
text-align:center;
font-family:Tahoma, Arial;
font-size:12px;
font-weight:bold;
padding-bottom:5px;
padding-left:10px;
}

td.footer {
width:750px;
height:79px;
background-image:URL('images/footer_bg.jpg');
background-repeat:no-repeat;
color:white;
font-family:Tahoma, Arial;
font-size:10px;
}

td.copyright {
font-family: Tahoma;
font-size: 10px;
color: white;
text-align: left;
vertical-align: bottom;
padding-top: 5px;
padding-left:10px;
padding-bottom:7px;
}

td.button {
height:22px;
text-align: right;
vertical-align: middle;
font-family: Tahoma, Arial;
font-size: 11px;
color:black;
padding-right:2px;
}

td.print {
text-align:right;
width:100%;
}

td.gl {
color : black;
font-family: Courier New;
font-size: 11px;
vertical-align:middle;
text-align:center;
height: 100px;
}

td.lefttop {
font-family:Tahoma, Arial;
color : #545454;
font-size:10pt;
vertical-align:top;
text-align: left;
}

td.leftmiddle {
font-family:Tahoma, Arial;
color : #545454;
font-size:10pt;
vertical-align:middle;
text-align: left;
}

td.cellmiddle {
font-family:Tahoma, Arial;
color : #545454;
font-size:10pt;
vertical-align:middle;
text-align: left;
padding-left: 5px;
padding-right: 5px;
}


td.alignright {
margin:0px;
text-align: right;
}

td.action {
padding:5px;
text-align: right;
vertical-align:bottom;
}

td.aligncenter {
text-align: center;
vertical-align:middle;
}

td.right {
font-family:Tahoma, Arial;
color : #545454;
font-size:10pt;
text-align: left;
vertical-align:bottom;
padding-bottom: 0px;
}

td.submit {
text-align: left;
vertical-align:middle;
height: 60px;
}

td.photo {
padding:5px;
width:160px;
}

td.itemname {
height:22px;
text-align: left;
padding-left: 5px;
padding-top: 5px;
font-weight:bold;
}

td.itemdetails {
height:18px;
text-align: left;
padding-top: 5px;
padding-left: 5px;
}

td.itemdesc {
text-align: justify;
padding-top: 5px;
padding-left: 5px;
}

td.cart {
text-align: left;
font-family: Tahoma, Arial;
font-size: 11px;
color: white;
vertical-align:middle;
padding-left: 5px;
}

td.cartlabel {
text-align: left;
font-family: Tahoma, Arial;
font-size: 11px;
color: white;
vertical-align:middle;
font-weight:bold;
background-color: #868788;
padding-left:7px;
padding-top:3px;
padding-bottom:3px;
}

td.cartlabel2 {
text-align: center;
font-family: Tahoma, Arial;
font-size: 11px;
color: white;
vertical-align:middle;
font-weight:bold;
background-color: #868788;
padding-top:3px;
padding-bottom:3px;
width:70px;
}

td.amount {
text-align: right;
vertical-align:middle;
font-family: Tahoma, Arial;
font-size: 11px;
color: #545454;
padding-right: 5px;
}

td.total {
text-align: right;
vertical-align:middle;
font-family: Tahoma, Arial;
font-size: 11px;
color: white;
padding-right: 5px;
}

td.colheadercenter {
font-family: Tahoma, Arial;
font-size: 12px;
color: #FFFFFF;
vertical-align:top;
font-weight:bold;
background-color: #837465;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-align:center;
}

td.colheaderleft {
font-family: Tahoma, Arial;
font-size: 12px;
color: #FFFFFF;
vertical-align:top;
font-weight:bold;
background-color: #837465;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-align:left;
}


td.colheaderright {
font-family: Tahoma, Arial;
font-size: 12px;
color: #FFFFFF;
vertical-align:top;
font-weight:bold;
background-color: #837465;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-align:right;
}


<!-- FORM ELEMENTS -->

input.fillin {
color : black;
font-size:9pt;
font-family:Tahoma, Arial;
border-style: solid;
border-width: 1px;
border-color: #9C9C9C;
padding-left: 5px;
}

input.file {
color : black;
font-size:9pt;
font-family:Tahoma, Arial;
padding-left: 5px;
}


input.button {
height: 20px;
color: black;
text-align: center;
vertical-align: middle;
font-family: Tahoma, Arial;
font-size: 11px;
}

input.qty {
font-size:8pt;
width:50px;
font-family:Tahoma, Arial;
color : black;
border-style: solid;
border-width: 1px;
border-color: #9C9C9C;
padding-right: 5px;
text-align:right;
}

input.amount {
font-size:8pt;
width:60px;
font-family:Tahoma, Arial;
color : black;
border-style: solid;
border-width: 1px;
border-color: #9C9C9C;
padding-right: 5px;
text-align:right;
}

input.conversion {
font-size:8pt;
width:35px;
font-family:Tahoma, Arial;
color : black;
border-style: solid;
border-width: 1px;
border-color: #9C9C9C;
padding-right: 5px;
text-align:right;
}

input.readonly {
color : white;
font-size:8pt;
font-family:Tahoma, Arial;
border-style: none;
border-width: 0px;
}

input.admin {
width:140px;
font-size:10pt;
font-family:Tahoma, Arial;
border-style: solid;
border-width: 1px;
border-color: #9C9C9C;
padding-left: 5px;
color: black;
}


input.radio {
border-style: none;
padding-bottom: 5px;
}

input.checkbox {
border-style: none;
}

select	{
font-size:10pt;
font-family:Tahoma, Arial;
padding-bottom: 5px;
color: black;
border-style: solid;
border-width: 1px;
border-color: #9C9C9C;
}

textarea	{
height: 100px;
font-size:10pt;
font-family:Tahoma, Arial;
padding-bottom: 5px;
color: black;
border-style: solid;
border-width: 1px;
border-color: #9C9C9C;
}