html{
    height:100%
}

body {
   font-family:"Calibri";
                font-size:1.2em;
                height:100%;
                margin:0px;
                overflow: hidden;
}

.NavigationArea{
   position: absolute;
   width:100%
}

.ContentArea{
   height:100%
}


.ComTitle{
    margin-top:5px; margin-left:5px;color:white;font-size:15px
}

.LogoHeaderImg{
    width:25px !important
}
#UserAccountArea{
    display:none
}
#headerNavigation{
    width:100%;height:45px;
}
#megaStore {
                /*max-width: 600px;*/
                width:100%;
                /*margin: 30px auto;*/
                /*padding-top: 120px;*/
                 margin:0px;
                font-family:"Calibri";
                font-size:20px;
                height:20%;
                margin:0px
            }

#menu{
    border-style:none;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

#menu h2 {
    font-size: 1em;
    text-transform: uppercase;
    padding: 5px 10px;
}

.removeDisableImpact{
    color:white !important;
    opacity:1 !important;
}
           
.removeBorderRightLine{
    border-style:none !important
}

.imgRemoveMargin{
    margin:0px !important;
    
}

.removeUnderLine{
    text-decoration:none
}

.removeBorderStyle{
    border-style:none !important
}

#PageName{
    border-style:none;
}

.floatRight{
    float:right !important;
}


.menuIcon{
    
}
#Navigation {
    background-color:rgb(242,242,242);

}

.LHalfBox{
     height:100%;width:50%;float:left;
}

.RHalfBox {
    height: 100%;
    width: 50%;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
}

.LHalfBoxFirst{
     height:70%;width:100%;
}

.LHalfBoxSecond{
    height:30%;width:100%;text-align:center; color:white
}

.NavigationSubItem{
   
    position: relative;
    
    color:#4d4d4d
}

.NavigationSubTitle{
    color:#4d4d4d;background-color:rgb(255,255,255); border-style:none;
}

.NavigationSubItem:hover span{
    color:white;
    background-color: #4d4d4d;
    transition: background .2s linear, color .2s linear;
    -moz-transition: background .2s linear, color .2s linear;
    -webkit-transition: background .2s linear, color .2s linear;
    -o-transition: background .2s linear, color .2s linear;
}


#NavigationPanel{
    width:320px;
    background-color:rgb(74,74,74);
    border-width:0px;
    color:white;
    overflow:hidden;
}
#NavigationPanel:hover{
    overflow:auto;
}


#NavigationPanel .PanelHome{
    color:white;
    font-size:15px;
    border-color: #9fc5e4;
    text-decoration:none;
    border-bottom-width: 2px!important;
    border-bottom-style: solid;
}

#NavigationPanelList{
    margin-top:10px;
    border-style:none
}

.NavigationPanelItem{
    width:80px;
    height: 90px;
    float:left;
    text-align: center;
    text-align: -webkit-center;
    background-color:rgb(120,120,120);
    margin-top:10px;
    margin-left:10px;
    padding: 10px 5px 10px 5px;
}

.NavigationPanelItem:hover{
    background-color:rgb(1,67,121);
}

.NavigationPanelItemImg{
    width:40px;
    

}

.NavigationPanelItemImg img{
    width:40px;
}

.NavigationPanelItemName{
    width:80px;
    height:20px;
    font-size:15px;
    color:white
}
.NavigationPanelItemName span{
    width: 80px;
    white-space: pre-wrap;
}