.preorder-open,
.preorder-submit {
display: inline-block;
background: #ffff00;
color: #ff0000;
padding: 7px 10px;
text-decoration: none;
margin: 5px 0;
  
  
  background: #fcd630;
    color: #000;
    outline: 0;
    padding: 5px 10px 6px;
    font-size: 1.1em;
    border: 1px solid rgba(0,0,0,0.3);
    border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.3) rgba(0,0,0,0.3) rgba(0,0,0,0.3);
    -webkit-appearance: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    text-shadow: 0 1px 0px rgba(255,255,255,0.5);
    background: #fcd630 -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.0) 100%);
    background: #fcd630 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0.0)));
    background: #fcd630 -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%);
    background: #fcd630 -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%);
    background: #fcd630 -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%);
    background: #fcd630 linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde992', endColorstr='#fcd630',GradientType=0 );
}

.preorder-open:hover,
.preorder-submit:hover {
color: #ffff00;
background: #ffff00;
      cursor: pointer;
    background: #fcd630 linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.3) 100%);
}

.box-modal .field {
min-height: 30px;
}

.box-modal .field .name {
float: left;
}

.box-modal .field .value {
margin-left: 160px;
}

.box-modal .field .name span {
color: red;
}

p.error {
margin:0;
}

a.preorder-submit.disabled,
a.preorder-submit.disabled:hover {
background: #ffff00;
}

.box-modal [name="preorder_comment"] {
width: 300px;
height: 100px;
}

.box-modal .field {
margin-bottom:5px;
}