/*
	jQuery.mmenu tileview extension CSS
*/
.mm-menu.mm-tileview .mm-listview:after,
.mm-menu .mm-tileview.mm-listview:after
{
    display: block;
    clear: both; 

    content: '';
}

.mm-menu.mm-tileview .mm-listview > li,
.mm-menu .mm-tileview.mm-listview > li
{
    position: relative; 

    float: right;

    width: 50%;
    height: 0;
    padding: 50% 0 0 0;
}
.mm-menu.mm-tileview .mm-listview > li:after,
.mm-menu .mm-tileview.mm-listview > li:after
{
    z-index: -1; 
    top: 0;
    right: 0;

    border-left-width: 1px;
    border-left-style: solid;
}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xs,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs
{
    width: 12.5%;
    padding-top: 12.5%;
}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-s,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-s
{
    width: 25%;
    padding-top: 25%;
}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-l,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-l
{
    width: 75%;
    padding-top: 75%;
}
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xl,
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl
{
    width: 100%;
    padding-top: 100%;
}
.mm-menu.mm-tileview .mm-listview > li > a,
.mm-menu.mm-tileview .mm-listview > li > span,
.mm-menu .mm-tileview.mm-listview > li > a,
.mm-menu .mm-tileview.mm-listview > li > span
{
    line-height: 1px;

    position: absolute;
    top: 0;
    right: 0; 
    bottom: 1px;
    left: 1px;

    margin: 0;
    padding: 50% 10px 0 10px;

    text-align: center;
}
.mm-menu.mm-tileview .mm-listview > li > .mm-next,
.mm-menu .mm-tileview.mm-listview > li > .mm-next
{
    width: auto;
}
.mm-menu.mm-tileview .mm-listview > li > .mm-next:before,
.mm-menu.mm-tileview .mm-listview > li > .mm-next:after,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:before,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:after
{
    display: none; 

    content: none;
}

.mm-menu.mm-tileview .mm-panel
{
    padding-right: 0;
    padding-left: 0;
}
.mm-menu.mm-tileview .mm-panel:after
{
    display: none; 

    content: none;
}

.mm-menu.mm-tileview .mm-listview
{
    margin: 0;
}