/* CHECKOUT PAGE */
.checkout-page { max-width: 800px; margin: 0 auto; }
.checkout-page .checkoutHr {border-color: #eaeaea; display: none;}
.checkout-page .checkoutProductCont {}
.checkout-page .checkoutProductCont .checkoutProductRow {background: #f6f6f6;  border: solid 1px #eaeaea;  margin: 0 0 10px 0;}
.checkout-page .checkoutProductCont .cartImgCont {padding: 3px; background: #fff;  margin: 0 0 2px 10px; border: solid 1px #eaeaea;}
.checkout-page .checkoutProductRow .cartQtyCont {}
.checkout-page .checkoutProductRow .cartQtyCont center {text-align: center;}
.checkout-page .checkoutProductRow .cartQtyCont b {font-size: 11px; color: #878787;}
.checkout-page .checkoutProductRow .cartQtyCont input {text-align: center; font-size: 12px; border-radius: 2px; border: solid 1px #eaeaea; background: #fff; color: #878787; padding: 5px;}
.checkout-page .checkoutProductRow .cartPriceCont center{text-align: center !important;}
.checkout-page .checkoutProductRow .cartIncTax {font-size: 11px; color: #878787}
.checkout-page .checkoutProductRow .cartCost {font-size: 11px; color: #878787}
.checkout-page .checkoutProductRow .cartPrice {font-size: 18px; font-weight: bold; color: #8EABB1;}
.checkout-page .checkoutProductRow .checkoutProductName {padding: 0 0 0 10px; display: block; font-size: 12px !important; color: #000; text-decoration: none;}

    /* DISCOUNT */
    .checkout-page .checkoutDiscountCont {border: dashed 1px #CCC; padding: 5px 0 0; margin: 0 0 5px;}
    .checkout-page .checkoutDiscountCont * {text-align: left;}
    .checkout-page .cartDiscountDisplayCode {background: none; border: none 0;}
    .checkout-page .cartDiscountDisplayCode td {display: block; padding: 8px 5px; background: #8EABB1;  margin: 5px 0 0; font-size: 11px !important; color: #fff;  font-weight: normal; margin: 0 0 0 3px; border: none 0; text-align: center; vertical-align: middle;
    /* CSS3 */
    }
    .checkout-page .cartDiscountDisplayCodeText {font-size: 10px !important; color: #666;}
    .checkout-page .cartDiscountDisplayCodeText b {font-size: 14px; font-weight: bold; color: #8EABB1;}
    .checkout-page .cartDiscountDisplayCodeEmptyTd {display: none;}
    
    /* TOTALS */
    .checkout-page .checkoutTotalCont {background: #f6f6f6;  border: solid 1px #eaeaea; margin: 10px 0; color: #333;}
    .checkout-page .checkoutTotalCont font b {font-size: 11px !important;}
    .checkout-page .checkoutTotalCont .cartTotalLabel {color: #333;}
    .checkout-page .checkoutTotalCont .cartTotalVal {padding: 0 0 0 10px;}
.checkout-page .checkoutTotalCont .cartTotalVal b {
font-size: 15px !important;
color: #8EABB1;
text-align: right;
width: 90px;
display: inline-block;
}
    .checkout-page .checkoutTotalCont .cartTotalValTotal b {font-size: 20px !important; color: #505D63;}
    .checkout-page .checkoutTotalCont table[cellpadding='1'] td {background: #eaeaea; padding: 1px 0 0;}
    
    /* FORM */
    .checkout-page .checkoutForm {}
    .checkout-page .checkoutExistingCustomer {display: block; padding: 10px 0; font-size: 12px; background: #f6f6f6; border: solid 1px #eaeaea; margin: 0 0 15px;}
    .checkout-page .checkoutExistingCustomer br {display: none;}
    .checkout-page .checkoutExistingCustomerTopBorder, .checkout-page .checkoutExistingCustomerBottomBorder {background: none;}
    .checkout-page .checkoutFormHeaderBilling strong, .checkout-page .checkoutFormHeaderShipping strong {padding: 10px 0; display: block; background: #8EABB1; color: #fff; margin: 0 10px; font-size: 16px; font-weight: bold;}
    .checkout-page .checkoutFormHeaderBilling br, .checkout-page .checkoutFormHeaderShipping br {display: none;}
    
        /* BILLING */
        .checkout-page .checkoutFormBillingCont {}
        .checkout-page .checkoutFormBillingCont * {font-size: 12px;}
        .checkout-page .checkoutFormBillingCont .checkout-txt {border: solid 1px #CCC; font-size: 12px;  padding: 7px; background: #fafafa;  width: 163px !important; margin: 5px 8px 0;}
        .checkout-page .checkoutFormBillingCont .checkout-select {border: solid 1px #CCC; font-size: 12px;  padding: 7px; background: #fafafa;  width: 179px !important; margin: 5px 8px 0}
        .checkout-page .checkoutFormBillingCont .checkoutFormBillingCopyLink {display: block; padding: 8px 5px; background: #8EABB1;  margin: 5px 0 0; font-size: 14px !important; color: #fff; font-weight: bold; margin: 0 10px 0 0; border: none 0; text-align: center; text-decoration: none; width: 230px;
        /* CSS3 */
        }
        
        /* SHIPPING */
        .checkout-page .checkoutFormShippingCont {}
        .checkout-page .checkoutFormShippingCont * {font-size: 12px;}
        .checkout-page .checkoutFormShippingCont .checkout-txt {border: solid 1px #CCC; font-size: 12px;  padding: 7px; background: #fafafa;  width: 163px !important; margin: 5px 8px 0;}
        .checkout-page .checkoutFormShippingCont .checkout-select {border: solid 1px #CCC; font-size: 12px;  padding: 7px; background: #fafafa;  width: 179px !important; margin: 5px 8px 0;}


        /* REGISTRATION */
        .checkout-page .checkoutRegistrationTitleCont {font-size: 16px; font-weight: bold;}
        .checkout-page .checkoutRegistrationTitleCont br {display: none;}
        .checkout-page .checkoutRegistration {background: #f6f6f6; border: solid 1px #eaeaea;   padding: 10px; color: #333; margin: 20px 0 0;}
        .checkout-page .checkoutRegistrationBenefits {background: #fff; border: solid 1px #eaeaea;  font-size: 14px; font-weight: bold; padding: 5px 10px; color: #7f7f7f;}
        .checkout-page .checkoutRegistrationBenefits li {margin: 0; font-size: 12px; font-weight: normal;}
        .checkout-page .checkoutRegistrationFields {font-size: 13px;}
        .checkout-page .checkoutRegistrationFields .checkout-txt {border: solid 1px #e3e3e3 !important; font-size: 12px;  padding: 7px; background: #fff !important; box-shadow: inset -1px -1px 0 #fafafa; width: 163px !important; margin: 0 8px 5px; display: block;}
        .checkout-page .checkoutRegistrationFields span {display: block !important;}
        
        /* CUSTOM FIELDS */
        #middleCol.checkout-page .checkoutCustomFields {font-size: 13px; background: #f6f6f6; border: solid 1px #eaeaea;   padding: 10px; color: #333; margin: 0 0 10px; width: 100%;}
        #middleCol.checkout-page .checkoutCustomFields .checkout-txt {border: solid 1px #e3e3e3 !important; font-size: 12px;  padding: 7px; background: #fff !important; box-shadow: inset -1px -1px 0 #fafafa; width: 163px !important; margin: 0 8px 5px; display: block;}
        #middleCol.checkout-page .checkoutCustomFields .checkout-select {border: solid 1px #CCC; font-size: 12px;  padding: 7px; background: #fafafa; width: 179px !important; margin: 5px 8px 0;}
        #middleCol.checkout-page .checkoutCustomFields .checkout-textarea {border: solid 1px #e3e3e3 !important; font-size: 12px;  padding: 7px; background: #fff !important; box-shadow: inset -1px -1px 0 #fafafa; width: 300px !important; margin: 0 8px 5px; display: block;}

		/* mobile size responsive setup */


		
@media only screen and (max-width: 500px) {
.checkout-page { max-width: 350px; margin: 0 auto; }
.checkout-page .checkoutSurroundTable { max-width: 320px !important; }

        .checkout-page .checkoutFormBillingCont * {min-width:150px;}
        .checkout-page .checkoutFormShippingCont * {min-width:150px;}


	/* Force table to not be like tables anymore */
 table.checkoutFormFieldCont, 
	thead.checkoutFormFieldCont, 
	tbody.checkoutFormFieldCont, 
	th.checkoutFormFieldCont, 
	table.checkoutFormBillingCont, 
	td.checkoutFormBillingCont, 
	tr.checkoutFormBillingCont,
	tr{ 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	tr.checkoutFormBillingCont  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr.checkoutFormBillingCont { border: 1px solid #ccc; }
	
	td.checkoutFormBillingCont { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		min-width: 150px;

/*	padding-left: 50%; */
	
	}
	

	table.checkoutFormShippingCont, 	
	td.checkoutFormShippingCont, 
	tr.checkoutFormShippingCont { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	tr.checkoutFormShippingCont  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr.checkoutFormShippingCont { border: 1px solid #ccc; }
	
	td.checkoutFormShippingCont { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
/*	padding-left: 50%; */
	}
td.checkoutFormHeaderShipping	{display:none;}
.checkout-page .checkoutFormBillingCont .checkoutFormBillingCopyLink {display:none;}

.checkoutFormHeaderBilling {width:375px;}
.checkoutCustomFields { display:block;}
table.checkoutCustomFields td {
	width:100% !important;
	display:block;
}

td.checkoutTotalCont {
	width:100% !important;

}
}
@media only screen and (max-width: 320px) {
.checkout-page { max-width: 315px; margin: 0 auto; }
.checkout-page .checkoutSurroundTable { max-width: 300px !important; }
.checkoutFormHeaderBilling {width:315px;}
 .checkout-page .checkoutFormBillingCont * {min-width:110px;}
 .checkout-page .checkoutFormShippingCont * {min-width:110px;}
td.checkoutTotalCont {
	width:99.5% !important;

}

}	
@media only screen and (min-width: 501px) and (max-width: 800px) {
.checkout-page { max-width: 550px; margin: 0 auto; }
.checkout-page .cartSurroundTable { max-width: 520px !important }


        .checkout-page .checkoutFormBillingCont * {min-width:150px;}
        .checkout-page .checkoutFormShippingCont * {min-width:150px;}

	/* Force table to not be like tables anymore */
 table.checkoutFormFieldCont, 
	thead.checkoutFormFieldCont, 
	tbody.checkoutFormFieldCont, 
	th.checkoutFormFieldCont, 
	table.checkoutFormBillingCont, 
	td.checkoutFormBillingCont, 
	tr.checkoutFormBillingCont,
	tr{ 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	tr.checkoutFormBillingCont  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr.checkoutFormBillingCont { border: 1px solid #ccc; }
	
	td.checkoutFormBillingCont { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		min-width: 150px;

/*	padding-left: 50%; */
	
	}
	

	table.checkoutFormShippingCont, 	
	td.checkoutFormShippingCont, 
	tr.checkoutFormShippingCont { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	tr.checkoutFormShippingCont  { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr.checkoutFormShippingCont { border: 1px solid #ccc; }
	
	td.checkoutFormShippingCont { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
/*	padding-left: 50%; */
	}
td.checkoutFormHeaderShipping	{display:none;}
.checkout-page .checkoutFormBillingCont .checkoutFormBillingCopyLink {display:none;}

.checkoutFormHeaderBilling {width:700px;}
.checkoutCustomFields { display:block;}
table.checkoutCustomFields td {
	width:100% !important;
	display:block;
}

td.checkoutTotalCont {
	width:100% !important;

}
}