body{
    BACKGROUND-COLOR: #99002e;
    BORDER: 0px;
    COLOR: #000d1a;
    FONT-FAMILY: "verdana","sans-serif";
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    PADDING: 0px;
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top;
	background-image: url(/ht/images/back01.gif); 
	background-position: center;
	background-repeat: repeat-y; 
	height:100%;
}

.input{ font-family:Verdana,sans-serif; font-size:8pt; font-weight:bold; color:#000000; border-style:groove; }
textarea{ font-family:Verdana,sans-serif; font-size:8pt; font-weight:bold; color:#000000; border-style:groove; }

h2 { font-family:Verdana,sans-serif; font-size:11pt; text-decoration:none; font-weight:none; color:#99002e; }
h3 { font-family:Verdana,sans-serif; font-size:9pt; text-decoration:none; font-weight:bold; color:#99002e; }

th { font-family:Verdana,sans-serif; font-size:8pt; text-decoration:none; font-weight:none; color:#f1c35c; background:#99002e; }

td { font-family:Verdana,sans-serif; font-size:8pt; text-decoration:none; font-weight:none; color:#232323; }
td.disabled { font-family:Verdana,sans-serif; font-size:8pt; text-decoration:none; font-weight:none; color:#bbb; }

a:link, a:visited, a:active { font-family:Verdana,sans-serif; font-size:8pt; text-decoration:none; font-weight:bold; color:#99002e; }
a:hover { font-family:Verdana,sans-serif; font-size:8pt; text-decoration:underline; font-weight:bold; color:#004466; }

.menu { background:#99002e; color:#f1c35c; }
tr.md { background:#b198c4; }
tr.ml { background:#d7c8e3; }
a.menu:link, a.menu:visited, a.menu:active { font-family:Verdana,sans-serif; font-size:9pt; text-decoration:none; font-weight:bold; color:#f1c35c; }
a.menu:hover { font-family:Verdana,sans-serif; font-size:9pt; text-decoration:none; font-weight:bold; color:#fff; }

.footer{ COLOR: #888; font-family:verdana,sans-serif;font-size: 7pt; }
a.footer:link, a.footer:visited, a.footer:active { font-family:verdana,sans-serif; font-size:7pt; text-decoration:underline; font-weight:normal; color:#888; }
a.footer:hover { font-family:verdana,sans-serif; font-size:7pt; text-decoration:underline; font-weight:normal; color:#33455d; }

<!-- root classes * weird but you need to have the unqualified entry in order for the table. one to work -->
.rbox { border:1px solid #99002e; }
table.rbox { border:1px solid #99002e; }
/* td.rbox { font-family:Verdana,sans-serif; font-size:8pt; text-decoration:none; font-weight:bold; color:#3c145b; background-image:url("//localhost:8080/pgb/images/gradients/grad1.jpg"); background-repeat:repeat-x;  background-position:100% 100%; } */
td.rbox { font-family:Verdana,sans-serif; font-size:8pt; text-decoration:none; font-weight:bold; color:#3c145b; background-image:url("../images/gradients/grad1.jpg"); background-repeat:repeat-x;  background-position:100% 100%; }

.ls0 { background:#eac676; }
.ls1 { background:#caa656; }

<!-- link styles -->
table.qlink { border:1px solid #3c145b; background-color:#eee; }
table.alink { border:1px solid #3c145b; background-color:#eee; }

div.alert { border:3px solid #ebcdcd; width=550px; padding:5; background:#fff; text-align:center; color:#900; font-size:12px; font-weight:bold; font-family:verdana,sans-serif; }
.alert0 { border:3px solid #900; width=550px; padding:5; background:#fff; text-align:center; color:#900; font-size:12px; font-weight:bold; font-family:verdana,sans-serif; }
.alert1 { border:3px solid #fe5; width=550px; padding:5; background:#fff; text-align:center; color:#000; font-size:12px; font-weight:bold; font-family:verdana,sans-serif; }
.alert2 { border:3px solid #090; width=550px; padding:5; background:#fff; text-align:center; color:#090; font-size:12px; font-weight:bold; font-family:verdana,sans-serif; }

<!-- product styles -->
table.lprod { border:1px solid #ccc; background-color:#fff; }
table.lprodprice { border-color:#ccc; background-color:#eee; }