
/* ******************************** ================== start INDEX page ======================= *********************** */

#midtitle {
 position: absolute;
 left: 37px;
 top: 18px; 
}
#midtitle h2 {
 position: relative;
 width: 123px;
 height: 26px;
}
#midtitle h2 span {
 position: absolute;
 width: 100%;
 height: 100%;
 background: url('images/ourproducts.png') no-repeat 0 0;
}

.item {
	float: left;
	width: 200px;
	font-size: 1.1em;
	padding: 10px 20px;
}
.item a {
  color: #1374b8;
  text-decoration: underline; 
}
.item a:hover {
  color: #5c5c5c;
  text-decoration: underline; 
}
.item h3 {
 color: #1374b8;
 font-weight: bold;
 font-size: 1.2em; 
 margin: 0.5em 3%
}
.item img {
  border: 1px solid #c6c6c6;
  margin: 15px 0;
}
.list-block {
 padding-left:10px;
 width: 190px; 
}
.list-block p.list {
  color: #5c5c5c;
  text-decoration: none;
  padding-left: 10px;
  background: url('images/arrow_g.png') no-repeat 0 5px; 
}
.list-block p.list a {
  color: #5c5c5c;
  text-decoration: none;
  padding-left: 10px;
  background: url('images/arrow_g.png') no-repeat 0 50%; 
}
.list-block p.list a:hover {
  color: #1374b8;
  text-decoration: underline;
  padding-left: 10px;
  background: url('images/arrow_b.png') no-repeat 0 50%; 
}
.item p.fright {
  text-align: right;
}
p.fright a.rohs {
  color: #009900;
  font-size: 1em;
  font-weight: bold;
}
a.pound {
  padding-left: 10px;
  background: url('images/arrow_b.png') no-repeat 0 50%; 
}
a.pound:hover {
  padding-left: 10px;
  background: url('images/arrow_g.png') no-repeat 0 50%; 
}
.item a.a-but {
 padding: 2px 0 6px 25px;
 background: url('images/arrow_but.png') no-repeat 0 50%; 
}
.pricing {
 font-size: 1.15em;
 font-weight: bold;
 clear:both;
 color:#1374b8;
 margin-top: -25px;
}

/* ******************************** ================== end INDEX page ======================= *********************** */