.content {
	position: relative;
	/* width: 6.5in; */
}

.greencheck {
	background-color: #cec;
	border: 1px solid #080;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 1em;
	min-height: 30px;
	font-weight: bold;
}

.redx {
	background-color: #faa;
	border: 1px solid #800;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 1em;
	min-height: 30px;
	font-weight: bold;

}
.redx:before {
	content: url('images/redx.png');
	display: block;
	float: left;
	margin-right: 0.4em;
}

.waiting {
	background-color: #eee;
	border: 1px solid #888;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin: 1em;
	min-height: 30px;
	font-weight: bold;
	height: 85px;
}
.waiting:before {
	/* see url('images/david-roy-pulsar.txt') for this animation's
           copyright information */
	content: url('images/david-roy-pulsar-alpha.gif');
	display: block;
	float: left;
	margin-right: 0.4em;
}

#infowarn, #waiting {
	display: none;
}

.greencheck:before {
	content: url('images/greencheck.png');
	display: block;
	float: left;
	margin-right: 0.4em;
}

label.required:after {
	content: url('images/redasterisk.png');
}

.itemize {
	margin: 1em;
}

.itemize table {
	border: 1px solid black;
	width: 100%;
}

.itemize table th {
	background-color: #88e;
}

.itemize table td.qty {
	text-align: right;
	width: 3em;
}

.itemize table td.unit {
	text-align: right;
	padding-right: 0.5em;
}

.itemize table td.subtotal {
	text-align: right;
	padding-right: 0.5em;
}

.itemize input[name=qty] {
	width: 3em;
	border: 2px solid black;
	text-align: right;
}

.itemize table tr.grandtotal {
	text-align: right;
	font-size: large;
}

.itemize table tr.salestax {
	text-align: right;
}

.itemize table tr.grandtotal td.desc  {
	padding-right: 1em;
}

.itemize table tr.salestax td.desc  {
	padding-right: 1em;
}

div.promotion {
	border: 4px dashed #922;
	margin: 1em;
	margin-left: 10em;
	padding: 1em;
	width: 35%;
	position: relative;
	display: inline-block;
}

div.checkout {
	display: inline-block;
	right: 0;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-left: 5em;
	text-align: right;
}


div.promotion h3 {
	font-size: large;
}

div.promotion input[type=text] {
	border: 2px solid black;
	width: 8em;
	text-align: center;
}

div.promotion .buttons {
	display: block;
	right: 0em;
	bottom: 1em;
	text-align: right;
}

.promotion input[type=submit] {
	background-color: #f80;
	border: 4px solid #d30;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	-moz-border-radius: 0.5em;
}

.promotion input[type=submit]:hover {
	background-color: #fd0;
	border-color: #f80;
}

.checkout input[type=submit] {
	background-color: #f80;
	border: 4px solid #d30;
	padding: 0.6em;
	-moz-border-radius: 0.5em;
	margin-right: 1em;
	margin-top: 0.4em;
	float: right;
	clear: both;
}


.checkout input[type=submit]:hover {
	background-color: #fd0;
	border-color: #f80;
}


.customerinfo label {
	color: #666;
	font-size: small;
	font-weight: bold;
}

.customerinfo input {
	border: 1px solid #666;
	margin-top: 0;
	margin-bottom: 0.5em;
	padding: 0;
	width: 100%;
}

.customerinfo select {
	margin-bottom: 0.5em;
	width: 100%;
}

.customerinfo select[name=cardmonth] {
	width: 15.8em;
	margin-right: 0.2em;
}

.customerinfo input[name=cardyear] {
	margin-left: 0;
	width: 4em;
	text-align: center;
}

.customerinfo input.missing:focus {
	color: #000000;
	background-color: #f0d0d0;
}

.customerinfo input:focus {
	color: #000000;
	background-color: #f0f0f0;
}

.customerinfo select {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #666;
}

.customerinfo select:focus {
	color: #000000;
	background-color: #f0f0f0;
}

.customerinfo select.missing:focus {
	color: #000000;
	background-color: #f0d0d0;
}

.customerinfo input[name=cardcode] {
	width: 4em;
}

.customerinfo input[type=submit] {
	width: 12em;
	background-color: #f80;
	border: 4px solid #d30;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	-moz-border-radius: 0.5em;
	float: right;
}

.nameinfo, .addrinfo, .cardinfo, .acctinfo {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	margin-left: 1em;
	padding: 0 0 0 2%;
	width: 47%;
	margin: 0;
}

.supportquery {
	margin-left: 1em;
}

input.missing, select.missing { background-color: #faa; }

input[name=dummy], tr.salestax, tr.support {
	visibility: hidden;
}

#orderpage, #infopage, #hardqty, #infofail, #inforeject, #phantom {
	display: none;
}

.nobr { white-space: nowrap; }