@import url("../_checkout.css");

	body {
    color: rgb(0,0,0);
}
h2{
	font-size:32px;
	line-height:40px;
	margin-top:20px;
	margin-bottom:20px;
	color: #17407C;
}

#c_checkout_basket{
	width:90%;
	margin:40px auto;
	position:relative;
}

#c_checkout_basket h2{
	margin-bottom:20px;	
}
#b_items{
	float:left;
	width:69%;
}

.b_item{
	padding:20px;
	background-color:#f1f1f2;	
	border:1px solid #CECECE;
	margin-bottom:10px;
}

.b_item_display{
	float:left;
	width:20%;	
}

.b_item_display div{
	width:90%;
	margin:0px auto;
	padding:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	background-color:rgb(255,255,255);
	border:1px solid #CECECE;
	position:relative;
}

.b_item_display div img{
	width:100%;	
}

.b_item_display div a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;	
}

.b_item_info{
	float:left;
	width:60%;	
}

.b_item_info div{
	
	width:90%;
	margin:0px auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	
}

.b_item_info div p{
	display:inline-block;
	font-size:0.8em;
}

.b_item_info div h3{
	font-size:16px;
}

.b_item_info div h3 a{
	color:inherit;
	text-decoration:none;	
}

.b_item_info div h3 a:hover{
	text-decoration:underline;
}

.b_item_info div span{
	display:inline-block;
	margin-left:10px;	
	font-size:0.8em;
}

.b_item_info div span.in_stock{
	color: #4EB455;
}

.b_item_price{
	float:left;
	width:20%;	
}

.b_item_price div{
	
	width:90%;
	margin:0px auto;
	text-align:center;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;		
}

.b_item_price div span{
	color:rgb(128,128,128);	
}

.b_item_interact{
	width:98%;
	margin:10px auto 0px auto;	
}


.b_item_remove{
	width:60px;
	float:left;	
}

.item_update{
	width:200px;	
	float:left;
	margin-left:10px;
}

.item_change{
	width:250px;	
	float:left;
	margin-left:10px;
}

.item_update .qty{
	float:left;
	width:29%;
	height:	50px;
	
	position:relative;
	margin-right:1%;
}

.item_change .weight{
	float:left;
	width:39%;
	height:	50px;
	position:relative;
	margin-right:1%;
	line-height:50px;
	text-align:center;
}



.item_update .qty span{
	display:block;
	width:100%;
	height:100%;
	background-color:#fff;
	position:relative;
	box-shadow: 1px 2px 2px 0px #BCBCBC inset;
}

.item_update .qty span input{
	position:absolute;
	top:5px;
	left:2%;
	width:96%;
	height:40px;
	border:0px;
	text-align:center;
	background:none;
	font-size:0.875em;
}

.item_update .fbtn{
	float:right;
	width:67%;
}
.item_update .fbtn span{
	width:25%;
}
.item_update .fbtn p{
	width:75%;
}

.item_change .fbtn{
	float:right;
	width:60%;
}

#b_summary_b{
	padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#b_summary_r{
	float:right;
	width:25%;
}

.b_summary p span{
	float:right;
}

.b_summary p{
	color:rgb(51,51,51);	
}

.b_summary hr{
	background-color:rgb(0,0,0);
	border:0;
	height:1px;
}

.b_summary .b_summary_vouchers{
	color:rgb(205,58,76);
}

#b_summary_r .secure_checkout{
	width:100%;
	margin:20px auto 0px auto;
	max-width:100%;
}


.b_container{
	width:100%;
	position:relative;
}

.b_container.filled{
	background-color:rgb(245,245,245);
}

#b_delivery{
	margin-top:20px;
	padding:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#b_delivery h3{
	margin-bottom:20px;
}

#b_delivery div.b_delivery_options{float:left;}
#b_delivery div.b_delivery_price{
	position:absolute;
	top:20px;
	right:20px;
	width:60%;
}

#b_delivery div.b_delivery_price label{
	color:rgb(128,128,128);
	text-align:center;
	display:block;
}

#b_delivery div.b_delivery_price p{
	text-align:center;
}

#b_delivery ul.b_delivery_benefits{
	margin-top:10px;	
}

#b_delivery ul.b_delivery_benefits li{
	font-size:14px;
	line-height:22px;
	color:rgb(73,168,63);		
}

#b_delivery ul.b_delivery_benefits li i{
	margin-right:5px;	
}

#b_delivery .b_delivery_summary {
	margin-top:10px;	
}

