body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body {
	font-size: 90%;
}

table, tr, td {
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 100%;
}

#banner {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	height: 73px;
	width: 100%;
	border-bottom: 8px solid #000050;
	padding: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body #banner {
	height: 55px;
	width: auto;
}

#banner img {
	float: right;
	margin: 5px 5px 0 0;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body banner img {
	padding-right: 10px;
}

#leftcorner {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	margin: 0;
	width: 131px;
	height: 73px;
	border-bottom: 8px solid #ffce00;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body #leftcorner {
	height: 65px;
}

#leftpanel {
	width: 131px;
	height: 100%; 
	float: left; 
	padding: 85px 10px 0 10px;
}

div.navigation {
	position: absolute;
	top: 85px;
	left: 0;
	width: 131px;
	text-align: center;
	padding: 0.5em 8px 2em 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body div.navigation {
	width: 120px;
}

div.navigation a, div.navigation em {
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	font-size: 110%;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body div.navigation a, html>body div.navigation em {
	display: block;
}

div.navigation em {
	font-style: normal;
	color: #ffcc00;
}

html>body #div.navigation a {
	width: auto;
}

div.navigation a:link { text-decoration: none; color: white }
div.navigation a:active { text-decoration: none; color: blue }
div.navigation a:visited { text-decoration: none; color: white }
div.navigation a:hover { background: white; color: #cc3300; }

div.navigation a.subhere, div.navigation a.subhere:hover {
	background-image: url(http://www.isawthat.com/images/arrowinv.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

div.navigation a.subhere:hover {
	background-image: url(http://www.isawthat.com/images/arrow.gif);
}

div.navigation a.subheressl, div.navigation a.subheressl:hover {
	background-image: url(https://vs2.korax.net/~willrosy/images/arrowinv.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

div.navigation a.subheressl:hover {
	background-image: url(https://vs2.korax.net/~willrosy/images/arrow.gif);
}

#mainpanel {
	position: absolute;
	top: 73px;
	left: 131px;
	right: 0;
	margin: 0;
	padding: 0 10px 0px 10px;
}

div.seclinks {
	font-size: 80%;
	margin: 0;
	text-align: right;
	padding: 0 3px 0.25em 0;
}

div.seclinks a {
	font-weight: normal;
	text-decoration: none;
	color: #0000ff;
}

div.seclinks a:hover {
	color: #ff0000;
	text-decoration: underline;
}

#centrepanel {
	margin: 0;
	padding: 1em 1em 1em 2em;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	background: white;
	border: 2px solid black;
}

#centrepanel h1.home {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#centrepanel h1 {
	font-size: 150%;
	font-weight: normal;
	margin: 0 0 1em 0;
}

#centrepanel h2 {
	font-size: 125%;
	font-weight: normal;
	margin: 0.75em 0 0.5em 0;
}

#centrepanel h3 {
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0px 0;
}

#centrepanel p {
	max-width: 35em;
	margin-right: 1em;
}

#centrepanel p.short {
	width: auto;
}

#centrepanel dl {
	margin: 0 0 1em 0;
}

#centrepanel ul {
	margin: 0 0 0 5px;
}

#centrepanel ul.red {
	margin: 0 0 0 5px;
	list-style-image: url(http://www.isawthat.com/images/bullet.gif);
}

#centrepanel li {
	margin-left: 10px;
}

#centrepanel ul.links {
	margin: 0 0 0 5px;
	list-style-image: url(http://www.isawthat.com/images/arrow.gif);
}

#centrepanel hr {
/* proper way:	height: 3px; width: 50%; background: #FF0000; */
	color: #cc3300;
	background: #cc3300;
}

#centrepanel hr.light {
	height: 1px;
}

#centrepanel div.small {
	font-size: 85%;
}

#centrepanel em {
	position: relative;
	right: 0px;
	color: #cc3300;
	font-style: normal;
	font-weight: bold;
}

#centrepanel em.splash {
	color: white;
	background: black;
	clear: left;
}

#centrepanel div.storehdg {
	margin-bottom: 1em;
}

#centrepanel div.storehdg h1 {
	margin: 0 0 0 0;
}

