/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700); /* font-family: 'Lato', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700); /* font-family: 'Oswald', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400italic); /* font-family: 'PT Serif', serif; */


/* HTML TAG RE-DEFINITIONS -------------------------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	outline:none; 
		
	/* NO HIGHLIGHT ON TAP - ANDROID (NOT THE DESKTOP BROWSERS) */ 432
	
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}	

input[type="text"], textarea {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

#pp_full_res iframe {
	overflow: auto !important;
}

button::-moz-focus-inner {
  border: 0;
}

.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
	max-width:100% !important;
}


/* HTML ------------------------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
	font-size:1em;
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%; 
	min-height:100%; 
	position:relative;
}

body{
	font-family:'Lato', sans-serif;
	font-size: 16px;
	color:#4e5156;
	height:100%;
	background:url(../../templates/current/images/body_bgr.jpg);
	line-height:140%;
}

body.noscroll {
	position: fixed;
	overflow-y: auto;
	width: 100%;
}

/*SUBSCRIBE CUSTOM*/


#homePage #mc_embed_signup {
	background: none !important;
	
}

#homePage #mc_embed_signup {
    height: auto;
    margin: 0;
    padding: 15px 0 0px;
    width: 100%;
}


#homePage #mc_embed_signup h2 {
	background: url(../../templates/current/images/newsletter_icon.svg) no-repeat scroll right 15px / 34px auto;
	background-position: right top;
	color: white;
    font-family: "Lato",sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
	border:0px;
}

#homePage #mc_embed_signup .asterisk {
	color:white !important;
}



#divNewsletterWrapper p {
	color:white !important;
	position: relative !important;
	top:-3.5em !important;
	font-size:0.9em !important;
	margin-bottom:0;

}

#homePage #mc_embed_signup .mc-field-group input {
	border:0px !important; 
	border-radius: 0px !important;
	-webkit-border-radius:0px !important;
	-khtml-border-radius:0px !important;
	-moz-border-radius:0px !important;
	behavior: url(templates/current/PIE.htc) !important;
	color: #838486 !important;
	font-size:18px !important;
	margin-bottom:8px !important;
	padding:10px !important;
	width:100% !important;
}


#homePage #mc_embed_signup .button {
	background: #f7941d url(../../templates/current/images/button_arrow2.svg) no-repeat right center/ 46px auto !important;
    border-radius: 0 !important;
    color: white !important;
    font-family: "Oswald",sans-serif !important;
    font-size: 18pxm !important;
    left: 0 !important;
    padding: 9px 47px 9px 0 !important;
    position: relative !important;
    text-align: center !important;
    text-transform: uppercase !important;
    width: 146px !important;
	line-height:25px !important;
	cursor: pointer !important;
	z-index:100;
}
#homePage #mc_embed_signup .button:hover {
	background:green url(../../templates/current/images/button_arrow2.svg) no-repeat right center/ 46px auto !important;

}

#mc_embed_signup .mc-field-group {

}

#homePage #mc_embed_signup .indicates-required,
#homePage #mc_embed_signup .mc-field-group label {
	color:white !important;
	font-family: "Lato",sans-serif;

}

#mc_embed_signup {
	clear: left;
	font-family: 'Lato', sans-serif !important;
	background: #F1F3F4 !important;
	margin-top:30px;
	padding: 0 20px 10px
}
	
#mc_embed_signup .button {
	background:#359e37 !important;
	border:medium none !important;
	color: white !important;
	cursor: pointer !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: normal !important;
	height:auto !important;
	padding: 12px 20px !important;
	text-transform: uppercase !important;
	border-radius: 50px !important;
	-webkit-border-radius:50px !important;
	-khtml-border-radius:50px !important;
	-moz-border-radius:50px !important;
	behavior: url(templates/current/PIE.htc) !important;
}
	
#mc_embed_signup .button:hover {
	background-color: #ff8e01 !important;
}


#mc_embed_signup h2 {
	font-family: bold;
	font-family: 'Lato', sans-serif !important;
	padding:0;
	margin:15px 0px;
	font-size:1.4em;
	padding-bottom:7px !important;
}	


	
	



/* LAYOUT AREA / PAGE CONTENT LAYER -------------------------------------------------------------------------- */

#layoutarea {
    background: white;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 100%;
	height:100%;
	display:inline-block;
	vertical-align:top;
}

#pageContent{ 
	border-bottom: medium none;
    height: 100%;
    margin: auto;
    padding-bottom: 0;
    position: relative;
    text-align: left;
}		

#contentareaWrapperOuter {
	width:100%; 
	max-width:1200px;
	margin:0 auto;
}

#contentarea {
    float: right;
    margin-right: 0;
    margin-top: 10px;
	margin-bottom:60px;
    position: relative;
    width: 70%;
}

#divContentPageTitleWrapper {
	width:100%;
}

.pagetitle {
	background: #a5a7ab none repeat scroll 0 0;
    border-bottom: 10px solid #0c83ab;
    font-family: "Oswald",sans-serif;
    font-size: 1.1em;
    margin-bottom: 20px;
    padding: 13px 10px 10px;
    text-transform: uppercase;
    width: 100%;
	/*float:left;*/
}

#calculatorPage .pagetitle, #loginPage .pagetitle {
	float:none;
}

.pagetitleSectionSpan {
	background: rgba(0, 0, 0, 0) url(../../templates/current/images/breadcrumb_arrow.svg) no-repeat scroll right center;
    padding: 0 15px 0 0;
}

.pagetitlePageSpan {
	margin-left:2px;
	color: #ffffff;
}

.pagetitle {
	color: #4E5156;
}



/* GENERAL TAGS ---------------------------------------------------------------------------------------------- */

hr {
	display:none;
}

strong {
	font-weight:bold;
}

iframe {
	width:100%;
}

iframe.spotlightnew {
	border: 1px dotted #f0f3f9;
	width: 200px;
	font-size: 13px; 
	color:#4E5156; 
	height: 100px;
}

img {
	border: none;
	height: auto;
}

.pagecontent img {
    max-width: 100%;
    width: auto;
}

p {
	font-size: 1em;
	margin-bottom:10px;
	color: #4e5156;
}

acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

font, td {
	font-size: 1em;
}



/* GENERAL LIST ----------------------------------------------------------------------------------------------- */

ul, ol {}

li {}

#contentarea ul,
#contentarea ol {
	margin-left:20px;
	margin-bottom:10px;
}

#contentarea ul li,
#contentarea ol li {
	padding:3px;
	color: #4e5156;	
}

/* GENERAL LINKS ---------------------------------------------------------------------------------------------- */

a {
	color:#F7941D;
	text-decoration:none;
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

a:hover {
	text-decoration:none;
	color:#23AA4B;
}

a:focus {
	outline: none !important;
	color:#23AA4B;
}



/* HEADINGS ------------------------------------------------------------------------------------------------- */

h1 {
	font-size: 1.8em; 
	font-weight: bold; 
	padding-bottom: 5px;
	margin-bottom:20px;
	color: #4e5156;	
}

h2 {
	font-size: 1.3em; 
	line-height: normal; 
	border-bottom: 1px dashed #b4b5b6;
	margin-bottom: 10px; 
	padding-bottom: 5px;
	margin-top:22px;
	color: #4e5156;		
}

h3 {
	font-size: 1.08em; 
	line-height: normal; 
	padding-bottom:5px;
	color: #4e5156;	
}

h4 {
	font-size: 1.3em; 
	line-height: normal; 
	margin-bottom: 10px; 
	padding-bottom: 5px;
	margin-top:22px;
	color: #4e5156;
}

h5 {}
h6 {}



/* COMMONLY USED CLASSES ------------------------------------------------------------------------------------ */


/* REQUIRED FIELDS TEXT AND ASTERIXES */
.required {
	font-size:1em;
	color: #CC0000;
}

.requiredText {
	font-size:.8em;
}

.introductory {
	font-size:1.1em;
	line-height:1.4em;
	color: #0C83AB;
	font-family: 'PT Serif', serif;
}


/* SMALL GREY TEXT UNDER THE PINs */
.informational {
	color: rgba(78, 81, 86, 0.6);
    font-size: 11px;
    left: 145px;
    letter-spacing: 0.5px;
    line-height: 30px;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

#bankingPinConfirm .informational {
	left: 125px;
}

/* ADDING DOCUMENTS TO THE TEXT */
.imgDocIcon {
    margin-right: 8px;
    vertical-align: bottom;
    width: 30px;
}

.spanDocDownloadSize {
	color: #bbb;
}

/* TEXT UNDER THE CAPTCHA IMAGE */
.smallfont{
	font-size:.8em;
	margin-top:5px;
}

.smallfont a {
	border-bottom: 1px dotted;
    font-size: 1em;
}

/* "GO BACK" BUTTON ON HELP PAGES */
.pHelpGoBackButton {padding:20px 0;}

.specialText {
	font-weight:bold;
	color: darkOrange;
}

tr#TemplateRow1,
.pagetitle_image,
#submenu_latest,
#submenuBreadcrumbs {
	display: none;
}

/* MEMBERSHIP PAGE DOCUMENT DOWNLOAD TABLE */
table.membership {
	margin-bottom:0px;
	margin-top: 10px;
}

table.membership td {
	background: #23AA4B;
    color: white;
    font-size: 1em;
    font-weight: normal;
    padding: 8px 15px;
    text-transform: uppercase;
}

td.membership_table {
	border-top: 2px solid #23AA4B;
	font-size: 0.9em;
	margin: 0px 0 5px;
	padding: 15px 15px 5px;
}

td.membership_table p {
	margin-bottom:10px;
}

td.membership_table a {
	font-size:1.1em;
	font-weight:bold;
}

td.membership_table img:not(.imgDocIcon) {
	width:170px;
}

/* CREDIT UNION FOOTER LOGO */
img#footer-cu-logo { 
	background: url(../../templates/current/images/logo_footer.svg) no-repeat scroll left center;
    display: block;
    float: left;
    font-size: 0;
    height: 82px;
    line-height: 0;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
    text-indent: -9999px;
    /*width: 148px;*/
	padding-right:27px;
	border-right: 1px solid #a0c593;
	display:none;
}



/* MASTHEAD FACILITIES --------------------------------------------------------------------------------------- */

#facilitiesWrapperOuter {
	margin: auto; 
	width: 100%; 
	display:inline-block; 
	vertical-align:top;
	background: #A5A7AB;
}

#facilities {
    float: none;
    margin: auto;
    max-width: 1200px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

#divFacilitiesInnerWrapper {
	width:350px;
	float:right;
}

#facilities a {
    color: #fff;
    font-size: 0.8em;
    font-weight: normal;
    transition: all 0s ease-out 0s;
	text-align:center;
	display:block;
	
	/*EASING EFFECT*/
	-webkit-transition: all 0s ease-out 0s;
	-moz-transition: all 0s ease-out 0s;
	-o-transition: all 0s ease-out 0s;
	transition: all 0s ease-out 0s;
}

#facilities a:hover {
	color: #fff;
    text-decoration: underline;
}

#facilities #helpmenu {
    float: none;
    position: absolute;
    right: 1%;
    text-align: left;
    top: 39px;
	visibility:hidden;
    z-index: 100000;
}

#facilities #helpmenu:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px 	solid #23AA4B;
	position:absolute;
	top:-2px;
	right:43px;
}

#facilities #helpmenu ul {
    margin-top: 5px;
    width: 180px;
	background: #23AA4B;
	float:left;
}

#facilities #helpmenu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: list-item;
    list-style: none outside none;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width: 178px;
}

#facilities #helpmenu a {
    color: #ffffff;
    font-size: 13px;
    text-align: left;
    width: 100%;
	padding:0 10px;
	padding:3px 6px;

	
	/*EASING EFFECT*/
	-webkit-transition: background .3s ease-out 0s;
	-moz-transition: background .3s ease-out 0s;
	-o-transition: background .3s ease-out 0s;
	transition: background .3s ease-out 0s;
}

#facilities #helpmenu li:hover {
    padding-left: 0;
    padding-right: 0;
}

#facilities #helpmenu a:hover {
    border-bottom: 0 none;
    text-decoration: none;
	background: rgba(0, 0, 0, .2);
}

/*#header-sitemap {
    float: right;
    width: 12%;
}

#facilities .divider {
    width: 9%;
}

#header-suggestion {
    clear: left;
    float: right;
    padding-top: 0;
    width: auto;
}*/


#header-help, #header-customlink1, #header-customlink2, #header-customlink3, #header-customlink4, #header-customlink5, #header-customlink6 {
	float: left;
    position: relative;
    width: 33.333%;
}

#header-help {
	width:33.333%;
}

#header-customlink1, #header-customlink2, #header-customlink3 {
	display:none;
}

#header-help a, #header-customlink1 a, #header-customlink2 a, #header-customlink3 a, #header-customlink4 a, #header-customlink5 a, #header-customlink6 a {
  	display:block;
  	text-align:center;
	padding: 7px 0;
}

#header-help a {
	/*background-color: #4F5256;*/
}

#header-customlink1 a, #header-customlink2 a,  #header-customlink3 a {
    text-transform: uppercase;
	font-weight: bold;
	display:block;

}



#header-customlink1 a, #header-customlink2 a,  #header-customlink3 a {
	padding-left:20px;
}

#header-customlink1 a:before {
	background-image: url(../../templates/current/images/joinIcon.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto auto -30px;

}

#header-customlink2 a:before {
	background-image: url(../../templates/current/images/registerIcon.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto auto -33px;


}

#header-customlink3 a:before {
	background-image: url(../../templates/current/images/loginIcon.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto auto -22px;


}



/* MASTHEAD ----------------------------------------------------------------------------------------------- */

#mastheadWrapperOuter {
	background-color: #ffffff;
    display: inline-block;
    margin: auto auto 25px;
    padding:2px 0 10px;
    vertical-align: top;
    width: 100%;
	-webkit-transition: background .50s ease-out 0s;
  	-moz-transition: background .5s ease-out 0;
  	-ms-transition: background 0.5s ease-out 0s;
  	-o-transition: background 0.5s ease-out 0s;
  	transition: background 0.5s ease-out 0s;
}

#mastheadWrapperOuter.fixed {
    padding:15px 0 22px;
}

#homePage #mastheadWrapperOuter {
	margin-bottom:0;
}

#masthead {
    float: none;
    margin: auto;
    max-width: 1200px;
	padding: 0;
    position: relative;
    width: 100%;
	-moz-transition:all .5s ease-out 0s;
	/*z-index:1000;*/
}

/* LOGO */

#masthead .logo {
	margin: 0;
    max-width: 100%;
    padding: 25px 0 30px;
    width: 260px;
}

