/* ---------------------------- */
/* Shopping Cart Styles
/* ---------------------------- */
#dialogLayer .cartOnPage,
#dialogOnPageLayer .cartOnPopUp {
	display:none;
}
#dialogLayer .cartOnPopUp,
#dialogOnPageLayer .cartOnPage {
	display:block;
}
#dialogOnPageLayer .cartOnPage .buttonLarge {
	float:right;
	text-align:center;
}
.rowCouponPromotion {
	display:none;
}
.couponMessageError, .couponMessageAccepted {
	padding:4px;
	font-style:italic;
}
.couponMessageError {
	color:red;
}
.couponMessageAccepted {
	color:#669900;
}
.saleDisplayNameInCart {
	color:red;
	font-style:italic;
}
/* Sale Notificatio on a cart span*/
.saleNotifictaion {
	font-weight:bold;
	color:#EE0000;
	font-style:italic;
}

/* ---------------------------- */
/* Checkout Styles
/* ---------------------------- */
#dialogOnPageLayer {
	width:700px;
}
#globalError,
#globalError_credit {
	background:#B52025;
	color:#FFFFFF;
	display:none;
	margin:20px 0;
	padding:10px 15px;
}
#globalError a,
#globalError_credit a {
	color:#FFFFFF;
	text-decoration: underline;
}
#globalError a:hover,
#globalError_credit a:hover {
	text-decoration: none;
}
.globalErrorHead {
	font-size:20px;
	font-weight:bold;
}
.errorHead {
	font-weight:bold;
	color:#B52025;
}
.messageHead {
	font-weight:bold;
}
#checkout {
	width:590px;
	color:#333;
	line-height:normal;
}

/* ---------------------------- */
/* Input Styles
/* ---------------------------- */
#checkout input.checkTextBox,
#checkout select.checkTextBox,
#checkout input.checkTextBoxQty,
#checkout input.checkTextBoxSm,
#checkout select.checkTextBoxSm,
#checkout .checkTextBoxMed,
#checkout textarea.checkTextBox,
#checkout input.joinInput,
#checkout select.manageFormInputSelect,
#checkout textarea.checkTextBox {
	width:205px;
	color:#7b7b7b;
}
	#checkout input.checkTextBoxSm {
		width:40px;
	}
	#checkout select.checkTextBox,
	#checkout select.manageFormInputSelect,
	#checkout select.checkTextBoxSm  {
		width:221px;
		height:20px;
		line-height: 20px;
		border:1px #9c9c9c solid;
		background: #fff;
		padding-right:0;
	}
	#checkout select.checkTextBoxSm {
		width:auto !important;
	}
	#checkout textarea.checkTextBox {
		height:68px;
		line-height: normal;
		padding-top:5px;
		padding-bottom:5px;
	}
#checkout .requiredText {
	color:#828282;
	font-size:12px;
	font-style:italic;
	padding-bottom: 6px;
}
#checkout .info_btn {
	margin:1px 0 0 5px;
	cursor: pointer;
}
#checkout .step {
	background:#eee;
	padding:20px 0;
	margin:0 0 14px;
	width:758px;
}
#checkout .step .checkoutForm {
	width:501px;
	padding:0 50px 0 185px;
	min-height:80px;
	height:auto !important;
	height:80px;
	background-repeat: no-repeat;
	background-position: 20px top;
}
	#checkout .step #step_one {
		background-image: url(../cart_images/step1.gif);
	}
	#checkout .step #step_two {
		background-image: url(../cart_images/step2.gif);
	}
	#checkout .step #step_three {
		background-image: url(../cart_images/step3.gif);
	}
	#checkout .step #step_four {
		background-image: url(../cart_images/step4.gif);
	}
	#checkout .step #step_five {
		background-image: url(../cart_images/step5.gif);
	}
	#checkout .step #step_six {
		background-image: url(../cart_images/step6.gif);
	}
