#services_wrap .dim {
    display : none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/dim.png);
    z-index: 200;
  }
#book_a_time_error {
    margin-bottom: -20px; 
    border-bottom: 0px; 
    padding: 35px 35px 35px 80px; 
    width: 863px; 
    color: #FD7829; 
    background: #FFFCE6 url(../images/icon_alert_large.png) no-repeat 30px 50%;
	
    font-size: 13px;
}
	#book_a_time_error a {
	    color: #FD7829; 
	}
#book_a_time {
	position : relative;
	padding : 35px;
	width : 908px;
	border-bottom: 0px;
	z-index: 20;
}
    #book_a_time h1 {
    font-size: 26px;
        
    color: rgb(253, 120, 41);
    font-weight: normal;
    margin-bottom: 10px;
}
    #book_a_time h2 {
    font-size: 20px;
        
    color: rgb(96, 96, 96);
    font-weight: normal;
    margin-bottom: 6px;
}
    #time_booking_description {
    width: 500px;
        
    margin-bottom: 30px;
    float: left;
}
    #time_booking_description p {
    font-size: 14px;
        
    color: rgb(140,140,140);
    line-height: 19px;
}
    #time_booking_description p strong {
    
	
    color: rgb(96, 96, 96);
    font-family: 'AnselmSansMediumRegular', 'Lucida Sans', 'Lucida Grande', sans-serif;
    letter-spacing: -0.8px;
}
	#time_booking_description p a {
    color: rgb(253, 120, 41);
    
	}

    #time_booking_hotel {
    float: right;
        
    width: 310px;
    background: #dbdfe4;
    border: 1px solid #afb7c0;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 30px;
}
        #time_booking_hotel img {
    float: left;
            
        }
        #time_booking_hotel h2 {
    line-height: 40px;
            
        
    font-size: 17px;
    padding: 0px 0px 0px 10px;
    float: left;
}
        #time_booking_hotel p {
    clear: left;
            
        
    font-size: 13px;
    color: rgb(120,120,120);
    line-height: 18px;
    padding: 8px 0px;
}
        #time_booking_hotel a {
    display: block;
            
        
    text-align: center;
    color: rgb(253, 120, 41);
    font-size: 15px;
    text-decoration: none;
}
        #time_booking_hotel a:hover {
            text-decoration : underline;
        }
        #time_booking_hotel em {
    display: block;
            
        
    text-align: center;
    font-size: 13px;
    color: rgb(150, 150, 150);
}
	#book_a_time .outlet_info {
		height: 30px; 
		line-height: 30px; 
		position: relative; 
		padding-left: 70px; 
		font-size: 12px; 
		color: rgb(96, 96, 96); 
		background: url(../images/icons_outlet_info.png) no-repeat 0px 0px;
		width: 470px;
		zoom: 1;
		z-index: 20;
	}
		#book_a_time .outlet_info p.outlet_ng_information {
    position: absolute;
    top: 30px;
    width: 100%;
    left: 0px;
    color: rgb(150, 150, 150);
    font-style: italic;
    float: none;
    text-align: right;
}
		#book_a_time.home_delivery .outlet_info {
			display : none;
		}
		#book_a_time .outlet_info p {
			float: left;
			width: 200px;
		}
		#book_a_time .outlet_info .outlet_select {
			float: left;
			width: 270px;
		}
	#book_a_time .open_times {
		width: 270px;
		position: absolute;
		right: 0px;
		top: 100%;
		margin-top: 5px;
		visibility : hidden;
	}
		#book_a_time .open_times .row {
			height: 15px;
			font-size: 11px;
			width: 150px;
			position: relative;
		}
		#book_a_time .open_times .day {
			position: absolute;
			top: 2px;
			left: 0px;
			float: none;
			width: auto;
			line-height: 11px;
		}
		#book_a_time .open_times .times {
			position: absolute;
			right: 0px;
			top: 2px;
			float: none;
			width: auto;
			line-height: 11px;
		}
	#book_a_time .address {
		position: absolute;
		top: 35px;
		left: 270px;
		font-size: 12px;
		line-height: 16px;
		width: 270px;
	}
	#book_a_time .car_info {
		margin-top: 70px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		color: rgb(96,96,96);
		padding-left: 70px;
		background: url(../images/icons_outlet_info.png) no-repeat 0px -112px;
		z-index: 10;
	}
		#book_a_time.home_delivery .car_info {
			margin-top: 0px;
		}
		#book_a_time .car_info p {
			float: left;
			width: 200px;
		}
		#book_a_time .car_details {
			float: left;
			position: relative;
		
			z-index: 10;
			width: 130px;
}
		#book_a_time #plate {
		    width: 121px;
			height: 33px;
			background: url(../images/plate_0.png) no-repeat 0px 0px;
			position: relative;
		}
		#book_a_time #plate_country {
			font-family: Helvetica;
			font-size: 8px;
			color: white;
			position: absolute;
			top: 10px;
			left: 5px;
		}
		#book_a_time #plate_number {
			font-size: 21px;
			width: 97px;
			height: 27px;
			position: absolute;
			top: 3px;
			left: 21px;
			text-align: center;
			line-height: 33px;
		}
		#book_a_time .car_type {
			width: 300px;
			clear: left;
		}
			#book_a_time.home_delivery .car_type {
				clear : none;
				margin-top : 0px;
			
				position: absolute;
				top: 0px;
				left: 360px;
}
			#book_a_time .car_type input {
				float: left;
				margin: 8px 10px 0px 0px;
			}
			#book_a_time .car_type label {
				float: left;
				text-align: left;
				width: auto;
				margin-right: 30px;
			
				line-height: 16px;
				padding-top: 7px;
				max-width: 120px;
}
	#book_a_time #outlet_map {
		width: 330px;
		height : 175px;
		border : 1px solid rgb(189,189,189);
		visibility : hidden;
		float : right;
		border-radius: 2px;
	}
	#book_a_time.home_delivery #outlet_map {
		display : none;
	}
