@charset "utf-8";
/* CSS Document */

#navwrap {position:relative; margin-top:-50px;  }

#nav { background-image:url(../images/productsbg.gif); border-left:#252525 solid 1px; 
border-right:#363535 solid 1px;
border-bottom:#363535 solid 1px;
border-left:#363535 solid 1px;
padding:0 0 0 0; margin:0; height:43px; width:814px; }

#navbg { background-color:#000; position:absolute; z-index:-1; width:818px; height:46px; margin-top:-45px; margin-left:-1px; }

#nav div {background-image:none; margin-left:-9999px; width:816px; z-index:10; height:0; top:44px; background:#1a1a1a; overflow:hidden;}
#nav ul {padding:0; margin:0; list-style:none; }
#nav table {border-collapse:collapse; padding:0; margin:-1px -10px; width:0; height:0;}

#nav li {background-image:none; float:left; margin-left:6px; }
#nav li a { font-weight:normal; display:block; float:left; height:44px; line-height:40px; text-decoration:none; font-family:georgia, serif; font-size:16px; text-decoration:none; color:#fff; padding:0 10px 0 0; }
#nav li a b { font-weight:normal; display:block; float:left; height:35px; padding:0 0 0 10px; }

#nav div {left:10px; height:220px; position:absolute; overflow:auto; padding:0; background:#242424; border:20px solid #242424; border-width:24px 0;}
#nav div ul.w1 { padding:0; margin-left:19px; list-style:none; width:816px;  }
#nav ul.w2 { padding:0; margin:0; list-style:none; width:816px;}

#nav div ul li {float:left; background-color:#242424; width:320px; padding-left:10px; padding-right:65px; margin-left:-5px;}
#nav div ul li p {
	width:100px; text-align:left middle; color:#fff; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px; color:#fff; background-color:#333; height:80px; width:180px; margin-left:175px; margin-top:-0px;
	padding:10px; font-style:italic; 
}
#nav div ul li h2 {
	margin:0 auto;
	display:inline;
}

#nav div ul li i.product { font-style:italic; font-style:normal; }
#nav div ul li i.extra { font-size:12px; color:#999; font-style:normal; }
#nav div ul li i.more { font-size:16px; color:#38c4ff; font-style:normal; }
 
#nav div ul li a {border:0; background:#1a1a1a; padding:0; height:auto; }
#nav div ul li a img {display:block; border:0; float:left; height:100px; width:160px; }

#nav li a:hover { color:#c00; border:0;}
#nav li a:hover b {background-color:#eee; color:#c00; cursor:pointer;}

#nav li:hover > a { color:#38c4ff;}
#nav li:hover > a b {background-color:#1a1a1a; background-image:url(../images/productsbg.gif); color:#38c4ff;}
#nav li:active > a b {background-color:#1a1a1a; color:#38c4ff;}



#nav :hover div {  margin-left:0; height:310px; position:absolute; left:0; overflow:hidden; padding:0; overflow-x:hidden; overflow-y:auto; width:814px;
border-left:#353535 solid 1px;
border-right:#111 solid 1px;
border-bottom:#202020 solid 1px; 
}

#nav div {
			scrollbar-3dlight-color:#7F7F7F;
           scrollbar-arrow-color:#FF1493;
           scrollbar-base-color:#7F7F7F;
           scrollbar-track-color:#333;
           scrollbar-darkshadow-color:#7F7F7F;
           scrollbar-face-color:#7F7F7F;
           scrollbar-highlight-color:#7F7F7F;
           scrollbar-shadow-color:#7F7F7F
} 

abc {
	color:#060;
}


