body         { font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; 
               font-family: Verdana; background:url("images/bg.gif"); }

td		  	   { font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; 
    	         font-family: Arial,Tahoma; }

td.rattan 	   { font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; 
    	         font-family: Arial,Tahoma; color: white; }    	         

p	         { font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; 
               font-family: Tahoma, Arial; line-height:150%; text-align:justify; color:#585858;}
               
p.home       { font-style: normal; font-variant: normal; font-weight: normal; font-size: 9pt; 
               font-family: Tahoma, Arial; line-height:150%; text-align:justify; color:#696969;}
               
              
p.contact  	 { font-style: normal; font-variant: normal; font-weight: normal; font-size: 8pt; 
              font-family: Tahoma, Arial; line-height:150%; text-align:justify; color:#646464; }


p.hproduct 	 { font-style: normal; font-variant: normal; font-weight: normal; font-size: 8pt; 
              font-family: Tahoma, Arial; line-height:150%; text-align:center; color:#273f04; }
                            
h1           { font-size: 22pt; font-family: Times New Roman; font-variant: normal; 
               line-height: 100%; color: #CC3300; font-style: italic; 
               font-weight: bold; margin-top: 0; margin-bottom: 0; padding-left:30px; padding-top:10px; padding-bottom:10px }
h2           { font-size: 14pt; font-family: Arial; font-style: normal; font-variant: normal; 
               font-weight: bold; line-height: 100%; color: #CC3300; 
               margin-top: 20 }
h3           { font-size: 12pt; font-family: Arial; font-variant: normal; line-height: 100%; 
               color: #000000; font-weight: bold; font-style:italic }
h4           { font-size: 10pt; font-family: Arial; font-style: normal; font-variant: normal; 
               font-weight: bold; line-height: 100%; color: #000000 }
h5           { font-size: 10pt; font-family: Verdana; font-style: normal; font-variant: 
               normal; font-weight: bold; color: #FFFFFF; background-color: 
               #000000; margin-top: 0; margin-bottom: 0; padding-left: 2; 
               padding-bottom: 2 }
h6           { font-size: 10pt; color: #CC3300; font-weight: bold; margin-top: 1px; 
               margin-bottom: 1px; font-style:italic;  }
DT,dl,dd     { font-size: 12pt; font-weight: bold; margin-left:0; margin-right:0; padding-left:0 }
a:link       { font-size: 8pt; color: #646464; font-weight: normal; text-decoration:none; }
a:visited    { font-size: 8pt; color: #646464; font-weight: normal; text-decoration:none;}
A:active     { font-size: 8pt; color: #646464; font-weight: normal; text-decoration:none; }
a:hover      { font-size: 8pt; color: #659B19; text-decoration:underline;  }

a:link.contact       { font-size: 8pt; color: #646464; font-weight: normal; text-decoration:none; }
a:visited.contact    { font-size: 8pt; color: #646464; font-weight: normal; text-decoration:none;}
a:active.contact     { font-size: 8pt; color: #646464; font-weight: normal; text-decoration:none; }
a:hover.contact      { font-size: 8pt; color: #659B19; font-weight: normal; text-decoration:underline;  }

a:link.products       { font-size: 8pt; color: #000100; font-weight: normal; text-decoration:none; font-family:Tahoma; height:9px; 
					background:url(images/icon.gif) no-repeat left center; display:block; text-indent:8px; margin-left:10px; line-height:9px;}
a:visited.products    { font-size: 8pt; color: #000100; font-weight: normal; text-decoration:none; font-family:Tahoma;  height:9px; 
					background:url(images/icon.gif) no-repeat left center; display:block; text-indent:8px; margin-left:10px; line-height:9px;}
A:active.products     { font-size: 8pt; color: #000100; font-weight: normal; text-decoration:none; font-family:Tahoma;  height:9px; 
					background:url(images/icon.gif) no-repeat left center; display:block; text-indent:8px; margin-left:10px; line-height:9px;}
a:hover.products      { font-size: 8pt; color: #5F9000; font-weight: normal; text-decoration:none; font-family:Tahoma;  height:9px; 
					background:url(images/icon.gif) no-repeat left center; display:block; text-indent:8px; margin-left:10px; line-height:9px;}

a:link.news       { font-size: 8pt; color: #000100; font-weight: normal; text-decoration:none; font-family:Tahoma;line-height:158%}
a:visited.news    { font-size: 8pt; color: #000100; font-weight: normal; text-decoration:none; font-family:Tahoma;line-height:150%}
A:active.news     { font-size: 8pt; color: #000100; font-weight: normal; text-decoration:none; font-family:Tahoma;line-height:150%}
a:hover.news      { font-size: 8pt; color: #5F9000; font-weight: normal; text-decoration:none; font-family:Tahoma;line-height:150%}

a:link.rproduct       { font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma; color: white; }
a:visited.rproduct    { font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma; color: white;}
A:active.rproduct     { font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma; color: white; }
a:hover.rproduct      { font-style: normal; font-variant: normal; text-decoration:none;font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma;  color: #C9E081;}


a:link.rattan       { font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma; color: 65584B; }
a:visited.rattan    { font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma; color: 65584B;}
A:active.rattan     { font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma; color: 65584B; }
a:hover.rattan      { font-style: normal; font-variant: normal; text-decoration:none;font-weight: bold; font-size: 10pt; font-family: Arial,Tahoma;  color: #30271B;}


a img {	border: none; }

a   { outline: none; }		

#home { display: block; height: 42px; width: 79px; text-indent: -9999px; overflow: hidden; background: url(images/home.png) no-repeat 0 -43px; }
#home:hover { background: url(images/home.png) no-repeat 0 1px; 
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

#profile { display: block; height: 42px; width: 85px; text-indent: -9999px; overflow: hidden; background: url(images/profile.png) no-repeat 0 -43px; }
#profile:hover { background: url(images/profile.png) no-repeat 0 1px; 
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

#rattan { display: block; height: 42px; width: 83px; text-indent: -9999px; overflow: hidden; background: url(images/rattan.png) no-repeat 0 -43px; }
#rattan:hover { background: url(images/rattan.png) no-repeat 0 1px; 
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

#water { display: block; height: 42px; width: 138px; text-indent: -9999px; overflow: hidden; background: url(images/waterhyacinth.png) no-repeat 0 -43px; }
#water:hover { background: url(images/waterhyacinth.png) no-repeat 0 1px; 
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

#newitems { display: block; height: 42px; width: 107px; text-indent: -9999px; overflow: hidden; background: url(images/newitems.png) no-repeat 0 -43px; }
#newitems:hover { background: url(images/newitems.png) no-repeat 0 1px; 
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

#contactus { display: block; height: 42px; width: 107px; text-indent: -9999px; overflow: hidden; background: url(images/contactus.png) no-repeat 0 -43px; }
#contactus:hover { background: url(images/contactus.png) no-repeat 0 1px; 
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

ul           { font-size: 8pt; margin-bottom: 10; list-style-type:square; margin-left:18;}
blockquote   { margin-left: 15px; margin-right: 10px; text-align:left}

img			{border:none;}
.img-l		{margin-right:5px;}


.form {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	
	background: url(images/form-field.gif) top left repeat-x;
	border: 1px dotted #D2E84C;
	background:#FFFFFF;
	padding: 1px;
	color: #000000;
	
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	}

.form-btn-submit {
	width:80px;
	height:26px;
	overflow:hidden;
	border:0;
	background:url(images/submit.gif) no-repeat 0 0;
	/*display:block;*/
	cursor:pointer !important; cursor:hand;
}
.form-btn-submit:hover {
	background:url(images/submit.gif) no-repeat 0 0;
	background-position:0 -26px;
}
.form-btn-reset {
	width:80px;
	height:26px;
	overflow:hidden;
	border:0;
	background:url(images/reset.gif) no-repeat 0 0;
	/*display:block;*/
	cursor:pointer !important; cursor:hand;
}
.form-btn-reset:hover {
	background:url(images/reset.gif) no-repeat 0 0;
	background-position:0 -26px;
}