/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------

	Author:	eSolutionsGroup.ca
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* ===================================================================================== STYLES FOR ALL PAGES */


/* ===== Main Wrapper For Site ===== */


#uber {
	position: relative;
	margin: auto;
	width: 100%;
	min-width: 980px;
	background: #FFF;
	z-index: 1204;
}


/* ===== Header ===== */

#uberHeader{
	width: 100%;
	background: url(../images/structure/bg-uber-header.gif) 0 0 repeat-x;
	min-width: 980px;
	position: relative;
	z-index: 1203;
}

#header {
	margin: 0 auto;
	width: 980px;
	height: 118px;
	z-index: 1202;
}


/* ===== Search ===== */

#search {
	position: relative;
	float: right;
	display: block;
	margin: 33px 0 0 0;
	padding: 0;
	width: 300px;
	height: 32px;
	background: url(../images/structure/searchBox.gif) no-repeat 0 0;
}

#search form { display: inline; }

#search .searchText {
	position: absolute;
	padding: 0;
	top: 7px;
	left: 10px;
	border: none;
	width: 247px;
	background: transparent;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	height: 18px;
}

#search .gobutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 33px;
	height: 33px;
}


/* ===== I'd Like To ===== */

#liketoContainer{
	position: relative;
	float: left;
	width: 196px;
	height: 25px;
	padding: 7px 0 0 10px;
	margin: 33px 29px 0 0;
	background: url(../images/structure/likeToBox.gif) 0 0 no-repeat;
	z-index: 1201;
}

#liketo, #liketo ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#liketo a{
	font-size: 14px;
	line-height: 18px;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
	font-weight: normal;
}

#liketo ul{
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	padding: 0;
	background: #fff;
	z-index: 1200;
	width: 204px;
	border: 1px solid #A0A0A0;
	border-top: none;
	overflow: hidden;
}

#liketo ul li{
	padding: 3px 5px 3px 9px;
	border-top: 1px solid #EFEFEF;
}

#liketo ul li:first-child{
	border: none;
}

#liketo ul li a{
	font-size: 12px;
	display: block;
	width: 190px;
}

/* ===== Top Navigation ===== */

#topNav {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	line-height: 31px;
	height: 31px;
	width: 622px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 0px;
}

#topNavTabs{
	width: 308px;
	height: 31px;
	float: left;
	position: relative;
	z-index: 10000000;
}

#topNavTabs ul{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #d9d9d9;
}

#topNavTabs li.topNavTab{
	margin: 0;
	padding: 0;
	float: left;
}

#topNavTabs li.topNavTab a.topNavTabLink{
	display: block;
	margin: 0;
	padding: 0 5px;
	float: left;
	border-right: 1px solid #d9d9d9;
	height: 31px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	line-height: 31px;
	text-transform: uppercase;
	color: #6C6C6C;
	text-align: center;
}

#topNavTabs li.topNavTab.current a{
	background: #FFF;
	color: #333;
}

#topNavTab01 a{ width: 177px; }
#topNavTab02 a{ width: 108px; }


#topNavTabs li.topNavTab ul{
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 276px;
	border: 1px solid #d9d9d9;
	border-top: none;
	z-index: 1300;
	background: #EBEBEB;
	list-style-type: none;
	margin: 0;
	padding: 10px 10px 10px 20px;
	z-index: 1200;
	overflow: hidden;
}

#topNavTabs li.topNavTab ul li{
	margin: 0;
	padding: 5px 0 5px 20px;
	list-style-type: none;
	width: 256px;
	float: none;
	background: url(../images/structure/arrow-donate-dd.png) 0 9px no-repeat;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#topNavTabs li.topNavTab ul li a{
	color: #333;
	font-weight: normal;
}


/* ===== Logo ===== */

#logo {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 7px 213px 6px 1px;
	width: 231px;
	height: 74px;
	overflow: hidden;
}

.homepage h1 {
	margin: 0;
	padding: 0;
	font-size: 1.75em;
	font-weight: inherit;
	color: inherit;
	display:none;
}

.assistiveTech-only {
	position: absolute;
	margin: -1px 0 0 -1px;
	padding: 0;
	display: block;
	width: 1px;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
	outline: 0;
}

#logo a:focus img{ outline: 1px solid #D9D9D9; }


/* ===== Main Navigation ===== */

