.demo-container {
   float: left;
   margin: auto;
   width: 210px;   
}
.clear {clear: both;}

.mega-menu ul{
    border:0;
    outline:none;
    margin:0;
    padding:0;
    list-style:none;
}

.mega-menu{
    font: bold 11px/30px Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
    line-height: 16px; 
    background: #F8E0A4;
    position: relative; /* Required */
    border:0;
    outline:none;
    margin:0;
    padding:0;
    list-style:none;

}
.mega-menu li a {
    display: block; 
    color: #fff; 
    padding: 8px 10px; 
    text-decoration: none;  
    background: #F8E0A4;
    color: #661F00;
    cursor: pointer;
    height: 17px;
    margin: 1px;    
    border: 2px solid #F8E0A4;
    border-bottom: 1px dotted #DFCD85;
    font: bold 11px Verdana;
}
.mega-menu li a:hover, .mega-menu li.mega-hover a {
    background: #FFF0D5; 
    color: #661F00; 
    border: 2px solid #DBB686;
    border-right: none;
    height: 16px; 
    margin-right: 3px; 
    z-index:10001 !important;  
}
.mega-menu li a.dc-mega {
    position: relative;
}

.mega-menu li a .dc-mega-icon {
    display: block; 
    position: absolute; 
    top: 12px; 
    right: 10px; 
    width: 6px; 
    height: 9px; 
    background: url(images/menu_arrow.png) no-repeat 0 0;
}

.mega-menu li.mega-hover a .dc-mega-icon{
    background: url(images/menu_arrow.png) no-repeat -6px 0;
}


/* Mega menu container */
.mega-menu li .sub-container {
    position: absolute; /* Required */
    background: #FFF0D5; 
    padding: 10px 10px 0 10px; 
    border: 2px solid #DAB787; 
    box-shadow: 3px 3px 5px #000;
    margin-top:-37px !important;
    margin-left:-5px !important;
    z-index:10000 !important;
    top: 25px;
}
.mega-menu li .sub-container .sub {}

.mega-menu li .sub .row {
    width: 100%; 
    overflow: hidden; /* Clear floats */
}
.mega-menu li .sub li {
    float: none; 
    width: 250px; 
    font: normal 12px Verdana;
}

.mega-menu li .sub li.is_description {
    width: 770px !important; 
}
.mega-menu li .sub li.is_description > a {
    padding-left:0 !important; 
    background: #FFF0D5 !important; 
}

.mega-menu li .sub li.mega-hdr {
    float: left; /* Required */
    margin: 5px 5px 10px 5px;
    background: url(images/separator.png) repeat-x 0px 28px; 
    padding:0;
}
.mega-menu li .sub a, .mega-menu.left li .sub a {
    background: none; 
    border: none; 
    float: none;
    color: #000; 
    padding: 7px 10px; 
    display: block;
    text-decoration: none; 
    font: normal 11px Verdana;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
    padding: 5px 5px 3px 15px; 
    margin:0;
    margin-bottom: 5px; 
    background: #FBDCA5 url(images/menu_arrow_green.png) no-repeat 6px 8px; 
    font-weight: bold; 
    color: #661F00; 
    /*border-bottom: 1px dotted #000;*/
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
    color: #000;
}   
.mega-menu .sub li.mega-hdr li a {
    padding: 4px 5px 4px 15px; 
    background: url(images/submenu_arrow.png) no-repeat 3px 7px; 
    font-weight: normal;
    margin-left:10px;
}
.mega-menu .sub li.mega-hdr li a:hover {
    color: #661F00; 
    background: #FBDCA5 url(images/submenu_arrow_over.png) no-repeat 3px 7px; 
}
.mega-menu .sub li.mega-hdr li a.green {
    background: #B5E671 url(images/submenu_arrow.png) no-repeat 3px 7px;
}

.mega-menu .sub ul li {
    padding-right: 0;
}
.mega-menu .sub ul {
   margin-top:10px;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
    padding: 10px;
}
.mega-menu li .sub-container.non-mega li {
    padding: 0; 
    margin: 0;
    width: 250px;
}
.mega-menu li .sub-container.non-mega li a {
    padding: 4px 5px 4px 15px; 
    background: url(images/submenu_arrow.png) no-repeat 3px 7px; 
    font-weight: normal;
    margin-left:10px;
}
.mega-menu li .sub-container.non-mega li a:hover {
    color: #661F00; 
    background: #FBDCA5 url(images/submenu_arrow_over.png) no-repeat 3px 7px; 
}