html {
    /* 
    JMN.
    if the new page content flips between short and long - the rhs scrollbar will appear and disapper, causing the whole page to 'shift' slightly. (annoying).
    Here we try to force the vertical srollbar to always be present.
    */
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}


a.menu          {text-decoration: none;}
a.menu:link      {color: #444444;}
a.menu:visited      {color: #444444;}
a.menu:hover    {color: #BBBBBB;  text-decoration:underline;}
a.menu:active    {color: #444444;}

a.menubase          {text-decoration: none;}
a.menubase:link      {color: #444444;}
a.menubase:visited      {color: #444444;}
a.menubase:hover    {color: #BBBBBB;  text-decoration:underline;}
a.menubase:active    {color: #444444;}

a.menufeatures          {text-decoration: none;}
a.menufeatures:link      {color: #888888;}
a.menufeatures:visited      {color: #888888;}
a.menufeatures:hover    {color: #BBBBBB;  text-decoration:underline;}
a.menufeatures:active    {color: #888888;}



.menu {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #444444; line-height: 22px;}
.menubase   {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #444444; line-height: 17px;}
.menufeatures {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #888888; font-size: 10.5pt}
.subtitles {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: #444444;}
.searchtitles {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11.5pt; color: #555555;}
.bodytxt {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 18px}
.linksgrey {  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #888888;}
.linksnav {  font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt}
.crosssymbols {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10.5pt; color: #880000;}
.linkspics {  font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt}
.whitetxt {color: #FFFFFF}
.signedin  {  font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; font-weight: bold; color: #777777;}

.red8andhalfpt {  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #880000;}
.red9andhalfpt {  font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; color: #880000;}
.redbold12pt {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #880000;}
.redbold10pt {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #880000;}
.red10andhalfpt {  font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; line-height: 16px; color: #880000;}
.red13pt {  font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #880000;}
.red17pt {  font-family: Arial, Helvetica, sans-serif; font-size: 17pt; color: #880000;}
.blue7pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 11px; color: #00187E;}
.blue8pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #00187E;}
.blue8andhalfpt  {  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #00187E;}
.blue9pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #00187E;}
.blue9andhalfpt  {  font-family: Arial, Helvetica, sans-serif; font-size: 9.5pt; color: #00187E;}
.greylight8pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #888888;}
.greylight9pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #888888;}
.greylightbold9pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; color: #888888;}
.greylightbold11pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: #888888;}
.greylightbold12pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12pt; color: #888888;}
.greylightbold13pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13pt; color: #888888;}
.grey8pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #555555;}
.grey8ptitalic  {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style:italic; color: #555555;}
.grey8bulletspt  {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 13px; color: #555555;}
.grey8andhalfpt  {  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #555555;}
.grey9pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #555555;}
.grey10pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #555555;}
.greybold10pt  {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #555555;}
.grey10andhalfpt {  font-family: Arial, Helvetica, sans-serif; font-size: 10.5pt; line-height: 16px; color: #555555;}
.grey11pt {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 16px; color: #555555;}
.grey12pt {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 16px; color: #555555;}
.greydarkbold7pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 7pt; color: #444444;}
.greydark8andhalfboldpt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 8.5pt; color: #444444;}
.greydark8fpt {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #444444;}
.greydark8andhalfpt {  font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #444444;}
.greydarkbold9pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; color: #444444;}
.greydarkbold9pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9pt; color: #444444;}
.greydarkbold9andhalfpt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9.5pt; color: #444444;}
.greydark7pt {  font-family: Arial, Helvetica, sans-serif; font-weight: medium; font-size: 7pt; color: #444444;}
.greydark9pt {  font-family: Arial, Helvetica, sans-serif; font-weight: medium; font-size: 9pt; color: #444444;}
.greydarkbold10pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: #444444;}
.greydarkbold10andhalfpt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10.5pt; color: #444444;}
.greydarkbold11pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; color: #444444;}
.greydarkbold12pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12pt; color: #444444;}
.greydarkbold13pt {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13pt; color: #444444;}

a              {text-decoration:none;}
a:link      {color: #00187E;}
a:visited  {color: #00187E;}
a:hover    {color: #6699CC; text-decoration:underline;}
a:active    {color: #00187E;}

#errordiv {
  border: 1px solid blue;
  background-color: #CDE6AE;
  display: none;
  width: 50%;
  margin: 5px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
  color: #00187E;
}

.required {
  background-color: #CDE6AE;
}

.required:focus {
  background-color: #fff;
  border: 1px solid #444444;
}

.checkit {
  background-color: #FFFFFF;
}

.product_caption {
    font-family: Arial, Helvetica, sans-serif;
    color: #888888;
    font-size: 77%;
}
.category_caption {
    font-family: Arial, Helvetica, sans-serif;
    color: #888888;
    font-size: 77%;
}