#uberMainNav{
	width: 100%;
	min-width: 980px;
	background: #6C6C6C;
	height: 50px;
	position: relative;
	z-index: 1001;
}

.interior #uberMainNav{
	background-image: none;
	height: 47px;
	background-color: #676767;
}

#mainNav {
	position: relative;
	margin: 0 auto;
	width: 980px;
	z-index: 1000;
}


/* ===== Main Content Container ===== */

#uberMain{
	width: 100%;
	min-width: 980px;
	background: url(../images/structure/bg-uber-main.gif) #f6f6f6 0 0 repeat-x;
	background-position: right center;
	background-repeat: no-repeat;
}

.new_homepage #uberMain{
	background: url(../images/structure/homepage_footer.jpg) #fff 0 0 repeat-x;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
}

.interior #uberMain{
	background: url(../images/structure/bg-uber-main-interior.gif) #FFF 0 0 repeat-x;
	padding: 20px 0 38px 0;
}

#main {
	position: relative;
	margin: 0 auto;
	width: 980px;
	padding: 28px 0 0 0;
}

.new_homepage #main {
	width: 94%;
	max-width: 1400px;
	padding: 0;
}

/* ===== Subfooter ===== */

#uberSubfooter{
	width: 100%;
	background: #202020;
	border-top: 1px solid #2A2A2A;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	line-height: 47px;
	font-weight: 600;
	min-width: 980px;
}

#uberSubfooter.open{
	background: url(../images/structure/bg-uber-subfooter.gif) #202020 0 0 repeat-x;
}

#subfooter{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#subfooter p{ margin: 0 !important; }

#subfooterText {
	color: #FFF;
	float: left;
	width: 220px;
	line-height: 47px;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: 600;
}

#subfooterNav {
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
	height: 47px;
	width: 630px;
	text-align: right;
	overflow: hidden;
}

#subfooterSitemapLink{
	float: left;
	width: 118px;
}

#subfooterSitemapLink a{
	display: block;
	padding: 0 50px 0 15px;
	color: #FFF;
	width: 53px;
	height: 47px;
	overflow: hidden;
	font-weight: 600;
	background: url(../images/structure/sitemap-plus-minus.gif) 81px 0 no-repeat;
}

#subfooterSitemapLink a.current{
	background-color: #202020;
	background-position: 81px -47px;
}

/* ===== Sitemap ===== */

#subfooterSitemap{
	display: none;
	clear: both;
	width: 980px;
	float: left;
	padding: 10px 0 10px 0;
}

.open #subfooterSitemap{
	display: block;
}

#subfooterSitemap ul{
	float: left;
	width: 140px;
	margin: 0 0 15px 16px;
	padding: 0 10px 0 0;
	list-style-type: none;
	overflow: hidden;
}

#subfooterSitemap ul:first-child{
	margin: 0;
}

#subfooterSitemap li{
	padding: 4px 0;
	font-size: 12px;
	line-height: 18px;
}

#subfooterSitemap li.first{
	font-size: 15px;
}

#subfooterSitemap li.first a{
	color: #FFF;
	font-weight: bold;
}

#subfooterSitemap li a{
	color: #FFF;
	font-weight: normal;
}


/* ===== Footer ===== */

#uberFooter {
	width: 100%;
	background: #2e2e2e;
	color: #FFF;
	min-width: 980px;
	padding-bottom: 15px;
}

#footer {
	margin: 0 auto;
	padding: 15px 0;
	width: 980px;
	position: relative;
	
}

#footerSocialMedia{
	clear: both;
	float: left;
	width: 700px;
}

.SocialMediaText{
	float: left;
	margin: 0 0 0 0;
}

.SocialMediaText img{
	position: relative;
	top: 10px;
	padding: 0 0 0 5px;
}
.SocialMediaText a:focus img{
	outline: 1px solid #D9D9D9;
}

#esol {
	float: left;
	margin: 18px 0px 0px 124px;
	text-align: right;
}

#esol a {
	display: block;
	width: 156px;
	height: 14px;
	font-size:0px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../en/images/structure/esolutionsgroupLogo.png) top left no-repeat;
}

#esol a:focus {
	outline: 1px solid #D9D9D9;
}

#esol img {
	display: block;
	width: 0;
}

#footerImage{
	position: absolute;
	top: -58px;
	right: 0px;
	width: 184px;
}




