.boxshadow { -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.1); -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.1); box-shadow:2px 2px 3px rgba(0,0,0,0.1); } #mainMenu > .item { position:relative; font-size:12px;} #mainMenu > .item > span { display:block; position:absolute; } #mainMenu > .item > span.last { display:block; position:absolute; margin-top: -27px; margin-left: 135px; width: 3px; height: 27px; background: #404040;} /* main menu + wrapper */ #mainMenu { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; } #mainMenu > li { list-style: none; float:left; margin-right: 1px; width: 135px; z-index: 1; } #mainMenu > li > a { display:block; text-decoration:none; color:#fff; background-color: #404040; font-size:1.2em; padding:5px; text-align: center; z-index: 1; } #mainMenu > li > a:hover, #mainMenu > li:hover > a { background: #E7DD61; color:#000; text-align: center; z-index: 1; } #mainMenu > li > ul { margin-left: -1px; padding:0; display:none; z-index:50 !important; position:absolute; width:190px; background:#EFEFEF; border-top:1px solid #00794A; border-bottom:1px solid #00794A; border-left:1px solid #00794A; border-right:1px solid #00794A; } #mainMenu > li > ul > li { list-style: none; background:url(../artwork/bullet.png) 12px 12px no-repeat; } #mainMenu > li > ul > li > span { display:none; } #mainMenu > li > ul > li > a { display:block; text-decoration:none; font-size:12px; line-height:27px; color:#000; text-align: left; border-top:1px solid #f0f0f0; border-bottom:1px solid #00794A; padding-left:28px; word-wrap:break-word; } #mainMenu > li > ul > li > a:hover { background:#f7f7f7 url(../artwork/bullet.png) 12px 12px no-repeat; line-height:27px; color:#00794E; text-align: left; text-decoration:none; } #mainMenu > li:hover > ul { display:block; }