a {
	color: #006699;
	text-decoration: none;
}

a.basket { color: maroon; }

/* make image links borderless by default */
a img { border: none; }

body {
	margin: 8px;
	font: 8pt Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;

}

div.categoryImage {
	width: 128px;
	height: 96px;
	overflow: hidden;
	border: 1px solid black;
}

div.productImage {
	/* roughly 16:9 */
	width: 184px;
	height: 113px;
	overflow: hidden;
	border: black 1px solid;
	
	background-color: silver;
}

form { display: inline; }

td>div.productImage {
	/* overrides above width under Gecko */
	width: 182px;
}

hr {
	border: none;
	height: 1px;
	/* IE */
	color: silver;
	/* Gecko */
	background-color: silver;
	/* display: block; */
}

/* stupid Gecko */
p { display: inline; }

table { border-collapse: collapse; }

table#mainTable {
	width: 638px;
	background-color: white;
}

td {
	padding: 0;
	/* for reasons unknown, IE uses the correct face, but the wrong size */
	font-size: 8pt;
}

td#body { padding: 8px; }

/* fixes "baseline gap" beneath images in tables (Gecko) */
td img { display: block; }

td.tabs {
	background-color: #FFFFFF;
	padding: 8px;
	color: #FFFFFF;
}

td#tabsBottom { text-align: right; }





















table.checkoutForm table td {
	padding: 4px;
}


















ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	margin-left: 1em;
}

li { font: 8pt Tahoma, Arial, Helvetica, sans-serif; }




table.form td {
	padding-right: 8px;
	padding-bottom: 8px;
}


table.table td { padding: 2px; border: 1px none silver; }

tr.alternateRow { background-color: #EEEEEE; }