/* standard shell template */
html, body 
{
	margin: 0;
	padding:0;
	border:0;
}

body
{		
	font-family: Tahoma;
	font-size: 70%;
	background: #FFF;	
	text-align: center;	
	line-height: 18px;
	color: #424142;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

.discountfields 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
	padding: 4px;
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 781px;		
}
		
	#wrapper #outercontainer 
	{
		border: solid 7px #596460;
		float: left;
		width: 767px;
	}
	
		#wrapper #outercontainer #top 
		{
			width: 758px;
			float: left;
			height: 24px;
			line-height: 24px;
			text-align: right;
			padding-right: 9px;
			text-transform: uppercase;	
			background: #E6E7E8;		
		}
		
			#wrapper #outercontainer #top a 
			{
				text-decoration: none;
			}
			
				#wrapper #outercontainer #top a:hover 
				{
					text-decoration: underline;
				}
		
		#wrapper #outercontainer #content 
		{
			width: 731px;
			height: 24px;			
			padding: 18px;
			float: left;
			/*height: 382px;*/
			height: 430px;
			overflow: auto;
		}
		
			#wrapper #outercontainer #content h1 
			{
				margin: 0px;
				padding: 0px;
				width: 731px;
				height: 24px;
				float: left;
			}
			
				#wrapper #outercontainer #content h1.myaccount 
				{
					background: url(../Images/FBHeaders_MyAccount.gif) no-repeat top  left;
				}
				
				#wrapper #outercontainer #content h1.registernow 
				{
					background: url(../Images/FBHeaders_RegisterNow.gif) no-repeat top  left;
				}
				
				#wrapper #outercontainer #content h1.myaccounthome 
				{
					background: url(../Images/FBHeaders_MyAccountHome.gif) no-repeat top  left;
				}
				
				#wrapper #outercontainer #content h1.editmyaccount 
				{
					background: url(../Images/FBHeaders_EditMyAccount.gif) no-repeat top  left;
				}
				
				#wrapper #outercontainer #content h1.myorders 
				{
					background: url(../Images/FBHeaders_MyOrders.gif) no-repeat top  left;
				}
				
				#wrapper #outercontainer #content h1.selectsizecolour 
				{
					background: url(../Images/FBHeaders_SelectSizeColour.gif) no-repeat top  left;
				}
				
				#wrapper #outercontainer #content h1.yourcart 
				{
					background: url(../Images/FBHeaders_YourCart.gif) no-repeat top  left;
				}
				
				#wrapper #outercontainer #content h1.checkout 
				{
					background: url(../Images/FBHeaders_Checkout.gif) no-repeat top  left;
				}
				
					#wrapper #outercontainer #content h1 span 
					{
						display: none;
					}
					
			#wrapper #outercontainer #content #innercontent 
			{
				width: 712px;
				float: left;
				padding-bottom: 18px;				
			}
			
				/* Register */
				#wrapper #outercontainer #content #innercontent .RegTable td
				{
					height: 30px;
				}
				
					#wrapper #outercontainer #content #innercontent .RegTable td.fieldheader 
					{
						width: 160px;
					}
					
				/* Generic */
				#wrapper #outercontainer #content #innercontent p 
				{
					padding: 0px;
					margin: 18px 0px 0px 0px;
				}
				
				#wrapper #outercontainer #content #innercontent h2 
				{
					width: 712px;
					height: 22px;
					float: left;
					color: #FFF;
					padding: 2px 0px 0px 8px;
					background: url(../Images/MyAccountHeaders.gif) no-repeat top left;
					margin: 0px;							
					font-size: 100%;
					margin-top: 18px;
				}
				
				#wrapper #outercontainer #content #innercontent .formcontainer 
				{
					width: 700px;
					float: left;
					padding: 6px;
					border: solid 1px #D4D4D4;
					background: #EDEDED;
				}
				
					#wrapper #outercontainer #content #innercontent .formcontainer .colheader 
					{
						width: 160px;
						height: 30px;
					}
					
						#wrapper #outercontainer #content #innercontent .formcontainer .colheader.orders 
						{
							background: #BABABA;
							color: #FFF;
							font-weight: bold;
						}
						
					#wrapper #outercontainer #content #innercontent .formcontainer .oddrowbg 
					{
						background: #FFF;
					}
					
					#wrapper #outercontainer #content #innercontent .formcontainer .evenrowbg 
					{
					}
					
				#wrapper #outercontainer #content #innercontent #baskettable 
				{
					width: 712px;
					float: left;
					margin-top: 15px;
				}
					
					#wrapper #outercontainer #content #innercontent #baskettable th
					{
						background: #A7A9AC;
						font-weight: bold;
						color: #FFF;
						text-transform: uppercase;
					}
					
						#wrapper #outercontainer #content #innercontent #baskettable td input, #wrapper #outercontainer #content #innercontent #baskettable td select 
						{
							font-family: Tahoma;
							font-size: 100%;
						}
						
						#wrapper #outercontainer #content #innercontent #baskettable .basketrow 
						{
							border-bottom: solid 1px #DDDEE0;
							padding: 10px 0px 10px 0px;
						}
						
							#wrapper #outercontainer #content #innercontent #baskettable .basketrow.name 
							{
								padding-left: 10px;
							}	
							
				#wrapper #outercontainer #content #innercontent #deliveryselection 
				{
					width: 712px;
					float: left;
					padding: 6px;
					border: solid 1px #D4D4D4;
					background: #EDEDED;					
				}
				
				#wrapper #outercontainer #content #innercontent #paymentselection 
				{
					width: 712px;
					float: left;
					background: #CC0000;
					padding: 6px;
					border: solid 1px #D4D4D4;
					background: #EDEDED;					
				}
				
				/* Address Fields */
				#wrapper #outercontainer #content #innercontent #deliveryspecify 
				{
					width: 726px;
					float: left;			
					margin-top: 10px;																
				}
				
					#wrapper #outercontainer #content #innercontent #deliveryspecify #billingdetails 
					{
						width: 353px;
						float: left;
					}
					
						#wrapper #outercontainer #content #innercontent #deliveryspecify #billingdetails h2 
						{
							width: 331px;
							height: 22px;
							float: left;
							color: #FFF;
							padding: 2px 0px 0px 8px;
							background: url(../Images/MyAccountHeaders.gif) no-repeat top left;
							margin: 0px;							
							font-size: 100%;
							margin-top: 18px;
						}
					
						#wrapper #outercontainer #content #innercontent #deliveryspecify #billingdetails #billinginfo 
						{
							width: 339px;
							float: left;
							padding: 6px;
							border: solid 1px #D4D4D4;	
							background: #EDEDED;										
						}
						
							#wrapper #outercontainer #content #innercontent #deliveryspecify #billingdetails #billinginfo .RegTable td
							{
								height: 30px;
							}
							
								#wrapper #outercontainer #content #innercontent #deliveryspecify #billingdetails #billinginfo .RegTable td.fieldheader 
								{
									width: 110px;
								}
						
							#wrapper #outercontainer #content #innercontent #deliveryspecify #billingdetails #billinginfo .colheader 
							{
								width: 110px;								
							}
							
							#wrapper #outercontainer #content #innercontent #deliveryspecify #billingdetails #billinginfo .FormContent 
							{
								width: 229px;								
							}
					
					#wrapper #outercontainer #content #innercontent #deliveryspecify #deliverydetails 
					{
						width: 353px;
						float: left;
						margin-left: 20px;
					}
					
						#wrapper #outercontainer #content #innercontent #deliveryspecify #deliverydetails h2 
						{
							width: 331px;
							height: 22px;
							float: left;
							color: #FFF;
							padding: 2px 0px 0px 8px;
							background: url(../Images/MyAccountHeaders.gif) no-repeat top left;
							margin: 0px;							
							font-size: 100%;
							margin-top: 18px;
						}
					
						#wrapper #outercontainer #content #innercontent #deliveryspecify #deliverydetails #deliveryinfo 
						{
							width: 339px;
							float: left;
							padding: 6px;
							border: solid 1px #D4D4D4;
							background: #EDEDED;			
						}
						
							#wrapper #outercontainer #content #innercontent #deliveryspecify #deliverydetails #deliveryinfo .RegTable td
							{
								height: 30px;
							}
							
								#wrapper #outercontainer #content #innercontent #deliveryspecify #deliverydetails #deliveryinfo .RegTable td.fieldheader 
								{
									width: 110px;
								}
						
							#wrapper #outercontainer #content #innercontent #deliveryspecify #deliverydetails #deliveryinfo .colheader 
							{
								width: 110px;								
							}
							
							#wrapper #outercontainer #content #innercontent #deliveryspecify #deliverydetails #deliveryinfo .FormContent 
							{
								width: 229px;								
							}
				
				/* Basket Totals */				
				#wrapper #outercontainer #content #innercontent #baskettotals 
				{
					width: 712px;
					float: left;					
					padding: 6px;
					border: solid 1px #D4D4D4;
					background: #EDEDED;					
				}
						
				#wrapper #outercontainer #content #innercontent .basketfunctions 
				{
					width: 205px;
					float: left;										
					margin-top: 10px;
					padding-left: 507px;					
				}
				
					#wrapper #outercontainer #content #innercontent .basketfunctions input, #wrapper #outercontainer #content #innercontent .basketfunctions a 
					{
						float: left;
					}					
		
		#wrapper #outercontainer #bottom 
		{
			width: 758px;
			float: left;
			height: 24px;
			line-height: 24px;
			text-align: right;
			padding-right: 9px;
			text-transform: uppercase;
			background: #E6E7E8;
		}
			
			#wrapper #outercontainer #bottom a 
			{
				text-decoration: none;
			}
			
				#wrapper #outercontainer #bottom a:hover 
				{
					text-decoration: underline;
				}