#centrepanel div.storehdg h2 {
	margin: 0px 0px 4px 0px;
}

#centrepanel div.homeprod {
	margin: 0.25em 0 1.5em 0;
}

#centrepanel div.homeprod img {
	float: left;
	margin: 0 0.5em 0 0;
}

div.product {
}

div.product p {
	clear: left;
	padding: 10px 0 10px 0;
	border-top: 1px solid #cc3300;
}

div.product img {
	clear: left;
	float: left;
	margin: 0 0.5em 0em 0;
}

div.container {
	padding: 0.25em;
	margin-right: 10px;
}

div.spacer {
  clear: left;
}

div.productbox {
	float: left;
	width: 10em;
	height: 10.5em; 
	border: 1px solid black;
	padding: 0.3em 0.3em 0.1em 0.3em;
	margin: 0 0.75em 0.75em 0;
}

div.productbox strong {
	padding: 0 0.3em 0 0.3em;
	color: #ffffff;
	background: #cc3300;
	font-style: normal;
	font-weight: normal;
	font-decoration: none;	
}

div.productbox p {
	clear: left;
}

div.productbox img {
	float: left;
	margin: 0 0.25em 0em 0;
}

#rightpanel {
	float: right;
	width: 150px;
	margin: 0 0 1em 0em;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	text-align: center;
}

#rightpanel div.rbox {
	margin: 0 0 1em 1em;
	padding: 0 0 0.5em 0;
	border: 2px solid #cc3300;
}

#rightpanel div.rbox h1 {
	width: 100%;
	background-color: #cc3300; /* #000000; */
	color: white;
	font-weight: bold;
	font-size: 80%;
	padding: 0 0 0.2em 0;
	margin: 0 0 0.5em 0;
}

#rightpanel div.rbox p {
	font-size: 80%;
	margin: 0.5em;
}

#rightpanel div.rbox a {
	font-size: 80%;
}

#basket {
	float: right;
	width: 150px;
	margin: 0 0 1em 1em;
	padding: 0.3em 0 1em 0;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 90%;
	border: 1px solid #000; 
	text-align: center;
	background-color: #efefef;
}

#basket p {
	margin: 0 8px 4px 8px;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 90%;
}

#basket hr {
	margin: 0;
	color: gray;
}

#basket h1 {
	font-size: 110%;
	font-weight: bold;
	color: #cc3300;
	text-align: center;
	margin: 0px 0 2px  0;
	padding: 0 0 0 0;
}

#basket a {
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 90%;
	line-height: 1.5;
}

.btn, .btnover {
	width: 12em;
	height: 2em;
	font-family: Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #ffffff;
	background-color: #000050; /* blue; */
	border: 3px double gray;
	text-decoration: none;
	text-align: center;
	margin: 2px 0 0px 0;
	cursor: hand;
}

.btnover {
	color: #000050;
	background-color: white;
	border: 3px double #000050;
}

div.error {
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
	background: #cc3300;
	padding: 2px 0 2px 0;
}

a:hover {
	color: #ff0000;
}

.qty {
	height: 20px;
	width: 20px;
	font-size: 90%;
}

div.footer {
	clear: both;
	font-size: 75%;
	padding: 0.5em 0.2em 0.5em 0.2em;
}

div.smlinks {
	font-size: 80%;
}

.prod {
	margin: 2.5em 0 2.5em 0;
}

.prod img {
	margin: 0 0.75em 0.5em 0;
}

.prod strong {
	width: 7em;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body .prod strong {
	font-size: 90%;
}

.prod em {
	width: 7em;
	text-align: right;
}

form {
	margin: 0;
}

div.chkcontainer {
	clear: right;
}

div.chkhdg {
	position: relative;
	float: left;
	width: 21em;
	color: white;
	font-weight: bold;
	padding: 0 0 0 0.5em;
	margin: 0 0 0.5em 0;
	background-color: #cc3300;
}

div.chkbox {
	float: left;
	width: 21em;
	padding: 0.5em;
	background-color: #efefef;
}

div.chknotes {
	position: relative;
	float: left;
	text-align: left;
	padding: 2em 0.5em 0.5em  0.5em;
}