/**
 * @file
 * Navigation Styling
 */

/*
 * Markup generated by theme_menu_tree().
 */
ul li.expanded {
    list-style-image: url(../images/menu-expanded.png);
    list-style-type: circle;
}

ul li.collapsed {
    list-style-image: url(../images/menu-collapsed.png); /* LTR */
    list-style-type: disc;
}

ul li.leaf {
    list-style-image: url(../images/menu-leaf.png);
    list-style-type: square;
}


/*
 * The active item in a Drupal menu
 */
li a.active {
    color: #000;
}

/*
 * Navigation bar
 */
#navigation {
    /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation .content ul /* Menu block links */  {
    margin: 0;
    padding: 0;
    text-align: left; /* LTR */
}

#navigation ul.links li, /* A simple method to get navigation links to appear in one line. */
#navigation .content li {
    float: left; /* LTR */
    padding: 0 10px 0 0; /* LTR */
    list-style-type: none;
    list-style-image: none;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */
#main-menu {
}

#secondary-menu {
    /*float: left;*/
    /* LTR */
    font-size: 10px;
}

/*
 * Menu blocks
 */
.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.block-menu-block {
}

/*----------- MAIN MENU -----------*/
div#block-system-main-menu > ul.menu {
    display: block;
    float: left;
    margin-left: 124px;
    height: 37px;
    text-align: center;
}

div#block-system-main-menu > ul.menu > li,
div#block-system-main-menu > ul.menu > li:hover {
    float: left;
    display: block;
    list-style-type: none;
    height: 33px;
    background: url('/sites/all/themes/martineng_v1/images/nav-divider.png') no-repeat top left;
    text-align: center;
    width: 134px;
    /*padding-top:8px;*/
    padding-top: 0px;
    margin-top: 0px;
}

div#block-system-main-menu > ul.menu > li > a,
div#block-system-main-menu > ul.menu > li > span,
div#block-system-main-menu > ul.menu > li > a:hover {
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 13px;
    width: 134px;
    /*height: 25px;*/
    display: block;
    padding-top: 8px;
}

div#block-system-main-menu > ul.menu > li > a:hover {
    background: url("../images/nav-bg-on.png") repeat-x 0 0 transparent;
}

div#block-system-main-menu ul.menu li:hover ul.menu {
    display: block;

}

div#block-system-main-menu > ul.menu > li:last-child a {
    /*flags*/
    padding-top: 5px;
}


header .region-header>div.block {
    margin: 0px 0px 5px 0px;
}

/*----------- MAIN MENU -----------*/
div#block-system-main-menu {
    background: url("../images/nav-bg.png") repeat-x scroll 0 0 transparent;
    height: 33px;
    text-align: left;
    width: 960px;
    z-index: 100;
    margin: 0px;
}

/*-------------LEVEL 1 -----------*/
div#block-system-main-menu #flag{
    padding:5px 0;
}
div#block-system-main-menu > ul.menu {
    display: block;
    float: left;
    margin-left: 124px;
    height: 37px;
    text-align: center;
    z-index: 101;
    position: absolute;
}

div#block-system-main-menu > ul.menu > li {
    float: left;
    display: inline;
    list-style-type: none;
    height: 33px;
    background: url('../images/nav-divider.png') no-repeat top left;
    text-align: center;
    width: 134px;
    text-transform: uppercase;
    z-index: 102;
}

div#block-system-main-menu > ul.menu > li:hover {
    background: url("../images/nav-bg-on.png") repeat-x 0 0 transparent;
}

div#block-system-main-menu > ul.menu > li.main-menu-li-over {
    background: url("../images/nav-bg-on.png") repeat-x 0 0 transparent;
}

div#block-system-main-menu>ul.menu>li>a,
div#block-system-main-menu>ul.menu>li > span,
div#block-system-main-menu>ul.menu>li>a:hover,
div#block-system-main-menu>ul.menu>li>a:focus {
    color: #fff;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size:13px;
/*    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
  */  text-decoration: none;
    font-weight: bold;

}

