body
	{ margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/back.jpg) repeat-x }
img
	{ border:none }
.topmenu
	{ height:48px }
.topmenu	a
	{ color:#FFF; font-size:13px; text-decoration:none }
.topmenu 	a:hover
	{ color:#999; font-size:13px; text-decoration:none }
.banner
	{ padding-top:4px }
h1
	{ color:#000; font-size:18px; font-weight:bold; border-bottom: 1px #ccc solid }
p
	{text-align:justify; line-height:22px; }
.footer
	{background:#000; height: 27px; color:#FFF; font-size:11px;}
.footer a
	{color:#FFF; text-decoration:none; padding:0 10px 0 10px}
.footer a:hover
	{color:#FFF; text-decoration:none; padding:0 10px 0 10px}
.product td
	{width:33%; padding: 10px 0 10px 0; text-align:center}
.product img
	{border: solid 1px #000}
.products
	{font-size:16px; font-weight:bold;}
.highlightit img
	{ border: 1px solid #ccc;}
.highlightit:hover img
	{ border: 1px solid navy;}
.highlightit:hover
	{ color: red; /* Dummy definition to overcome IE bug */}
#menu {
  display: table;
  margin: 0 auto;
  margin-bottom: 10px;
}

#menu .menuItem {
  display: block;
  float: left;
  border-right: solid 1px #fff;
}

#menu .menuItem a {
  display: block;
  padding: 0 42px;
  line-height: 25px;
}

#menu .menuItem.last {
  border-right-style: none;
}

#menu .subMenu {
  background-color: #000;
  padding: 4px 6px;
  text-align: left;
}

#menu .subMenu .menuItem {
  float: none;
  border: none;
  padding: 1px 15px 1px 30px;
  font-size: 12px;
}

#menu .subMenu .menuItem:hover {
  background-color: #aaa;
  color: #fff;
}