/* ===================================================================================== STYLES HOME PAGE */


/* ===== Banner ===== */

#uberBanner{
	position: relative;
	margin: -50px 0 0 0;
	width: 100%;
	height: auto;
	float: left;
	background: #FFF;
	min-width: 980px;
}

#homepageBannerContainer {
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}

#homepageBanner {
	/*display: none;*/ /* Display none if using rotating banners */
}


/* ===== Homepage Content ===== */

#bucketContainers{
	padding-bottom: 15px;
	float: left;
}

.homepageBucket{
	float: left;
	width: 310px;
	padding: 0 0 0 25px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	overflow: hidden;
}

.homepageBucketContent{
	width: 310px;
	height: 180px;
	line-height: 17px;
	clear: both;
	padding-bottom: 10px;
}

.bucketContent 
{
    display: none;
    height: auto !important;
    padding: 0 !important;
}

.homepageBucketContent a{
	font-weight: normal !important;
}

.homepageBucketContent a img{ outline: 1px solid #D9D9D9; }

.homepageBucket p, .homepageBucket h1, .homepageBucket h2, .homepageBucket h3, .homepageBucket h4, .homepageBucket h5, .homepageBucket h6{
	width: 289px;
	margin: 0 0 10px 0 !important;
}

#printArea .homepageBucket h1, #printArea .homepageBucket h2, #printArea .homepageBucket h3, #printArea .homepageBucket h4, #printArea .homepageBucket h5, #printArea .homepageBucket h6,
#printArea .homepageBucket h1 a, #printArea .homepageBucket h2 a, #printArea .homepageBucket h3 a, #printArea .homepageBucket h4 a, #printArea .homepageBucket h5 a, #printArea .homepageBucket h6 a,
#printArea .homepageBucket a h1, #printArea .homepageBucket a h2, #printArea .homepageBucket a h3, #printArea .homepageBucket a h4, #printArea .homepageBucket a h5, #printArea .homepageBucket a h6{
	font-size: 16px;
	line-height: 20px;
	font-weight: 600 !important;
	color: #16678a;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.ShadowLeft, .ShadowRight{
	float: left;
	width: 93px;
	height: 93px;
	padding: 5px 19px 22px 1px;
	background: url(../images/structure/bg-bucketimage-shadow.gif) left  bottom no-repeat;	
}

.ShadowRight{
	float: right;
	background-position: right  bottom;
	padding: 5px 1px 22px 19px;
}

#contentLeft {
	padding: 0;
}


/* ===================================================================================== STYLES FOR CONTENT PAGES */


/* ===== Actions and Breadcrumbs ===== */

#uberBreadcrumbs{
	background: #ececec;
}

#breadcrumbs {
	padding: 12px 0px;
	width: 980px;
	color: #555555;
	overflow: hidden;
	margin: 0 auto;
}


#actionsContainer {
	padding: 12px 0px 15px 0px;
	position: relative;
	float: right;
	width: 220px;
	z-index: 999;
}

#actions {
	position: relative;
	float: right;
	width: 220px;
	text-align: right;
	z-index: 998;
}	

#actions form { display: inline; }


/* ===== Int Banner ===== */

#bannerInt{
    background: url("../en/rotatingimages/intbannerdefaultbanner/defaultInteriorBanner.jpg") no-repeat scroll 0 0 #FFFFFF;
}

#bannerInt, #bannerInt img{
	width: 725px;
	height: 192px;
	float: right;
	overflow: hidden;
	margin-bottom: 22px;
}

.wide #bannerInt, .wide #bannerInt img{
	width: 980px;
}

/* ===== Interior Layout ===== */

#subNavContainer {
	width: 225px;
	margin-right: 30px;
	float: left;
	background: url(../images/structure/subnav-bottom.gif) left bottom no-repeat;
	padding-bottom: 13px;
	margin-bottom: 20px;
}

.mainInterior {
	background: url(../images/structure/template_content_background.gif) 0 0 repeat-y;
	padding-top: 0 !important;

}

#contentInt {
	float: left;
	padding: 0px 0 20px 0;
	width: 725px;
	overflow: hidden;		
}


/* -- This is a full width interior - used when there is no sub navigation on the page -- */

.wide #contentInt {
	width: 980px;
	background-color: #FFF; /* This hides mainInterior's bg image */		
}
.wide #subNavContainer {
	display: none;
}