#masthead .logo #img_masthead {
	margin: 0 auto;
	bottom: 0;
	top: 0;
	width:330px;
	-moz-transition:all .5s ease-out 0s;
}	


/* STICKY HEADER ON SCROLLING - [ON or OFF]  -----------------------------------------------------------------------------*/


#mastheadWrapperOuter { 
	width: 100%; 
	/*position: absolute;*/ 
	z-index: 9000;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
	-moz-box-shadow:    0 4px 10px 0 rgba(0, 0, 0, 0.1);
 	 -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  	box-shadow:         0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
	
#mastheadWrapperOuter.fixed {
	position: fixed; /* Leave disabled for the STANDARD header or enable "position:fixed" for STICKY HEADER to start working*/
	

	background:rgba(255, 255, 255, .98);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-transition: background .5s ease-out 0s;
	-webkit-transition: background .5s ease-out 0s;
	-o-transition: background .5s ease-out 0s;
	transition: background .5s ease-out 0s;
}

#mastheadWrapperOuter.mastheadMobileMenuOpen {
	height: 100%;
    overflow-y: auto;
    position: fixed;
	padding-top:34px;
}


/*OPTIONAL ADJUSTMENTS FOR STICKY HEADER*/

#mastheadWrapperOuter.fixed #masthead {
	padding:0; /* Enable when you want to use STICKY HEADER - OPTIONAL */
	
}

#mastheadWrapperOuter.fixed #masthead .logo {
	width:255px; 
	padding:18px 10px;
	-moz-transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s; /* Enable when you want to use STICKY HEADER - OPTIONAL */
}

#mastheadWrapperOuter.fixed #masthead .logo #img_masthead  {
	width:255px; 
	-moz-transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s; /* Enable when you want to use STICKY HEADER - OPTIONAL */
}

#mastheadWrapperOuter.fixedAtFooter {
	margin-top: 34px;
    position: absolute;
	background:rgba(255, 255, 255, .98); /* Enable when you want to use STICKY HEADER - OPTIONAL */
}

#mastheadWrapperOuter.fixedAtFooter #masthead {
	/*padding:10px 0;*/ /* Enable when you want to use STICKY HEADER - OPTIONAL */
}

#mastheadWrapperOuter.fixedAtFooter #masthead .logo {
	width:255px; 
	padding:20px 0 25px; /* Enable when you want to use STICKY HEADER - OPTIONAL */
}

#mastheadWrapperOuter.fixedAtFooter #masthead .logo #img_masthead  {
	width:255px; 
}



 

/* STICKY HEADER DISABLED FOR IOS  -----------------------------------------------------------------------------*/


#mastheadWrapperOuter.mastheadMobileMenuDisabled {
	margin-top: 0px;
	position: relative;
	height:100%;
}

#mastheadWrapperOuter.mastheadMobileMenuDisabled.mastheadMobileMenuOpen {
	padding-top:34px;
	position:fixed;
	height:100%;
	overflow-y:auto;
	top:0;
}
 


/* MASTHEAD ANNOUNCEMENTS ---------------------------------------------------------------------------------- */

#masthead #announcements {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	right: 340px;
	position: absolute;
	top: 80px;
	display:none;
}

#masthead #announcements a {
	color: #fff;
	font-family:Georgia;
	font-style:italic;
}

#masthead #announcements a:hover {
	text-decoration:underline;
	color:#0099FF;
}



/* SEARCH BUTTON - NEW SEARCH FEATURE ---------------------------------------------------------------------- */

#header-search {
    float: none;
    margin: auto;
    position: absolute;
    right: 4px;
    top: 0;
	bottom: 0;
    width: 42px;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}

#header-search .imgSearchButton {
    float: none;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
	left: 0;
    top: 0;
	bottom: 0;
    width: 42px;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}

#divSearchFormInput input {
	background: transparent;
    border: 0 none;
    font-size: 7em;
    padding: 15px 10px;
	box-sizing:border-box;
	text-align:center;
	color: #0C83AB;
	margin:auto;
	text-transform: uppercase;
	outline:none;
	font-family: 'Lato', sans-serif;
	width: calc(100% - 40px);
	/*border-bottom: 1px solid #3399FF;*/
}
	
#spanSearchText {
	float: left;
    font-size: 2em;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	font-weight:bold;
}
	
#divSearchForm_wrapper {
	background: rgba(255, 255, 255, 0.9);
	font-family: 'Lato', sans-serif;
	font-size:13px;
}

#divSearchFormInput {
	width:100%;
	text-align:center;
}



/* MASTHEAD BYLINE (TEL/FAX/DATE BAR) ---------------------------------------------------------------------- */

#byline {}

span#spanBylineEmail {}	

.contactdetails {}

.contactdetails a {}

.currentdate {}



/* LOGIN BUTTONS - HEADER --------------------------------------------------------------------------------- */

#loginarea {
    bottom: 0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.06) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.06) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.06) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,rgba(0,0,0,0.06) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f000000', endColorstr='#0f000000',GradientType=1 );
}

#loginarea {
    padding: 13px 21px;
    position: absolute;
    right: 2px;
    top: 0;
    width: 314px;
}

#loginarea img {
	margin: 0px; width: 272px;
}

#login_membersWrappper, 
#registerWrappper {
	position: relative;
	height:50px;}

#registerWrappper {margin-top: 2px;}

#loginarea img {
    position:absolute;
  	left:0;
	
	/*EASING EFFECT*/
  	-webkit-transition: opacity .3s ease-in-out;
  	-moz-transition: opacity .3s ease-in-out;
  	-o-transition: opacity .3s ease-in-out;
  	transition: opacity .3s ease-in-out;
}
  
#loginarea .img_loginTop:hover,
#loginarea .img_registerTop:hover {
  opacity:0;
}




/* MAIN NAVIGATION MENU - MOVED TO MENU.CSS !!!!!!!!  --------------------------------------------------- */

/* MAIN NAVIGATION MENU - MOVED TO MENU.CSS !!!!!!!!  --------------------------------------------------- */

/* MAIN NAVIGATION MENU - MOVED TO MENU.CSS !!!!!!!!  --------------------------------------------------- */




/* MAIN IMAGE SLIDER ------------------------------------------------------------------------------------ */

#divHomepageImagesMobileWrapper {
	display:none;
	/*position:relative;*/
}

#divHomepageImagesWrapper {
	position:relative;
}

#flashcontainer,
#flashcontainerMobile {
	position: relative;
	width: 100%;
	overflow:hidden;
}

ul#homepagejQueryImages, 
ul#homepagejQueryImagesMobile {
    bottom: 100px;
    height: 27px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%;
	text-align:center;
}

ul#homepagejQueryImages li, 
ul#homepagejQueryImagesMobile li {
    background: #ffffff;
    /*float: left;*/
    height: 27px !important;
    list-style: outside none none;
    margin-right: 10px;
    min-height: 27px;
    text-align: center;
    width: 27px !important;
	display:inline-block;
	
	/*CORNERS*/
	border-radius: 27px; -webkit-border-radius:27px; -khtml-border-radius: 27px; -moz-border-radius: 27px; behavior: url(templates/current/PIE.htc);
}

ul#homepagejQueryImages li:last-child, 
ul#homepagejQueryImagesMobile li:last-child{
	margin-right:0;
}

ul#homepagejQueryImages li img, 
ul#homepagejQueryImagesMobile li img {
    display: none;
}

#mini_flashcontainer {
	display: none;
}

/* MAIN SLIDER IMAGE BOXES */
#homepageImageTextDivWrapperOuter {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

#homepageImageTextDivWrapper {
	height: 100%;
    position: relative;
    width: 100%; 
	max-width:1200px;
	margin:auto;  
}

#homepageImageTextDiv {
    bottom: 35%;
    height: auto;
    left: 0;
    line-height: normal;
    margin: auto auto auto 0;
    max-height: 270px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 490px;
	animation:mymove 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) forwards;
	animation-iteration-count:1; 

/* Safari and Chrome */
-webkit-animation:mymove 1s;
-webkit-animation-iteration-count:1;
}

@keyframes mymove
{ from {top:200px; opacity: 0;}
to {top:0px; opacity: 1}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:200px; opacity: 0;}
to {top:0px; opacity: 1;}
}


#homepageImageTextDiv h1 {
	order-bottom: medium none;
    color: #ffffff;
    font-family: 'Oswald',sans-serif;
    font-size: 3.4em;
    font-weight: normal;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding-bottom: 0;
    line-height: 1.1em;
}

#homepageImageTextDiv h2 {
	border-bottom: medium none;
    color: #ffffff;
    font-family: 'Lato',sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 4px;
    text-transform: uppercase;
	margin-top:0;
	line-height:1em;
}
	
#homepageImageTextDiv h3 {
	color: #ffffff;
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 0;
	padding-bottom:0;
}

#homepageImageTextDiv h3 i{
	display: inline-block;
    padding: 10px;
    background: rgba(0,0,0,0.3);
    margin: 5px 0 0;
    font-size: 14px;
}

#homepageImageTextDiv p {
	margin-bottom:0;
}

.banner_btn a {
    background: #f7941d;
    color: white;
    font-family: "Oswald",sans-serif;
    font-size: 1.1em;
    padding: 9px 47px 9px 0;
    text-align: center;
	position:relative;
    text-transform: uppercase;
    width: 190px;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}

	.banner_btn a:after {
		content:'';
		background: #A5A7AB url(../../templates/current/images/button_arrow.svg) no-repeat right center;
		height:100%;
		width:46px;
		position:absolute;
		top:0;
		right:0;}




.banner_btn a:hover {
	background: green;
}


/*REMOVES EXTRA "a" IN THE SLIDER BANNER BUTTON - FIX FOR A BUG*/
.banner_btn a:first-of-type {display:none;}
.banner_btn a:only-of-type {display:block;}


/* HOMEPAGE SPOTLIGHTS ----------------------------------------------------------------------------------*/

#divSpotlightsWrapperOuter {
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    display: inline-block;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -60px !important;
    position: relative;
    vertical-align: top;
    width: 100%;
    z-index: 2;
}


#divSpotlightsWrapper {
	width:100%;
	max-width:1200px;
	background:#ffffff;
	position:relative;
	margin:auto;
}

#spotlight1,
#spotlight2,
#spotlight3,
#spotlight4,
#spotlight5,
#spotlight6  {
	width:25%; 
	float:left; 
	padding-bottom:50px; 
	/* margin: 0 .66666%; Margin to every child in this container*/
	text-align:center;
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#spotlight1:hover, 
#spotlight2:hover,
#spotlight3:hover,
#spotlight4:hover,
#spotlight5:hover,
#spotlight6:hover {

}

#divSpotlightsWrapper div:first-child, 
#divSpotlightsWrapper div:nth-child(4n+1) {
	margin-left:0; /*Removes the margin on the left side on the very first and then every fifth element (for example)*/ 
} 


#divSpotlightsWrapper div:nth-child(4) {
	margin-right:0; /*Removes the right side margin on the last element*/
}

#spotlight5 {
	display:none;
}

#spotlight6 {
	display:none;
}


/* GENERAL RULES FOR SPOTLIGHTS */
.spotlight_container {
	float: left;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
}

.spotlight_title {
	background: white none repeat scroll 0 0;
    height: 126px;
    width: 100%;
}


.spotlight_title h4 {
	color: #4e5256;
    font-family: "Oswald",sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    margin-top: 0;
    padding: 30px 0 0 140px;
    text-align: left;
    text-transform: uppercase;
}

.spotlight_image_upload {
	width:100%;
	margin: 0 auto;
}

.spotlight_image_upload img {
	float: left;
    height: 178px;
    width: 126px; /* 'width:auto' is for Safari*/
}

.spotlight_text { 
    font-size: 1em;
    height: 180px;
    padding: 30px 0;
    text-align: left;
    width: 80%;
}
	
.spotlight_text p {
	color: #4e5256;
}

.spotlight_text ul {
	list-style: inside none disc;
}

.spotlight_text li {
	color: #4e5256;
    font-size: 1em;
}

.spotlight_link {
	float: left;
    margin: auto !important;
    text-align: center;
    text-transform: uppercase;
}
		
.spotlight_link a {
	background: #3399ff;
	color: #fff;
	display: block;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	padding:11px 0 10px;
	width: 128px;
	padding-right: 47px;
	position:relative;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);	
}

	.spotlight_link a:after {
		content:'';
		background: #A5A7AB url(../../templates/current/images/button_arrow.svg) no-repeat right center;
		height:100%;
		width:46px;
		position:absolute;
		top:0;
		right:0;
	}

	
/* SPOTLIGH 1 ------------------------ */

#spotlight1 {

}

#spotlight1 .spotlight_link a {
	background: #b63b6a ;
}


/* SPOTLIGH 2 ---------------------- */

#spotlight2 {

}

#spotlight2 .spotlight_link a {
	background: #F13D6D;
}


/* SPOTLIGH 3 --------------------- */

#spotlight3 {

}

#spotlight3 .spotlight_link a {
	background: #F6762B;
}


/* SPOTLIGH 4 --------------------- */

#spotlight4 {

}

#spotlight4 .spotlight_link a {
	background: #FFBB42;
}

.spotlight_link a:hover {
	background: green!important;
}



/* CONTENT SPOTLIGHTS ------------------------------------------------------------------------------------- */

#contSpotContainer{}
#spotLight4{ }
#spotLight5{ }
#spotLight6{ }



/* ANNOUNCEMENTS -------------------------------------------------------------------------------------------*/

#divHTMLAnnouncements1WrapperOuter,
#divHTMLAnnouncements2WrapperOuter,
#divHTMLAnnouncements3WrapperOuter,
#divHTMLAnnouncements3WrapperOuter {
	margin: auto; 
	width: 100%; 
	display:inline-block; 
	vertical-align:top;
}

#divHTMLAnnouncements4WrapperOuter {
background: white;
}

#divHTMLAnnouncements2WrapperOuter {
    background: #00698c url(../../templates/current/images/announcement1_bkgd.jpg) no-repeat scroll center top;
    display: inline-block;
    height: 674px;
    margin: auto;
    vertical-align: top;
    width: 100%;
}

#divHTMLAnnouncements1Wrapper, 
#divHTMLAnnouncements2Wrapper, 
#divHTMLAnnouncements3Wrapper, 
#divHTMLAnnouncements4Wrapper {
	 margin: auto; 
	 max-width: 1200px; 
	 width: 100%; 
	 position:relative;	
}

#divHTMLAnnouncements2Wrapper {
	margin-top:40px;
}

#divHTMLAnnouncements3Wrapper {
	max-width:100%;
}

#divHTMLAnnouncements1Wrapper #announcements_content_dynamic {
    display: inline-block;
    margin: auto;
    width: 30%;
	position:absolute;
	top:-570px;
	right:0;
	
	
	
}

