/*  OVERALL MENU */

.pf-cssmenu-supermarket {
    float: left;
    line-height: 30px;
    list-style-type: none;
    margin: 0;
    text-align: left;
    width: 100%;
}


/* UNORDERED LIST ITEMS (GROUP OF SUB LEVEL) */
.pf-cssmenu-supermarket ul {
    clear: both;
    display: none;
    list-style-type: none;
    margin-top: 60px;
    padding: 0;
    width: 200px;
}

/* LIST ITEMS OF MENU (ALL MAIN MENU ITEMS WITHOUT SUB NAVIGATION) */

.pf-cssmenu-supermarket li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}


/* MAIN MENU ITEMS */

.pf-cssmenu-supermarket a:link,
.pf-cssmenu-supermarket a:visited {
    _ float: left;
    padding: 0px 20px;
    display: block;
    height: 30px;
    color: #f1eee5;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}


/* SUB CAPITON (if applicable) */

.pf-cssmenu-supermarket .menu-sub-caption {
    height:12px;
}


/* ACTIVE MENU ITEMS (not compatible with IE 6) */

.pf-cssmenu-supermarket a.item-on {
    color:#FFF;
}


/* HOVER OVER MAIN MENU ITEMS */

.pf-cssmenu-supermarket a:hover,
.pf-cssmenu-supermarket a:active {
    color: #f1eee5;

}

/* SUB LEVEL MENU ITEMS */

.pf-cssmenu-supermarket .lev2 a:link,
.pf-cssmenu-supermarket .lev2 a:visited {

    * width:130px;  /* IE6 fix - sets width of submenu item to the width of "li.lev1 li" minus any padding applied to these anchors */
}

/* HOVER OVER SUB LEVEL MENU ITEMS */

.pf-cssmenu-supermarket .lev2 a:hover,
.pf-cssmenu-supermarket .lev2 a:active {
    * width:130px;  /* IE6 fix - sets width of submenu item to the width of "li.lev1 li" minus any padding applied to these anchors */
color:#9ab13c;
}

/* LIST ITEM HOVER ON UNORDERED LISTS (NOTHING TO EDIT) */

.pf-cssmenu-supermarket li:hover > ul {
    position: absolute;
    display: block;
}


/* HOVER OVER ON MAIN MENU ITEM BLOCKS (a:hover, a:active takes precendence) */

.pf-cssmenu-supermarket li.lev1:hover {
    height: auto;
    background-image: url("/templates/custom/supermarket/images/menu-tab.png");
background-repeat:no-repeat;
height:91px;
    /* if you need to use two images for a rollover effect this may help */
}



/*  MENU ITEMS WITH SUBNAV */
.pf-cssmenu-supermarket li.sub-lev1 {
}

.pf-cssmenu-supermarket .lev2 a.sub {
    background:transparent url(/menus-css/images/menu-right-arrow.png) no-repeat;
    background-position: right center;
    * background:none; /* removes arrows from IE due to lack of transparency support bug that hasn't been resolved */
}

.pf-cssmenu-supermarket li.lev1 {
    display: block;
    float: left;
    height: 91px;
    padding-top: 40px;
    text-align: center;
    width: 114px;
}


/* SUB NAVIGATION MENU ITEMS WITH SUBNAVIGATION */

.pf-cssmenu-supermarket .lev2 a.sub {

}


/* SUB NAVIGATION */

.pf-cssmenu-supermarket li.lev1 li {
    float: left;
    clear: left;
    width: 200px;

background-image: url("/templates/custom/supermarket/images/dropdownbg.png");
height:33px;
}
.pf-cssmenu-supermarket li.lev1 li.last {
    width: 222px;
padding-left:22px;
     background-image: url("/templates/custom/supermarket/images/dropdownlast.png");
height:70px;position:relative;
left:-22px;
}

/* SUB NAVIGATION'S SUB NAVIGATION MARGINS */
.pf-cssmenu-supermarket .lev2 ul {
    margin: -28px 0px 0px 150px;
    * margin: 0px 0px 0px 0px;
    _ margin: -28px 0px 0px 150px;
    display: none;
    position: absolute;

}

/* SUB NAVIGATION ITEM MARGINS */

.pf-cssmenu-supermarket .lev2 li {
    * margin: 0px 0px -1px 0px;text-align:left;
}

.pf-cssmenu-supermarket ul.active_sub_menu {
    display: block;
}