/* Social Links */

#main #socialLinks ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
	#main #socialLinks li{
		margin:0px;
		padding:0px;
		float:left;
	}


/* Homepage advanced quick link dropdown */

#quickLinksContainer{
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 25px 0;
	clear: both;
	z-index: 402;
}

#quickLinksAdvanced {
	width: 980px;
	height:67px;
	position: relative;
	padding: 0;
	color: #003366;
	z-index: 401;
}

#quickLinksAdvanced a.mainQuickLink {
	font-size: 1%;
	text-indent: -9999px;
}

#quickLinksAdvanced a {
	color: #16678A;
	text-decoration: none;
	font-weight: normal;
}

#quickLinksAdvanced a:hover, #quickLinksAdvanced a:active, #quickLinksAdvanced a:focus { text-decoration: underline; }

#quickLinksAdvanced ul{
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px !important;
}

#quickLinksAdvanced li{
	margin: 0 !important;
}

#quickLinksAdvanced li {
	z-index:500;
}

#quickLink01, #quickLink02, #quickLink03, #quickLink04, #quickLink05 {
	float:left;
}

a.mainQuickLink, a.mainQuickLink:active, a.mainQuickLink:visited {
	display: block;
	width: 245px;
	height: 67px;
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 1%;
	background-image: url(../en/images/structure/quicklink_advanced.png);
	background-repeat: no-repeat;
}

#quickLink01 a.mainQuickLink { background-position: 0 0; }
#quickLink02 a.mainQuickLink { background-position: -245px 0; }
#quickLink03 a.mainQuickLink { background-position: -490px 0; }
#quickLink04 a.mainQuickLink { background-position: -735px 0;  }


#quickLink01 a.mainQuickLink:hover, #quickLink01 a.mainQuickLink:focus, #quickLink01 a.currentHover { background-position: 0 -67px; }
#quickLink02 a.mainQuickLink:hover, #quickLink02 a.mainQuickLink:focus, #quickLink02 a.currentHover { background-position: -245px -67px; }
#quickLink03 a.mainQuickLink:hover, #quickLink03 a.mainQuickLink:focus, #quickLink03 a.currentHover { background-position: -490px -67px; }
#quickLink04 a.mainQuickLink:hover, #quickLink04 a.mainQuickLink:focus, #quickLink04 a.currentHover { background-position: -735px -67px; }

#quickLink01 a.current { background-position: 0 -67px; }
#quickLink02 a.current { background-position: -245px -67px; }
#quickLink03 a.current { background-position: -490px -67px; }
#quickLink04 a.current { background-position: -735px -67px; }

.quickDropDown{
	display: none;
    position: absolute;
    bottom: 67px;
    width: 202px;
	border: 1px solid #FFF;
	border-bottom: none;
    z-index: 400;
	padding: 15px 20px;
	overflow: hidden;
	background: url(../images/structure/bg-quicklinks-dd.png) #e0e0e0 left bottom repeat-x;
}

#quickLink01 .quickDropDown{ left: 5px; width: 202px; padding: 15px 18px 15px 18px; }
#quickLink02 .quickDropDown{ left: 246px; }
#quickLink03 .quickDropDown{ left: 491px; }
#quickLink04 .quickDropDown{ left: 736px; width: 202px; padding: 15px 18px 15px 18px;}

.quickDropDown h1, .quickDropDown h2, .quickDropDown h3, .quickDropDown h4, .quickDropDown h5, .quickDropDown h6{
	color: #333;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 0 0 5px 0;
}

.quickDropDown p{
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 20px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #333;
}

/* Interior quicklinks */
#intFloatRight {
	float: right;
	width: 225px;
	overflow:hidden;
	margin-left: 20px;
	margin-bottom: 20px;
}
#intFloatRight.hide {
	display: none;
}
#bannerInt.hide {
    display: none;
}
#intQuicklinks p, #intQuicklinks ul, #intQuicklinks li {
	margin: 0 !important;
}

#intQuicklinks{
	background: url(../images/structure/intQuicklinksBody.gif) #efefef 0 bottom no-repeat;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
}

