body {
  background: #9DA9AC;
  font: normal 13.5px Arial, Helvetica, sans-serif;
  color: #515255;
}
  #wrapper-1 {
    background: #C5CFD2 url(/images/backgrounds/top-gradient.gif) left top repeat-x;
  }
    #wrapper-2 {
      background: url(/images/backgrounds/bottom-gradient.gif) left bottom repeat-x;
    }
      #wrapper-3 {
        background: url(/images/backgrounds/page-reflection.gif) center bottom no-repeat;
        padding-top: 15px;
      }
        #wrapper-4 {
          width: 900px;
          margin: 0 auto;
          position: relative;
          padding-bottom: 30px;
          background: #F8F9FA url(/images/backgrounds/page-bottom.gif) center bottom no-repeat;
        }
          #header {
            background: url(/images/backgrounds/page-top.gif) center top no-repeat;
            height: 153px;
            position: relative;
          }
            #header img {
              display: block;
            }
            #rfq-link a:hover {
              color: #9D1C24;
            }
            #icon {
              position: absolute;
              left: 63px;
              bottom: 0;
            }
            #logotype {
              position: absolute;
              left: 187px;
              bottom: 28px;
            }
          
          #main {
            width: 870px;
            padding: 0 14px;
            border-left: solid 1px #F1F2F3;
            border-right: solid 1px #F1F2F3;
          }
            #rfq-link {
              position: absolute;
              right: 63px;
              top: 110px;
            }
            #rfq-link a {
              color: #ED1C24;
              font: normal 18px "AvenirLTStd-Roman", "Avenir LT Std 55 Roman", "Avenir LT Std", Arial, Helvetica, sans-serif;
            }
            #nav {
              line-height: 1px;
            }
            #nav ul {
              font-size: 17px;
              line-height: 18px;
              padding: 0 30px;
              background: #5A5A58 url(/images/backgrounds/nav.gif) center top no-repeat;
              overflow: hidden;
            }
              #nav li a {
                height: 18px;
                padding: 7px 20px;
                float: left;
                display: block;
                color: #E7E8EC;
                text-align: left;
              }
              #nav li.active a {
                color: #fff;
                background: #ED1C24;
              }
              #nav li a:hover {
                color: #fff;
              }
            #banner {
              padding-bottom: 21px;
              background: #B2B2B1 url(/images/backgrounds/banner.gif) center bottom no-repeat;
            }
              body.temp #banner img {
                display: block;
              }
            #banner-placeholder {
              overflow: hidden;
              background: #9DA9AC;
            }
              #banner-placeholder h1 {
                color: #fff;
                font: normal 26px "AvenirLTStd-Roman", "Avenir LT Std 55 Roman", "Avenir LT Std", Arial, Helvetica, sans-serif;
                padding: 50px 0 0 50px;
              }
            #content {
              padding: 0 48px 10px 48px;
              margin-top: 20px;
              overflow: hidden;
              background: url(/images/backgrounds/vertical-line.gif) 530px 20px repeat-y;
            }
              #content p, #content ul {
                line-height: 1.5em;
                margin: 10px 0 15px 0;
              }
              #content a {
                color: #9D1C24;
              }
              #content a:hover {
                color: #ED1C24;
              }
              #content a.external {
                color: #515255;
                padding-right: 20px;
                background: url(/images/backgrounds/external-link.gif) right center no-repeat;
              }
              #content a.external:hover {
                color: #9D1C24;
                background-image: url(/images/backgrounds/external-link_OVER.gif);
              }
              #content ul {
                list-style: square;
                padding-left: 24px;
                margin-left: 8px;
                margin-bottom: 25px;
              }
              #content h1 {
                font: normal 24px "AvenirLTStd-Roman", "Avenir LT Std 55 Roman", "Avenir LT Std", Arial, Helvetica, sans-serif;
                color: #ED1C24;
                margin: 10px 0;
              }
              #content h2 {
                font: normal 18px "AvenirLTStd-Roman", "Avenir LT Std 55 Roman", "Avenir LT Std", Arial, Helvetica, sans-serif;
                color: #ED1C24;
                margin: 5px 0;
              }
              #primary {
                float: left;
                width: 450px;
                padding-right: 30px;
              }
              #secondary {
                float: right;
                width: 260px;
              }
          #footer {
            height: 88px;
            padding-top: 18px;
            font-size: 11px;
            color: #565759;
            text-align: center;
          }

#contact-form {
  border-top: solid 1px #B2B2B1;
  background: #E7E8EC;
}
#contact-form fieldset {
  border: none;
  padding: 10px;
  border-bottom: solid 1px #B2B2B1;
}
#contact-form legend {
  font: normal 18px "AvenirLTStd-Roman", "Avenir LT Std 55 Roman", "Avenir LT Std", Arial, Helvetica, sans-serif;
  color: #ED1C24;
  margin: 5px; 
  padding: 3px 10px 2px 10px;
  border: solid 1px #B2B2B1;
  background: #fff;
}
#contact-form label {
  width: 100px;
  display: block;
  float: left;
  color: #787F87;
  padding: 3px 5px;
  text-align: right;
}
#contact-form .form-row {
  overflow: hidden;
  clear: left;
  margin: 2px;
}
#contact-form #send {
  margin: 5px 0 5px 112px;
  width: 294px;
  text-align: left;
}
#contact-form .form-row input, #contact-form .form-row textarea {
  width: 280px;
  background: #F8F9FA;
  border: solid 1px #B2B2B1;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px;
  padding: 3px 7px;
  color: #565759;
  font-family: Arial, Helvetica, sans-serif;
}
p.error, p.success {
  padding: 5px 10px;
  text-align: center;
  background: #ED1C24;
  color: #fff;
  font-size: 12px;
  margin: 1px 0;
}
p.success {
  background: #090;
}
#address, #phone {
  margin: 15px 0;
}
#flash-notice {
  width: 300px;
  float: right;
  padding: 20px;
  background: #fff;
  border-left: solid 1px #787F87;
  border-right: solid 1px #787F87;
}
#flash-notice img {
  margin-right: 20px;
  float: left;
}
#flash-notice a {
  text-decoration: underline;
}

body.home #secondary {
  width: 290px;
}
body.home #primary {
  border: none;
  width: 420px;
}
body.home #content {
  background: none;
}
  #rfq-button {
    position: relative;
    margin-top: 5px;
  }
  #rfq-button a span {
    position: absolute;
    width: 28px;
    height: 18px;
    top: 146px;
    left: 46px;
    background: url(/images/graphics/rfq-arrow.gif) center center no-repeat;
  }
  #rfq-button a:hover span {
    background-image: url(/images/graphics/rfq-arrow_OVER.gif);
  }
body.samples #secondary {
  width: 292px;
}
body.samples #primary {
  width: 420px;
}
body.samples #secondary a, body.samples #secondary img {
  display: block;
}
body.samples #content {
  background: none;
}
body.temp #content {
  background: none;
}