Hi,
I don’t know what position you want to change.
– To change menu item when mouse hover (Ex:Discussion Board)
.ja-megamenu ul.level0 li.mega a.mega.over {
background: url(../../images/grad-03.gif) left bottom repeat-x; <-- change image
margin: 0 -1px 0;
padding-top: 14px;
border: 1px solid #938781;
border-bottom: 0;
}
– To change 2nd menu background
.ja-megamenu .childcontent-inner {
background: #584E48 url(../../images/menu-bg01.gif) repeat-x left top; <-- change image
border: 1px solid #938781;
box-shadow: 0 0 2px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .8);
margin-top: -1px;
margin-left: -1px;
}