/*

<div id="navwrap">
		<ul id="nav">
			<li><a href="#"><b>Soybeans</b></a><!--[if gte IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div>
            
				<ul class="w1">
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG" /></a><h2><p>Soybeans foodgrade<br />
	<i class="extra">GMO, NON-GMO and Organic</i><br /><i class="more">More info</i></p></h2></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Dehulled soybeans<br />
	<i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Defatted soy flour<br />
	<i class="extra">(toasted/untoasted)</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Defatted soy flakes<br />
	<i class="extra">(toasted/untoasted)</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Full fat soy flour<br />
	<i class="extra">(enzyme active/enzyme inactive)</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Liquid soy lecithin<br />
	<i class="more">More info</i></p></li>
    				<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Isolated soy protein<br />
	<i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Soy grids<br />
	<i class="more">More info</i></p></li>
                    <li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Soy fiber<br />
	<i class="more">More info</i></p></li>
                    <li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>TVP/TSP<br />
	<i class="more">More info</i></p></li>
    
				</ul>
			</div>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
			<li><a href="#"><b>Feed ingredients</b></a><!--[if gte IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div>
				<ul class="w1">
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Soybean meal<br />
	<i class="extra">GMO, NON-GMO and Organic</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Dehulled hipro soybean meal<br />
	<i class="extra">48% min. protein guaranteed</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian rapeseed extraction meal<br />
	<i class="extra">48% min. protein guaranteed</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian groundnut (peanut) meal<br />
	<i class="extra">36-38% min. profat</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian corn gluten meal<br />
	<i class="extra">40-45% min. profat</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Defatted soy flour feed grade<br />
	<i class="extra">50-52% min. protein</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Full fat soy flour feed grade<br />
	<i class="extra">50-52% min. protein</i><br /><i class="more">More info</i></p></li>
                    <li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian cotton cake<br />
	<i class="extra">25-27% min. protein</i><br /><i class="more">More info</i></p></li>
                    <li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian yellow corn flakes<br />
	<i class="more">More info</i></p></li>
                    <li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian sorgum<br />
	<i class="more">More info</i></p></li>
                    <li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian barley<br />
	<i class="more">More info</i></p></li>
                    <li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian compound cattle feed<br />
	<i class="extra">18% min. protein</i><br /><i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Indian fish meal<br />
	<i class="more">More info</i></p></li>
				</ul>
			</div>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
			<li><a href="dropdown.html"><b>Maize (corn)</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div>
				<ul class="w1">
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Maize starch<br />
	<i class="extra">Food grade, pharma grade, native (industrial) grade</i><br /><i class="more">More info</i></p></li>	
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Liquid glucose<br />
	<i class="extra">(Glucose syrup/corn syrup) </i><br /><i class="more">More info</i></p></li>	
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Dextrose monohydrate<br />
	<i class="extra">(Glucose Powder)</i><br /><i class="more">More info</i></p></li>	
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Malto dextrin <br />
	<i class="more">More info</i></p></li>	
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Yellow/white dextrin <br />
	<i class="extra">Food grade, pharma grade, native (industrial) grade</i><br /><i class="more">More info</i></p></li>	
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Liquid sorbitol 70% solution<br />
	<i class="extra">(Crystallising/non crystallising)</i><br /><i class="more">More info</i></p></li>	

				</ul>
			</div>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
			<li><a href="flyout.html"><b>Ethyl alcohol (ethanol)</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div>
				<ul class="w1">
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Anhydrous ethanol<br />
					<i class="more">More info</i></p></li>
            </ul>
			</div>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
			</li>
            <li><a href="contact.html"><b>Brazilian sugar</b></a><!--[if gte IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div>
				<ul class="w1">
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Brown sugar<br />
	<i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>White sugar<br />
	<i class="more">More info</i></p></li>
    			</ul>
			</div>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		  </li>
			<li class="last"><a href="contact.html"><b>Glycerin</b></a><!--[if gte IE 7]><!--></a><!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<div>
				<ul class="w1">
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Crude glycerin<br />
	<i class="more">More info</i></p></li>
					<li><a href="#url"><img alt="nopic" src="images/nopicture.JPG"/></a><p>Refined glycerin<br />
	<i class="more">More info</i></p></li>
    			</ul>
			</div>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		  </li>
		</ul>
	</div>
	
*/