#b_delivery .b_delivery_summary p{
	margin-top:5px;
	margin-bottom:5px;	
	font-size:12px;
	line-height:20px;
}

#b_delivery .b_delivery_summary p a{
	color:inherit;	
}
#b_delivery .b_delivery_summaryfp {
	margin-top:10px;	
}

#b_delivery .b_delivery_summaryfp p{
	margin-top:5px;
	margin-bottom:5px;	
	font-size:12px;
	line-height:20px;
}

#b_delivery .b_delivery_summaryfp p a{
	color:inherit;	
}
#b_delivery .b_delivery_summary2 {
	margin-top:10px;	
}

#b_delivery .b_delivery_summary2 p{
	margin-top:5px;
	margin-bottom:5px;	
	font-size:12px;
	line-height:20px;
}

#b_delivery .b_delivery_summary2 p a{
	color:inherit;	
}

#b_vouchers{
	margin-top:20px;
	padding:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

}

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

#b_vouchers p{
	display:table-cell;
	vertical-align:middle;
}

#b_vouchers div.b_voucher_code{
	display:table-cell;
	height:50px;
	vertical-align:middle;
}

#b_vouchers div.b_voucher_code div.b_voucher_code_cnt{
	float:right;
}

#b_vouchers div.b_voucher_code input{
	height:30px;
	position:relative;
	display:block;
	border:1px solid #c6c8ca;
	text-align:center;
	float:left;
	font-size:14px;
	height:50px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#b_vouchers div.b_voucher_code .add-voucher{
	float:right;
	width:150px;	
}

#b_voucher_list{
	display:block;
	margin-top:20px;
}

#b_voucher_list li{
	border-top:1px solid 	#c6c8ca;
	padding-top:10px;
	padding-bottom:10px;
}

#b_voucher_list li i{
	color: #C0081F;
	margin-left:10px;
}

#b_basket_act_col{
	width:55%;
	float:left;
	margin-top:20px;
}



#b_summary_b_col{
	width:40%;
	float:right;
	margin-top:20px;
}

#b_summary_b_col .secure_checkout{
	float:right;	
	width:100%;
	max-width:100%;
	margin-bottom:20px;
	margin-top:20px;
}


.b_basket_action_ref_cnt{
	display:table;	
	width:100%;
}

.b_basket_action_ref_cnt p{
	display:table-cell;
	vertical-align:middle;
}

.b_basket_action_ref_cnt div.b_action_ref{
	display:table-cell;
	height:30px;
	vertical-align:middle;
}

.b_basket_action_ref_cnt input{
	height:30px;
	position:relative;
	display:block;
	border:1px solid #c6c8ca;
	text-align:center;
	float:right;
	font-size:14px;
	width:200px;
}



.b_basket_action_method_cnt{
	display:table;	
	width:100%;
	margin-top:10px;
}

.b_basket_action_method_cnt p{
	display:table-cell;
	vertical-align:middle;
}

.b_basket_action_method_cnt div.b_action_method{
	display:table-cell;
	height:30px;
	vertical-align:middle;
}

.b_basket_action_method_cnt select{
	height:30px;
	position:relative;
	display:block;
	border:1px solid #c6c8ca;
	text-align:center;
	float:right;
	font-size:14px;
	padding:5px;
	width:200px;
}

#b_basket_act_col .fbtn.cb{
	margin-top:10px;	
}

#b_basket_act_col .fbtn.sb{
	margin-top:10px;	
}

#b_basket_act_col .fbtn.cs{
	margin-top:10px;	
}

#b_related_products{
	margin-top:40px;
}

/* LIVE CHAT */

#b_live_chat{
	margin-top:20px;
}

.deliveryupd{
display:none;
	position:fixed;
	z-index:999;
 font-size:1.4em;
 top:200px;
 left:40%;
 right:40%;
 }
.deliveryupd img{
 width:100%;
 }
#o_post_opts td{
	line-height:14px;
	padding:5px 5px;
	vertical-align:middle;
}
#o_post_opts tr.alt td{
	background-color: #e0e0e0;
}
.ftblk{
	max-width: 1400px;
	margin: 0px auto;
}

.col_opt{
	text-align:center;
	width:2.5%;	
}
.col_post{
	text-align:left;
	width:19.5%;	
}
.col_detail{
	text-align:left;
	width:45%;	
}
.col_dates{
	text-align:right;
	width:27%;	
}
.col_price{
	text-align:right;
	width:6%;	
}


