div.tc
{
	padding: 1px 10px 1px 10px;
}

h2 {
	margin-top: 0px;
}

#BasketHeaderArea {
	display: table;
	width: 100%;
}

#BasketHeaderLeft {
	display: table-cell;
	float: left;
	margin-bottom: 20px;
}

#BasketHeaderRight {
	display: table-cell;
	float: right;
	margin-bottom: 20px;
	text-align: right;
}


#BasketImg {
	max-width: 140px;
}

#BasketTotalsArea {
	display: table;
	width: 100%;
}

#BasketTotalsLeft {
	display: table-cell;
	float: left;
	margin-bottom: 20px;
	width: 60%;
}
@media screen and (max-width: 800px) {
	#BasketTotalsLeft {
		width: 100%;	
	}
}

#BasketTotalsMessage li {
	font-size: 1.2em;
	font-weight: bold;
	list-style: outside;
	list-style-position:inside;	
}

#BasketTotalsRight {
	display: table-cell;
	float: right;
	text-align: right;
}





.bold {
	font-weight: bold;
}
p#basketIntro {
	margin: 10px 0 10px 0;		
}

#deliverWhenCollectIsTicked {
	display: none;
	font-size: 1em;
}
#deliverWhenCollectIsTicked p {
	font-size: 1em;
	line-height: 1.4em;	
}

div.basketButtons {
	margin: 10px 0 10px 0;
	text-align: right;
	width: 100%;
}

p#returnMessage {
	font-weight: bold;
	margin: 10px 0 10px 0;	
}

table#basketTable {
	width: 100%;	
}

.basketImage {
	max-height: 100px;
	max-width: 100px;	
}
.basketImageColumn {
	width: 100px;	
}

input.qtyField {
	text-align: center;
	width: 40px;	
}

.inline-title {
	display: none;
}

div#basketDeliveryOptions {
	margin: 10px 0 10px 0;
	text-align: right;	
	width: 100%;
}

div#priceSummaryWrapper {
	text-align: right;
	width: 100%;
}

table#priceSummary { 
	display: inline-block;
	text-align: right;
}

.table-payment {
	margin-bottom: 0px;
	width: auto;
}

.checkout-pon {
	margin-top: 35px;
	white-space: normal;
}

.checkout-poff {
	margin-top: 32px;
}

div.divider {
	background: #ccc;
	height: 1px; 
	width: 100%;
}

div.divider.bottom {
	margin: 20px 0;
}

label.deliveryStuff {
	display: inline-block;
	width: 200px;
}

select.deliveryStuff, input.deliveryStuff {
	width: 200px;
}

div#deliveryStuff {
	width: 420px;
	margin: 0 auto;
}


/*
 * Basket Update 08/05/14
 *  
 */



div.tc.first {
	margin-right: 20px;
}


div.tc h2 {
	margin-bottom: 10px;
}

div.tc div.hic1 {
	margin-bottom: 8px;
}

div.tc label {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
	width: 140px;
}

div.tc.second label {
	width: 250px;	
}

div.tc select, div.tc input[type="text"] {
	margin-bottom: 10px;
	padding: 5px;
	width: 185px;	
}

div.tc select {
	width: 196px;
}

div#cost {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
}



section#discount label {
	font-size: 16px;
	margin-right: 10px;
	font-weight: bold;
}

section#discount input[type="text"] {
	padding: 4px;
	width: 160px;
}


section#discount input[type="submit"].b {
	padding-left: 10px;
	padding-right: 10px;
}

div#priceSummary.tc {
	margin: 0 auto 20px;
	padding: 10px;
	text-align: center;
	width: 600px;
}

div#priceSummary.tc > div, div#priceSummary.tc > span {
	display: inline-block;
	padding: 10px;
}

div#priceSummary.tc > div {
	font-weight: bold;
}

.table-payment-responsive {
	display: none;
}

div#payOnline {
	display: inline-block;
	height: 470px;
	margin-bottom: 20px;
	margin-right: 1%;
	text-align: center;
	width: 48%;
}
div#payOnline100percent {
	display: inline-block;
	height: 430px;
	margin-bottom: 20px;
	margin-right: 1%;
	text-align: center;
	width: 100%;
}

section.checkoutAreas#payment h1 {
	text-align: left;
}

div#payOnline p {
	text-align: center!important;
}


div#payOffline {
	display: inline-block;
	height: 470px;
	margin-bottom: 20px;
	margin-left: 1%;
	text-align: center;
	vertical-align: top;
	width: 48%;
}