#pup_details {
	display : none;
	padding: 35px 35px 0px 35px;
	margin-left: -35px;
	width: 908px;
	margin-top: 35px;
	border-top: 1px solid rgb(215, 215, 215);
}
	.select_time_pup {
		
	}
	.selected_time_pup {
		display : none;
	}
	.pup_details .selected_time_pup label {
    float: none;
		
	}
	.pup_details .selected_time_pup p {
    font-size: 13px;
		
	
    color: rgb(117, 102, 91);
}
	.select_rim_type_partner {
		
	}
	.selected_rim_type_partner {
		display : none;
	}
	.pup_details .selected_rim_type_partner label {
	    float: none;
	}
	.steel .selected_rim_type_partner label.aluminum {
	    display: none;
	}
	.aluminum .selected_rim_type_partner label.steel {
	    display: none;
	}
	.service_selected .select_time_pup {
		display : none;
	}
	.service_selected  .selected_time_pup {
		display : block;
	}
	.service_selected .select_rim_type_partner {
		display : none;
	}
	.service_selected  .selected_rim_type_partner {
		display : block;
	}
.pup_details {
    width: 440px; 
    float: left;
}
.pup_details.right {
    float: right; 
}
.pup_details label {
    width: auto;
    text-align: left;
    height: auto;
    line-height: 16px;
    margin-bottom: 4px;
}
.pup_details label strong {
	color : black;
}
.pup_details textarea {
    font-size: 13px;
    color: rgb(96,96,96);
}
	#times_booked_info {
		font-size: 12px;
		color: #3C3C3C;
		margin-top: 10px;
		padding-left: 23px;
		background: url(../images/icon_info.png) no-repeat 0px 0px;
		height: 18px;
		line-height: 19px;
	}
	.localTimebook {
    background: url(../images/icon_time_large.png) no-repeat 4px 4px;
    padding-left: 70px;
    margin-top: 30px;
    display: none;
}
	.localTimebook label {
    width: 200px;
    text-align: left;
    margin: 0px;
}
	.localTimebook .input_wrap {
    margin: 0px 10px 0px 0px;
}
	.localTimebook .pup_open_times {
    padding: 5px 0px 0px 200px;
}
.service {
    position: relative;
    margin: 0px;
    border-top: 1px solid rgb(215,215,215);
    padding: 35px 0px;
    border-bottom: 0px;
    z-index: 10;
}
	#services_wrap .service.load .dim {
		display : block;
	}
	.service.scheduled {
    min-height: 65px;
	}
		.service.scheduled .state_icon {
		    background: url(../images/icons_service_state.png) no-repeat 0px 0px;
		}
	.service.unscheduled {
	}
		.service.unscheduled .state_icon {
	    background: url(../images/icons_service_state.png) no-repeat 0px -36px;
		}
	.service.unavailable {
	    background: rgb(252,242,243);
    	padding-bottom: 40px;
	}
		.service.unavailable .state_icon {
    		background: url(../images/icons_service_state.png) no-repeat 0px -70px;
		}
	.service .icon {
		position: absolute;
		top: 2px;
		left: 35px;
	}
		.service .icon img {
		
		}
	.service .title {
		font-size: 18px;
		color: #606060;
		line-height: 30px;
		float: left;
	
		width: 340px;
		position: relative;
}
	.service .title span {
	    /* position: absolute; */
	    /* top: 30px; */
	    /* left: 0px; */
	    font-size: 11px;
	    line-height: 15px;
	    display: block;
	    /* width: 660px; */
	    color: rgb(150,150,150);
	    transition: color 0.3s;
		-moz-transition: color 0.3s;
		-webkit-transition: color 0.3s;
		-o-transition: color 0.3s;
	
	    margin-bottom: 10px;
}
	.service .title span:hover {
	    color: rgb(50,50,50);
	}

		.service.unavailable .title {
		    width: auto;
		}
		.service .title .state {
    position: relative;

		
    top: auto;
    left: auto;
    width: auto;
    display: inline;
    font-size: inherit;
    line-height: inherit;
}
			.service.unscheduled .title .state {
			    color: rgb(253,120,41);
			}
			.service.unavailable .title .state {
			    color: rgb(155,12,21);
			}
	.service .additional_info {
		clear: both;
		font-size: 12px;
		color: #666;
		padding-top: 10px;
	}
	.service .time {
		font-size: 18px;
		color: rgb(96,96,96);
		line-height: 30px;
		position: relative;
		padding-left: 35px;
		background: url(../images/icon_time_large.png) no-repeat 0px 2px;
	
		float: left;
}
		.service.unscheduled .time {
			background: url(../images/icon_time_large_orange.png) no-repeat 0px 2px;
		
			color: #FD7829;
}

		.service .time .edit {
			font-size: 12px;
			color: rgb(254,112,40);
			padding-left: 10px;
			text-decoration : none;
		}
			.service .time .edit:hover {
				text-decoration : underline;
			}
			.service.unscheduled .time .edit {
				padding-left : 20px;
				background : url(../images/icon_delete.png) no-repeat 0px 50%;
			}
	.service .price {
		position: relative;
		height: 33px;
        font-size : 16px;
	
		line-height: 33px;
		color: rgb(96,96,96);
		float: right;
		margin-right: 15px;
}
    .service .state_icon {
		position: relative;
		width: 33px;
		height: 33px;
	
		float: right;
}
	.service .info {
    float: right;
	
	
    margin-right: 60px;
}
	.service .actions {
		padding-left: 105px;
		position: relative;
	
		float: left;
		width: 660px;
}
		.service .actions .service_action {
			float: left;
			width: 660px;
		
			margin-bottom: 35px;
			
			-webkit-transition: all 0.3s ease;
			padding: 10px 0px 0px 20px; margin-left: -20px; margin-top: -10px;
			background: white;
			border-radius: 10px;
			box-shadow: 0px 1px 20px white inset;
			position: relative;
}
.service .actions .service_action.active {
    background: rgb(252,252,252);
    box-shadow: 0px 1px 5px gainsboro inset;
    z-index: 100;
    position: relative;
}
.service .actions .service_action.ac_service {
    margin-bottom: 20px;
}
.service .actions .service_action .book_a_time_no_tires_notify {
    position: absolute;

    top: 0px;

    left: -10px;
    background: rgb(255, 255, 255) url(../images/icon_alert_large.png) no-repeat 20px 50%;
    background: rgba(255, 255, 255, 0.9) url(../images/icon_alert_large.png) no-repeat 20px 50%;
width: 600px;
padding: 30px 0px 30px 80px;
z-index: 50;
color: #606060;
font-size: 14px;
    border: 7px solid #606060;
}
.service .actions .service_action .book_a_time_tires_notify {
    position: absolute;

    top: -10px;

    left: -10px;
    background: rgb(255, 255, 255) url(../images/icon_alert_large.png) no-repeat 20px 50%;
    background: rgba(255, 255, 255, 0.9) url(../images/icon_alert_large.png) no-repeat 20px 50%;
width: 600px;

    padding: 20px 0px 20px 80px;
z-index: 50;
color: #606060;
font-size: 14px;
    height: 100%;
}
                    .service .actions .service_action.last {
                        margin-bottom : 0px;
                    }
			.service .actions .service_action .service_action_option {
				margin-bottom: 5px;
			}
				.service .actions .service_action .service_action_option  input {
					float: left;
					margin: 8px 10px 0px 0px;
				}
				.service .actions .service_action .service_action_option label {
					float: left;
					width: 240px;
					text-align: left;
				
					font-weight: normal;
				}
				.service .actions .service_action.ac_service .service_action_option label {
					width: 610px;
					height: auto;
					line-height: 18px;
					padding-top: 6px;
					padding-bottom: 6px;
}
				.service .actions .service_action.disabled .service_action_option label {
                                }
				.service .actions .service_action .service_action_option label.long {
				    width: 500px;
				}
                  .service .actions .service_action .service_action_option label.light {
    font-weight: normal;

                  }
				.service .actions .service_action .service_action_option .option_select {
					float: left;
					width: 370px;
				}
				.service.scheduled .actions .unschedule {
    position: relative;
					
				
    bottom: auto;
    left: auto;
    font-size: 11px;
    color: #FE7028;
    top: auto;
    float: left;
}
					.service.scheduled .actions .unschedule span {
    color: rgb(120,120,120);
    text-decoration: none;
}
					.service.scheduled .actions .unschedule a {
    font-size: 11px;
    color: #FE7028;
    text-decoration: none;
}
					.service.scheduled .actions .unschedule a:hover {
    text-decoration: underline;
}
		.service .info .schedule_button_wrap {
			position: relative;
			width: 140px;
			text-align: right;
		
			margin-top: 15px;
}
        .service .info .unschedule_link_wrap { 
    
    
          
    width: 140px; 
    text-align: left;
  
        
                       margin-top: 15px;
}
          .service .info .unschedule_link_wrap .unschedule {
            font-size: 11px;
            color: #FE7028;
            position: relative;
            padding-left: 17px;
            display: inline-block;
            background: url(../images/icon_delete.png) no-repeat 0px 0px;
            line-height: 15px;
            cursor : pointer;
          }
            .service .info .unschedule_link_wrap .unschedule:hover {
              text-decoration : underline;
            }
		.service .info .styled_button {
			display: block;
			float: none;
		}
		.service .info .styled_button.schedule {
			padding-left: 49px;
			position: relative;
		}
			.service .info .styled_button.schedule span {
				background: url(../images/icon_clock_white_medium.png) no-repeat 0px 0px;
				width: 16px;
				height: 17px;
				display: block;
				position: absolute;
				top: 10px;
				left: 20px;
			}
	.service.unavailable .info {
		margin-top: 20px;
		font-size: 12px;
		color: rgb(102,102,102);
	}
  .service.add_service {
    border-bottom: 1px solid #A1A1A1;
  
    z-index: 10;
    position: relative;
}
    .service.add_service .styled_button {
        margin-right : 45px;
    }
