@charset "utf-8";
#navigation {font-size:25px; width:199px;้ float:left; height:607px; font-family:supermarket; margin-left:20px}
#navigation ul { margin:0px; padding:0px;}
#navigation li { list-style: none;}
ul.top-level { background: #FFF; }
ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}
#navigation a {
 color: #725245;
 cursor: pointer;
 display:block;
 height:50px;
 line-height: 25px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
}
#navigation a:hover{
 text-decoration:underline;
}
#navigation li:hover {
 background: #bda897;
 position: relative;
}

ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #999;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 180px;
    top: 0px;
}
ul.sub-level li {
    border: none;
    float:left;
    width:150px;
}



/*Second Level*/
#navigation .sub-level{
	background: #fff;
}

/*Third Level*/
#navigation .sub-level .sub-level{
	background:#09c;
}


/*RESET STYLES*/
li:hover .sub-level .sub-level{
	display:none;
}

.sub-level li:hover .sub-level{
	display:block;
}
@font-face {
    font-family: 'supermarketregular';
    src: url('../font/supermatket/supermarket-webfont.eot');
    src: url('../font/supermatket/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/supermatket/supermarket-webfont.woff') format('woff'),
         url('../font/supermatket/supermarket-webfont.ttf') format('truetype'),
         url('../font/supermatket/supermarket-webfont.svg#supermarketregular') format('svg');
    font-weight: normal;
    font-style: normal;
}