/* =CART */
.ecsCart,
.ecsOrderPayments {
	width: 100%;
}
.ecsCart td,
.ecsCart th,
.ecsOrderPayments th,
.ecsOrderPayments td {
	padding: 5px 10px;
	border-bottom: 1px dotted #c7c7c7;
	text-align: left;
}
.ecsCart thead td,
.ecsCart th,
.ecsOrderPayments th {
	background-color: #f2f2f2;
}
.ecsOrderPayments #paymentAmount,
.ecsOrderPayments .paymentAmountCell {
	text-align: right;
}
.totalBox {
	text-align: right;
	margin-bottom: 20px;
}
.cartButtons {
	clear:both;
	position: relative;
}
.cartButtonCheckout,.cartButtonControls {
	position: absolute;
	top: 0px;
	right: 0px;
}
.cartButtonCheckout input {
	margin-left: 10px;
}

.totalBox .total-line {
	float:right;
	width: 500px;
	clear: both;
}
.totalBox .total-left {
	width: 380px;
	float:left;
}
.totalBox .total-right {
	width: 120px;
	float:right;
}

.csqLocInfo {
	background-color: #f5f5f5;
	border: 1px solid #c7c7c7;
	padding: 5px;
	border-radius: 3px;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
}
#csqLocationForm {
	margin-bottom: 10px;	
}
#csqLocationForm input[type="text"] {
	width: 130px;	
}
#csqLocationForm select {
	width: 138px;	
}
.cartUpdateLink {
	text-align: center;	
}


/* =CHECKOUT */
.checkout input[type="radio"],
.checkout input[type="checkbox"] {
	margin-right: 5px;	
}
.checkoutHeader,
.checkoutBlockHeader {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 7px;	
}
.checkoutHeaderSmall {
	font-size: 16px;
	margin-top: 8px;	
	margin-bottom: 4px;
}
.checkoutModule #signup,
.checkoutModule #login {
	width: 300px;
}
.checkoutModule #signup {
	padding-right: 20px;	
}
.checkoutModule #signup input[type="text"], .checkoutModule #signup input[type="password"], 
.checkoutModule #login input[type="text"], .checkoutModule #login input[type="password"] {
	width: 180px;
}
.checkoutModule #signup input[type="submit"],
.checkoutModule #login input[type="submit"] {
	margin-top: 10px;	
}
td.formFieldTitleTd,
td.formFieldTitleTd {
	text-align: right;
	padding-right: 5px;	
	white-space: nowrap;
}

/* =SPECIFY YOUR SHIPPING ADDRESS */
.checkout .crmLocationName {
	font-weight: bold;	
}
.primaryBillingCheckboxControl {
	margin-right: 10px;	
}
.crm-loc-sel-head {
	font-weight: bold;
}
.selectorLink {
	font-weight: bold;
}
.checkoutRadioInput {
	float: left;
}
input.inpZip, input.inpZipExt,
#phoneType select,  select.selCountryCode, input.inpAreaCode, input.inpPhoneNumber, input.inpPhoneExt,
input.ccMonth, input.ccYear, input.ccCVV {
	width: auto;
}
.checkoutSubmit input {
	margin-right: 5px;	
}

/* =REVIEW & SUBMIT YOUR ORDER */
.checkoutPricingOverview {
	float: right;	
}
.checkoutPricingOverview th {
	text-align: right;
	padding-right: 5px;	
}
.checkoutBlock {
	width: 300px;
}
.checkoutPaymentCond {
	width: 100%;
	font-weight: bold;
}
.bottomConfirm {
	width: 100%;
}
.bottomConfirm .checkoutText {
	font-weight: bold;
}

/* =THANK YOU PAGE */
.checkoutStepReceipt .checkoutTY {width: 100%;}

/* Phone Area Styles */ 
.phoneExtSep,.phoneInputArea div {padding-right:4px;}
.phoneInputArea div {display: inline;vertical-align: top;}
#areaCodeInput {width:32px;}
#phoneNumberInput {width:98px;}
#phoneNumberExt {width:28px;}
.crmLocationSelector {width:350px;}
/* site is black and you cannot see black text on transparent background */
.checkoutForm .phoneInputArea input {
	background-color: white;
	color: #000;	
}
.checkoutError .error {
	text-align: center;
	font-size: 18px;
}
.checkoutError .checkoutBigError {
	text-align: center;
	font-size: 24px;
	padding-bottom: 7px;	
}




/* Payment methods */
.ccFormRow label {
       display:block;
       float:left;
       width:190px;
}

.ccFormRow .req {
       margin-left: 5px;
       margin-right: 5px;
       color: #8B0000;
}

.notValidated input {
       background-color: #FFF0F5;
}

.ccMakePayment {
       margin-top:10px;
       margin-left:190px;
       display:block;
       float:left;
}
