body {
  margin-left : 0px;
  margin-top : 0px;
  font-family : arial;
  font-size : 10pt;
  color: black;
}

table {
  background-color: white;
}

a {
  text-decoration : none;
  color: purple;
}

a:hover  {
  text-decoration: underline;
  color: purple;
}

/* horizontal nav */
.nav1 {
  margin: 0;
  padding: 0;
  font-size: 11px;
}
.nav1 ul {
  background: #FFFFFF;
  margin: 0;
  padding: 0;
}
.nav1 li {
  display: inline;
  float: left;
  background: #C01F25;
  margin-right: 1px;
  list-style-type: none;
  text-align: center;
  height: 25px;
}
.nav1 li:hover {
  background-color: #2851A1;
}
.nav1 li a {
  float: left;
  color: #FFFFFF;
  padding: 5px 2px 5px 2px;
  text-decoration: none;
}
.nav1 li a:hover {
  background-color: #2851A1;
  font-weight: bold;
  color: #FFFFFF;
}
.nav1 li.selected {
  display: inline;
  float: left;
  margin: 0; 
  margin-right: 1px;
  list-style-type: none;
  text-align: center;
  height: 25px;
}
.nav1 li.selected a {
  float: left;
  color: #FFFFFF;
  background-color: #2851A1;
  padding: 5px 2px 5px 2px;
  text-decoration: none;
}
.nav1 li.selected a:hover {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}

/* vertical nav */
.nav2 {
  margin: 0;
  font-size: 10px;
  padding-top: 50;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.nav2 ul {
  margin: 0;
  padding: 0;
}
.nav2 li {
  display: block;
  width: 123px;
  height: 20px;
  list-style-type: none;
  margin: 1px 0 1px 0;
  padding: 6px 15px 2px 0px;
  text-align: right;
}
.nav2 li:hover {
}
.nav2 li a {
  display: block;
  width: 108px;
  height: 15px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #CDEEEE;
  font-weight: bold;
}
.nav2 li a:hover {
  color: white;
  font-weight: bold;
}
.nav2 li.selected {
  display: block;
  width: 123px;
  height: 20px;
  list-style-type: none;
  margin: 1px 0 1px 0;
  padding: 6px 15px 2px 0px;
  text-align: right;
}
.nav2 li.selected:hover {
}
.nav2 li.selected a {
  display: block;
  width: 108px;
  height: 15px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: white;
  font-weight: bold;
}
.nav2 li.selected a:hover {
  font-weight: bold;
}
/*
a.nav {
  text-decoration : none;
  width : 100%; height : 100%;
  padding-top : 5; padding-bottom : 5;
  xcolor : #66cccc;
  background : transparent;
}

a.nav:hover {
  text-decoration : underline;
  width : 100%; height : 100%;
  padding-top : 5; padding-bottom : 5;
  xcolor : #66cccc;
  background : #003366;
}

a.navh  {
  text-decoration : none;
  vertical-align : middle;
  font-weight : bold;
  width : 100%; height : 100%;
  padding-top : 5; padding-bottom : 5;
  color : white;
}

a.navh:hover {
  text-decoration : underline;
  vertical-align : middle;
  font-weight : bold;
  width : 100%; height : 100%;
  padding-top : 5; padding-bottom : 5;
  color : white;
  background : black;
}
*/

.heading {
  xcolor: #009999;
  font-size : 12pt;
  font-weight : bold
}

a.heading:hover {
  font-weight : bold
  text-decoration: underline;
}
p {
  font-family : arial;
  font-size : 10pt;
}  

th  {
  font-family : arial;
  font-size : 10pt;
  font-weight : bold;
  xcolor : #003366;
}

td {
  xcolor : black;
  font-family :  arial;
  font-size: 10pt;
}

h1 {
  color : #666666;
  font-family : arial;
  font-size : 14pt;
  margin-top : .25em;
  margin-bottom : .25em;
}

h2 {
  color : #666666;
  font-family : arial;
  font-size : 10pt;
  margin-top : .25em;
  margin-bottom : .25em;
}

h3 {
  color : #666666;
  font-family : arial;
  font-size : 9pt;
  margin-top : .25em;
  margin-bottom : .25em;
}

input {
  font-size : 10pt;
  font-family : arial;
}

textarea {
  border-color : #7D7D8B;
  font-size : 10pt;
  font-family : arial;
}

select {
  font-size : 10pt;
  font-family : arial;
}

.banner {
  color : #666666;
  font-size : 18pt;
  font-weight : bold;
}

a.route:link, a.route:visited {
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; font-style: normal; font-weight: bold;
  text-decoration: none;
}

a.route:active, a.route:hover {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; font-style: normal; font-weight: bold;
  text-decoration: underline;
}

td.route {
  background-image: url(../pix/button_grey_80x40.gif);
  background-repeat: no-repeat;
  width: 78px; height: 40px;
}

A.tab {
  color: white;
  font: bold 8pt arial;
  height: 20px;
  padding-top: 5px; padding-bottom: 5px;
  text-decoration: none;
}

A.tab:hover {
  background-color: #333399;
  color: white;
  height: 20px;
  padding-top: 5px; padding-bottom: 5px;
  text-decoration: none;
  width: 100%;
}

A.tabsel {
  color: #333399;
  font: bold 8pt arial;
  height: 20px;
  padding-top: 5px; padding-bottom: 5px;
  text-decoration: none;
}

A.tabsel:hover {
  color: #333399;
  height: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-decoration: underline;
  width: 100%;
}

TD.tabsel {
  width: 70; height: 40;
  background-image: url(/capita/pix/arch_white_3333ff_70x40.gif)
}

TD.tab {
  width: 70; height: 40;
  background-image: url(/capita/pix/tabblock_green_white_70x40.gif)
}

TD.tabbase {
  height: 40;
  background-image: url(/capita/pix/base_white_3333ff_40.gif)
}

.selector {
  font-family: webdings;
  background-color: #CC99FF;
  padding: 0pt;
  width: 1em;
  text-align: center;
  cursor: default;
}

.selected {
  background-color: #CCCCCC;
}

.list {
  background-color: #CCCCCC;
}

.shade {
  background-color: #EEEEEE;
}

.stripe {
  background-color: #CCCCCC;
}

.slide {
  color: #000099;
  font-size: 14pt;
  font-weight: bold;
  line-height: 20pt;
}

td.head {
  xcolor:white;
}

table.outer{
  background-color:#CCCCCC
}

table.men {
  width:100%;
}

table.men tr {
  vertical-align:top;
}

table.men td {
  padding:3px;
  background-color: #f8f8f8;
}

td.men-prod {
  width:28%;
}

td.men-price {
  width:5%;
  text-align:middle;
}