/* cmsms stylesheet: layout modified: Thursday, October 9, 2025 10:06:43 PM */
@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
}

/* Desktop */

#masthead-wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	z-index:-9999;
	border-bottom:thick solid #ffc600;
}

#masthead{
	width:96%;
	height:auto;
	margin: 0 auto;
	padding: 2% 2% 0 2%;	
	posotion:relative;
	z-index:-9999;
	background: #f5fcf9; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  #f5fcf9 0%, #e2f0ea 100%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5fcf9), color-stop(100%,#e2f0ea), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* Opera 12+ */

background: -ms-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* IE10+ */

background: radial-gradient(ellipse at center,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fcf9', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	z-index:-9999;
	border-bottom:thick solid #ffc600;

}

#logo{
	width:31%;
	height:auto;
	margin: 2% 0 -2% 5%;
	padding:0;
	float:left;
	z-index:9999;
	position:relative;
}

#masthead-right{
	width:60%;
	height:auto;
	margin:0 auto;
	padding:0;
	float:right;
	position:relative;
}

#nav{
	width:67%;
	height:auto;
	margin:0 auto;
	padding:0;
	float:right;
	position:relative;
}

#clock{
	width:15%;
	height: auto;
	margin:0 auto;
	float:right;
	padding:0;
	text-align:right;
}

.container{
        max-width:1500px;
        height:auto;
        padding:0;
        margin:0 auto;
        
} 

#tagline-left{
	width:42%;
	height: auto;
	margin:0 auto;
	float:left;
	padding:0 0 0 15%;
	text-align:right;
}

#tagline-right{
	width:33%;
	height:auto;
	margin:0 auto;
	float:right;
	padding:0;	
}



#promo-area{
	width:100%;	
	height: auto;
	background-color:#e8e8e6;
	margin:0 auto;
	padding:1% 0 1% 0;
	border-top:thick solid #ffc600;
	border-bottom:thick solid #ffc600;
	z-index:-9999;
}

#promo-image{
	width:60%;
	height:auto;
	margin:0 auto;
	margin-left:0;
	padding: 0;	
	float:left;
	text-align:left;
	z-index:-9999;
}

#promo-right{
	width:36%;
	height:auto;
	margin:0 auto;
	margin-top:0%;
	padding:2% 2% 4% 2%;
	float:right;	
	text-align:center;
	padding-bottom: 0;
	
}

#promo-boxes{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	border-bottom:thick solid #d4d4d4;
}

#promo-savings{
	width:29.3%;
	height:auto;
	padding:2%;
	margin:0 auto;
	float:left;	
	text-align:center;
}

#promo-savings-image{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-savings-content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-checking{
	width:29.3%;
	height:auto;
	background-color:#f9f9f9;
	padding:2%;
	margin:0 auto;
	float:left;	
	text-align:center;
}

#promo-checking-image{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-checking-content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-loans{
	width:29.3%;
	height:auto;
	padding:2%;
	margin:0 auto;
	float:right;	
	text-align:center;
}

#promo-loans-image{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-loans-content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#footer{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	background-color:#86b8a4;
	border-top:thick solid #d4d4d4;
}

#footer-left{
	width:32%;
	height: auto;
	padding:1% 2% 2% 3%;
	margin:0 auto;
	float:left;	
}

#footer-right{
	width:32%;
	height: auto;
	padding:0% 7% 2% 2%;
	margin:-5% 0 0 0;
	float:right;	
        text-align:right;
}

.homeextra{
width:100%;
height:auto;
padding:0;
margin:0 auto;
}

#scrolling-message{
	width:90%;
	height: auto;
        padding:1% 5% 0 5%;
        margin:0 auto;
        
}

#footerleft1{
width:70%;
height: auto;
margin:0 auto;
padding:0;
text-align:left;
float:left;
}

#footersocial{
width:15%;
height: auto;
margin:0 auto;
padding:3% 15% 0 0;
text-align:left;
}

.topalert{
width:100%;
height: 25px;
padding:1% 0;
margin:0 auto;
text-align:center;
color:white;
background-color:red;
}

.topalert a:link, a:visited;{
color:white;
text-decoration:underline;
}

.ob {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : Black;
}

a.demo:link, a.demo:visited {
        font-family : Arial, Helvetica, sans-serif;
        font-size : 11px;
        font-weight : bold;
        color : Green;
        text-decoration : None;
}

a.demo:hover, a.demo:active {
        font-family : Arial, Helvetica, sans-serif;
        font-size : 11px;
        font-weight : bold;
        color : Green;
        text-decoration : none;
}

