html {
	background-color: white;
	margin: 2px;
	padding: 2px;
}

body,
table {
	position: relative;
	color: black;
	font: 10px/12px verdana, sans-serif;
}

h1 {
	font-size: 2.0em;
	line-height: 100%;
	padding: 0 0 0.1em 0;
	margin: 0;
}

h2 {
	font-size: 1.5em;
	line-height: 100%;
	padding: 0 0 0.2em 0;
	margin: 0;
}

h3 {
	font-size: 1.2em;
	line-height: 100%;
	padding: 0 0 0.2em 0;
	margin: 0;
}

h4 {
	font-size: 1.0em;
	line-height: 100%;
	padding: 0.1em 0;
	margin: 0;
}

h5 {
	font-size: 0.8em;
	line-height: 100%;
	padding: 0.1em 0;
	margin: 0;
}

p {

}

/* SPANNERS */
.right {
	text-align: right !important;
	float: right !important;
	border: thin yellow none;
}
.left {
	text-align: left !important;
	float: left !important;
	border: thin yellow none;
}
.center {
	text-align: center !important;
	/* there is no 'float: center' */
	border: thin yellow none;
}

div.center { 
	margin-left: auto;
	margin-right: auto;
}

/* FLOATERS */
.f-left {
	padding: 0.2em;
	margin: 0 0.5em 0.2em 0;
	float: left;
}
.f-right {
	padding: 0.2em;
	margin: 0 0 0.2em 0.5em;
	float: right;
}
.clear {
	clear: both;
}


/* SPECIFICS */
.ltblue a {
	color: black;
	background-color: #bbddff;
	font-weight: bolder;
	padding: 0;
}

a.unadorned {
	color: inherit;
	background-color: inherit;
}

p a {
	font-weight: bolder;
	color: normal;
	background-color: #f0f8fe;
	padding: 0 0.2em;
}
p a:hover {
	font-weight: bolder;
	color: black;
	background-color: yellow;
	padding: 0 0.1em;
	border: thin dotted red;
}

div#header div {
	display: inline;
}

#logo {
	top: 0;
	left: 0;
	width: 250px;
	text-align: center;
	margin: 0 12px 6px 0;
	padding: 0 6px 6px 0;
	border-right: thin dotted blue;
	border-bottom: thin dotted blue;
	float: left;
}

#intro {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	float: right;
}

#body
{
	clear: both;
	padding-top: 0.5em;
}

#logo p a:hover {
	background-color: inherit;
	border: none;
}

select, input, table, tr, td {

}

ul,
ol {
	font: 9px/11px verdana, sans-serif;
	margin-top: 0;
}

.ultratight {
	margin: 0;
	padding: 0;
}

.tight {
	margin-bottom: 0;
	padding-bottom: 0;
}

.inset {
	padding: 0 1em;
	vertical-align: top;
	border-style: none;
}

.box	{
	padding: 0.4em;
	border: thin solid black;
	margin: 0 0 1.0em 0;
}

.box p {
	margin: 0.2em 0 0.4em 1em;
	border: none;
}

.b3 {
	font-family: sans-serif;
	font-size: 1.2em;
}

.frame	{
	padding: 0;
	border: 1px solid black;
}

.hbox	{
	font-size: 1.0em;
	text-align: center;
	font-weight: bold;
	margin: 1em;
	padding: 0.2em;
	border: thin solid black;
}

.p3	{
	font-family: sans-serif;
	margin: 0 3.0em;
	padding: 0.3em;
	vertical-align: top
}

.p3box {
	font-family: sans-serif;
	margin: 0 3.0em;
	padding: 0.3em;
	vertical-align: top
	border: 1px solid black;
}

.mono	{ font-family: monospace, monaco, courier; font-size: 96%; }
.code	{ font-family: monospace, monaco, courier; margin-left: 4em }
.codelf	{ font-family: monospace, monaco, courier; margin-left: 1em }

.topheader {
	color: white;
	background-color: #446688;
	font-weight: bold;
	font-size: 130%;
	padding: 0.5em;
}

.sectionheader {
	color: white;
	background-color: #446688;
	font-weight: bold;
	font-size: 130%;
	padding: 0.2em;
	margin-bottom: 0.1em;
}

.subhead {
	color: white;
	background-color: #557799;
	font-weight: bold;
	font-size: 100%;
	padding: 0.1em;
	margin-top: 0;
	margin-bottom: 0.2em;
}

.tablecategory {
	color: white;
	background-color: #446688;
}

