html,body{
    width:100%;
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color:#333;
    background-color: #fff;
}        
#wrapExcludeFooter{
    min-height:calc(100vh - 200px);
    min-width:700px;
}
.containerTopbar {
	position: relative;
    width: 100%;
    z-index: 9010;
}            
#containerBreadcrumbs{
    padding-left:20px;
    padding-bottom: 10px;
    font-size:0.9em;

}

#containerBreadcrumbs a{
    color: #666;
}
.containerMain{
    width:100%;
    padding-left:10px;
    padding-right:10px;
}
.containerMainEdgeToEdge{
    width:100%;
}
.containerMainLeft{
    width:250px;
    float:left;
    padding-right:20px;
}
.containerMainRight{            
    float:left;
    width:calc(100% - 260px);
    min-width:450px;
} 
        
        
/*Footer*/       
.containerFooter {
    position:relative;
    width:100%;
    min-width:700px;
    min-height:300px;
    background-color:#4c5258;
    color:#EEE;    
    font-size:0.8em;  
    line-height:1.8em; 
    margin-top:20px;
}

.containerFooter a{
    color:#EEE;
    text-decoration:none;
}

.containerFooter a:hover{
    color:#808080;
    text-decoration:underline;
}

.containerFooter > div.containerColumns{
    overflow:auto;
    padding-bottom:80px;
}

.containerFooter > div.containerColumns > .wrapperColumn {
    float:left; 
    width:25%;                              
}
.containerFooter > div.containerColumns > .wrapperColumn h4 {
    font-size:1.1em;
    border-bottom:1px solid #FFF;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.containerFooter > div.containerColumns > .wrapperColumn > .column {
    padding:0 20px 20px 0; 
    margin:20px 20px 20px 0; 
    border-right:1px solid #FFF; 
    box-sizing: content-box;      
}
.containerFooter > div.containerColumns > div.wrapperColumn:first-child .column {
    padding:0 20px 20px 10px; 
    margin:20px 20px 20px 10px;
}
.containerFooter > div.containerColumns > div.wrapperColumn:last-child .column {
    padding:0 10px 20px 0; 
    margin:20px 20px 20px 0; 
    border-right:none; 
}

.containerFooter .socialMediaIcons{
    margin-right:5px;
}

.containerFooter .containerCopyright{
    position:absolute; 
    bottom:0; 
    min-height:50px; 
    width:100%; 
    clear:both; 
    padding:10px; 
    margin-top:10px; 
    border-top:1px solid #FFF;
    text-align:center; 
}
.containerFooter .containerCopyright .containerb2b {
    font-size:150%;
    margin-bottom:10px;
} 
/*END Footer*/

/*Expandable panels*/
.panHeader {
    border-bottom:1px solid #ccc;
    padding:10px;
    cursor:pointer;
}
.panHeader:hover {
    background-color:#EEE;
}
.panHeader h4 {
    display: inline-block;
}
.panHeader.hide {
    border-bottom:none;
}
.panContent{
    clear:both;
    padding:10px;           
}
.panHeader.show + .panContent{
    display:block;
}
.panHeader.hide + .panContent{
    display:none;
}     
.panHeader span.chevron{
    display:inline-block;
    float:right;
    width:20px;
    height:20px;
    font-size:30px;
    line-height:12px;
    text-align:center;
}
.panHeader.show span.chevron{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.panHeader.hide span.chevron{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*END Expandable panels*/