div#block-system-main-menu>ul.menu>li>a:hover,
div#block-system-main-menu>ul.menu>li>a:focus {
    background: url('../images/nav-divider.png') no-repeat top left;
}

/*---------------------- LEVEL 2-------------------*/
div#block-system-main-menu ul.menu li ul.menu {
    display: none;
    height: auto;
}

/*---------------------- LEVEL 3-------------------*/
div#block-system-main-menu > ul.menu > li > ul.menu > li {
    float: left;
    list-style-type: none;
    list-style-image: none;
    text-align: left;
    padding-bottom: 26px;
    margin-right: 10px;
    width:180px;
}
div#block-system-main-menu > ul.menu > li > ul.menu > li:nth-child(3n+1){
    clear:left
}

div#block-system-main-menu > ul.menu > li > ul.menu {
    display: none;
    position: absolute;
    top:33px;
    min-width: 570px;
    padding: 20px 26px 0px 26px;
    background-color: #fff;
    border: 4px solid #f15922;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 12px;
    color: #3d3d3d;
    display: none;
    z-index: 103;

}

div#block-system-main-menu > ul.menu > li > ul.menu a,
div#block-system-main-menu > ul.menu > li > ul.menu span {
    font-size: 14px;
    font-weight: bold;
    color: #f15922;
    text-decoration: none;
    text-transform: initial;
}

div#block-system-main-menu > ul.menu > li > ul.menu a:hover {
    text-decoration: underline;
}

div#block-system-main-menu > ul.menu > li > ul.menu ul.menu li a,
div#block-system-main-menu > ul.menu > li > ul.menu ul.menu li {
    margin-top: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #3d3d3d;
    list-style-image: none;
    list-style-type: none;
    width: 180px;
    text-align: left;
}

div#block-system-main-menu > ul.menu > li > ul.menu ul.menu img {
    width: 25px;
    height: auto;
    float: left;
    margin-right: 10px;
}



div#block-system-main-menu ul.menu li:hover ul.menu ul {
    padding: 0;
}

/*account links*/
.account-links {
    position: absolute;
    right: 10px;
    top: 0px;
}

.account-links a {
    display: inline-block;
    text-decoration: none;
    padding: 0 5px;
    color:#545454;
}

.account-links a::before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
}

.account-links #account-out {
    display: inline-block;
    color:#545454;
}
.account-links #account-out:hover{
    color:#f15922;
}
/*.account-links #account-out::before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 130%;
    display: inline-block;
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAADIElEQVQ4EZVUz0sbQRR+b7MxtV4UKU1RMCmUIjlIycWbOYgQECFRUU+CPYi0F/0HevFUQaR4KdiDgtrSQAKWBirSHL3VS8DQg0uhoLYxKW2iJtmZfhuz6+aHYgYm7833vTcz+958IWpijI6O7obD4Ud3SWF7EBJXmXlGSpkVQkxHo9FdO49NRxRFWQCv2fFaH/wb1QRDoVAfNn1hrGFbHQ7Ha7jPTL6Ca7AD4AfseAM/ppggbvLA9Cu2dk26rv+oiblxaW2M6/fURLmDwaDLjsVisSzi/tqxm3xr47Ozs00E/bQFrsTj8Uvb2nSPTafGZnDoPuY6+pOyapxIJC7QnFcoyRrIdLFYXKpJJPD9qO998J9gU7Ap2EOUKIVGn9rjrY2R1I2gpwYJK1VVDfh8vmgymSyYCcBPsVkScw/TgNtg/cD9yDfDCDfe4UAgoHZ2di6CnAfTYrFwkKQBn41EIl9MfHh4uMvlcvUCL5mY3SJHLRQKB8ambxE0YydNH7gH/uexsbFBbJ6AT9g0BHwZ7pCJGbgxoIMlcHOYfhXX3sCb3cJJZbFgXbbA2MSQY29YHngOcXWNBf4PsTmn01k0DrrzyE55d3+Fe5qXdGbSu4rrzjBTFq2Zbt8+qpI0+BFwCyxJu+02UoprSWcmvH1KRdJIakXr6iSNYmkKQc5Mt0paCr6WNEuulnDtGqfxuWxe0qRUS5pJur8HqUrSHTHNKFFzks4cy028eUvS8FeexKmu8+iB/YVYpZYkM3j4+5jrOkORFgMnO+l9jje4hvqmL4h8D7ePTux8esLT72Algq/5hoNTqHVKEB0WLvMpd/SksaTT4a5uBJYljWpKlxSB5DhFfR/JkrSjJE7JyUnBcg+xxmiD8bvutfozU54yYPyw0Hf4a4DUZ+7HiwiYR3CdpEnSbPuHI0vSv8e7u1Ru6ZWKaChpFoqaP7844Oyk5x2z0lDS5StIqQuSgx3vtYSx/jPhfUkKLwsphkysHIcflHIJl5srlsivSp02yFHaIqFefZzjStok8CdXkbmuXzdMMOdR45zQZYPGGpJWck5RKv4H7yVi7Jz9yOMAAAAASUVORK5CYII=);
}*/