.tableheader {
	color: white;
	background-color: #557799;
	font-weight: 900;
	padding: 0.15em 0 0 0.3em;
}

.tableheader td {
	color: #f6f6f6;
	font-size: 0.9em;
	font-weight: bold;
}

.tablecategory td {
	font-size: 140%;
	font-weight: bold;
	text-shadow: 4px 4px 3px #333; /* right, bottom, blur, color */
}

.ltblue,
.tableitemeven {
	color: black;
	background-color: #bbddff;
}

.banner-right {
	padding: 0em 0.5em;
	float: right;
}

.ltgray,
.tableitemodd {
	color: black;
	background-color: #f6f6f6;
}
.tableitemeven-obs {
	color: #888888;
	background-color: #eeeeee;
}
.tableitemodd-obs {
	color: #888888;
	background-color: #e8e8e8;
}
.tableitemeven-obs td,
.tableitemodd-obs td {
	font-size: 85%;
}
.tableitemeven-obs td a,
.tableitemodd-obs td a {
	color: #888888;
}

.tabletotal {
	color: black;
	background-color: #eee;
	border-top: thin solid black;
	text-align: right;
	font-weight: bold;
}

.stock-num {
	color: #333;
	font-size: smaller;
	vertical-align: sub;
	
}
.stock-in {
	color: #222;
	font-size: smaller;
	vertical-align: middle;
	text-align: right;
	background-image: url("../store/stockcheck.gif");
	background-position: 50% 30%;
	background-repeat: no-repeat;
}
.stock-so {
	background-image: url("../store/stockso.gif");
	background-position: 50% 30%;
	background-repeat: no-repeat;
}

.boxheader {
	color: black;
	background-color: #bdf;
	font-weight: bold;
	font-size: 130%;
	border: solid black thin;
	padding: 0.2em;
}

a.headerlink {
	color: #224488;
	background-color: #bdf;
	font-weight: bold;
	text-decoration: none;
}
a.headerlink:hover {
	color: #446688;
	background-color: #eee;
}

.headerlinksmall {
	border: none;
}
.headerlinksmall a {
	font-size: 0.5em;
/*	font-weight: light; */
	vertical-align: middle;
	color: white;
	background-color: #557799;
	text-decoration: none;
	margin: 0em;
	padding: 0.4em 0.6em 0.3em 0.6em;
	border: thin solid #7799bb;
}

.ltblue a:hover{
	color: #446688;
	background-color: #eee;
	border: thin dotted red;
}

.headerlinksmall a:hover {
	color: #446688;
	background-color: #eee;
	padding: 0.3em 0.6em 0.2em 0.6em;
}


.small	{ font-size: 80% }

.p140	{ font-size: 140% }
.p120	{ font-size: 120% }
.p110	{ font-size: 110% }
.p90	{ font-size: 90% }
.p80	{ font-size: 80% }
.p70	{ font-size: 70% }

dt	{ font-weight: bold; }
dd	{ margin-bottom: 6px; }

.warn {
	background-color: yellow;
	color: black;
	font-weight: 900;
	border: thin dotted red;
}


#home,
#attrib
{
	text-align: right;
	white-space: normal;
	position: fixed;
	right: 0.2em;
	top: 0.4em;
	opacity: 0.6;
	border: 0;
	z-index: 1;
}

#home a,
#home a:visited,
#attrib a,
#attrib a:visited
{
	color: white;
	background-color: #024;
	padding: 0.2em;
	text-decoration: none;
	opacity: inherit;
}

#home a:hover,
#attrib a:hover,
#home a:visited:hover,
#attrib a:visited:hover
{
	background-color: inherit;
	text-decoration: inherit;
	opacity: 1;
}

img {
	border: none;
}

span.right,
img.right {
	float: right !important;
	margin: 3px 0 3px 6px; 
}

img.left {
	float: left;
	margin: 3px 6px 3px 0; 
}

.clear {
	clear: both;
}

.wrap {
	white-space: normal;
}

.n50 {
	width: 50%;
}

.n70 {
	width: 70%;
}

#products table tr td {
	font-size: 1.0em;
	padding: 0.4em 0.3em;
}

#products table li {
	padding: 0em;
	margin: 0.2em 0;
}

#products table ul {
	margin: 0;
	padding: 0.3em 2.0em;
	background-color: #f0f0f0;
	border: thin solid #888899;
}

#products table tr td span a {
	color: white;
}

#storeresults {
	position: relative;
	left: 0.5em;
	width: 99%;
}

#imageset div
{
	display: inline-block;
	vertical-align: top;
}