.contentSection {
    width: 100%;
    clear: both;
    overflow: hidden;
}

#estabServices,
#estabList{
    width: 50%;
    float: left;
}

#estabContactDetails{
    width: calc(50% - 15px);
    float: left;
    padding-right: 15px;
}

#wrapper #estaContactUs li {
    padding-bottom: 10px;
}

#wrapper .socialLinks a,
.socialLinks a,
.socialLinks a:hover,
#wrapper .socialLinks a:hover 
{
    padding: 0 5px;
}

#estabMap {
    width: 50%;
    float: left;
    padding-top: 20px;
}

/*Additional info styles*/
#estabAdditionalInfo ul {
    list-style: disc;
    list-style-position: inside;
}

#estabAdditionalInfo ol {
    list-style: decimal;
    list-style-position: inside;
}

/*pop up styles*/

.estabPopup {
    padding: 5px;
    overflow: hidden;
}
#wrapper .estabPopup li{
    padding-bottom: 0;
}

.estabContact{
	float: left;
    margin-right: 5px;
}

.publicnotes{
	width: 100%;
	clear: both;
}




/*This is needed because the services are included on the page as a fly out in mobile as well as being in a pop up on desktop*/
#estaContactUs .mobileflyout .popup, .flyout, .closeFlyout{display:none;}
#estaContactUs .mobileflyout .flyout, .mobile-only .closeFlyout{display:block;}

/*Some reason the :not selector does not work on the flyouts - working round with specifitiy */
.servicePopup.estab.themeDialog { padding: 0 5px;}
.servicePopup.estab.themeDialog table { margin-left: 10px;}
.mobileflyout .servicePopup.estab.themeDialog { padding: 0;}
.mobileflyout .servicePopup.estab.themeDialog table { margin-left: 0px;}


a.closeFlyout {
    float: right;
}

a.popup.themeActionButton,
a.popup.themeActionButton:hover,
a.popup.themeActionButton:focus {
    float: left;
    display: block;
    width: 100px;
    cursor: pointer;
    clear: both;
    margin-top: 20px;
}


.info {
    float: left;
    width: 300px;
    padding: 5px 15px;    
}

#mapContainer {
    float: right;
    margin-right: 5px;
    width: 400px;
    height: 400px;
}

.servicePopup td:first-child {
    	width: 110px;
	}

body.signed-in.weebleAdmin #mapContainer{
    width: 385px;
    height: 385px;
}

#mapContainer #entryMapCanvas {
	/*overide for web component*/
    width: 400px!important;
    height: 400px!important;
}

body.signed-in.weebleAdmin #mapContainer #entryMapCanvas{
	/*overide for web component - weeble admin*/
    width: 385px!important;
    height: 385px!important;
}

body.defaultTheme #estabMap #entryMapCanvas {
    /*overide for web component*/
	width: 100%;
}
 #entryMapCanvas form{
 	display: none;
 }

.displayAddressValue{
	display: none;	
}
.mobileflyoutInfo{
	display: none;
}

a.emailAddr, a.websiteAddr {
    width: 100%;
    display: block;
}

a.closeFlyout {
    cursor: pointer;
}


@media all and (min-width: 768px){
	.servicePopup {
	    padding: 5px;
	    overflow: hidden;
	}

	.servicePopup td{
	    padding: 0 5px;
	}
}

@media all and (max-width:767px){
    #estabServices,#estabList,#estabContactDetails {
        width: 100%;
        float: left;
    }

    #entryMapCanvas{
        display:none;
    }
    
	a.emailAddr, a.websiteAddr {
		float: left;
		width: 33px;
		margin-right: 5px;
	}
	
	a.flyout.email {
    	width: 33px;
	}
	
	td.email {
    	vertical-align: middle;
	}
	
}