html, body { height: 100%; }

body {
	font-family: arial, verdana, tahoma, times new roman;
	font-size: 85%;
	margin: auto 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

img { border: none; }

body table {
	font-size: 100%;
}

table {
	margin: 0px;
	border-collapse: collapse;
	border: 0px solid red;
}

td {
	padding: 0px;
}

.center {
	text-align: center;
}

.center>table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.max {
	width: 100%;
	height: 100%;
}

button {
	border: 2px raised green;
	font-size: 90%;
	background-color: #8EB768;
	color: white;
	font-weight: bold;
	padding: 1px 0px;
	margin-top: 3px;
}

table#header {
	background-image:  url(/images/banner_background.gif);
	background-color: #CAD5EB;
	width: 100%;
}

table#header td {
	vertical-align: top;
	border: 0px solid red;
	font-size: 17px;
	font-weight: bold;
	color: white;
}

/********************************************   T O P     N A V I G A T I O N    *********************************************/

table#topNav {
	width: 100%;
}

table#topNav td {
	padding-top: 1px;
}

table#topNav a:link, table#topNav a:visited, table#topNav a:active {
	text-align: center;
	font-family: courier, arial, verdana;
	color: white;
	font-size: 16px;  /* 15px works better in Mozilla */
	padding: 0px;
	margin: 0px;
	border: 1px solid #6185C3;
	display: block;
	width: 100%;
}

table#topNav a:hover {
	border: 1px solid white;
}

table#topNav a.on:link, table#topNav a.on:visited, table#topNav a.on:active {
	background-color: #8EB7E8;
	background-color: #EFF3E2;
	background-color: #8EB768;
}

/********************************************   L E F T     N A V I G A T I O N    *********************************************/

.leftNav {
	vertical-align: top;
	padding: 0px 0px 0px 0px
}

.leftNav table {
	font-family: arial, verdana;
	color: #327A30;
	font-size: 16px;
	font-weight: bold;
	margin: 1px 0px 1px 10px;
}

.leftNav a:link, .leftNav a:visited, .leftNav a:active {
	font-family: arial, verdana;
	color: #327A30;
	font-size: 16px;
	padding: 1px 0px 1px 10px;
	display: block;
	width: 100%;
	font-weight: bold;
	border: 1px solid white;
}

.leftNav a:hover {
	color: red;
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
}

.leftNav a.on:link, .leftNav a.on:visited, .leftNav a.on:active {
	background-color: #f0f0f0;
}

/********************************************   C A T E G O R Y    N A V I G A T I O N    *********************************************/

#catNav {
	vertical-align: top;
	padding: 0px 0px 0px 10px
}

#catNav div, div.hemp {
	font-family: courier;
	font-size: 22px;
	font-weight: bold;
	color: #055999;
}

#catNav a:link, #catNav a:visited, #catNav a:active {
	font-family: arial, verdana;
	color: #327A30;
	font-size: 16px;
	padding: 1px;
	display: block;
	width: 100%;
	font-weight: bold;
}

#catNav a:hover {
	color: red;
	background-color: #f9f9f9;
	padding: 0px;
	border: 1px solid #e0e0e0;
}

/****************************************************   A D D     T O     B A S K E T     *************************************************/

#shopping fieldset {
	border: none;
}

#shopping th {
	text-align: left;
	font-size: 90%;
	padding: 0px;
}

#shopping td {
	padding: 2px 4px 2px 0px;
	font-size: 90%;
}

/****************************************************   S H O W     T O     B A S K E T     *************************************************/

#basket {
	margin-top: 15px;
	width: 100%;
	border-separate: separate;
	border: 1px solid #e0e0e0;
}

#basket fieldset {
	border: none;
}

#basket th {
	padding: 0px 8px 4px 0px;
	text-align: left;
}

#basket td {
	padding: 1px 8px 1px 0px;
	border: 1px solid #e0e0e0;
}

/*******************************************************************************************************************************************/

#paging a:link, #paging a:visited, #paging a:active  {
	display: block;
	width: 100%;
	padding: 1px 5px;
	font-weight: bold;
	margin: 4px;
	border: 1px solid #bbbbbb;
	border: 1px solid #8EB768;
}

#paging a.on:link, #paging a.on:visited, #paging a.on:active  {
	border: 1px solid red;
}

.prodThumb {
	width: 100px;
	height: 100px;
	border: 2px solid green; 
}

#footer {
	background-color: #6185C3;
	font-size: 17px;
	font-weight: bold;
	color: white;
	padding: 2px 20px;
	font-family: courier, arial, verdana;
}

table.vTop td, td.vTop {
	vertical-align: top;
}

/*******************************************************************************************************************************************/

#contact legend {
	display: none;
}

#contact fieldset {
	padding: 5px;
	background-color: #e0e0e0;
}

#contact label {
	font-weight: bold;
	clear: right;
}

#contact input, #contact select {
	width: 100%;
}


/*******************************************************************************************************************************************/

#checkout label {
	font-weight: bold;
	white-space: nowrap;
	width: 11em;
/*
	clear: right;
*/
}

#checkout input, #checkout select {
	width: 100%;
}

/* THIS LOT IS USED FOR IMAGE PLACEMENT WITHIN PAGE CONTENT FROM THE DATABASE */
.leftFloat {
	float: left;
	margin: 0px 5px 5px 0px;
	border: 1px solid #222222;
}
.rightFloat {
	float: right;
	margin: 0px 0px 5px 5px;
	border: 1px solid #222222;
}
.leftClear {
	clear: both;
	display: block;
	margin: 0px 5px 5px 0px;
	border: 1px solid #222222;
}
.rightClear {
	text-align: right;
	clear: both;
	display: block;
	margin: 0px 0px 5px 5px;
	border: 1px solid #222222;
}
.centerClear {
	clear: both;
	display: block;
	text-align: center;
	border: 1px solid #222222;
}
.docum {
	font-weight: bold;
}