@media screen and (max-width:899px){
	
	#b_items{
		width:100%;	
	}
	
	#b_summary_r{
		display:none;
	}
	
}


@media screen and (max-width:649px){
	
	#b_basket_act_col{
		width:100%;
		float:left;
		margin-top:20px;
		text-align:center;
	}	
	
	#b_summary_b_col{
		width:100%;	
	}
	.deliveryupd{
display:none;
	position:fixed;
	z-index:999;
 font-size:1.4em;
 top:200px;
 left:30%;
 right:30%;
 }
.deliveryupd img{
 width:100%;
 }
	
	#b_basket_act_col .fbtn.cb,
	#b_basket_act_col .fbtn.sb,
	#b_basket_act_col .fbtn.cs
	{
		float:right;
		width:200px;
		clear:both;
	}

	#b_vouchers p.b_voucher_label{
		display:block;
		vertical-align:middle;
		width:100%;
		text-align:center;
	}
	
	#b_vouchers div.b_voucher_code{
		display:block;
		height:50px;
		vertical-align:middle;
		width:100%;
		text-align:center;
	}


	#b_vouchers div.b_voucher_code .b_voucher_code_cnt{
		float:none !important;
		margin:10px auto 0px auto;
		width:300px;
	}

	#b_vouchers div.b_voucher_code input{
		position:relative;
		border:1px solid #c6c8ca;
		text-align:center;
		display:inline-block;
		font-size:14px;
		height:50px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		float:left;
		width:60%;
	}
	
	#b_vouchers div.b_voucher_code .add-voucher{
		display:inline-block;
		width:40%;
		float:left;
	}
	
	#b_delivery div.b_delivery_price{
		position:relative;
		width:100%;
		top:auto;
		right:auto;	
		clear:both;
		margin-top:20px;
	}
	
	#b_delivery div.b_delivery_price p{
		font-size:18px;
		font-weight:bold;	
	}
	
	#b_delivery div.b_delivery_options{
		clear:both;
		margin-bottom:20px;	
	}

}

@media screen and (max-width:599px){

	#b_summary_r{
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	
	#b_summary_r .fbtn{
		display:none;
	}
	
	#b_live_chat{
		display:none;	
	}
	
	#b_cards_secure{
		display:none;	
	}
	
	#b_summary_cards{
		display:none;	
	}
	
	#b_important_msg{
		display:none;	
	}
	
	#b_delivery_benefits{
		display:none;	
	}
	
	.b_item_display {
		float: none;
		width: 90%;
		clear:both;
		margin:0px auto 20px auto;
		display:none;
	}

	.b_item_info {
		float: none;
		width: 90%;
		text-align:center;
		clear:both;
		margin:0px auto;
	}
	
	.b_item_price {
		float: none;
		width: 90%;
		text-align:center;
		clear:both;
		margin:5px auto 0px auto;
	}
	
	.b_item_price p{
		font-size:18px;
		font-weight:bold;	
	}
	
	.b_item_price span{
		display:none;	
	}

	.b_item_interact {
		text-align:center;
	}

	.b_item_remove {
		width: 60px;
		float: right;
		display:inline-block;
	}
	
	.item_update {
		width: 200px;
		float: none;
		margin-left: 10px;
		display:inline-block;
	}

	.item_change {
		width: 200px;
		float: none;
		margin-left: 10px;
		display:inline-block;
	}
	
	#b_related_products{
		display:none;	
	}

	.b_delivery_summary{
		display:none;	
	}
	
}


@media screen and (max-width:349px){
	
	.item_update {
		width: 150px;
		float: none;
		margin-left: 0px !important;
		display:inline-block;
	}

	.item_update .qty{
		width:100px;
		margin-right:0px;
	}
	
	.item_update .fbtn{
		width:50px;	
	}
	
	.item_update .fbtn p{
		display:none;	
	}
	
	.item_update .fbtn span{
		width:100%;	
	}

	.item_change {
		width: 150px;
		float: none;
		margin-left: 0px !important;
		display:inline-block;
	}
	
	.item_change .weight{
		width:100px;
		margin-right:0px;
	}
	
	.item_change .fbtn{
		width:50px;	
	}
	
	.item_change .fbtn p{
		display:none;	
	}
	
	.item_change .fbtn span{
		width:100%;	
	}
	
	.b_item_remove {
		width: 50px;
		float: right;
		display:inline-block;
	}

	#b_vouchers div.b_voucher_code .b_voucher_code_cnt{
		float:none !important;
		margin:10px auto 0px auto;
		width:100%;
	}

}