/****** Global HTML Tags ******/
html {
overflow-y: scroll;
}
body {
margin: 0px;
padding: 0px;
font-family: Arial, Sans-Serif;
}
h1, h2 {
font-weight: bold;
font-size: 15px;
color: #002D62;
margin-top: 0px;
}
h3, h4 {
font-weight: bold;
font-size: 12px;
color: #4D4F53;
}
h4 {
margin-bottom: 0px;
}
p, ul li, ol li, div, td, th {
font-size: 12px;
color: #4D4F53;
}
p, div {
line-height: 18px;
}
/*ul li, ol li {line-height: 15px; padding-bottom: 3px;}*/
a:link, a:visited {
color: #568AB4;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
hr {
border: 0;
color: #BCBDBC;
background-color: #BCBDBC;
height: 1px;
width: 100%;
text-align: left;
}
sup {
line-height: 0;
font-size: 75%;
}
input[type=text] {
height: 25px;
font-size: 13px;
margin: 0px;
background: url('/-/media/rj/DotCom/Images/RJBank/bkg_input');
border: 1px solid #BCBCBC;
color: #999999;
padding: 4px 0px 0px 4px;
vertical-align: top;
}
input[type=button], input[type=submit], input[type=reset] {
height: 25px;
font-size: 13px;
padding: 0px 7px 0px 7px;
margin: 0px;
border: 1px solid #BCBDBC;
background: #FFFFFF;
font-weight: bold;
color: #568AB4;
cursor: pointer;
vertical-align: top;
}
input[type=button]:hover, input[type=submit]:hover {
color: #FFFFFF;
background: #568AB4;
}
#grand #mainContent #bodyContent ul {
list-style: none;
margin: 0px;
margin-bottom: 15px;
padding: 0px;
}
#grand #mainContent #bodyContent li {
margin-bottom: 8px;
margin-left: 1px;
padding-left: 16px;
background: url(/images/build10/template/bullet.png) no-repeat 0px 6px;
line-height: 15px;
}
#grand #mainContent #bodyContent li ul {
margin-top: 8px;
margin-bottom: 0px;
}
#grand #mainContent #bodyContent li li {
background: url(/images/build10/template/bullet_sub.png) no-repeat 0px 7px;
}
#grand #mainContent #bodyContent ol {
margin: 0px 0px 0px 16px;
margin-bottom: 8px;
padding: 0px 0px 0px 10px;
}
#grand #mainContent #bodyContent ol li {
background: none;
margin-left: 1px;
padding-left: 0px;
}
/****** Global HTML Tags ******/
/****** GLOBAL STYLES ******/
/*** ICONS FOR SPECIAL LINKS ***/
a.pdf {
background: url('/images/build10/template/icon_pdf.gif') no-repeat left top;
padding-left: 27px;
padding-bottom: 3px;
}
a.video {
background: url('/images/build10/template/icon_video.gif') no-repeat left top;
padding-left: 27px;
}
a.audio {
background: url('/images/build10/template/icon_audio.gif') no-repeat left top;
padding-left: 27px;
}
a.podcast {
background: url('/images/build10/template/icon_podcast.gif') no-repeat left top;
padding-left: 27px;
}
/*** ICONS FOR SPECIAL LINKS ***/
/*** ALTERNATING COLOR STYLES ***/
.regTbl {
border-collapse: collapse;
padding: 0px;
margin: 0px;
width: 100%;
}
.regTbl th, .regTbl td {
border: 1px solid #CBCBCB;
padding: 3px 5px 3px 5px;
}
.regTbl th {
color: #FFFFFF;
background: #002D62;
line-height: 14px;
}
.regTbl td {
color: #4D4F53;
line-height: 16px;
}
.regTbl tr.rowEven td {
background: #FFFFFF;
}
.regTbl tr.rowOdd td {
background: #E4E4E4;
}
/*** ALTERNATING COLOR STYLES ***/
/*** PULL QUOTES ***/
.pullquote {
float: right;
width: 198px;
padding-left: 20px;
margin-left: 19px;
border-left: 1px solid #BCBDBC;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 10px;
}
/*** PULL QUOTES ***/
/*** DISCLAIMERS ***/
.disclaimer {
font-size: 10px;
line-height: 14px;
}
/*** DISCLAIMERS ***/
/*** EMAIL SHARE FEATURE ***/
#emailShareDiv {
width: 560px;
height: 540px;
position: absolute;
top: 220px;
left: 195px;
border: 1px solid gray;
background: white;
visibility: hidden;
z-index: 100;
}
/*** EMAIL SHARE FEATURE ***/
/*** TOOL TIPS ***/
#pop_box_div {
position: absolute;
top: 95px;
right: 0px;
display: none;
color: #FFFFFF;
text-align: center;
padding: 5px 7px 5px 7px;
background-color: #608fc7;
z-index: 100;
}
#tipPointer {
position: absolute;
top: 123px;
right: 0px;
display: none;
z-index: 100;
}
/*** TOOL TIPS ***/
/*** BUTTONS ***/
a.button {
display: block;
height: 25px;
border: 1px solid #BCBDBC;
background: #FFFFFF;
font-weight: bold;
color: #568AB4;
text-transform: uppercase;
text-decoration: none;
float: left;
}
a.button span {
display: block;
padding: 3px 7px 2px 7px;
}
a.button:hover {
color: #FFFFFF;
background: #568AB4;
}
/*** BUTTONS ***/
/*** BROKER DEALER DISCLAIMER STYLES ***/
#bd_disclaimer {
clear: both;
text-align: center;
color: #8A8B8E;
}
#bd_disclaimer a {
font-weight: normal;
color: #8A8B8E;
}
/*** BROKER DEALER DISCLAIMER STYLES ***/
/*** Useful ***/
.center {
text-align: center;
}
.underline {
text-decoration: underline;
}
.bold {
font-weight: bold;
}
.blue {
color: #002D62;
}
/*** Useful ***/
/****** GLOBAL STYLES ******/
/****** TEMPLATE-LAYOUT ******/
#grand {
width: 950px;
margin-right: auto;
margin-left: auto;
padding-bottom: 40px;
position: relative;
}
/*** LOGO, SUB-TOP Nav, SEARCH ***/
#grand #logo {
float: left;
width: 498px;
height: 25px;
margin-top: 30px;
margin-right: 20px;
display: none;
}
#grand #searchBlock {
float: right;
width: 218px;
height: 25px;
margin-top: 30px;
display: none;
}
#grand #topSubPrimaryNav {
float: left;
width: 432px;
height: 25px;
margin-top: 30px;
padding-top: 4px;
padding-bottom: 3px;
text-align: right;
display: none
}
/*** LOGO, SUB-TOP Nav, SEARCH ***/
/*** TOP Nav ***/
/*#grand #topPrimaryNav {clear: both; width: 950px; padding-top: 20px; display:none;}*/
#grand #leftPrimaryNav {
float: left;
width: 692px;
display: none;
}
#grand #rightPrimaryNav {
float: right;
width: 218px;
display: none;
}
/*** TOP Nav ***/
/*** Bredcrum, Share Icons, Page Title ***/
#grand #breadcrumb {
float: left;
width: 672px;
height: 15px;
padding-top: 15px;
padding-bottom: 30px;
padding-left: 13px;
overflow: hidden;
white-space: nowrap;
}
#grand #shareIcons {
float: right;
width: 218px;
padding-top: 12px;
padding-bottom: 10px;
}
#grand #pageTitle {
clear: both;
width: 950px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 20px;
}
/*** Bredcrum, Share Icons, Page Title ***/
/*** BODY CONTENT, Side Bar, Sub Nav ***/
#grand #mainContent {
float: right;
width: 730px;
margin-bottom: 20px;
}
#grand #mainContent #bodyContent {
margin-left: 40px;
width: 690px;
}
#grand #mainContent #bodyContent.threeColumn {
width: 432px;
float: left;
margin-right: 40px;
}
#grand #mainContent #sideBar {
float: right;
width: 218px;
}
#grand #navSub {
float: left;
width: 220px;
}
/*** BODY CONTENT, Side Bar, Sub Nav ***/
/*** FOOTER ***/
#grand #footer {
clear: both;
}
/*** FOOTER ***/
/****** TEMPLATE-LAYOUT ******/
/****** Search Fields ******/
#grand #searchBlock #txtSearch {
width: 172px;
margin-right: 5px;
}
#grand #searchBlock #searchSubmit {
width: 32px;
padding: 0px 0px 0px 0px;
}
/****** Search Fields ******/
/****** LOGO ******/
#grand #logo a img {
border: 0px;
}
/****** LOGO ******/
/****** Primary NAV - Font, Color, Hover, LINK Spacing ******/
#grand #topSubPrimaryNav {
font-size: 11px;
font-weight: bold;
}
#grand #topSubPrimaryNav a {
display: block;
float: right;
color: #002D62;
text-decoration: none;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 5px;
margin-left: 10px;
}
#grand #topSubPrimaryNav a span {
display: none;
}
#grand #topSubPrimaryNav a:hover {
color: #FFFFFF;
background: #5F8FC6;
}
#grand #topSubPrimaryNav a.current {
color: #FFFFFF;
background: #002D62;
}
#grand #topSubPrimaryNav a#aboutRaymondJames {
width: 150px;
height: 19px;
background: url('/images/build10/template/nav/about_raymond_james.gif') no-repeat;
}
#grand #topSubPrimaryNav a#aboutRaymondJames:hover {
background: url('/images/build10/template/nav/about_raymond_james_.gif') no-repeat;
}
#grand #topSubPrimaryNav a#aboutRaymondJames.current {
background: url('/images/build10/template/nav/about_raymond_james_cur.gif') no-repeat;
}
#grand #topSubPrimaryNav a#aboutRaymondJames.current:hover {
background: url('/images/build10/template/nav/about_raymond_james_cur.gif') no-repeat;
}
#grand #topSubPrimaryNav a#aboutTheBank {
width: 110px;
height: 19px;
background: url('/images/build10/template/nav/about_the_bank.gif') no-repeat;
}
#grand #topSubPrimaryNav a#aboutTheBank:hover {
background: url('/images/build10/template/nav/about_the_bank_.gif') no-repeat;
}
#grand #topSubPrimaryNav a#aboutTheBank.current {
background: url('/images/build10/template/nav/about_the_bank_cur.gif') no-repeat;
}
#grand #topSubPrimaryNav a#aboutTheBank.current:hover {
background: url('/images/build10/template/nav/about_the_bank_cur.gif') no-repeat;
}
#grand #topPrimaryNav {
font-size: 12px;
font-weight: bold;
}
#grand #topPrimaryNav #leftPrimaryNav {
border-top: 1px solid #BCBDBC;
border-bottom: 1px solid #BCBDBC;
}
#grand #topPrimaryNav #rightPrimaryNav {
border-top: 1px solid #BCBDBC;
border-bottom: 1px solid #BCBDBC;
}
/*** PRIMARY NAV - Size ***/
#grand #topPrimaryNav a {
display: block;
float: left;
text-align: center;
}
#grand #topPrimaryNav a span {
display: none;
}
#grand #topPrimaryNav a#lendingAnchor {
width: 230px;
height: 34px;
background: url('/images/build10/template/nav/lending.gif') no-repeat;
}
#grand #topPrimaryNav a#lendingAnchor:hover {
background: url('/images/build10/template/nav/lending_.gif') no-repeat;
}
#grand #topPrimaryNav a#lendingAnchor.current {
background: url('/images/build10/template/nav/lending_cur.gif') no-repeat;
}
#grand #topPrimaryNav a#lendingAnchor.current:hover {
background: url('/images/build10/template/nav/lending_cur.gif') no-repeat;
}
#grand #topPrimaryNav a#accountsAnchor {
width: 231px;
height: 34px;
background: url('/images/build10/template/nav/accounts.gif') no-repeat;
}
#grand #topPrimaryNav a#accountsAnchor:hover {
background: url('/images/build10/template/nav/accounts_.gif') no-repeat;
}
#grand #topPrimaryNav a#accountsAnchor.current {
background: url('/images/build10/template/nav/accounts_cur.gif') no-repeat;
}
#grand #topPrimaryNav a#accountsAnchor.current:hover {
background: url('/images/build10/template/nav/accounts_cur.gif') no-repeat;
}
#grand #topPrimaryNav a#onlineBankingAnchor {
width: 231px;
height: 34px;
background: url('/images/build10/template/nav/online_banking.gif') no-repeat;
}
#grand #topPrimaryNav a#onlineBankingAnchor:hover {
background: url('/images/build10/template/nav/online_banking_.gif') no-repeat;
}
#grand #topPrimaryNav a#onlineBankingAnchor.current {
background: url('/images/build10/template/nav/online_banking_cur.gif') no-repeat;
}
#grand #topPrimaryNav a#onlineBankingAnchor.current:hover {
background: url('/images/build10/template/nav/online_banking_cur.gif') no-repeat;
}
#grand #topPrimaryNav a#accountLoginAnchor {
width: 218px;
height: 34px;
background: url('/images/build10/template/nav/account_login.gif') no-repeat;
}
#grand #topPrimaryNav a#accountLoginAnchor:hover {
background: url('/images/build10/template/nav/account_login_.gif') no-repeat;
}
#grand #topPrimaryNav a#accountLoginAnchor.current {
background: url('/images/build10/template/nav/account_login_cur.gif') no-repeat;
}
#grand #topPrimaryNav a#accountLoginAnchor.current:hover {
background: url('/images/build10/template/nav/account_login_cur.gif') no-repeat;
}
/*** PRIMARY NAV - Size ***/
#grand #topPrimaryNav a {
color: #002D62;
text-decoration: none;
}
#grand #topPrimaryNav a:hover {
color: #FFFFFF;
background: #5F8FC6;
}
#grand #topPrimaryNav a.current {
color: #FFFFFF;
background: #002D62;
}
/****** Primary NAV - Font, Color, Hover, LINK Spacing ******/
/****** Bredcrum, Share Icons - Text, Font, Color ******/
#grand #breadcrumb {
font-size: 10px;
color: #568AB4;
}
#grand #breadcrumb a {
color: #568AB4;
text-decoration: none;
}
#grand #breadcrumb a:hover {
text-decoration: underline;
}
#grand #breadcrumb a.current {
color: #002D62;
}
#grand #shareIcons {
text-align: right;
}
#grand #shareIcons a img {
border: 0px;
padding-left: 3px;
}
#grand #pageTitle {
border-top: 1px solid #BCBDBC;
border-bottom: 1px solid #BCBDBC;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #002D62;
letter-spacing: 2px;
padding: 10px 0px 10px 0px;
}
/****** Bredcrum, Share Icons - Text, Font, Color ******/
/****** SubNav - Font, Color, Hover, Spacing ******/
/* BULLET LIST and Sub BULLET LISTS */
#grand #navSub ul {
list-style: none;
margin: 0px;
padding: 10px 0px 10px 0px;
border: 1px solid #BCBDBC;
}
#grand #navSub ul ul {
padding: 10px 0px 2px 0px;
border: 0px;
}
/* BULLET LIST and Sub BULLET LISTS */
/* LIST ITEM and Sub LIST ITEMS */
#grand #navSub ul li {
font-size: 12px;
line-height: 16px;
padding: 0px;
margin: 0px;
}
#grand #navSub ul ul li {
font-size: 12px;
line-height: 14px;
}
/* LIST ITEM and Sub LIST ITEMS */
/* SUB Nav - Level 1 */
#grand #navSub ul li a {
display: block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 13px;
padding-right: 13px;
color: #002D62;
text-decoration: none;
}
#grand #navSub ul li a:hover {
color: #FFFFFF;
background: #568AB4;
}
#grand #navSub ul li a.current {
color: #FFFFFF;
background: #002D62;
}
/* SUB Nav - Level 1 */
/* SUB Nav - Level 2 and lower */
#grand #navSub ul ul li a {
padding-top: 3px;
padding-bottom: 9px;
color: #568AB4;
background: #FFFFFF;
font-weight: normal;
}
#grand #navSub ul ul li a:hover {
color: #5F8FB5;
background: #FFFFFF;
text-decoration: underline;
}
#grand #navSub ul ul li a.current {
color: #002D62;
background: #FFFFFF;
}
#grand #navSub ul ul li ul {
padding: 0px 0px 0px 16px;
}
#grand #navSub ul ul li ul li ul {
padding: 0px 0px 5px 32px;
}
/* SUB Nav - Level 2 and lower */
/*** Featured Links ***/
#grand #navSub #featuredLinks {
margin-top: 5px;
margin-bottom: 5px;
}
#grand #navSub #featuredLinks h3 {
font-size: 12px;
line-height: 18px;
color: #002D62;
margin-bottom: 10px;
}
#grand #navSub #featuredLinks a {
display: block;
font-size: 12px;
line-height: 18px;
color: #568AB4;
text-decoration: none;
border: 1px solid #BCBDBC;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-bottom: 10px;
}
#grand #navSub #featuredLinks a:hover {
color: #FFFFFF;
background: #568AB4;
}
/*** Featured Links ***/
/****** SubNav - Font, Color, Hover, Spacing ******/
/****** Body Content - Text, Font, Color ******/
#grand #mainContent #bodyContent #subBillboard {
margin-bottom: 25px;
}
#grand #mainContent #bodyContent p {
margin-top: 3px;
margin-bottom: 15px;
}
#grand #mainContent #bodyContent img.border {
border: 1px solid #BCBDBC;
}
/* #grand #mainContent #bodyContent ul, ol {margin-left: 0px; padding-left: 0px; list-style: none;} ADD IN BACKGROUND IMAGE FOR SMALL CIRCLE */
/* #grand #mainContent #bodyContent ul ul, ol ol, li li {} ADD IN BACKGROUND IMAGE FOR DASH */
/*#grand #mainContent #bodyContent ul li, ol li {margin-top: 5px; margin-bottom: 5px;} */
/****** Body Content - Text, Font, Color ******/
/****** Sidebar Content - Text, Font, Color, Spcaing ******/
#grand #mainContent #sideBar .banner {
padding-bottom: 10px;
}
#grand #mainContent #sideBar h3 {
font-size: 15px;
color: #002D62;
margin-top: 0px;
margin-bottom: 0px;
}
#grand #mainContent #sideBar img {
margin-top: 10px;
margin-bottom: 10px;
}
#grand #mainContent #sideBar img.border {
border: 1px solid #BCBDBC;
}
#grand #mainContent #sideBar .banner a {
display: block;
font-size: 12px;
line-height: 14px;
padding-bottom: 7px;
color: #568AB4;
text-decoration: none;
font-weight: bold;
}
#grand #mainContent #sideBar .banner a:hover {
text-decoration: underline;
}
#grand #mainContent #sideBar hr {
margin-bottom: 15px;
}
/****** Sidebar Content - Text, Font, Color, Spcaing ******/
/****** Footer - Text, Font, Color ******/
#grand #footer {
font-size: 12px;
color: #4D4F53;
border-top: 1px solid #BCBDBC;
padding-top: 10px;
text-align: center;
}
#grand #footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#grand #footer ul li {
display: inline;
border-right: 1px solid #BCBDBC;
padding-right: 5px;
margin-right: 5px;
}
#grand #footer ul li a {
color: #4D4F53;
font-weight: normal;
text-decoration: none;
}
#grand #footer ul li a:hover {
text-decoration: underline;
}
#grand #footer #copyright {
padding-top: 10px;
padding-bottom: 10px;
}
#grand #footer #textSizer {
float: right;
position: relative;
top: -30px;
}
#grand #footer #textSizer a img {
border: 0px;
margin-left: 3px;
}
/****** Footer - Text, Font, Color ******/
#disc_logos {
text-align: center;
margin: 10px;
}
#disc_logos img {
padding-left: 10px;
padding-right: 10px;
}
/****** Drop downs ******/
.dropDowns {
position: absolute;
visibility: hidden;
z-index: 99999;
}
#lendingDD {
top: 0px;
left: 0px;
width: 237px;
}
#accountsDD {
top: 0px;
left: 237px;
width: 238px;
}
#aboutTheBankDD {
top: 0px;
left: 475px;
width: 237px;
}
.dropDowns .dropDownsLinkBox {
background: white!important;
border-right: 1px solid #bcbdbc;
border-left: 1px solid #bcbdbc;
border-bottom: 3px solid #5F8FC6;
}
.dropDowns ul {
list-style: none outside none!important;
margin: 0;
padding: 0px;
}
.dropDowns ul li {
margin: 0;
padding: 0;
}
.dropDowns a {
color: #002d62;
display: block;
padding: 5px 20px 5px 20px;
background
}
.dropDowns a:hover {
text-decoration: none;
background: #5F8FC6;
color: white;
}
.dropDowns li ul {
list-style: none outside none!important;
margin: 0;
padding: 0px 0px 0px 20px;
}
.dropDowns li li a {
color: #568AB4;
font-weight: normal;
padding-bottom: 6px;
padding-top: 0px;
}
.dropDowns li li a:hover {
text-decoration: underline;
background: none;
color: #568AB4;
}
.dropDownsShadow {
width: 228px;
height: 11px;
background: url('/images/build10/template/nav/dd_shadow.png');
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/build10/template/nav/dd_shadow.png', sizingMethod='scale');
}
/* SITE FACELIFT CODE BELOW :: 04/26/2016 :: Jason Katzwinkel */
/* FACELIFE SITE-WIDE NAVIGATION */
.fl-blue-bar-001 {
background-color: #002d62;
clear: both;
height: 119px;
}
.fl-blue-bar-001 .fl-header-001 {
display: block;
width: 950px;
margin: auto;
}
.fl-blue-bar-001 .fl-logo-001 {
display: block;
height: 22px;
float: left;
width: 475px;
padding: 42px 0;
border-bottom: 1px solid white;
}
.fl-blue-bar-001 .fl-logo-001 img {
border: none;
}
.fl-blue-bar-001 .fl-search-001 {
display: block;
height: 22px;
float: left;
width: 475px;
padding: 42px 0;
border-bottom: 1px solid white;
}
.fl-blue-bar-001 .fl-search-001 #newSearchField {
float: right;
}
.fl-blue-bar-001 .fl-search-001 #newSearchButton {
float:right;
height: 25px;
font-size: 13px;
padding: 0px 7px 0px 7px;
margin: 0px;
border: 1px solid #BCBDBC;
background: #FFFFFF;
font-weight: bold;
color: #568AB4;
cursor: pointer;
vertical-align: top;
}
.fl-blue-bar-001 .fl-navigation-001 a {
display: block;
float: left;
width: 25%;
height: 32px;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 32px;
transition: all 0.25s ease;
}
.fl-blue-bar-001 .fl-navigation-001 a:hover {
background-color: #285A8D;
}
.fl-blue-bar-001 .fl-navigation-001 a.current {
background-color: #568ab4;
}
.fl-blue-bar-001 .fl-navigation-001 a img {
display: block;
margin: auto;
border: none;
}
/* FACELIFE HOMEPAGE */
.flhp-bank-banner-001 {
display:block;
position:relative;
width: 710px;
height: 80px;
background-color:#002d62;
background-image:url(/images/fl/bank-banner-icon-001.png);
background-size: auto 140px;
background-position: center left;
background-repeat:no-repeat;
transition: all 1s ease;
padding: 30px 30px 30px 210px;
}
.flhp-bank-banner-001:hover {
text-decoration:none;
}
.flhp-bank-banner-001 div{
font-family: "g_light", sans-serif;
color: #ffffff;
font-size: 32px;
line-height: 45px;
}
.flhp-bank-banner-001 div strong{
font-family: "g_regular", sans-serif;
}
.flhp-bank-banner-001 div span{
color: #d9c756;
}
.flhp-bank-banner-001 .flhp-learn-more-001{
position:absolute;
bottom: 0;
right: 0;
background-color: #568ab4;
width: 165px;
height: 18px;
font-size: 18px;
line-height: 18px;
text-align:center;
padding: 14px 0;
transition: all 0.5s ease;
}
.flhp-bank-banner-001 .flhp-learn-more-001:hover{
background-color: #285A8D;
width: 185px;
}
.flhp-table-001{
margin: 25px 0;
}
.flhp-table-cell-001{
position:relative;
background-color: #f8f8f8;
border: 1px solid #cecece;
}
.flhp-table-cell-learn-more-001{
display:block;
position: absolute;
bottom: 0;
right: 0;
padding: 11px;
background-color: #568ab4;
color:#ffffff;
font-size: 14px;
line-height: 14px;
height: 14px;
width: 120px;
text-align:center;
transition: all 0.5s ease;
}
a.flhp-table-cell-learn-more-001{
color:#ffffff;
font-family: "g_light";
z-index:11;
}
a.flhp-table-cell-learn-more-001:hover{
background-color: #285A8D;
width: 140px;
text-decoration:none;
}
.flhp-table-cell-copy-001{
position: relative;
padding: 20px;
z-index:10;
}
.flhp-table-cell-copy-001{
padding: 20px;
}
.flhp-table-cell-copy-001 h3{
font-family: "g_light", sans-serif;
color:#002d62;
font-size: 21px;
line-height: 25px;
margin: 0;
padding: 0;
}
.flhp-table-header-001, .flhp-table-header-002{
padding: 0 0 0 12px;
color: #ffffff;
font-family: "g_regular", sans-serif;
font-size: 18px;
height: 35px;
}
.flhp-table-header-001{
background-color: #568ab4;
}
.flhp-table-header-001 a{
color: #ffffff;
}
.flhp-table-header-002{
background-color: #002d62;
}
.flhp-table-cell-002{
position:relative;
background-color: #f8f8f8;
border-left: 1px solid #cecece;
border-bottom: 1px solid #cecece;
transition: all 0.5s ease;
}
.flhp-table-cell-002:hover {
text-decoration:none;
background-color: #ffffff;
box-shadow: 0px 0px 20px 0px #CCCCCC;
}
.flhp-table-cell-copy-003{
display:block;
padding: 20px;
text-align:center;
transition: all 0.5s ease;
}
.flhp-table-cell-copy-003:hover {
text-decoration:none;
}
.flhp-table-cell-copy-003 h3{
font-family: "g_light", sans-serif;
color:#568ab4;
font-size: 21px;
line-height: 25px;
margin: 0;
padding: 0;
}
.flhp-table-cell-copy-003 p{
font-weight:normal;
}
.flhp-table-cell-image-002{
background-image:url(/images/fl/our-latest-news.jpg);
background-size: cover;
background-position: center center;
}
.flhp-table-cell-image-003{
background-image:url(/images/fl/online-security-tips.jpg);
background-size: cover;
background-position: center center;
}
.flhp-table-cell-our-latest-news-001, .flhp-table-cell-our-latest-news-002, .flhp-table-cell-our-latest-news-003{
position:relative;
background-color: #f8f8f8;
border-right: 1px solid #cecece;
}
.flhp-table-cell-our-latest-news-003{
border-bottom: 1px solid #cecece;
}
.our-latest-news-001{
background-color: #f8f8f8;
transition: all 0.5s ease;
}
.our-latest-news-001:hover{
background-color:#ffffff;
box-shadow: 0px 0px 20px 0px #CCCCCC;
z-index: 10000;
cursor:pointer;
}
.our-latest-news-001 a{
display:block;
width:180px;
height: 100%;
font-size: 14px;
line-height: 18px;
font-family: "g_light", sans-serif;
padding: 10px 30px 10px 20px;
}
.our-latest-news-001 a:before{
content: "\f054";
font-family: FontAwesome;
right:10px;
top:50%;
transform: translateY(-50%);
position:absolute;
font-size:20px;
color:#CCCCCC;
}
.our-latest-news-001 a:hover{text-decoration:none;}
.our-latest-news-001 div{
position: absolute;
bottom: 0;
right: 0;
height: 1px;
background-color: #cecece;
width: 80%;
}
/* FACELIFT ACCOUNT LOGIN */
.flal-online-banking-login-001{
width:420px;
float:left;
background-color: #DDE8F0;
border:1px solid #cecece;
padding: 20px;
-webkit-box-shadow: inset 0px 0px 20px 0px rgba(86,138,180,0.25);
-moz-box-shadow: inset 0px 0px 20px 0px rgba(86,138,180,0.25);
box-shadow: inset 0px 0px 20px 0px rgba(86,138,180,0.25);
transition: all 0.5s ease;
}
.flal-online-banking-login-001:hover{
text-decoration:none;
-webkit-box-shadow: inset 0px 0px 40px 0px rgba(86,138,180,0.33);
-moz-box-shadow: inset 0px 0px 40px 0px rgba(86,138,180,0.33);
box-shadow: inset 0px 0px 40px 0px rgba(86,138,180,0.33);
}
.flal-online-banking-login-001 h3, .flal-online-other-login-001 h3{
font-family: "g_bold", sans-serif;
font-size: 14px;
line-height: 14px;
margin: 0 0 10px 0;
color: #568ab4;
}
.flal-online-banking-login-001 div{
width:420px;
margin:0;
padding: 20px 0;
height: 20px;
font-size:20px;
line-height:20px;
background-color: #002d62;
color:#ffffff;
text-align:center;
font-family: "g_light", sans-serif;
transition: all 0.5s ease;
}
.flal-online-banking-login-001 div:hover{
background-color: #285A8D;
}
.flal-online-other-login-001{
width:580px;
float:left;
background-color: #f8f8f8;
border:1px solid #cecece;
padding: 20px;
transition: all 0.5s ease;
}
.flal-online-other-login-001 a{
width:277px;
float:left;
}
.flal-online-other-login-001 a:nth-child(1){
margin: 0 26px 0 0;
}
.flal-online-other-login-001 a:hover{
text-decoration:none;
}
.flal-online-other-login-001 a div{
width:277px;
margin:0;
padding: 20px 0;
height: 20px;
font-size:20px;
line-height:20px;
background-color: #568ab4;
color:#ffffff;
text-align:center;
font-family: "g_light", sans-serif;
transition: all 0.5s ease;
}
.flal-online-other-login-001 a div:hover{
background-color: #285A8D;
}
.flal-hr-001{
width: 100%;
height: 1px;
background-color: #cecece;
}
.flal-top-cell-001{
border-top: 1px solid #cecece;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
background-color: #f8f8f8;
transition: all 0.5s ease;
}
.flal-top-cell-001:hover{
border-top: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
background-color: #ffffff;
box-shadow: 0px 0px 20px 0px #CCCCCC;
z-index: 10000;
}
.flal-top-cell-001 a{
display:block;
padding: 20px;
height: 100%;
}
.flal-top-cell-001 a:hover{
text-decoration:none;
}
.flal-top-cell-001 a h4{
font-family: "g_light", sans-serif;
font-size: 24px;
color: #568ab4;
margin: 0 0 10px 0;
}
.flal-top-cell-001 a p{
font-family: "g_regular", sans-serif;
font-size: 16px;
color: #6f7274;
margin: 0 0 10px 0;
}
.flal-bottom-cell-001{position: relative;}
.flal-bottom-cell-001 a{
display:block;
position: absolute;
bottom: 0;
right: 0;
width: 120px;
height: 11px;
font-size: 14px;
line-height: 14px;
padding: 14px 0;
background-color: #568AB4;
color:white;
text-align:center;
transition: all 0.5s ease;
}
.flal-bottom-cell-001 a:hover{
width: 140px;
background-color: #285A8D;
text-decoration:none;
}