/* cManager Shopping Cart Style Sheet */


/* ------- TOC -------- 

1-: Shopping Cart Status

2-: Shopping Cart

3-: Checkout
	
4-: Invoice

5-: Promotion

6-: Login

*/



/* --------- 1-: Shopping Cart Status ------------*/
	
	.rShoppingCartStatus {
		float: right; 
		padding: 12px;
		}

/* --------- 1-: Add to Shopping Cart ------------*/

	.rShoppingCartAddToCartMessage {
		padding: 10px; 
		margin: 10px 0;
		font-weight: bold;
		color: #fffffe;
		background: #ee2c24;			
		}
				
	.rShoppingCartAddToCart {
		padding: 10px;
		padding-left: 150px;
		background-color:#EBEBEB;
		}

	.rShoppingCartAddToCart label {
		float: left; 
		margin-left: -140px; 
		}

	.rShoppingCartOption {
		margin-bottom: 5px; 
		}

	.rShoppingCartQuantity {
		margin-bottom: 5px; 
		}
		
	.rShoppingCartAddToCartButton{}
	
	.rShoppingCartAddToCartError {}		


/* --------- 2-: Shopping Cart ------------*/	

	.rShoppingCartMessage {
		border: solid 1px #dadada; 
		padding: 10px; 
		margin-bottom: 10px;
		color: #000; 
		background-color: #f7f7f7;
		font-weight: bold;	
		}

	.rShoppingCart {
		/*width: 770px;*/
		}
	.
	
	a.remove {
		background: url(/images/elements/bin.gif) no-repeat 0 1px;
		padding: 0 0 0 13px;
		margin: 10px 0 0 0;
		font-size: 95%;
		display: block;
		width: 30px;
		}

	/* header styles */

	.rShoppingCart th {
		padding: 5px 0;
		border: 1px solid #dfdfdf;
		background-color:#dfdfdf; 
		text-transform: uppercase;
		color: #554e4e;
		}

	th.col1 {
		text-align: left;
		padding-left: 5px;
		}

	th.col2 {
		text-align: center;
		}

	th.col3 {
		text-align: center;
		}

	th.col4 {
		text-align: center;
		}

	.rShoppingCart td {
		height: 50px; 
		padding: 5px;
		vertical-align: top; 
		border-bottom: 1px solid #cfcfcf;
		}
	.rShoppingCart td.col2,
	.rShoppingCart td.col3,
	.rShoppingCart td.col4 {
		text-align: center;
		}
	

	/* row styles */

	.row1 { }

	.row2 {
		background: #f7f7f7;
		}

	.row1 .col1, .row2 .col1 { 
		height: 100%;
		width: 390px;
		border-left: 1px solid #cfcfcf; 
		/*padding-left: 15px;*/
		}
		
	.col1 img {
		padding: 0;
		margin: 5px 15px 5px 0;
		width: 100px;
		height: 100px;
		float: left;
		}

	.row1 .col2, .row2 .col2 { 
		padding-top: 25px !important;
		width: 120px;
		}

	.row1 .col3, .row2 .col3{
		padding-top: 25px !important;
		/*padding-right: 30px !important;*/
		width: 110px;
		text-align: right; 
		}

	.row1 .col4, .row2 .col4 {
		padding-top: 25px !important;
		/*padding-right: 30px !important;*/
		width: 110px;
		text-align: right;
		border-right: 1px solid #cfcfcf;
		}
		
	.col1 .rShoppingCartItemTitle, 
	.col1 a.rShoppingCartItemTitle, 
	.col1 .title {
		margin: 20px 0 0;
		font-weight: bold;
		float: left;
		width: 200px;
		}
		
	.col1 p {
		display: block;
		float: left;
		margin: 5px 0 0;
		width: 200px;
		}
		
	.rShoppingCart select {
		margin-top: -4px;
		width: 60px;
		}

	/* shopping cart totals */

	.rShoppingCartTotals {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		float: left;
		}
		
	.rShoppingCartDiscount, .rShoppingCartSubTotalCost,
	.rShoppingCartTotalCost, .rShoppingCartShipping,
	.rShoppingCartGstDiscount, .rShoppingCartGst {
		width: 100%;
		display: block;
		height: 20px;
		padding: 5px 0;
		margin: 0;
		float: left;
		}
		
	.rShoppingCartTotals span.label {
		float: left;
		text-align: right;
		width: 150px;
		font-weight: bold;
		/*margin-left: -150px;*/
		}
		
	.rShoppingCartTotals span.cost {
		float: left;
		width: 140px;	
		padding-right: 30px;
		text-align: right;
		}
	.orderDetail .rShoppingCartTotals span.cost {
		padding-right: 20px;
		}	
	.rShoppingCartTotalCost span.label {
		font-size: 1.6em;
		font-weight: bold;
		}
		
	.rShoppingCartTotalCost span.cost {
		font-size: 1.6em;
		font-weight: bold;
		color: #399d22;
		}

	.rShoppingCartTotals p {
		float: right;
		}
		
	/* buttons */

	.rShoppingCartButtons {
		padding-top: 50px;	
		width: 100%;
		clear:both;  
		}

	.rBtnContinueShopping {
		float: left; 
		}

	.rBtnAbandonCart, .rBtnUpdateCart, .rBtnCheckout {
		float: right;
		margin: 0 0 0 10px;
		}


