/* @CHARSET "UTF-8"; */
@media print {
  .no_print {
    display: none;
  }
}
body {
  background-color: white;
  margin: 10px 20px;
}
body, textarea, input, fieldset {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}
input[type='text']:focus, textarea:focus {
  background-color: lightgoldenrodyellow;
}
pre {
  width: inherit; /* this way pre's don't make their enclosing divs too wide in Firefox */ 
}
a:hover, a:active, a.action_hover {
  color: #FF0000;
  text-decoration: none;
}
#footer {
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #D0D0D0;
}
#footer a {
  text-decoration: none;
}
div.error, div.info {
  border-style: solid;
  border-width: 2px;
  width: 80%;
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.3;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
div.error {
  border-color: red;
  color: red;
  background-color: #FFF5F6;
  text-align: left !important;
}
div.info {
  border-color: rgb(100, 100, 100);
  border-width: 2px;
  color: black;
  background-color: #C6D5E8;
}
div.error .company_phone {
  white-space: nowrap;
}
#main h2 {
  font-size: 1.5em;
  margin-bottom: 10px;
}
#main h3 {
  font-size: 1.3em;
  margin-bottom: 10px;
}
#main p {
  line-height: 130%;
  font-size: 1.1em;
  margin-bottom: 1em;
}
#main p.error, #main p.success {
  border-width: 2px;
  border-style: solid;
  padding: 10px;
  display: inline-block; /* fit width to contents */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  line-height: 1.4;
}
#main p.error {
  background-color: #FFF5F6;
  border-color: #DDB7BA;
  color: red;
}
#main p.success {
  background-color: #EBFFED;
  border-color: darkgreen;
  color: black;
}
div#feedback {
  background-color: #EDEFF4;
  border: 1px solid #D8DFEA;
  margin: 2px 5px 8px 2px; /* top right bottom left */
  padding: 10px 10px;
  /* width: 250px; */
  /* white-space: nowrap; */
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
div#feedback label {
  margin-top: 7px;
  margin-bottom: 2px;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
}
#feedback input[type="text"] {
  width: 350px;
}
#feedback textarea {
  max-width: 600px;
  width: 95%;
  height: 160px;
  line-height: 1.3em;
}
#feedback input[type="text"], #feedback textarea {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 1.1em;
  padding: 5px;
}
#feedback input[type=submit] {
  /* from http://css-tricks.com/snippets/css/glowing-blue-input-highlights/ */
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #AAAAAA;

  font-size: 1.5em;
  padding: 5px;
  background-color: #F0F0F0;
}
#feedback input[type=submit]:hover {
  background-color: #C6D5E8;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
.small_diameter_warning {
  color: red;
  font-weight: bold;
}