/* Cart tables. */

table.cart {
background: #eee;
margin: 0 0 16px;
width: 100%;
}

	table.cart th {
	background: #fff;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	color: #333;
	padding: 4px 10px;
	text-align: left;
	}

	table.cart td {
	color: #666;
	padding: 6px 10px;
	text-align: left;
	}
	
		table.cart td.cart_price {
		border-left: 1px dashed #ddd;
		width: 75px;
		}
		
		table.cart tr.cart_vat td, table.cart tr.cart_total td {
		background: #fff;
		border-top: 1px dashed #ccc;
		}
		
			table.cart td.cart_message {
			font-weight: bold;
			text-align: right;
			}
		
			table.cart td.cart_quantity {
			width: 200px;
			}
		
			table.cart td.cart_delete {
			width: 1px;
			}
		
			table.cart tr.cart_total td.cart_price {
			color: #c00;
			font-weight: bold;
			}
	
		table.cart td.noshow {
		background: #fff;
		border: 0;
		}


/* Quantity Section. */

table.cart td.cart_quantity input,
table.delivery td.right select,
table.delivery td.right input {
border: 1px solid #ccc;
font-weight: normal;
font-size: .9em;
padding: 1px 3px;
width: 40px;
}
	
	table.cart td.cart_quantity input.update {
	background: #ddd;
	border: 1px solid #ccc;
	color: #666;
	cursor: pointer;
	font-family: Arial;
	font-size: .9em;
	font-weight: normal;
	margin: 0 0 0 2px;
	padding: 1px 7px;
	width: auto;
	}



/* Delivery tables. */

table.delivery {
background: #eee;
border-top: 1px dashed #333;
width: 100%;
}

	table.delivery.delivery_step3 {
	border-bottom: 1px dashed #333;
	margin: 0 0 16px;
	}

	table.delivery td {
	padding: 6px 10px;
	width: 50%;
	}
	
	table.delivery td.left {
	text-align: right;
	}
	
		table.delivery td.right select,
		table.delivery td.right input {
		width: auto;
		}



/* Cart Buttons. */

#content p.cart_buttons, #content p.additional_button {
overflow: auto;
text-align: right;
}

	#content p.cart_buttons a {
	float: left;
	padding: 5px;
	}

	#content p.cart_buttons input {
	cursor: pointer;
	float: right;
	padding: 5px;
	}
		
	#content p.additional_button {
	border-top: 1px solid #000;
	padding: 16px 0 11px;
	}
	
		#content p.cart_buttons input.important, #content p.cart_buttons a.important,
		#content p.additional_button input.important, #content p.additional_button a.important {
		background: #ccc;
		border: 1px solid #ccc;
		border-radius: 5px;
		color: #fff;
		cursor: pointer;
		font-size: 1.2em;
		float: right;
		margin: 0 0 0 5px;
		padding: 5px 10px;
		}	
		
		#content p.cart_buttons input.submit_checkout,
		#content p.cart_buttons input#paypalpro_button,
		#content p.cart_buttons input#paypal_button,
		#content p.cart_buttons input#paypal_express_button,
		#content p.cart_buttons input#paypalpro_iframe_button,
		#content p.cart_buttons input#sagepayapi_button,
		#content p.cart_buttons input#sagepay_button,
		#content p.cart_buttons input#hsbc_button,
		#content p.cart_buttons input#hsbcapi_button,
		#content p.cart_buttons input#phone_button,
		#content p.cart_buttons input#confirm_payment {
		border: 0;
		height: 32px;
		padding: 0;
		text-indent: -1000em;
		}
		
			#content p.cart_buttons input.submit_checkout {
			background: url(../graphics/layout/checkout/paybycard.jpg);
			width: 473px;
			}	
			
			#content p.cart_buttons input#paypalpro_button,
			#content p.cart_buttons input#paypal_button,
			#content p.cart_buttons input#paypal_express_button,
			#content p.cart_buttons input#paypalpro_iframe_button,
			#content p.cart_buttons input#sagepayapi_button,
			#content p.cart_buttons input#sagepay_button,
			#content p.cart_buttons input#hsbc_button,
			#content p.cart_buttons input#hsbcapi_button {
			background: url(../graphics/layout/checkout/entercard.jpg);
			width: 423px;
			}
			
			#content p.cart_buttons input#phone_button {
			background: url(../graphics/layout/checkout/paybyphone.jpg);
			clear: both;
			margin-top: 16px;
			width: 153px;
			}
			
			#content p.cart_buttons input#confirm_payment {
			background: url(../graphics/layout/checkout/confirmpayment.jpg);
			width: 176px;
			}



/* Customer pages.  */

#cart_login {
display: none;
}

img.submit_login {
float: right;
margin: 5px 0 0 20px;
}



/* Country error message. */

#delivery_charge p.error {
border: 2px dashed #ccc;
margin: 16px 0 0;
padding: 10px;
}



/* Promo code input. */

#promotional_code {
background: #aaa;
}

	#promotional_code td {
	color: #fff;
	text-align: right;
	padding: 4px 5px;
	}
	
		#promotional_code td.right {
		width: 300px;
		}
	
	#promotional_code td input {
	border: 1px solid #aaa;
	padding: 2px;
	width: 200px;
	}
	
		#promotional_code td input#promo_submit {
		border: 1px solid #aaa;
		font-size: .9em;
		padding: 3px 7px;
		position: relative;
		top: -1px;
		width: auto;
		}



/* Customer details page. */

table#customer_details, table#delivery_details {
float: left;
width: 50%;
}

	table#delivery_details {
	border-left: 10px solid #fff;
	}
	
		table#delivery_details th span {
		color: #333;
		float: right;
		}
		
			table#delivery_details th span input {
			margin: 0 0 0 5px;
			position: relative;
			top: 2px;
			}

	table#customer_details input, table#delivery_details input, table#payment_form input {
	border: 1px solid #ccc;
	font-size: 1em;
	padding: 2px 5px;
	}
	
		table#customer_details select, table#delivery_details select, table#payment_form select {
		border: 1px solid #ccc;
		font-size: 1em;
		padding: 1px;
		}
		
		table#payment_form td.left {
		text-align: right;
		}
	
		input#customerName, input#deliveryName { width: 175px; }
		input#customerCompany, input#deliveryCompany { width: 150px; }
		input#customerAddress1, input#deliveryAddress1 { width: 200px; }
		input#customerAddress2, input#deliveryAddress2 { width: 200px; }
		input#customerAddress3, input#deliveryAddress3 { width: 200px; }
		input#customerTown, input#deliveryTown { width: 125px; }
		input#customerCounty, input#deliveryCounty { width: 125px; }
		input#customerPostcode, input#deliveryPostcode, input#deliveryPostcodeUnedit { width: 75px; }
		select#customerCountry, select#deliveryCountry { width: 250px; }
		input#customerTelephone, input#deliveryTelephone { width: 100px; }
		input#customerEmail, input#deliveryEmail { width: 200px; }
		
		input.checkbox { margin: 2px 7px 0 0; }
	
		input#cardName { width: 175px; }
		input#card_number { width: 200px; }
		input#cardCVC { width: 50px; }


/* Additional delivery details. */

#delivery_details_wrap {
position: relative;
}

	#delivery_overflow {
	background: #000;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	}


/* Cart wrapper. */

.cart_wrapper {
overflow: auto;
}
