body { font-size: 12px; margin: 0px; color: #666666; font-family: Verdana, "Gill Sans", Arial, sans-serif; background-color: #e2e4e6}

.menu {FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, "Gill Sans", Arial, sans-serif}

p.foot {color:white; font-size:9pt; text-align:center; font-family:arial,sans-serif; font-weight:bold}

.TITLE             {font-family:Arial, Helvetica; font-size:16px; font-weight:bold; background-position: left}

.footer { font-size: 10px; color: #000000; font-family: Verdana, "Gill Sans", Arial, sans-serif}
TH { FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, "Gill Sans", Arial, sans-serif}
TD { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, "Gill Sans", Arial, sans-serif}
DIV { FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, "Gill Sans", Arial, sans-serif}
P { FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, "Gill Sans", Arial, sans-serif}
H1 { FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, "Gill Sans", Arial, sans-serif}
H2 { FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana, "Gill Sans", Arial, sans-serif}
A { COLOR: #006486; TEXT-DECORATION: underline}
A:link {COLOR: #006486; TEXT-DECORATION: underline}
A:active {COLOR: #1d93b6; TEXT-DECORATION: underline}
A:visited {COLOR: #006486; TEXT-DECORATION: underline}
A:hover {COLOR: #64bfdb; TEXT-DECORATION: underline}
A.linkmenu:link {COLOR: #006486; TEXT-DECORATION: underline}
A.linkmenu:active {COLOR: #1d93b6; TEXT-DECORATION: underline}
A.linkmenu:visited {COLOR: #006486; TEXT-DECORATION: underline}
A.linkmenu:hover {COLOR: #ffffff; TEXT-DECORATION: underline}
.topnav             { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #3366CC; border: #FFFFFF; }
A.topnav:link       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #3366CC; border: #FFFFFF; }
A.topnav:active     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #3366CC; border: #FFFFFF; }
A.topnav:visited    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #3366CC; border: #FFFFFF; }
A.topnav:hover      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #B8DBFF; text-decoration: none; background-color: #3366CC; border: #FFFFFF; }
.navrow { BACKGROUND: #cccccc; HEIGHT: 24px}
.banner {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #006486; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.subbanner {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #006486; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

/* Added by John for error messages */
td.form_error { font-size: 11px; color: red; border: 1px red solid; padding: 8px;}
.smheaderlink { font-size: 11px; }

/* testing */
.wrapper { margin: 10px;}
.forminput { font-size: 11px;}
td.formtitle {
    font-size: 16px; color: #666666; font-weight: bold; background-color: #cccccc;
}
table.formbox { border: #cccccc 1px solid; background-color: #efefef; }
td.formnote { font-size: 10px; line-height: 15px; }
td.formerror { font-size: 10px; line-height: 15px; color: red; }
.mediumtext { color: black; font-weight: normal; font-size: 12px; font-family: Arial, sans-serif; }
.normaltext {
  color: black;
  font-weight: normal;
  font-size: 11px;
  font-family: Arial, sans-serif;
}
.smalltext { color: black; font-weight: normal; font-size: 10px; }
ul.error_heading { color: red; font-weight: bold; font-size: 11px; list-style-position: inside; margin-bottom: 0px; }
li.error_item { color: red; font-weight: normal; font-size: 10px; }

/* Store Footer */

.footer_heading {
  font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
}

.footer_body {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #333333;
}

.footer_body_title {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #223D80;
}

.no_bullet { list-style-type: none }

/* used by the store */

#couponBlock {
  height: 94px;
  border: 1px #5E7191 solid;
  background-color: #A3B9E2;
  margin-bottom: 15px;
  font-weight: bold;
  padding: 3px;
  text-align: center;
}

#couponBlock .Title {
  font-size: 11px;
  margin-bottom: 8px;
  color: #000F26;
}

#couponBlock .Name {
  font-size: 18px;
  margin-bottom: 8px;
  color: #000F26;
}

#couponBlock .Description {
  font-size: 12px;
  color: #000F26;
}

#store_cart {
  border-collapse: collapse;
  border-bottom: 1px #4872C4 solid;
  width: 100%;
}

#store_cart th {
  padding: 5px;
  border-bottom: 1px #4872C4 solid;
  font-size: 13px;
  font-family: Arial, sans-serif;
}

#store_cart tr {
  border-left: 1px #4872C4 solid;
  border-right: 1px #4872C4 solid;
}

#store_cart td {
  padding: 3px;
  background-color: #DEDEDE;
  text-align: center;
  font-size: 11px;
  font-family: Arial, sans-serif;
}

#quantity_group
{
  border: none;
  padding: 0px;
  border-collapse: collapse;
}

#quantity_group td
{
  border: none;
  padding: 0px;
}

.quantity_input {
  font-size: 11px;
  font-family: Arial, sans-serif;
  text-align: right;
  padding-right: 2px;
}

.form_element {
  font-size: 11px;
  font-family: Arial, sans-serif;
}

#productDescBody p.body {
  margin-top: 5px;
  font-size: 11px;
  font-family: Arial, sans-serif;
}

#storeTotalsTable {
  border-collapse: collapse;
}

#storeTotalsTable td {
  font-size: 11px;
  padding: 4px;
  border: 1px #bbbbbb solid;
}

#storeTotalsTable .header {
  font-weight: bold;
  background-color: #dddddd;
}

#storeTabBox { width:550px; }
#storeTabBox .yui-content {
  padding:1em; /* pad content container */
}

div#storeCC {
  width: 100%;
}

#storeCC div {
  text-align: left;
  padding: 5px;
}

#storeCC .storeFormRow label {
  float: left;
  text-align: right;
  width: 180px;
  padding: 4px;
  margin-right: 5px;
  clear: left;
}

/* These styles are used by the espresso engine */

.errorBox
{
  border: 1px #B12122 solid;
  padding: 5px 10px 8px 10px;
  background-color: #FFE6E6;
}

.hidden
{
  display: none;
}

.visible
{
  display: block;
}

.errorBorder
{
  background-color: #FFE6E6;
  border: 2px #B12122 solid;
}

.errorField
{
  color: #B12122;
  font: 11px arial, sans-serif;
}

.errorHeading {
  color: #B12122;
  font: bold 12px arial, sans-serif;
}

ul.error {
  list-style-type: disc;
  padding: 0;
  margin: 0;
  margin-top: 3px;
  padding-left: 20px;
}

li.error
{
  color: #B12122;
  font: normal 11px arial, sans-serif;
  line-height: 1.2em;
}

.textbutton_green {
cursor:pointer;
font-family:Arial;
font-size:1.2em;
font-weight:bold;
padding:5px 10px;
}
.green_rest {
background-color:#008502;
border:2px outset;
color:white;
}
.green_over {
background-color:#0EB011;
border:2px outset #00CC00;
color:white;
}
.green_press {
background-color:#EAE6D4;
border:2px inset;
color:black;
}
.green_disabled {
background-color:#DDDDDD;
border:2px ridge #EEEEEE;
color:#888888;
}

.textbutton_smallgreen {
cursor:pointer;
font-family:Arial;
font-size:1em;
font-weight:normal;
padding:3px 6px;
}
.smallgreen_rest {
background-color:#008502;
border:2px outset;
color:white;
}
.smallgreen_over {
background-color:#0EB011;
border:2px outset #00CC00;
color:white;
}
.smallgreen_press {
background-color:#EAE6D4;
border:2px inset;
color:black;
}
.smallgreen_disabled {
background-color:#DDDDDD;
border:2px ridge #EEEEEE;
color:#888888;
}