.account-links #account-cart {
    display: inline-block;
    color:#545454;
}
.account-links #account-cart a{
    color:#545454;
}
.account-links #account-cart:hover{
    color:#f15922;
}
/*.account-links #account-cart::before {
    content: '';
    width: 20px;
    height: 20px;
    background-size: 130%;
    display: inline-block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAADIElEQVQ4EZVUz0sbQRR+b7MxtV4UKU1RMCmUIjlIycWbOYgQECFRUU+CPYi0F/0HevFUQaR4KdiDgtrSQAKWBirSHL3VS8DQg0uhoLYxKW2iJtmZfhuz6+aHYgYm7833vTcz+958IWpijI6O7obD4Ud3SWF7EBJXmXlGSpkVQkxHo9FdO49NRxRFWQCv2fFaH/wb1QRDoVAfNn1hrGFbHQ7Ha7jPTL6Ca7AD4AfseAM/ppggbvLA9Cu2dk26rv+oiblxaW2M6/fURLmDwaDLjsVisSzi/tqxm3xr47Ozs00E/bQFrsTj8Uvb2nSPTafGZnDoPuY6+pOyapxIJC7QnFcoyRrIdLFYXKpJJPD9qO998J9gU7Ap2EOUKIVGn9rjrY2R1I2gpwYJK1VVDfh8vmgymSyYCcBPsVkScw/TgNtg/cD9yDfDCDfe4UAgoHZ2di6CnAfTYrFwkKQBn41EIl9MfHh4uMvlcvUCL5mY3SJHLRQKB8ambxE0YydNH7gH/uexsbFBbJ6AT9g0BHwZ7pCJGbgxoIMlcHOYfhXX3sCb3cJJZbFgXbbA2MSQY29YHngOcXWNBf4PsTmn01k0DrrzyE55d3+Fe5qXdGbSu4rrzjBTFq2Zbt8+qpI0+BFwCyxJu+02UoprSWcmvH1KRdJIakXr6iSNYmkKQc5Mt0paCr6WNEuulnDtGqfxuWxe0qRUS5pJur8HqUrSHTHNKFFzks4cy028eUvS8FeexKmu8+iB/YVYpZYkM3j4+5jrOkORFgMnO+l9jje4hvqmL4h8D7ePTux8esLT72Algq/5hoNTqHVKEB0WLvMpd/SksaTT4a5uBJYljWpKlxSB5DhFfR/JkrSjJE7JyUnBcg+xxmiD8bvutfozU54yYPyw0Hf4a4DUZ+7HiwiYR3CdpEnSbPuHI0vSv8e7u1Ru6ZWKaChpFoqaP7844Oyk5x2z0lDS5StIqQuSgx3vtYSx/jPhfUkKLwsphkysHIcflHIJl5srlsivSp02yFHaIqFefZzjStok8CdXkbmuXzdMMOdR45zQZYPGGpJWck5RKv4H7yVi7Jz9yOMAAAAASUVORK5CYII=);
}*/
