.menu   {  }

.parent { }

.child { width: 200px; margin: 0px; padding: 0px; margin: -30px 0px 0px 197px !important; border-width: 1px 3px 2px 1px; border-style: solid; border-color: #ccc; background-color: #fff; }
.child { font-size: 12px; color: #4a294b; text-align: left; z-index: 100; display: none; position: absolute; white-space: nowrap; }

.child li      { width: 100%; height: 30px; list-style: none; border-bottom: 1px solid #ccc; background: #fff; color: #454445; }

.child a       { height: 20px; padding: 10px 4px 0px 4px; font-size: 12px; text-transform: capitalize; display: block; overflow: hidden; }
.child a:hover { color: #000; text-decoration: none; background-color: #eaeaea; }