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

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

body.standard,
body.standard td
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 9pt;
  color: rgb(0,0,64);
}

.smalltext
{
  font-size: 8pt;
  margin-left: 20px;
}

.small
{
  font-size: 8pt;
}

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

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

input.thinborder
{
  border: 1px inset rgb(158,158,158);
}

input.bluebutton
{
  border: 2px outset rgb(73,75,242);
  background-color: rgb(49,51,166);
  color: rgb(255,255,255);
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  font-family: Arial, Helvetica, Sans-Serif;
  padding-left: 15px;
  width: 180px;
}


body.standard A:link,
body.standard A:visited,
body.standard A:active,
body.standard A:hover
{
  text-decoration: none;
  color: rgb(0,0,240);
}

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

/* content area of the page */
#page_main
{
  position: relative;
  width: 792px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: rgb(255,255,255);
  background-image: url(/images/pageleft.jpg);
  background-repeat: repeat-y;
  height: 100%;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

#pagecontent, #pagecontent_info
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  padding-left: 190px;
  padding-top: 223px;
  padding-bottom: 20px;
  padding-right: 10px;
  margin-left: -1px;
  width: 592px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  background-color: rgb(255,255,255);
  background-image: url(/images/pageleft.jpg);
  background-repeat: repeat-y;
}

#pagecontent_info
{
  xcolor: rgb(180,180,180);
  padding-top: 1132px;
}

#pagecontent_info_homelink
{
  position: absolute;
  top: 222px;
  left: 190px;
  width: 550px;
  z-index: 200;
}

#pagecontent_info_homelink A:link,
#pagecontent_info_homelink A:visited,
#pagecontent_info_homelink A:active
{
  text-decoration: underline;
}


/* top part of page, with logo etc */
#page_top
{
  position: absolute;
  width: 790px;
  height: 223px;
  left: 1px;
  top: 0px;
  z-index: 150;
  background-image: url(/images/pagetop.jpg);
  margin: 0px;
  padding: 0px;
}

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

#pagetitle
{
  z-index: -1;
}



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

/* floating block on the right */
#page_rightfloating
{
  width: 200px;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#page_homelink, #page_homelink_img
{
  width: 200px;
  height: 184px;
}

#page_homelink
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
}

#page_homelink_img
{
  border: none;
}

/* news blocks (always inside page_rightfloating) */
#newsblock1,
#newsblock2
{
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center;
  font-size: 7pt;
}

#newsblock1
{
  border: 1px outset rgb(255,222,171);
  background-color: rgb(255,222,171);
}

#newsblock2
{
  border: 1px outset rgb(220,250,222);
  background-color: rgb(220,250,222);
}

#newsblock1 h1,
#newsblock2 h1
{
  margin-top: 1px;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  color: rgb(136,21,42);
}

#newsblock1 ul,
#newsblock2 ul
{
  text-align: left;
  margin-bottom: -6px;
}

#newsblock1 ul li,
#newsblock2 ul li
{
  margin-left: -20px;
  margin-bottom: 6px;
}

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

#page_menu table
{
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
}

#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: 4px;
  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;
}

.faq
{
}

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

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

@media print {
  #pagecontent
  {
    xborder: 0px solid black;
    xbackground-image: none;
    width: 60%;
    xmargin: 0cm;
    xpadding: 0cm;
    xleft: 0cm;
    xtop: 2cm;
  }
}

/*
@media print {
  div {
    margin: 0cm;
    padding: 0cm;
  }
  body.standard
  {
    margin: 0cm;
    padding: 0cm;
  }
  #page_main
  {
    width: 100%;
    left: 0cm;
    margin: 0cm;
    padding: 0cm;
    border: none;
    background-image: none;
  }
  #pagecontent
  {
    border: 0px solid black;
    background-image: none;
    width: 100%;
    margin: 0cm;
    padding: 0cm;
    left: 0cm;
    top: 2cm;
  }
  #page_menu
  {
    visibility: hidden;
  }
  #pagehead
  {
    margin: 0px;
    padding: 0px;
    left: 0cm;
    top: 0.5cm;
  }
  #page_rightfloating
  {
    width: 6cm;
    float: right;
    margin: 0.3cm;
  }
}
*/

.error
{
  color: red;
  padding-top: 10px;
  padding-bottom: 10px;
}

input.buybutton
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 9pt;
  color: rgb(0,0,0);
  font-weight: bold;
  xtext-decoration: underline;
  background-color: #c0c0ef;
  xborder: none;
  cursor: hand;
  padding: 3px 10px;
}

