/* Bronze Age style sheet */

* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: Black;
	background-color: White;
}

a {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	color: #88ff88;
	text-decoration: underline;
}

h1 {
	font-size: 24pt;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 0.8em;
	clear: both;
}

h2 {
	font-size: 16pt;
	font-style: normal;
	color: #009933;
	font-weight: 400;
	margin-bottom: 0.8em;
	clear: both;
}

h3 {
	background: #009933;
	font-style: italic;
	font-size: 14pt;
	color: #009933;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 0.8em;
	padding-left: 4pt;
	clear: both;
}

h4 {
	font-style: normal;
	font-size: 12pt;
	color: #315579;
	font-weight: 600;
	margin-bottom: 0.8em;
	clear: both;
}

div {
	padding: 0px;
}

p {
	padding-bottom: 0.8em;
}

ul {
	list-style: disc inside none;
	padding-left: 2.0em;
}

table {
	border: solid 1px #315579;
	border-collapse: collapse;
	margin: 0px;
	margin-top: 6pt;
	margin-bottom: 12pt;
}

th {
	background-color: #315579;
	color: #ffffff;
	border: solid 1px #aaaaaa;
	padding: 4pt;
	padding-top: 1pt;
	padding-bottom: 1pt;
	font-size: 10pt;
	font-weight: 400;
}

tbody tr th {
	text-align: left;
}

td {
	border: solid 1px #aaaaaa;
	padding: 4pt;
	padding-top: 1pt;
	padding-bottom: 1pt;
	font-size: 10pt;
	font-weight: 100;
}

#banner {
	/*height: 3.0em;
	min-height: 3.0em;*/
	background-color: #008822;
	padding: 8pt;
	font-size: 14pt;
	font-weight: 400;
	color: #ffffff;
}

#banner h1 {
	margin: 0px;
}

#banner p {
	margin: 0px;
}

#menu {
	border: none;
	border-bottom: solid 1px #000000;
	width: 100%;
	height: 2.0em;
	line-height: 2.0em;
	background-color: #315579;
	font-size: 0.75em;
	font-weight: 900;
}

#menu li {
	float: left;
	list-style-type: none;
	color: #ffffff;
	min-width: 4.2em;
	text-align: center;
	white-space: nowrap;
}

#menu li a {
	padding: 0 0.7em 0 0.7em;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#menu li a:hover {
	color: #88ff88;
	text-decoration: underline;
}

#menu li+li {
	border-left: solid 1px #ffffff;
}


#submenu {
	clear: right;
	border: none;
	/*width: 100%;*/
	float: right;
	background: none;
	font-size: 0.75em;
	font-weight: 900;
	color: #000000;
}

#submenu li {
	float: left;
	list-style-type: none;
	min-width: 4.2em;
	text-align: center;
	white-space: nowrap;
}

#submenu li a {
	padding: 0 0.7em 0 0.7em;
	display: block;
	color: #000000;
	text-decoration: none;
}

#submenu li a:hover {
	color: #88ff88;
	text-decoration: underline;
}

#submenu li+li {
	border-left: solid 1px #000000;
}

#slideshow {
	text-align: center;
}

#main {
	font-size: 10pt;
	margin: 12pt;
}

#cards {
	text-align: center;
	width: 60%;
	/*max-width: 80%;*/
	margin-left: auto;
	margin-right: auto;
}

#foot {
	border: none;
	border-top: solid 1px #000000;
	width: 100%;
	height: 2.0em;
	line-height: 2.0em;
	background-color: #315579;
	font-size: 0.75em;
	font-weight: 900;
	margin-top: 1.0em;
	clear: both;
}

#foot li {
	float: left;
	list-style-type: none;
	color: #ffffff;
	min-width: 4.2em;
	text-align: center;
	white-space: nowrap;
	padding: 0 0.7em 0 0.7em;
}

#foot li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

#foot li a:hover {
	color: #88ff88;
	text-decoration: underline;
}

#foot li+li {
	border-left: solid 1px #ffffff;
}

.error {
	color: #ff0000;
	font-weight: 900;
}

.info {
	color: #0000ff;
	font-weight: 900;
}

.italic {
	font-style: italic;
}

.product {
	clear: both;
}

.product_image {
	float: left;
	margin-right: 12pt;
	width: 120px;
	height: 90px;
}

img.product_image {
	margin-bottom: 12pt;
}

.short-desc {
	/*float: left;*/
	padding-left: 132px;
	display: block;
}

.long-desc td+td {
	text-align: right;
}

.variants td+td {
	text-align: right;
}

.basket td+td {
	text-align: right;
}

.protect {
	clear: both;
}

table.events {
	border: none;
}

table.events td {
	border: none;
	width: 33%;
	vertical-align: top;
	padding-right: 12pt;
	padding-bottom: 12pt;
}

blank {
	
}

div.date {
	background: #ffeedd;
	border: none;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	width: 4.0em;
	max-width: 4.0em;
	text-align: center;
	font-size: 10pt;
	float: left;
	margin-right: 1.0em;
	margin-bottom: 1.0em;
}

div.date span {
	font-size: 150%;
	
}

/* status for orders */

tr.paid td a {
	color: #00ff00;
}

tr.unpaid td a {
	color: #ff0000;
}