
@font-face {
	font-family: "EchotopiaRegular";
	src: url("https://www.virtualinterconnect.com/common/fonts/Echotopia-Regular.otf");
}

html, body
{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

body
{
	background: #543f33 url("https://www.virtualinterconnect.com/common/images/backgrounds/antique-wallpaper-seamless-brown.png");
	/*background: #999 linear-gradient(#eee, #999);
	background-repeat: repeat-x;*/
	padding-top: 2em;
	min-height: 100%;
}

form,
#OrderConfirmation
{
	backdrop-filter: blur(4px);
	margin: 4em;
	padding: 1em;
	border: 1px solid #fff;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 3px 5px 12px rgba(0, 0, 0, 0.5);
}

h1
{
	font-size: 300%;
	font-family: "EchotopiaRegular";
	margin: 0;
	color: rgba(0, 0, 0, 0.5);
	/* text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); */
}

input[type="submit"]
{
	padding: 0.25em 0.5em;
	border: 1px solid #000;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	background: #ccc;
	background-image: linear-gradient(#eee, #ccc);
	cursor: pointer;
}

#CheckoutButtons input[type="submit"]
{
	padding: 1em;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	background: #3c3;
	background-image: linear-gradient(#9f9, #090);
}

fieldset
{
	border-style: none;
	margin: 0 0 25px 0;
	padding: 0;
}

legend
{
	display: none;
}

#CartContents, .CheckoutForm
{
	border-collapse: collapse;
	width: 100%;
	background-color: #f3f3f3;
}

#CartContents th, #CartContents td, .CheckoutForm td
{
	border: 1px solid #ccc;
	padding: 3px;
}

#CartContents th, .CheckoutForm caption
{
	text-align: left;
	background-color: #999;
	color: #fff;
	font-weight: bold;
	padding: 5px 3px;
}

#CartContents td
{
	_height: 76px;
	min-height: 76px;
}

#CartContents td.Picture
{
	width: 76px;
	line-height: 76px;
}

#CartContents td.Picture img
{
	_width: 76px;
	_height: 76px;
	max-width: 76px;
	max-height: 76px;
	vertical-align: middle;
}

#CartContents td small
{
	color: #666;
}

.CheckoutForm th
{
	display: none;
}

#CheckoutButtons
{
	text-align: right;
	float: right;
}
