@import url("MbOffice.css");


.MbNavLbl
{
    text-decoration: none;
    width:100%;
    height:40px;
    color:#054c9d;
    font-weight:bold;
    font-size: 16px;
    background-color: #f2f2f2;
    -webkit-transition: 0.5s;
     padding: 0px;
     padding-top:12px;
     padding-bottom:12px;
     cursor: pointer;
}
.DepotFooter
{
    position: fixed;
    z-index:1100;
    width:100%;
    height: 50px;
    bottom:0px;
    margin:0px;
	font-weight: bold;
	background-color: #f2f2f2;
	border: 0 none;
	-webkit-text-shadow: 0 -1px 0 #000;
	-webkit-box-shadow: 0 1px 0 #666, 0 1px 0 #444, 0 2px 2px rgba(0,0,0,0.6);
	-webkit-transition: all 150ms ease;
	-webkit-transition: all 150ms ease;
    -webkit-box-shadow: 0px 0px 3px 1px #609ef3;
}
.MShopFtBar
{
    position: relative;
    width:100%;
    height:100%;
    display:block;
    padding-top:5px;
    }
.MShopFtBar a 
{
    padding: 0px 5px 5px 5px;
    width:20%;
    text-decoration: none;
    font-size: 20px;
    color: black;
    -webkit-transition: 0.3s;
    float:left;
    text-align:center;
}
.MShopFtBar a:hover
{
    background-color: #DFDFDF;
}

.MailFootBar
{
    position: relative;
    width:100%;
    height:100%;
    display:block;
    padding-top:5px;
    }
.MailFootBar a 
{
    padding: 0px 10px 5px 10px;
    width:15%;
    text-decoration: none;
    font-size: 30px;
    color: gray;
    -webkit-transition: 0.3s;
    float:left;
    text-align:center;
}
.MailFootBar a:hover
{
    background-color: #DFDFDF;
}


.ShopNavCatPn
{
    position:fixed;
    width:85%;
    margin:0px;
	font-weight: bold;
	color: #609ef3;
	left:-90%;
	z-index:900;
	background-color: #d8d8d8;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: 0.5s;
	overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
.ShopNavCatPn-container 
{
    display:inline-block;
    width:100%;
}
.SideBtnPn 
{
    position:relative;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid gray;
    padding: 14px 28px;
    margin:0px;
    font-size: 16px;
    font-weight:bold;
    cursor: pointer;
    text-align: left;
}
.SideBtnPn:hover
{
    background-color: #DFDFDF;
}
.ImagFrame
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
    
.NavCat {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #f1f1f1;
    overflow-x: hidden;
    padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
.NavCat a, .Catdropdown-btn {
    padding:  6px 0px 6px 6px;
    text-decoration: none;
    font-size: 16px;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}

/* On mouse-over */
.NavCat a:hover, .Catdropdown-btn:hover {
    color: #609ef3;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.Catdropdown-container {
    display: none;
    padding-left: 30px;
}
/* Optional: Style the caret down icon */
.fa-angle-double-down 
{
    float:right;
    padding-right: 25px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 1000px) {
    .NavCat {padding-top: 5px;}
    .NavCat a {font-size: 18px;}
}