
@import url("https://www.cooksongold.com/assets/css/_checkout.css");
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.delete a{
 color:#17407c;
 cursor: pointer;
}	

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

#c_checkout_existing_card_wrapper h2{
	margin-bottom:20px;	
}

#c_checkout_existing_card{
	float:left;
	width:70%;
	position:relative;
	padding-bottom:20px;
}

#c_checkout_existing_card .gen_filled{
	padding-bottom:20px;
}


#c_checkout_existing_card .fbtn{
	margin-top:20px;
	margin-bottom:20px;	
}

#checkout_summary{
	padding-top:40px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:10px;
}

.c_checkout_lft{
	float:left;
	width:66.66666666666667%;	
}

#checkout_summary h2{
	margin-top:10px;	
}

.c_checkout_rgt{
	float:left;
	width:33.33333333333333%;	
	text-align:right;
}

.c_checkout_rgt .fbtn{
	display:inline-block;
	width:200px;
	margin:0px !important;	
}

#c_existing_cards{
	margin-left:40px;
	margin-right:40px;	
	max-width:900px;
	margin-bottom:20px;
}

#c_existing_cards #c_cvv{
	margin-top:0px;	
}

#c_existing_cards #c_cvv label{
	float:left;
	margin-right:20px;
}

#c_existing_cards #c_cvv div.txt{
	float:left;
	width:100px;
}

.row{
	padding:10px;	
}

.col{
	display:block;	
	margin: 1% 0 1% 0;
}

.col.delete{
	float:left;
	width:10%;
	text-align:center;
}

.col.type{
	float:left;
	width:15%;
	text-align:center;
}

.col.number{
	float:left;
	width:25%;	
}

.col.name{
	float:left;
	width:40%;	
}

.col.action{
	float:left;
	width:10%;	
	text-align:center;
}

.c_existing_card_header{
	font-weight:bold;	
	color: #17407C;
	font-size:14px;
}

.c_existing_card_entry{
	background-color:#fff;
	margin-bottom:3px;
	font-size:14px;
}

.c_existing_card_entry:last-child{
	margin-bottom:0px;	
}

.cvvfield{
	display:block;	
}
.addchgfield{
	display:none;	
}
#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;
}


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

.b_container.filled{
	background-color:rgb(245,245,245);
}
.deliveryupd{
display:none;
	position:fixed;
	z-index:999;
 font-size:1.4em;
 top:200px;
 left:20%;
 width:80%;
 height:80%;
 }
.deliveryupd img{
 height:30%;
 }

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

	.col.type{
		float:left;
		width:20%;
		text-align:center;
	}
	#b_cards_secure{
		display:none;	
	}
		#b_summary_cards{
		display:none;	
	}
	
	.col.action{
		float:left;
		width:5%;	
		text-align:center;
	}

}

@media screen and (max-width:999px){
		
	#b_summary_r{
		width:100%;
		margin-bottom:20px;
	}
	

	
	.c_checkout_lft{
		display:none;	
	}
	
	.c_checkout_rgt{
		width:100%;
	}
	
	#c_checkout_existing_card{
		float:left;
		width:100%;
		position:relative;
		padding-bottom:20px;
	}

	#b_summary_cards{
		display:none;	
	}
	
	#b_live_chat{
		display:none;	
	}
	
	#b_delivery_benefits{
		display:none;	
	}

	#b_cards_secure{
		display:none;	
	}
	
}


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

	#checkout_summary {
		padding: 20px 40px 10px;
	}
		

	#c_existing_card {
		margin-left: 10px;
		margin-right: 10px;
	}

	.col.delete{
		float:left;
		width:10%;
		text-align:center;
	}

	.col.type{
		float:left;
		width:30%;
		text-align:center;
	}
	
	.col.number{
		float:left;
		width:50%;	
	}
	
	.col.name{
		display:none;	
	}
	
	.col.action{
		float:left;
		width:10%;	
		text-align:center;
	}

}

@media screen and (max-width:699px){
	
	#c_existing_cards {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0px;
	}
	
	.col.delete{
		float:left;
		width:10%;	
	}
	
	.col.type{
		display:none;
	}
	
	.col.number{
		float:left;
		width:70%;	
	}
	
	.col.action{
		float:left;
		width:20%;	
		text-align:center;
	}
		
}


@media screen and (max-width:399px){
	
	#c_existing_cards {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 0px;
	}
		
}





table.blackborder {
    border: 1px solid #fff;
    margin-top:12px;
}

th, td {
	border: 1px solid #fff;
	color:rgb(51,51,51);
	font-size:1em;
}
table.blackborder td:nth-child(2) {
	text-align:right;
} 
table.blackborder {
    border-collapse: collapse;
}


#c_checkout_existing_card{
	width: 60% !important;
}
#b_summary_r{
	width: 35% !important;
}

@media screen and (max-width:1024px){
	#c_checkout_existing_card{
	width: 100% !important;
}
	#b_summary_r{
		width: 100% !important;
	}
}