/* ========== orderbar ========== */

#orderbar {
  width: 192px;
  float: left;
  padding: 12px 24px;
}

#orderbar input {
  font-size: 1em;
  font-family: "trebuchet ms", arial, sans-serif;
  border: solid 1px #555;
  padding: 2px;
  margin: 0 0 3px;
}

#orderbar select {
  font-size: 1em;
  font-family: "trebuchet ms", arial, sans-serif;
  width: 190px;
  border: solid 1px #555;
  padding: 2px;
  margin: 0 0 3px;
}

#orderbar fieldset { border: 0; padding: 0; margin: 0; }
#orderbar label { font-weight: bold; }

#orderbar .columnLeft  { width: 55px; float: left; }
#orderbar .columnRight { width: 125px; line-height: 1em; float: right; }
#orderbar .columnRight p { padding: 0; margin: 0; line-height: 1.1em; }
#orderbar .columnLeft select { width: 55px; margin: 2px 0 6px; }
#orderbar .columnLeft input { width: 48px;  margin: 2px 0 6px; }

#orderbar .form-block { padding: 6px 0; border-top: solid 1px #333; }
#orderbar .form-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* ========== orderform ========== */

#orderform {
  background: #ddd;
  padding: 5px;
}

#orderform fieldset {
  margin: 0;
  padding: 5px;
  border: solid 1px #555;
  background: #eee;
}

#orderform fieldset#vehicleSection { margin: 0 0 12px; }

#orderform input {
  font-size: 1em;
  font-family: "trebuchet ms", arial, sans-serif;
  border: solid 1px #555;
  padding: 2px 5px;
}

#orderform select {
  font-size: 1em;
  font-family: "trebuchet ms", arial, sans-serif;
  border: solid 1px #555;
  padding: 2px;
}

#orderform .orderCell {
  float: left;
  width: 203px;
  padding: 6px 12px 0 0;
}

#orderform .orderRow:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#orderform .orderCell:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#orderform label { font-weight: bold; }
#orderform label .normal { font-weight: normal; }

#orderform .columnLeft  { width: 50px; float: left; }
#orderform .columnRight { width: 148px; line-height: 1em; float: right; }
#orderform .columnRight p { padding: 0; margin: 0; line-height: 1.1em; }
#orderform .columnLeft select { width: 50px; }

#orderform #countryCode { width: 8px; }
#orderform #cityCode { width: 24px; }
#orderform #phone { width: 115px; }
#orderform #vehicleList { width: 198px; }
#orderform input#name, #orderform input#email { width: 186px; }
#orderform textarea { height: 50px; }
#orderform input, #orderform select, #orderform textarea { margin-bottom: 6px; }
#orderform #durationTotal, #orderform #durationNight { width: 45px; }
#orderform #timeH, #orderform #timeM { width: 50px; }

#orderform #leftCell {
  float: left;
  width: 203px;
}

#orderform #rightCell {
  float: right;
  width: 434px;
}

#orderform #totalBlock {
  margin-top: 18px;
  border-top: solid 1px #333;
  float: left;
  width: 406px;
}

#orderform #totalBlock input { width: 48px;  margin: 2px 0 6px; }