.label {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

input.text {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
}


	.olb-links{
		width:100%;
		height:auto;
		color:#046330;
	}
	
	.olb-links a:link, .olb-links a:visited, .olb-links a:active{
		color:#046330;
		font-size: 12px;
		
	}
	
	.olb-links a:hover{
		color: #ffc600;
	}


/* Internal */

#internal-header{
	width:100%;
	height:auto;
	padding:2% 0 0 0;
	margin:0 auto;	
	background-color: #e5e5e5;
	border-bottom: medium solid #929284;
        text-align:right;
}

#online-banking-text{
        width:20%;
        height:auto;
        padding:0;
        margin:-5px 0 0 0;
        float: right;
}

#online-banking{
        width:40%;
        height:auto;
        padding:0;
        margin:-1% 2% 0 0;
        float:right;
}

#internal-content-wrapper{
	width:96%;
	height:auto;
	padding:2%;
	margin:0 auto;	
}

#internal-content-wrapper{
        max-width:1400px;
        height:auto;
        padding:2% 0 0 0;
        margin:0 auto;
}

#internal-content{
	width:66%;
	height:auto;
	padding:0 0 2% 2%;
	margin:0 auto;	
	float:left;
	text-align: left;
}

#internal-right{
	width:26%;
	height:auto;
	padding:0 2%;
	margin:0 auto;	
	float:right;
	text-align: center;
	
}

#mobilebankingpromo{
        width:100%;
	height:auto;
	padding:0 0 1% 0;
	margin:0 auto;	
	text-align: center;
}

.calculatortwo{
        width: 100%;
        height: auto;
        padding:0;
        margin:0 auto;
}

.calculator-section .calculator__tab{
width:100%;
}

#rotatingads{
        width:100%;
	height:auto;
	padding:2% 0 1% 0;
	margin:0 auto;	
	text-align: center;
}

#hours{
        width:100%;
	height:auto;
	padding:1% 0 0 0;
	margin:0 auto;	
	text-align: center;
background-color:#eaeaea;
}

#internal-promo-wrapper{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;	
	overflow:hidden;
}

#internal-promo-title{
	width:96%;
	height:auto;
	padding:1% 2% 1% 4%;
	margin:0 auto;	
	background-color:#024c24;
	border-bottom: thick solid #ffc600;
	overflow:hidden;
}

#internal-promo-content-wrapper{
	width:100%;
	height:auto;
	margin:0 auto;	
	background-color:#046330;
	background-image:url(https://rightmindads.com/test/pjsb/uploads/images/general/circleBG.png);
}

#internal-promo-content-left{
	width:62%;
	height:auto;
	margin:0 auto;	
	padding: 2% 2% 2% 6%;
	float:left;
}

#internal-promo-content-right{
	width:30%;
	height:auto;
	margin:0 auto;	
	float:right;
}

#promo-right input {
  width: 50%;
  height: 25px;
  
}

#promo-right input[type="submit"],
#promo-right input[type="button"],
#promo-right input.cms_submit {
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
	font-weight: normal;
	background-color:#046330;
	border-radius: 1px;
	width: 50%;
	text-decoration: none;
	cursor: pointer;
	border: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
        margin-top:8px;
        margin-right:2px;
        margin-bottom:8px;
	
}
#promo-right input[type="submit"]:hover,
#promo-right input[type="button"]:hover,
#promo-right input.cms_submit:hover {
	background-color:#63b4ff;
}

input,
input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 1;
}

#online-banking input {
  width: 50%;
  height: 25px;
  
}

#online-banking input[type="submit"],
#online-banking input[type="button"],
#online-banking input.cms_submit {
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
	font-weight: normal;
	background-color:#046330;
	border-radius: 1px;
	width: 50%;
	text-decoration: none;
	cursor: pointer;
	border: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
        margin-top:8px;
        margin-right:5px;
        margin-bottom:8px;
	
}
#online-banking input[type="submit"]:hover,
#online-banking input[type="button"]:hover,
#online-banking input.cms_submit:hover {
	background-color:#63b4ff;
}


.clear{
	clear:both;	
}