#intQuicklinks .intQuicklinksHeader {
	background: url(../images/structure/intQuicklinksHeader.gif) 0 0 no-repeat;
	height: 34px;
	padding: 9px 0 0 17px;
}
#intQuicklinks .intQuicklinksHeader p {
	color: #333;
	font-size: 18px;
	padding: 5px 0;
	margin: 0 !important;
}
#intQuicklinks .intQuicklinksBody li {
	list-style-type: none;
	padding-left: 5px;
	border-top: 1px solid #dfdfdf;
}

#intQuicklinks .intQuicklinksBody li:first-child {
	border: none;
}

#intQuicklinks .intQuicklinksBody li a {
	padding: 10px 0 10px 12px;
	display: block;
	overflow: hidden;
	font-size: 15px;
	font-weight: normal;
	color: #555;
}


/* For iCreate side only */
#toggleContent { height:25px;}

/* For Google Translate page */
#translanguages ul
{
	width:300px;
	float:left;
	margin-right:20px;
}

#translanguages.rightcolumn ul
{
	margin-left:20px;
}

#translanguages a, #translanguages a:link, #translanguages a:visited
{
	text-decoration:none;
}

#translanguages a:hover,#translanguages a:active, #translanguages a:focus
{
	text-decoration: underline;	
}

/* For the Interior wide banner at the top - remove if not applicable */
#intBanner #interiorBannerImage.hide, #intBanner #interiorBannerLink.hide
{
    display:none;
}

/* ===== Accordion Page ===== */
#accordion01, #accordion02{
	width: 480px;
	background: url(../images/structure/bg-accordion.gif) 0 0 repeat-y;
	float: left;
	margin-bottom: 15px;
}

h3.ui-accordion-header, h2.ui-accordion-header {
	padding-top: 10px;
	margin: 0 !important;
	background: url(../images/structure/bg-accordion-top.gif) 0 0 no-repeat !important;
}

.accordionH3, .accordionH2{
	display: block;
	padding: 0 17px 10px 17px;
	background: url(../images/structure/bg-accordion-bottom.gif) 0 bottom no-repeat !important;
}

.accordionH3 .arrow{
	display: block;
	background: url(../images/structure/subnav_arrow_up.png) 438px 6px no-repeat !important;
}

.accordionH2 .arrow{
	display: block;
	background: url(../images/structure/subnav_arrow_up.png) 438px 12px no-repeat !important;
}

.ui-accordion-header-active .accordionH3 .arrow{
	background: url(../images/structure/subnav_arrow_open.png) 436px 8px no-repeat !important;
}

.ui-accordion-header-active .accordionH2 .arrow{
	background: url(../images/structure/subnav_arrow_open.png) 436px 15px no-repeat !important;
}

.ui-accordion-content{
	width: 446px;
	background-color: #EFEFEF;
	padding: 10px 16px 1px 17px;
    height: auto !important;
}


/* Homepage Updates */
.homepageFlexBannerContainer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