#announcements_content_dynamic h1 {
    display: none
}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic h1 {
	display:inline-block;
	background: rgba(0, 0, 0, 0) url("../../templates/current/images/mobile_icon.svg") no-repeat scroll left bottom / 51px 101px;
    color: white;
    font-family: "Oswald",sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    left: 0;
    margin-bottom: 29px;
    padding-bottom: 1.3em;
    padding-left: 2.3em;
    padding-top: 0.5em;
    text-transform: uppercase;
}

#divHTMLAnnouncements4Wrapper #announcements_content_dynamic h1 {
	display:inline-block;
	color: #4e5256;
    font-size: 14px;
    font-weight: normal;
    margin: 35px 0 0;
    padding: 0;
    text-transform: uppercase;
}

/* ANNOUNCEMENT 1 --------------- */

#divHTMLAnnouncements1WrapperOuter {
	background: #0C83AB ;	
}

#divHTMLAnnouncements1Wrapper #announcements_content_dynamic div {

}

 
#divHTMLAnnouncements1Wrapper #announcements_content_dynamic div:nth-of-type(1) {
	margin-left:0; /*Remove the margin on the left side on the very first element*/
} 


#divHTMLAnnouncements1Wrapper #announcements_content_dynamic div:last-child {
	margin-right:0; /* Remove the right side margin on the last element */
}

#announcements_content_dynamic #spot1,
#announcements_content_dynamic #spot2,
#announcements_content_dynamic #spot3,
#announcements_content_dynamic #spot4,
#announcements_content_dynamic #spot5,
#announcements_content_dynamic #spot6 {
	display: inline-block;
    position: relative;
    vertical-align: top;
    width: 49%;
	
}

#announcements_content_dynamic h2 {
    font-family: 'Oswald',sans-serif;
    font-size: 1.6em;
    font-weight: normal;
	color:white;
    text-transform: uppercase;
	border:none;
	padding-top:50px;
}


#divHTMLAnnouncements2Wrapper #announcements_content_dynamic h2 {
	border: 0 none;
    color: white;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-top: 0.5em;
    position: absolute;
    text-align: left;
    top: 35px;
	padding-left:4.8em;
}

#announcements_content_dynamic p {
	color: rgba(255, 255, 255, .65);
	font-size:1.08em;
}

#announcements_content_dynamic a {
	/*text-indent: -9999px;
	float: left;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	width:100%;
	height:300px;
	position: absolute;
	top:0;
	left:0;*/
}

.mobile_promo_container {
	width:64%;
	padding-top:40px;
	border-top:1px solid rgba(255, 255, 255, .3);
}
	
	
/* SPOT1 ------------------- */

#announcements_content_dynamic #spot1 {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../templates/current/images/icon_01.svg"), none;
    background-origin: padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
}

#announcements_content_dynamic #spot1 h2, 
#announcements_content_dynamic #spot1 p {
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#announcements_content_dynamic #spot1:hover h2, 
#announcements_content_dynamic #spot1:hover p {
	color:white;
}


/* SPOT2 ----------------*/

#announcements_content_dynamic #spot2 {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../templates/current/images/icon_02.svg"), none;
    background-origin: padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
}


#announcements_content_dynamic #spot2 h2, 
#announcements_content_dynamic #spot2 p {
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#announcements_content_dynamic #spot2:hover h2, 
#announcements_content_dynamic #spot2:hover p {
	color:white;
}


/* SPOT3 ----------------*/

#announcements_content_dynamic #spot3 {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../templates/current/images/icon_03.svg"), none;
    background-origin: padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
}


#announcements_content_dynamic #spot3 h2, 
#announcements_content_dynamic #spot3 p {
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#announcements_content_dynamic #spot3:hover h2, 
#announcements_content_dynamic #spot3:hover p {
	color:white;
}

/* SPOT4 ----------------*/

#announcements_content_dynamic #spot4 {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../templates/current/images/icon_04.svg"), none;
    background-origin: padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
}


#announcements_content_dynamic #spot4 h2, 
#announcements_content_dynamic #spot4 p {
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#announcements_content_dynamic #spot4:hover h2, 
#announcements_content_dynamic #spot4:hover p {
	color:white;
}

/* SPOT5 ----------------*/

#announcements_content_dynamic #spot5 {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../templates/current/images/icon_05.svg"), none;
    background-origin: padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
}


#announcements_content_dynamic #spot5 h2, 
#announcements_content_dynamic #spot5 p {
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#announcements_content_dynamic #spot5:hover h2, 
#announcements_content_dynamic #spot5:hover p {
	color:white;
}

/* SPOT6 ----------------*/

#announcements_content_dynamic #spot6 {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../templates/current/images/icon_06.svg"), none;
    background-origin: padding-box;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: auto auto;
}


#announcements_content_dynamic #spot6 h2, 
#announcements_content_dynamic #spot6 p {
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#announcements_content_dynamic #spot6:hover h2, 
#announcements_content_dynamic #spot6:hover p {
	color:white;
}

#announcements_content_dynamic #spot1 h2, #announcements_content_dynamic #spot2 h2, #announcements_content_dynamic #spot3 h2, #announcements_content_dynamic #spot4 h2, #announcements_content_dynamic #spot5 h2, #announcements_content_dynamic #spot6 h2 {
	color: white;
    font-family: "Oswald",sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    left: 0;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    top: 0;	
}

#announcements_content_dynamic #spot1 p, #announcements_content_dynamic #spot2 p, #announcements_content_dynamic #spot3 p, #announcements_content_dynamic #spot4 p, #announcements_content_dynamic #spot5 p, #announcements_content_dynamic #spot6 p {
    color: white;
    font-weight: 300;
    line-height: 1.25em;
	font-size:1em;
}


#announcements_content_dynamic #spot1, #announcements_content_dynamic #spot2, #announcements_content_dynamic #spot3, #announcements_content_dynamic #spot4, #announcements_content_dynamic #spot5, #announcements_content_dynamic #spot6 {
	height: 120px;
    margin-bottom: 30px;
    padding: 10px 10px 10px 120px;
}

#announcements_content_dynamic #spot1:hover, #announcements_content_dynamic #spot2:hover, #announcements_content_dynamic #spot3:hover, #announcements_content_dynamic #spot4:hover, #announcements_content_dynamic #spot5:hover, #announcements_content_dynamic #spot6:hover {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2) inset;
}

/* ANNOUNCEMENT 2 ---------------------- */

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {
}

/* ANNOUNCEMENT 3 ---------------------- */

#divHTMLAnnouncements3WrapperOuter {
  
}

#divHTMLAnnouncements3Wrapper {	
	max-width: 1200px;
    position: relative;
}

#divHTMLAnnouncements3Wrapper #announcements_content_dynamic {
    top: -600px;
    position: absolute;
    right: 20px;
}

#divHTMLAnnouncements4Wrapper {
    height: 163px;
    margin: auto;
    max-width: 1200px;
    position: relative;
    top: 0;
    width: 100%;
}

.announcement3_container {
    margin-top: 18px;
    position: relative;
    width: 346px;
}

.google_play {
    float: left;
    position: relative;
    width: 165px;
}

.app_store {
    float: right;
    position: relative;
    width: 165px;
}




/* TOOLS & RESOURCES SECTION (MODULELINKS) --------------------------------------------------------------- */

#divQuickLinksWrapperOuter {
	margin: auto;
	width: 100%;
	position:relative;
	display:inline-block;
	vertical-align:top;
}

#divQuickLinksWrapper {
	background: linen;
	margin: auto;
	max-width: 1200px;
	width: 100%;
}

h4.h4quicklinks {
	background: none;
    border-bottom: 1px solid;
    font: bold 1.5em "Oswald",sans-serif;
	font-weight:normal;
    padding: 0 0 3px;
	margin-bottom:30px;
	text-transform:uppercase;
}





/* HOMEPAGE MODULELINKS ------------------------------------------------------------------------------ */

#modulelinks { height: 100%;}
#modulelinks img {display: none;}
#modulelinks ul {}
#modulelinks li {list-style-type: none;}
#modulelinks li:hover {}
#modulelinks a {
	background: url(../../templates/current/images/bulletpoint_arrow.svg) no-repeat scroll 10px center;
	border-bottom: 1px dashed #b4b5b6;
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    padding: 10px 0 10px 25px;
}
#modulelinks a:hover {
	background: #f6f6f6 url(../../templates/current/images/bulletpoint_arrowB.svg) no-repeat scroll 10px center;
	color: #4e5156;
}



/* CONTENT PAGES MODULELINKS ------------------------------------------------------------------------ */

#modulelinks_contentpage {
	margin-bottom:20px;
}

#modulelinks_contentpage img {}

#modulelinks_contentpage ul {}

#modulelinks_contentpage li {
	list-style-type: none;
}

#modulelinks_contentpage li:hover {}

#modulelinks_contentpage a {
	background: url(../../templates/current/images/bulletpoint_arrow.svg) no-repeat scroll 10px center;
	border-bottom: 1px dashed #b4b5b6;
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    padding: 10px 0 10px 25px;

}

#modulelinks_contentpage a:hover {
	background: #f6f6f6 url(../../templates/current/images/bulletpoint_arrowB.svg) no-repeat scroll 10px center;
	color: #4e5156;
}
	
	
	
/* NEWS HEADLINES ------------------------------------------------------------------------------------- */

#divNewsHeadlinesWrapperOuter {
	margin: auto;
	width: 100%;
	display:inline-block;
	vertical-align:top;
	padding:0 0 60px;
	min-height:630px;
}

#divNewsHeadlinesWrapper {
	margin: auto;
	max-width: 1200px;
	width: 100%;
	position:relative;
}

#newsheadlines {
	padding: 10px 0 50px;
	width:64%;
}

h4.h4newsheadlines  {
	background: none;
    border-bottom: 1px solid;
    font: bold 1.5em "Oswald",sans-serif;
	font-weight:normal;
    padding: 0 0 3px;
	margin-bottom:20px;
	text-transform: uppercase;
	width:100%;
}

#homePage h4.h4newsheadlines {
	background: rgba(0, 0, 0, 0) url("../../templates/current/images/news_icon.svg") no-repeat scroll left bottom / 51px 101px;
    border: 0 none;
    color: #4e5256;
    font-family: "Oswald",sans-serif;
    font-size: 1.8em;
    height: 100px;
    margin-bottom: 29px;
    padding-left: 60px;
    padding-top: 0.5em;
    text-transform: uppercase;
}

#homePage h4.h4newsheadlines::after {
    color: #4e5256;
    content: "Stay up-to-date";
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    left: 80px;
    padding-top: 0.5em;
    position: absolute;
    text-transform: none;
    top: 80px;
}

#homePage .newsArticleImageSpan, 
#homePage .newsArticleImageLargeSpan {
	/*display: block;
	margin-bottom:20px;*/
	
	display:inline-block;
	vertical-align:top;
    margin-bottom: 20px;
    margin-right: 30px;
}

.newsArticleImageSpan, .newsArticleImageLargeSpan {
    display: block;
    margin-bottom: 20px;
}

.newsArticleIndividualWrapper {
	display:inline-block;
	vertical-align:top;
	width:100%;	
}

#homePage .newsArticleIndividualWrapper {
	padding-right: 40px;
    width: 100%;
}

.newsArticleDiv .newsArticleImageSpan img {
	width:100%;
	/*max-width:50%;*/
} 

.newsArticleImageLargeSpan img {
	width: 100%;
	max-width:100%;
}

.divNewsArticleDate {
	font-size: .9em;
	font-style:italic;
	color: rgba(78, 81, 86, 0.8);
	font-family: 'PT Serif', serif;
}

#newsheadlines h3 {
	border-bottom: none;
    color: #0C83AB;
    font-family: 'Oswald',sans-serif;
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
	padding:5px 0;
}

#news_content p {
	font-size:1em;
	color: rgba(78, 81, 86, 0.9);
	margin-bottom:20px;
}

#newsheadlines #news_content img {
	width:100%;
}
#newsheadlines a, 
#newsheadlines_contentpage a  {
	text-decoration: none;
}

#newsheadlines a:hover,
#newsheadlines_contentpage a:hover { }


.newsArticleIndividualLink a {
	background: #F7941D none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: "Oswald",sans-serif;
    padding: 11px 47px 11px 0;
    position: relative;
    width: 128px;
	text-transform:uppercase;
	text-align:center;
	
	/* CORNERS */
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}

	.newsArticleIndividualLink a:after {
		content:'';
		background: #A5A7AB url(../../templates/current/images/button_arrow.svg) no-repeat right center;
		height:100%;
		width:46px;
		position:absolute;
		top:0;
		right:0;
	}

.newsArticleIndividualLink a:hover {
	background: green;
}



#newsheadlines_contentpage {
	margin-bottom:60px;
	min-height:400px;
}

#newsheadlines_contentpage h3 {
	font-family: 'Oswald',sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	color: #0b9acf;
	font-size:1.2em;
	margin-bottom:10px;
	padding-bottom:5px;
}

#newsheadlines_contentpage #news_content img {
	width:100%;
}

#newsPage #newsheadlines_contentpage #news_content img {
	/*display: none;*/
}


/* SOCIAL MEDIA IN A FULL PAGE NEWS ARTICLE */
#newsArticleFacebookDiv,
#newsArticleTwitterDiv,
#newsArticleLinkedInDiv,
#newsArticlePrintDiv {
	display: inline-block;
    margin-right: 10px;
    position: relative;
    vertical-align: top;
}	
	
	
/* MAIN NEWS ARTICLE PAGE */		
.newsArticlePageDateDiv {
	color: rgba(78, 81, 86, 0.8);
    font-size: 1em;
    font-style: italic;
    margin-top: 20px;
	font-family: 'PT Serif', serif;
}

.newsArticleDiv {
	/*border-bottom: 1px dashed #b4b5b6;
    margin-bottom: 30px;*/
    padding-bottom: 30px;
}

#spanNewsPageTitle {
	display:none;
}

.newsArticleTextContentDiv {}

#newsArticlePageTitleDiv {
	border-bottom: medium none;
    color: #4e5156;
    font-family: 'Oswald',sans-serif;
    font-size: 2em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
	line-height:normal;
    text-transform: uppercase;
}

#newsArticlePageTextDiv {
    border-bottom: 1px dashed #b4b5b6;
    padding-bottom: 20px;
}

#newsArticleReadMoreLinkDiv {
	margin-top:10px;
}

.newsArticleDiv h3 {
	font-family: 'Oswald',sans-serif;
    font-size: 1.7em;
    font-weight: 500;
	line-height:1.3em;
    text-transform: uppercase;
	margin-bottom: 15px;
}

