/* View Cart Items */
.cartNav		{margin:5px 0;}
.productpagecart		{margin:10px 10px 5px 10px; 	}
.cart_icon_holder {
    text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 5px;
    width: 35px;    height: 30px;
    background: #fff;    color: #555555;
    border: solid 1px #000;    border-radius: 5px;
    cursor: pointer;    
}
.item_icon_holder {
    text-align: center;	text-transform: uppercase;    display: inline-block;    margin: 0 5px;    padding: 5px;
    /* width: 25px;    height: 25px; */
    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;

    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	
{	color: #00b300;	}
.delete		{color:red;}
.delete:hover	{color:white;background:red;}
.cart-body		{padding:0;}
.cart-header	{padding:10px;background:#f2f2f2;	}
.cart-footer	{padding:0;background:#f2f2f2;	}
.productpagecartbody	{margin-bottom:5px;}

.CartItem-Image	{ }
.CartItem-Image img {}
#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	{text-transform:uppercase;font-size:20pt;
		background:#fff;
		border: solid 1px #000;    border-radius: 5px;
    		cursor: pointer;   }
button.CartNext_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;   }

@media screen and (min-width: 1500px)
{
	table.cart_tbl	{width:100%;}
	table.cart_tbl th	{font-size:20pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box1a box2a box3a";
			grid-gap: 0px;
			grid-template-rows: auto;
			grid-template-columns: 175px auto 175px;}
	.cartNav	{
		padding: 0px; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;  padding: 10px;
		background-color: #f2f2f2;
		padding: 0;}
	.cartNav > box2a	{
		grid-area: box2a;  padding: 15px 0 10px 0;
		text-align:center;
		background-color: #f2f2f2;color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		background-color: #f2f2f2;text-align:right;  padding: 10px 10px 10px 0;
		color: #000;}
	.productpagecartbody	{	
		display: grid;
		grid-template-areas:
	 	"box2 box2 box1"
	 	"box3 box3 box1"
	 	"box3 box3 box4"
	 	"box5 box5 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 400px auto auto;}
	.productpagecartbody		{
		padding: 1px; background-color: #4d4d4d;   }
	.productpagecartfooter	{	
		display: grid;
		grid-template-areas:
	 	"box10 box11 box12 box13";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 175px 30% 1fr 175px;}
	.productpagecartfooter		{
		padding: 1px; background-color: #4d4d4d;   }
p.CartItem-Name	{font-size:22pt !important;font-weight:bold;}
p.CartItem-Code	{font-size:8pt !important;}
p.CartItem-UnitCost	{font-size:18pt !important; 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;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 250px;}
	.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: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 box2s box3s"
		"box4s box4s box4s";
			grid-gap: 1px;
			grid-template-rows: 100%;
			grid-template-columns: 1fr 275px 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 > box3s	{
		grid-area: box3s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
}


@media screen and (min-width: 950px) and (max-width: 1500px)
{
	table.cart_tbl	{width:100%;}
	table.cart_tbl th	{font-size:20pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.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: 15px 0 10px 0;
		text-align:center;
		background-color: #f2f2f2;color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		background-color: #f2f2f2;text-align:right;  padding: 10px;
		color: #000;}
	.productpagecartbody	{	
		display: grid;
		grid-template-areas:
	 	"box2 box1"
	 	"box3 box1"
	 	"box3 box4"
	 	"box5 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr 300px;}
	.productpagecartbody		{
		padding: 2px; background-color: #4d4d4d;   }
	.productpagecartfooter	{	
		display: grid;
		grid-template-areas:
	 	"box10 box11"
		"box12 box13";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 50% 1fr;}
	.productpagecartfooter		{
		padding: 1px; background-color: #4d4d4d;   }
p.CartItem-Name	{font-size:22pt !important;font-weight:bold;}
p.CartItem-Code	{font-size:8pt !important;}
p.CartItem-UnitCost	{font-size:18pt !important; 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 box3s"
		"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 > box3s	{
		grid-area: box3s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
}

@media screen and (min-width: 650px) and (max-width: 950px)
{
	table.cart_tbl	{width:100%;}
	table.cart_tbl th	{font-size:16pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box3a"
		"box1a"
		"box2a";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.cartNav	{
		padding: 0px; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;  padding: 10px;
		background-color: #f2f2f2;
		padding: 0;}
	.cartNav > box2a	{
		grid-area: box2a;  padding: 15px 0 10px 0;
		text-align:center;
		background-color: #f2f2f2;color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		background-color: #f2f2f2;text-align:center;  padding: 10px;
		color: #000;}
	.productpagecartbody	{	
		display: grid;
		grid-template-areas:
	 	"box2 box1"
	 	"box3 box1"
	 	"box4 box4"
	 	"box5 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: 1fr 275px;}
	.productpagecartbody		{
		padding: 2px; background-color: #4d4d4d;   }
	.productpagecartfooter	{	
		display: grid;
		grid-template-areas:
	 	"box10 box11"
		"box12 box13";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.productpagecartfooter		{
		padding: 1px; background-color: #4d4d4d;   }

p.CartItem-Name	{font-size:22pt !important;font-weight:bold;}
p.CartItem-Code	{font-size:8pt !important;}
p.CartItem-UnitCost	{font-size:18pt !important; 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: 30%;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 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 box3s"
		"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 > box3s	{
		grid-area: box3s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
}
@media screen and (min-width: 450px) and (max-width: 650px)
{
	table.cart_tbl	{width:100%;}
	table.cart_tbl th	{font-size:16pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box3a"
		"box1a"
		"box2a";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.cartNav	{
		padding: 0px; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;  padding: 10px;
		background-color: #f2f2f2;
		padding: 0;}
	.cartNav > box2a	{
		grid-area: box2a;  padding: 15px 0 10px 0;
		text-align:center;
		background-color: #f2f2f2;color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		background-color: #f2f2f2;text-align:center;  padding: 10px;
		color: #000;}
	.productpagecartbody	{	
		display: grid;
		grid-template-areas:
	 	"box2 box2"
	 	"box1 box1"
		"box4 box4"
	 	"box3 box3"
	 	"box5 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto 125px;}
	.productpagecartbody		{
		padding: 2px; background-color: #4d4d4d;   }
	.productpagecartfooter	{	
		display: grid;
		grid-template-areas:
	 	"box10 box11"
		"box12 box13";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.productpagecartfooter		{
		padding: 1px; background-color: #4d4d4d;   }

p.CartItem-Name	{font-size:22pt !important;font-weight:bold;}
p.CartItem-Code	{font-size:8pt !important;}
p.CartItem-UnitCost	{font-size:18pt !important; 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"
		"box3s"
		"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;
		background-color: #f2f2f2;}
	.summarybody > box2s	{
		grid-area: box2s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box3s	{
		grid-area: box3s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
}

@media screen and (min-width: 300px) and (max-width: 450px)
{
	table.cart_tbl	{width:100%;}
	table.cart_tbl th	{font-size:16pt;font-weight:bold;text-align:left;}
	table.cart_tbl td	{font-size:20pt;text-align:right;	}
	.cartNav	{	
		display: grid;
		grid-template-areas:
	 	"box3a"
		"box1a"
		"box2a";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.cartNav	{
		padding: 0px; background-color: #4d4d4d;   }
	.cartNav > box1a	{
		grid-area: box1a;  padding: 10px;
		background-color: #f2f2f2;
		padding: 0;}
	.cartNav > box2a	{
		grid-area: box2a;  padding: 15px 0 10px 0;
		text-align:center;
		background-color: #f2f2f2;color: #000;}
	.cartNav > box3a	{
		grid-area: box3a;
		background-color: #f2f2f2;text-align:center;  padding: 10px;
		color: #000;}
	.productpagecartbody	{	
		display: grid;
		grid-template-areas:
	 	"box2 box2"
	 	"box1 box1"
		"box4 box4"
	 	"box3 box3"
	 	"box5 box5";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.productpagecartbody		{
		padding: 2px; background-color: #4d4d4d;   }
	.productpagecartfooter	{	
		display: grid;
		grid-template-areas:
	 	"box10 box11"
		"box12 box13";
			grid-gap: 1px;
			grid-template-rows: auto;
			grid-template-columns: auto;}
	.productpagecartfooter		{
		padding: 1px; background-color: #4d4d4d;   }

p.CartItem-Name	{font-size:22pt !important;font-weight:bold;}
p.CartItem-Code	{font-size:8pt !important;}
p.CartItem-UnitCost	{font-size:18pt !important; 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"
		"box3s"
		"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;
		background-color: #f2f2f2;}
	.summarybody > box2s	{
		grid-area: box2s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box3s	{
		grid-area: box3s;  padding: 10px;
		background-color: #f2f2f2;}
	.summarybody > box4s	{
		grid-area: box4s;  padding: 10px;
		background-color: #f2f2f2;}
}

	.productpagecartbody > box1	{
		grid-area: box1;  padding: 10px;
		background-color: #fff;
		padding: 0;}


	.productpagecartbody > box2	{
		grid-area: box2;  padding: 10px 15px; overflow:auto;
		background-color: #fff;
		color: #000;}
	.productpagecartbody > box3	{
		grid-area: box3;  padding: 15px;
		background-color: #fff;
		color: #000;}
	.productpagecartbody > box4	{
		grid-area: box4;  padding: 10px;
		background-color: #f2f2f2;
		color: #000;}
	.productpagecartbody > box5	{
		grid-area: box5;  padding: 10px;
		background-color: #fff;
		color: #000;}

	.productpagecartfooter > box10	{
		grid-area: box10;  padding: 10px; border:none;
		background-color: #fff;
		padding: 0;}
	.productpagecartfooter > box11	{
		grid-area: box11;  padding: 10px;
		background-color: #fff;
		color: #000;}
	.productpagecartfooter > box12	{
		grid-area: box12;  padding: 10px;
		background-color: #f2f2f2;
		color: #000;}
	.productpagecartfooter > box13	{
		grid-area: box13;  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;}



.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;	}
}