.add_service_select {
    float: left;
  
    width: 240px;
    position: absolute;
    top: 0px;
    left: 376px;
}
  .add_service_select p.optional {
    position: absolute;
    top: 0px;
    left: 100%;
    color: rgb(124,124,124);
    font-size: 12px;
    margin-left: 15px;
    line-height: 28px;
}
#services_wrap {
  position : relative; 
  z-index: 10;
}
  #services_wrap #dim {
    display : none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 200;
  }
  #services_wrap.load #dim {
    display : block;
  }
  #content_body iframe#book_a_time_iframe {
  	position : absolute;
  	top : 0px;
  	left : 0px;
  	width : 748px;
    border: 1px solid #A1A1A1;
    border-right : 1px solid #D7D7D7;
  	height : 100%;
    background : white;
    z-index : 500;
  }
  #content_body iframe#book_a_time_help {
  	position : absolute;
  	top : 0px;
  	right: 0px;
  	width : 230px;
    border: 1px solid #A1A1A1;
    border-left : 0px;
  	height : 100%;
    background : white;
    z-index : 500;
  }
  #content_body #book_a_time_cancel {
  	z-index :510;
  	position : absolute;
  	bottom : 48px;
  	right : 10px;
  }
  
.select_rim_type {
    margin: 0px 0px 20px;
}
.select_rim_type_partner {
    margin: 0px 0px 10px;
}
  .select_rim_type input, .select_rim_type_partner input {
    float: left;
  }
  .select_rim_type label, .select_rim_type_partner label {
    text-align: left;
    margin-left: 10px;
    width: auto;
}
	 .select_rim_type_partner label {
	    margin-bottom: 0px;
	}

  .select_rim_type #rim_type_steel {
    margin-top: 7px;
  
  }
  .select_rim_type #rim_type_aluminum, .select_rim_type_partner #rim_type_aluminum {
    margin-left: 20px;
  
  
    margin-top: 7px;
}
  #partner_service {
  	
  }
  #partner_service select {
  	
  }
  #partner_service #partner_service_info {
    display: none;
  	
  }
  #partner_service.has_service #partner_service_info {
    display: block;
    position: relative;
}
  #partner_service.has_service #partner_service_select {
  	display:none;
  }
  #partner_service_info .service_description {
    font-size: 12px;
    color: rgb(117, 102, 91);
    width: 350px;
}
  #partner_service_info .service_price {
    position: absolute;  
  font-size: 16px;  
  color: #606060; 
  float: right; 
  margin-right: 15px;
    top: 0px;
    right: 0px;
}
  #partner_service_info a {
    font-size: 12px;
    color: rgb(234, 101, 0);
    text-decoration: none;
}
.pup_open_times {
  clear: both;
font-size: 12px;
color: rgb(117, 102, 91);
padding-top: 5px;
}