html{ margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0; height: 100%;  }
html, body, td, div, p { font-family: Arial; font-size: 10pt; }
form { padding: 0; margin: 0; height: 100%; width:100%; }

a img { border: none; }
p { text-align: justify; }
h1{	font-size: 13pt; font-family: Verdana; border-bottom: solid 3px Navy; }
h2{	font-size: 11pt; font-family: Verdana; }
a {	color: navy; text-decoration: none;}
a:hover {text-decoration: underline; }

#container {min-height: 100%; margin-bottom: -40px; }
* html #container {height: 100%;}

#header { height: 252px ;}
#content { padding-bottom: 40px; }
#nav div { text-align: right; font-size: 80%; color: #333333; }
#footer { height: 39px; padding: 0px; font-size: 9pt; color:#666666; border-top: solid 1px #666666;}
#footer a {color:#666666; text-decoration: underline; }

.rcontent {}
.content { padding: 10px; padding-left: 15px; }

div.catTop { border-bottom: solid 1px #666666; padding-bottom: 3px; margin-bottom: 3px; }
table.prodView { width: 100%; border-collapse: collapse; }
table.prodView td { vertical-align: bottom; padding: 5px; margin:0px; text-align:center; width:16%; }
table.prodView td div.name { font-weight:bold; text-align: center; font-size: 11pt; border: solid 1px #bbbbbb; padding: 5px; background-color: #f8f8f8; margin-bottom: 5px; margin-top: 10px; }
table.prodView td div.brief { font-size: 12px; }
table.prodView td div.price { color: Navy; }
table.prodView div.price bp { text-decoration: line-through; font-size: 80%; display: inline; }
table.prodView img.special { position: absolute; margin:7px; z-index: 1000; width:24px; height: 24px; }

div.productView div.price { color: Navy; font-weight: bold; padding: 5px 0px 5px 0px; font-size: 16px; font-family: Verdana; }
div.productView div.special { color: Red; font-weight: bold; padding: 7px; }
div.productView table.attrs { border: solid 1px #666666; border-collapse: collapse; }
div.productView table.attrs td { border: solid 1px #dddddd; padding: 2px; }
div.productView table.attrs tr.even td { background-color: #f8f8f8; }

table.cart { width: 100%; border-collapse: collapse; }
table.cart thead td { font-weight: bold; border: solid 1px black; background-color: Navy; color: white; text-align: center;}
table.cart tbody td { border: solid 1px #999999;  }
table.cart td {padding: 3px; vertical-align: top; }
table.cart td div.description { font-size: 80%; color:#666666; }

/* orders data */
table.order { margin-top: 20px; }
table.order tr.order_header td { background-color: Navy; color: White; font-weight: bold; padding-left: 10px;padding-right: 10px;text-align: left;}
table.order tr.cancelled td{background-color: Red;color: White;}
table.order tr.even td{background-color: Gainsboro;}
span.order_date {display: block;position: relative;float: right;font-size: 11px;color: #808080;margin-top: 2px;}
table.order td.price{text-align: right;white-space: nowrap;}
/* order status */
.oStatus {font-size: 11px;}
.oStatus.new { color: #009933 !important;}
.oStatus.payment{color: #FF0000 !important;}
.oStatus.processing{color: #ff6600 !important;}
.oStatus.done{color: #333333 !important;font-weight: bold !important;}
.oStatus.cancelled{color: #cccccc;}
/* order info */
table.orderInfo tr td { border: solid 1px Gainsboro; } 
table.orderItems tr td { border: solid 1px Gainsboro; } 
tr.orderItems_header td {  background-color: Navy; color: White; font-weight: bold; }

table.data { border-collapse: collapse; border-right: solid 2px #666666; border-bottom: solid 2px #666666; }
table.data th { padding: 4px; margin: 0px; border: solid 1px #666666; font-weight: bold; text-align: center; background-color: #e0e0e0; }
table.data td { padding: 2px; margin: 0px; border: solid 1px #666666; }
table.data tr.odd td { background-color: #f8f8f8; }