/* View Cart Items */
.cartNav		{margin:5px 0;}
.maincart		{margin:10px 10px 5px 10px; 	}
.cart_icon_holder {
    text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 5px;
	font-size:22pt;
    width: 35px;    height: 30px;
    background: #fff;    color: #555555;
    border: solid 1px #000;    border-radius: 5px;
    cursor: pointer;    
}
.help_icon_holder {
    text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 2px 7px;
	font-size:12pt;
    background: #fff;    color: #555555;
    border: solid 1px #000;    border-radius: 5px;
    cursor: pointer;    
}
.cart_icon_holder:hover, .item_icon_holder:hover, .help_icon_holder:hover, button.CartNext_btn:hover, button.CartPay_btn:hover, button.CartBack_btn:hover
{	color: #00b300;	}
.cart-body		{padding-top:5px;}
.cart-header	{padding:10px;background:#f2f2f2;	}
.cart-footer	{padding:0;background:#f2f2f2;	}
.maincartbody	{margin-bottom:5px;}

.CartItem-Image	{height: 100%;position: relative;border: 1px solid #f2f2f2; }
.CartItem-Image img {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#siteseal		{text-align:center;margin:auto;}
.cart-footer-image	{display:inline-block;height:31px;}
.cart-end		{margin:5px 10px 5px 10px; padding:10px;background:#f2f2f2;	}
table.cart_end	{width:100%;}
table.cart_end td	{font-size:20pt;}

button.CartNext_btn, button.CartBack_btn
{
	text-transform:uppercase;font-size:20pt; cursor: pointer;
	background:#fff; border: solid 1px #000;    border-radius: 5px;
}
button.CartNext_btn ic, button.CartBack_btn ic
{	font-size:18pt;	}
button.CartPay_btn	{text-transform:uppercase;font-size:20pt;
		background:#fff;
		border: solid 1px #000;    border-radius: 5px;
    		cursor: pointer;   }
table.basket
{width:100%; height:100%;}
.update_remove
{text-align:center; vertical-align:middle;}
.update_remove input[type='submit']
{
	width:85%;
}
input[type='submit'].form_Btn, button.form_Btn
{
	box-sizing: border-box;
	display: block;
	height: 30px;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 3px auto;
	cursor: pointer;
	background: #3675B4;
	color: #fff;
	cursor:pointer;
	vertical-align:middle;
}
input[type='submit'].form_Btn:hover, button.form_Btn:hover
{
	color:#555555;
	background: #ffffff !important; 
}
input[type='submit'].form_Btn_off, button.form_Btn_off
{
	box-sizing: border-box;
	display: block;
	height: 30px;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 3px auto;
	cursor: pointer;
	background: #d2d2d2;
	color: #fff;
	cursor:not-allowed;
}
input[type='submit'].form_Btn_off:hover, button.form_Btn_off:hover
{
	color:red;
}
.On
{	color:green;		cursor:pointer;}
.Off
{	color:red;	cursor:not-allowed;	}
.Off:hover
{	color:#d2d2d2 !important;	cursor:not-allowed;	}
table.cart_tbl	{width:100%;}
@media screen and (min-width: 1500px)
{
	table.cart_tbl th	{font-size:20pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.maincartbody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box2 box3 box3x";
			grid-gap: 1px;
			grid-template-rows: auto auto;
			grid-template-columns: 125px auto 150px 150px;}
	.maincartbody		{
		padding: 1px; background-color: #4d4d4d;   }
	.maincartfooter	{	
		display: grid;
		grid-template-areas:
		"box4 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto auto;}
	.maincartfooter		{
		padding: 1px; background-color: #4d4d4d;   }
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box1a box2a box3a";
			grid-gap: 0px;
			grid-template-rows: auto;
			grid-template-columns: 185px auto 185px;}
	.cartNav	{
		padding: 0px; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;
		background-color: #f2f2f2;text-align:center;  padding: 10px 0 10px 10px;
		color: #000;}
	.cartNav > box2a	{
		grid-area: box2a;  padding: 10px 0 10px 0;
		text-align:center;
		background-color: #f2f2f2;color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		background-color: #f2f2f2;text-align:center;  padding: 10px 10px 10px 0;
		color: #000;}
	table#QuantTotalDelete
	{
		width:100%;
	}
	#QuantTotalDelete td
	{
		vertical-align:middle; padding:5px 0;
	}
	td#item_quantity 
	{
		text-align:right; font-weight:bold; background-color: #f2f2f2; 
	}
	td#product_total 
	{
		font-size:20pt !important; font-weight:bold; background-color: #f2f2f2; text-align:right; padding-right:10px;
	}
	td#cart_content_del
	{
		text-align:left; background-color: #f2f2f2; padding:0 10px;
	}
	.item_icon_holder
	{
		text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 5px;
		font-size:15pt;
		/* width: 25px;    height: 25px; */
		background: #fff;    color: #555555;
		border: solid 1px #000;    border-radius: 5px;
		cursor: pointer;    
	}
	p.CartItem-Name	{font-weight:bold;}
	p.CartItem-Code	{font-size:10pt;}
	p.CartItem-UnitCost	{font-weight:bold;}
	span.ProductsIn	{margin-left:5px;font-weight:normal;font-size:10pt;}
	.CartItem-Quant	{height: 100%;position: relative;border: 1px solid #fff; }
	.CartItem-Quant .CartItem-Quantity{margin: 0;position: absolute;top: 50%;left: 30px;transform: translate(-50%, -50%);}
	.CartItem-Quantity	{font-size:20pt !important; text-align:center;width:50px;}
	p.CartItem-Total	{font-size:20pt !important; text-align:right;}
	p.Cart-TotalItems	{font-weight:bold; font-size:20pt !important; text-align:left;}
	p.Cart-Total	{font-weight:bold;font-size:20pt !important; text-align:right;}

	.postagebody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box2";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto 250px;}
	.postagebody		{
		padding: 1px; background-color: #4d4d4d;   }


	.detailsbody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box1"
		"box2 box2"
		"box3 box3";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr 1fr;}
	.detailsbody		{
		padding: 1px; background-color: #4d4d4d;   }
	label.PostageSubTotal
		{font-size:14pt;display:inline-block;width:250px;text-align:right;}
	span.PostageSubTotal
		{font-size:14pt;display:inline-block;width:100px;text-align:right;}
	label.PostageTotal
		{font-weight:bold;font-size:14pt;display:inline-block;width:250px;text-align:right;}
	span.PostageTotal
		{font-weight:bold;font-size:14pt;display:inline-block;width:100px;text-align:right;}
	#PostageChoices	{font-weight:bold;font-size:14pt;}	
	table.PostalTotals
		{}
	table.PostalTotals th
		{text-align:right;font-size:16pt;}
	table.PostalTotals td
		{text-align:right;font-size:16pt;}

	.summarybody	{	
		display: grid;
		grid-template-areas:
	 	"box1s box1s box2s"
		"box4s box4s box4s";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr auto 275px;}
	.summarybody		{
		padding: 1px; background-color: #4d4d4d;   }
	.summarybody > box1s	{
		grid-area: box1s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box2s	{
		grid-area: box2s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
	#Payments_container
		{
		min-height:175px; max-height:100%;margin:auto; width:50%; border:solid 1px #fff;text-align:center; padding:15px;
		}
}


@media screen and (min-width: 950px) and (max-width: 1500px)
{
	table.cart_tbl th	{font-size:20pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.maincartbody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box2 box3 box3x";
			grid-gap: 1px;
			grid-template-rows: auto auto;
			grid-template-columns: 125px auto 150px 150px;}
	.maincartbody		{
		padding: 1px; background-color: #4d4d4d;   }
	.maincartfooter	{	
		display: grid;
		grid-template-areas:
	 	"box4 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 50% 1fr;}
	.maincartfooter		{
		padding: 1px; background-color: #4d4d4d;   }
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box1a box2a box3a";
			grid-gap: 0px;
			grid-template-rows: auto;
			grid-template-columns: 175px auto 175px;}
	.cartNav	{
		padding: 0; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;  padding: 10px;
		background-color: #f2f2f2;
		padding: 0;}
	.cartNav > box2a	{
		grid-area: box2a;  padding: 10px;
		text-align:center;
		background-color: #f2f2f2;color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		background-color: #f2f2f2;text-align:right;  padding: 10px;
		color: #000;}
	table#QuantTotalDelete
	{
		width:100%;
	}
	#QuantTotalDelete td
	{
		vertical-align:middle; padding:5px 0;
	}
	td#item_quantity 
	{
		text-align:right; font-weight:bold; background-color: #f2f2f2; 
	}
	td#product_total 
	{
		font-weight:bold; background-color: #f2f2f2; text-align:right; padding-right:10px;
	}
	td#cart_content_del
	{
		text-align:left; background-color: #f2f2f2; padding:0 10px;
	}
	.item_icon_holder
	{
		text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 5px;
		font-size:15pt;
		/* width: 25px;    height: 25px; */
		background: #fff;    color: #555555;
		border: solid 1px #000;    border-radius: 5px;
		cursor: pointer;    
	}
	p.CartItem-Name	{font-weight:bold;}
	p.CartItem-Code	{font-size:10pt;}
	p.CartItem-UnitCost	{font-weight:bold;}
	span.ProductsIn	{margin-left:5px;font-weight:normal;font-size:10pt;}
	.CartItem-Quantity	{font-size:20pt;text-align:center;width:50px;}
	p.CartItem-Total	{font-size:20pt; text-align:right;}
	p.Cart-TotalItems	{font-weight:bold;font-size:20pt; text-align:left;}
	p.Cart-Total	{font-weight:bold;font-size:20pt; text-align:right;}
	.postagebody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box2";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto 175px;}
	.postagebody		{
		padding: 1px; background-color: #4d4d4d;   }


	.detailsbody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box1"
		"box2 box3";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr 1fr;}
	.detailsbody		{
		padding: 1px; background-color: #4d4d4d;   }
	label.PostageSubTotal
		{font-size:14pt;display:inline-block;width:150px;text-align:right;}
	span.PostageSubTotal
		{font-size:14pt;display:inline-block;width:100px;text-align:right;}
	label.PostageTotal
		{font-weight:bold;font-size:14pt;display:inline-block;width:150px;text-align:right;}
	span.PostageTotal
		{font-weight:bold;font-size:14pt;display:inline-block;width:100px;text-align:right;}
	.summarybody	{	
		display: grid;
		grid-template-areas:
	 	"box1s box1s"
		"box2s box2s"
		"box4s box4s";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr 1fr;}
	.summarybody		{
		padding: 1px; background-color: #4d4d4d;   }
	.summarybody > box1s	{
		grid-area: box1s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box2s	{
		grid-area: box2s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
	#Payments_container
		{
		min-height:175px; max-height:100%;margin:auto; width:50%; border:solid 1px #fff;text-align:center; padding:15px;
		}
}

@media screen and (min-width: 550px) and (max-width: 950px)
{
	table.cart_tbl th	{font-size:16pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.maincartbody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box2 box3"
	 	"box1 box2 box3x";
			grid-gap: 1px;
			grid-template-rows: auto auto;
			grid-template-columns: 125px auto;}
	.maincartbody		{
		padding: 1px; background-color: #4d4d4d;   }
	.maincartfooter	{	
		display: grid;
		grid-template-areas:
		"box4 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto auto;}
	.maincartfooter		{
		padding: 1px; background-color: #4d4d4d;   }
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box1a box2a box3a";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.cartNav	{
		padding: 0px; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;
		text-align:center;  padding: 10px; background-color: #f2f2f2;}
	.cartNav > box2a	{
		grid-area: box2a;
		text-align:center; padding: 10px; background-color: #f2f2f2; color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		text-align:center; padding: 10px; background-color: #f2f2f2;  color: #000;}
	table#QuantTotalDelete
	{
		width:100%;
	}
	#QuantTotalDelete td
	{
		vertical-align:middle; padding:5px 0;
	}
	td#item_quantity 
	{
		text-align:right; font-weight:bold; background-color: #f2f2f2; 
	}
	td#product_total 
	{
		font-weight:bold; background-color: #f2f2f2; text-align:right; padding-right:10px;
	}
	td#cart_content_del
	{
		text-align:center; background-color: #f2f2f2; padding:0 10px;
	}
	.item_icon_holder
	{
		text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 5px;
		font-size:15pt;
		/* width: 25px;    height: 25px; */
		background: #fff;    color: #555555;
		border: solid 1px #000;    border-radius: 5px;
		cursor: pointer;    
	}


	p.CartItem-Name	{font-size:12pt;font-weight:bold;}
	p.CartItem-Code	{font-size:12pt;}
	p.CartItem-UnitCost	{font-size:12pt;font-weight:bold;}
	span.ProductsIn	{margin-left:5px;font-weight:normal;font-size:10pt;}
	.CartItem-Quant	{height: 100%;position: relative;border: 1px solid #fff; }
	.CartItem-Quant .CartItem-Quantity
	{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.CartItem-Quantity	{font-size:16pt;text-align:center;width:60px; border:none;}
	.CartItem-Total
	{	display:table-cell; vertical-align:middle;}
	p.CartItem-Total	{font-size:16pt; text-align:right;}
	p.Cart-TotalItems	{font-weight:bold;font-size:12pt; text-align:left;}
	p.Cart-Total	{font-weight:bold;font-size:16pt; text-align:right;}
	.postagebody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box2";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto 165px;}
	.postagebody		{
		padding: 1px; background-color: #4d4d4d;   }


	.detailsbody	{	
		display: grid;
		grid-template-areas:
	 	"box1"
		"box2"
		"box3";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.detailsbody		{
		padding: 1px; background-color: #4d4d4d;   }
	#PostageChoices	{font-size:10pt;}
	label.PostageSubTotal
		{font-size:16pt;display:inline-block;width:175px;text-align:right;}
	span.PostageSubTotal
		{font-size:16pt;display:inline-block;width:75px;text-align:right;}
	label.PostageTotal
		{font-weight:bold;font-size:16pt;display:inline-block;width:175px;text-align:right;}
	span.PostageTotal
		{font-weight:bold;font-size:16pt;display:inline-block;width:75px;text-align:right;}
	.summarybody	{	
		display: grid;
		grid-template-areas:
	 	"box1s box1s"
		"box2s box2s"
		"box4s box4s";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr 1fr;}
	.summarybody		{
		padding: 1px; background-color: #4d4d4d;   }
	.summarybody > box1s	{
		grid-area: box1s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box2s	{
		grid-area: box2s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
	#Payments_container
		{
		min-height:175px; max-height:100%;margin:auto; width:75%; border:solid 1px #fff;text-align:center; padding:5px;
		}
}
@media screen and (min-width: 300px) and (max-width: 550px)
{
	table.cart_tbl th	{	display:block; font-size:14pt; font-weight:bold; text-align:center; vertical-align:middle; padding-bottom:10px;}
	table.cart_tbl td	{	display:block; font-size:18pt; text-align:center;	}
	.maincartbody	{	
		display: grid;
		grid-template-areas:
	 	"box1 box3"
	 	"box2 box2"
	 	"box3x box3x";
			grid-gap: 1px;
			grid-template-rows: 125px auto;
			grid-template-columns: 125px auto;}
	.maincartbody		{
		padding: 1px; background-color: #4d4d4d;   }
	.maincartfooter	{	
		display: grid;
		grid-template-areas:
	 	"box4 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.maincartfooter		{
		padding: 1px; background-color: #4d4d4d;   }
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box1a box2a box3a";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.cartNav	{
		padding: 0px; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;
		text-align:center;  padding: 10px; background-color: #f2f2f2;}
	.cartNav > box2a	{
		grid-area: box2a;
		text-align:center; padding: 10px; background-color: #f2f2f2; color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		text-align:center; padding: 10px; background-color: #f2f2f2;  color: #000;}

	table#QuantTotalDelete
	{
		width:100%;
	}
	#QuantTotalDelete td
	{
		vertical-align:middle; padding:5px 0;
	}
	td#item_quantity 
	{
		text-align:center; font-weight:bold; background-color: #f2f2f2; 
	}
	td#product_total 
	{
		font-weight:bold; text-align:right; background-color: #f2f2f2; padding-right:10px;
	}
	td#cart_content_del
	{
		text-align:center; background-color: #f2f2f2; padding:0; width:125px;
	}
	.item_icon_holder
	{
		text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 5px;
		font-size:15pt;
		/* width: 25px;    height: 25px; */
		background: #fff;    color: #555555;
		border: solid 1px #000;    border-radius: 5px;
		cursor: pointer;    
	}
	p.CartItem-Name	{font-size:12pt;font-weight:bold;}
	p.CartItem-Code	{font-size:12pt;}
	p.CartItem-UnitCost	{font-size:12pt;font-weight:bold;}
	span.ProductsIn	{margin-left:5px;font-weight:normal;font-size:10pt;}
	.CartItem-Quant	{height: 100%;position: relative;border: 1px solid #fff; }
	.CartItem-Quant .CartItem-Quantity{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.CartItem-Quantity	{font-size:16pt;text-align:center;width:50px;}
	p.CartItem-Total	{font-size:16pt; text-align:right;}
	p.Cart-TotalItems	{font-weight:bold;font-size:12pt; text-align:left;}
	p.Cart-Total	{font-weight:bold;font-size:16pt; text-align:right;}
	.postagebody	{	
		display: grid;
		grid-template-areas:
	 	"box1"
		"box2";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.postagebody		{
		padding: 1px; background-color: #4d4d4d;   }


	.detailsbody	{	
		display: grid;
		grid-template-areas:
	 	"box1"
		"box2"
		"box3";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.detailsbody		{
		padding: 1px; background-color: #4d4d4d;   }
	#PostageChoices	{font-size:10pt;}
	label.PostageSubTotal
		{font-size:16pt;display:inline-block;width:175px;text-align:right;}
	span.PostageSubTotal
		{font-size:16pt;display:inline-block;width:75px;text-align:right;}
	label.PostageTotal
		{font-weight:bold;font-size:16pt;display:inline-block;width:175px;text-align:right;}
	span.PostageTotal
		{font-weight:bold;font-size:16pt;display:inline-block;width:75px;text-align:right;}
	.summarybody	{	
		display: grid;
		grid-template-areas:
	 	"box1s"
		"box2s"
		"box4s";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr;}
	.summarybody		{
		padding: 1px; background-color: #4d4d4d;   }
	.summarybody > box1s	{
		grid-area: box1s;  padding: 10px 5px;
		background-color: #f2f2f2;}
	.summarybody > box2s	{
		grid-area: box2s;  padding: 10px 5px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px 5px;
		background-color: #f2f2f2;}
	#Payments_container
		{
		min-height:125px; max-height:100%;margin:15px auto 0; width:95%; border:solid 1px #fff;text-align:center; padding:5px;
		}
/* GENERIC START */
}
table.cart_tbl	{width:100%;}
@media screen and (min-width: 1500px)
{
	input[type='submit'].form_Btn, button.form_Btn
	{
		width: 160px;
	}
	input[type='submit'].form_Btn_off, button.form_Btn_off
	{
		width: 160px;
	}
}
@media screen and (min-width: 950px) and (max-width: 1500px)
{
	input[type='submit'].form_Btn, button.form_Btn
	{
		width: 160px;
	}
	input[type='submit'].form_Btn_off, button.form_Btn_off
	{
		width: 160px;
	}	
}
@media screen and (min-width: 550px) and (max-width: 950px)
{
	input[type='submit'].form_Btn, button.form_Btn
	{
		width: 100px;
	}
	input[type='submit'].form_Btn_off, button.form_Btn_off
	{
		width: 100px;
	}		
}
@media screen and (min-width: 300px) and (max-width: 550px)
{
	input[type='submit'].form_Btn, button.form_Btn
	{
		width: 80px;
	}
	input[type='submit'].form_Btn_off, button.form_Btn_off
	{
		width: 80px;
	}	
}
	.maincartbody > box1	{
		grid-area: box1;  padding: 10px;
		background-color: #fff;
		padding: 0;}


	.maincartbody > box2	{
		grid-area: box2;  padding: 10px; overflow:auto;
		background-color: #fff;
		color: #000;}
	.maincartbody > box3	{
		grid-area: box3;  padding: 0;
		background-color: #fff;
		color: #000;}
	.maincartbody > box3x	{
		grid-area: box3x;  padding: 0;
		background-color: #fff;
		color: #000;}
		/*
	.maincartbody > box4	{
		grid-area: box4;  padding: 10px;
		background-color: #fff;
		color: #000;}
	.maincartbody > box5	{
		grid-area: box5;  padding: 10px;
		background-color: #f2f2f2;
		color: #000;}

	.maincartfooter > box10	{
		grid-area: box10;  padding: 10px; border:none;
		background-color: #fff;
		padding: 0;}
	.maincartfooter > box11	{
		grid-area: box11;  padding: 10px;
		background-color: #fff;
		color: #000;}
		*/
	.maincartfooter > box4	{
		grid-area: box4;  padding: 10px;
		background-color: #f2f2f2;
		color: #000;}
	.maincartfooter > box5	{
		grid-area: box5;  padding: 10px;
		background-color: #f2f2f2;
		color: #000;}
	.postagebody > box1	{
		grid-area: box1;  padding: 10px;
		background-color: #fff;
		color: #000;}
	.postagebody > box2	{
		grid-area: box2;  padding: 10px;
		background-color: #f2f2f2;
		color: #000;}
	.detailsbody > box1	{
		grid-area: box1;  padding: 10px;
		background-color: #fff;
		color: #000;}
	.detailsbody > box2	{
		grid-area: box2;  padding: 10px;
		background-color: #f2f2f2;
		color: #000;}
	.detailsbody > box3	{
		grid-area: box3;  padding: 10px;
		background-color: #fff;
		color: #000;}
.edit-option-container
		{	width: 300px;
			border: 2px solid #555555; border-radius: 5px;
 			margin: 10px; padding: 10px;
			background-color: #f2f2f2;
}


.form-group	{max-width:500px;display:block; margin: 10px 10px 10px 0; padding: 0;}

.account-group	{max-width:400px;display:block; margin:auto;text-align:left;font-weight:bold;}

.form-group input[type="text"]	{display:block;width:100%; font-size:14pt;padding:3px 5px;border:2px inset #f2f2f2;}

@media screen and (min-width: 300px) and (max-width: 450px)
{
#CartTable
	{	    border-collapse: collapse;
     margin: 10px 0 10px 0; font-size: 10pt;	}

#CartTable td, #CartTable th {
    border: 1px solid #ddd;
    padding: 2px;	}

#CartTable tr:nth-child(even){background-color: #f2f2f2;}
#CartTable tr:nth-child(odd){background-color: #fff;}
#CartTable tr:hover {background-color: #ddd;}

#CartTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;	}
}
@media screen and (min-width: 450px)
{
#CartTable
	{	    border-collapse: collapse;
     margin: 10px auto 10px auto; font-size: 12pt;	}

#CartTable td, #CartTable th {
    border: 1px solid #ddd;
    padding: 8px;	}

#CartTable tr:nth-child(even){background-color: #f2f2f2;}
#CartTable tr:nth-child(odd){background-color: #fff;}
#CartTable tr:hover {background-color: #ddd;}

#CartTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;	}
}