@charset "utf-8";
/* CSS Document */
th, td, span {
	font-family: futura-pt, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size:calc(12px + 0.75vw);
}
div.cart{
	display:grid;
	grid-template-columns: 5vw 5vw 55vw 15vw 15vw 5vw;
}
span.carthead{
	display:grid;
	grid-column-start:2; 
	grid-column-end:6;}
span.cart1 {
	display:grid;
	grid-column-start:2;
	grid-column-end:3;
		padding:calc(3px + 0.25vw) 0 0 0;
}

span.cart2 {
	display:grid;
	grid-column-start:3;
	grid-column-end:4;
	margin:2px 2vw;
	padding:calc(3px + 0.25vw) 0 0 0;
	text-align:left; 
	font-weight:500;
}
span.cart3 {
	display:grid;
	grid-column-start:4;
	grid-column-end:5;
	padding:calc(3px + 0.25vw) 0 0 0;
	text-align:right;
	font-weight:500;
	
}
span.cart4 {
	display:grid;
	grid-column-start:5;
	grid-column-end:6;
	padding:calc(3px + 0.25vw) 0 0 0;
	text-align:right;
	font-weight:500;
}
span.cart5 {
	display:grid;
	grid-column-start:6;
	grid-column-end:7;
	font-weight:500;
}
span.cart23{
	display:grid;
	grid-column-start:3;
	grid-column-end:5;}
table.carttab{
	display:grid;
	grid-column-start:2;
	grid-column-end:6;
	align-self:center;
	align-contents:center;
}
input,select {
	border-radius:0.5vw;
	margin-top:1px;
	margin-bottom:1px;
	border-width:1px;
	
}
input[type=text]{
	font-family:futura-pt,sans-serif;
	font-size:calc(12px + 0.75vw);
	height:calc(15px + 1vw);
	
}
input[type=submit]{	font-family:futura-pt,sans-serif;
	font-size:calc(12px + 0.75vw);
	font-weight:bold;
	
	background-color:lightskyblue;
	color:black;
	padding:3px 10px 3px 10px;

}
div.checkoutaddy{
	display:grid;
	grid-template-columns: 5vw 30vw 60vw 5vw;

}
span.checkouttop{
	display:grid;
	grid-column-start:2;
	grid-column-end:4;
	text-align:center;}
span.cklabel{
	display:grid;
	grid-column-start:2;
	grid-column-end:3;
	text-align:right;
	margin-right:10px;
	font-weight:500;
	
}
span.ckvalue{
	display:grid;
	grid-column-start:3;
	grid-column-end:4;
	text-align:left;
	justify-items:left;
}
div.checkoutbottom {
	display:grid;
	grid-template-columns:5vw 90vw 5vw;	
	justify-items:center;
}
span.checkoutbottom {
	display:grid;
	grid-column-start:2;
	grid-column-end:3;
	text-align:center;
}

div.shippingdiv{
	display:grid;
	grid-template-columns: 5vw 5vw 65vw 7vw 3vw 10vw 5vw;
}
span.shipaddy {
	display:grid;
	grid-column-start:2;
	grid-column-end:6;
	text-align:left;
	font-weight:500;
}
span.qty {
	display:grid;
	grid-column-start:2;
	grid-column-end:3;
	text-align:center;
	font-weight:500;
}
span.itemname {
	display:grid;
	grid-column-start:3;
	grid-column-end:4;
	text-align:left;
	font-weight:500;
}
span.price {
	display:grid;
	grid-column-start:4;
	grid-column-end:6;	
	text-align:right;
	font-weight:500;
}
span.extended {
	display:grid;
	grid-column-start:6;
	grid-column-end:7;
	text-align:right;
	font-weight:500;
}
span.shipmeths {
	display:grid;
	grid-column-start:2;
	grid-column-end:6;
	text-align:right;
	font-weight:500;
}
span.methodlist{
	display:table-cell;
	font-weight:500;
}
span.shipcentered {
	display:grid;
	grid-column-start:2;
	grid-column-end:7;
	text-align:center;
	font-weight:500;
}
span.nartotal{grid-column-end:5;}
span.nardollars{grid-column-start:5;}
input.cartblue {
	background-color:#436EB3; 
	padding:0vw 0.75vw; 
	border-radius:1vw;border:none;  
	color:white; 
	font-size:calc(15px + 1vw);
	font-family: futura-pt, sans-serif;
	margin:0 0.5vw;
	font-weight: 400;
	font-style: normal;
}
button.cartblue {
	background-color:#436EB3; 
	padding:0vw 0.75vw; 
	border-radius:1vw;border:none;  
	color:white; 
	font-size:calc(15px + 1vw);
	font-family: futura-pt, sans-serif;
	margin:0 0.5vw;
	font-weight: 400;
	font-style: normal;
}

div.wrapper{
	margin:5vw auto 5vw auto;
	width:90%;
	max-width:500px;
}

span.widcart {display:grid;}
span.narcart {display:none;}

@media (max-width:500px){
	span.widcart {display:none;}
	span.narcart {display:grid;}
	div.cart{
		display:grid;
		grid-template-columns: 5vw 5vw 45vw 20vw 20vw 5vw;
	}
}
@media (max-width:700px){
	div.shippingdiv{
		display:grid;
		grid-template-columns: 5vw 10vw 50vw 10vw 5vw 15vw 5vw;
	}

}