#checkout .checkoutHeader {
	font-weight:bold;
	font-size:16px;
	padding-bottom:14px;
	color:#000;
}
#checkout .checkoutSubHeader {
	color:#3d6cb0;
	padding:0 0 10px;
}
#checkout .checkoutLabel,
#checkout .checkoutError {
	width:120px;
	padding:6px 10px 0 0;
	float:left;
	font-size:12px;
	color:#3f3f3f;
}
#checkout.checkout_receipt .checkoutLabel,
#checkout.checkout_receipt .checkoutError {
    padding-top: 0;
}
#checkout .checkoutError label {
	padding:2px;
	background:#B52025;
	color:#FFF;
}
#checkout .checkoutField {
	float:left;
}
#checkout .checkoutInfoBtn img {
	vertical-align:middle;
	cursor:pointer;
}
#checkout .infoBtn {
	vertical-align: middle;
	margin:5px 0 0 6px;
}
#checkout .checkoutInfo {
	background:#d2d2d2;
	clear:both;
	display:none;
	font-size:11px;
	line-height:normal;
	padding:0;
	color:#000000;
	/* width:334px; */
}
#checkout .checkoutInfo .checkoutInfoContent {
	padding:15px;
}
#checkout .checkoutSpacer {
	clear:both;
	padding:2px 0 1px 130px;
}
#checkout.checkout_receipt .checkoutSpacer {
    padding: 5px 0 5px 130px;
}
#checkout .cartSpacer {
	clear:both;
	height:15px;
}
#checkout .checkoutOpenSpacer {
	color:#161919;
	font-size:12px;
	padding:5px 0 0 0;
	font-weight: bold;
	line-height: 20px;
}
#checkout .checkoutOpenSpacer label {
	color:#3f3f3f;
	font-size:11px;
	font-weight: normal;
}
#checkout .shipTitle {
	color:#555;
	font-weight: normal;
}
#checkout .hint {
	font-size:11px;
	color:#5b6369;
}
#checkout #billingFormHider {
	display:none;
}
#checkout .cartTitleBar {
	width:501px;
	border-bottom: 1px solid #D9D9D9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#797979;
	padding:0;
	text-transform: uppercase;
}
#checkout .productDisplay {
	width:501px;
	font-size:11px;
	color:#797979;
	padding:10px 0 0 0;
}
	#checkout .cartBar252 {
		width:353px;
		float:left;
		text-align:left;
		padding:8px 0 0 0;
	}
	#checkout .cartBar202 {
		width:277px;
		float:left;
		text-align:left;
		padding:2px 0 0 10px;
		font-size:13px;
		font-weight: bold;
		color:#3f3f3f;
		line-height: 18px;
	}
	#checkout .cartBar202 .checkoutSubHeader {
		font-weight: bold;
	}
	#checkout .cartPhoto {
		float:left;
	}

	#checkout .cartPhoto img{
		border:1px #ddd9d9 solid;
	}
	#checkout .cartBar64 {
		width:72px;
		float:left;
		padding:0 3px;
		text-align:center;
		padding:8px 0 0 0;
	}
	#checkout .cartBar40 {
		width:50px;
		float:left;
		text-align:left;
		padding:8px 0 0 0;
	}
#checkout .totalsDisplay {
	width:501px;
	padding:15px 0;
	margin-bottom:15px;
	border-top:1px #d9d9d9 solid;
	border-bottom:1px #d9d9d9 solid;
	color:#6d6d6d;
}
#checkout .grandTotalDisplay {
	width:501px;
	padding:21px 0 0;
	margin:15px 0 0;
	border-top:1px #ddd9d9 solid;
}
	#checkout .grandTotalDisplay .button {
		margin:10px 0 0 0;
	}
#checkout .totalsDisplay td, #checkout .grandTotalDisplay td {
	text-align:right;
	padding:3px 0 3px 10px;
	color:#3f3f3f;
}
	#checkout .totalsDisplay td.totalCol,
	#checkout .grandTotalDisplay td.totalCol {
		width:100px;
	}
	#checkout .totalsDisplay tr.totalCell td,
	#checkout .grandTotalDisplay tr.totalCell td {
		font-size:12px;
		color:#000;
		padding-top:10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#checkout .totalLarge {
		font-size:16px;
		font-weight:bold;
		color:#000;
		text-transform: uppercase;
	}
