#menu {
width: 137px; /* set width of menu */
background: #6d0e12;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #886d02 #765f02 #bc964b;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000;
background: #fff;
}

#menu a {
color: #5f0e14;
background: #b89247;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu ul li.buy a:link, #menu ul li.buy a:visited{
	background-color:#ffcc66;
	background-image:none;
}

#menu ul li.buy a:hover{
	background-color:#fff;
	background-image:none;
}

.sign-up-btn a, .sign-up-btn a:visited{
	width:125px; height:auto;
	float:left; font-size:12px;font: bold 11px/16px arial, helvetica, sans-serif;tion: background-color 0.15s ease-in-out 0s;
	 border: 1px solid #000;
	 background-color: #6d0e12;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28);
    margin-top:10px; padding:5px;
    color:#fff; text-decoration:none;
}

.sign-up-btn a:hover{
	background-color:#a12b30;
}