body {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
background-color: #ffffff;
margin: 0px;
padding: 0px;
text-align: center;
}


#textleft {

float: left;
margin-right: 5px;
width: 180px;

}

#imgright {

float: right;

}

.otherprodleft {

float: left;
margin-right: 5px;
width: 195px;
height: 250px;

}

.otherprodleft img{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #2976BE;
}


.otherprodright {

float: left;
margin-right: 5px;
width: 195px;
height: 300px;


}

.otherprodright img{
	margin-top: 5px;
	margin-bottom: 5px;
}

.otherprodright img{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 2px solid #2976BE;
}

.clear { 
	clear: both;
	height: 0px;
	margin-top: -20px;
	margin-bottom: 0px;
	padding: 0px;

}

#container {
	width: 742px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}
	
#container #fork-lift {
	background: url(layout/top.jpg) top no-repeat;
	height: 92px;
	width: 742px;
}

#container #topbox {
	background: url(layout/topbox.jpg) top no-repeat;
	height: 21px;
	width: 742px;
}


#container #repeatbox-y {
	background: url(layout/repeatbox.jpg) top repeat-y;
	height: 400px;
	width: 742px;
	clear: both;
}


#container #repeatbox-y #content {
	text-align: left;
	position: relative;
	padding-left: 60px;
}


#container #repeatbox-y #content #textcontent{
	float: left;
	width: 410px;
	padding-right: 20px;
}


#container #repeatbox-y #content #comp {
	font-size: 170%;
	color: #7da543;
	

}


#container #repeatbox-y #content #textcontent h1 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #2975BD;
	font-size: 150%;

}


#container #repeatbox-y #content #textcontent h2 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #2975BD;
	font-size: 100%;

}


#container #repeatbox-y #content #textcontent h3 {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #FF6600;
	font-size: 120%;

}

#container #repeatbox-y #content #textcontent p {
	margin-top: 0px;
	margin-bottom: 8px;
	font-size: 70%;

}

#container #repeatbox-y #content #textcontent p strong {
	color: #2975BD;
	font-weight: bold;

}

#container #repeatbox-y #content #menuright {
	float: left;
	width: 190px;

}


#container #repeatbox-y #content #menuright img {
	margin-top: 10px;
	border: 0px;
}

#container #repeatbox-y #content #menuright h2 {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #7da543;
	font-size: 100%;
}


#container #repeatbox-y #content #menuright ul {

	list-style-type: 	none;
	font-size: 70%;
	padding: 		0;
	margin: 		0;
	margin-left: 0px;

}
#container #repeatbox-y #content #menuright ul li{

border-top: #666666 solid 1px;
width: 				195px;

}


#container #repeatbox-y #content #menuright  li a {
	display: 			block;
	margin-bottom: 4px;
	margin-top: 5px;
	padding: 			3px 0px 3px 3px;
	color: 				#7da543;
	font-weight:		bold;
	text-decoration: 	none;
}


#container #repeatbox-y #content #menuright  li a:hover {
	background-color: #7da543;
	color: #FFFFFF;

	
}

#container #homelink a {
	display: block;
	position: absolute;
	top:112px;
	left: 0px;
	width: 52px;
	height: 72px;
	background: url(layout/home.jpg) top no-repeat;
	
}


#container #homelink a:hover {
	display: block;
	position: absolute;
	top:112px;
	left: 0px;
	width: 52px;
	height: 72px;
	background: url(layout/home-r.jpg) top no-repeat;
	
}


#container #aboutus a {
	display: block;
	position: absolute;
	top:184px;
	left: 0px;
	width: 52px;
	height: 71px;
	background: url(layout/aboutus.jpg) top no-repeat;
	
}


#container #aboutus a:hover {
	display: block;
	position: absolute;
	top:184px;
	left: 0px;
	width: 52px;
	height: 71px;
	background: url(layout/about-r.jpg) top no-repeat;
	
}

#container #contact a {
	display: block;
	position: absolute;
	top:255px;
	left: 0px;
	width: 52px;
	height: 71px;
	background: url(layout/contact.jpg) top no-repeat;
	
}

#container #contact a:hover {
	display: block;
	position: absolute;
	top:255px;
	left: 0px;
	width: 52px;
	height: 71px;
	background: url(layout/contact-r.jpg) top no-repeat;
	
}

#container #enquire a {
	display: block;
	position: absolute;
	top:326px;
	left: 0px;
	width: 52px;
	height: 72px;
	background: url(layout/enquire.jpg) top no-repeat;
	
}


#container #enquire a:hover {
	display: block;
	position: absolute;
	top:326px;
	left: 0px;
	width: 52px;
	height: 72px;
	background: url(layout/enquire-r.jpg) top no-repeat;
	
}

#container #btmbox {
	background: url(layout/btmbox.jpg) top no-repeat;
	height: 38px;
	width: 742px;
}

.contactForm {
	width:400px;
}

.contactForm p {
	font-size: 70%;
	clear:left;
	margin-bottom: 20px;
	}

.contactForm p label {
	float: left;
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	color: #2976BE;
	font-weight: bold; 
	width: 55%;
	}
	
.contactForm .fields {
	background-color:#ffffff;
    border: solid 1px #2976BE;

	}
	
.contactForm p.submit input {
	color: #8697C3;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background:#FFFFFF;
	border: solid 1px #8697C3;
	margin-left: 30%;  
	}
	
.red {
	color: #990000;
	font-weight: bold;
}

 .errors {
	width: 350px;
	border: #990000 solid 1px;
	margin-top: 20px;
	padding: 3px 3px 3px 3px;
	
	}
	
 .errors p {
	color:#990000;
	font-weight: bold;
	padding-left: 5px;
	
	}
	
 .errors h3 {
	position: relative;
	/*position: absolute;*/
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	/*margin-left: 10px;*/
	margin-top: -18px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 100px;
	font-size: 150%;
	font-weight: bold;
	color: #990000;

	}
	
  .errors li {
	color:#990000;
	font-weight: bold;
	font-size: 65%;

	}