#buttonArea {
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	text-align:right;
	padding:0;
	margin:18px 0 14px;
}
#processingContainer {
	background:#00b1af;
	color:#fff;
	padding:10px;
	font-size:15px;
}
#processingContainer .processingStr {
	font-weight: bold;
	font-size:18px;
}
#sslArea {
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	text-align:right;
	padding:0;
	margin:0 0 36px;
	float:right;
}
#buttonContainer {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	overflow:hidden;
	z-index:1;
	padding:0;
	clear:both;
}
#buttonContainerProceed {
	position:absolute;
	z-index:5005;
	width:454px; /*474px*/
	height:50px;
	overflow:hidden;
	display:none;
	background-color:#f2f2f2;
	padding:20px 20px 5px 0;
	color:#000000;
	font-weight:normal !important;
	line-height:1.25;
	text-align:right;
}
.addMiddle {
	font-style:italic;
	font-weight:bold;
}
#checkout #cardImages img {
	margin:3px 0 0 3px;
}


.headerTitle .product_cart_title .cartSubHeader a {
	display: none;
}
.rowCouponPromotion {
	display: table-row;
}

/* mobile styles for coupon / shipping areas of the cart */
@media only screen and (max-width: 767px) {
    #cartShippingCountry td,
    .rowCouponPromotion td {
        float: left;
        width: 100%;
    }
    #cartShippingZip td:first-of-type {
        display: none;
    }
}
.optIn {
    padding: 10px 0;
}

/* tablet styles for checkout */
@media only screen and (max-width: 960px) {
    #checkout,
    #checkout .step,
    #checkout .step .checkoutForm {
        width: 100%;
    }
    #checkout .step .checkoutForm {
        padding: 0 15px 0 15%;
        margin: 0;
    }
    #checkout .checkoutLabel,
    #checkout .checkoutError {
        padding: 14px 10px 0 0;
        width: 20%;
    }
    #checkout.checkout_receipt .checkoutLabel,
    #checkout.checkout_receipt .checkoutError {
        padding: 0 10px 0 0;
    }
    #checkout .checkoutField {
        width: 50%;
    }
    #checkout .info_btn {
        margin: 12px 0 0 5px;
    }
    
    #checkout .checkoutSpacer {
        padding-left: 20%;
    }
    
    #checkout .grandTotalDisplay {
        width: 100%;
    }
    
    #checkout .cartBar202 {
        width: 288px;
    }
}

/* mobile styles for checkout */
@media only screen and (max-width: 767px) {
    #checkout .step .checkoutForm {
        padding: 0 15px;
    }
    #checkout .step #step_one,
    #checkout .step #step_two,
    #checkout .step #step_three,
    #checkout .step #step_four,
    #checkout .step #step_five,
    #checkout .step #step_six {
        background: none;
    }
    
    #checkout .checkoutLabel,
    #checkout .checkoutError {
        padding: 14px 10px 5px 0;
        width: 100%;
    }
    #checkout.checkout_receipt .checkoutLabel,
    #checkout.checkout_receipt .checkoutError {
        padding: 0 10px 0 0;
        width: 40%;
    }
    #checkout .checkoutField {
        width: 91%;
    }
    #checkout.checkout_receipt .checkoutField {
        width: 60%;
    }
    
    #checkout .checkoutSpacer {
        padding-left: 0;
    }

    #cardImages {
        float: left;
        padding: 5px 0 0;
        width: 100%;
    }
    
    /* cart on checkout */
    #checkout .cartPhoto {
        display: none;
    }
    #checkout .cartBar252,
    #checkout .cartBar202 {
        padding: 0;
        width: 60%;
    }
    #checkout .cartBar64 {
        padding: 3px 0 0;
        width: 20%;
    }
}