/*** Login Page ***/

.log_in
{
	width: 338px;		/* 368 */
	border-right: 1px solid #D9D8D8;
	padding: 0 30px 40px 0;
	float: left;
}

.new_customer
{
	width: 500px;
	float: right;
}

	.log_in h2  ,  .new_customer h2
	{
		font-size: 220%;
		margin: 0 0 15px 0;	
	}
	.new_customer input
	{
		float: left;
		margin: 5px 5px 0 0;
	}



/*** Register Page ***/

#createnewaccount_left  ,  #createnewaccount_right
{
	margin-top: 15px;
}
	#createnewaccount_left h2  ,  #createnewaccount_right h2
	{
		margin: 0 0 3px 0;	
		clear: both;
	}
	#createnewaccount_left h3  ,  #createnewaccount_right h3
	{
		font-size: 110%;
		font-weight: bold;
		margin: 0 0 15px 0;	
		clear: both;
	}

#createnewaccount_left
{
	width: 220px;
	float: left;
}

#createnewaccount_right
{
	width: 460px;		/* 650 */
	border-left: 1px solid #D9D8D8;
	padding: 0 160px 0 30px;
	float: right;
}
	#createnewaccount_right p.addressnote
	{
		margin-top: 5px;
		font-size: 90%;
		color: #333;
	}
	#createnewaccount_right .phonenumber
	{
		margin-top: 10px;
		width: 180px;
		float: left;
	}
	.checkbox_component label
	{
		font-weight: normal;	
	}




/*** Select Delivery Address Page ***/

.selectaddress
{
	width: 370px;		/* 385 */
	padding-right: 15px;
	border-right: 1px solid #D9D8D8;
	float: left;
}

.addaddress
{
	width: 440px;		/* 480 */
	padding-right: 40px;
	float: right;
}
	.selectaddress .heading  ,  .addaddress .heading
	{
		width: 305px;
		height: 60px;
		padding-left: 8px;
		float: left;
	}
	.selectaddress h3  ,  .addaddress h3
	{
		font-size: 110%;
		font-weight: bold;
		margin: 12px 0 15px 0;	
		clear: both;
	}
	.selectaddress img  ,  .addaddress img
	{
		float: left;
	}
	
	
	.address_box
	{
		width: 190px;
		float: left;
	}
		.address_box .header
		{
			padding-bottom: 10px;
		}
			.address_box .header label
			{
				color: #6B3B81;
			}
			.address_box .header a  ,  .address_box .header a:hover
			{
				color: #9D9931;
			}
	
	.selectaddress input
	{
		float: left;
		margin-top: 40px;
	}		
	
	.selectaddress .separator
	{
		width: 305px;
		margin: 21px 0;
		height: 1px;
		background-color: #D9D8D8;
		clear: both;
	}





/*** Payment Page ***/

.paymentpage_left
{
	float: left;
	width: 659px;		/* 675 */
	padding-right: 16px;
	border-right: 1px solid #ECEBEB;
}

	.paymentpage_left .address_box
	{
		width: 325px;
		padding-bottom: 35px;
	}
		.paymentpage_left .address_box h2
		{
			font-size: 110%;
			font-weight: bold;
			color: #333;
		}
			.paymentpage_left .address_box h2 a
			{
				font-size: 100%;
				font-weight: normal;
				color: #9D9931;
			}
	.paymentpage_left .offers_removed
	{
		padding: 10px 0;	
		color: #CC0000;
	}		
			
	.paymentpage_left table.basketdetail
	{
		margin-bottom: 10px;	
	}
	
	.card_details
	{
		background-color: #F7F7F7;
		padding: 0 20px 20px 20px;
		clear: both;
	}	
		.card_details .heading
		{
			width: 350px;
			padding: 15px 0 20px 0;
		}	
			.card_details h3
			{
				font-weight: bold;
				font-size: 110%;
				margin: 0;
				padding: 0;
			}	
		.card_details img
		{
			margin: 15px 0 20px 0;
			float: right;
		}
				
		.card_details table
		{
			clear: both;
			margin: 0;
		}
			.card_details table td
			{
				border-right: 1px solid #D5D4D4;
				vertical-align: top;
			}
			.card_details table td.column1
			{
				width: 120px;
			}
				.card_details table td.column1 select
				{
					width: 110px;
				}
			.card_details table td.column2
			{
				width: 130px;
				padding-left: 8px;
			}
				.card_details table td.column2 input
				{
					width: 116px;
				}
			.card_details table td.column3
			{
				width: 150px;
				padding-left: 8px;
			}
			.card_details table td.column4
			{
				width: 195px;
				border: 0;
				padding-left: 8px;
			}
				.card_details table td.column4 input
				{
					width: 50px;
				}
	.place_order
	{
		padding-top: 15px;
		text-align: right;	
	}

.paymentpage_right
{
	float: right;
	width: 215px;
}






/*** Order confirmation page ***/

#orderconfirmation_left
{
	width: 660px;
	float: left;
}
	p.order_reference
	{
		font-weight: bold;
		margin: 0 0 5px 0;
		padding-top: 10px;
	}
		p.order_reference .ref
		{
			font-size: 140%;
		}
	p.order_info
	{
		margin: 0 0 40px 0;
	} 
	
	#orderconfirmation_left .heading
	{
		float: left;
		margin: 0 0 40px 0;
	} 	
		#orderconfirmation_left h2
		{
			margin: 0;
		} 	
		#orderconfirmation_left h3
		{
			font-size: 110%;
			font-weight: bold;
			color: #333;
		} 		
	#orderconfirmation_left a.printorder_button
	{
		float: right;
	} 
	
	#orderconfirmation_left #addresses
	{
		clear: both;
		width: 100%;
		margin: 0 0 35px 0;
	}
		#orderconfirmation_left #addresses .address_box
		{
			padding-left: 10px;
			width: 300px;
		}
	
	#orderconfirmation_left table
	{
		clear: both;	
	}
	

#orderconfirmation_right
{
	width: 1px;
	float: right;
}



/*** checkout survey ***/
#checkout_survey
{
    clear:both;
    margin-top:35px;
}

    #checkout_survey h2
    {
        margin-bottom:20px;
    }
    
    #checkout_survey textarea
    {
        width:640px;
        margin-top:5px;
    }
    
    #checkout_survey table
    {
        margin-bottom:5px;
    }
  
   #checkout_survey td
   {
    width:40px;
    text-align:center;
   }
   
    #checkout_survey td.radio
    {
        text-align:center;
    }
    
    #checkout_survey .question
	{
		font-weight: bold;
	}
	
    #checkout_survey td.q4a1, td.q4a2, td.q4a3, td.q4a4, td.q4a5
	{
	    width:80px;
	}
    
    
    
/*** General checkout styles ***/