Style 10 (Lawn Green) – Menu by Apycom.com

<!–

* { margin:0;
padding:0;
}
body {
background:#222;
overflow:hidden;
margin: 0px;
}
#table {
width: 860px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
div#menu {
top:40px;
left:0px;
width:100%;
background:transparent url(images/header_bg.gif) repeat-x 0 0;
}#menu {
position:relative;
z-index:100;
height:43px;
}
#menu .menu {
position:absolute;
padding-left: 40px;
background: url(images/header.gif) right top no-repeat;
}
#menu * {
list-style:none;
border:0;
padding:0;
margin:0;
}
#menu a {
display:block;
padding:15px 14px 14px 14px;
white-space:nowrap;
}
#menu li {
float:left;
background:#fff;
}
#menu li li {
float:none;
}
#menu div {
visibility:hidden;
position:absolute;
background:url(images/pix.gif);
}
#menu div div {
margin:-35px 0 0 -1px;
left:100%;
}
#menu div div div {
margin:-35px 0 0 -1px;
left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
text-decoration:none;
color:#ffffff;/*1*/
position:relative;
z-index:77;
}
#menu a:hover {
background:url(images/header.gif) left -43px repeat-x;
color:#FFF;
}
#menu a:hover span { color:#FFF; }
#menu li.current a {
background: transparent url(images/header_active.gif) repeat-x;
color:#3C4955;
}
#menu li.current span {
color:#3C4955;
}
#menu>ul>li:hover>a {
background:url(images/header.gif) left -43px repeat-x;
color:#CACFD3;
}
#menu>ul>li:hover>a span { color:#FFF; }
#menu span {
text-transform:uppercase;
font:9px ‘Lucida Grande’,'Lucida Sans Unicode’,Arial,Verdana,sans-serif;
letter-spacing:0.3em;
text-decoration:none;
color:#ffffff;
}
#menu li { background: url(images/header.gif) left top no-repeat;}
/* menu::level >= 2 */
#menu ul ul {width: 150px;}
#menu li li{
background:#64A13C;
border-bottom:1px solid #95E459;}
#menu li li a {
position:static;
background:#64A13C;
white-space:normal;
text-align: center;
color:#FFF;
padding:0;
text-transform:none;
width: 100%;
}
#menu li.current li a {
background: none;
color:#FFF;
}
#menu li.current li span {
color:#FFF;
}
#menu li li a:hover { background:#71DB23; }
#menu li li a span { color:#fff; line-height: 15px; padding: 10px; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span{background:transparent url(images/arrow.gif) no-repeat scroll right 50%; z-index:10; }

#menu li li span {
display:block;
text-transform:none;
padding:0px 25px 0px 0px;
font-size:11px;
letter-spacing: 0;
}
–>

Home

Sub Item 1

Sub Item 1.1

Sub Item 1.1.1
Sub Item 1.1.2

Sub Item 1.2
Sub Item 1.3
Sub Item 1.4
Sub Item 1.5
Sub Item 1.6

Sub Item 1.7

Sub Item 1.7.1
Sub Item 1.7.2

Sub Item 2
Sub Item 3

Product Info

Sub Item 1

Sub Item 1.1

Sub Item 1.2

Sub Item 2

Sub Item 2.1

Sub Item 2.2

Sub Item 3
Sub Item 4
Sub Item 5

Sub Item 6
Sub Item 7

Help
Contacts

By : Bali Villas Rental

Please keep this up to date.

How can I mark a menu as “selected”?
So if I click on a menu, let’s say, “Services”, when the page is displayed, I want to mark menu item Services as selected, custom color…
I’m using the plugin and the css listed above, everithing is ok, but I didn’t find any way to do the select option.

Thank you,
Alex