.page-anz-checkout-new {
	
}


/* BASKET */
.page-anz-checkout-new #basket .table {
	display:				table;
	vertical-align:			middle;
}

.page-anz-checkout-new #basket .table .row {
	display:				table-row;
	vertical-align:			middle;
}

.page-anz-checkout-new #basket .table .row .cell {
	display:				table-cell;
	vertical-align:			middle;
	padding-top:			0.25rem;
	padding-bottom:			0.25rem;
}

.page-anz-checkout-new #basket .table .row .cell:first-child {
	padding-left:			1.5rem;
}

.page-anz-checkout-new #basket .table .row .cell:last-child {
	padding-right:			1.5rem;
}

.page-anz-checkout-new #basket .table.productsTable .row .cell {
	border-bottom:			1px solid #eee;
}

.page-anz-checkout-new #basket .table.productsTable .row:last-child .cell {
	border-bottom:			1px solid #96AC7D;
}

.page-anz-checkout-new #basket .row .image {
	width:					5rem;
	text-align:				left;
}

.page-anz-checkout-new #basket .row img {
	width:					auto;
	max-height:				3rem;
	display:				inline;
	margin:					0;
	margin-top:				0.5rem;
	margin-bottom:			0.5rem;
}



.page-anz-checkout-new #basket .row .title {
	width:					calc( 1150px - 5rem - 10rem - 5rem - 7.5rem );
}

.page-anz-checkout-new #basket .row .format {
	width:					10rem;
	text-align:				center;
}

.page-anz-checkout-new #basket .row .quantity {
	width:					5rem;
	text-align:				center;
}

.page-anz-checkout-new #basket .row .quantity span:before {
	content:				"x ";
}

.page-anz-checkout-new #basket .row .price {
	width:					7.5rem;
	text-align:				right;
	font-weight:			bold;
}


.page-anz-checkout-new #basket .totalTable .row .totalHeader {
	width:					calc( 1150px - 7.5rem );
	font-weight:			bold;
}

.page-anz-checkout-new #basket .totalTable .row .cell {
	padding-top:			1rem;
}



@media screen and ( max-width: 1160px) {
	.page-anz-checkout-new #basket .row .title {
		width:					calc( 100vw - 5rem - 10rem - 5rem - 7.5rem );
	}
}



@media screen and ( max-width: 650px) {
	
	.page-anz-checkout-new #basket .row .cell.image,
	.page-anz-checkout-new #basket .row .cell.format {
		display: none;
	}
	
	.page-anz-checkout-new #basket .row .title {
		padding-left:			0;
		width:					calc( 100vw - 2rem - 7.5rem );
	}
	
	.page-anz-checkout-new #basket .row .quantity {
		width:					2rem;
	}
	
	.page-anz-checkout-new #basket .row .cell {
		padding-bottom:			1.25rem !important;
	}
	
	.page-anz-checkout-new #basket .row .format {
		width:					10rem;
		text-align:				center;
	}
}




.cardSet {
	position: relative !important;
}

.cardSet:after {
	font-size:		0.8em;
	font-weight:	bold;
	color:			rgba( 0, 0, 0, 0.5 );
	display:		block;
	position:		absolute;
	
	content:			"";
	width:				2.5rem;
	height:				1.5rem;
	top:				0.5rem;
	right:				0.5rem;
	background-size:	100%;
}

.cardSet.visa:after {
	background-image:	url("/macmillanhe/images/cardTypes/visa.png");
}

.cardSet.mastercard:after {
	background-image:	url("/macmillanhe/images/cardTypes/mastercard.png");
}

.cardSet.amex:after {
	background-image:	url("/macmillanhe/images/cardTypes/american-express.png");
}

.cardSet.jcb:after {
	background-image:	url("/macmillanhe/images/cardTypes/jcb.png");
}

.cardSet.diners:after {
	background-image:	url("/macmillanhe/images/cardTypes/diners.png");
}

.cardSet.error:after {
	content:		"";
	color:			red;
}





.payment-options {
	padding-left:	40px;
	padding-right:	40px;
}

.payment-options li {
	display:		inline-block;
	margin-right:	0.4rem;
	margin-bottom:	0.2rem;
}

.payment-options li img {
	border:			1px solid rgba( 000, 000, 000, 0.2 );
	border-radius:	0.2rem;
	
	max-width:		5rem;
}

.payment-options.selection li {
	opacity:		0.5;
}

.payment-options li img.selected {
	border:			1px solid #FF891F;
	box-shadow:		0 0 0 2px #FF891F;
}

.payment-options li img:hover {
	border:			1px solid #FF891F;
	box-shadow:		0 0 0 2px #FF891F;
	cursor:			pointer;
}

.payment-options li.break {
	display:		none;
}

@media screen and ( max-width: 720px ) and ( min-width: 466px ) {
	.payment-options {
	}
	
	.payment-options li img {
		max-width:		6rem;
	}
	
	.payment-options li.break.break-3 {
		display:		block;
	}
}

@media screen and ( max-width: 465px ) {
	.payment-options {
		padding-left:	20px;
		padding-right:	20px;
	}
	
	.payment-options li img {
		max-width:		6rem;
	}
	

	.payment-options li.break.break-2 {
		display:		block;
	}
}



details.testing {
	background-color:		#DA1B2C;
	color:					#ffffff;
	padding:				1rem;
}

details.testing .wrapper {
	background-color:		#DA1B2C;
	color:					#ffffff;
	padding:				1rem;
}

details.testing .wrapper:after {
	content:				"";
	display:				table;
	clear:					both;
}



button.disabled {
	background-color:		#eeeeee !important;
	cursor:					progress;
}