@font-face {
  font-family: 'Archer-Book';
  src: url('fonts/archer-book-pro-webfont.eot?orgId=00DE0000000aKZy');
  src: url('fonts/archer-book-pro-webfont.eot?orgId=00DE0000000aKZy##iefix') format('embedded-opentype'), url('fonts/archer-book-pro-webfont.woff?orgId=00DE0000000aKZy') format('woff'), url('fonts/archer-book-pro-webfont.ttf?orgId=00DE0000000aKZy') format('truetype'), url('fonts/archer-book-pro-webfont.svg?orgId=00DE0000000aKZy##archerbook') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Archer-Medium-Italic';
  src: url('fonts/archer-mediumital-pro-webfont.eot?orgId=00DE0000000aKZy');
  src: url('fonts/archer-mediumital-pro-webfont.eot?orgId=00DE0000000aKZy##iefix') format('embedded-opentype'), url('fonts/archer-mediumital-pro-webfont.woff?orgId=00DE0000000aKZy') format('woff'), url('fonts/archer-mediumital-pro-webfont.ttf?orgId=00DE0000000aKZy') format('truetype'), url('fonts/archer-mediumital-pro-webfont.svg?orgId=00DE0000000aKZy##archermedium_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Archer-Semibold';
  src: url('fonts/archer-semibold-pro-webfont.eot?orgId=00DE0000000aKZy');
  src: url('fonts/archer-semibold-pro-webfont.eot?orgId=00DE0000000aKZy##iefix') format('embedded-opentype'), url('fonts/archer-semibold-pro-webfont.woff?orgId=00DE0000000aKZy') format('woff'), url('fonts/archer-semibold-pro-webfont.ttf?orgId=00DE0000000aKZy') format('truetype'), url('fonts/archer-semibold-pro-webfont.svg?orgId=00DE0000000aKZy##archersemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lucida-Grande-Bold';
  src: url('fonts/lucida-grande-bold-webfont.eot?orgId=00DE0000000aKZy');
  src: url('fonts/lucida-grande-bold-webfont.eot?orgId=00DE0000000aKZy##iefix') format('embedded-opentype'), url('fonts/lucida-grande-bold-webfont.woff?orgId=00DE0000000aKZy') format('woff'), url('fonts/lucida-grande-bold-webfont.ttf?orgId=00DE0000000aKZy') format('truetype'), url('fonts/lucida-grande-bold-webfont.svg?orgId=00DE0000000aKZy##lucida_grandebold') format('svg');
  font-weight: normal;
  font-style: normal;
}

a {
  color: rgb(102, 102, 102);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

body, html {
  margin: 0;
  padding: 0;
  text-align: center;
  color: rgb(102, 102, 102);
  font-size: 12px;
  line-height: 20px;
}

body, html, body .x-btn button, body .btn, body .btnImportant, body .btnDisabled, body .btnCancel, body .menuButton .menuButtonButton, body .menuButton .menuButtonMenu a, body .menuButton .menuButtonMenu input.theOption, h1, h2, h3, h4, h5, h6 {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}

body, html, h1, h2, h3, p {
  margin: 0;
}

.container h1 {
  font-size: 25px;
  color: #333;
}

.container h1, .container h2, .container h3 {
  padding: 0 0 10px 0;
  display: block;
}

.container h1 sup {
  position: relative;
  top: -0.3em;
  vertical-align: top;
  font-size: 0.6em;
}

.container h2, .container h3 {
  font-size: 18px;
  color: rgb(102, 102, 102);
  font-weight: 400;
}

.container h2, .container h3, .form-section label {
  width: 332px;
  text-align: right;
  padding-right: 20px;
}

.container input[type=text], .container .productField {
  width: 350px;
  margin-right: 5px;
}

.container input[type=text], select {
  border: 1px solid #ccc;
}

.container input[type=text]:hover, select:hover {
  border: 1px solid #4c2432;
}

.container input[type=text].date {
  width: 150px;
}

.container p {
  padding: 0 0 20px 0;
}

.form-button-scale {
  display: inline-block;
  background: url('../img/button_bg.gif') repeat-x;
  border: none;
  clear: both;
  cursor: pointer;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  margin: auto;
  color: #fff;
  padding: 0 35px 0 8px;
  border-radius: 4px;
  position: relative;
  zoom: 1;
  *display: inline;
}

.form-button-scale .handle {
  position: absolute;
  top: 4px;
  right: 5px;
  width: 16px;
  height: 16px;
  background: url('../img/handle.png') no-repeat;
}
/*Baratza CC changes SF-3081*/
.form-button-scale_baratza {
  display: inline-block;
  background: url('../img/button_bg_baratza.gif') repeat-x;
  border: none;
  clear: both;
  cursor: pointer;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  margin: auto;
  color: #fff;
  padding: 0 35px 0 8px;
  border-radius: 4px;
  position: relative;
  zoom: 1;
  *display: inline;
}

.form-button-scale_baratza .handle_baratza {
  position: absolute;
  top: 4px;
  right: 5px;
  width: 16px;
  height: 16px;
  background: url('../img/arrow_baratza.png') no-repeat;
}
/*Baratza CC changes SF-3081*/
.handleJoe {
  position: absolute;
  top: 4px;
  right: 5px;
  width: 16px;
  height: 16px;
  background: url('../img/handleJoe.png') no-repeat;
}

.form-header {
  font-size: 14px;
}

.form-header small {
  font-style: italic;
}

.form-messages {
  padding: 0 0 10px 0;
}

.form-messages h4, .form-section p.serial-number {
  display: none;
}

.form-messages .message {
  padding: 20px;
  border: 1px solid #c32446;
  color: #c32446;
  font-size: 18px;
  font-weight: bold;
}

.form-messages .message.infoM3 {
  border-color: #4f8a10;
  color: #4f8a10;
}

.form-messages .message table {
  margin: auto !important;
}

.form-section label {
  display: inline-block;
}

.form-section p, .form-header p {
  padding: 0 0 10px 0;
}

.form-section p select, .form-section p input[type=checkbox] {
  margin-left: 0;
}

select[disabled] {
  border-color: #ccc !important;
}

small {
  font-size: 11px;
}