#newsArticlePageLowerLinkDiv,
#newsArticleReadMoreLinkDiv {
	margin:30px 0;
}

#newsArticlePageLowerLinkDiv a,
#newsArticleReadMoreLinkDiv a {
	background: #23aa4b none repeat scroll 0 0;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
	color:white; 
	font-size:.9em;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}

#newsArticlePageLowerLinkDiv a:hover,
#newsArticleReadMoreLinkDiv a:hover {
	background: #0b9acf;
}


#news_content > div {
    display: inline-block;
    margin-right: 2%;
    width: 49%;
}

#newsheadlines_contentpage #news_content > div {
	width:100%;
}

#newsheadlines_contentpage #news_content > div:last-child {
	display:none;
}

#news_content > div:last-child {
	margin-right:0;
}


/*LOAN CALCULATOR --------------------------------------------------------------------------------------- */

#divSliderLoanCalculatorWrapperOuter {
	background: #879aa0 url(../../templates/current/images/loan_calc_bgr_sharp.jpg) no-repeat scroll left top;
    display: inline-block;
    height: 767px;
    margin: auto;
    padding-bottom: 122px;
    padding-top: 180px;
    vertical-align: top;
    width: 100%;	
}

#divSliderLoanCalculatorWrapper {
	width:100%; 
	max-width:1200px; 
	position:relative; 
	margin:auto;
}

#ifraLoanCalc {
	height: 496px;
}

#loanSliderContainerHome,
#loanSliderContainer { 
	background: white; 
	width:64%;
	padding: 25px 15px;
	position:relative;
	color:white;
	border-bottom: 7px solid #a71128;
    border-top: 7px solid #a71128;
}


	#loanSliderContainerHome::before {
		background: rgba(0, 0, 0, 0) url(../../templates/current/images/loan_calc_icon.svg) no-repeat scroll left bottom / 51px 101px;
		color: white;
		content: 'Do you need a loan?';
		display: inline-block;
		font-family: 'Oswald',sans-serif;
		font-size: 1.8em;
		height: 100px;
		left: 0;
		margin-bottom: 29px;
		padding-left: 2.7em;
		padding-top: 0.5em;
		position: absolute;
		text-transform: uppercase;
		top: -140px;
}

	#loanSliderContainerHome::after {
		color: white;
		content: 'Pick the most suitable loan for your needs';
		display: inline-block;
		font-family: 'Lato',sans-serif;
		font-size: 14px;
		font-weight: 400;
		left: 5.6em;
		padding-top: 0.5em;
		position: absolute;
		top: -90px;
}

/* LOAN CALCULATOR PAGE */
#loanSliderContainer {
	width:100%;
	background:#F0F3F9;
	margin-top:25px;
	color:#4e5156;
	padding:0;
}

#loanSliderContainerHome .Sliders,
#loanSliderContainerHome .Results,
#loanSliderContainer .Sliders,
#loanSliderContainer .Results {
	float: left;
    min-height: 385px;
    padding: 0 30px 0 20px;
    width: 50%;
}

/* LOAN CALCULATOR PAGE */
#loanSliderContainer .Sliders,
#loanSliderContainer .Results {
	background: none; min-height:auto;
}

#loanSliderContainerHome .Results,
#loanSliderContainer .Results  {
	padding: 0 20px 0 0;
}

#SlidersTitle {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 1.8em;
    padding: 11px 0;
    text-transform: uppercase;
	display:none;
}

/* LOAN CALCULATOR PAGE */
#loanSliderContainer #SlidersTitle {
	background:rgba(224, 228, 237, 1);
	color:#4e5156;
	padding-left:15px;
	display:none;
}

#divSliderCalcLoanTypeHome {
	padding: 15px 0;
}

#divSliderCalcLoanType {
	padding:35px 0;
}

#sliderValuesListHome,
#sliderValuesList { 
	color: rgba(255, 255, 255, 0.7);
	margin:0 !important;
	padding:0 !important;
}

/*#sliderValuesList {
	color: rgba(78, 81, 86, .7);
}*/

#sliderValuesListHome li,
#sliderValuesList li {
	background:rgba(78, 82, 86, 1);
	margin-bottom:0;
	list-style:none;
	padding:10px !important;
}

#sliderValuesList li {
	/*background: rgba(0, 0, 0, 0.6);*/
}

#amountHome,
#termHome,
#amount,
#term {
	color: #0cab6a;
    font-family: "Lato",sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    padding: 16px 0;
    text-align: right;
    width: 100%;
}

/* LOAN CALCULATOR PAGE */
#amount,
#term {
	color: #4e5156;
	padding-top:10px;
}

#sliderAmountWrapper {
    /*padding-bottom: 25px;*/
}

img#sliderTermPlusHome,
img#sliderAmountPlusHome,
img#sliderTermMinusHome,
img#sliderAmountMinusHome,
img#sliderTermPlus,
img#sliderAmountPlus,
img#sliderTermMinus,
img#sliderAmountMinus {
	display:none;
}

#divSliderCalcLoanTypeTextHome, 
#divSliderCalcLoanTypeText {
	color: #4e5256;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#loanSliderContainerHome select#intrateDDL,
#loanSliderContainer select#intrateDDL {
	border: 1px solid white;
    font-size: 1.2em;
    height: 40px;
    margin: 0;
	outline:none;
    width: 100%;
	background:#ced0d6 url(../../templates/current/images/dropdown_arrows.svg) no-repeat right center / 17px auto;
	
	/*CORNERS*/
	border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; behavior: url(templates/current/PIE.htc);
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	
	-webkit-appearance: none;  /*Removes default Chrome & Safari style*/
 	-moz-appearance: none;  /*Removes default Firefox style*/
 	border: 0 !important;  /*Removes border*/
}

#loanSliderContainerHome select#intrateDDL:hover,
#loanSliderContainer select#intrateDDL:hover  {
	background:#ced0d6  url(../../templates/current/images/dropdown_arrows.svg) no-repeat right center / 17px auto;
}

#loanSliderContainerHome select#intrateDDL:focus,
#loanSliderContainer select#intrateDDL:focus  {
	/*background: #fdd462;*/
}

#loanSliderContainer select#intrateDDL,
#loanSliderContainer select#intrateDDL:hover,
#loanSliderContainer select#intrateDDL:focus {
	border: 1px solid rgba(78, 81, 86, .3) !important;
}

#aprHome,
#apr {
	color: #f7941d;
    font-family: "Lato",sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    padding: 20px 10px;
    text-align: center;
	display: inline-block;
    width: 50%;
    text-align: right;
    padding-right: 0;
}

#apr {
	color: #f7941d;
}

#spanSliderAPRAfterTextHome, #spanSliderAPRAfterText {
	color: #f7941d;
    padding-left: 5px;
    font-size: 1.1em;
    vertical-align: middle;	
}

/* EXISTING LOANS TEXT */
#divExistingLoanText {
    background: #fcd4d2;
    padding: 20px 15px;
    width: 100%;
	font-weight:normal;
	color: #d34747;
}

#divExistingLoanText {
	display:none;
}

#divExistingLoanContainer {
    background: rgba(224, 228, 237, 1);
    padding: 5px 15px;
    width: 100%;
}

#divExistingLoanCheckbox,
#divExistingLoanTextBoxContainer,
#divExistingLoanTextBox,
#divExistingLoanButton {
	display: inline-block;
    vertical-align: middle;
    width: auto;
	margin-right:10px;
}

#divExistingLoanCheckbox {padding:10px 0;}
#divExistingLoanTextBoxContainer {}
#divExistingLoanTextBox input {width:7em;}
#divExistingLoanButton input {
	background: #23aa4b;
    border: medium none;
    color: white;
    cursor: pointer;
    font-family: "Lato",sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: auto;
    padding: 12px 15px;
    text-transform: uppercase;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

#divExistingLoanButton input:hover {
	background:green;
}

/* CALCULATION RESULTS --------------------------------------------------------------------------------- */

span#spanWeekHome,
span#span2WeeksHome,
span#span4WeeksHome,
span#spanMonthHome,
span#spanWeekTotalHome,
span#span2WeeksTotalHome,
span#span4WeeksTotalHome,
span#spanMonthTotalHome,
span#spanWeek,
span#span2Weeks,
span#span4Weeks,
span#spanMonth,
span#spanWeekTotal,
span#span2WeeksTotal,
span#span4WeeksTotal,
span#spanMonthTotal {
    display:inline-block;
    width: 30%;
	vertical-align:top;
	color: rgba(255, 255, 255, 0.7);
}

span#spanWeekTotalHome,
span#span2WeeksTotalHome,
span#span4WeeksTotalHome,
span#spanMonthTotalHome,
span#spanWeekTotal,
span#span2WeeksTotal,
span#span4WeeksTotal,
span#spanMonthTotal {
	width:36%;
}

span#spanWeekTotalInterestHome,
span#span2WeeksTotalInterestHome,
span#spanMonthTotalInterestHome,
span#spanWeekTotalInterest,
span#span2WeeksTotalInterest,
span#spanMonthTotalInterest {
    display:inline-block;
    overflow: hidden;
    width: 30%;
	vertical-align:top;
	color: rgba(255, 255, 255, 0.7);
}

#sliderValuesListHome li:first-of-type span#spanWeekHome, #sliderValuesList li:first-of-type span#spanWeek,
#sliderValuesListHome li:first-of-type span#spanWeekTotalHome, #sliderValuesList li:first-of-type span#spanWeekTotal,
#sliderValuesListHome li:first-of-type span#spanWeekTotalInterestHome, #sliderValuesList li:first-of-type span#spanWeekTotalInterest {
	color: #f7941d;	
}


input#paymentSliderTotalWeeklyHome,
input#paymentSliderWeeklyHome,
input#paymentSliderTotalInterestWeeklyHome, 
input#paymentSlider2WeeksHome,
input#paymentSliderTotal2WeeksHome,
input#paymentSliderTotalInterest2WeeksHome,
input#paymentSliderMonthlyHome,
input#paymentSliderTotalMonthlyHome,
input#paymentSliderTotalInterestMonthlyHome,
input#paymentSliderTotalWeekly,
input#paymentSliderWeekly,
input#paymentSliderTotalInterestWeekly, 
input#paymentSlider2Weeks,
input#paymentSliderTotal2Weeks,
input#paymentSliderTotalInterest2Weeks,
input#paymentSliderMonthly,
input#paymentSliderTotalMonthly,
input#paymentSliderTotalInterestMonthly {
	color: white;
    font-family: "Lato",sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    width: 100%;
	padding:3px 0;
}

/*input#paymentSliderTotalWeekly,
input#paymentSliderWeekly,
input#paymentSliderTotalInterestWeekly, 
input#paymentSlider2Weeks,
input#paymentSliderTotal2Weeks,
input#paymentSliderTotalInterest2Weeks,
input#paymentSliderMonthly,
input#paymentSliderTotalMonthly,
input#paymentSliderTotalInterestMonthly {
	color: #4e5156;}*/

#divSliderApplyButtonHome input.button_submit,
#divSliderApplyButton input.button_submit {
	background: #0CAB6A;
    font-family: 'Oswald',sans-serif;
    font-size: 1.4em;
    font-weight: normal;
    padding: 12px;
    text-transform: uppercase;
    width: 100%;
	margin-top:15px;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}

#divSliderApplyButtonHome input.button_submit:hover,
#divSliderApplyButton input.button_submit:hover {
	background: green;
}

.informationalLoanCal {
    color: #4e5156;
    display: inline-block;
    font-size: 0.7em;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 15px;
    text-transform: uppercase;
    vertical-align: top;
}

#loanSliderContainerHome .informationalLoanCal {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.9);
    height: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    top: 5em;
    width: 157%;
}

	
	.informationalLoanCal::before {
		color: white;
		content: "*";
		display: inline-block;
		font-size: 1.8em;
		left: -12px;
		position: absolute;
		top: 2px;
	}


#submenuCalculator {
	display:none; /*Removes submenu on loan calculator page*/
}



#divNewsletterWrapperOuter {
	margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
	
}

#divNewsletterWrapper {
    background: rgba(167, 17, 40, 0.8) none repeat scroll 0 0;
    height: 448px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: -586px;
    width: 30%;
}

#divNewsletterWrapperInner .spotlight_title {
    background: rgba(0, 0, 0, 0) url(../../templates/current/images/newsletter_icon.svg) no-repeat scroll right 15px / 34px auto;
    height: auto;
    margin: 0;
    padding: 15px 0 30px;
    width: 100%;
}

#divNewsletterWrapper .spotlight_title h4 {
    color: white;
    font-family: "Lato",sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
}




/* FOOTER ------------------------------------------------------------------------------------------------- */

#pagefooterOuterIndex, #pagefooterOuterOther, #pagefooterOuterPublic {
    background: #384549 url(../../templates/current/images/footer1_bkgd.jpg) repeat-x scroll center top;
    display: inline-block;
    margin: auto;
    vertical-align: top;
    width: 100%;
}

#pagefooterIndex {
    border-left: 1px dashed rgba(255, 255, 255, 0.4);
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
    clear: both;
    height: 200px;
    margin: 60px auto 70px;
    max-width: 1200px;
    padding: 0;
    position: relative;
    width: 100%;
}
#pagefooterOuterPublic {
    background: white none repeat scroll 0 0;
    display: inline-block;
    margin: auto;
    vertical-align: top;
    width: 100%;
}
#pagefooterOuterPublic::before {
    background: #0C83AB none repeat scroll 0 0;
    content: "";
    display: inline-block;
    float: left;
    height: 100px;
    vertical-align: top;
    width: 100%;
}
#pagefooterPublic {
    clear: both;
    margin: 20px auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}
#pagefooterOuterOther {
    background: white none repeat scroll 0 0;
    display: inline-block;
    margin: auto;
    vertical-align: top;
    width: 100%;
}
#pagefooterOuterOther::before {
    background: #0C83AB none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 100px;
    vertical-align: top;
    width: 100%;
}
#pagefooterOther {
    clear: both;
    margin: 20px auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}
#divFooterDetailsWrapper, #SocialNetFooterWrapper, #divCustomFooterLinksWrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 30%;
}

#divCustomFooterLinksWrapper{
	width:100%;
	position:relative;
	top:15px;
}