/* --------- 3-: Checkout ------------*/

	.rCheckout {
		margin-bottom: 20px; 		
		padding: 10px;
		}

	.rCheckoutMessage {
		border: solid 1px red; 
		padding: 10px; 
		margin-bottom: 10px;
		color: #000; 
		background: #ffebe8;
		font-weight: bold;	
		}

	.rPersonalDetails, .rBillingDetails, 
	.rShippingDetails, .rCreditCardDetails {
		padding-bottom: 20px; 
		margin-bottom: 20px;
		clear: both;
		border-bottom: solid 1px #EBEBEB;
		}

	.rFormRow {		
		padding: 5px;
		padding-left: 150px;		
		}

	.rFormRow label {
		float: left; 
		margin-left: -140px; 
		}

	.rFormRow .rFormRadioList label,
	.rFormRow .rFormCheckList label {		
		float: none;
		display: inline;
		margin: 0;
		font-weight: normal;
		width: auto;
		}

	.rShoppingCartCheckOutReadOnlyAddress {
		float: left;
		width: 300px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 30px;
		}

	.rShoppingCartCheckoutSteps {	
		width: 650px; 
		padding-bottom: 20px; 		
		}

	.rShoppingCartCheckoutSteps ul {						
		margin: 0;
		}
		
	.rShoppingCartCheckoutSteps li {						
		border: solid 3px #EBEBEB; 		
		background-color: #EBEBEB;
		padding: 5px; 
		margin: 5px; 
		list-style-type: none; 
		width: 120px; 
		float: left; 
		}
		
	#rShoppingCartCheckoutActiveStep {
		border: solid 3px #EBEBEB; 		
		background-color: White;	
		}
		
	.rShoppingCartCheckoutButtons {
		padding-top: 10px;			
		clear:both;  
	}		
		
/* --------- 4-: Invoice ------------*/	
		
	.rInvoice {
		margin-bottom: 20px;
		padding: 10px; 
		}		

	.rInvoiceHeader {
		font-weight: bold; 
		margin-bottom: 20px; 
		}

	.rInvoiceCart {
		margin-bottom: 20px; 
		}

	.rInvoiceDetails {
		margin-bottom: 20px; 
		clear: both; 
		}

	.rInvoiceBillingAddress {
		margin-bottom: 20px; 
		}
	
	.rInvoiceShippingAddress {
		margin-bottom: 20px; 
		}

	.rInvoice h4 {		 
		font-size: 12px; 
		margin-bottom: 0px;
		}
		
	.rInvoiceRow {		
		padding: 5px;
		padding-left: 150px;		
		}

	.rInvoiceRow label {
		float: left; 
		margin-left: -140px; 
		}		
		
/* --------- 5-: Promotion ------------*/			
		
	.rPromotion {
		margin-bottom: 20px;
		padding: 10px; 	
		border: solid 3px #EBEBEB; 		
		background-color: #EBEBEB;			
		}
		
/* --------- 6-: Login ---------------*/		

	.rLoginForm {
		margin-bottom: 20px; 
		clear: both;
		}

	.rLoginFormRow {		
		padding: 0px 0 10px;		
		display:block;
		}

	.rLoginFormRow label {
		float: none;
		display: inline;
		margin: 0;
		font-weight: normal;
		width: auto;		
		}