@import url(/css/generic.css);
@import url(/css/xstandard.css);
/*
 * Site Specific Styles
 */
body {
  color: #33330F;
  width: 600px;
  margin: 20px auto;
}

.red {
  color: #f00;
}

#main-container {
  background: #ffffff url(/images/weather-calendar-fade.gif) repeat-x;
  border: 1px solid #6B6A55;
  margin: 0px 0px 10px 0px;
  padding: 11px 12px 11px 13px;
}

#main-container #main-header {
  background: #ffffff url(/images/weather-calendar-banner.gif) no-repeat;
  width: 573px;
  height: 88px;
}
#main-container #main-moto-header {
  background: #ffffff url(/images/weather-calendar-moto-banner.gif) no-repeat;
  width: 573px;
  height: 88px;
}
#main-container h1 {
  display: none;
}

#main-container #main-content {
  background: #ffffff;
  margin: 15px 0px 0px 0px;
  padding: 10px 20px 10px 20px;
}
/*Hide from Mac\*/
* html #main-container #main-content {
  height: 1%;
}
/*Eof Hide from Mac*/
#main-container #main-content h2 {
  color: #383802;
  font-size: 1.4em;
  border-bottom: 1px dotted #383802;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
}

/* Generic Form Styles */
input {
  background-color: #ffffcc;
  width: 200px;
}
select {
  background-color: #ffffff;
}
input.radio {
  background-color: #ffffff;
  width: 20px;
}
#items-text {
  width: 50px;
  text-align: right;
}
#submit-button {
  font-weight: bold;
  margin: 10px 0px 0px 0px;
  width: 100px;
}

/* Order Information */
#order-table {
  width: 100%;
  margin: 0px 0px 10px 0px;
}
#order-table caption {
  text-align: left;
}
#order-table th {
  background-color: #ff9900;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  padding: 5px;
  text-align: right;
  width: 33%;
}
#order-table th.label {
  text-align: left;
}
#order-table td {
  background-color: #ffcc66;
  border-bottom: 5px solid #fff;
  padding: 5px;
  text-align: right;
}
#order-table td.left {
  text-align: left;
}
#order-table td.total-row-label {
  background-color: #ffcc66;
  font-weight: bold;
  text-align: left;
}
#order-table td.total-row {
  background-color: #ffcc66;
  font-weight: bold;
  text-align: right;
}
#order-table td label {
  text-align: left;
}

/* Personal Information */
#application-form label {
  float: left;
  text-align: right;
  padding: 0px 20px 0px 0px;
  width: 200px;
  w\idth: 180px;
}
#application-form div.input {
  float: left;
  margin: 0px 0px 10px 0px;
  width: 333px;
}

#application-form #further-information {
  float: left;
  width: 258px;
}


/*Confirmation Form*/
#confirmation div.label {
  float: left;
  font-weight: bold;
  text-align: right;
  padding: 0px 20px 10px 0px;
  width: 200px;
  w\idth: 180px;
}
#confirmation div.value {
  float: left;
  padding: 0px 0px 10px 0px;
  width: 333px;
}
#confirmation #submit-container {
  padding: 0px 0px 0px 200px;
}
#confirmation #amend-container {
  padding: 5px 0px 0px 200px;
  margin: 10px 0px 0px 0px;
}
#amend-button {
  font-weight: bold;
  width: 100px;
}