#divFooterDetailsWrapper {
    display: none;
}
#divFooterDetailsTitle, #divSocialNetFooterTitle, #divCustomFooterLinksTitle {
    display: none;
}
#footerDetails, #divCustomFooterLinks, #SocialNetFooter {
    color: #fff;
}
#footerDetails {
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
    height: 200px;
    position: relative;
}
#divFooterDetailsTitle {
    display: none;
}
#footerDetails ul {
    height: 180px;
    margin: auto;
    width: 270px;
}
#footerDetails li {
    display: block;
    padding: 2px 0;
}
.FooterCompanyNameSpan {
    font-size: 1em;
    font-weight: bold;
}
.FooterTelLabelSpan, .FooterFaxLabelSpan, .FooterEmailLabelSpan, .FooterWebsiteLabelSpan, .FooterAddressLabelSpan {
    width: 25%;
}
.FooterTelSpan, .FooterFaxSpan, .FooterEmailSpan, .FooterWebsiteSpan, .FooterAddressSpan {
    float: right;
    width: 70%;
}
#divFooterCustomHTML1Wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 40%;
}
#divFooterCustomHTML1 {
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
    height: 200px;
    padding: 0 20px 0 25px;
    position: relative;
}
#divFooterCustomHTML1 img {
    margin-bottom: 20px;
    width: 240px;
}
#divFooterCustomHTML1 p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.75em;
    line-height: 1.4em;
    text-align: justify;
}
#divFooterCustomHTML2Wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 40%;
}
#divFooterCustomHTML2 {
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
    height: 200px;
    padding: 0 20px 0 25px;
    position: relative;
}
.openingTimes:first-child {
    margin-right: 6%;
}
.openingTimes, .CUName {
    color: #ffffff;
    display: inline-block;
    font-size: 0.9em;
    font-weight: 400;
    vertical-align: top;
    width: 215px;
}
.openingTimes {
    float: right;
    margin-right: 0;
    width: 170px;
}
.openingTimes > div, .CUName > div {
    display: block;
    width: 100%;
}
.openingTimesTitle {
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 15px;
}
ul.weekDay, ul.label {
    display: inline-block;
    list-style-type: none;
    text-transform: normal;
    vertical-align: top;
    width: 70px;
}
ul.weekDay {
    width: 50px;
	text-transform:uppercase;
}
ul.times, ul.details {
    display: inline-block;
    list-style-type: none;
    vertical-align: top;
    width: 145px;
}

ul.times {
    width: 120px;
}

#divCustomFooterLinks {
    margin: auto auto auto 0;
    width: 276px;
}
#divCustomFooterLinksTitle {
    background: rgba(0, 0, 0, 0) url("../../templates/current/images/footer_quicklinks.svg") no-repeat scroll left top / 90px auto;
}
#divCustomFooterLinks a {
    color: white;
    display: inline-block;
    font-size: 0.8em;
    padding: 10px 0;
    width: 100%;
}
#divCustomFooterLinks a:hover {
    text-decoration:underline;
}
#fsrnTextOffWrapper {
    background: #293438;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.77em;
    padding: 20px 0;
    width: 100%;
}
#fsrnTextOff {
    margin: auto;
    max-width: 1200px;
}
#pagefooterAlternative {
    display: inline-block;
    vertical-align: top;
    width: 94%;
}
#fsrnTextAlternative {
}
.ProgressLogo {
    display: inline-block;
    vertical-align: top;
}
.ProgressLogo img {
    height: 24px;
    width: 65px;
}
#divPrivacyTermsLinksWrapperOuter {
    background: #384649;
    border-bottom: 5px solid #0C83AB;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
}
#divPrivacyTermsLinksWrapper {
    margin: auto;
    max-width: 1200px;
}
#divPrivacyTermsLinksWrapperInner {
    margin: auto 0 auto auto;
    width: 376px;
}
#divTermsFooterLink, #divPrivacyFooterLink, #divHelpFooterLink {
    display: inline-block;
    padding: 0 30px;
    text-align: center;
    vertical-align: top;
    width: auto;
}
#divHelpFooterLink {
    padding-right: 0;
}
#divTermsFooterLink a, #divPrivacyFooterLink a, #divHelpFooterLink a {
    color: white;
    display: inline-block;
    font-size: 0.8em;
    padding: 10px 0;
    width: 100%;
}
#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover, #divHelpFooterLink a:hover {
    text-decoration: underline;
}
#SocialNetFooterWrapper {
    width: 18%;
}
#SocialNetFooter {
    height: 160px;
    position: relative;
}
#SocialNet {
    bottom: 0;
    height: 42px;
    margin: auto;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: -52px;
    transition: opacity 0.1s linear 0s;
    width: 147px;
    z-index: 20000;
}
#divSocialNetFooterTitle {
    background: rgba(0, 0, 0, 0) url("../../templates/current/images/footer_follow_us.svg") no-repeat scroll left top / 90px auto;
}
#SocialNetFooter #SocialNet {
}
#SocialNetIcons {
}
#SocialNetFooter #SocialNetIcons {
    bottom: 0;
    float: none;
    height: 110px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
}
#SocialNetFooter #SocialNetIcons div {
    height: 60px;
    padding: 10px 0;
    position: relative;
}
#SocialNet a {
    padding: 0;
}
#SocialNetTxt {
    display: none;
}
#SocialNetIcons img {
    list-style-image: none;
}
#SocialNetIcons a {
    display: block;
}
#SocialNetIcons #socNetHeaderDiv1 {
    left: 50px;
    position: absolute;
}
#SocialNetIcons #socNetHeaderDiv2 {
    left: 100px;
    position: absolute;
}
#SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img, #SocialNetIcons #socNetFooterDiv0 a img, #SocialNetIcons #socNetFooterDiv1 a img, #SocialNetIcons #socNetFooterDiv2 a img {
    list-style-image: none;
    margin: 0 3px 0 2px;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
#SocialNetIcons #socNetHeaderDiv0 a img, #SocialNetIcons #socNetHeaderDiv1 a img, #SocialNetIcons #socNetHeaderDiv2 a img {
    width: auto;
}
#SocialNetIcons a img.socNetHeaderImgTop0:hover, #SocialNetIcons a img.socNetHeaderImgTop1:hover, #SocialNetIcons a img.socNetHeaderImgTop2:hover, #SocialNetIcons a img.socNetFooterImgTop0:hover, #SocialNetIcons a img.socNetFooterImgTop1:hover, #SocialNetIcons a img.socNetFooterImgTop2:hover {
    opacity: 0;
    z-index: 1000;
}


#divCustomFooterLinks > div {
	display: inline-block;
    padding: 0 24px;
    text-align: center;
    vertical-align: top;
    width: auto;
}


/* COOKIE CONSENT MEMO BOX -------------------------------------------------------------------------------- */

.CookieConsentMemo {
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 0;
    box-sizing: border-box;
    font-family: Arial;
    font-size: 12px;
    left: 0;
    padding: 15px;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 2147483647;
}
.CookieConsentMemo a {
    border-bottom: 1px dotted;
    color: #ffd200;
    font-weight: bold;
    padding-bottom: 1px;
    text-decoration: none;
    transition: all 0.1s ease-in 0s;
}
.CookieConsentMemo a:hover {
    color: #d50303;
}
#rdCookieConsent0 {
    /*margin: 5px 0;*/
}
#cookieConsentForm {
    color: #555555;
    font-family: Arial;
    font-size: 12px;
    line-height: normal;
    width: 100%;
}
#lyrCookieConsent h2 {
    font-size: 16px;
    text-shadow: -1px 0 1px white;
}
#lyrCookieConsent p {
    color: rgba(255, 255, 255, 0.85);
    float: left;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 5px;
    text-align: left;
    width: 80%;
}

#cookieConsentForm .button_submit {
    background: rgba(0, 0, 0, 0) url(../../templates/current/images/X.png) no-repeat scroll center center / 20px 20px;
    border: 4px solid #ffd200;
    color: #fff;
    font-size: 10px;
    height: 40px;
    line-height: 10px;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 2em;
    text-align: center;
    text-indent: -9999px;
    top: 15px;
    width: 40px;
	
	/*CORNERS*/
	border-radius: 50px; -webkit-border-radius:50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; behavior: url(templates/current/PIE.htc);
	
	
}

#cookieConsentForm .button_submit:focus {
    outline: 0 none;
}

#cookieConsentForm .button_submit:hover {
    background: rgba(0, 0, 0, 0) url(../../templates/current/images/XB.png) no-repeat scroll center center / 20px 20px;
    border: 4px solid #d50303;
    transform: rotate(0deg);
}

.CookieConsentPage {}



/* CHECKBOXES & RADIO BUTTONS ----------------------------------------------------------------------- */

input[type="checkbox"],
input[type="radio"] {
	display: none;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    color: #4e5156;
    display: inline-block;
	vertical-align: top;
    margin-right: 10px;
    padding: 10px 0;
    margin-left: 27px;
    text-indent: -27px;
}

input[type="checkbox"] + label span,
input[type="radio"] + label span {
  	display: inline-block;
  	width: 21px;
  	height: 21px;
  	margin: -3px 7px 0 0;
 	vertical-align: middle;
  	cursor: pointer;
	
	/*CORNERS*/
  	border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; behavior: url(templates/current/PIE.htc);
}

input[type="radio"] + label span {
	 width: 23px;
  	height: 23px;
	
	/*CORNERS*/
  	border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; behavior: url(templates/current/PIE.htc);
}

input[type="checkbox"] + label span,
input[type="radio"] + label span {
  	background-color: #ffffff;
  	border: 6px solid white;
  	box-shadow: 0 0 1px grey;
}

input[type="radio"]:checked + label span {
  	background-color: green;
  	border: 6px solid white;
  	box-shadow: 0 0 1px grey;
}

input[type="checkbox"]:checked + label span {
	background: #fff url(../../templates/current/images/checkbox_tick.svg) no-repeat scroll center center;
	border: 3px solid white;
	box-shadow: 0 0 1px grey;
}

input[type="checkbox"] + label span,
input[type="checkbox"]:checked + label span, 
input[type="radio"] + label span,
input[type="radio"]:checked + label span {
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

/* APPLE FIX */
input[type="checkbox"], input[type="radio"] 
{margin-right:5px; height:15px; width:15px; vertical-align: sub;}

input, textarea 
{ /*-webkit-appearance: none;*/ -webkit-border-radius: 0; /* Force Safari to render buttons as in any other browser*/}

input[type="submit"], input[type="reset"], input[type="button"] {-webkit-appearance: none;}

input[type="checkbox"] {-webkit-appearance: checkbox;}


/* JAVASCRIPT DISABLED WARNING --------------------------------------------------------------------------- */

#divJavascriptWarningContainerWrapper {
	width:100%;
}

#divJavascriptWarningContainer {
	width:100%;
	max-width:1200px;
	margin:auto;
	background:red;
	padding:7px 0;
}

#divJavascriptWarningImage {
	display: inline-block;
	vertical-align: top;
	width: auto;
}

#divJavascriptWarningText {
	display: inline-block;
	font-family: "Lato",sans-serif;
	font-size: 0.8em;
	vertical-align: top;
	color:white;
}

#divJavascriptWarningText a {
	color:yellow;
	text-decoration:underline;
}



/* FORM FIELDS -----------------------------------------------------------------------------------------------*/

input,select {}
input[name="DOB"]:disabled,
input[type="password"]:disabled { 
	background-color: #E0E4ED !important;
	border:1px solid rgba(0, 0, 0, 0.2) !important;
}

/* NotRequired PIN digits (need to add image to ../images folder) */
.input_2char.PinDigitNotRequired {
	background: rgba(0, 0, 0, 0.05) url(../../templates/current/images/pinNotRequired.svg) no-repeat scroll center center / 17px auto !important;
}



/* PRELOADERS -------------------------------------------------------------------------------------------*/

#OBLoaderExternal1, 
#OBLoaderExternal2, 
#OBLoaderExternal3,
#divOBLoaderExternalOnlineForm, 
#OBLoaderCalculatorWrapper {
	position: relative;
	width: 100%;
}

#OBLoaderDiv1, 
#OBLoaderDiv2, 
#OBLoaderDiv3,
#divOBLoaderDivOnlineForm,
#OBLoaderCalculatorDiv {
	background: rgba(255, 255, 255, .7);
    display: block;
    float: left;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 50;
}

#OBLoaderCalculatorDiv {
	background: rgba(255, 255, 255, .85);
}
	
#OBLoaderWrapper1 img, 
#OBLoaderWrapper2 img, 
#OBLoaderWrapper3 img,
#imgOBLoaderOnlineForm, 
#OBLoaderCalculator {
	left: 0;
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	margin:auto;
	z-index: 100;
	width:50px;
}



/* FORM FIELDS ---------------------------------------------------------------------------------------------- */

/* BUTTONS */
#divFormButtonsWrapperOuter{}
#divFormButtonsWrapper, 
.secPassBut, 
.pinPassButRand3, 
.dirLoginRowButton {
	background: rgba(224, 228, 237, 1);
    margin-top: -30px;
    padding: 10px;
    position: relative;
    width: 100%;
}

.secPassBut,
.pinPassButRand3,
.dirLoginRowButton {
	margin-top:0;
}

input.button_submit {
    background: #23aa4b;
    border: medium none;
    color: white;
    cursor: pointer;
    font-family: "Lato",sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: auto;
    padding: 12px 15px;
    text-transform: uppercase;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
	
	/*EASING EFFECT*/
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

input.button_submit:hover {
	background: green;
}

input.button_cancel {
    background: none;
    border: medium none;
    color: #d34747;
	font-family: 'Lato', sans-serif;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    padding: 6px 10px;
	cursor:pointer;
	margin-left:15px;
	text-transform: lowercase;
	border-left:1px solid rgba(180, 181, 182, .3);
}

input.button_cancel:hover {
	text-decoration:underline;
}



/* FORM INPUTS -------------------------------------------------------------------------------------------- */

input#File1 {
	border: 1px solid #f0f3f9;
    float: left;
    width: 100%;
}

input[type="file"].input_long::-webkit-file-upload-button {
	float: right;
	position: relative;
}

.input_normal {
	width:80%;
}

.input_long {
	width: 23em;
}

.input_short {
	width: 8em;
}

.input_shorter {
	width: 4.75em;
}

.input_multiline {
	width: 80%;
	height: 100px;
} 

.input_multiLarge {
	width: 280px;
	height: 160px;
}

.input_nosize {
	width:80%;
}

.input_2char {
	width: 2.5em;
	text-align:center;
}

.input_3char {
	width: 3em;
}

.input_4char {
	width: 3.75em;
}

.input_invisible {
	border: 0px solid!important;
	background-color: transparent;
	vertical-align: middle;
}

.input_editor_title {
	display:none;
}

.input_webteller {
	width: 120px;
}

