/* ---------- HTML elements ---------- */

body, table, tr, td {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.33;
  color: #555555;
}

a:link    {color: #cc0000; text-decoration: none;}
a:visited {color: #cc0000; text-decoration: none;}
a:hover   {color: #cc0000; text-decoration: underline;}
a:active  {color: #cc0000; text-decoration: underline;}

abbr {
  border-bottom: 1px dotted;
}

hr {
  height: 0;
  border: 0;
  border-top: 1px solid #b9aba5;
}

fieldset {
  border: 1px dotted #b9aba5;
  font-size: 12px;
}

fieldset h3 {
  margin-top: 2px;
  text-transform: uppercase;
}


address {
  font-size: 11px;
  font-style: normal;
}

img {
  border: 0px;
}

legend {
  font-weight: bold;
}

dt {
  font-weight: bold;
}

small {
  font-size: 11px;
}

/* 
h2, h3 {
  margin-top: 4px;
  margin-bottom: 4px;
}
*/

h2 {
  font-size: 24px;
  color: #473836;
  margin-bottom: -6px;
}

h3 {
  font-size: 18px;
  color: #473836;
  margin-bottom: -6px;
}

li {
  /* list-style-type: square; */
}

ul {
  padding-left: 15px;
}

/* ---------- Classes ---------- */

.warning {
  color: red;
}

.reaction {
  color: gray;
}

.tr_dark_row {
  background-color: #e1dcd7;
}

.tr_light_row {
  background-color: white;
}

.box_background_brown {
  border: 1px solid #6f605b;
  background-color: #6f605b;
  color: #ffffff;
}

.box_background_brown a:link    {color: #ffffff; text-decoration: underline;}
.box_background_brown a:visited {color: #ffffff; text-decoration: underline;}
.box_background_brown a:hover   {color: #ffffff; text-decoration: underline;}
.box_background_brown a:active  {color: #ffffff; text-decoration: underline;}

.box_background_brown h3 {
  margin-top: 2px;
  /* color: #ddcec9; */
  color: #ffffff;
  text-transform: uppercase;
}

.box_background_grey {
  border: 1px solid #727171;
  background-color: #727171;
  color: #ffffff;
}

.box_background_grey a:link    {color: #ffffff; text-decoration: underline;}
.box_background_grey a:visited {color: #ffffff; text-decoration: underline;}
.box_background_grey a:hover   {color: #ffffff; text-decoration: underline;}
.box_background_grey a:active  {color: #ffffff; text-decoration: underline;}

.box_background_grey h3 {
  margin-top: 2px;
  /* color: #ddd5d5; */
  color: #ffffff;
  text-transform: uppercase;
}

.box_gradient {
  background: url(./images/box_bg.gif);
  background-repeat: repeat-x;
  border: none;
}

.box_gradient h3 {
  margin-top: 2px;
  border-bottom: 1px dotted #b5a6a1;
}

.form_input_large {
  width: 400px;
  border: 1px solid #b9aba5;
  padding: 3px;
}

.form_input_small {
  width: 150px;
  border: 1px solid lightgrey;
  padding: 3px;
}

.form_input_medium {
  width: 250px;
  border: 1px solid lightgrey;
  padding: 3px;
}

.form_button {
  border: 1px solid lightgrey;
  background: lightgrey;
  padding: 2px; 
}

.top_menu_link {
   font-size: 11px; 
}

.top_menu_link:link    {color: #6f605b; text-decoration: none;}
.top_menu_link:visited {color: #6f605b; text-decoration: none;}
.top_menu_link:hover   {color: #6f605b; text-decoration: underline;}
.top_menu_link:active  {color: #6f605b; text-decoration: underline;}

.top_menu_selected {
  font-size: 11px; 
  font-weight: bold;
}

.sub_menu {
  border: 1px dotted #b9aba5;
  padding: 10px 10px 10px 15px;
  margin-top: 15px;
  font-size: 15px; 
  line-height: 1.7;
}

.sub_menu li {
  list-style-type: none;
  color: #6f605b;
}

.sub_menu li a {
  color: #6f605b;
}

.sub_menu_selected {
  color: #cc0000;
  font-weight: bold;
}

.product_def_caption {
  color: #cc0000;
}

.product_def_dt {
  color: #cc0000;
}

.product_def_dd {
  margin-left: 0px;
}

.product_location {
  color: #cc0000;
  font-weight: bold;
  margin-bottom: 0px;
}

.product_fieldset {
  font-size: 12px; 
  background: url(./images/box_bg.gif);
  background-repeat:repeat-x;
  border: none;
  width: 120px;
  padding-top: 2px;
}

.box_3_images {
  /* border: 1px dotted #b9aba5; */
  background: url(./images/box_bg.gif);
  background-repeat: repeat-x; 
  padding: 4px;
}

.box_3_images h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}


.toolbox {
  /* border: 1px dotted #b9aba5; */
  line-height: 1.7;
  font-size: 13px; 
  background: url(./images/box_bg.gif);
  background-repeat: repeat-x; 
}

.toolbox ul {
  padding: 0px 0px 0px 15px;
  margin: 4px 0px 0px 0px;
}

.toolbox li {
  list-style-type: none;
  color: #6f605b;
}

.toolbox li a {
  color: #6f605b;
}

.toolbox h2 {
  /* border-bottom: 1px dotted #b9aba5; */
  text-transform: uppercase;
  font-size: 15px;
  padding: 4px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
  
}

.toolbox h3 {
  padding: 0px 0px 0px 15px;
  margin: 4px 0px 0px 0px;
}

.note {
  padding: 15px;
  font-family: "Comic Sans MS", "Comic Sans", "Courier New";
  color: #404d9d;
}

/* ---------- Menu ---------- */

ul#navlist {}

ul#navlist a {
  font-weight: bold;
  text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul#navlist li { 
  float: left; 
}

ul#navlist li a {
  color: #ffffff;
  /* background-color: #727171; */
  background: url(./images/menu_bg.gif);
  padding: 6px 40px 5px 40px;
  border-right: 1px #ededed solid;
}

ul#navlist li a:hover {
  color: #ffffff;
  background: url(./images/menu_bg_hover.gif); 
}

ul#navlist li a:active {
  color: #ffffff;
  background-color: #b6b3b2;
}

/* Custom to highlight current selected tab */
ul#navlist li#active a#current  {
  background: url(./images/menu_bg_selected.gif);
}

ul#subnavlist { 
  display: none; 
}

ul#subnavlist li { 
  float: none; 
}

ul#subnavlist li a {
  padding: 0px;
  margin: 0px;

  background: lightgrey;
  font-weight: normal; 
  color: black;
}

ul#navlist li:hover ul#subnavlist {
  display: block;
  position: absolute;
  /* font-size: 8pt; */
  padding-top: 4px;
}

ul#navlist li:hover ul#subnavlist li a {
  display: block;
  width: 10em;
  border: none;
  padding: 4px 8px 4px 8px;
  /* font-weight: normal; */
}