body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	text-align: left;
}
body {
	margin: 0;
	padding: 0;
}

/* All tables should collapse borders. */
table {
	border-collapse: collapse;
}

/* Images in general. */
img {
	border-style: none;
	padding: 0;
}

h1 {
	font-size: medium;
}

h2 {
	font-weight: bold;
	font-size: small;
}

.categoryname {
	font-weight: bold;
	font-size: xx-small;
}


/* Top Banner. */
table#top, table#top td {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	background-color: rgb(255, 204, 51);
	color: rgb(0, 0, 0);
	margin: 0;
	height: 80px;
	border-collapse: separate;
}
table#top {
	border-bottom: solid 2px rgb(1, 104, 119);
}

/* Logo. */
td#toplogo {
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}
/* Title */
td.toptitle {
	text-align: right;
	font-size: x-large;
	vertical-align: middle;
	padding: 5px;
}

/* Top menu and footer. */
table#topmenu, table#topmenu td, table#footer {
	background-color: rgb(1, 164, 181);
	color: rgb(255, 255, 255);
	margin: 0;
	white-space: nowrap;
}

table#topmenu {
	border-bottom: solid 4px rgb(1, 104, 119);
	border-collapse: separate;
}

table#footer {
	border-style: solid;
	border-width: 2px 0;
	border-color: rgb(1, 104, 119);
}

/* Footer Menu. */
table#footer td {
	font-size: small;
	vertical-align: middle;
	padding: 0.25em 0.5em;
}

/* Top menu buttons. */
table#topmenu td {
	text-align: center;
	font-size: x-small;
	font-weight: bold;
	vertical-align: middle;
	padding: 0.5em 1em;
	border-right: solid 0.5px rgb(255, 255, 255);
}

table#topmenu td#topbuttonpadding {
	width: 100%;
	border-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	text-align: right;
	padding: 0 1em;
}

/* Category Menu */
td#left {
	background-color: rgb(255, 255, 255);
	border-style: solid;
	border-width: 0 2px 0 0;
	border-color: rgb(1, 104, 119);
	vertical-align: top;
	padding-bottom: 2em;
}

#searchmenu, #categorymenu {
	padding: 0.5em 0.5em 1.5em 0.5em;
	border-bottom: solid 1px rgb(1, 104, 119);
}
#allmenu, #smallbasket, #smallbasket td {
	padding: 0.5em;
}
#allmenu td {
	padding: 0.5em 0.75em 0.5em 0.5em;
}
#smallbasket {
	background-color: rgb(255, 255, 255);
	border-bottom: solid 1px rgb(1, 104, 119);
}
#smallbasket form {
	text-align: right;
	margin: 0.25em;
}
#smallbasket ul {
	list-style-type: none;
	padding: 0.5em;
	overflow: scroll;
	height: 10em;
	border-style: solid;
	border-width: 1px;
	margin: 0.25em 0.5em 0.25em 0.25em;
	background-color: rgb(255, 255, 255);
	font-size: xx-small;
	width: 90%;
}
#smallbasketprice {
	font-size: large;
	vertical-align: middle;
	text-align: center;
}
#smallbasketprice small {
	font-size: xx-small;
}

#searchmenu {
	background-color: rgb(255, 255, 255);
}
#searchbox {
	width: 11em;
}

#categorymenu {
	background-color: rgb(255, 255, 255);
}

/* Category menu buttons. */
table#categorymenu td {
	text-align: right;
	font-size: xx-small;
	font-weight: normal;
	vertical-align: middle;
	padding: 0.3em 1em;
	border-bottom: solid 1px rgb(1, 104, 119);
}

/* Photo Box */
div.categoryphoto {
	float: left;
	margin: 1em 1em 1em 0;
	width: 120px;
	text-align: center;
}
div.photo {
	float: right;
	margin: 1em 0 1em 1em;
}