.input_normal, .input_long, .input_short, .input_shorter, .input_multiline, .input_multiLarge, .input_nosize, .input_2char, .input_3char, .input_4char, .input_invisible, .input_editor_title, .input_editor_subtitle, .input_webteller, #searchPage .input_short {
	border: 1px solid #999;
    font-size: 1em;
	color: #4e5156;
    padding: 7px;
	font-family: 'Lato', sans-serif;
	
	/*CORNERS*/
	border-radius: 1px; -webkit-border-radius:1px; -khtml-border-radius: 1px; -moz-border-radius: 1px; behavior: url(templates/current/PIE.htc);
}



/* TABLES ------------------------------------------------------------------------------------------------- */

table {
	margin-bottom: 30px;
	border-collapse: collapse;
}

table table {
    margin-bottom: 0;
}

table.resources td {
	padding: 3px 2px;
} 

table.services {
	width:100%;
}

table.services td {
	width:25%;
}

.tabletitle,
.tabletitle_single,
.tabletitle_multiple {
	background: #0C83AB;
    color: white;
    font-size: 1em;
    font-weight: normal;
    margin-top: 10px;
    padding: 8px 15px;
    text-transform: uppercase;
    width: -webkit-fit-content;
  	width: -moz-fit-content;
  	width: fit-content;
}

.tabletitle input {
	padding:5px;
}

.tableform,
.e-tableform,
.tableform2 {
	border-collapse: collapse;
	float: none;
	border-bottom: 10px solid #EFF1F6;
	border-top:2px solid #0C83AB;
}

.tableform2 {
	width:100%;
}

.e-tableform img {
	display:none;
}

.tableform thead,
.e-tableform thead {
	border-top:2px solid #0C83AB;
}

.tableform td,
.e-tableform td,
.tableform2 td {
	padding:5px 10px;
	background:#EFF1F6;
}

.tableform tfoot,
.e-tableform tfoot {
	color: #828277;
	font-size: 10px;
}

.tableform tfoot td, .e-tableform tfoot td {
	background-color:#E5E5DA;
	font-size: 10px;
}

.tableform .dayColour,
.e-tableform .dayColour{
	background-color:#E2E2D7;
}

.tableform table td,
.e-tableform table td {
	border: none;
	padding: 0px;
}

.tablegrid {
	margin-top: 0px;
	border-collapse: separate;
	border-spacing: 0px;
}

.tablegrid td {
	font-size: 1em;
}


#divSecurePageContentWrapper,
#divContentPageContentWrapper,
#divPagecontentWrapper {
    margin-top: 25px; /*Makes register for access form go down a bit*/
}

/* CURRENCY CONVERTER TABLE -----------------*/

td#tdFXConvertButton {
	text-align: left;
}

td#tdFXConvertButton input {
	padding: 10px 50px;
}

table#exchangeRate {
	width: 100%;
	background: #ffffff;
}

#exchangeRate .thead {
	background: #758690;
	color: #ffffff;
}

#exchangeRate tr.tablerow_main {
	background: #fafcfc;
}

#exchangeRate tr.tablerow_alt {
	background: #edf5f7;
}

#exchangeRate td {    
	padding: 16px 10px;
}

#exchangeRate img {
	width: 40px;
	height: 26px;
	vertical-align: bottom;
}



/* SITEMAP PAGE ---------------------------------------------------------------------------------------------- */

#searchPage table {
	border-top: 2px solid #0C83AB;
    margin-top: 5px;
    width: 100%;
	padding-top:10px;
	background: rgba(224, 228, 237, 0.5);
	padding-bottom:20px;	
}

#tableSearch {
	border:none !important;
	background:none !important;
	margin-top:17px !important;
}

#searchPage td {
	font-size: 1em;
	padding: 5px;
}

#searchPage.searchPage td {
    font-size: 0.85em;
    padding: 5px 10px;
}

#tableSearch td {
	padding:0 !important;
}

#searchPage td:nth-child(1) {
	font-weight: bold;
	text-transform: uppercase;
}

#searchPage.searchPage .tablegrid td:nth-child(1) {
    display: none;
}

#searchPage.searchPage td a {
    font-size: 1.3em;
}

#searchPage td img {
	vertical-align: sub!important;
	margin-right:5px;
}

#searchPage .input_short {
	margin-right: -1px;
	width: calc(100% - 40px);
	float:left;
	display:inline-block;
	vertical-align:top;
	height:36px;
}

#searchPage input.button_submit {
	font-size: 1em;
	background:#23AA4B url(../../templates/current/images/search_icon.svg) no-repeat scroll center center; 
	border: none; 
	font-size: 0;
	height: 36px;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 36px;
	
	/*CORNERS*/
	border-radius: 0px; -webkit-border-radius:0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; behavior: url(templates/current/PIE.htc);
}



/* SERVICES PAGE - SERVICES BOXES ------------------------------------------------------------------------- */

div .services_right, div .services_left {
	background: #EFF1F6;
	display:inline-block;
	vertical-align: top;
	width: 48.5%;
	margin-right:0;
	margin-bottom: 15px;
	padding-right:10px;
}
div .services_left{margin-right:1em; }

div .services_left img, div .services_right img  {
	background: #F7941D none repeat scroll 0 0;
    border-right: 5px solid white;
    margin-right: 20px;
	width: 117px;
}
div .services_left h2, div .services_right h2 {
	border-bottom: medium none;
    font-size: 1.2em;
	line-height:1em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px 0 0;
}
	
div .services_left p, div .services_right p {
	color: rgba(78, 81, 86, .8);
    font-size: 0.8em;
    line-height: 130% !important;
    margin-bottom: 0 !important;
    padding: 5px 10px 0;}
	
div a .services_left , div a .services_right {
	color: #4E5156;
}



/* SUBMENU (CONTENT PAGES ONLY) ------------------------------------------------------------------------ */

#submenu {
    width: 25%;
	margin-bottom:20px;
}
	
#submenu .title_subsections {
	background: none;
    border-bottom: 1px solid;
    font: bold 1.5em "Oswald",sans-serif;
	font-weight:normal;
    padding: 0 0 3px;
	text-transform:uppercase;
	margin-bottom:30px;
	color: #4E5156;
}

#submenu ul, #modulelinks_contentpage ul  {
	border-top:1px dashed #b4b5b6;
}	

#submenu ul {
	width:100%;
}	

#submenu li {
	list-style-type: none;
}

#submenu a {
	background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint_arrow.svg) no-repeat scroll 10px center;
    border-bottom: 1px dashed #b4b5b6;
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    padding: 10px 0 10px 25px;
}

#submenu a:hover {
	color: #4e5156;
	background:#f6f6f6 url(../../templates/current/images/bulletpoint_arrowB.svg) no-repeat scroll 10px center;
}

#submenu .subitem_selected a {
	background: rgba(0, 0, 0, 0) url(../../templates/current/images/bulletpoint_arrowC.svg) no-repeat scroll 10px center;
	color: #0C83AB;
	cursor:default;
}



/* SIDEBAR (CONTENT PAGES ONLY) --------------------------------------------------------------------------------- */

#sidebar {
	width: 25%;
}



/* NEWSLETTER FORM ------------------------------------------------------------------------------------------ */

#onlineNewsletterForm {
    border-top: 1px solid rgba(255, 255, 255, .3);
	border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 28px;
	position:relative;
}

#onlineNewsletterForm input {
	border: 0 none;
    color: #838486;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    margin-top: 28px;
    padding: 10px;
    width: 100%;
}

#onlineNewsletterForm input.button_submit {
	background: #f7941d url(../../templates/current/images/button_arrow2.svg) no-repeat right center/ 46px auto;
    border-radius: 0;
    color: white;
    font-family: "Oswald",sans-serif;
    font-size: 1em;
    left: 0;
    padding: 9px 47px 9px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 146px;
	
}


	/*#onlineNewsletterForm input.button_submit:after {
    content: '';
	background: #a5a7ab;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
	}*/
	
#onlineNewsletterForm input.button_submit:hover {
	background: green;
}



/*SITEMAP CONTAINER AND NAVIGATION ----------------------------------------------------------------------------- */

#siteMap {
	display:none;
}

#siteMapMenu {}

#siteMapMenu li {}

#siteMapMenu ul li a {}

#siteMapMenu ul li ul a {}



/* GRAPHIC ICONS BELOW LOGIN AREA ---------------------------------------------------------------------------------------------------------------- */

.Lost_bkgd,
.register,
.security,
.problems,
.browser {
	display:none;
}



/* LOST YOUR PIN ---------------------------------------------------------------------------------------------- */

.lostPinCont {
	position: relative;
	width: 100%;
	height: 80px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-bottom: 10px;
	background-color:#F0F0F0;
}

.lostPinTxtAlertCont{
	float: right;
	width: 0%;
	height: 100%;
}

.lostPinContInner{
	position: relative;
	width: 100%;
	height: 100%;
}

.lostPinTxt{
	padding-left: 10px;
	padding-bottom: 5px;
}



/* LOGIN PAGE ---------------------------------------------------------------------------------------------------- */

.mainContainerbkgd,
.mainContbkgd3,
.mainContbkgdPin2,
.mainContbkgdSec2,
.mainContbkgdSec2 {}

.mainContbkgd3 {
	margin-bottom:30px;
	/*margin-top: 27px;*/
}

.mainContainer,
.mainContRand3,
.mainContSec2 {
	width:100%;
	padding:20px;
	background: #f0f3f9;
	position:relative;
}

.memContText {
	padding: 0 0 10px;
}

.pinContRand3,
#dobContRand3 {
	padding:10px 0 5px;
}

.memberNumberTxt,
.memberNumberTxt2,
.dobInputTxtRand3_2,
.insertRandomPin3,
.insertRandomPin3,
.securityPasswordTxt,
.userTxt,
.passwordTxt,
.enterCode,
.rand3PinTxt {
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
	padding:6px 0;
	width:140px;
	white-space:nowrap;
}

.dobInputTxtRand3 {
	display:inline-block;
	vertical-align:top;
	padding:6px 0;
	width:140px;
}

.dobForm3 {
	display:inline-block;
	vertical-align:top;
}

.memberNumberTxt2 {
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
	padding:10px 0;
}

.memNumForm,
.memNumForm2,
.dobForm3_2,
#divMemLoginPINDigitis,
.secPassForm,
.userInputShort,
.passwordInputShort,
.enterCodeInputShort,
.pinNumForm {
	display:inline-block;
	vertical-align:top;
}


/* LOGIN PAGE PASSWORD BOX */
.secPassForm{
	margin-left:4px; 
}

.securityPasswordTxt {}

.rand3PinTxt{}

.noMemberNumber,
.noMemberNumber2 {
	margin: 10px 0 5px;
	font-size:.9em;
}

#AlertPanelMemNo,
#AlertPanelPIN {
	background: #0C83AB;
    bottom: 0;
    color: white;
    font-size: 0.9em;
    left: auto;
    line-height: 1.2em;
    margin: auto;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}

#AlertPanelMemNo a,
#AlertPanelPIN a {
	color:white;
	border-bottom:1px dotted;
	font-weight:bold;
}

#altAnnouncement {
	display:none;
}


/* LOGIN PAGE - YELLOW MESSAGE ABOVE THE MEMBER LOGIN PANEL */
#announcements_login {
	background-color: #f9f6c8;
    line-height: normal;
    margin-bottom: 20px;
    padding: 10px;
	margin-top:25px;
    width: 100%;
}


/* "SESION TIMEOUT" MESSAGE */
#announcements_login_warning {
	background-color: #fcd4d2;
    color: #a02a2a;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px;
    vertical-align: middle;
    width: 100%;
}

.pLoginFailed {
	background:rgba(211, 71, 71, .09);
    color: #d34747;
    margin-bottom: 0px;
    margin-top: -20px;
    padding: 10px;
}



/*MOBILE APP PAGE*/

.app_image {
	height: auto;
	text-align: right;
}

#contentPage .pagecontent .app_links img {
    width: 200px;
}

.left {
    padding-top: 20px;
}

.column {
    display: inline-block;
    width: 49%;
}



.divOnlinePayResultSuccess p{
	border-left: 5px solid #eee;
    padding: 5px 10px 5px 15px;
}
	.divOnlinePayResultSuccess p:first-child{
		padding: 20px 20px 20px 70px;
	    border-top: 2px dotted #27ae60;
	    border-bottom: 2px dotted #27ae60;
	    background: #f9f9f9 url(../../templates/current/images/checked.svg) no-repeat 15px center;
	    background-size: 40px auto;
	    margin: 10px auto;
	    border-left: 0;
	    font-weight: bold;
	}


.divOnlinePayResultFail p{
	border-left: 5px solid #eee;
    padding: 5px 10px 5px 15px;
}
	.divOnlinePayResultFail p:first-child{
		padding: 20px 20px 20px 70px;
	    border-top: 2px dotted #e74c3c;
	    border-bottom: 2px dotted #e74c3c;
	    background: #f9f9f9 url(../../templates/current/images/warning.svg) no-repeat 15px center;
	    background-size: 40px auto;
	    margin: 10px auto;
	    border-left: 0;
	    font-weight: bold;
	}


.about_registerforonlineaccess .divPageContentInner span p{
	padding: 15px 20px 15px 90px;
    border-top: 2px dotted #f7941d;
    border-bottom: 2px dotted #f7941d;
    background: #f9f9f9 url(../../templates/current/images/warning-register.svg) no-repeat 15px center;
    background-size: 50px auto;
    color: #f7941d;
    font-weight: bold;
    margin-bottom: 20px;
}




#obTimeOutInfo {
	background: #fff0cd url(../../templates/current/images/timeout.svg) no-repeat 15px center;
	background-size: 30px auto;
	width: 100%;
	padding: 10px;
	padding-left: 60px;
	box-sizing: border-box;
	color: #db1d1d;
	margin-bottom: 20px;
	border-top: 2px dotted #db1d1d;
	border-bottom: 2px dotted #db1d1d;
}



/* ####NEWCODEPLACEHOLDER#### */




/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/












@media only screen and ( max-width: 81.25em ) /* 1300 */ {
	
#homepageImageTextDivWrapper{ height:100%; max-width:1100px; }

#homepageImageTextDiv {float:left; height:100%; max-height:230px;}

}

@media only screen and ( max-width: 75em ) /* 1200 */ {
	
ul#homepagejQueryImages, ul#homepagejQueryImagesMobile {left: auto; right: 30px; text-align: right;}

#contentareaWrapperOuter {padding:0 10px;}

#homePage #mc_embed_signup h2{font-size:1.4em;}

	#divFooterCustomHTML1Wrapper, #divFooterCustomHTML2Wrapper {
	    width: 92%;
	    border-bottom: 1px dashed rgba(255,255,255,.5);
	    margin: 0 auto 30px;
	    display: block;
	    height: 220px;
	}

	#divFooterCustomHTML2Wrapper{
		height: 240px;
	}

	#divFooterCustomHTML1, #divFooterCustomHTML2 {
	    border:none;
	    width: 500px;
    	margin: auto;
	}

	#pagefooterIndex {
	    border:none;
	    height: 710px;
	    margin: 40px auto 40px;
	}

	#SocialNetFooterWrapper {
	    width: 92%;
	    border-bottom: 1px dashed rgba(255,255,255,.5);
	    margin: 0 auto 30px;
	    display: block;
	    height: 125px;
	}

	#SocialNetFooter {
	    height: 90px;
	}

	#divCustomFooterLinksWrapper{
		top:5px;
	}

	#divCustomFooterLinks {
	    margin: auto;
	    width: 240px;
	}



}


