﻿#checkout-process-table
{
	width:900px;
	border:2px solid black;
	border-right:0;
	margin-bottom:25px;
	}
	#checkout-process-table td
	{
		border-right:2px solid black;	
		text-align:center;
		padding-top:3px;
		
	}
	#checkout-process-table td.active
	{
		background-color:Black;
		
	}
	#checkout-process-table img
	{
		display:inline
	}
	
div.basket-offers .list-product
{
    height:180px !important;
}	
div.basket-offers .list-product img 
{
    margin-left:30px;
}	
/*------------------------------------------*/
/*  COMMON COLUMNS    */
/*------------------------------------------*/
#checkout-basket .left-column,
#checkout-order .left-column,
#checkout-confirmed .left-column,
#checkout-edit-info .left-column
{
	width:620px;
	float:left;
	padding-right:50px;
}

#checkout-basket .right-column,
#checkout-order .right-column,
#checkout-confirmed .right-column,
#checkout-edit-info .right-column
{
	float:right;
	width: 225px;
	
}


#checkout-edit-info .left-column
{
	width:620px;
	}




	
/*------------------------------------------*/
/*   TABLE    */
/*------------------------------------------*/
.basket-table
{
	width:100%;
	
	}
	.basket-table th
	{
		font-size:12px;
		font-family:Arial;
		font-weight:bold;
		
		padding:5px 0;
		
	}
	.basket-table th.right,
	.basket-table td.right
	{
		text-align:right;
		padding-left:10px;
		float:none;
	}
	.basket-table th.left,
	.basket-table td.left
	{
		text-align:left;
		padding-right:10px;
		float:none;
		}
		
	.basket-table td.left-padding
	{
		padding-left:10px;	
	}
	.basket-table td
	{
		font-size:12px;
		font-family:Arial;
		border-top:1px solid #e3e3e3;
		padding:10px 0;
		line-height:18px;
		vertical-align:top;
	
	}
	.basket-table a
	{
		font-size:12px;
		color:#777777;
		text-decoration:underline;	
	}
	.basket-table td.product-name
	{
		width:100%;	
	}
	.basket-table td.product-name a
	{
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		color:Black;
	}
	.basket-table td.product-name a:hover
	{
		color:#ed2931;
	}
	
	.basket-table input.text
	{
		border:1px solid #555555;
		width:15px;
		padding:1px;
		text-align:center;
		font-size:11px;
		margin-top:0px;
	}
	
	.basket-table td.basket-summary
	{
		font-size:17px;	
		vertical-align:middle;
		line-height:15px;
		padding-right:0;
	}

	.basket-table input.button
	{
		margin:10px 0;
		margin-left:20px;
		font-size:18px;
		
	}
	

.basket-offers
{
	border:3px solid black;
	padding:20px;	
	overflow:auto;
	}
	.basket-offers .offer-item
	{
		clear:both;
		height:100px;
		margin:10px 0;
		vertical-align:bottom;
		position:relative;
		
	}
	.basket-offers .offer-item img
	{
		float:left;
		margin-right:5px;
	}
	.basket-offers .offer-item  div
	{
		float:left;
		padding-top:20px;
		width:70px;
		padding-bottom:5px;
		
	}
	




/*-----------------------------*/
/* LOGIN PAGE */
/*-----------------------------*/ 
#checkout-login {	
	
	background-image:url(../images/checkout/login-bg.jpg);
    background-repeat:no-repeat;
    background-position:650px 35px;
	min-height:300px;
	
	}
	
	#checkout-login .info
	{
		margin:5px 0;
	}

	/*  LEFT COLUMN  */
	#checkout-login  div.left-column 
	{
		float:left;
		width:240px;
		padding-right:30px;
		
		border-right:1px solid #dddddd;
	
		}
		#checkout-login input.text,
		#checkout-login div.left-column input.password	
		{
			/*border: 1px solid black;*/
			border: 1px solid;
			padding: 5px;
		}
		#checkout-login > .left-column table
		{
			width:100%;
			/*background-color:yellow;*/
		}
		#checkout-login div.left-column input.text,
		#checkout-login div.left-column input.password
		{
			width:228px;
			margin-top:3px;
			margin-bottom:5px;
		}

		#checkout-login  div.left-column .red-button
		{
			float:right;
			font-size:12px;
			margin:4px 0;
		}
		
		
	/*  RIGHT COLUMN  */
	#checkout-login  .right-column 
	{
		float:right;
		width:590px;
		padding-left:30px;
		/*border:1px solid brown;*/
		background:inherit;
		
		
		}
		#checkout-login  .right-column .red-button
		{
			float:right;
			margin-top:20px;
			clear:both
		}
		#checkout-login #welcome-member
		{
			display:none;
			padding:20px 0;
		}
		#checkout-login #welcome-member td.normal
		{
			padding-right:20px;
		}
		