div.bottommenu
{
  border-top: 1px solid rgb(148,148,148);
  font-size: 7pt;
  color: rgb(168,168,168);
  margin-top: 100px;
}

div.bottommenu A:link,
div.bottommenu A:visited,
div.bottommenu A:active,
div.bottommenu A:hover
{
  font-size: 7pt;
  color: rgb(168,168,168);
}

table.gallery_index
{
}

td.gallery_img
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}

td.gallery_img img
{
  border: 1px solid black;
}

td.gallery_info
{
  padding-top: 5px;
  padding-bottom: 5px;
}

span.gallery_desc
{
  font-weight: bold;
}

body.gallerypopup
{
  text-align: center;
  padding-bottom: 10px;
}

body.gallerypopup, body.gallerypopup td
{
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 9pt;
  color: rgb(0,0,64);
}

div.gallerypopup_desc
{
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 10px;
}

div.gallerypopup_desc
{
}

img.gallerypopup
{
  border: 1px solid black;
}

div.gallerypopup_prev
{
  float: left;
  font-weight: bold;
}

div.gallerypopup_next
{
  float: right;
  font-weight: bold;
}

div.panoviewer_instructions
{
  font-size: 7pt;
  color: rgb(150,150,150);
}

div.panoviewer_instructions A
{
  color: rgb(150,150,150);
}

div.panoviewer_selector
{
  float: right;
  font-size: 7pt;
}

/* shadow table */
TABLE.sht
{
  border-spacing: 0px;
  border-collapse:     collapse;    /* ie6 ? */
}
TD.sht_c
{
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-color: gray;
}
TD.sht16_tr,TD.sht16_br
{
  width: 16px;
  padding: 0px;
  margin: 0px;
}
TD.sht16_bl,TD.sht16_br
{
  height: 16px;
  padding: 0px;
  margin: 0px;
}
TD.sht16_tr
{
  background-image: url(/images/sh16_tr.gif);
}
TD.sht16_br
{
  background-image: url(/images/sh16_br.gif);
}
TD.sht16_bl
{
  background-image: url(/images/sh16_bl.gif);
}

TD.sht6_tr,TD.sht6_br
{
  width: 6px;
  padding: 0px;
  margin: 0px;
}
TD.sht6_bl,TD.sht6_br
{
  height: 6px;
  padding: 0px;
  margin: 0px;
}
TD.sht6_tr
{
  background-image: url(/images/sh6_tr.gif);
}
TD.sht6_br
{
  background-image: url(/images/sh6_br.gif);
}
TD.sht6_bl
{
  background-image: url(/images/sh6_bl.gif);
}

.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-bottom: 20px;
}

.nhshop_readonlyfield
{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 1px solid rgb(240,240,240);
  color: rgb(100,100,100);
}

div.ordertable
{
  float: left;
  vertical-align: center;
  margin-bottom: 5px;
}

.ordertable_pad
{
  padding-top: 5px;
}

form
{
  display: inline;
}

table.featurematrix
{
}

table.featurematrix td
{
  border: 2px solid white;
  padding: 5px 10px 5px 5px;
  background-color: rgb(240,240,255);
}

table.featurematrix th
{
  padding: 5px 10px 5px 5px;
}

table.simpleborder  td,table.simpleborder  th
{
  border: 1px solid rgb(128,128,128);
  padding-left: 10px;
  padding-right: 10px;
}

div.code
{
  font-family: "Lucida Console", "Courier New", Courier, monospace;
  border: 1px solid rgb(200,200,200);
}

#pagecontent h1.newstitle,
#pagecontent_info h1.newstitle
{
  font-size: 15pt;
  font-weight: bold;
  color: black;
  margin-bottom: 15px;
  margin-top: 1px;
}

.newsprevnext
{
  display:table;
  width:100%;
  border-top: 1px solid rgb(200,200,200);
  margin-top: 20px;
  padding-top: 10px;
}

.newsprev
{
  display:table-cell;
  text-align:left;
}

.newsnext
{
  display:table-cell;
  text-align:right;
}

.newstopbar
{
  display:table;
  width:100%;
  margin-bottom: 15px;
}

.newstopindexlink
{
  display:table-cell;
  text-align:left;
}

.newstopdate
{
  display:table-cell;
  text-align:right;
  font-style: italic;
}

.videotutorialstill
{
  border: 1px solid rgb(128,128,128);
}