@media only screen and ( max-width: 72em ) /* 1152 */ {
	
ul#homepagejQueryImages, ul#homepagejQueryImagesMobile {left:auto; right:30px; bottom:30px;} /*Moves slider dots to the side*/



#pagefooterAlternative {width:93%;}


#fsrnTextOffWrapper {padding:20px;}

#divSliderLoanCalculatorWrapper {padding:0 20px;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {right: 10px;}

#divPrivacyTermsLinksWrapperInner {margin: auto 15px auto auto;}


/* MAIN SLIDER TEXT BOX */

#homepageImageTextDiv > div {/*bottom: 0; height: 180px; left: 0; margin: auto 20px; position: absolute; right: 0; top: 0;*/ height:auto; padding-bottom:40px;}

#homepageImageTextDiv h2 {margin-bottom:0; line-height:1.3em;}

#homepageImageTextDiv h3 {line-height: normal; font-size:1.2em;}

#divSpotlightsWrapperOuter {background:none; margin:0 !important; padding: 20px;}

.spotlight_image_upload img {width:35%;}

.spotlight_text {padding:0; min-height:180px;}

.spotlight_title h4 {padding-left:110px;}

#masthead .logo {padding: 25px 10px 30px;}

#spotlight1, #spotlight2, #spotlight3, #spotlight4, #spotlight5, #spotlight6 {padding-bottom:40px;}

#divNewsletterWrapper {right:20px;}

#loanSliderContainerHome .Sliders, #loanSliderContainerHome .Results, #loanSliderContainer .Sliders, #loanSliderContainer .Results {padding:0 30px 0 10px;}

#loanSliderContainerHome .Results, #loanSliderContainer .Results {padding: 0 10px 0 0;}

#newsheadlines {padding:10px 20px 50px;}

#divHTMLAnnouncements1Wrapper #announcements_content_dynamic {right:20px; top:-590px;}

#divHTMLAnnouncements2Wrapper {padding:0 20px;}

#divHTMLAnnouncements4Wrapper {padding: 0 20px;}

}


@media only screen and ( max-width: 68.75em ) /* 1100 */ {
	
#fsrnTextOff {padding: 0 10px;}

#homepageImageTextDiv {padding: 10px 20px; bottom:0; }

#pagefooterAlternative {width: 92%;}

#SocialNet {top:0; right:100px;}

#masthead .logo { padding: 25px 10px 30px;}

#divNewsletterWrapper {right:0;}


}


@media only screen and ( max-width: 64em ) /* 1024 */{

#layoutarea {float:none; background:none; padding:0px;}
		
#divPrivacyTermsLinksWrapper {padding: 0 15px;}

#loginarea {right:0;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic {}

#homePage .newsArticleIndividualWrapper {}

#divSliderLoanCalculatorWrapperOuter {padding-top:60px; height:auto; padding-bottom:110px;}

#loanSliderContainerHome .informationalLoanCal {padding: 0px 15px;}





#divFooterDetailsWrapper {padding-bottom:40px;}

	#pagefooterOuterIndex::before {display:none;}

#divFooterDetailsTitle, #divSocialNetFooterTitle, #divCustomFooterLinksTitle {width: 200px; margin-top:-25px;}

#footerDetails, #SocialNetFooter {border:none;}

#footerDetails {border-bottom: 1px dashed rgba(255, 255, 255, 0.3); height: 100%; padding: 40px 0 30px;}
	








#divFooterCustomHTML1 img { margin-bottom: 10px;}


#loanSliderContainerHome::before, #loanSliderContainerHome::after {display:none;}

.informationalLoanCal::before, #loanSliderContainerHome .informationalLoanCal {width:100%; left:0;}

#loanSliderContainerHome .informationalLoanCal {padding-top:0;}

#divNewsletterWrapper {height:auto; position:relative; top:0; width:100%; padding: 20px;}

#aprHome, #apr {padding: 20px 10px;}

#news_content > div:last-child {display:none;}

#news_content > div {width:100%;}

#divHTMLAnnouncements1Wrapper #announcements_content_dynamic {
	display: inline-block;
    margin: auto;
    position: absolute;
    right: 20px;
    top: -660px;
    width: 50%;
}

#divNewsletterWrapperOuter {}

#loanSliderContainerHome, #loanSliderContainer {width:100%;}


.mobile_promo_container {width:100%;}

#divHTMLAnnouncements3WrapperOuter {display:none;}

#newsheadlines {width:50%;}


}


@media only screen and ( max-width: 61.25em ) /* 980 */ {

#mainmenu {display:none;}

#homePage .newsArticleImageSpan, #homePage .newsArticleImageLargeSpan {max-width:100%; margin-right:0;}

#homePage .newsArticleIndividualWrapper {width: 100%; padding-bottom: 20px;}

.newsArticleIndividualWrapper {width:100%;}

#homepageImageTextDiv {animation:none; -webkit-animation:none;}

#divSpotlightsWrapper {width:100%;}

body, #main {background:none;}

.pagecontent {padding:0 5px;}

#divHomepageImagesWrapper, #divSpotlightsWrapperOuter, #divNewsHeadlinesWrapper {}

#divSliderLoanCalculatorWrapper {padding: 0;}

#loginarea { position:relative; padding: 15px; right:0;}

#facilities .divider {/*width: 33.25%;*/}

#masthead .logo #img_masthead {float: none; margin: 1em auto; padding: 0em 0em 0em 0; text-align: center; padding-right:0; position:relative;}

#masthead #announcements {display:none;}

#facilities {background: #0C83AB;}

#facilities #helpmenu {display:none;}

#facilities a:hover {border-bottom: none; background: rgba(255, 255, 255, .2); color:white; text-decoration:none;}

#header-sitemap { /*width: 33.5%;*/}
	
#submenu, #sidebar, #divQuickLinksWrapper{width: 100%; margin-top:0px; margin-bottom:40px;}

#modulelinks_contentpage {padding-bottom:20px;}

#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:49%; margin: 0 0.5%; padding-bottom:20px;}

#divSpotlightsWrapper div:first-child, #divSpotlightsWrapper div:nth-child(3) {margin-left: 0; margin-right:1.5%;}

#divSpotlightsWrapper div:nth-child(4), #divSpotlightsWrapper div:nth-child(2) {margin-right:0;}

#contentarea {width:100%;  float:none;}

#newsheadlines img {}

.ProgressLogo {display:none;}

.spotlight_image_upload {padding: 15px 0 0;}

#spotlight1:hover, #spotlight2:hover, #spotlight3:hover, #spotlight4:hover, #spotlight5:hover, #spotlight6:hover {box-shadow:none;}

.pagetitle {}

#newsheadlines_contentpage #news_content img {width:100%; max-width:50%;} 

/*#divHTMLAnnouncements1Wrapper #announcements_content_dynamic div {width:100%; height:auto;padding:30px 10px;}*/

#announcements_content_dynamic #spot1, #announcements_content_dynamic #spot2, #announcements_content_dynamic #spot3 {padding-left:130px;}


#loanSliderContainerHome {width:100%;}

#newsheadlines {height: auto; position: relative; top: 0; width: 100%; border-bottom:none;}

#divHTMLAnnouncements1WrapperOuter, #divHTMLAnnouncements2WrapperOuter, #divHTMLAnnouncements3WrapperOuter, #divHTMLAnnouncements3WrapperOuter {/*margin:0px auto; background:none; padding: 0 /*10px;*/}

#divHTMLAnnouncements1Wrapper, #divHTMLAnnouncements2Wrapper, #divHTMLAnnouncements3Wrapper, #divHTMLAnnouncements4Wrapper {}

#divLoginAreaWrapper {position:relative; margin:30px 0 20px;}

#loginarea {margin:auto;}
	
#divSpotlightsWrapper div:first-child, #divSpotlightsWrapper div:nth-child(3) {margin-bottom:10px;}

#announcements_content_dynamic p {max-width:90%; margin:auto; float:left;}


/*ANNOUNCEMENTS LINKS*/

#announcements_content_dynamic a {height: 218px; padding: 0;}

#pagefooterAlternative {width:100%;position:relative;}

#newsheadlines_contentpage {min-height:190px;}

h4.h4quicklinks, h4.h4newsheadlines, #submenu .title_subsections {font-size: 1.6em;}


#loginarea img {width: 282px;}

#registerWrappper {margin-top: 4px;}

#header-search .imgSearchButton {outline:none;}

.spotlight_text {height:auto; min-height: 155px; padding-top:20px;}

#loanSliderContainer .Sliders, #loanSliderContainer .Results { min-height:auto;}

#loanSliderContainer .Sliders {margin-bottom:30px;}

#divExistingLoanText {position: relative; width: 100%;}

#mainmenu { display:none;}

#divFacilitiesInnerWrapper {width:50%;}

#header-customlink1, #header-customlink2, #header-customlink3 {display:block;}

#header-customlink4, #header-customlink5, #header-help {display:none;}

#divHTMLAnnouncements2Wrapper { padding: 0 20px;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic iframe {text-align:center;}

#divSliderLoanCalculatorWrapperOuter {/*padding:0 20px 130px; background:none; height:auto;*/}

#loanSliderContainerHome, #loanSliderContainer {background: #f0f3f9;}

#homePage #loanSliderContainerHome, #homePage #loanSliderContainer {background: #ffffff;}

#divSpotlightsWrapperOuter {padding:30px 20px 30px;}

#divSpotlightsWrapper div:nth-child(3) {margin-bottom:0;}

#announcements_content_dynamic {padding:0;}

#divHTMLAnnouncements3Wrapper #announcements_content_dynamic {padding:0;}


#divNewsHeadlinesWrapperOuter { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: inline-block; vertical-align: top; width: 49%;}
	
#divHTMLAnnouncements2WrapperOuter { /*display: inline-block; margin: 0; vertical-align: top; width: 49%; margin-top:10px;*/}

/*#mastheadWrapperOuter {background-image:none;}*/

#news_content {padding:0 5px 30px;}

#homePage #news_content {padding:0;}

#calculatorPage .pagetitle, #loginPage .pagetitle {float:none; padding-top:20px;}

.spotlight_image_upload img {width:126px;}

.spotlight_title h4 {padding-left:140px;}

#divHTMLAnnouncements1Wrapper #announcements_content_dynamic {top:-600px;}

#homePage #mc_embed_signup h2 {font-size:1.6em;}

#divNewsletterWrapper p {padding-left:15px; }


}

@media only screen and ( max-width: 61.25em ) /* 960 */ {
		
#pagefooterIndex {
    height: 700px;
}


#divFooterDetailsWrapper {padding-bottom:40px;}

	#pagefooterOuterIndex::before {display:none;}

#divFooterDetailsTitle, #divSocialNetFooterTitle, #divCustomFooterLinksTitle {width: 200px; margin-top:-25px;}

#footerDetails, #SocialNetFooter {border:none;}

#footerDetails {border-bottom: 1px dashed rgba(255, 255, 255, 0.3); height: 100%; padding: 40px 0 30px;}
	



#divFooterCustomHTML1 img { margin-bottom: 10px;}

}



@media only screen and ( max-width: 55em ) /* 880 */ {
	




#divFooterDetailsWrapper {padding-bottom:20px;}

	#pagefooterOuterIndex::before {display:none;}

#divFooterDetailsTitle, #divSocialNetFooterTitle, #divCustomFooterLinksTitle {width: 200px; margin-top:-25px;}

#footerDetails, #SocialNetFooter {border:none;}

#footerDetails {border-bottom: 1px dashed rgba(255, 255, 255, 0.3); height: 100%; padding: 40px 0;}
	
/*#divFooterCustomHTML1Wrapper { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); height: auto; padding: 0 0 30px; width: 100%;}

#divFooterCustomHTML1 { border-right: medium none; height: 100%; margin: auto; width: 70%;}*/

#divCustomFooterLinksWrapper {top:0;}

}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
td.membership_table {font-size: 0.9em;}

#announcements_content_dynamic h2 {margin-top:1.5%;}

#announcements_content_dynamic a {height: 230px; padding: 0;}

#newsheadlines_contentpage {}

}


@media only screen and ( max-width: 48em ) /* 768 */ {

#AlertPanelPIN, #AlertPanelMemNo {padding: 10px; position:relative; width: auto; margin-bottom:30px;}

}


@media only screen and ( max-width: 45em ) /* 720 */ {	

	#announcements_content_dynamic #spot2 a {height: 250px; padding: 0;}

	.newsArticleImageSpan, .newsArticleImageLargeSpan {/*display:none;*/}

	.column { display: inline-block; width: 100%;}

	.app_image {text-align:left;}

	div.services_right, div.services_left {width:100%; margin-right:0;}

	
}


@media only screen and ( max-width: 40em ) /* 640 */ {
	

#loanSliderContainerHome .Sliders, #loanSliderContainerHome .Results {width:100%; padding:0; min-height:auto;}

#loanSliderContainer .Sliders, #loanSliderContainer .Results {width:100%; padding:0 15px;}

#divSliderApplyButtonHome {}
	
#sliderValuesListHome, #sliderValuesList {padding:0 15px;}

#divSliderLoanCalculatorWrapperOuter {background:none; padding:0 0 122px;}

#divSliderLoanCalculatorWrapper {padding:0;}

#amountHome, #termHome, #amount, #term {width: calc(100% - 10px);}

#loanSliderContainerHome select#intrateDDL, #loanSliderContainer select#intrateDDL {width:100%;}

#announcements_content_dynamic #spot1 a {height: 250px; padding: 0;}

.informationalLoanCal {margin-top:15px;}




/* FOOTER */

#fsrnTextAlternative {text-align: center;}

#divPrivacyTermsLinksWrapperOuter {background-image:none;}

#divPrivacyTermsLinksWrapperInner, #divCustomFooterLinks {width: 100%; margin: auto;}

#divCustomFooterLinks > div {float:left; width:50%;}

#divTermsFooterLink, #divPrivacyFooterLink, #divHelpFooterLink {padding:0;}

#divPrivacyTermsLinksWrapper {padding:0;}

#divTermsFooterLink, #divPrivacyFooterLink, #divHelpFooterLink {float: left; width: 33.333%;}

#divTermsFooterLink a:hover, #divPrivacyFooterLink a:hover, #divHelpFooterLink a:hover {text-decoration:none; background: rgba(0, 0, 0, .2);}

#divPrivacyTermsLinksWrapper {padding: 0;}

#homepageImageTextDivWrapperOuter {position: relative;}

#homepageImageTextDiv {background: #e8e8e8; padding: 15px 20px 20px; position:relative; top:0; left:0; width:100%; max-height:100%; min-height:260px; /*Slider Text Height - IMPORTANT*/}

ul#homepagejQueryImages, ul#homepagejQueryImagesMobile {bottom: 0; left: 0; position: relative;}


ul#homepagejQueryImages, ul#homepagejQueryImagesMobile {float:none; margin:25px auto;}

ul#homepagejQueryImages, ul#homepagejQueryImagesMobile {text-align:center;}

#homepageImageTextDiv h1, #homepageImageTextDiv h2, #homepageImageTextDiv h3 {color: #4e5156; }

ul#homepagejQueryImages li, ul#homepagejQueryImagesMobile li{background: #4e5156;}

#divSpotlightsWrapperOuter {
    padding: 0 20px 30px;
}