/*--------------------------------*/
/*    CUSTOMER INFORMATION      */
/*-----------------------------*/
#customer-info
{
	border-bottom:1px solid #dddddd;
	padding-bottom:10px;
	padding-top:0px;
	overflow:auto;
	height: 1%;
	}
	
	
	#customer-info input
	{
		width:270px;
		margin:0;
		margin-bottom:5px;
		margin-top:3px;
		border-width:1px;
		padding: 5px;
		
	}
	#customer-info .error,
	#customer-info input.error
	{
		border-color:red;
		color:Red;
	}
	
	
	#customer-info div.left-column
	{
		float:left;
		width:290px;
		padding:0;
		border:0;
		
	}
	
	#customer-info div.right-column
	{
		float:right;
		width:290px;
		height:auto;
		padding:0;
		border:0;
		/*background-color:Fuchsia;*/
	}




/*--------------------------------*/
/*    BECOME MEMBER     */
/*-----------------------------*/
#become-member
{
	/*border-bottom:1px solid #cccccc;*/
	
	padding:20px 0;
	/*background-color:yellow;*/
	}
	#become-member-link-cell  > a img:first-child
	{
		display:none;
	}
	

	#become-member-expanded
	{
		
		overflow:auto;
		padding-bottom:10px;
		padding-top:10px;
		display:none;
		/*background-color:Green;
		background-color:#ededff;*/
	
		}
		
		
		#become-member-expanded input.text,
		#become-member-expanded input.password
		{
			width:260px;
			margin:0;
			margin-bottom:5px;
			margin-top:3px;
			border-width:1px;
			padding: 5px;
			
		}
		#become-member-expanded .error,
		#become-member-expanded input.error,
		#become-member-expanded .error > a
		{
			border-color:red;
			color:Red;
		}
		
		
		
		#become-member-expanded div.left-column
		{
			padding:0;
			margin:0;
			border:0;
			margin-top:15px;
			float:left;
			width:280px;

			/*background-color:Aqua;*/
		}
		
		#become-member-expanded div.right-column
		{
			border:0;
			padding:0;
			margin:0;
			float:right;
			width:280px;
			margin-top:15px;
			/*background-color:Fuchsia;*/
		}
		#become-member-expanded div.right-column select
		{
			width:130px;
			height:25px;
			margin-top:5px;
			margin-bottom:25px;
		}

		#become-member-expanded div.right-column input.button		
		{
			background-color:Black;
			font-size:12px;
			float:right;
		}
		#become-member-expanded .right-column input.checkbox
		{
			margin:0;
			padding:0;
			float:left;
			margin-top:0;
			margin-right:5px;
		}	
		#become-member-expanded .right-column div.rightmost
		{
			float:left;
			width:130px;
			/*background-color:  Fuchsia;*/
		}
		
		#become-member-expanded .right-column div.leftmost
		{
			float:left;
			width:130px;
			/*background-color:  green;*/
			margin-right:20px;
			}
			#become-member-expanded .right-column div.leftmost div
			{
				width:100px;
				float:left;
				line-height:12px;
				font-weight:normal
			}
			#become-member-expanded  a
			{
				text-decoration:underline;
			}
			
			


