select
{
  z-index: 1;
  position: relative;
}

input.readonly
{
  border: thin outset #ccc;
  background-color: #ccc;
}

.product .before_price,
.total
{
  min-width: 15em;
}
label.before_price,
.total .label
{
  display: block;
  float: left;
}
.product .before_price { width: 15em; }
.total .label { width: 10em; }
.total .total_value { min-width: 5em; }

.error
{
  color: #f00;
}


.product
{
  clear: left;
  /*line-height: 2em;*/
  /*min-height: 2em;*/
}
.product table
{
  line-height: 1em;
}
.product * { vertical-align: middle; }

.short_description
{
  margin:0.25em;
  display: block;
}

.long_description
{
  display: block;
  text-size: smaller;
}

.material_thickness
{
  display: block;
  float: left;
}

.required_indicator {
  color: #ff0000;
}

.product a.information,
.product a.information_hover,
.product a.information:hover {
  position: relative;
  z-index: 20024;
  color: inherit;
  text-decoration: none;
  border: 0px none black;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.product a.information_hover,
.product a.information:hover
{
  position: relative;
  z-index: 20025;
  color: inherit;
  text-decoration: none;
  background-color: #fff;
}


.product a.information img.info_icon,
.product a.information_hover img.info_icon,
.product a.information:hover img.info_icon
{
  vertical-align: middle;
  border: 0px none black;
  position: relative;
}

.product a.information .popup,
.product a.information .nopopup,
.product a.information_hover .nopopup,
.product a.information:hover .nopopup
{
  display: none;
}

.product a.information_hover .popup,
.product a.information:hover .popup
{
  display: block;
  position: absolute;
  z-index: 20026;
  top: 2em;
  left: 0px;
  min-width: 300px;
  background-color: #fff;
  color: #000;
  border: 2px solid #000;
}

.product a.information_hover .popup img,
.product a.information:hover .popup img
{
  display: block;
  width: auto;
  border: 0px none black;
}

.product a.information_hover .popup div,
.product a.information_hover .popup span,
.product a.information:hover .popup div,
.product a.information:hover .popup span
{
  width: 300px;
}

.product .popup .information_image
{
  max-width: 50%;
}

.product img.thumbnail
{
  float: right;
  vertical-align: top;
  border: 0px none black;
}


.contact_section div label
{
  display: block;
  float: left;
  width: 10em;
}

.triple_label
{
  display: block;
  float: left;
  height: 3.5em;
}

.product .popup img.preview_image
{
  max-width: 400px;
}