html, body { color: #666;  font-size:100%; font-family: Verdana, Arial, Helvetica, sans-serif;   background-color:#eee;  margin: 0 10% ; padding: 0; }

p { margin: 1em 0 1em 0;}

h1 {
  	FONT-WEIGHT: normal; font-size: 1.875em; margin: 5px 0px; COLOR: #9c0;  FONT-FAMILY: arial, helvetica, sans-serif; background: #fff;  font-style:italic;  font-weight:bold;
}
h2, h2 a, h2 a:visited {
	FONT-WEIGHT: normal; font-size: 1.25em; margin: 1em 0 .4em 0; COLOR: #9c0;   FONT-FAMILY: arial, helvetica, sans-serif;   text-decoration:none; background: #fff;   font-style:italic;  font-weight:bold;}

h3 {
	FONT-WEIGHT: normal; font-size: 1em; margin:.5em 0 1px 0; COLOR: #9c0; FONT-FAMILY:  arial, helvetica, sans-serif;  font-style:italic; background: #fff;
}
#mainTable {margin: 0 auto; background: #fff; color:#666; width:700px;}

#header  {padding: 0px; paddinga: 16px 8px 16px 30px;  vertical-align:bottom; color:#fff; border-right: 1px solid #000;  border-left: 1px solid #000;}

#navbar {font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-image:url('images/navbg.gif');  border-right: 1px solid #000;  border-left: 1px solid #000; border-bottom: 1px solid #666;  padding: 0; margin:0;  white-space:nowrap; color: black;    font-weight:bold; }

#navbar a, #navbar a:visited   { color: #003300;	text-decoration: none; padding: 8px 9px 8px 9px;  
border-right: 1px solid  #9c0; }
	
#navbar a:hover, #navbar a:active {	color: white;}

#navbar li {display:inline;  list-style-type:none; }

#navbar ul { list-style-position:inside; padding: 5px 0; margin:0 0 0 20px;}

#prodbar {font-size: 12px; font-family: Arial, Helvetica, sans-serif;   border-right: 1px solid #000;  border-left: 1px solid #000; border-bottom: 1px solid #666;  padding: 5px 5px 5px 34px; white-space:nowrap; color: #666;    font-weight:bold;}

#headimage {padding:0px; border-left:1px solid black; border-right:1px solid black;}

#maincontent {font-size:0.8125em; padding: 10px 30px 20px 30px; border-right: 1px solid #000;   border-left: 1px solid #000;  border-bottom: 1px solid #000; text-align:justify; background: #fff; color:#666;}


#footer  { font-size:0.75em; color:#999; text-align: center; padding: 5px 50px; background: #eee; }

#footer a, #footer a:visited   { color: #999;  background: #eee }

#footer a:hover, #footer a:active   { color: #9c0;  background: #eee }

table.products, table.products a { color:#666;  background: #fff;  table-layout:fixed; font-size:0.75em; vertical-align:top;}
table.products a:hover, table.products a:active { color:#f60; background: #fff;}
.productimages { padding:20px 5px 1px 5px; vertical-align:bottom;  text-align:center; color:#666; background: #fff;}
.productheadings { white-space:nowrap; text-align:center; letter-spacing:-.1ex; color:#666;  font-weight:bold;  background: #fff;}
.producttext{ font-size:0.75em; padding:3px 6px; vertical-align:top; text-align:left;  color:#666; background: #fff;}

.stockists td, .stockists th{ width:auto; white-space:nowrap; font-size:0.75em; padding:2px 0em;     color:#666; background: #fff; border-bottom:1px solid #666;}

.prices td, .prices th{ width:auto; white-space:nowrap; font-size:0.75em; padding:2px 1em;  text-align: left ;  color:#666; background: #fff; border-bottom:1px solid #666;}

ul { list-style-position:inside;}
form {font-size:0.75em; border:1px solid #ccc; padding:10px;}
td.techbox { border: 1px solid #ccc;}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}