.error {
  color: #ff0000;
}
div.error {
  padding-bottom: 0.75em;
}
.disabled {
  color: #808080;
}

.order_hdr {
  background: #d0d0d0;
  font-weight: 700;
}
.order_hdr2 {
  background: #d0d0d0;
  font-weight: 700;
}

.order_hdr_name {
  float: left;
  width: 565px;
  height: 15px;
  text-align: left;
  margin: 8px 8px 8px 16px;
}
.order_hdr_price {
  float: left;
  width: 70px;
  height: 15px;
  text-align: right;
  margin: 8px 8px 8px 8px;
}
.order_hdr_qty {
  float: left;
  width: 60px;
  height: 15px;
  text-align: right;
  margin: 8px 16px 8px 8px;
}


.product {
  background: #ececec;
  margin: 0px;
  padding: 16px 24px 4px 24px;
}
.product_first {
  background: #ececec;
  margin: 0px;
  padding: 26px 24px 4px 24px;
}
.product_name {
  font-weight: 700;
  color: #a09040;
  float: left;
  width: 500px;
  height: 20px;
  text-align: left;
}
.product_price {
  float: left;
  width: 145px;
  height: 20px;
  text-align: right;
}
input.qty_input {
  width: 30px;
  float: right;
  margin-top: -4px;
  text-align: center;
}
select.qty_input {
  width: 60px;
  float: right;
  margin-top: -4px;
  text-align: center;
}

select#user_type { width: 166px; float: right; margin-right: 20px; }
select#handling_charge { width: 80px; }

div.product_hdr {
  padding-bottom: 0.5em;
}

div.product hr {
  color: #a09040;
  background-color: #a09040;
  border: none;
  width: 100%;
  height: 2px;
  align: center;
}
div.product_first hr {
  color: #a09040;
  background-color: #a09040;
  border: none;
  width: 100%;
  height: 2px;
  align: center;
}

.license_lbl {
  width: 50px;
  height: 20px;
  float: left;
  text-align: right;
  margin: 8px 8px 8px 32px;
}
input.pnuserid_input { width: 350px; margin: 6px 8px 8px 8px; }
input.pnkeycode_input { width: 525px; margin: 6px 8px 8px 8px; }
input.nnuserid_input { width: 350px; margin: 6px 8px 8px 8px; }
input.nnkeycode_input { width: 350px; margin: 6px 8px 8px 8px; }

.license_lbl2 {
  width: 130px;
  height: 20px;
  float: left;
  text-align: right;
  margin: 8px 8px 8px 32px;
}
input.pnuserid_input2 { width: 250px; margin: 6px 8px 8px 8px; }
input.pnkeycode_input2 { width: 500px; margin: 6px 8px 8px 8px; }

.keyexample {
    margin-top: -4px;
    margin-left: 100px;
    margin-bottom: 4px;
    font-size: 12px;
    color: #888888;
}

.order_footer {
  clear: both;
  background: #ffffff;
}


table {
  width: 100%;
  border-style: none;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
th {
  border-style: none;
  padding: 10px 10px 10px 15px;
  margin: 0;
}
th {
  background: #e0e0e0;
  font-weight: 700;
  color: #a09040;
  text-align: left;
}
td {
  background: #f0f0f0;
  border-style: none;
  padding: 5px 10px 0px 20px;
  margin: 0;
  line-height: 1.5em;
}
td.sep {
  background: #ffffff;
}
td.small {
  font-size: 12px;
}
td.descr {
  padding: 10px 15px 10px 15px;
}

td input[type="text"] {width: 160px;}
td select {width: 166px;}
td select#exp_month {width: 50px;}
td select#exp_year {width: 75px;}

select#exp_month, select#exp_year {margin-top: 1.0em;}

#shipto_use_billto {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

div.summary {
  background: #f0f0f0;
  padding: 20px;
  font-size: 14px;
}
#billto {
  float: left;
  text-align: left;
  width: 390px;
}
#shipto {
  float: left;
  text-align: left;
  width: 300px;
}

td.payment {
    padding: 20px 10px 20px 10px;
}



.buybutton {
  font-weight: 700;
  font-size: 16px;
  width: 60px;
  height: 36px;
  float: right;
  margin-top: -10px;
  text-align: center;
  background: #b0a050;
  /*background: #c08000;*/
  color: #ffffff;
  text-decoration: none;
  border: none;
  outline: none;
  border-radius: 3px;
}
.buybutton:hover {
  /*background-color: #c0b060;*/
  background: #20b020;
}
.buybutton:active {
  /*background-color: #d0c070;*/
  background: #30c030;
}

.product_name2 {
  float: left;
  font-weight: 700;
  font-size: 16px;
  color: #a09040;
  width: 480px;
  height: 20px;
  text-align: left;
}
.product_price2 {
  float: left;
  font-weight: 700;
  font-size: 16px;
  color: #a09040;
  width: 145px;
  height: 20px;
  text-align: right;
}
.order_hdr_name2 {
  float: left;
  width: 545px;
  height: 15px;
  text-align: left;
  margin: 8px 8px 8px 16px;
}
.order_hdr_price2 {
  float: left;
  width: 70px;
  height: 15px;
  text-align: right;
  margin: 8px 8px 8px 8px;
}
div.warning {
  text-align: center;
  color: #e00000;
  font-size: 16px;
}