.greenbar{
	width:100%;
	height: auto;
	margin:0 auto;
	padding:2%;
	text-align:left;	
	background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(top,  #1e5799 0%, #00a14b 0%, #00a14b 1%, #046330 100%, #046330 100%, #2989d8 100%, #2989d8 100%, #046330 100%, #046330 100%, #2989d8 100%, #046330 100%, #2989d8 100%, #2989d8 100%, #00a14b 100%, #2989d8 100%, #2989d8 102%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#00a14b), color-stop(1%,#00a14b), color-stop(100%,#046330), color-stop(100%,#046330), color-stop(100%,#2989d8), color-stop(100%,#2989d8), color-stop(100%,#046330), color-stop(100%,#046330), color-stop(100%,#2989d8), color-stop(100%,#046330), color-stop(100%,#2989d8), color-stop(100%,#2989d8), color-stop(100%,#00a14b), color-stop(100%,#2989d8), color-stop(102%,#2989d8)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #1e5799 0%,#00a14b 0%,#00a14b 1%,#046330 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#046330 100%,#046330 100%,#2989d8 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#00a14b 100%,#2989d8 100%,#2989d8 102%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #1e5799 0%,#00a14b 0%,#00a14b 1%,#046330 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#046330 100%,#046330 100%,#2989d8 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#00a14b 100%,#2989d8 100%,#2989d8 102%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #1e5799 0%,#00a14b 0%,#00a14b 1%,#046330 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#046330 100%,#046330 100%,#2989d8 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#00a14b 100%,#2989d8 100%,#2989d8 102%); /* IE10+ */

background: linear-gradient(to bottom,  #1e5799 0%,#00a14b 0%,#00a14b 1%,#046330 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#046330 100%,#046330 100%,#2989d8 100%,#046330 100%,#2989d8 100%,#2989d8 100%,#00a14b 100%,#2989d8 100%,#2989d8 102%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */


}

.mortgage-desktop{
width:100%;
height:auto;
margin:0 auto;
padding:0;
}

/* Desktop Resize */
@media only screen and (min-width : 800px)   {
	#logo-mobile{
	display:none;

}
#phonenav{
	display:none;
}

#tablet-nav{
        display:none;
}

#mobile-hours{
	display:none;
	
}

#mobile-tagline-left{
display:none;
}

.mortgage-mobile{
display:none;
}

}


/* Tablets */
@media only screen and (min-width : 580px) 
and (max-width : 800px)   {

#masthead{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 2% 0% 0 0%;	
	posotion:relative;
	z-index:-9999;
	background: #f5fcf9; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  #f5fcf9 0%, #e2f0ea 100%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5fcf9), color-stop(100%,#e2f0ea), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* Opera 12+ */

background: -ms-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* IE10+ */

background: radial-gradient(ellipse at center,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fcf9', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	z-index:-9999;
	border-bottom:thick solid #ffc600;

}

#tablet-nav{
        width:100%;
        height:auto;
        padding:0;
        margin:0 auto;
        background-color:#fcfaf7;
        border-top:3px solid #046330;
}

#masthead-right{
	width:65%;
	height:auto;
	margin:0 auto;
	padding:2% 0 0 0;
	float:left;
	position:relative;
}

#tagline-left{
	width:42%;
	height: auto;
	margin:0 auto;
	float:left;
	padding:0 0 0 5%;
	text-align:right;
}

#tagline-right{
	width:33%;
	height:auto;
	margin:0 auto;
	float:right;
	padding:0;	
}

#phonenav{
	height:auto;
	width: 50%;
	background-color:transparent;	
	padding: 0% 2% 2% 0;
	margin: 1% 0 0 45%;
	text-align:right;
}

#phonenav select {
   background: transparent;
   width: 35%;
   padding: 4%;
   font-size: 2em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: auto;
   -webkit-appearance: none;
   text-align:right;
   color: #transparent;
   text-indent: -9999px;
   background: url(https://pjsb.com/uploads/menubutton.svg) no-repeat right;
   }

#logo-mobile{
	width:92%;
	height:auto;
	margin: 4% 4% 0% 4%;
	padding:0;
	z-index:9999;
	position:relative;
}

#logo{
	display:none;
}

#nav{
	display:none;
}

#clock{
	display:none;
}

#promo-image{
	width:100%%;
	height:auto;
	margin:0 auto;
	margin-left:0;
	padding: 0;	
	float:left;
	text-align:left;
	z-index:-9999;
}

#promo-right{
	width:96%;
	height:auto;
	margin:0 auto;
	margin-top:0%;
	padding:2% 2% 2% 2%;
	float:right;	
	text-align:center;
	padding-color:#fff;
	
}

#internal-content{
	width:96%;
	height:auto;
	padding: 2%;
	margin:0 auto;	
	float:left;
	text-align: left;
}

#internal-right{
	width:96%;
	height:auto;
	padding:2%;
	margin:0 auto;	
	float:right;
	text-align: center;
	background-color:#eaeaea;
}

#mobile-hours{
	width:96%;
	height:auto;
	margin:0 auto;
	margin-top:0%;
	padding:2% 2% 2% 2%;
	float:right;	
	text-align:center;
	padding-color:#fff;
        border-bottom:2px solid #046330;
	
}

