html
{
  height: 100%;
  width: 100%;
}

body.standard
{
  background-color: rgb(220,220,220);
  text-align: center;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}

body.standard,
body.standard td
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 9pt;
  color: #000040;
}

/* no borders around images, even if inside an <a> */
img
{
  border: medium none white;
}

body.standard table
{
  border-collapse: collapse;
}

body.standard A:link,
body.standard A:visited,
body.standard A:active,
body.standard A:hover
{
  text-decoration: none;
  color: #0000f0;
}

body.standard A:hover
{
  text-decoration: underline;
}


/* h1s inside the main content */
#pagecontent h1,
#pagecontent_info h1
{
  font-size: 10pt;
  font-weight: bold;
  color: rgb(136,21,42);
  margin-bottom: 5px;
}

.faq
{
}

.faqcat
{
  font-weight: bold;
  font-size: 12pt;
  margin-bottom: 5px;
  margin-top: 25px;
}

.faqquestion
{
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
}

/* title of page */
#pagehead, #pagetitle
{
  margin: 0px;
  padding: 0px;
  font-size: 20pt;
  font-weight: normal;
  color: rgb(136,21,42);
  position: absolute;
  top: 100px;
  left: 200px;
  width: 550px;
  z-index: 200;
}

#pagetitle
{
  z-index: -1;
  visibility: hidden;
}

#page_main
{
  position: relative;
  width: 796px;
  height: 100%;
  top: 0px;
  text-align: left;
  background-color: white;
}

div#maintable_border,
div#maintable_border_bg
{
  position: absolute;
  top: 0px;
  left: 0px;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

div#maintable_border
{
  z-index: 200;
}

div#maintable_border_bg
{
  z-index: 100;
  height: 100%;
}

table#maintable
{
  height: 400px;
}

table#maintable_bg
{
  height: 100%;
}

td.maintable_l
{
  background-image: url(/images/linkerbalk.gif);
  background-repeat: repeat-y;
  width: 181px;
}

td.maintable_r
{
  width: 615px;
  vertical-align: top;
  background-color: white;
}

div#linksboven
{
  position: absolute;
  background-image: url(/images/linksboven.gif);
  width: 194px;
  height: 152px;
  left: 1px;
  top: 0px;
  z-index: 1000;
}

div#boven
{
  position: absolute;
  background-image: url(/images/boven.jpg);
  width: 600px;
  height: 97px;
  left: 195px;
  top: 0px;
  z-index: 1000;
}

#pagecontent,#pagecontent_info_homelink
{
  z-index: 500;
  position: relative;
  width: 570px;
  padding-left: 20px;
  padding-top: 150px;
  padding-bottom: 20px;
}

#pagecontent_info
{
  z-index: 500;
  position: absolute;
  width: 570px;
  left: 200px;
  top: 1000px;
}

/* <div> containing the menu bar */
#page_menu
{
  position: absolute;
  top: 150px;
  left: 20px;
  width: 160px;
  z-index: 200;
}

#page_menu table
{
  width: 100%;
  border-collapse: collapse;
}

#page_menu td
{
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#page_menu a:link,
#page_menu a:visited,
#page_menu a:active,
#page_menu a:hover
{
  color: rgb(255,255,255);
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-Serif;
  padding: 1px 2px 2px 1px;
}

#page_menu a:hover
{
  color: rgb(205,205,255);
  padding: 2px 1px 1px 2px;
}

/* isn't really a span, since we make it a block element.
   block elements are not allowed inside <a href>, but this trick makes it possible ..
*/
#page_menu span
{
  width: 100%;
  border: 2px outset rgb(73,75,242);
  padding: 4px 1px 4px 0px;
  margin-bottom: 6px;
  background-color: rgb(49,51,166);
  display: block;
  cursor: hand;
}

#page_menu a:hover span
{
  border: 2px inset rgb(73,75,242);
  padding: 5px 0px 3px 1px;
}

img.rightimage
{
  float: right;
  margin-left: 10px;
  border: 1px solid black;
}

table.example
{
  table-layout: fixed;
}
table.example td.left
{
  width: 300px;
  padding-right: 10px;
  vertical-align: top;
  padding-bottom: 10px;
}
table.example td.right
{
  vertical-align: top;
  width: 220px;
  text-align: right;
  padding-bottom: 10px;
}
img.screenshot
{
  border: 1px solid black;
}
div.examplenavigator
{
  background-color: rgb(245,245,245);
  padding: 5px 2px;
}

.legal, .legaltxt
{
  font-size: 7pt;
  color: rgb(80,80,80);
}

.legal
{
  clear: right;
  margin-top: 50px;
  border-top: 1px solid rgb(200,200,200);
  text-align: center;
}

li
{
  margin-top: 0.5em;
}
.error
{
  color: red;
}
DIV.quoteblock
{
  float: right;
  border: 1px solid silver;
  background-color: rgb(240,240,240);
  color: rgb(80,80,180);
  font-size: 8pt;
  margin-left: 4px;
  margin-bottom: 4px;
  padding: 4px;
  width: 130px;
}
DIV.quote
{
  font-style: italic;
}
DIV.quoter
{
  margin-bottom: 15px;
  text-align: right;
}

.nhshop_mainerror
{
  color: red;
}

.nhshop_fielderror
{
  color: red;
}

.nhshop_cartdiv
{
  border: 1px solid rgb(0,0,64);
  background-color: rgb(239,246,255);
  padding: 10px;
  margin-top: 3px;
  margin-bottom: 20px;
}

div.ordertable
{
  float: left;
  vertical-align: center;
}