body {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;-webkit-font-smoothing: antialiased;color: #777777;font-size: 14px;line-height: 24px;background: none;}
h1,h2,h3,h4,h5,h5,h6 {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 300;color: #333333;margin: 0px;}

ul {list-style: none;padding: 0px;}
a:hover {text-decoration: none;}
.pointer {cursor: pointer !important;}
.uppercase {text-transform: uppercase;}
img {max-width: 100%;}
.jumbo-h1 {font-size: 40px;line-height: 56px;font-weight: 600;margin-bottom: 64px;}
.standard-h1 {font-size: 32px;line-height: 44px;margin-bottom: 48px;}
h1 {font-size: 32px;line-height: 44px;margin-bottom: 48px;}
h2 {font-size: 28px;line-height: 44px;}
h3 {font-size: 26px;line-height: 32px;}
h5 {font-size: 18px;font-weight: 600;margin-bottom: 16px;}
h6 {font-size: 16px;font-weight: 600;margin-bottom: 16px;}
strong {font-weight: 600;}
p {font-size: 14px;line-height: 24px !important;}
.clear {clear:both;}
.center{max-width: 1200px; margin: 0 auto;}


.full{position: relative; background: url(../images/newdesign/bg2-image.jpg) no-repeat center center fixed;-webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover; background-size: cover; -webkit-transition: background 1.5s; /* For Safari 3.1 to 6.0 */transition: background 1.5s;
-moz-transition: background 1.5s; -o-transition: background 1.5s;}
#home {}
.logo a h1{background: url(../images/newdesign/fidelity-bank-logo.png) no-repeat; width:54px; height:25px; text-indent: -9999px;}
#home .logo {position: absolute; top:20px; left:20px;}
#topContent{margin-top:11%; padding: 40px 0; color:#333;}
#topContent h1{font-size: 56px; margin-bottom: 10px; line-height: 66px;}
#topContent p{font-size: 20px;}
#topContent .thick{font-weight:bold;}
.button1{display: inline-block; -webkit-transition: background-color 1s; /* For Safari 3.1 to 6.0 */transition: background-color 1s; margin-top: 20px;}
.button1 {background: #0E237E;padding: 10px 60px 14px;color: #fff;border-radius: 3px;}
.button1:hover{text-decoration: underline; background-color: #1c838d;}

#bottomContent{position: fixed; bottom: 0; left:0; width: 100%; background: url(../images/newdesign/bg-repeat2.png); padding: 20px 0;}
#bottomContent .tabs{float: left; width:33.3333%;text-align: center; border-right:1px solid #fff;}
#bottomContent .tabs.last{border:none;}
#bottomContent a {color:#fff;}
#bottomContent a:hover{text-decoration: underline;}

.aopTooltip{width:300px; border-radius:3px; background:url(../images/newdesign/bg-repeat3.png); color:#fff;padding: 15px 30px 0;position: absolute;bottom: 100px; display:none;}
.aopTooltip p{margin:0;}
.aopTooltip img{margin-bottom: -35px;}

@media only screen and (max-width: 767px){
    /* portrait phones */
	#topContent{background: none;}
	#topContent h1{font-size: 38px; margin-bottom: 10px; line-height: 44px;}
	#bottomContent{padding:0; display:none;}
	#bottomContent .tabs {
	  float: none;
	  width: inherit;
	  text-align: center;
	  border-bottom: 1px solid #fff;
	  padding: 10px;
	}
}


.lt-ie9 h1{line-height:50px;}
.lt-ie9 .aopTooltip img {margin-bottom: -16px;}
.lt-ie9 .aopTooltip{bottom:90px;}

.lt-ie9 .#open-account .pageTitle h1{font-size:32px !important;}

/*----------BEGIN ACCOUNT OPENING PAGE STYLE----------------*/
.openAccount{background:#efefef;}
#open-account{padding:30px 0;}
#open-account .logoAll {float: right; width:60px; height:47px;}
#open-account .secure {float: left;}
#open-account .secure img{margin-left: 5px;}
#open-account .logoAll a  h1{background: url(../Images/newdesign/fidelity-bank-logo.png) no-repeat right; width:60px; height:47px; text-indent: -9999px; margin-bottom: 0; }
#open-account .pageTitle{background: #0E237E; padding:5px 20px; border-radius: 3px; margin-top: 20px;}
#open-account .pageTitle h1{color: #fff; margin-bottom: 0;}
#open-account #mainBody {margin-top:15px;}
#open-account #mainBody .welcome {border-radius: 3px; border: 1px solid #dddddd; padding:0; margin-bottom: 15px; background: #fff;}
#open-account #mainBody .welcome .rows{border-bottom: 1px solid #0E237E; padding: 20px;}
#open-account #mainBody .welcome .rows.last{border-bottom: none;}
#open-account #mainBody .welcome h4{color: #78981e; font-weight: 400;}
#open-account #mainBody .welcome .num{font-size: 28px; margin:10px 0;}
#open-account #mainBody .mainContent{padding-right: 0;}
#open-account #mainBody .mainContent .mainNav ul{float: left;width: 100%;margin-bottom: 0; border-radius: 3px; border: 1px solid #dddddd; background: #fff;}
#open-account #mainBody .mainContent .mainNav li{float: left; width: 33.333333%;text-align: center; text-align: center;padding: 10px 0;}
#open-account #mainBody .mainContent .mainNav li.active{background: #0E237E url(../images/newdesign/pointer.jpg) no-repeat right -4px; color: #fff;}
#open-account #mainBody .mainContent .mainNav li.pastactive{background: #78b844; color: #fff;}
#open-account #mainBody .mainContent .mainNav li.active.last{background: #0b484e url(../images/newdesign/pointer2.jpg) no-repeat left -4px; color: #fff;}
#open-account #mainBody .mainContent .mainNav li.first{border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
#open-account #mainBody .mainContent .mainNav li.last{border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
#open-account #mainBody .mainContent .mainForms{border-radius: 3px; padding: 20px 20px 80px 20px; margin-top: 15px; } /*background: #fff;border: 1px solid #dddddd;*/
#open-account #mainBody .mainContent .mainForms h3{color: #78981e; font-weight: 400; border-bottom: 1px solid #dddddd; padding-bottom: 10px;}
#open-account #mainBody .mainContent .bannerHolder {margin-bottom:15px;}
#open-account #mainBody .mainContent .bannerHolder img{border-radius:3px;}
#open-account #mainBody .mainContent .mainForms label{font-weight:normal; font-size: 15px; display: inline-block;}
#open-account #mainBody .mainContent .mainForms .formsBlock{margin: 20px 0;}
#open-account #mainBody .mainContent .mainForms .formsLabel{width: 20%; float: left;}
#open-account #mainBody .mainContent .mainForms .formsInput{width: 65%; float: left;}
#open-account #mainBody .mainContent .mainForms .formsInput input[type="text"], #open-account #mainBody .mainContent .mainForms .formsInput select{width: 100%; height:39px; border: 1px solid #dddddd; border-radius: 3px; padding: 5px 10px;}
#open-account #mainBody .mainContent .mainForms .formsInput textarea{width: 100%; border: 1px solid #dddddd; border-radius: 3px; padding: 5px 10px;}
#open-account #mainBody .mainContent .mainForms .formsInput input[type="checkbox"] { height: 20px; display: inline; }
#open-account #mainBody .mainContent .mainForms .formsInput select{background: #fff url(../images/newdesign/select-arrow.png) no-repeat 96% center; cursor: pointer; -webkit-appearance: none;
  -o-appearance: none; appearance: none;}
  #open-account #mainBody .mainContent .mainForms .formsInput.short{width:40%;} 
#open-account #mainBody .mainContent .mainForms .quest{float: left; padding-top: 5px; text-align: center; width: 10%;}
#open-account #mainBody .mainContent .mainForms .quest img{width: 38px !important; height:36px !important;}
#open-account #mainBody .mainContent .mainForms .blocks{margin-bottom: 50px;}
.aopTooltip2Container{display: none; width:30%; position: absolute;left: -30%;}
.aopTooltip2{border-radius:3px; background:url(../images/newdesign/bg-repeat3.png); padding: 10px 20px;}
.aopTooltip2 p{color:#fff; margin: 0;}

#footer-area .row{border-top:5px solid #0E237E; margin-top: 70px; padding: 10px 0 3px 0;}
#footer-area p{color: #0E237E;}
#footer-area .copyright{}
#footer-area .social ul{float:right;}
#footer-area .social ul li{float: left; margin-left:5px;}

#open-account #mainBody .mainContent .mainForms .double .formsLabel.sec{margin-left:5%;}
#open-account #mainBody .mainContent .mainForms .double .formsInput.short{width:25%;}


@media only screen and (max-width: 767px){
	body{padding: 0 15px;}
	#open-account #mainBody .mainContent .mainForms .formsBlock{position:relative;}
	#open-account #mainBody .mainContent .mainForms .formsLabel{width:70%; padding: 10px;}
	#open-account #mainBody .mainContent .mainForms .double .formsLabel.sec{margin-left:0;}
	#open-account #mainBody .mainContent .mainForms .formsInput{width: 100%; float:none;}
	#open-account #mainBody .mainContent .mainForms .double .formsInput.short{width: 100%;}
	#open-account #mainBody .mainContent .mainForms .quest{position: absolute; top:0; right:0; width: inherit;}
	#open-account #mainBody .mainContent .mainForms .formsInput.short{width:100%;}
	#open-account #mainBody .mainContent{padding-left: 0;}
	#open-account #mainBody .mainContent .mainNav.mobile li{float:none;width:100%; border-bottom: 1px solid #ddd; padding:15px;}
	#open-account #mainBody .mainContent .mainNav.mobile li.last{border-bottom:none;}
	#open-account #mainBody .mainContent .mainNav.mobile li.active{background-image:none;}
	#open-account #mainBody .mainContent .mainNav.mobile li.active.last{background-image:none;}
	.aopTooltip2Container{display: none; width:100%; position: initial;}
	.aopTooltip2{display: inline-block; padding: 10px 20px; margin-bottom: 15px; width:100%;}
}



/** CJs MIX **/

.submit-section {    
    padding: 15px;
    text-align: right;
}

.displayNone {
    display: none;
}

#btnBack {
    margin-right: 20px;
}

.chosen-container-single .chosen-single{
height: 34px;
}

.chosen-container-single .chosen-single span {
padding-top: 5px;
}

.chosen-container {
  margin-bottom: 15px;
}

.modalDiv {
    height: 300px;
    overflow-y: scroll;    
}

i {
      font-size: 14px;
  display: inline;
  padding-left: 5px;
}

#open-account #mainBody .mainContent .mainForms .formsInput input[type="text"].dateInput {
width: 80%;
}