* { 
	padding: 0px;
	margin: 0px;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

a img { border: 0px; }

.checkout p { padding: 0px 0px 10px 0px; }

#approved p { padding: 0px 0px 10px 0px; }

/* error message */
	.error{
		font-weight: bold;
		color: red;
		padding: 3px;
		border: solid 1px red;
	}

/* cell that holds checkout content */

#checkout_content { padding-bottom: 40px; }
	
	
/* main table containing checkout */
	table.checkout { width: 611px; }

/* order summary cell */
	.order_summary { background-color: #CDE2B5; padding: 10px 25px; }
	.order_summary table { width: 138px; }
	.price {text-align: right; color: black }
	.total { padding-top: 15px; font-weight: bold; }


/* MESSAGE INDICATING CURRENT STEP IN THE CHECKOUT PROCESS */

		/* td displaying the status of checkout */
		td#status {
			background-color: #E6F0DA;
			height: 35px;
			padding: 0px 9px;
		}
		
		/* individual status cells */
		#status td {background-repeat: no-repeat; background-position: left center; }
		
		/* status headers */
		#status td em { visibility: hidden; }
		
		/* use this is you want to use images for status messages */
		#st_welcome { width: 85px; background-image: url('/e-store/media/chkt_welcome_off.gif'); }
		#st_bns { width: 163px; background-image: url('/e-store/media/chkt_bns_off.gif'); }
		#st_ship_method { width: 131px; background-image: url('/e-store/media/chkt_method_off.gif'); }
		#st_payment { width: 110px; background-image: url('/e-store/media/chkt_payment_off.gif'); }
		#st_review { width: 117px; background-image: url('/e-store/media/chkt_review_off.gif'); }
		
		#join #st_welcome, #login #st_welcome, #password #st_welcome {background-image: url('/e-store/media/chkt_welcome_on.gif');}
		#bns #st_bns { background-image: url('/e-store/media/chkt_bns_on.gif'); }
		#ship_method #st_ship_method { background-image: url('/e-store/media/chkt_method_on.gif'); }
		#payment #st_payment { width: 110px; background-image: url('/e-store/media/chkt_payment_on.gif'); }
		#review #st_review { background-image: url('/e-store/media/chkt_review_on.gif'); }
		
		
/* CURRENT STEP HEADER */

		#step_header {
			padding-top: 15px; 
			background-repeat: no-repeat;
			background-position: 10px 15px;
		}
		
		#step_header h3 {
			float: left;
			clear: none;
			visibility: hidden;
			height: 28px;
		}
		
		#login #step_header, #join #step_header, #password #step_header { background-image: url('/e-store/media/chkt_welcome.gif'); }
		#bns #step_header { background-image: url('/e-store/media/chkt_bns.gif'); }
		#ship_method #step_header { background-image: url('/e-store/media/chkt_method.gif'); }
		#payment #step_header { background-image: url('/e-store/media/chkt_payment.gif'); }
		#review #step_header { background-image: url('/e-store/media/chkt_review.gif'); }
		#approved #step_header { background-image: url('/e-store/media/chkt_approved.gif'); }

/* GENERAL RULES FOR ALL INDIVIDUAL TABLES IN THE CHECKOUT PROCESS */
				
		/* table heading */	
		
		.checkout_box th {
			text-align: left;
			font-family: arial, verdana, sans-serif;
			font-size: 11px;
			text-transform: uppercase;
			padding: 0px 0px 10px 0px;
		}
		
		/* cell holding the table */
		.box_holder { padding: 12px 40px 20px 120px; }
		
		/* subheadings */
		
		.checkout_box h4 { font-size: 11px; padding-top: 8px; padding-bottom: 0px;}
		
		
/* INDIVIDUAL BOX HOLDERS */

	#guest_checkout {
		padding-right: 12px;
		border-right: solid 2px #CCCCCC;
		width: 50%;
		}
		
	#guest_checkout .checkout_box, #reg_checkout .checkout_box { width: auto; }
		
	#reg_checkout {
		padding-left: 12px;
		}
		
	#billing_info {
		padding: 12px 0px 12px 120px;
		}
		
	#bns_review, #prod_summary, #payment_info { padding: 15px 0px 15px 80px; }
	
		
	#billing_info .checkout_box { border-bottom: solid 2px #CCCCCC; }
	
	.checkout_box { width: 450px; }
	#join .checkout_box, #password .checkout_box { width: 350px; }
	
	#ship_method .checkout_box th { border-bottom: solid 2px #CCCCCC; }
	
	#payment .checkout_box th, #review .checkout_box th  {border-bottom: solid 2px #CCCCCC; }

	
	

/* INPUT FIELDS */
	.text, .select { padding-left: 2px; }
	
	/* login page */	
		#reg_checkout .text { width: 190px; }

	
	/* bns page */
		
		#bns label { width: 85px; }		
		#registration .text, #bns .text, #password .text { width: 250px; }
		.sm {width: 150px; }
		#bns table#phone { width: 250px; }
		.check { margin-right: 10px; }
	
	/* shipping_method page */
	
		#ship_method .radio { margin-top: 3px; margin-right: 10px; }
		
	/* payment info */
		
		#payment_info .text { width: 250px; }
		#payment_info select { width: 180px; }
		#payment_info .comment { text-align: right; }
		#payment_info .sm { width: 85px; margin-right: 10px; }
	
	
/* ALL BUTTONS */

	td.button, td.but_cancel { padding-top: 25px; }
	.button { text-align: right; }
	#login .button { text-align: left; }
	#submit {margin-left: 10px; }
	
/* WELCOME MESSAGE TO REGISTERED USER */

	#address_user {
		float: right;
		border: solid 2px #E6F0DA;
		display: inline;
		text-align: right;
		padding: 3px 7px;
		}
		
/* INDIVIDUAL ELEMENTS IN FORMS */

	/* phone extention on the bns page*/
		.ext_txt {text-align: right; padding-right: 3px; }
		table#phone .ext {text-align: right; }
		table#phone .ext input{ width: 66px; }
		table#phone input.text { width: 150px; }
		#bns .ext_txt label { width: auto; }
		
	/* shipping options */
	
		#shipping_options .checkout_box td { padding-top: 15px; }
		#shipping_options h4 { padding-top: 0px; width: 200px; font-size: 11px; padding-bottom: 0px; margin-bottom: 0px;}
		
	/* newsletter signup */
		
		#newsletter .checkout_box td { padding-top: 8px; }
	
	/* discounts */
	
		#discount .checkout_box p { padding-top: 8px; padding-bottom: 3px; }
	
	/* last and first element before a border */
	
		.last { padding-bottom: 20px; }
		.first { padding-top: 10px; }
		
	/* product summary */
		
		.prod_name { width: 200px; font-weight: bold; color: red; }
		
		#prod_summary .prod_name, #prod_summary .quan, #prod_summary .price {border-bottom: solid 2px #CCCCCC; padding: 8px 0px;}
		
		#prod_summary .total, #prod_summary .tag { border-bottom: solid 2px #CCCCCC; padding: 6px 0px; }
				
		.rt, th.rt { text-align: right; }
		.quan { text-align: right; }
		
	/* review */
		
		#review th.same_width { width: 200px; }