/* ------------------------------------------------------------ */
/* Element Formatting */
/* ------------------------------------------------------------ */

/* ----- Main Menu Categories and Sitepages ----- */

.Menu {
    float: left;
    list-style: none;
    padding-bottom: 30px;
}

.Menu li {
    float: left;
    display: block;
    width: 171px;
}

#Left-Menu-Texts {
    background-image: url(https://images.esellerpro.com/2650/images/objects/left-menu-texts.jpg);
    float: left;
    width: 168px;
    height: 173px;
}

.Menu li.Header {
    width: 175px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-bottom: 5px;
}

.Menu li.Header.All-Categories {
    background-image: url(https://images.esellerpro.com/2650/images/objects/all-categories.jpg);
}

.Menu li.Header.All-Brands {
    background-image: url(https://images.esellerpro.com/2650/images/objects/all-brands.jpg);
}

.Menu li.Header.Store-Pages {
    background-image: url(https://images.esellerpro.com/2650/images/objects/store-pages.jpg);
}

.Menu li.Header h2 {
    display:none;
}

.Menu li.topcat a {
    padding: 5px 5px 5px 0;
    display: block;
}

.Menu li.subcat a {
    padding: 3px 5px 3px 10px;
    display: block;
}

.Menu li ul li.subcat a {
    padding: 3px 5px 3px 20px;
    display: block;
    font-weight: bold;
}

.Menu li ul li ul li.subcat a {
    padding: 3px 5px 3px 30px;
    display: block;
    font-weight: bold;
}

.Menu li.sitepage a {
    padding: 5px 5px 5px 0;
    display: block;
    font-weight: bold;
}

/* ------- Menu Block ---------- */

.Menu-Block{
    float: left;
    width: 171px;
    margin: 10px 0 0 0;
}

.Menu-Block-Header{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;

    background-color: #333333;
}

.Menu-Block-Content{
    float: left;
    width: 169px;

    background-color: #ffffff;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
}

.Menu-Block-Base{
    float: left;
    width: 100%;
    height: 0px;

    border-bottom: 1px solid #333333;
}

/*** Menu Block styles ***/

.Menu-Block-Content p{
    padding: 5px 10px 0 10px;
}

.Menu-Block-Content ul{
    list-style: none;
    margin: 0 10px 0 10px;
}

.Menu-Block-Content ul li{
    margin: 5px 0 0 0;
}

/* ------------------------------------------------------------ */
/* Elements Colours */
/* ------------------------------------------------------------ */

/* ----- Main Menu Categories and Sitepages ----- */

.Menu h2 { color: #353533;}

.Menu li.topcat a { color: #696868; }
.Menu li.topcat a:hover { color: #696868; }

.Menu li.subcat a { color: #696868; }
.Menu li.subcat a:hover { color: #696868; }	

.Menu li.sitepage a { color: #696868; }
.Menu li.sitepage a:hover { color: #696868; }

/* ------- Menu Block ---------- */

.Menu-Block-Header h2 { color: #ffffff; }

/* ------------------------------------------------------------ */
/* Font Formatting */
/* ------------------------------------------------------------ */

/* ----- Main Menu Categories and Sitepages ----- */

.Menu h2 { font-size: 0.75em; }

.Menu a {
    text-decoration: none;
}

.Menu li.topcat a {
    font-size: 0.8em;
    font-weight: bold;
}
.Menu li.topcat a:hover { text-decoration: underline; }
.Menu li.topcat .Selected-1, .Menu li.topcat .Open-1 { font-weight: bold; }

.Menu li.subcat a {
    font-size: 0.8em;
}
.Menu li.subcat a:hover { text-decoration: underline; }
.Menu li.subcat .Selected-1, .Menu li.subcat .Open-1 { font-weight: bold; }

.Menu li.sitepage a {
    font-size: 0.8em;
}
.Menu li.sitepage a:hover { text-decoration: underline; }
.Menu li.sitepage .Selected-1, .Menu li.sitepage .Open-1 { font-weight: bold; }

/* ------- Menu Block ---------- */

.Menu-Block-Header h2{ font-size: 0.95em; text-indent: 10px; }

.Menu-Block-Content{ font-size: 0.75em; }