.homepageFlexBanner {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 60%;
	        flex: 0 0 60%;
	width: 60%;
	margin-right: 7px;
	margin-bottom: 14px;
}
.homepageFlexImageContainer {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(40% - 14px);
	        flex: 0 0 calc(40% - 14px);
	width: calc(40% - 14px);
	margin-left: 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: 14px;
}
.homepageFlexText {
	padding: 25px 25px 10px;
	position: absolute;
	bottom: 8px;
	left: 0;
	z-index: 2;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.homepageFlexTextContent {
    overflow: hidden;
    color: #fff;
	font-size: 17px;
	line-height: 22px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	-webkit-backface-visibility: hidden; /* Chrome */
	font-weight: 400;
}

.homepageFlexTextContent h1, .homepageFlexTextContent h2, .homepageFlexTextContent h3, .homepageFlexTextContent h4, .homepageFlexTextContent h5, .homepageFlexTextContent h6 {
	font-weight: 300;
	color: #fff;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-size: 36px!important;
	line-height: 42px!important;
    font-weight: normal !important;
    padding: 0px !important;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px!important;
    margin-left: 0px;
}
.homepageFlexTextContent p {
	margin: 0;
}
.homepageFlexImageTop, .homepageFlexImageBottom {
	height: calc(50% - 7px);
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(50% - 7px);
	        flex: 0 0 calc(50% - 7px);
	width: 100%;
	margin-bottom: 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}
.homepageFlexImageBottom {
	margin-bottom: 0px;
	margin-top: 7px;
}
.homepageFlexImageTopLeft, .homepageFlexImageTopRight, .homepageFlexImageBottomLeft, .homepageFlexImageBottomRight {
	background: grey;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(50% - 7px);
	        flex: 0 0 calc(50% - 7px);
	width: calc(50% - 7px);
	height: 100%;
	margin-right: 14px;
	position: relative;
	cursor: pointer;
}
.homepageFlexImageTopLeft:hover .homepageFlexText, .homepageFlexImageTopLeft:focus .homepageFlexText, .homepageFlexImageTopRight:hover .homepageFlexText, .homepageFlexImageTopRight:focus .homepageFlexText,
.homepageFlexImageBottomLeft:hover .homepageFlexText, .homepageFlexImageBottomLeft:focus .homepageFlexText, .homepageFlexImageBottomRight:hover .homepageFlexText, .homepageFlexImageBottomRight:focus .homepageFlexText {
	-webkit-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	        transform: scale(1.08);
}
.homepageFlexImageTopRight, .homepageFlexImageBottomRight {
	margin-right: 0;
}

.homepageFlexImageTopLeft:after, .homepageFlexImageTopRight:after, .homepageFlexImageBottomLeft:after, .homepageFlexImageBottomRight:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), color-stop(50%, rgba(0,0,0,0)));
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 50%);
}
.homepageFlexImageTopLeft img, .homepageFlexImageTopRight img, .homepageFlexImageBottomLeft img, .homepageFlexImageBottomRight img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.homepageFlexImageTopLeft .homepageFlexTextContent h1, .homepageFlexImageTopLeft .homepageFlexTextContent h2, .homepageFlexImageTopLeft .homepageFlexTextContent h3, .homepageFlexImageTopLeft .homepageFlexTextContent h4, .homepageFlexImageTopLeft .homepageFlexTextContent h5, .homepageFlexImageBottomLeft .homepageFlexTextContent h6
.homepageFlexImageTopRight .homepageFlexTextContent h1, .homepageFlexImageTopRight .homepageFlexTextContent h2, .homepageFlexImageTopRight .homepageFlexTextContent h3, .homepageFlexImageTopRight .homepageFlexTextContent h4, .homepageFlexImageTopRight .homepageFlexTextContent h5, .homepageFlexImageTopRight .homepageFlexTextContent h6,

.homepageFlexImageBottomLeft .homepageFlexTextContent h1, .homepageFlexImageBottomLeft .homepageFlexTextContent h2, .homepageFlexImageBottomLeft .homepageFlexTextContent h3, .homepageFlexImageBottomLeft .homepageFlexTextContent h4, .homepageFlexImageBottomLeft .homepageFlexTextContent h5, .homepageFlexImageBottomLeft .homepageFlexTextContent h6
.homepageFlexImageBottomRight .homepageFlexTextContent h1, .homepageFlexImageBottomRight .homepageFlexTextContent h2, .homepageFlexImageBottomRight .homepageFlexTextContent h3, .homepageFlexImageBottomRight .homepageFlexTextContent h4, .homepageFlexImageBottomRight .homepageFlexTextContent h5, .homepageFlexImageBottomRight .homepageFlexTextContent h6{
    font-size: 30px!important;
	line-height: 36px!important;
	margin: 0 !important;
}

.ic-container-fluid {
    width: 94%;
    max-width: 1540px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 1
}


#NewQuickLinksContainer {
    width: 100%;
    overflow: hidden;
    background-color: #2D3133;
    z-index: 50
}

#NewQuickLinksContainer img {
	width:60px;
	height: 60px
}

#NewQuickLinks {
    width: 100%;
    overflow: hidden;
    margin: 3% 0
}

@media(min-width: 768px) {
    #NewQuickLinks {
        margin:1.5% 0
    }
}

@media(min-width: 992px) {
    #NewQuickLinks {
        margin:0
    }
}

@media(min-width: 768px) {
    #NewQuickLinks ul {
        display:-ms-flexbox;
        display: -webkit-box;
        display: flex
    }
}

#NewQuickLinks li {
    overflow: hidden
}

