/*toptabs tab order fix*/

/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
#content ul.toptabs{position:relative;display:block;width:100%;text-align:center;border-top:1px Solid #009DDB;}

/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
#content ul.toptabs:before{content:'';display:block;height:1px;width:100%;position:absolute;left:0px;top:50px;background-color:#009DDB;}

#content ul.toptabs > li{display:inline-block;position:static;padding:0px;margin:0px 12px;}
#content ul.toptabs > li:before{display:none;}
#content ul.toptabs > li > a:first-child{display:block;text-decoration:none;font-size:1.25rem;color:#002449;transition:all .25s ease-in-out;line-height:48px;}
#content ul.toptabs > li > .tabcontent{position:absolute;top:80px;left:0px;outline:0;width:100%;}
#content ul.toptabs table{text-align:left;}
#content ul.toptabs table ul > li:before{text-align:left;background-color:#1F2b4a;}

#content ul.toptabs > li > a:first-child.active, 

/* IDC CODE */
#content ul.toptabs > li > a:first-child:hover{text-decoration:underline;color: #004677;}

#content .overlap .wrapper ul.toptabs > li > a:first-child{color:#fff;}

/*
#content .overlap .wrapper ul.toptabs > li > a:first-child.active, #content .overlap .wrapper ul.toptabs > li > a:first-child:hover{color:#fff;}
*/

/*
body.green #content ul.toptabs li a:hover, body.green #content ul.toptabs li a.active{color:#004677;}
body.ltblue #content ul.toptabs li a:hover, body.ltblue #content ul.toptabs li a.active{color:#004677;}
body.red #content ul.toptabs li a:hover, body.red #content ul.toptabs li a.active{color:#004677;}
body.teal #content ul.toptabs li a:hover, body.teal #content ul.toptabs li a.active{color:#004677;}
body.orange #content ul.toptabs li a:hover, body.orange #content ul.toptabs li a.active{color:#004677;}
body.gold #content ul.toptabs li a:hover, body.gold #content ul.toptabs li a.active{color:#004677;}
body.berry #content ul.toptabs li a:hover, body.berry #content ul.toptabs li a.active{color:#004677;}
*/

/*sidetabs tab order fix*/
#content ul.sidetabs{position:relative;}
#content ul.sidetabs > li{margin:0px;padding:0px;position:static;}
#content ul.sidetabs > li:before{display:none;}
#content ul.sidetabs > li > a:first-child{display:block;width:33.3%;padding-right:48px;text-align:right;text-decoration:none;line-height:1.25;clear:left;transition:all .25s ease-in-out;padding:8px 48px 8px 0px;}
#content ul.sidetabs > li .tabcontent{width:66.6%;padding-left: 48px;border-left: 1px Solid #009DDB;position:absolute;top:0px;right:0px;outline:0;}

#content ul.sidetabs.enlarge > li > a:first-child{width:20%;}
#content ul.sidetabs.enlarge > li .tabcontent{width:80%;}
#content ul.sidetabs.l200 > li > a:first-child{width:210px;}
#content ul.sidetabs.l200 > li .tabcontent{width:calc((100%) - 210px);}

#content ul.sidetabs li a:hover, #content ul.sidetabs li a.active{color:#004677;font-weight:700;}


/*
body.green #content ul.sidetabs li a:hover, body.green #content ul.sidetabs li a.active{color:#004677;}
body.ltblue #content ul.sidetabs li a:hover, body.ltblue #content ul.sidetabs li a.active{color:#004677;}
body.red #content ul.sidetabs li a:hover, body.red #content ul.sidetabs li a.active{color:#004677;}
body.teal #content ul.sidetabs li a:hover, body.teal #content ul.sidetabs li a.active{color:#004677;}
body.orange #content ul.sidetabs li a:hover, body.orange #content ul.sidetabs li a.active{color:#004677;}
body.gold #content ul.sidetabs li a:hover, body.gold #content ul.sidetabs li a.active{color:#004677;}
body.berry #content ul.sidetabs li a:hover, body.berry #content ul.sidetabs li a.active{color:#004677;}
*/

