.prod ul
{
	list-style: none;

}
body
{
	width: 810px;
	margin: auto;
	font-family: Arial;
	color: #666666;
	font-size: 12px;

}

p{
	font-size: 12px;
	text-align: justify;
}
h1
{
	font-size: 15px;
	
}
h2
{
	font-size: 14px;
}
h3
{
	font-size: 13px;
}

#telcentre
{
	font-size: 18px;
	font-weight: bold;
	color: #009B48;
	text-align: center;
}

#z
{
	color: #009B48;
    font-weight: bold;
}

#x
{
	color: #FF6600;
              font-weight: bold;
}


a
{
	font-weight: bold;
	color: #666666
}

a:hover
{
	color: #0B8455;
}
.preload1 {background: url(gallery/1.jpg);}
.preload2 {background: url(gallery/2.jpg);}
.preload3 {background: url(gallery/3.jpg);}
.preload4 {background: url(gallery/4.jpg);}
.preload5 {background: url(gallery/5.jpg);}
.preload6 {background: url(gallery/6.jpg);}
.preload7 {background: url(gallery/7.jpg);}
.preload8 {background: url(gallery/8.jpg);}
.preload9 {background: url(gallery/9.jpg);}
.preload10 {background: url(images/menubackroll.gif);}


#top
{
	height: 160px;
	width: 800px;
	background: url(images/top.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
#wrap
{
	width: 800px;
	background: url(images/content.gif) repeat-y;

	
}
#content
{
 	background: url(images/content.gif) repeat-y;
	width: 720px;
	float: left;
	padding: 10px 55px 0px 27px;
	margin: 0px 0px 0px 00px;
}
#footer
{
 	margin: -50px 0px 0px 0px;
	float: left;
	text-decoration: none;
	color: #bbbbbb;
	font-size: 12pt;
	font-weight: bold;
}
#footer a
{
	text-decoration: none;
	color: #bbbbbb;
	
}
#bottom
{
 	height: 34px;
	width: 800px;
	background: url(images/bottom.gif);
	float: none;
}
#picturebox
{

	float: left;
	margin: auto;
}
#search
{
	width: 800px;
	height: 86px;
	margin: 0px 50px 0px 0px;
	float: left;
	background: url(images/search.gif);
	
}
#search form
{
	margin: 20px 0px 0px 13px;
}
#searchBox input
{
	border: 0px;
}

#searchBox
{
	text-align: left;

	margin: 0px 0px 0px 396px;
}
#searchbutton
{
	text-align: left;

	margin: -25px 0px 0px 583px;
}

#menu
{
 	margin: 111px 0px 0px 0px;
	float: right;
	width: 800px;
	color: #ffffff;
	font-family: Arial;
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
}

#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
#menu li {
  float: left;
  position: relative;
  padding: 5px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
  width: 85px;
 
  text-align: center;
  vertical-align: baseline;

  }
#menu li ul {
  display: block;
  
  }
#menu li a:hover {
  background: url(images/menubackroll.gif) repeat;
  text-decoration: none;
  color: #ffffff;
  display: block;
  border-style: solid;
  border-width:  thin;
  border-color: #0B8455;
  }
#currentPage {
  background: url(images/menubackroll.gif) repeat;
  text-decoration: none;
  color: #ffffff;
  display: block;
  border-style: solid;
  border-width:  thin;
  border-color: #30976F;
  }
#menu li a {

 height: 39px;
  text-decoration: none;
  color: #ffffff;
  display: block;
  
  }


.thumbnail{
position: relative;
z-index: 0;
color: #009B48;
font-weight: bold;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FCF4FB;
padding: 5px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: #7D180D;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -360px; /*position where enlarged image should offset horizontally */

}