/* AJAX Loading Graphic
--------------------------------------------------------------------------- */

#loading2 {
    width: 930px;
    width: 100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 45%;
    background: url(/images/elements/sitewide/loading.gif) no-repeat center;
    text-align: center;
    padding: 10px;
    z-index: 2;
    overflow: auto;
}



/* Checkout Headings
--------------------------------------------------------------------------- */

body.checkout h1.heading {
	color: white;
	overflow: hidden;
	margin: 20px 0 10px;
	font-size: 16px;
	padding-left: 20px;
	letter-spacing: normal;
	background-color: #048d49;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

	body.checkout h1.heading button {
		cursor: pointer;
		color: white;
		width: 270px;
		height: 36px;
		margin: 0 20px;
		line-height: 34px;
		float: right;
		font-size: 14px;
		text-transform: uppercase;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: bold;
		border-left: 1px solid #f5f5f5;
		border-right: 1px solid #f5f5f5;
		background-color: #cd1c00;
	}
		
		body.checkout h1.heading button:hover {
			background-color: red;
		}



/* Checkout "Start Checkout" Action Wells
--------------------------------------------------------------------------- */

body.checkout aside.proceed {
	height: 48px;
}

	body.checkout aside.proceed p {
		height: 48px;
		line-height: 48px;
		float: left;
		font-size: 14px;
		margin: 0 0 0 20px;
	}
	
		body.checkout aside.proceed p span {
			display: inline-block;
			margin-right: 20px;
		}
		
		body.checkout aside.proceed p strong {
			display: inline-block;
			padding-left: 18px;
			background: url(/images/elements/checkout/lock.gif) left center no-repeat;
		}

	body.checkout aside.proceed dl {
		height: 30px;
		line-height: 30px;
		list-style: none;
		margin: 9px 0;
		float: left;
	}
	
		body.checkout aside.proceed dt {
			display: none;
		}
		
		body.checkout aside.proceed dd {
			width: 50px;
			height: 0;
			padding-top: 30px;
			overflow: hidden;
			display: inline;
			float: left;
			margin-left: 5px;
		}
		
			body.checkout aside.proceed dl dd.visa { background-image: url(/images/elements/sitewide/payment-big/visa.gif); }
			
			body.checkout aside.proceed dl dd.mastercard { background-image: url(/images/elements/sitewide/payment-big/mastercard.gif); }
			
			body.checkout aside.proceed dl dd.amex { background-image: url(/images/elements/sitewide/payment-big/amex.gif); }
			
			body.checkout aside.proceed dl dd.paypal { background-image: url(/images/elements/sitewide/payment-big/paypal.gif); }



/* Checkout Tables
--------------------------------------------------------------------------- */

body.checkout table a {
	text-decoration: none;
}

	body.checkout table a:hover {
		text-decoration: underline;
	}

	body.checkout table thead th {
		color: black;
		font-size: 18px;
	}

body.checkout table tbody th, body.checkout table tbody td {
	vertical-align: middle;
}

body.checkout table tfoot th, body.checkout table tfoot td {
	text-align: right;
	vertical-align: top;
}



/* Checkout Cart Table
--------------------------------------------------------------------------- */

body.checkout table.cart {

}

	body.checkout table.cart th, body.checkout table.cart td {
		line-height: 1.2em;
		padding: 10px 10px 10px 0;
	}
	
		body.checkout table.cart thead th {
			border-bottom: 1px solid #ccc;
		}	

	body.checkout table.cart tbody th, body.checkout table.cart tbody td {
		border-bottom: 1px solid #ccc;
	}
	
		body.checkout table.cart tbody th.empty {
			color: #ccc;
			height: 4em;
			line-height: 4em;
			text-align: center;
			font-size: 48px;
			font-weight: bold;
			letter-spacing: -2px;	
		}

	body.checkout table.cart tbody img {
		width: 61px;
		height: 65px;
		border: 1px solid #ccc;
		background: url(/images/elements/sitewide/angled-lines.png) top left repeat #eee;
	}
	
	body.checkout table.cart tbody p {
		margin: auto auto;
	}
		
		body.checkout table.cart tbody p strong {
			font-size: 14px;
		}
	
	body.checkout table.cart tbody span {
		color: #cd1c00;
		display: block;
		font-size: 11px;
	}
	
	body.checkout table.cart tbody a.remove {
		width: 16px;
		height: 16px;
		display: inline-block;
		background: url(/images/elements/checkout/checkout-remove-button.gif) center center no-repeat;
	}



/* Other Cart Elements
--------------------------------------------------------------------------- */

body.checkout fieldset.shipping select {
	width: 75%;
	float: right;
	clear: right;
	margin-bottom: 10px;
}

body.checkout input.quantity {
	padding: 2px;
	display: inline;
	width: 30px;
	text-align: center;
}

body.checkout fieldset.coupon,
body.checkout fieldset.coupon label.label {
	text-align: left;
}

body.checkout tfoot tr.total td {
	font-size: 24px;
	font-weight: bold;
}



/* Checkout Details Form Wells
--------------------------------------------------------------------------- */

body.checkout #div_details .well {
	width: 580px;
	float: left;
	margin: auto 10px 10px;
}



/* Checkout Details Tips
--------------------------------------------------------------------------- */

body.checkout dl.tips {
	color: #838271;
	width: 300px;
	float: right;
	overflow: hidden;
	margin: auto 10px;
	padding-bottom: 20px;
	background-color: #fefdda;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	body.checkout dl.tips dt {
		color: #838271;
		padding: 10px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		background-color: #E2E0C3;
	}
	
	body.checkout dl.tips dd {
		padding: 20px 20px 0;
		list-style: disc;
	}



/* Checkout Details Shipping Table
--------------------------------------------------------------------------- */

body.checkout table.shipping {
	width: 620px;
	margin: -10px -20px;
}
	
	body.checkout table.shipping th, body.checkout table.shipping td {
		padding: 10px 0 10px 10px;
	}
	
	body.checkout table.shipping thead th, body.checkout table.shipping thead td {
		line-height: 1.2em;
	}
	
	body.checkout table.shipping tbody tr.selected td, body.checkout table.shipping tbody tr.selected th {
		color: white;
		font-weight: bold;
		background-color: #333;
	}
	
	body.checkout table.shipping tbody tr:hover {
		cursor: pointer;
	}



/* jQuery UI Autocomplete
--------------------------------------------------------------------------- */

body.checkout .ui-autocomplete { position: absolute; cursor: default; }	
* html body.checkout .ui-autocomplete { width: 1px; }
body.checkout .ui-menu { list-style: none; margin: -2px 0 0; display: block; float: left; border: 1px solid #ccc; border-top: 0; background-color: white; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1); }
body.checkout .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
body.checkout .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 3px 5px; zoom: 1; }
body.checkout .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { color: white; font-weight: bold; background-color: #333; }