I may still need for someone to complete this job as the programmer selected has not produced the menu yet. Are you still interested?
Here is the project scope:
The site in reference can be found here: [url removed, login to view]
Overview from client:
Here is an example we found and we like similar to this.
[url removed, login to view]
If you go to Research Tab, you see when you take the cursor there, two sub-menus appears in the same box, with smaller text. When you click on one of the sub-menus (say Pipeline) it becomes bold and only then the page associated with Pipeline opens. We would like to have that same effect. So, in our case, when viewer hovers over Order Center, it will expand to accommodate two sub-menus with appropriate demarcation lines and bullets (please see the attached picture). And then when viewer clicks one of the sub-menus, it takes to the appropriate page. Once viewer moves cursor away from Order Center, or click other menus, the sub-menus should disappear.
All three text (Order Center, How to Place an order and Sales Terms& Conditions) in the expanded menu box should be separated by demarcation lines as shown in the Picture. The demarcation line below Order Center Text would be slightly thicker than the other one separating the sub-menus. The area of the sub-menu should be narrower than the area of Order Center.