Primary Links/Top Menu Issues

For making Top menu items visible properly, add display:none in below class of your stylesheet:

.top-menu .title
so that it appears like this
.top-menu .title{
visibility:hidden;
display:none;
}

and replace

.top-menu ul.menu {
margin:0;
margin-top:-10px;
float:right;
}

with

.top-menu ul.menu {
margin:0;
margin-top:10px;
float:right;
}

To get the associated images on primary links, replace below classes of your style sheet with updated css:

ul#navlist li {
display:block;
float:left;
margin-right:4px;
background:url(images/pro_drop4_0b.jpg) right top;
padding:0px;
}
ul#navlist li a {
display:block;
float:left;
height:29px;
line-height:29px;
color:#fff;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding:0 6px 0 6px;
cursor:pointer;
background: url(images/pro_drop4_0a.jpg) no-repeat;
}

Updated CSS

ul#navlist li {
background:transparent url(images/pro_drop4_0a.gif) no-repeat scroll 0 0;
display:block;
float:left;
margin-right:4px;
padding:0 0 0 5px;
}
ul#navlist li a {
background:url(images/pro_drop4_0b.gif) repeat scroll right top;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:29px;
line-height:29px;
padding:0 6px 0 0px ;
text-decoration:none;
}

This should fix the problem.

Yes indeed,

That fixed the problem :)

Thanks!

Jim