/* IDC CODE - 23/4/2025 */
body.red #content ul.sidetabs .tabcontent p a:hover {color: #fff;}
body.red #content ul.sidetabs .tabcontent p a.arrow:hover {color: #004677;}
body.red #content ul.sidetabs .tabcontent p a.scrollto:hover{color: #002449;}
body.red #content ul.sidetabs .tabcontent p a.button:hover{color: #fff;}
/* IDC CODE - 23/4/2025 */

/*UNCERTAIN WHAT THIS IF FOR*/
@media (max-width: 760px) {
	/* .toptabs .tabcontent.imgright .col_three_fourth{display:block;width:100%;clear:both;float:none;}
	.toptabs .tabcontent.imgright .col_three_fourth + .col_one_fourth{display:block;width:100%;clear:both;float:none;max-width:128px;}
	#content .toptabs .tabcontent.imgright .col_one_fourth img{margin-bottom:16px;}
	#content .toptabs .tabcontent.imgright .col_one_fourth p img{margin-bottom:0px;} */
}

/*RESPONSIVE*/
@media (max-width: 800px) {
	#content ul.sidetabs > li > a:first-child{padding-right:24px;}
	#content ul.sidetabs > li .tabcontent{padding-left:24px;}
	#content ul.toptabs > li{margin:0px 8px;}

} 

@media (min-width: 700px) {
	#content ul.sidetabs > li .tabcontent.keep{display:block !important;}
	#content ul.toptabs > li .tabcontent.keep{display:block !important;}
}