#mobilebankingpromo{
        width:48%;
	height:auto;
	padding:2% 1% 1% 1%;
	margin:0 auto;	
        float:left;
	text-align: center;
}

#rotatingads{
        width:48%;
	height:auto;
	padding:2% 1% 1% 1%;
	margin:0 auto;	
        float:right;
	text-align: center;
}

#hours{
        display:none;
}

#mobile-tagline-left{
display:none;
}

#online-banking{
        width:90%;
        height:auto;
        padding:0;
        margin:0 5%;
        float:none;
        text-align:center;
}


}

/* Phones */
@media only screen and (min-width : 200px) 
and (max-width : 560px)   {

#masthead{
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 2% 0% 0 0%;	
	posotion:relative;
	z-index:-9999;
	background: #f5fcf9; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover,  #f5fcf9 0%, #e2f0ea 100%, #7db9e8 100%); /* FF3.6+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f5fcf9), color-stop(100%,#e2f0ea), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */

background: -webkit-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */

background: -o-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* Opera 12+ */

background: -ms-radial-gradient(center, ellipse cover,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* IE10+ */

background: radial-gradient(ellipse at center,  #f5fcf9 0%,#e2f0ea 100%,#7db9e8 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fcf9', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	z-index:-9999;
	border-bottom:thick solid #ffc600;

}

#logo-mobile{
	width:92%;
	height:auto;
	margin: 4% 4% 0% 4%;
	padding:0;
	z-index:9999;
	position:relative;
}

#logo{
	display:none;
}

#masthead-right{
	display:none;
}

#nav{
	display:none;
}

#clock{
	display:none;
}

#promo-image{
	width:100%%;
	height:auto;
	margin:0 auto;
	margin-left:0;
	padding: 0;	
	float:left;
	text-align:left;
	z-index:-9999;
}

#promo-right{
	width:96%;
	height:auto;
	margin:0 auto;
	margin-top:0%;
	padding:2% 2% 2% 2%;
	float:right;	
	text-align:center;
	padding-color:#fff;
	
}

#promo-savings{
	width:96%;
	height:auto;
	padding:3% 2%;
	margin:0 auto;
	float:left;	
	text-align:center;
}

#promo-savings-image{
	width:60%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-savings-content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-checking{
	width:96%;
	height:auto;
	background-color:#f9f9f9;
	padding:3% 2%;
	margin:0 auto;
	float:left;	
	text-align:center;
}

#promo-checking-image{
	width:60%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-checking-content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-loans{
	width:96%;
	height:auto;
	padding:3% 2%;
	margin:0 auto;
	float:right;	
	text-align:center;
}

#promo-loans-image{
	width:60%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#promo-loans-content{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#internal-content{
	width:96%;
	height:auto;
	padding: 2%;
	margin:0 auto;	
	float:left;
	text-align: left;
}

#internal-right{
	width:96%;
	height:auto;
	padding:2%;
	margin:0 auto;	
	float:right;
	text-align: center;
	background-color:#eaeaea;
}

#phonenav{
	height:auto;
	width: 50%;
	background-color:transparent;	
	padding: 2% 2% 2% 0;
	margin: 0 0 0 48%;
	text-align:right;
}

#phonenav select {
   background: transparent;
   width: 35%;
   padding: 4%;
   font-size: 2em;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: auto;
   -webkit-appearance: none;
   text-align:right;
   color: #transparent;
   text-indent: -9999px;
   background: url(https://pjsb.com/uploads/menubutton.svg) no-repeat right;
   }

#footer{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	background-color:#86b8a4;
	border-top:thick solid #d4d4d4;
}

#footer-left{
	width:95%;
	height: auto;
	padding:1% 2% 2% 3%;
	margin:0 auto;
	float:left;
text-align:center;	
}

#footer-right{
	width:96%;
	height: auto;
	padding:3% 2% 2% 2%;
	margin:0 auto;
	float:left;	
        text-align:center;
}

#promo-image{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-left:0;
	padding: 0;	
	float:left;
	text-align:left;
	z-index:-9999;
}

#tablet-nav{
        width:100%;
        height:auto;
        padding:0;
        margin:0 auto;
        background-color:#fcfaf7;
        border-top:3px solid #046330;
}

#mobile-tagline-left{
width:55%;
	height: auto;
	margin:0 auto;
	float:left;
	padding:2% 0 0 7%;
	text-align:right;
}

#online-banking{
        width:90%;
        height:auto;
        padding:0;
        margin:0 5%;
        float:none;
        text-align:center;
}

.mortgage-mobile{
width:100%;
height:auto;
}


}

@media only screen and (min-width: 1440px){
.calculator-section .calculator_tab{
width:800px;
}}