#divNewsHeadlinesWrapperOuter {width:100%; padding-bottom:0; min-height: auto;}

#divHTMLAnnouncements1Wrapper #announcements_content_dynamic {float: none;
    left: 20px;
    max-width: 500px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
	padding:40px 0;}

#announcements_content_dynamic #spot1, #announcements_content_dynamic #spot2, #announcements_content_dynamic #spot3, #announcements_content_dynamic #spot4, #announcements_content_dynamic #spot5, #announcements_content_dynamic #spot6 {width:100%; margin-bottom:0;}

#announcements_content_dynamic h2 {margin-top:22px;}

#divHTMLAnnouncements1WrapperOuter {background-color: #E8E8E8;}
#divHTMLAnnouncements2WrapperOuter {height:auto; background-image:none;}

#divHTMLAnnouncements2Wrapper {padding-bottom:40px;}

#loanSliderContainerHome .informationalLoanCal, .informationalLoanCal::before {color: #4e5156;}

}


@media only screen and ( max-width: 37.5em ) /* 600 */ {


	.openingTimes, .CUName {
	    display: block;
	    margin: auto;
	}
	.openingTimes {
	    float: none;
	    margin: 20px auto 0;
	    width: 215px;
	}

	#divFooterCustomHTML1, #divFooterCustomHTML2 {
	    padding: 0;
	    width: 100%;
	}

	#divFooterCustomHTML1Wrapper, #divFooterCustomHTML2Wrapper {
	    width: 92%;
	    border-bottom: 1px dashed rgba(255,255,255,.5);
	    margin: 0 auto 30px;
	    display: block;
	    height: 390px;
	}

	#divFooterCustomHTML2Wrapper {
	    height: 420px;
	}

	#pagefooterIndex {
	    height: 1050px;
	}




#announcements_content_dynamic a {height: 250px; padding: 0;}

#divHomepageImagesMobileWrapper {display:block; position:relative; padding:0;}

#divHomepageImagesWrapper {display:none;} 

#SocialNet { box-sizing: content-box; display: block; float: right; margin-bottom: 20px; position: relative; right: 15px; top: -5px;}

#divFacilitiesInnerWrapper {width:100%;}

#news_content {padding:0 5px 20px;}

#divNewsHeadlinesWrapperOuter { width: 100%; margin-left:0; min-height:auto;}

#divHTMLAnnouncements2WrapperOuter {width:100%;}

.newsArticleImageSpan, .newsArticleImageLargeSpan {margin-right:0;}

#divHTMLAnnouncements2Wrapper {}

#mastheadWrapperOuter.fixed #SocialNet, #mastheadWrapperOuter.fixedAtFooter #SocialNet {display:none;}

#mastheadWrapperOuter.fixed #masthead .logo, #mastheadWrapperOuter.fixedAtFooter #masthead .logo {padding:10px; width:200px;  /*EASING EFFECT*/
	    -webkit-transition: all 0s ease-out 0s;
	    -moz-transition: all 0s ease-out 0s;
	    -o-transition: all 0s ease-out 0s;
	    transition: all 0s ease-out 0s;}

#mastheadWrapperOuter.fixed #masthead .logo #img_mastheadMobile, #mastheadWrapperOuter.fixedAtFooter #masthead .logo #img_mastheadMobile {width:200px; /*EASING EFFECT*/
	    -webkit-transition: all 0s ease-out 0s;
	    -moz-transition: all 0s ease-out 0s;
	    -o-transition: all 0s ease-out 0s;
	    transition: all 0s ease-out 0s;}

	







}


@media only screen and ( max-width: 35.5em ) /* 568 */ {
/*#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:100%;}*/

.spotlight_image_upload img {width:100px;}

.spotlight_title h4 {padding-left:115px;}

.spotlight_text {min-height:190px;}

}


@media only screen and ( max-width: 32.5em ) /* 520 */ {

#searchPage td {display: block;}

#searchPage.siteMap td:nth-child(2) {display: none;}

#searchPage td:nth-child(3) {padding-left: 45px;}

td.emptycell {display:none !important;} /*Removes the dotted line between icon and text on sitemap page*/

#masthead .logo #img_masthead {display:none;}

#divSearchForm_wrapper {font-size: 10px;}

#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:100%; min-height:auto; margin:10px 0 0!important;}


#sliderValuesListHome {padding: 10px 15px;}

#divSliderApplyButtonHome {padding: 0;}

#newsheadlines {padding-top:0;}

.spotlight_link {position:relative; top: -5px;}

#announcements_content_dynamic a {height: 270px; padding: 0;}

.spotlight_text {height: auto; min-height: auto; padding-bottom: 20px; width:100%;}

#divSliderLoanCalculatorWrapperOuter {padding:0 0 152px;}

#divHTMLAnnouncements1Wrapper #announcements_content_dynamic {left:0;}


.spotlight_image_upload {padding:0;}

.spotlight_image_upload img {float:none; width:126px;}

#spotlight1, #spotlight2, #spotlight3, #spotlight4 {margin: 0;}

#divSpotlightsWrapper div:first-child, #divSpotlightsWrapper div:nth-child(3) {margin-right:0;}

.spotlight_title {height:auto;}

.spotlight_title h4 {font-size: 2em;
    line-height: 1em;
    padding-left: 0;
    padding-top: 20px;
    text-align: center;}

.spotlight_link {float:none;}

.spotlight_link a {margin:auto;}

.spotlight_text p, .spotlight_text li {text-align: center;}

#homePage .newsArticleIndividualWrapper {padding-right:0;}

}



@media only screen and ( max-width: 30em ) /* 480 */ {

.informational, #bankingPinConfirm .informational {left:0px;}

#divMemLoginPINDigitis { margin-left:-5px; margin-top:5px;}

.newsArticleDiv .newsArticleImageSpan img, #newsheadlines_contentpage #news_content img {max-width:100%;}

.newsArticleImageSpan, .newsArticleImageLargeSpan {display:block;}

	.about_registerforonlineaccess .divPageContentInner span p{
		padding: 90px 20px 15px 20px;
	    background: #f9f9f9 url(../../templates/current/images/warning-register.svg) no-repeat center 15px;
	    background-size: 50px auto;
    	text-align: center;
	}


}


@media only screen and ( max-width: 26.6875em ) /* 427 */ {
	
.informationalLoanCal {
    font-size: 0.6em;
    line-height: 1.7em;
}

#homepageImageTextDiv h1 {font-size: 3em;
    line-height: 1.3em;}
	

}

@media only screen and ( max-width: 25em ) /* 400 */ {

#divNewsHeadlinesWrapper {min-height:300px;}

.informational {letter-spacing:normal;}

.spotlight_image_upload {padding: 0px; width: 100%;}

#divSearchForm_wrapper {font-size: 8px;}

#announcements_content_dynamic a {height: 245px !important; padding: 0;}

#newsheadlines_contentpage {min-height:220px;}

#homepageImageTextDiv h1, #homepageImageTextDiv h2, #homepageImageTextDiv h3 {text-align:center;}

.banner_btn {margin: auto; width: 146px;}


/* ALL INPUT BOXES */

.input_normal, .input_long, .input_short, .input_shorter, .input_multiline, .input_multiLarge, .input_nosize, .input_2char, .input_3char, .input_4char, .input_invisible, .input_editor_title, .input_editor_subtitle {width:85%;}


/* MEMBER LOGIN SCREEN INPUT FIELDS */

.memNumForm input, #DOBmonth, .memNumForm2 input, .dobForm3_2 input, .dropmenu_top .input_short, .secPassForm input, .userInputShort .input_short, .passwordInputShort .input_short, .enterCodeInputShort .input_short, table .input_short {width: 8em;}

.memNumForm2 input.button_submit {width: auto;}

.dobForm3 input, #divMemLoginPINDigitis .input_2char {width: 2.5em;}

#DOByear {width:3.75em;}

.pinContRand3 input {width: 2.5em;}

.tableform tbody td, .e-tableform tbody td {font-size:0.9em; line-height:normal;}	

.required {font-size:1.1em;}

.requiredText {font-size: 0.7em;}

.requiredStar {font-size:.8em;}

.smallfont a {font-size: 1.2em;}

#homepageImageTextDiv > div {/*margin: auto 10px; height:210px;*/}

#divFooterCustomHTML1 {width: 100%;}

}


@media only screen and ( max-width: 22.5em ) /* 360 */ {

ul#homepagejQueryImages {display:none!important;}

#announcements_content_dynamic h2 {font-size: 1.3em; line-height: normal;}

#announcements_content_dynamic a {height: 265px; padding: 0;}
	
.memberNumberTxt, .memberNumberTxt2, .dobInputTxtRand3_2, .insertRandomPin3, .insertRandomPin3, .securityPasswordTxt {width: 100%;}

.secPassForm {margin-left:0;}

#divTermsFooterLink a, #divPrivacyFooterLink a, #divHelpFooterLink a {font-size: 0.7em;}

#searchPage.siteMap td { font-size: 0.9em;}

#divNewsletterWrapper .spotlight_title h4 {font-size:1.4em;}

.spotlight_image_upload img {width:100px; height:auto;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic h1 {margin-bottom:0; padding-left:0; padding-top:0; background:none; padding-bottom:0; font-size:1.6em;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic > h2 {font-size:.8em;}

#divHTMLAnnouncements2Wrapper #announcements_content_dynamic h2 {padding-left:0;
position:relative; top:0; padding-top:0; margin-top:0;}

#announcements_content_dynamic #spot1, #announcements_content_dynamic #spot2, #announcements_content_dynamic #spot3, #announcements_content_dynamic #spot4, #announcements_content_dynamic #spot5, #announcements_content_dynamic #spot6 {background-size: 70px auto;
    height: auto;
    margin-bottom: 20px;
    padding-left: 95px;}

#divHTMLAnnouncements2Wrapper {
    padding-bottom: 30px;
}

#divHTMLAnnouncements4Wrapper {height:auto; padding-bottom:30px;}

#divHTMLAnnouncements4Wrapper #announcements_content_dynamic {width:165px; margin: auto;} 

.announcement3_container {width:auto;}

.google_play {margin-bottom:10px;}
.app_store {float:none;}

#homePage #mc_embed_signup h2 {font-size:1.3em; }

}


@media only screen and ( max-width: 20em ) /* 320 */ {

#announcements_content_dynamic #spot1 a {height: 265px !important; padding: 0;}

.pinContRand3 input {width: 2.3em;}

#loginarea {width:100%; padding:0px 20px; background:none;}


input#apr {text-align: center;}

span#spanWeekHome, span#span2WeeksHome, span#span4WeeksHome, span#spanMonthHome, span#spanMonthTotalHome, span#spanWeekTotalHome, span#spanWeek, span#span2Weeks, span#span4Weeks, span#spanMonth, span#spanMonthTotal, span#spanWeekTotal, span#span2WeeksTotal, span#spanWeekTotalInterest, span#span2WeeksTotalInterest, span#spanMonthTotalInterest,  span#spanWeekTotalInterestHome, span#span2WeeksTotalHome, span#span2WeeksTotalInterestHome, span#spanMonthTotalInterestHome {text-align: center; width: 100%;}

input#paymentSliderWeeklyHome, input#paymentSlider2WeeksHome, input#paymentSlider4WeeksHome, input#paymentSliderMonthlyHome, input#paymentSliderTotal4WeeksHome, input#paymentSliderTotalMonthlyHome, input#paymentSliderTotalWeeklyHome, input#paymentSliderWeekly, input#paymentSlider2Weeks, input#paymentSlider4Weeks, input#paymentSliderMonthly, input#paymentSliderTotal4Weeks, input#paymentSliderTotalMonthly, input#paymentSliderTotalWeekly, input#paymentSliderTotalInterest2Weeks, input#paymentSliderTotal2Weeks, input#paymentSliderTotalInterestWeekly, input#paymentSliderTotalInterestMonthly, input#paymentSliderTotalInterestWeeklyHome, input#paymentSliderTotal2WeeksHome, input#paymentSliderTotalInterest2WeeksHome, input#paymentSliderTotalInterestMonthlyHome {text-align: center; width: 100%; padding:5px 0;}

#aprHome {text-align:center;}


.memberNumberTxt, .memberNumberTxt2, .dobInputTxtRand3_2, .insertRandomPin3, .insertRandomPin3 {width:100%;}

.input_normal, .input_long, .input_short, .input_shorter, .input_multiline, .input_multiLarge, .input_nosize, .input_2char, .input_3char, .input_4char, .input_invisible, .input_editor_title, .input_editor_subtitle {width:82%;}

.mainContainer, .mainContRand3, .mainContSec2{padding: 20px 9px;}

.tableform .e-tableform {font-size:0.9em;}

#homepageImageTextDiv > div {/*height:210px;*/}

#searchPage td:nth-child(3) {padding-left: 45px;}

#divSliderCalcLoanTypeTextHome, #SlidersTitle, #divSliderCalcLoanTypeText {text-align:center; margin-bottom:15px;}

#amountHome, #termHome, #amount, #term {width:100%; text-align:center;}

.tableform td, .e-tableform td, .tableform2 td {padding:5px;}

/*#divFooterCustomHTML1 {width: 70%; height:100%;}*/

.openingTimes:first-child {margin-bottom: 20px;}
	

#footerDetails ul {width:230px;}

#searchPage.siteMap td { font-size: 0.8em;}

#divSliderLoanCalculatorWrapperOuter {
    padding: 0 0 182px;
}

#homePage h4.h4newsheadlines::after {top:50px;}
}