/* Main Content Panel */
#contentcell {
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	vertical-align: top;
	margin: 0;
	width: 100%;
}
#contentpadding {
	padding: 0 1em 1em 1em;
}
#content {
	width: 100%;
}
td.categoryitem_odd, td.categoryitem_even {
	border-style: solid;
	border-width: 1px 0;
	border-color: rgb(1, 104, 119);
	padding: 0.25em;
}
td.categoryitem_even {
	background-color: rgb(255, 255, 255);
}
td.categoryitem_odd {
	background-color: rgb(255, 255, 204);
}
tr.categoryitem_even {
	background-color: rgb(255, 255, 255);
}
tr.categoryitem_odd {
	background-color: rgb(255, 255, 204);
}

h3 {
	font-size: small;
	margin: 1em 0 0 0;
}
.price {
	margin: 0.1em 0 1em 0;
}

img.productphoto {
	border: solid 1px rgb(1, 104, 119);
}

#topmenu a {
	text-decoration: none;
	color: rgb(255, 255, 255);
}
#topmenu a:visited {
	text-decoration: none;
	color: rgb(255, 255, 255);
}
#topmenu a:hover {
	text-decoration: none;
	color: rgb(255, 255, 255);
}

#categorymenu a {
	text-decoration: none;
	color: rgb(0, 0, 0);
}
#categorymenu a:visited {
	text-decoration: none;
	color: rgb(0, 0, 0);
}
#categorymenu a:hover {
	text-decoration: none;
	color: rgb(51, 51, 51);
}

#footer a {
	color: rgb(255, 255, 255);
}
#footer a:visited {
	color: rgb(255, 255, 255);
}
#footer a:hover {
	color: rgb(255, 255, 255);
}

a {
	background-color: transparent;
	color: rgb(1, 104, 119);
}
a:visited {
	background-color: transparent;
	color: rgb(1, 104, 119);
}
a:hover {
	background-color: transparent;
	color: rgb(1, 104, 119);
}
td.hover {
	background-color: rgb(1, 104, 119) !important;
}

/* Forms */
form {
	margin: 0;
	padding: 0;
}

input.button {
	background-color: rgb(1, 104, 119);
	border-color: rgb(1, 164, 181);
	border-style: outset;
	background-repeat: no-repeat;
	background-position: 2px center;
	background-image: url("/images/button-back.gif");
	padding: 0 2px 0 14px;
	color: rgb(255, 255, 255);
}

input, select {
	background-color: rgb(255, 255, 255);
	border-color: rgb(1, 104, 119);
	border-style: inset;
}

#basket {
	border-style: none;
	width: 100%;
}
#heading th {
	background-color: rgb(255, 204, 51);
	font-size: x-small;
	border-style: solid;
	border-color: rgb(0, 0, 0);
	border-width: 0 0 1px 0;
	padding: 0.25em;
}
.basket_even td, .basket_odd td, .basket_even th, .basket_odd th {
	border-style: solid;
	border-color: rgb(0, 0, 0);
	border-width: 0 0 1px 0;
	font-weight: normal;
}
.basket_odd {
	background-color: rgb(255, 255, 255);
}
.basket_even {
	background-color: rgb(255, 255, 204);
}
.basket_even td.noborder, .basket_odd td.noborder, #heading td, .basketcheckout {
	border-style: none;
	background-color: rgb(255, 255, 255);
	padding: 0 0 0 0.5em;
}
td.price, th.price {
	text-align: right;
}

.notinstock {
	color: rgb(200, 0, 0);
	font-weight: bold;
}
table.checkout th {
	width: 11em;
	text-align: right;
	padding: 0 1em 0 1em;
	vertical-align: top;
}
table.invoice {
	margin: 0 0 0 1em;
	width: 50em;
}
table.invoice .total {
	border-style: solid;
	border-color: rgb(0, 0, 0);
	border-width: 1px 0 0 0;
	font-weight: bold;
}
p.submit {
	text-align: right;
}
.required {
	color: rgb(200, 0, 0);
	font-weight: bold;
}
input.error {
	border-color: rgb(255, 0, 0);
	background-color: rgb(255, 100, 100);
}
span.error {
	color: rgb(200, 0, 0);
	font-size: smaller;
}

img.right {
	float: right;
	margin: 5px;
}