/* =============================================================================
   CHECKOUT PROCESS
   AUTHOR: Traviss
   ---
   LAST UPDATED: 201209051008
   ========================================================================== */


/* =============================================================================
   CHECKOUT SPECIFIC
   ========================================================================== */
/*CHECKOUT HEAD */
.page-wrap {
	margin:0 12px;
}
.checkout-head {
	padding-top:16px;
}
/*CRUMBS*/
.head-crumbs {
	width:533px;
	margin:0 auto;
}
.crumbs-list li {
	display:block;
	float:left;
	padding:0 44px 0 16px;
	background:url('//d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/arrowCheckoutIconGrey.png') no-repeat bottom right;
	font-size:14px;
	color:#222;
}
.crumbs-list li.checkout {
	margin-top:30px;
	padding:0 8px 0 0;
	border-right:2px solid #4d4d4d;
}
.crumbs-list li.curstep {
	background:url('//d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/arrowCheckoutIcon.png') no-repeat bottom right;
}
.crumbs-list li.noarrow {
	background:none;
}
.crumbs-list li.curstep span {
	color:#be4513;
	background:url('//d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/cartCheckoutIcon.png') no-repeat top;
}
.crumbs-list li.lastcrumb {
	padding:0 0 0 16px;
}
.crumb {
	display:block;
	padding-top:30px;
}
/*SIDEBAR*/

.info-block {
	margin:16px 8px;
	font-size:14px;
}
.info-block span {
	display:block;
	line-height:1.2;
}
.block-head {
	font-weight:bold;
}
/* CHECKOUT MESSAGE AREA */
.checkout-message {
	padding:0 24px 24px 58px;
	background: url('//d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/iconAlertSmall.png') no-repeat;
	margin:0 0 24px 0;
	min-height:40px;
}
.standalone {
	margin:24px;
}
.checkout-message ul {
	list-style-image: square;
}
.checkout-message li  {
	margin:4px 0;
	color:#c1272d;
	padding:0;
}
/* MAIN AREA */
.checkout-main {
	margin:16px 0;
}