@media(min-width: 768px) {
    #NewQuickLinks li {
        -ms-flex:1 1 100%;
        -webkit-box-flex: 1;
                flex: 1 1 100%;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
    }
    .NewQuickLinksTab02 #NewQuickLinks li {
        -ms-flex: 1 1 50%;
        -webkit-box-flex: 1;
                flex: 1 1 50%;
        width: 50%
    }

    .NewQuickLinksTab03 #NewQuickLinks li {
        -ms-flex: 1 1 33.3334%;
        -webkit-box-flex: 1;
                flex: 1 1 33.3334%;
        width: 33.3334%
    }

    .NewQuickLinksTab04 #NewQuickLinks li {
        -ms-flex: 1 1 25%;
        -webkit-box-flex: 1;
                flex: 1 1 25%;
        width: 25%
    }

    .NewQuickLinksTab05 #NewQuickLinks li {
        -ms-flex: 1 1 20%;
        -webkit-box-flex: 1;
                flex: 1 1 20%;
        width: 20%
    }

    .NewQuickLinksTab06 #NewQuickLinks li {
        -ms-flex: 1 1 16.6667%;
        -webkit-box-flex: 1;
                flex: 1 1 16.6667%;
        width: 16.6667%
    }

    .NewQuickLinksTab07 #NewQuickLinks li {
        -ms-flex: 1 1 14.2858%;
        -webkit-box-flex: 1;
                flex: 1 1 14.2858%;
        width: 14.2858%
    }
}

#NewQuickLinks a {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding:90px 15px 32px;
    color: white;
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    position: relative;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

#NewQuickLinks a:hover,#NewQuickLinks a:focus {
    text-decoration: none;
    background-color: #363636
}

#NewQuickLinks a .mainNewQuickLinkImage {
    display:inline;
    position: absolute;
    top: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%)
}

#NewQuickLinks a .mainNewQuickLinkText {
    overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	margin-top:5px;
	max-height:44px;
}

.featureBoxContainer {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.featureBoxLeft, .featureBoxCentre, .featureBoxRight {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(33.3333% - 74px);
	        flex: 0 0 calc(33.3333% - 74px);
	width: calc(33.3333% - 74px);
	height: auto;
	margin: 50px 0;
	padding: 15px 25px 15px;
}
.homepageFlexBanner .bannerTextContent a{
	color: #fff !important
}
.featureBoxLeft p, .featureBoxCentre p, .featureBoxRight p {
	margin: 0;
	padding: 0;
}
.featureBoxLeft ul li a, .featureBoxCentre ul li a, .featureBoxRight ul li a {
	font-size: 17px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.featureBoxLeft ul li a {
	color: #000;
}
.featureBoxCentre ul li a {
	color: #16678A;
}
.featureBoxRight ul li a {
	color: #5D6C1B;
}
.featureBoxLeft {
	background: #FCE6D0;
}
.featureBoxCentre {
	margin-left: 36px;
	margin-right: 36px; 
	background: #EBF6FC;
}
.featureBoxRight {
	background: #f7faea;
}
.featureBoxContainer h2 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 30px !important;
	font-weight: 400;
	margin: 3px !important;
}

.featureBoxLeft ul, .featureBoxCentre ul, .featureBoxRight ul{
	list-style: none;
	margin: 0 !important;
}
.featureBoxLeft ul li, .featureBoxCentre ul li, .featureBoxRight ul li{
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 !important;
	list-style-position: inside;
    padding: 10px 0 10px 20px;
    text-indent: -11px;
}
.featureBoxLeft ul li {
	border-bottom: 1px solid rgba(247, 148, 29, 0.45);
}
.featureBoxCentre ul li{
	border-bottom: 1px solid rgba(22, 103, 138, .36);
}
.featureBoxRight ul li{
	border-bottom: 1px solid rgba(93, 108, 27, .36);
}
.featureBoxLeft ul li:last-child, .featureBoxCentre ul li:last-child, .featureBoxRight ul li:last-child{
	border-bottom: none !important;
}
.featureBoxLeft ul li::before, .featureBoxCentre ul li::before, .featureBoxRight ul li::before{
	content: "■";
	font-weight: bold;
	display: inline-block;
	font-size: 20px;
	margin-right: 10px;
}
.featureBoxLeft ul li::before{
	color: #F7941D;
}
.featureBoxCentre ul li::before{
	color: #27AAE1;
}
.featureBoxRight ul li::before{
	color: #B2D235;
}

.rtIn {
	color:#000!important;
}
.rtSelected .rtIn {
	color:#fff!important;
}