/******************************/
/* Version */
DIV.Events::after { content: "v. 017"; }
DIV.Events::after,
P.Version { color: #AAA; text-shadow: 2px 2px 1px #000; font: 6pt Monda,sans-serif; line-height: 8pt; display: block; text-align: right; margin-bottom: -15px; }
/******************************/

BODY				{ --DebugBorderWidth: 0px; }
H1					{ text-align: center; }
.Bold				{ font-weight: 400; color: cyan; }
#TheTickets			{ border: var(--DebugBorderWidth) solid red; text-align: left; margin: 0px auto; /* width: min-content; */ }
#TheTickets H2		{ font: 300 22pt Oswald,sans-serif; margin: 0px; text-align: center; letter-spacing: 3px; }
#TheTickets H6		{ font: 300 18pt Oswald,sans-serif; margin: 0px; text-align: center; border-bottom: 1px solid #888; padding-bottom: 5px; }
#TheTickets H3		{ font: 400 16pt Monda,sans-serif; line-height: 19pt; }
#TheTickets IMG.Large	{ width: 100%; display: block; }
#TheTickets IMG.Small	{ width: 100%; display: none; }
#WelcomeMessage		{ border: var(--DebugBorderWidth)  solid navy; }
#TheChart			{ border: var(--DebugBorderWidth)  solid green; display: flex; justify-content: center; }
DIV.Ver4 #TheChart	{ display: block; width: 100%; max-width: 465px; margin: 0px auto; }
DIV.Dev				{ display: block; }

/******************************/
/* List of Events */
DIV.Events			{ }
DIV.Events H2		{ font: 20pt Monda, sans-serif; }

DIV.Events DIV.AllShows	{ border: 1px solid #4C4C4C; padding: 20px; margin: 5px 0px 15px 0px;
						color: #FFF; text-shadow: 2px 2px #000; font-size: 16pt;
						background-color: #1E4266; box-shadow: 3px 3px 7px 2px #000; }
DIV.Events DIV.AllShows	P	{ text-align: center; margin: 18px 0px; }
DIV.Events DIV.AllShows A	{ text-decoration: underline; margin: 0px; padding: 0px; }

/******************************/
/* A single show block */
DIV.Events ARTICLE	{ display: block; background-color: #282828; border: 1px solid #4C4C4C;
					  overflow: overlay; padding: 20px; text-align: left; margin: 5px 0px 15px 0px;
					  box-shadow: 3px 3px 7px 2px #000; position: relative; }
DIV.Events ARTICLE IMG		{ float: right; max-width: 32%; height: auto; border: 2px solid white; border-bottom-width: 25px; }
DIV.Events ARTICLE H3		{ color: #FFF; font: 300 30pt Oswald, sans-serif; margin: 0px; letter-spacing: 3px; }
DIV.Events ARTICLE H4		{ color: #FFF; font: 15pt Monda, sans-serif; margin: 10px 0px; }
DIV.Events ARTICLE H4 B		{ color: orange; display: block; font-weight: normal; font-size: 18pt; }
DIV.Events ARTICLE H4 I		{ color: cyan; font-style: normal; }
DIV.Events ARTICLE H4 U		{ color: #D6FE81; text-decoration: none; }
DIV.Events ARTICLE P.Desc	{ color: #000; font: 14pt 'PT Sans', sans-serif; margin: 10px 37% 10px 0px; border-radius: 5px;
							  background-color: silver; padding: 10px 20px; }
DIV.Events ARTICLE P.Done,
DIV.Events ARTICLE P.Sold	{ margin: 10px 37% 10px 0px; }
DIV.Events ARTICLE P.Done,
DIV.Events ARTICLE P.Sold,
#MemberBlock P.Sold			{ background-color: #A00000; border-radius: 0px; border: 1px solid #FFF; color: #FFF;
							  padding: 20px; text-align: center; }
#MemberBlock P.Sold			{ width: fit-content; margin: 0px auto; }
DIV.Events ARTICLE P.Done	{ background-color: #005000; }

DIV.Events ARTICLE A.GBtn		{ font: 12pt Monda, sans-serif; line-height: 18px; text-transform: uppercase;
	color: #FFF; text-shadow: #000 1px 1px 0; background: linear-gradient(to bottom, #60A52D, #1B6318);
	display: block; border-radius: 5px; padding: 5px 15px; margin: 15px 0px; text-decoration: none;
	width: fit-content; text-align: center; /* position: absolute; bottom: 0px; */
}

@media (max-width: 850px) {
	DIV.Events ARTICLE IMG	{ max-width: 35%; }
	DIV.Events ARTICLE P.Desc	{ margin-right: 38%; }
}
@media (max-width: 800px) {
	DIV.Events ARTICLE H4	{ margin: 0px; }
	DIV.Events ARTICLE P.Desc	{ padding: 5px 10px; }
}
@media (max-width: 750px) {
	DIV.Events ARTICLE	{ text-align: center; position: unset; }
	DIV.Events ARTICLE IMG	{ float: none; max-width: 75%; margin: 0px auto; display: block; }
	DIV.Events ARTICLE P.Desc	{ margin: 10px 0px; }
	DIV.Events ARTICLE A.GBtn	{ position: relative; bottom: unset; margin: 20px auto 0px auto; padding: 10px 20px; }
}

@media (max-width: 580px) {
	DIV.Events ARTICLE IMG	{ max-width: none; width: 100%; }
}


/******************************/
A.Another	{
    font: 13pt Monda, sans-serif;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: #000 1px 1px 0;
    background: linear-gradient(to bottom, #60A52D, #1B6318);
    display: block;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 20px auto 20px;
    text-decoration: none;
    width: fit-content;
    text-align: center;
}

/******************************/
#MemberBlock DIV.Welc { color: #000; font: 14pt 'PT Sans', sans-serif; margin: 20px 0px; border-radius: 5px;
							  background-color: #DDD; padding: 20px 30px; }
DIV.Events ARTICLE P.Done,

/******************************/
#MoreInfo			{ color: #FFFF80; text-decoration: underline; font-weight: 400; }
#Timeout			{ text-align: center; }
#idMoreTime			{ max-width: 420px; }
#MinutesLeft		{ display: inline-block; padding: 1px 5px; font-weight: 400; white-space: nowrap; }
.MinutesLeft		{ background-color: #00A000; color: #FFF; border-radius: 3px; text-shadow: 1px 1px #000; }

/******************************/
svg.SeatMap			{ border: 1px solid #000; width: 900px; max-width: 640px; height: auto; background-color: #F0F0F0; }
svg.SeatMap use					{ cursor: pointer; }
svg.SeatMap use[fill="silver"]	{ cursor: no-drop; }
/* .aside, */
ASIDE			{ border: 0px solid #CCC; padding: 0px; text-align: left;
				  margin: 0px 30px 0px 0px; max-width: 360px; }
.aside H4,
DIV.Ver4 ASIDE	{ margin: 0px  0px 0px 0px; max-width: 465px; }

.aside H4,
ASIDE H4	{ margin: 0px 0px 7px 0px; font: 300 16pt Oswald,sans-serif; border-bottom: 1px solid #888;
			display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;
			flex-direction: row; }
.aside H4	{ margin: 10px auto 5px; }

.aside H4 IMG,
ASIDE H4 IMG { width: 32px; height: 32px; margin: 0px 0px 3px 0px; }
ASIDE P  { display: flex; justify-content: space-between; align-items: center; white-space: nowrap; flex-direction: row; flex-wrap: nowrap; margin: 5px 0px; font: 13pt 'PT Sans',sans-serif; text-align: left; }
ASIDE S  { display: inline-block; width: 24px; height: 24px; margin: 0px 0px 0px 10px; float: right; }
.aside svg,
ASIDE svg  { background-color: #FF; cursor: pointer; }

ASIDE #Note { padding-top: 20px; border-top: 1px solid #CCC; }
#ShoppingCart P	{ white-space: break-spaces; }

#Sections		{ border-bottom: 1px solid #CCC; max-width: 465px; margin: 0px auto 20px; }

#TicketBlock		{ display: none; }
#TicketBlock .Frame { border-width: 0px; }

UL.Tickets		{ border: 1px solid #444; margin: 10px auto; padding: 0px; width: 100%; }
UL.Tickets LI	{ list-style-type: none; padding: 0px; margin: 0px; text-align: left; }
UL.Tickets LI P	{ border: 1px solid #888; text-align: left ! important; padding: 10px; margin: 10px; background-color: #333;
				  display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; color: #FFF; }
UL.Tickets LI P.SoldOut		{ color: #E0E0E0; background-color: #5D5D5D; border-color: #ADADAD; }
UL.Tickets LI P.SoldOut B	{ color: #FFF; background-color: #A00000; border: 1px solid #FFF; padding: 10px;
		margin-left: 10px; display: inline-block; text-shadow: none; font-weight: 400; text-align: center; }
UL.Tickets INPUT	{ zoom: 1.5; }
UL.Tickets LABEL	{ margin-left: 10px; }


/******************************/
/* Dev Buttons */
DIV.Dev		{ margin-top: 10px; }
DIV.Dev A	{ display: inline-block; background: #900000 linear-gradient(to bottom, #2E5698, #0E1B30);
	text-align: center; width: fit-content; min-width: 64px; color: #FFF; font: 12pt Monda,sans-serif;
	padding: 0px 10px; border-radius: 5px; text-decoration: none; margin: 0px 10px 10px 0px; border-width: 0px;
	text-shadow: 1px 1px 2px #000; box-shadow: 3px 3px 5px 1px #0000008C; }
DIV.Dev A:Hover { color: #FFFF80; background: linear-gradient(to bottom, #3A6CBE, #1D3763); }


/******************************/
/* Shopping Cart */
#CartBlock		{ width: 100%; max-width: 465px; margin: 0px auto; }
#CartBlock H4	{ padding-top: 20px; }

#Cart				{ width: 100%; margin: 0px auto; border-collapse: collapse; }
#Cart, #Cart TH, #Cart TD { }
#Cart THEAD TH		{ text-align: center; color: #FFFFB9; text-transform: uppercase; }
#Cart TH, #Cart TD	{ border: 1px solid #666; color: #CCC; white-space: wrap; padding: 5px 10px; font-size: 12pt; font-weight: 400; }
#Cart TBODY TD:nth-child(2) { white-space: nowrap; }
#Cart TR.Divider TD	{ border-width: 0px; height: 20px; }
#Cart TBODY TH,
#Cart TFOOT TH		{ text-align: right; }
#Cart TFOOT TH		{ font-size: 14pt; color: #FFF; }
#Cart TBODY TD.d	{ text-align: center; }
#Cart TBODY TD B	{ font-weight: normal; color: cyan; }
#Cart TBODY TD IMG	{ width: 16px; }

/******************************/
/* Selected Seat Message Box */
#SeatSelect		{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.SeatSelect		{ max-width: 720px; border: 1px solid #CCC; background-color: #FFF; color: #000; padding: 0px;
				  text-align: left; margin: 0px auto; text-align: center; box-shadow: 0px 0px 20px 5px #666;
				  width: fit-content; z-index: 35; }
.SeatSelect H5	{ font: 300 16pt Oswald,sans-serif; letter-spacing: 2px; cursor: move; color: #FFF;
				  margin: 0px 0px 10px 0px; padding: 6px; 10px; text-transform: uppercase; display: flex;
				  background: linear-gradient(#888, #565656); align-items: center; justify-content: space-between; }
.SeatSelect P	{ font: 14pt 'PT Sans',sans-serif; color: #000; text-align: left; }

H5 svg,
#CloseIcoSeatSelect	{ width: 24px; height: 24px; cursor: pointer; margin-left: 10px; border-radius: 3px;
					  background: linear-gradient(#FF0000, #A00000); border-top: 1px solid #FFFFFFC0;
					  box-shadow: #000000C0 1px 1px 1px 0px; }

#SeatSelectNote	{ padding: 10px; }
#SeatSelectBody	{ padding: 10px; }

#SeatSelectNote P				{ margin: 5px 0px; color: #000; text-align: left; }
#SeatSelectNote P:first-child	{ margin-top: 0px; }
#SeatSelectNote P:last-child	{ margin-bottom: 0px; }
#InvalidFields B	{ color: #A00000; }

.SeatSelect U		{ display: block; text-decoration: none; white-space: nowrap; margin: 4px 0px;
						  font: 14pt 'PT Sans',sans-serif; color: #000 ! important; text-align: left; }
.SeatSelect U LABEL { display: inline-block; margin-right: 10px; width: 96px; }
.SeatSelect U B		{ }
.SeatSelect U I		{ display: inline-block; margin-left: 7px; font-weight: bold; font-style: normal; }

.TixMatrix BUTTON,
.Frame BUTTON, .Frame INPUT[type=submit],
#PayNow,
#Uncheck,
#Checkout,
.SeatSelect BUTTON { background: #E5E5E5 linear-gradient(#F8F8F8, #D8D8D8); border-radius: 3px;
		border: 1px solid #9E9E9E; color: #333; cursor: pointer;
		font: 14.5pt 'PT Sans', sans-serif; padding: 5px 20px;
		text-align: center; text-decoration: none; text-shadow: #FFF 1px 1px 0; white-space: nowrap;
	/*	display: inline-block;	margin: 10px 10px 5px 10px; */
		display: flex; margin: 10px auto 5px; justify-content: center; align-items: center;
}
#MessageClose IMG	{ height: 25px; width: 25px; }
BUTTON B	{ display: inline-block; margin-left: 10px; margin-right: 10px; }

#Checkout	{ margin: 15px auto 10px; display: block; }
/******************************/
/* Simple Shopping */
/*
P.TixMatrix B		{ font-weight: 400; color: cyan; }
TABLE.TixMatrix		{ margin: 0px auto; border: 1px solid #888; width: fit-content; border-collapse: collapse; }
.TixMatrix CAPTION	{ font-size: 15pt; font-weight: 400; text-align: center; margin: 0px; color: yellow;
					  background: linear-gradient(to bottom, #2E5698, #0E1B30); padding: 5px 10px; }
.TixMatrix THEAD TH	{ font-weight: 400; text-align: center; border-bottom: 1px solid #888; padding: 10px 5px 5px; }
.TixMatrix TBODY TD	{ padding: 2px 10px; }
.TixMatrix TBODY TD:nth-child(2), .TixMatrix TBODY TD:nth-child(3)	{ text-align: center; padding: 2px 7px 2px 0px; }
.TixMatrix TBODY TR:first-child TD	{ padding-top: 10px; }
.TixMatrix BUTTON	{ margin: 0px; display: inline-block; padding: 2px 10px; width: 100%; }
.TixMatrix BUTTON B	{ margin: 0px; }

.TixMatrix TFOOT TH	{ font-weight: 400; padding-top: 10px; }
.TixMatrix TFOOT TD	{ text-align: center; }
.TixMatrix TFOOT B	{ background-color: red; color: #FFF; font-weight: 400; border-radius: 3px;
					  padding: 0px 5px; display: inline-block; text-shadow: #000 1px 1px 0; }
.TixMatrix TFOOT A	{ font: 12pt Monda,sans-serif; line-height: 18px; text-transform: uppercase; color: #FFF;
					  text-shadow: #000 1px 1px 0; background: linear-gradient(to bottom, #60A52D, #1B6318);
					  display: inline-block; border-radius: 5px; padding: 5px 15px; margin: 10px;
					  text-decoration: none; }
*/

DIV.Frame			{ border: 1px solid #888; padding: 15px 0px; max-width: 465px; margin: 0px auto; }
DIV.Frame P			{ text-align: center; margin: 0px; }
DIV.Frame P.Action	{ margin: 20px 0px 18px; }
DIV.Frame INPUT[type=submit],
DIV.Frame BUTTON	{ margin: 0px 5px; display: inline-block; padding: 0px 10px; }
DIV.Frame BUTTON B	{ margin: 0px; }
DIV.Frame SELECT	{ font: 14pt 'PT Sans',sans-serif; }

A.Become	{ font: 12pt Monda,sans-serif; line-height: 18px; text-transform: uppercase; color: #FFF;
					  text-shadow: #000 1px 1px 0; background: linear-gradient(to bottom, #60A52D, #1B6318);
					  display: block; border-radius: 5px; padding: 5px 15px; margin: 34px auto;
					  text-decoration: none; width: fit-content; text-align: center; }
MAIN FORM P.Footer	{ text-align: center; }

/******************************/
/* Payment Form */
#CheckoutForm	{ display: none; }
.Pay		 	{ border: 0px solid red; min-width: 465px; }
.Pay FORM		{ margin: 0px; }
.Pay H4		 	{ margin-top: 20px; }
.Pay DIV	 	{ margin: 5px; }
.Pay DIV.FormBlock	{ margin: 0px auto; border: 0px solid blue; /* width: fit-content; */ }
.Pay DIV.FormBlock>DIV	{ display: flex; flex-direction: row; justify-content: space-between;
						  flex-wrap: nowrap; align-items: center; }

.Pay LABEL		{ /* min-width: 220px; */ display: inline-block; white-space: nowrap; }
.Pay SELECT,
.Pay INPUT		{ max-width: 210px; font: 14pt 'PT Sans',sans-serif; border: 2px solid #000; }
/*
.Pay INPUT.svc	{ width: 54px; }
.Pay SPAN		{ display: inline-block; margin-left: 5px; }
*/
.Pay DIV.FormBlock DIV TABLE { border-collapse: collapse; max-width: 210px; }
.Pay DIV.FormBlock DIV TABLE TD		{ padding: 0px; }
.Pay DIV.FormBlock DIV TABLE TD:nth-child(3)	{ width: 100%; }
									INPUT.svc	{ width: 100%; }
.Pay DIV.FormBlock DIV TABLE SELECT,
.Pay DIV.FormBlock DIV TABLE INPUT	{ font: 14pt 'PT Sans',sans-serif; xborder-width: 0px; }


.Pay SELECT		{ margin-right: 5px; }
.Pay #PayNow	{ width: fit-content; display: block; margin: 20px auto; }

/******************************/
MAIN	{ border-color: #666; margin: 20px auto; padding: 20px; }



/******************************/
/* Ticket */


P.Tix	{ text-align: center; font: 22pt Monda,sans-serif; background-color: #FFF; border-radius: 15px;
		  line-height: 27pt; width: fit-content; padding: 15px 30px; margin: 0px auto 5px;
		  border-width: 10px; border-style: solid; }
.OK		{ color: #008000; border-color: #008000; }
.NO		{ color: #A00000; border-color: #A00000; }
.GK		{ color: #051229; border-color: #0066FF; }
P.TixNo	{ text-align: center; margin: 5px auto 20px; }
IMG.GateKeeper	{ display: block; width: 260px; height: auto; margin: 20px auto; }

		/*	Real Size: 138mm x 50mm; 521.56px x 188.97px */
		/*		 0   5	 106  115    473   598  690  724 */
		/* 780 = 5 + 101 + 9 + 358 + 125 + 92 + 34 + 56 */

SVG.ticket			{ margin: 0px auto; width: 780px; height: 280px; display: block; }
SVG.ticket .tixred	{ font: bold 8pt 'Monomaniac One',sans-serif; fill: #AD1718; text-transform: uppercase; }
SVG.ticket .tixprop	{ font: bold 11pt 'Monomaniac One',sans-serif; fill: #000; text-transform: uppercase; }

SVG.ticket .tixsumf	{ font: bold 10pt 'Monomaniac One',sans-serif; fill: #000; text-transform: uppercase; }
SVG.ticket .tixsumv	{ font: 12pt 'Monomaniac One',sans-serif; fill: #000; text-transform: uppercase; }

SVG.ticket .tixcap1	{ font:  17pt 'Monomaniac One',sans-serif; fill: #000; text-transform: uppercase; }
SVG.ticket .tixcap2	{ font:  16pt 'Monomaniac One',sans-serif; fill: #000; text-transform: uppercase; }
SVG.ticket .tixcap3	{ font: bold 20pt 'Monomaniac One',sans-serif; fill: #000; text-transform: uppercase; }
SVG.ticket .tixcap4	{ font:  14pt 'Monomaniac One',sans-serif; fill: #000; text-transform: uppercase; }
SVG.ticket .tixcap5	{ font:  12pt 'Monomaniac One',sans-serif; fill: #000; }
SVG.ticket .tixnote	{ font: bold 8pt "Roboto Mono",monospace; fill: #000; }

SVG.ticket .tixnumb	{ font: 700 10pt "Roboto Mono",monospace; fill: #000; }
SVG.ticket .tixlabl	{ font: 400 10pt "Roboto Mono",monospace; fill: #000; text-transform: uppercase; }
SVG.ticket .tixlab2	{ font: bold 8pt 'Roboto Mono',sans-serif; fill: #FFF; text-transform: uppercase; }
SVG.ticket .tixsign	{ font-size: 15pt; fill: #FFF; }
SVG.ticket .tixlogo	{ font-size: 22pt; fill: #FFF; }

/*
TABLE.Tix		{ width: 780px; height: 280px; background-color: #FFF; margin: 0px auto; color: #000;
				  border-collapse: collapse; }
TABLE.Tix TD	{ padding: 0px; vertical-align: top; font: 600 10pt "Roboto Mono",monospace; text-transform: uppercase; }
TABLE.Tix B		{ font: 10pt 'Monomaniac One',sans-serif; fill: #AD1718; display: inline-block; margin: 0px 5px 0px 2px; }
TD.t1	{ width: 101px; background-color: #A99E9A; border-left: 5px solid #FFF; border-right: 9px solid #AD1718; }
TD.t2	{ width: 358px; background-color: #E0E0E0; }
TD.t2 P	{ color: #000; font-size: 12pt; }
TD.t3	{ width: 125px; background-color: #F0F0F0; }
TD.t3 P	{ font: 10pt "Monomaniac One", sans-serif; color: #000; }
TD.t4	{ width: 92px; background-color: #FFF; }
TD.t4 P	{ transform-origin: top left; transform: rotate(270deg); position: relative; top: 219px; font: 10pt "Monomaniac One", sans-serif; color: #000;  }
TD.t5	{ width: 34px; background-color: #897A77; }
TD.t5 P	{ transform: rotate(270deg); color: #FFF; margin: 0px; font-size: 18pt; }
TD.t6	{ width: 56px; background-color: #41322F; padding: 5px; }
TD.t6 P	{ transform-origin: top left; transform: rotate(270deg); position: relative; top: 219px;
		  color: #FFF; margin: 0px; font-size: 23pt; font-style: italic; }
.mono	{ font-family: "Monomaniac One",sans-serif; }
.robo	{ font-family: "Roboto Mono", monospace; }
.tech	{ font-family: "Share Tech Mono", monospace; }

*/

/*
#Cart	{ margin: 0px auto; background-color: #F5F5F5; color: #666}
#Cart, #Cart TH, #Cart TD { border: 1px solid #FFF; border-collapse: collapse; }
#Cart TH, #Cart TD { border-bottom: 1px solid #DDD; white-space: nowrap; padding: 2px 5px; font-size: 12pt; font-weight: 400; }
#Cart TBODY TH,
#Cart TFOOT TH	{ text-align: right; }
#Cart TFOOT TH	{ font-size: 14pt; }
*/


@media (min-width: 1100px) {

}

@media (max-width: 1120px) { /* var(--PageWidth) */
	MAIN	{ border-width: 0px; }
}

@media (max-width: 1099px) {
	#TheTickets		{ width: fit-content; }
	svg.SeatMap		{ width: 100%; max-width: 640px; margin: 0px auto; display: block; }
	#TheChart,
	ASIDE		{ display: block; }
	ASIDE		{ margin: 0px auto 0px auto; max-width: 465px; /* 430px; */ }
}

@media (max-width: 830px) {
	HEADER DIV.v2024	{ flex-direction: column; }
	HEADER DIV.phLeft	{ margin-top: 10px; }
}
@media (max-width: 710px) {
	#TheTickets IMG.Large	{ display: none; }
	#TheTickets IMG.Small	{ display: block; }
}
/*
@media (max-width: 599px) {
	ASIDE	{ max-width: none; }
	.Pay	{ /* min-width: auto;  / }
}
*/

@media (max-width: 522px) {
	.Pay			{ min-width: auto; }
}
/*
@media (max-width: 510px) {
	.Pay LABEL		{ min-width: 170px; }
}
*/

@media (max-width: 410px) {
	BODY	{ min-width: 170px; }
	MAIN	{ padding: 20px 5px; width: auto; }
	.aside H4, ASIDE H4,
	#CartBlock H4		{ margin-right: 5px; margin-left: 5px; }
	#Cart TH, #Cart TD	{ padding: 5px 3px; font-size: 12pt; }
	#Cart TD	{ font-size: 11pt; }
}

@media (max-width: 460px) {
	.Pay DIV.FormBlock>DIV	{ flex-direction: column; justify-content: center; flex-wrap: wrap;
							  align-content: space-around; align-items: flex-start; }
	.Pay INPUT,
	.Pay SPAN		{ display: block; }
	.Pay INPUT.svc	{ display: inline-block; }

}