/* ||||------CHECKOUT STYLES-----|||| */
/*----------------------------------------------*/
/* IMPORTANT NOTE: Cularis, Inc. maintains full control over the templates that operate our shopping cart.
As a result, all design changes to the checkout MUST be done only with CSS. Modifications to the HTML will be overwritten! 
Please do not modify these styles, but instead override these styles in the common.css file which takes presidence over checkout.css */
/*----------------------------------------------*/



/* ----UNIVERSAL & LAYOUT STYLES---- */
/*----------------------------------------------*/


p.cart_header {
	letter-spacing: 0.05em;
	background: #EFF2F2;
	text-transform: uppercase; 
	margin-top: 0;
	font-weight: bold;
}

#shopping_cart, .shopping_cart {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dotted #ccc !important;
	border: solid; /*for ie6 to override dotted border */
	width: auto; 
	overflow: hidden;
}

#enter_shipping, 
#optional_order_message, 
#enter_billing, 
#creditcard_form,
#payment_options {
	padding: 10px 0;
}

#enter_shipping p, 
#optional_order_message p, 
#enter_billing p, 
#payment_options p, 
#creditcard_form p { 
	margin-left: 10px;
	margin-right: 10px;
}

#payment_options .form_column_left { margin-top: 1em;}

.address { 
	float: left; display: inline;
	width: 42%; 
	margin: 20px 2%;
	padding: 0 2% 10px 2%; 
	background: #EFF2F2;
	line-height: 1.5em;
	
}

.address .address_message {
	padding-top:4px; margin-top: 5px;
	font-style: italic;
}

.panel_code {padding: 5px; }

/*----------------------------------------------*/




/* ---- CHECKOUT STEPS ---- */
/*----------------------------------------------*/

#checkout_status {
	margin: 10px 0 25px 0;
	border: 1px solid #ccc;	
	background: url(../images/backgrounds/status_bg.jpg) bottom repeat-x;
}

#checkout_status ul { margin: 0; padding: 0;}

#checkout_status li {
	margin: 0; padding: 0;
	width:17%;
	float: left; display: inline;
	text-align: right;
	position: relative;
	background: url('../images/backgrounds/cartarrow.gif') right center no-repeat;
}

#checkout_status li a, #checkout_status li p {
	font-size: 1em; 
	display: block;
	margin: 0;
	padding: 8px 20px 8px 0;
}

#checkout_status li.cart {width: 8%; text-align: left;}

#checkout_status li.cart a { 
	text-indent: -9000em; 
	display: block; 
	background: url(../images/backgrounds/cart_button_xsmall.png) 20% center no-repeat !important; 
	background: url(../images/backgrounds/cart_button_xsmall.gif) 20% center no-repeat;
}


#checkout_status li.total {
	width:22%; 
	white-space: nowrap;
	background: none;
	float: right;
}

#checkout_status li.total p { padding: 8px 5px 0 8px;  }

#checkout_status li.off a {color: #666; font-weight: bold;}

#checkout_status li.off p {color: #888;}

#checkout_status li.on a, #checkout_status li.on a:hover, #checkout_status li.on p  {text-decoration:none; cursor: default; color: #000; font-weight: bold;}

/*----------------------------------------------*/


/* ---- CHECKOUT MESSAGE ---- */
/*----------------------------------------------*/

.cart_message_title { font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em;}

.cart_message { 
	padding: 10px 70px 1px 10px;
	background: #F7F2DA url('../images/icons/megaphone.png') 98% center no-repeat; 
	border-top: 1px solid #ccc; 
}

/*----------------------------------------------*/





/* ---- CHECKOUT TABLES ---- */
/*----------------------------------------------*/

#shopping_cart table { margin-bottom: 15px; }

#shopping_cart th {
	padding: 4px 2px; margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #888;
	text-transform: uppercase;
}

#shopping_cart td {
	font-size: 1.1em;
	padding: 10px 5px; 
}

#shopping_cart .desc {
	font-size: 80%;
	font-style: italic;
	margin-bottom: 10px;
}

#shopping_cart td .product_quantity { margin: 0;}

#shopping_cart tr.coupon {display: none;}
#shopping_cart .coupon th { color: #6E2405; background: #F7F2DA; border-top: 1px solid #ccc; border-bottom: none;}
th#coupon_amount { white-space: nowrap;}
th#coupon_remove {padding-right: 5px;}

#shopping_cart tr.credit {display: none;}
#shopping_cart .credit th { color: #6E2405; background: #F7F2DA; border-top: 1px solid #ccc; border-bottom: none;}
th#credit_amount { white-space: nowrap;}
th#credit_remove {padding-right: 5px;}


#shopping_cart .tax th, #shopping_cart .shipping th { border-top: 1px solid #ccc; border-bottom: none;} 
th#shipping_remove {padding-right: 5px;}

#shopping_cart .subtotal th{
	font-size: 1.2em;
	padding: 10px 2px;
	font-weight: bold;
	border-top: 1px solid #888;
	border-bottom: 1px dotted #ccc !important;
	border-bottom: solid; /*for ie6 to override dotted border */
	background: none;
}

/*----------------------------------------------*/





/* ---- COUPON INPUT ---- */
/*----------------------------------------------*/

#checkout_coupon {width: 190px;float: left;text-align: left;}

input#coupon_code {width: 8em;}

#checkout_credit {float:left;}

input#credit_code {width: 8em; margin-left: 10px;}

/*----------------------------------------------*/






/* ----Continue/Return messages and Buttons ---- */
/*----------------------------------------------*/

#checkout_continue {
	width: auto;
	float: right;
	text-align: right;
}

#checkout_return {
	width: auto;
	float: left;
	text-align: left;
}

#checkout_google {
	width: auto;
	float: right;
	text-align: right;
	margin-right: 10px;
}

#checkout_return button {
	margin:0;
}

p.nav_message { text-transform: uppercase; text-align: center;}


div#process_order { clear:both; border-top: 1px solid #ccc; position: relative; height: 50px; padding-top: 5px; margin: 20px 20px 0 20px;}
div#process_order_only { clear:both; position: relative; height: 50px; padding-top: 5px; margin: 0px 20px 0 20px;}
div#process_order  .action {float: right; clear:right; display:inline;}
div#process_order_only  .action {float: right; clear:right; display:inline;}
.action {margin: 10px}

/*----------------------------------------------*/