#mega li .nav {
border-radius:6px;
padding:1px;
cursor:pointer;
}

#mega li #bytype {background: url(arrowDown.png) no-repeat  202px 7px;}
#mega li:hover #bytype, #mega li.active #bytype {background:url(arrowDownBlack.png) no-repeat 202px 7px #fff;}
#mega li #bytype.selected {background: white url(arrowUp.png) no-repeat 202px 7px;color:black;}


#mega li #kits1 {background: url(arrowDown.png) no-repeat  156px 7px;}
#mega li:hover #kits1, #mega li.active #kits1 {background:url(arrowDownBlack.png) no-repeat 156px 7px #fff;}
#mega li #kits1.selected {background: white url(arrowUp.png) no-repeat 156px 7px;color:black;}

#mega li #accessories1 {background: url(arrowDown.png) no-repeat  156px 7px;}
#mega li:hover #accessories1, #mega li.active #accessories1 {background:url(arrowDownBlack.png) no-repeat 156px 7px #fff;}
#mega li #accessories1.selected {background: white url(arrowUp.png) no-repeat 156px 7px;color:black;}

/* width of menu and position */
#menubytype       {margin-left:202px;width:200px}
#menukits1        {width:320px;margin-left:660px;}
#menuaccessories1 {width:320px;margin-left:462px;}



.menu { 
position:absolute;
background:#fafafa;
z-index:999;border:1px solid grey;
font-size:14px;
padding:25px;
padding-top:0px;
clear:both;
text-align:left;
border:0;
border-radius:0px 0px 8px 8px;
box-shadow:0 1px 8px #999;
display:none;
width:77 0px;
margin-left:61px;
} 

table.menu1 tr td { 
 font-size: 14px;
}

.menu p {
margin-top:25px;
}
.menu b {
clear:both;color: black;
width:200px;
}
.menu a { color: #fa7403;
    margin-right:20px;
    text-decoration:none;
    padding:3px 9px 3px 9px;
}
.menu a:hover { 
    color: white; 
    background-color:#fa7403; 
    border-radius:6px;
    -webkit-transition: color .1s, background-color .1s;
    transition: color .1s, background-color .1s;
    padding:3px 9px 3px 9px;
}