/*--------------------------------*/
/*    SHIPPING LOCATION      */
/*-----------------------------*/
#shipping-location
{
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	padding:20px 0;
	overflow:auto;
	clear:both;
	height: 1%;
	/*margin-top:20px;*/
	/*background-color:#bbbbbb;*/
	}
	#shipping-location div.left-column
	{
		float:left;
		width:270px;
		margin-right:10px;
		/*background-color:Olive;*/
		padding:0;
		border:0;
		}
		#shipping-location div.left-column  input.text
		{
			margin:0;
			width:auto;
			border-width:1px;
			padding: 5px;
		}
		#shipping-location div.left-column  div
		{
			margin-bottom:10px;
		}

		#shipping-location div.left-column  input.button,
		
		{
			background-color:black;
			font-size:12px;
			margin-left:15px;
			padding-left:12px;
			padding-right:12px;
		}
		
	#shipping-location div.right-column
	{
		float:right;
		width:290px;
		padding:0;
		padding-top:5px;
		border:0;
		/*background-color:Teal;*/
		}
		#shipping-location div.right-column input
		{
			float:left;
			margin-right:7px;
			margin-top:2px;
			clear:left;
		
		}
		#shipping-location div.right-column div  div
		{
			float:left;
			margin-bottom:5px;
			width:250px;
		}



#shipping-location-overlay
{
	position:absolute;
	width:620px;
	height:230px;
	background-color:white;
	display:none;
	}	







/*--------------------------------*/
/* CHANGE INFO PAGE */
/*-----------------------------*/
#checkout-edit-info  .left-column 
{
	float:left;
	width:590px;
}





/*-----------------------------*/
/* ORDER PAGE */
/*-----------------------------*/

.basket-table .discount
{
	color:#ed2931;
	
	font-weight:bold;
	
	
}
	
.basket-table .shipping-cost
{

	margin-bottom:10px;
}
.basket-table .total-cost
{

	font-size:16px;
	
	
}
.basket-table .total-cost .left
{
padding-right:60px;
	
}
	

	
	
	
	
	
#payment-overlay
{
	position:absolute;
	width:622px;
	height:802px;
	background-color:black;
	}	
	

table.order-details 
{
	margin:10px 0 20px 0;	
	font-family:Arial;
	font-size:12px;
	padding:2px;
	width:100%;
	}
	
table.order-details th
{
	font-weight:bold;	
	padding:2px 10px 2px 0;
	
}

.shipping-info
{
	line-height:18px;
	}
	
.shipping-info a
{
	color:#827f7f;
	text-decoration:underline;	
	
}
.shipping-info  div
{
	margin:1px 0 22px 0;
}

/*-------------------------------------------*/
/*  TERMS ERROR MESSAGE                     */
/*-------------------------------------------*/
 .termsErrorMessage
{
	position:absolute;
	display:none;	
	background-image:url(../images/error-box.gif);
	width:407px;
	height:128px;
	}
	.termsErrorMessage  div
	{
		margin:40px 60px;
		text-align:center;
	}
	
/*-------------------------------------------*/
/*  LOGIN ERROR MESSAGE                     */
/*-------------------------------------------*/
.errorMessageBox
{
	position:absolute;
	display:none;
	background-image:url(../images/error-box.gif);
	width:407px;
	height:128px;
	}
	.errorMessageBox  table
	{
		text-align:center;
		height:120px;
		width:407px;
	}	
	

/*-------------------------------------------*/
/*  LOGIN ERROR MESSAGE                     */
/*-------------------------------------------*/
.horizontalErrorMessageBox
{
	position:absolute;
	display:none;
	background: url(../images/error-box-hor.gif) 100% 0% no-repeat;
	width:270px;
	height:114px;
	border:0;
	border-left:5px solid black;
	overflow:hidden;	
	
	}
	.horizontalErrorMessageBox table
	{
		text-align:center;
		height:110px;
		width:240px;
		background-image: none;
	}	
	.horizontalErrorMessageBox table td
	{
		padding:30px;
		background-image: none;
	
	}

.horizontalErrorMessageBoxLarge
{
	position:absolute;
	display:none;
	background: url(../images/error-box-hor-large.gif) 100% 0% no-repeat;
    width:270px;
	height:187px;
	border:0;
	border-left:5px solid black;
	overflow:hidden;
	}
	.horizontalErrorMessageBoxLarge table
	{
		text-align:center;
	    height:184px;
		width:240px;
		background-image: none;
	}	
	.horizontalErrorMessageBoxLarge table td
	{
		padding:30px;
		background-image: none;
	
	}





.toprightErrorMessageBox
{
	position:absolute;
	display:none;
	/*background-image:url(../images/error-box.gif);*/
	width:407px;
	height:128px;	
	background: url(../images/error-box-right.gif) 100% 0% no-repeat;
}

.toprightErrorMessageBox  table
{
	text-align:center;
	height:120px;
	width:407px;
}	
