﻿/* Common checkout bits */
#middleColumn p										{font-size:0.8em; margin-left:12px;}
.checkoutTimeline									{clear:left;}
.checkoutText										{font-size:0.8em;margin-bottom:14px;width:559px;}	/* should be 13pt from design */
.checkoutText strong								{font-weight:bold !important;}
.checkoutSmallerText								{color:#999999;font-size:0.85em;font-weight:bold;line-height:14px;}	
.textField,
.selectField
{
	border-color:#67ABCE;
	border-style:solid;
	border-width:1px;
	margin-top:4px;
}
.checkoutFormContainer								{margin-left:40px;width:543px;}
.checkoutFormContainer label
{
	clear:left;
	display:inline-block;
	font-size:0.8em;
	text-align:right;	
	width:180px;
}

#deliveryContainer ul li                            { font-size: 0.9em; }

.checkoutFormContainer label strong					{font-weight:bold;}
.fullWidthSelect									{width:208px;}
.daySelect											{width:50px;}
.textField											{margin-top:4px;width:206px;}

/* General Checkout Error */
.checkoutError										{color:Red;display:inline-block;font-size:0.9em;margin:4px 0px 0px 184px;}

/* Terms and Conditions */
.termsNote											{font-size:0.6em !important;line-height:10px;}
.termsContainer										{margin-top:4px;width:210px;}
.termsCheckboxWrapper								{width:20px;}
.termsCheckboxText									{float:right;margin-right:28px;width:160px;}
	
/* Login page */
#loginContainer .forgottenLink						{font-size:0.7em;font-style:italic;margin:0px 0px 10px 184px;}
#loginContainer .loginButton						{margin-left:306px;}
	
.rightAlignedCheckoutButton							{margin-left:12px;text-align:right;width:559px;}
.bottomMarginCheckoutButton							{margin-bottom:9px;}

/* Password reminder page */
#reminderContainer									{margin-left:82px !important;text-align:center;width:350px;}
	#reminderContainer label						{width:138px;}
	#reminderContainer .resetButton					{margin-left:190px;margin-top:10px;}
	
/* Register page */
	#registerContainer .termsContainer				{margin-left:180px;}
	#registerContainer .registerSubmit				{margin-left:289px;margin-top:10px;}
	#registerContainer .saveChanges					{margin-left:246px;margin-top:10px;}
	#registerContainer .registerPasswordNote		{font-size:0.6em;line-height:10px;}
	
/* Delivery page */
.checkoutChangeAddress								{margin-bottom:15px;margin-left:350px;}
.checkoutGetDeliveryOptions							{margin-left:183px;margin-top:15px;}
.checkoutSaveDeliveryAddress						{margin-left:246px;margin-top:15px;}
.deliveryOptionsContainer							{margin-top:10px;}
.deliveryOptions									{margin-left:222px;}
.deliveryOptions label								{font-size:0.8em;vertical-align:text-top;}
.deliveryContinue									{margin-left:465px;margin-top:10px;width:105px;}

/* Payment page */
.billingAddressCheckbox								{color:#67ABCE;font-size:0.9em;margin:0px 0px 10px 12px;}
.billingAddressCheckbox input						{margin:0px 2px 0px 0px;}
.billingAddressCheckbox label						{vertical-align:text-bottom;}
.checkoutSaveBillingAddress							{margin-left:246px;margin-top:15px;}

	#paymentContainer .ccvContainer					{width:510px;}
	#paymentContainer a em							{font-size:0.8em;}
	#paymentContainer img							{float:right;margin-top:4px;}
	#paymentContainer .termsContainer				{margin-left:180px;}
	#paymentContainer .paymentContinue				{margin:10px 0px 10px 277px;width:115px;}
	
/* Confirm page */
.checkoutConfirmTable								{margin-left:12px;width:559px;}
.checkoutConfirmTable td							{border:dashed 1px #CCCCCC;}
.confirmTableItemDescription						{font-weight:bold;margin-top:8px;}
.confirmTableItemBinding							{font-size:0.9em;font-weight:bold;}
.confirmTableItemUnitPrice							{font-size:0.9em;margin-bottom:8px;}
.confirmTableItemSubtotal							{font-weight:bold;margin-left:93px !important;}
.confirmTableLabel									{display:inline-block;font-size:1em;font-weight:bold;margin-left:4px;text-align:right;width:90px;}
.confirmTableSubTotalCell							{background-color:#EEEEEE;}
.confirmTableDeliveryCell							{background-color:#EEEEEE;}
.confirmTableTotalCell								{background-color:#D1E6F0;}
.confirmPayment										{margin-bottom:10px;margin-left:400px;}

#confirmDetailsContainer							{margin-bottom:10px;margin-left:12px;width:559px;}
#confirmContainer h3								{font-size:0.9em;font-weight:bold;}
#confirmContainer li								{font-size:0.9em;}

#deliverySummaryContainer							{float:right;width:280px;}
#billingSummaryContainer							{margin-left:12px;width:250px;}
#confirmCardSummaryContainer						{margin-left:24px;width:559px;}
	#confirmCardSummaryContainer ul					{margin-bottom:10px;}
	#confirmCardSummaryContainer label				{display:inline-block;font-size:0.9em;width:145px;}
	#confirmCardSummaryContainer span				{font-size:0.9em;}
	#confirmCardSummaryContainer .termsContainer	{margin-left:140px;}
	
/* Thankyou page */
.checkoutViewAccount								{margin-left:378px;}

/* School registration */
.tradeLists                                         {width:400px;height:80px}
.schoolLookupContainer								{margin-left:150px;}
.schoolRegistrationLookup							{margin-left:82px;margin-top:10px;}
.schoolRegistrationContainer						{margin-left:90px;width:375px;}
#accountSelectContainer								{margin-bottom:10px;}	
	
/* The checkout accepted cards footer, common to most checkout pages */
#acceptedCardsContainer
{
	margin-bottom:10px;
	margin-left:12px;
	text-align:center;
	width:559px;
}
	#acceptedCardsContainer	h2							{display:none;}
	#acceptedCardsContainer .acceptedCardsText,
	#acceptedCardsContainer .acceptedCardsLinks
	{
		font-size:0.8em;
		margin-bottom:0px !important;
		margin-top:0px !important;
	}
	#acceptedCardsContainer .top
	{
		background-image:url(../graphics/structure/accepted_cards_top.gif);
		background-position:left top;
		background-repeat:no-repeat;
		margin-top:10px;
		height:10px;
	}
	#acceptedCardsContainer .body
	{
		background-image:url(../graphics/structure/accepted_cards_body.gif);
		background-position:left top;
		background-repeat:repeat-y;
		height:76px;
	}
	#acceptedCardsContainer .bottom
	{
		background-image:url(../graphics/structure/accepted_cards_bottom.gif);
		background-position:left top;
		background-repeat:no-repeat;
		height:10px;
	}	
	#acceptedCardsContainer .acceptedCardsImages
	{
		margin-top:8px;
		margin-bottom:8px;
	}
	#acceptedCardsContainer .acceptedCardsLink
	{
		font-weight:bold;
	}
	