.invoice-radio-group, .invoice-ship-label {
	height:48px;
}
.invoice-ship-label {
	width:208px;
	line-height:48px;
	padding:0 8px;
	font-size:18px;
}
.invoice-radio {
	position:relative;
}	
.invoice-field-pw {
	width:254px;
}
.invoice-field-sn {
	width:230px;
}
/* RADIO OVERLAYS */
.overlay {
	position:absolute;
	display:block;
	top:0;
	left:0;
	cursor:pointer;
	background-image:url('//d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/circleSelect.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left:44px;
	min-height:32px;
	min-width:32px;
}
.right {
	background-position:right;
}
.top {
	background-position:0 12px;
}
.checked {
	background-image:url('//d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/checkedRadioGraphic.png');
}
.promo-wrap {
	padding:0 16px;
}
.horiz {
	top:8px;
	height:32px;
	line-height:32px;
	font-weight:bold;
	font-size:18px;
	color:#093958;
}
.ship-meth {
	display:block;
	top:15px;
	right:16px;
	left:auto;
	width:125px;
	height:32px;
	line-height:32px;
	font-weight:bold;
	color:#4d4d4d;
	padding-right:44px;
	padding-left:0;
	text-align:right;
}
.payment-current {
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	border:2px solid #4d4d4d;
}
/* ---- */
input.invoice-radio {
	opacity:0;
	filter: alpha(opacity = 0);
}
input.invoice-qty {
	border:1px solid #093958;
	width:24px;
	text-align:center;
	color:#093958;
}
.full-column {
	background:#fff;
	margin:8px 8px 0;
	border:1px solid #4d4d4d;
}
.half-column {
	width:347px;
	margin:8px 8px 0;
}
.third-column {
	width: 280px;
	margin:8px 8px 0;
}
.twothird-column {
	width: 414px;
	margin:8px 8px 0;
}

.pw-promo {
	border-width:4px 4px 8px 4px;
	border-color:#093958;
	border-style:solid;
	background:#fff;
}
.promo-header {
	color:#fff;
	padding:4px 8px 8px 8px;
	background:#093958;
}
.promo-list {
	margin:16px 8px 16px 0;
	padding:0 8px;
}
.promo-list li {
	margin:8px 0;
	font-size:14px;
}

.method-header {
	position:relative;
	font-weight:normal;
	padding:8px;
	border-bottom:1px solid #c1272d;
}
.method-field {
	position:relative;
	padding:8px 0;
}

.field-desc {
	font-size:14px;
	padding:0 8px;
	width:224px;
	height:46px;
}
.field-small {
	display:block;
	margin-top:2px;
	font-size:13px;
}

.order-total {
	border:4px solid #093958;
	background:#fff;
	line-height:32px;
	font-size:18px;
	height:32px;
	padding-right:56px;
	text-align:right;
}
.total-amount {
	float:right;
	margin-right:48px;
	font-weight:bold;
}
.total-header {
	display:block;
	width:184px;
	float:left;
	text-align:center;
	font-weight:bold;
}
.order-estimate {
	padding:4px 4px 8px 0;
}
.estimate-line {
	float:right;
	display:block;
	font-size:12px;
	clear:right;
}
.pane-submit {
	padding:16px 16px 16px 8px;
}
.footer-bottom {
	background:#fff;
	margin:0 12px;
	padding:8px 0;
	border-top:2px solid #093958;
}
.bottom-block {
	float:left;
	width:312px;
}
.block-list li {
	display:inline;
	margin:0 8px;
}
.block-list a {
	font-size:14px;
}
.foot-long {
	width:496px;
}
.foot-short {
	width:128px;
}
/* =============================================================================
   PLACE ORDER SPECIFIC
   ========================================================================== */
.preview-order {
	background:#fff;
	border-bottom:1px solid #b3b3b3;
}
.prev-block {
	padding:8px;
}
.prev-ship {
	display:block;
	margin-top:2px;
}
.ship-hand {
	display:block;
	float:left;
	width:208px;
}
.prev-subtotal {
	display:block;
	float:right;
	text-align:right;
	font-size:18px;
	font-weight:bold;
	/*width:110px;*/
}
.prev-total {
	border:1px solid #4d4d4d;
	padding:8px;
	margin:8px 8px 0 8px;
	text-align:right;
}
.prev-handle {
	
}
.total-header {
	display:block;
	float:left;
	width:150px;
	text-align:right;
}
.total-amount {
	width:158px;
	float:right;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.total-breakdown {
	background:#fff;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	margin-top:24px;
}
.final-total {
	padding:8px 0 8px;
	margin:8px;
}
.ftadjust {
	padding:8px 59px 8px 8px;
}
.final-charge {
	border:4px solid #093958;
	padding:8px;
	text-align:right;
}
.fadjust {
	margin:0 16px 8px 8px;
	padding:8px 56px 8px 8px;
}
.final-header {
	display:block;
	float:left;
	width:332px;
	text-align:right;
}
.terms {
	padding:4px 16px 16px 4px;
	font-size:12px;
	text-align:right;
}
/* ADDRESS */
.form-header {
	display:block;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	background:#fff;
	padding:4px 16px;
}
.addr-group {
	margin-top:16px;
}
.addr-optional, .addr-head, .addr-info {
	width:464px;
	margin:0 0 0 48px;
	padding:8px 0;
}
.addr-head {
	text-align:right;
}
.addr-subm {
	margin:16px 0 16px 16px;
	width:500px;
}
.addr-optional {
	border:2px solid #4d4d4d;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.group-list dt, .group-list dd, .group-option dt, .group-option dd {
	display:block;
	float:left;
	height:40px;
}
.group-list dt, .group-option dt {
	text-align:right;
	line-height:40px;
	font-size:14px;
	padding-right:16px;
}
.group-list dt {
	width:184px;
}
.group-list dd {
	width:263px;
}
.group-option dt {
	width:134px;
}
/*PAYMENT*/
.payment-area {
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	background:#fff;
	padding-bottom:24px;
}
.area-header {
	padding:4px 16px;
	border-bottom:1px solid #b3b3b3;
	background:#fff;
}
.pay-row {
	position:relative;
	margin:16px 24px 0 24px;
}
.card-group {
	display:block;
	border:2px solid #4d4d4d;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	height:96px;
}
.card-col {
	display:block;
	float:left;
	width:210px;
	margin-top:16px;
}
.card-col p {
	padding:8px 16px;
	font-size:14px;
}
.card-head {
	background:url('//d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/amGradient1.jpg');
	height:32px;
	line-height:32px;
	padding-left:16px;
}
.bill-notice {
	position:relative;
	display:block;
	float:left;
	width:208px;
	height:56px;
	line-height:56px;
	padding:0 16px;
}
.bill-text {
	display:block;
	float:right;
	width:300px;
	height:56px;
	margin-left:32px;
}
.bill-text p.txt {
	font-size:12px;
	color:#093958;
	margin-top:8px;
}
.pay-line {
	display:block;
	height:56px;
	line-height:56px;
}
.add-credit {
	margin:8px 0 0 48px;
	width:500px;
}
.credit-card dt, .credit-card dd {
	display:block;
	float:left;
	height:40px;
	font-weight:normal;
}
.credit-card dt {
	width:148px;
	text-align:right;
	font-size:14px;
	padding-right:16px;
	line-height:40px;
}
.subm-row {
	padding:8px 24px;
}
.apo {
	position:absolute;
	top:30px;
	right:24px;
	width:244px;
	padding:0 16px;
	text-align:right;
	line-height:24px;
}
.news-letter {
	margin-top:16px;
	width:600px;
	margin-left:32px;
	height:80px;
}
.news-letter dt {
	height:20px;
	line-height:20px;
	width:150px;
}
.news-letter dd {
	width:325px;
	height:auto;
}
.chop {
	width:150px;
	margin-top:2px;
}
/*row heights*/
.h104 {
	height:240px;
}
.h96 {
	height:96px;
}
.h56 {
	height:56px;
}
.mtp {
	margin-top:14px;
}