/* 
  order_pages.css 
  =======================================
    1. Order pages
      - Register
      - Carry in repair
    2. Reschedule
    3. Cancel
  =======================================
*/

/* Order Pages
==================================================== */
.order_pages h2 {
  font-size:18px;
  font-weight:700;
}
.order_pages h3 {
  font-size:14px;
  font-weight:700;
}
.order_pages .confirmation_message p {
  margin-bottom:20px;
}
.order_pages .order_number {
  border-top: 2px solid #F7F4D1;
  border-bottom: 2px solid #F7F4D1;
  padding:20px 0;
  margin:10px 0;
}
.order_pages .order_number h4 {
  font-size:16px;
  font-weight:400;
  color:#333;
  float:left;
}
.order_pages .order_number ul.border_right{
  float:right;
}
.order_pages dl.order_info {
  margin:40px 0;
  font-size:12px;
}
.order_pages dl.order_info dt {
  margin-bottom:5px;
  position:relative;
  left:0;
  width:218px;
}
.order_pages dl.order_info dd {
  left:200px;  
  margin-bottom:5px;
  position:relative;
  top:-19px;
  width:400px;
}

.order_pages a {
  font-weight:400;
}

.order_section {
	float:left;
	margin:20px 0;
	width: 360px;
}

.order_section label {
  padding:4px;
}

.order_section_right {
  float:right;
  width:172px;
}

/* need this to override cascade */
.divider.left {
  margin:0 !important;
}

.order_section_right ul li{
	font-size:12px;
	list-style-type:disc;
	margin-left:14px;
}

/* Search */
.lookup_order {
}

.lookup_order input[type=text].larger {
  width:135px;
}

/* FOR IE:6 */
.lookup_order input.text.larger {
  width:245px;
}
.lookup_order input[type=text].smaller {
 /* width:68px;*/
 width: 68px;
}
/* For IE6 */
.lookup_order input.text.smaller {
  width:68px;
}

/* For IE7 */
*+ html fieldset.second div.input_container,
*+ html fieldset.third div.input_container,
*+ html input.text.smaller {
 width: 68px;
}

/* For IE7 */
*+ html fieldset.first div.input_container
*+ html fieldset.first input.text{
  width:144px;
}

/* For IE7 */
*+ html fieldset.second{
  margin-left:40px;
}

.fieldsets_inline{}

.fieldsets_inline fieldset{
  float:left;
  margin-right: 6px;
}

/* For IE6 */
*html .fieldsets_inline input.larger {
  width: 150px;
}
/* For IE6 */
.click_to_call_section {
  margin:20px 0;
}

/* Register
---------------------------------------------------- */
.register_user { 
  background-color:#e7e7e7;
  padding:18px;
}
.register_user h2 { 
  font-size:15px;
  font-weight:700;
}
.register_user p { 
  padding-bottom:10px;
}
.register_user label,
.register_user .input_container,
.register_user input {
  width:150px;
}
/* HACK:IE6 */
* html .register_user input {
  background:#fff;
}
.register_user fieldset div {
  float:left;
  margin-right:10px;
}
.register_user .button {
  margin-top:10px;
}

/* Carry in repair
==================================================== */
#carry_in_order_confirmation {
}

#carry_in_order_confirmation .order_information {
  width:auto;
	max-width:920px;
  min-width:640px;
}
/* HACK:IE6 */
* html #carry_in_order_confirmation .order_information {
  width:680px;
} 
#carry_in_order_confirmation dl {
  margin-right:20px;
  width:235px;
}
#carry_in_order_confirmation dt {
  font-weight:700;
  margin-bottom:2px;
}
#carry_in_order_confirmation dd {
  
}
#carry_in_order_confirmation .float_list {
  float:left;
}

#carry_in_order_confirmation .section {
  border-bottom:2px solid #f7f4d1;
  margin-bottom:20px;
  overflow:hidden;
  padding-bottom:20px;
  position:relative;
}

#carry_in_order_confirmation .store_info {
  width:600px;
}
/* HACK:IE6 */
* html #carry_in_order_confirmation .store_info {
  width:680px;
}

#carry_in_order_confirmation .store_order_details {
  float:right;
  margin-left:10px;
  width:190px;
}

#carry_in_order_confirmation #confirmation_map_canvas {
  float:left;
  height:400px;
  width:400px;
}

.order_pages .sidebar_info {
  float:right;
  margin-left:20px;
  width:310px;
}
.order_pages .sidebar_info .additional_information {
  background:#f5f3c5;
  margin-bottom:10px;
  padding:15px;
}
.order_pages .sidebar_info h4 {
  font-size:14px;
  font-weight:400;
}
.order_pages .sidebar_info ul {
  margin-bottom:40px;
}
.order_pages .sidebar_info ul li {
  margin-bottom:4px;
}
.order_pages .sidebar_info .price {
  font-size:18px;
}

.order_pages .sidebar_info .coupons {
}
.order_pages .sidebar_info .coupons li {
  margin-bottom:10px;
}

#carry_in_order_confirmation .print_button {
  position:absolute;
  right:0;
}
#carry_in_order_confirmation .print_button.position_top {
  top:0;
}
#carry_in_order_confirmation .print_button.position_bottom {
  bottom:20px;
}

/* Reschedule
==================================================== */
.reschedule {
  border-top: 2px solid #F7F4D1;
  margin:20px 0 0;
  padding:20px 0 0 55px;
  position:relative !important;
}
/*HACK IE6*/
* html .reschedule.show{
  display:inline-block;
}
.reschedule .section {
  float:left;
  margin-right:20px;
  position:relative;
}
.reschedule .date_and_time {
  width:230px;
}
.reschedule ul.controls {
  position:absolute;
  right:20px;
  bottom:15px;
}
.reschedule ul.controls li {
  display:inline;
}
.reschedule ul.controls a {
  font-weight:400;
  margin-right:5px;
}
.reschedule .ui-datepicker {
  width:180px;
}
.reschedule .ui-datepicker-header {
  position:relative;
  height:16px;
  width:180px;
}
.reschedule .ui-datepicker-title {
  width:180px;
  text-align:center;
}
.reschedule .radio_group label {
  width:auto;
}


/* Cancel
==================================================== */
#cancelled_service_questions {
  background:#fcfcfc;
  border:1px solid gray;
  padding:20px;
}
#cancelled_service_questions input[type=checkbox] {
  position:absolute;
  left:0;
  top:0;
}
/* For IE6 */
#cancelled_service_questions input.checkbox {
  position:absolute;
  left:0;
  top:0;
}
#cancelled_service_questions label {
  font-size:11px;
  padding:0 10px 0 20px;
}
#cancelled_service_questions fieldset {
  margin:12px 0 8px;
}
#cancelled_service_questions fieldset div {
  float:left;
  height:45px;
  position:relative;
  width:175px;
}
#cancelled_service_questions textarea {
  height:50px;
  width:500px;
}
/* HACK:IE7 */
* + html #cancelled_service_questions textarea {
  width:96%;
}
#cancelled_service_questions .button {
  margin-top:8px
}