#cssmenu {
height : 37px;
width : 990px;
display : block;
padding : 0;
margin : 0;
border : solid 1px;
border-radius : 5px;
}
#cssmenu > ul {
list-style : none inside;
padding : 0;
margin : 0;
}
#cssmenu > ul > li {
list-style : none inside;
padding : 0;
margin : 0;
float : left;
display : block;
position : relative;
}
#cssmenu > ul > li > a {
outline : none;
display : block;
position : relative;
padding : 12px 15px;
font : bold 13px/100% Arial, Helvetica, sans-serif;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu > ul > li:first-child > a {
border-radius : 5px 0 0 5px;
}
#cssmenu > ul > li > a:after {
content : '';
position : absolute;
border-right : 1px solid;
top : -1px;
bottom : -1px;
right : -2px;
z-index : 99;
}
#cssmenu ul li.has-sub:hover > a:after {
top : 0;
bottom : 0;
}
#cssmenu > ul > li.has-sub > a:before {
content : '';
position : absolute;
top : 18px;
right : 5px;
border : transparent solid 5px;
border-top : 5px solid #fff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
top : 19px;
}
#cssmenu ul li.has-sub:hover > a {
background : #3f3f3f;
border-color : #3f3f3f;
padding-bottom : 13px;
padding-top : 13px;
top : -1px;
z-index : 999;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
display : block;
}
#cssmenu ul li.has-sub > a:hover {
background : #3f3f3f;
border-color : #3f3f3f;
}
#cssmenu ul li > ul, #cssmenu ul li > div {
display : none;
width : auto;
position : absolute;
top : 38px;
padding : 10px 0;
background : #3f3f3f;
border-radius : 0 0 5px 5px;
z-index : 999;
}
#cssmenu ul li > ul {
width : 150px;
}
#cssmenu ul li > ul li {
display : block;
list-style : none inside;
padding : 0;
margin : 0;
position : relative;
}
#cssmenu ul li > ul li a {
outline : none;
display : block;
position : relative;
margin : 0;
padding : 8px 20px;
font : 10pt Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
text-shadow : 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu {
border-color : #000;
}
#cssmenu > ul > li > a {
border-right : 1px solid #000;
color : #fff;
}
#cssmenu > ul > li > a:after {
border-color : #444;
}
#cssmenu > ul > li > a:hover {
background : #111;
}