div#payOnline h2, div#payOffline h2 {
	font-size: 28px;
	text-transform: uppercase;
}

div#payOnline h3, div#payOffline h3 {
	font-size: 18px;
}

div#payOnline p, div#payOffline p {
	font-size: 14px;
	margin-top: 20px;
}

div.imageWrapper {
	display: inline;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
}

div.imageWrapper img {
	vertical-align: middle;
}

div#payOffline label {
	display: inline-block;
	width: 150px;
}

div#payOffline #sPaymentBy-label {
	width: 183px;
}

div#payOffline div.imageWrapper {
	
}

/* Easter Egg for James - collapsing box model */
@media screen and (max-width: 1082px) {
	#offlineCompletion {
		margin-top: 10px;
}

@media screen and (max-width: 773px) {
	div#payOffline label.sPaymentBy {
		width: 161px;
	}
}

@media screen and (max-width: 767px) {
	.table-responsive {
		border: none;
	}
	.basket-title-row {
		display: none;
	}
	
	.basket-cell {
		display: block;
	}
	
	.inline-title {
		display: inline;
		padding-right: 5px;
	}
	
	div#payOnline {
		display: block;
		width: 100%;
	}
	
	div#payOffline {
		display: block;
		margin-left: 0px;
		width: 100%;
	}
	
	.table-payment {
		display: none;
	}
	
	.table-payment-responsive {
		display: block;
		margin-top: 25px;
	}
}

@media screen and (max-width: 728px) {
	.img-responsive {
		height: 75px;
	}
}

@media screen and (max-width: 712px) {
	.checkout-poff {
		margin-top: 13px;
	}
}

@media screen and (max-width: 675px) {
	.checkout-pon {
		margin-top: 25px;
	}
}

@media screen and (max-width: 645px) {
	.pay-off-img {
		width: 50%;
		height: auto;
	}
}

@media screen and (max-width: 550px) {
	.basketImageColumn {
		display: block;
		text-align: center;
		width: auto;
	}
}

@media screen and (max-width: 480px) {
	#sPaymentMethod {
		box-sizing: border-box;
		width: 95%;
	}
	
	#sPaymentBy {
		box-sizing: border-box;
		width: 95%;
	}
}

@media screen and (max-width: 470px) {
	.delivery-wrapper {
		max-width: 470px;
		width: 100%;
	}
	
	section#delivery.checkoutAreas div.first {
		box-sizing: border-box;
		max-width: 440px;
		width: 100%;
	}
	
	section#delivery.checkoutAreas div.second {
		box-sizing: border-box;
	}
	
	div#deliverLeft {
		max-width: 320px;
		width: 100%;
	}
	
	div.tc select, div.tc input[type="text"] {
		width: 55%;
	}
	
	div#deliverRight {
		position: absolute;
		max-width: 100px;
		right: 25px;
		width: 100%;
	}
	
	section#delivery.checkoutAreas div.second {
		max-width: 440px;
		width: 100%;
	}
}

@media screen and (max-width: 420px) {
	.basketImageColumn {
		box-sizing: border-box;
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
}

@media screen and (max-width: 412px) {
	#offlineCompletion {
		margin-top: 0px;
		white-space: normal;
	}
	
	.line-break {
		display: none;
	}
}

@media screen and (max-width: 405px) {
	.line-break-fix {
		display: none;
	}
	
	section#delivery.checkoutAreas div.second {
		height: 235px;
	}
	
	section#delivery.checkoutAreas div.first {
		height: 270px;
	}
}

@media screen and (max-width: 400px) {
	.checkout-pon {
		margin-top: 10px;
	}
}

@media screen and (max-width: 368px){
	#payoffline-image {
		line-height: 65px;
	}
}

@media screen and (max-width: 355px) {
	
	
	div#payOnline, div#payOffline {
		height: 430px;
	}
	
	div#payOffline h2 {
		margin-top: 10px;
	}
	
	#payoffline-image {
		display: none;
	}
	
	#offlineCompletion {
		margin-top: 20px;
	}
}

@media screen and (max-width: 339px) {
	section.checkoutAreas p {
		margin-bottom: 5px;
	}
	
	div#payOnline p {
		margin-top: 0px;
	}
}

@media screen and (max-width: 337px) {
	#offlineCompletion {
		margin-top: 0px;
	}
}

@media screen and (max-width: 320px) {
	div#payOnline, div#payOffline {
		height: 450px;
	}
	
	
	#offlineCompletion {
		margin-top: 10px;
	}
}