/* ------------------------------------------------------------ */
/* Element Formatting */
/* ------------------------------------------------------------ */

	/* ----- Checkout Wide Block ----- */

		.Checkout-Wide {

			position: relative;
			float: left;

			margin: 10px 0 0 10px;

			width: 578px;
			height: auto;

			background-image: url(http://images.esellerpro.com/13/images/elements/content-wide-c-bg.gif); 

		}

		* html .Checkout-Wide { margin: 10px 4px 0 6px; }

		.Checkout-Wide-Top { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			line-height: 0px;

			background-image: url(http://images.esellerpro.com/13/images/elements/content-wide-c-top.gif); 

		}

		.Checkout-Wide-Base { 

			position: relative;
			float: left;

			width: 578px;
			height: 4px;

			background-image: url(http://images.esellerpro.com/13/images/elements/content-wide-c-base.gif);

		}

		.Checkout-Wide-Header {

			position: relative;
			float: left;

			width: 578px;
			height: 20px;

			background-image: url(http://images.esellerpro.com/13/images/elements/block-wide-header.gif);

			border-bottom: 1px dotted #cbcbcb;

		}

		.Checkout-Wide-Footer {

			position: relative;
			float: left;

			left: 1px;

			width: 576px;
			height: auto;

			background-color: #eeeeee;

		}

	/* ----- Element Styles ----- */

		.Checkout-Wide H2 {

			position: relative;
			float: left;

			margin: 0 0 0 10px; 	

		}

		* html .Checkout-Wide H2 { margin: 0 0 0 3px; }

		.Checkout-Wide .More-Button {

			position: relative;
			float: right;

			padding: 0 10px 0 0;

		}
		
		.Basket-Wide .More-Button img { margin: 0 0 0 5px; }

		.Basket-Wide p { padding: 10px 10px 10px 20px; }

	/* ----- Lets reconfigure footer more item links ----- */

		.Checkout-Wide .Checkout-Wide-Footer .More-Button {

			padding: 3px 16px 3px 0;						

	}
	
	/* ----- Checkout Table Layouts ----- */
	
		.Product-Checkout {
		
			position: relative;
			float: left;
			
			margin: 10px 0 10px 10px;
			padding: 0 0 0 0;
			
			width: 558px;
		
		}
		
		* html .Product-Checkout { margin: 10px 0 10px 5px; }
		
		.Product-Checkout-Details {
				
			position: relative;
			float: left;

			margin: 10px 0 10px 10px;
			padding: 0 0 0 0;

			width: 380px;

		}
				
		* html .Product-Checkout-Details { margin: 10px 0 10px 5px; }
		
		.Checkout-Divider { 
		
			font-size: 0px;
		
			border-top: 1px solid #000000; 
			
		}
		
		.Checkout-Options {
		
			padding: 10px 0 10px 0;
		
		}
		
		.Product-Checkout tr td { vertical-align: middle; }
		
		/* ----- Cancel out the Checkout paragraph padding ----- */
		
			.Product-Checkout tr td p { padding: 0px; }
		
		/* ----- Table Headers ----- */
		
			.Checkout-Wide-Table-Header {
			
				padding: 3px 0 3px 5px;	

				width: 558px;

				text-align: left;

				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;

			}
		
			.Checkout-Description-Header {

				padding: 3px 0 3px 5px;	

				width: 280px;

				text-align: left;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;

			}

			.Checkout-Quantity-Header { 

				padding: 3px 5px 3px 0;

				width: 60px;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;

			}

			.Checkout-Price-Header {

				padding: 3px 5px 3px 0;

				width: 65px;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;

			}

			.Checkout-Cost-Header { 

				padding: 3px 5px 3px 0;

				width: 65px;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;
				
			}
			
		/* ----- Checkout Address Elements ----- */
			
			.Checkout-Address-Details-Titles {
			
				padding: 3px 10px 3px 10px;
				
				text-align: left;

				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;		
			
			}
			
			.Checkout-Address-Details-Values {
			
				padding: 3px 10px 3px 10px;
								
				width: 380px;

				text-align: left;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;
			
			}
			
			.Checkout-Address-Details-Values Input {
					
				margin: 5px 0 0 0;

				width: 200px;
				height: 15px;

				text-align: left;

				border: 1px solid #000000;

			}	 
			
			.Checkout-Address-Details-Values select {
			
			    width: 200px; 
			
			}
			
			.Checkout-Address-Details-Header {
			
				padding: 3px 10px 3px 10px;
				
				text-align: left;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;
			
			}
			
			.SameAsBilling { margin: 0 5px 0 0; }
			.TransferDetailsTR p { margin: 10px 0 10px 0; }
			
		/* ----- Checkout Custom Message Field Elements ----- */
		
			.Checkout-Content-Message {
							
				position: relative;
				float: left;

				margin: 10px 0 10px 10px;
				padding: 0 0 0 0;

				width: 558px;

			}

			* html .Checkout-Content-Message { margin: 10px 0 10px 5px; }
			
			/* ----- We need to cancel the padding on the P tag ----- */
			
				.Checkout-Content-Message p { padding: 0 0 10px 0; }
			
			.Content-Message-Title {
			
				padding: 3px 0 3px 10px;	
				
				width: 558px;

				text-align: left;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;
			
			}
			
			.Content-Message {
			
				padding: 3px 10px 3px 10px;

				width: 558px;

				text-align: left;

				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;
			
			}
			
		/* ----- Table Listing Inners ----- */
		
			.Checkout-Standard-Content {
						
				padding: 0 5px 5px 5px;
				
				width: 402px;

				text-align: left;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;
						
			}
			
			.Checkout-Standard-Content-Wide {
									
				padding: 0 5px 5px 5px;

				width: 558px;

				text-align: left;

				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;
									
			}

			.Checkout-Description {

				padding: 0 5px 5px 5px;

				text-align: left;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;

			}

			.Checkout-Quantity { 

				padding: 0 5px 5px 5px;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;

			}

			.Checkout-Price {

				padding: 3px 5px 5px 5px;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;

			}

			.Checkout-Cost { 

				padding: 3px 5px 5px 5px;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;

			}
		
		/* ----- Table Footer Totals ----- */
		
			.Checkout-Standard-Content-Title { 

				padding: 3px 5px 3px 5px;

				width: 130px;

				text-align: left;

				border-right: 2px solid #ffffff;	
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;

			}

			.Checkout-Subtotal-Title-Footer {

				padding: 3px 5px 3px 0;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;

			}

			.Checkout-SubCost-Footer { 

				padding: 3px 5px 3px 0;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-content-bg.gif);
				background-color: #ebebeb;
			}
			
			.Checkout-Total-Title-Footer {
			
				padding: 3px 5px 3px 0;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;
			
			}
			
			.Checkout-TotalCost-Footer { 

				padding: 3px 5px 3px 0;

				text-align: right;
				
				background-image: url(http://images.esellerpro.com/13/images/elements/table-header.gif);
				background-color: #0d65b3;
			}
		

	/* ----- Inner Checkout Table Elements ----- */
		
		.Checkout-Description a {
			
			padding: 0;
			margin: 0;
		
		}
		
	/* ----- Table within Table Elements including payment & delivery types ----- */
		
		.Content-Inner-Table {

			border-collapse: collapse;

		}
		
		.Content-Inner-Table td { border-bottom: 2px solid #ffffff; }
		
		.Checkout-Standard-Content p { margin: 5px 0 0 0; }
		.Checkout-Standard-Content-Wide p { margin: 5px 0 0 0; }

		.Checkout-Standard-Content select {

			margin: 5px 0 0 0;

			width: 170px;
			height: 20px;

			text-align: left;

			border: 1px solid #000000;

		}
		
		.Checkout-Standard-Content-Wide select {
		
			margin: 5px 0 0 0;

			width: 170px;
			height: 20px;

			text-align: left;

			border: 1px solid #000000;
		
		}

/* ------------------------------------------------------------ */
/* Misc Elements */
/* ------------------------------------------------------------ */

	/* ----- Paging Elements ----- */

		.Checkout-Wide .Checkout-Wide-Footer .Paging {

			position: relative;
			float: right;

			padding: 3px 16px 3px 0;						

		}
		
/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

	/* ----- More Button Elements ----- */
	
		.Checkout-Wide .More-Button a { color: #3e3e3e; }				
		.Checkout-Wide .More-Button a:hover { color: #6e6e6e; }
		
	/* ----- Checkout Table Elements ----- */
	
		/* ----- Checkout Table Headers ----- */

			.Checkout-Wide-Table-Header b { color: #ffffff; }
			.Checkout-Description-Header b { color: #ffffff; }
			.Checkout-Quantity-Header b { color: #ffffff; }  
			.Checkout-Price-Header b { color: #ffffff; }
			.Checkout-Cost-Header b { color: #ffffff; }
			
		/* ----- Checkout Address Elements ----- */
		
			.Checkout-Address-Details-Titles b { color: #0d65b3; }
			.Checkout-Address-Details-Header b { color: #ffffff; }
			
			.Checkout-Address-Details-Values input { color: #000000; } 
			
			.Checkout-Address-Details-Values select { color: #000000; }
			
		/* ----- Checkout Custom Message ----- */
			
			.Content-Message-Title b { color: #ffffff; }
			.Checkout-Content-Message .Content-Message p { color: #000000; }
			
		/* ----- Checkout Table Inner Elements ----- */

			.Checkout-Description a { color: #7f0276; }				
			.Checkout-Description a:hover { color: #52004c; }
			
			.Checkout-Standard-Content-Wide a { color: #7f0276; }				
			.Checkout-Standard-Content-Wide a:hover { color: #52004c; }
		
		/* ----- Checkout Table within Table Elements ----- */
							
			.Checkout-Standard-Content select { color: #000000; }
			.Checkout-Standard-Content-Wide select { color: #000000; }
		
		/* ----- Checkout Table Footer Elements ----- */
		
			.Checkout-Total-Title-Footer p { color: #ffffff; }
			.Checkout-TotalCost-Footer p { color: #ffffff; }

/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

	/* ----- More Button Elements ----- */
	
		.Checkout-Wide .More-Button {

			text-align: right;
			font-weight: bold;
			font-size: 0.8em;

		}

		.Checkout-Wide .More-Button a { text-decoration: none; }

	/* ----- Content Block Elements ----- */
	
		.Checkout-Wide H2 { font-size: 0.8em; }

	/* ----- Checkout Table Elements ----- */
	
		/* ----- Checkout Table Headers ----- */
		
			.Checkout-Wide-Table-Header { font-size: 0.7em; }
			.Checkout-Description-Header { font-size: 0.7em; }
			.Checkout-Quantity-Header { font-size: 0.7em; }
			.Checkout-Price-Header { font-size: 0.7em; }
			.Checkout-Cost-Header { font-size: 0.7em; }
			
		/* ----- Checkout Address Elements ----- */
				
			.Checkout-Address-Details-Titles { font-size: 0.7em; }
			.Checkout-Address-Details-Header { font-size: 0.7em; }
			
			.Checkout-Address-Details-Values input { font-size: 0.7em; } 
			.Checkout-Address-Details-Values select 	{ font-size: 0.7em; border:1px solid #000000;} 
			
		/* ----- Checkout Custom Message ----- */
					
			.Content-Message-Title b { font-size: 0.7em; }
			.Checkout-Content-Message .Content-Message p { font-size: 0.7em; }

		/* ----- Checkout Table Inner Elements ----- */
	
			.Checkout-Description a {

				text-decoration: none;
				font-size: 0.7em;

			}
			
			.Checkout-Standard-Content-Wide a {

				font-weight: bold;
				text-decoration: none;
				font-size: 1.0em;
			
			}
			
		/* ----- Checkout Table within Table Elements ----- */
					
			.Checkout-Standard-Content select { font-size: 0.7em; }
			.Checkout-Standard-Content-Wide select { font-size: 1.0em; }

		/* ----- Checkout Table Footer Elements ----- */
		
			.Checkout-Subtotal-Title-Footer p { font-weight: bold; }
			.Checkout-SubCost-Footer p { }
			
			.Checkout-Total-Title-Footer p { font-weight: bold; }
			.Checkout-TotalCost-Footer p { font-weight: bold; }
		
		/* ----- Standard Table Elements ----- */		
		
			.Product-Checkout p { font-size: 0.7em; }
			.Product-Checkout-Details p { font-size: 0.7em; }			
			
			
					.Checkout-Standard-Content ul{margin:0px; padding:0px;}

.Checkout-Standard-Content .header {line-height:2;}
		.Checkout-Standard-Content li{list-style-type:none; float:left; margin-right:10px;}