@media (max-width: 700px) {
	/*TOP TABS CONVERSION*/
	#content ul.toptabs{min-height:0 !important;border:none;}
	
	#content .overlap .wrapper ul.toptabs > li > a:first-child{color:#004677;}
	
	#content ul.toptabs:before{display:none;}
	#content ul.toptabs > li{display:block;margin:0;margin-bottom:16px;}
	#content ul.toptabs > li > a:first-child{width:100%;text-align:left;padding-right:0px;}
	#content ul.toptabs > li .tabcontent{position:static;padding-left:0px;border-left:none;width:100%;}
	
	#content ul.toptabs > li > a:first-child.active, #content ul.toptabs > li > a:first-child:hover{text-decoration:unset;}
	
	#content .ltgray ul.toptabs > li > a:first-child{background-color:#fff;}

	/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
	#content ul.toptabs > li > a:first-child{border:1px Solid #009DDB;text-decoration:none;display:block;font-size:1.375rem;color:#1F2b4a;background-color:#efefef;padding:12px 16px 12px 48px;cursor:pointer;transition:all .25s ease-in-out;border-radius:2px;line-height:1.25;margin-bottom:16px;font-family:lato;}
	
	#content ul.toptabs > li > a:first-child:before{content:'+';position:absolute;height:48px;width:48px;text-align:center;display:block;margin-left:-48px;color:#1F2b4a;font-family:Montserrat;font-size:1.5rem;}
	#content ul.toptabs > li > a:first-child.active:before{content:'-';}
    
    /* IDC CODE - 24/4/2025 color change */	
	body.green #content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.ltblue #content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.red #content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.teal #content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.orange #content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.gold #content  ul.toptabs > li > a:first-child:before{color:#004677;}
	body.berry #content  ul.toptabs > li > a:first-child:before{color:#004677;}
	
	/* IDC CODE - 24/4/2025 solutions page color change */	
	body #content ul.toptabs.block >li > a:first-child:hover:before {color: #ffffff;}
	body #content ul.toptabs.block > li > a.active:first-child:before {color: #ffffff;} 
	

	
	/*SIDE TABS CONVERSION*/
	#content ul.sidetabs:not(.noaccord){min-height:0 !important;}
	#content ul.sidetabs:not(.noaccord) > li > a:first-child{width:100%;text-align:left;padding-right:0px;}
	#content ul.sidetabs:not(.noaccord) > li .tabcontent{position:static;padding-left:0px;border-left:none;width:100%;min-height:0px !important;margin-bottom:16px;padding-left:16px;padding-right:16px;}
	#content ul.sidetabs:not(.noaccord) > li .tabcontent h4:first-child{display:none;}

	#content .ltgray ul.sidetabs:not(.noaccord) > li > a:first-child{background-color:#fff;}

	/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
	#content ul.sidetabs:not(.noaccord) > li > a:first-child{border:1px Solid #009DDB;text-decoration:none;display:block;font-size:1.375rem;color:#004677;background-color:#efefef;padding:12px 16px 12px 48px;cursor:pointer;transition:all .25s ease-in-out;border-radius:2px;line-height:1.25;margin-bottom:16px;font-family:lato;}
    
	/* IDC CODE - 25/4/2025  color change */
	#content ul.sidetabs:not(.noaccord) > li > a:first-child:before{content:'+';position:absolute;height:48px;width:48px;text-align:center;display:block;margin-left:-48px;color:#004677;font-family:Montserrat;font-size:1.5rem;}
	
	#content ul.sidetabs:not(.noaccord) > li > a:first-child.active:before{content:'-';}
	
	#content ul.sidetabs.enlarge > li > a:first-child{width:100%;}
	#content ul.sidetabs.enlarge > li .tabcontent{width:100%;}
    
	/* IDC CODE commented 
	body.green #content  ul.sidetabs > li > a:first-child:before{color:#689400;}
	body.ltblue #content  ul.sidetabs > li > a:first-child:before{color:#238FBE;}
	body.red #content  ul.sidetabs > li > a:first-child:before{color:#e03c31;}
	body.teal #content  ul.sidetabs > li > a:first-child:before{color:#13958d;}
	body.orange #content .ltgray ul.sidetabs > li > a:first-child:before{color:#DB6300;}
	body.gold #content  ul.sidetabs > li > a:first-child:before{color:#9D8558;}
	body.berry #content  ul.sidetabs > li > a:first-child:before{color:#A50050;}
    */
	
	#content ul.sidetabs.noaccord{/*padding-top:32px;*/padding-top:8px;}
	#content ul.sidetabs.noaccord > li > a:first-child{position:absolute;display:inline-block;top:-28px;left:0px;width:auto;text-align:left;padding-right:0px;}
	#content ul.sidetabs.noaccord > li + li > a:first-child{left:146px;padding-right:0px;}
	#content ul.sidetabs.noaccord > li + li > a:first-child:before{content:'|';display:inline-block;margin-right:8px;color:#ddd;}
	#content ul.sidetabs.l200 > li .tabcontent{width:100%;}
	
	/* IDC - All light gray borders should be changed to 1px in size and made  #009DDB - BRIGHT BLUE. */
	#content ul.sidetabs.noaccord h3{border-top:1px Solid #009DDB;padding-top:8px;}
	
	
	/*
	body.green #content  ul.sidetabs > li > a:first-child:hover.active{color:#689400;}
	body.ltblue #content  ul.sidetabs > li > a:first-child:hover.active{color:#238FBE;}
	body.red #content  ul.sidetabs > li > a:first-child:hover.active{color:#e03c31;}
	body.teal #content  ul.sidetabs > li > a:first-child:hover.active{color:#13958d;}
	body.orange #content  ul.sidetabs > li > a:first-child:hover.active{color:#DB6300;}
	body.gold #content  ul.sidetabs > li > a:first-child:hover.active{color:#9D8558;}
	body.berry #content  ul.sidetabs > li > a:first-child:hover.active{color:#A50050;}
	body.mobile #content ul.sidetabs > li > a:first-child:hover{color:#1F2b4a !important;}
	*/
	
}

@media (max-width: 350px) {
	#content ul.sidetabs.noaccord > li > a:first-child{width:85px;padding-right:0px;}
	#content ul.sidetabs.noaccord > li + li > a:first-child{left:120px;}
	#content ul.sidetabs.noaccord > li + li > a:first-child:before{position:absolute;margin:0px;left:-24px;top:8px;}
	#content ul.sidetabs.noaccord{padding-top:28px;}
	
}