/* main navigation */

.nav {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:82px;}
.nav li.top {display:block; float:left;}
.nav li a {display:block; float:left; height:40px; width:82px; border:0px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
.nav li a b {margin-left:-999px;}

.nav li a.products {background:url(images/lk_products.jpg);}
.nav li a.veg {background:url(images/patter.jpg);}

.nav li:hover a,
.nav a:hover {background-position: 0 40px;}

.nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:0px;}

.nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.nav li:hover {position:relative; z-index:200;}
.nav a:hover {position:relative; white-space:normal; z-index:200;}

.nav :hover ul.sub
{left:0; top:40px; background: #edb; width:138px; height:auto; z-index:300;}
.nav :hover ul.sub li
{display:block; height:38px; position:relative; float:left; width:138px; font-weight:normal;}
.nav :hover ul.sub li a
{display:block; height:38px; width:138px; border:1px solid #888; border-color:#FFF #FFF #FFF #FFF; text-decoration:none; padding:0; cursor:pointer;}
.nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

.nav :hover ul li a.food {background:url(images/lk_food.jpg);}
.nav :hover ul li a.feeds {background:url(images/lk_feeds.jpg);}
.nav :hover ul li a.chemical {background:url(images/lk_chemical.jpg);}
.nav :hover ul li a.cleaning {background:url(images/lk_cleaning.jpg);}
.nav :hover ul li a.mission {background:url(images/lk_mission.jpg);}
.nav :hover ul li a.core {background:url(images/lk_core.jpg);}
.nav :hover ul li a.office {background:url(images/lk_office.jpg);}
.nav :hover ul li a.warehouse {background:url(images/lk_warehouse.jpg);}
.nav :hover ul li a.staff {background:url(images/lk_staff.jpg);}

.nav :hover ul.sub li a:hover 
{background-position: 0 -38px; position:relative;}


