body { padding: 0; margin:0; font: .7em Tahoma, Arial, sans-serif; line-height: 1.7em; background-image:url(body-bg.gif); background-repeat:repeat-x; }
#content { position:absolute; margin: 0px auto; width: 998px; background-color:#fcfcff; }
#head {width: 998px; background-color:#fcfcff;}
h1 {float: left;  font-size:11px; font-weight:normal; margin: 2px 0 2px 4px;}
h2 {float: left; margin: 2px 2px 0 6px; font-weight:bold; color:#ff6600; font-size:12px; text-align:justify;}
.cologo { float: left; width:170px; height:133px; background-color:#fcfcff;}
.keyhd {float: left; width:828px; height:26px; background-color:#FF9900;}
.coname {float: left; width:828px; height:70px; background-color:#fcfcff;}
.gryband {float: left; width:588px; height:37px; background-color:#cccccc;}
.english {float: left; width: 240px; height:37px; background-color:#FF9900;}
.sequipments {float: left; width: 170px; height:49px; background-color:#FF9900;}
.topnav {float: left; width: 589px; text-align:center; height:35px; background-color:#6699cc; color:#FFFFFF; font-weight:bold; padding-top:14px; }
.topnav a { color:#ffffff; text-decoration:none;}
.topnav a:hover { color:#000000;}

.topdgry {float: left; width: 234px; height: 35px; background-color:#666666; color:#FFFFFF; padding-top:14px; padding-left:5px;}
.topdgry a { color:#ffffff; text-decoration:none;}
.topdgry a:hover { color:#000000;}

#main {float: left; margin: 0; width: 998px; height:auto; background:#fcfcff url(material-bg.gif) repeat-y ;}

/* Left navigation css.*/
#leftContainer{float:left; padding-left:0px; padding-right:0px; width: 170px; background-color:#6699cc;}
#dhtmlgoodies_menu{	width:170px;	/* Width of main menu */}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
		list-style-type:none;	/* No bullets */
		margin:0px; padding:0px; font-weight: normal;	/* No margin - needed for Opera */ }
#dhtmlgoodies_menu ul{	
		margin:0px;	/* No <ul> air */
		padding:0px;	/* No <ul> air */}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
		padding-left:0px; }
#dhtmlgoodies_menu	li a{	/* Main menu links */
		text-decoration:none;	/* No underline */
		color:#fff;	/* white text color */
		height:20px;	/* 20 pixel height */
		line-height:20px;	/* 20 pixel height */
		vertical-align:middle;	/* Align text in the middle */
		border:0px solid #ffffff;	/* Black border */
		background-image:url(nav-bg.gif);	/* Light blue background color */	/* Air between border and text inside */
		display:block; font-weight:normal; padding-left:10px; padding-right:2px; }
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{ color:#666666; background-color:#EBF0EC; font-weight:normal; padding-left:10px; padding-right:2px; }
.dhtmlgoodies_subMenu{ visibility:hidden; position:absolute; overflow:hidden; border:1px solid #000; background-color:#EBF0EC;}
.dhtmlgoodies_subMenu ul{ margin:0px; padding:0px; font-weight:normal; padding-left:0px; padding-right:0px; }
.dhtmlgoodies_subMenu ul li{ list-style-type:none; margin:2px; padding:0px;
			/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
		white-space:nowrap;	/* No line break */
		text-decoration:none;	/* No underline */
		color:#000000;
		background-color:#EBF0EC;	/* Black text color */
		height:16px;	/* 16 pixels height */
		line-height:16px;	/* 16 pixels height */
		padding:1px;	/* 1px of "air" inside */
		display:block;	/* Display as block - you shouldn't change this */
	}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
		color:#FFF;	/* White text */
		background-color:#50c785;	/* Blue background */
	}
/* END Left navigation */
.leftxt {float: left; margin:4px 4px 2px 5px; font-weight:normal; color:#ffffff; font-size:9px; width:140px;}
.leftxt a { color:#ffffff; text-decoration:none;}
.leftxt a:hover { color:#000000;}

.righttxt {float: left; margin:4px 4px 2px 2px; font-weight:normal; color:#000000; font-size:9px; width:180px;}
.righttxt a { color:#000000; text-decoration:none;}
.righttxt a:hover { color:#ff6600;}

.rightpanel {float: left; vertical-align:top; width: 210px; background-color:#dddddd; height: 400px; vertical-align:top; margin:0; }

.rpcontent {float: left; width:202px; vertical-align:top; background-color:#dddddd; padding-left:3px; margin: 5px 0 2px 0;}
/* *html .rpcontent {width:199px; vertical-align:top; margin: 5px 4px 5px 4px;}*/

.orgheader {float: left; width:579px; background-color:#FF9900; height:18px; margin:2px 2px 2px 2px; padding-left:4px; font-weight:bold;}
/* *html .orgheader {width:575px; margin:5px 4px 5px 2px;} 
.orgheader p {margin: 0 0 0 3px; font-weight:bold;}
*html .orgheader p {margin: 0 0 0 0px;} */

.grybgindex {float: left; width:578px; background-color:#f4f4f4; height:205px; margin:2px 2px 2px 2px; border:1px solid; border-color:#cccccc;}
/* *html .grybgindex {float: left; width:579px; background-color:#f4f4f4; height:188px; margin:4px 2px 4px 2px;} */
.whtbgindex {float: left; width:577px; background-color:#fcfcff; height:188px; border:1px solid; border-color:#e4e4e4; margin:2px;}
/* *html .whtbgindex {float: left; width:579px; background-color:#fcfcfc; height:188px; border:1px solid; border-color:#e4e4e4; margin:4px 2px 4px 2px;}*/

#bottom {float: left; margin: 0; width: 998px; background:url(material-bg.gif) repeat-y ;}

.bnavigation {float: left; margin: 5px 0 0 170px; width:588px; border-top:1px solid #000000;}
*html .bnavigation {float: left; margin: 5px 0 0 85px; width:588px; border-top:1px solid #000000;}
.bnavigation p {text-align:center; }
/**html .bnavigation p {margin: 5px 100px 0 110px;}
*html .bnavigation p { margin: 5px 0 5px 0; }*/
.bnavigation a { color:#000000; text-decoration:none;}
.bnavigation a:hover { color:#ff6600;}

.bcopywrite {float:left; width:210px; margin: 5px 10px 0 10px;}
.bcopywrite a { color:#000000; text-decoration:none;}
.bcopywrite a:hover { color:#ff6600;}
.bcopywrite p {margin: 5px 10px 0 0; }

.products {float: left; margin: 5px 15px 0 6px; text-align:center; width: 255px; }
/**html .products {width: 240px; }*/
.prdetail {float: left; margin: 0 15px 10px 6px; text-align:center; width: 255px; color:#333333; font-weight:bold; }
/**html .prdetail {width: 240px; }*/

.grybgindex1 {float: left; width:577px; background-color:#f4f4f4; height:180px; margin:4px 0 4px 1px; border:1px solid; border-color:#cccccc;}

.index1 {float: left; margin: 0 5px 2px 6px; text-align:left; width: 230px; color:#000000; font-weight:bold; }
/**html.index1 {float: left; margin: 0 5px 2px 6px; text-align:left; width: 140px; color:#000000; font-weight:bold; }*/
.index1 a { color:#000000; text-decoration:none;}
.index1 a:hover { color:#ff6600;}


.productsindextxt {float: left; font-size:10px; line-height:14px;  color:#000000; margin: 0 5px 2px 6px; text-align:justify; width: 250px; height:140px; }
.productsindextxt a { color:#000000; text-decoration:none;}
.productsindextxt a:hover { color:#ff6600;}
/**html.productsindextxt {float: left; font-size:10px; line-height:14px;  color:#000000; margin: 5px 4px 0 4px; text-align:justify; width: 140px; }
*html.productsindextxt p { margin: 0; width: 100px; }*/

.productsindextxt1 {float: left; font-size:11px; line-height:14px;  color:#000000; margin: 0 5px 2px 6px; text-align:justify; width: 255px; height:150px; }
/**html.productsindextxt {float: left; font-size:10px; line-height:14px;  color:#000000; margin: 5px 4px 0 4px; text-align:justify; width: 140px; }
*html.productsindextxt p { margin: 0; width: 100px; }*/

.alldetails {float:left; width:589px; margin:0px; vertical-align:top; }
/**html .alldetails {width:555px; margin:0px; vertical-align:top; }*/
.alldetails_main {float:left; width:550px; vertical-align:top;  padding:0 5px 0 5px;  }
/**html .alldetails {width:555px; margin:0px; vertical-align:top; }*/
.alldetailsb { width:530px; vertical-align:top;  padding:0 5px 0 5px; font-size:12px; font-weight:bold; color:#000000;   }
/**html .alldetails {width:555px; margin:0px; vertical-align:top; }*/
.alldetails1{ text-align:justify; border:1px solid  #666; padding:14px 16px 0 16px; width:530px;  margin:5px 5px 0 7px;  font-size:11px; background-color:#F5F5F5; height:60px;}
.Topalign { width:570px; margin:0px; vertical-align:top;  padding:0 35px 0 5px; }
.alldetails p {  margin: 0px; text-align:justify; padding:0 6px 0 5px; vertical-align:top;}
.alldetails a { color:#000000; text-decoration:none;}
.alldetails a:hover { color:#ff6600;}

.alldetails ul {margin: 0; padding: 0 5px 0 5px;  }
.alldetails li {  margin-left:20px;  list-style: url(../images/bullet.gif);}
/**html.alldetails li { float:left; width:555px; padding:0; margin-left:20px;  list-style: url(../images/bullet.gif); }*/

.prdimage {float: left;  border: 1px solid #cccccc; width: 158px; height: 277px; margin: 5px 18px 10px 4px;	}
.prdimage2 {float: left; clear: left; border: 1px solid #ccc; padding-left:5px; padding-right:5px; padding-bottom:5px; text-align:center; width: 200px; height: 210px; margin: 5px 10px 5px 10px;	}
/**html .prdimage {margin: 4px 5px 4px 4px;}*/

.prdimage3 {float: left;  border: 1px solid #cccccc; width: 158px; height: 277px; margin: 5px 18px 10px 4px;	}
.prdimage4{float: left;  border: 1px solid #cccccc; margin: 5px 10px 10px 4px; display:inline;	}


.prdimage-small {float: right;  border: 1px solid #cccccc; width: 206px; height: 95px; margin: 5px 5px 0px 5px; text-align:center;	}

.formfiled { float:left; width: 185px; margin:0px 3px 0px 3px; padding-left:4px; padding-bottom:4px; border:1px solid #eaeaea; } 
/**html .formfiled p {width: 185px;  margin:0px 3px 0px 3px;}*/

.formfiledsite { float:left; width: 188px; height:265px; margin:4px 2px 0px 2px; padding-bottom:4px;border:1px solid #eaeaea; font-size:10px; } 
/**html .formfiledsite p {width: 155px; margin:4px 5px 0px 5px;}*/
.formfiledsite p { text-align:left; font-size:9px;}

.formfiledmid { float:left; width: 105px;  margin:5px 3px 0px 5px; border:1px solid #eaeaea; } 
.certificateimage{ float:left; width: 280px;  margin:5px 3px 0px 5px; border:1px solid #eaeaea; } 
/**html .formfiledmid p {width: 45px;   margin:0px 3px 0px 3px;}*/


.formfiledtxt { float:left; width: 125px; margin:5px 5px 0px 5px; padding-bottom:4px; padding-left:4px; border:1px solid #eaeaea; }
/**html .formfiledtxt p {width: 125px;  margin:0px 5px 0px 5px; padding-bottom:4px;}*/

.formfiledcontact1 { float:left; width: 460px; padding-left:2px; margin:5px;  }

.oratxt { float:left; width: 589px; padding-left:2px; padding-top:10px; margin:5px; color:#FF9900; text-decoration:underline; font-weight:bold;  } 

/**html .formfiledcontact1 p {width: 179px; padding-left:4px; margin:4px 5px 5px 5px;}*/

.formfiled3 { float:left; width: 350px;margin:5px 5px 0 5px; border:1px solid #eaeaea; } 
 /**html .formfiled3 p {width: 350px; margin:5px 5px 5px 5px;}*/

.formfiledmid1 { float:left; width: 350px; padding-left:4px; margin:5px; border:1px solid #eaeaea;}
/**html .formfiledmid1 p {width: 425px; padding-left:2px; margin:5px 5px 5px 5px; line-height:16px;}*/

.formfiledmid2 { float:left; width: 370px;  margin:5px 0px 5px 5px; border:1px solid #eaeaea; } 
/**html .formfiledmid2 p {width: 370px; margin:5px 0px 5px 0px;}*/

.formfiledsmall{ float:left; width: 90px; margin:5px; border:1px solid #eaeaea; } 
/**html .formfiledsmall p {width: 70px;  margin:5 5 5 5px;}*/

.tech { float:left; width: 70px; padding:2px 5px 5px 0px; border:1px solid #eaeaea; margin:2px 5px 5px 2px; } 
/**html .tech p {width: 50px;  padding:2px 5px 5px 0px; margin:2px 5px 5px 2px;}*/

.tech-2 { float:left; width: 76px; position:relative; color:#000;  display:inline; margin:0px 0px 0px 0px; padding:5px 0 0 5px;
border-bottom:1px solid #3d3d3d; border-left:1px solid  #3d3d3d;} 

.txt {float: left; background-color:#fcfcff;  padding:5px 5px 5px 5px;}
.txt p{ color:#ffffff; padding:5px 5px 5px 5px;}
.txt a { color:#FF6600; text-decoration:none;}
.txt a:hover { color:#669933;}

.formquery { float:left; width: 165px; padding:2px 2px 2px 2px; margin:0px 2px 0px 2px;  } 
/**html .formquery p {width: 150px;  margin:0px 2px 0px 2px; padding:2 2 2 2px;}*/

.formquery-ab { float:left; width: 165px; padding:2px 2px 2px 2px; margin:0px 2px 0px 2px;  border-bottom :1px solid #eaeaea;  } 
/**html .formquery p {width: 150px;  margin:0px 2px 0px 2px; padding:2 2 2 2px;}*/

.formbox { float:left; width: 145px;  border-left:4px solid #ff6600; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; } 
/**html .formbox2 p {width: 145px;  }*/

.formbox2 { float:left; width: 460px; padding:0px 2px 0px 2px; margin:2px 2px 2px 2px; border-left:4px solid #ff6600; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; } 
/**html .formbox2 p {width: 460px;  }*/

.formbox3 { float:left; width: 190px;  border-left:4px solid #ff6600; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; } 
/**html .formbox3 p {width: 190px;  }*/


.formquery2 { float:left; width: 475px; padding:2px 2px 2px 2px; margin:0px 2px 0px 2px;  } 
/**html .formquery2 p {width: 475px; padding:2px 2px 2px 2px; margin:0px 2px 0px 2px; }*/


.formquery3 { float:left; width: 339px; padding:2px 2px 2px 2px; margin:0px 2px 0px 2px;  } 
/**html .formquery3 p {width: 325px;  }*/


.formfiled5 { float:left; width: 250px; margin:5px 3px 5px 3px; padding-left:4px; border:1px solid #eaeaea; } 
/**html .formfiled5 p {width: 250px;  margin:5px 3px 5px 3px;}*/

.quote {float: left; background-color:#fcfcff; width:580px; text-align:right;  padding:5px 5px 5px 5px;}
.quote p{ color:#fcfcfc; text-align:right; width:580px; padding:5px 5px 5px 5px;}


.new-tablecomment{
	background-color:#f9f9f9;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:575px;
	position: relative;
	margin:10px 0 10px 5px;
	float:left;
	border:1px solid #eaeaea;
	}
.new-comment2{
	
	width:135px;
	height:20px;
	position: relative;
	float:left;
	display:inline;
	padding:5px 0 0 5px;
  	border-bottom:1px solid #000;
	}
.new-comment3{
	color: #000000;
	width:131px;
	height:20px;
	position: relative;
	border-bottom:1px solid #000;
	border-right:1px solid  #000;
	float:left;
	padding:5px 0 0 5px;
}
.new-comment4{
	font-weight:bold;
	color: #3c3c3c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:150px;
	height:20px;
	float:left;
	padding:5px 0 0 5px;
	border-right:1px solid  #000;
	border-bottom:1px solid #000;
	}
.new-comment5{
	width:413px;
	height:20px;
	float:right;
	text-align:center;
	padding:5px 0 0 5px;
	border-bottom:1px solid #000;
	}
.new-comment6{
	width:135px;
	height:20px;
	position: relative;
	float:left;
	display:inline;
	padding:5px 0 0 5px;
    border-left:1px solid  #000;
	border-bottom:1px solid #000;
	}
.new-comment7{
	width:78px;
	height:20px;
	position: relative;
	float:left;
	display:inline;
	padding:5px 0 0 3px;
   	border-left:1px solid  #000;
	border-bottom:1px solid #000;
	}
.new-comment8{
	width:78px;
	height:20px;
	position: relative;
	float:left;
	display:inline;
	padding:5px 0 0 3px;
   	border-right:1px solid  #000;
}
.new-tablecomment9{
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:575px;
	position: relative;
	margin:10px 0 10px 5px;
	float:left;
	}
	/* (new table css comment create date 18/2/2010)*/
.new-comment10{
	width:100px;
	height:20px;
	float:left;
	position: relative;
	margin:0px ;
	padding-left:3px;
	padding:2px;
	display:inline;
	border-right:1px solid  #eaeaea;
	border-bottom:1px solid  #eaeaea;
	}	
 .new-comment11{ 
  float:right; 
  width: 140px;
  margin:0px ;
  height:20px;
  padding:2px;
  padding-left:5px;
  display:inline;
  position: relative;
  border-bottom:1px solid  #eaeaea;
  border-left:1px solid  #eaeaea;
} 

.new-comment12{
	
	width:275px;
	height:20px;
	position: relative;
	float:left;
	display:inline;
	padding:5px 0 0 5px;
  	border-bottom:1px solid #000;
	
	}
.table-str{
	width:395px;
	float:left;
	padding:0 2px 0 2px;
	border:1px solid #eaeaea;
	background-color:#f9f9f9;
	margin:5px 5px 0 5px;
	}
.table-single{
	width:195px;
	float:left;
	padding:0 2px 0 2px;
	border:1px solid #000;
	background-color:#f4f4f4;
	margin:5px 5px 0 5px;
	}
.table-font{
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:140px;
	height:25px;
	float:left;
	font-size:11px;
	padding:0px 0 0 5px;
	border-right:1px solid  #000;
	border-bottom:1px solid #000;
	}	
.table-font-nor{
	width:423px;
	float:right;
	padding:0px 0 0 5px;
	border-bottom:1px solid #000;
	height:25px;
	}