/*--------------------------------------------------------------------------------*/
/* ----------   This style sheet belongs to the OKLAHOMA site   ----------------- */
/*--------------------------------------------------------------------------------*/

* {-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

html {-webkit-text-size-adjust: none;}
body {margin:0;padding:0;color: #333;font-family: arial, sans-serif;font-size:100%; /* 16px */line-height:1.125em; /* 18px */height:100%;width:100%;}

input [type=submit] {-webkit-appearance:none !important;-webkit-border-radius: 4px !important;-moz-border-radius: 4px !important;border-radius: 4px !important;}

.bodyhp {}
.PracticeHomePage {background:yellow;}
.IsIUO {margin-top:55px}


h1 {margin:0 0 0 0;padding:0.30em 0 0.30em 0;font-size:225%;line-height:1.1em;font-weight:bold;font-family:'Open Sans', arial, sans-serif;}
h2 {margin:0 0 0 0;padding:0.25em 0 0.25em 0;font-size:200%;line-height:1.1em;font-weight:bold;font-family:'Open Sans', arial, sans-serif;}
h3 {margin:0 0 0 0;padding:0.25em 0 0.25em 0;font-size:150%;line-height:1.1em;font-weight:bold;font-family:'Open Sans', arial, sans-serif;}
h4 {margin:0 0 0 0;padding:0.20em 0 0.20em 0;font-size:100%;line-height:1.1em;font-weight:bold;font-family:'Open Sans', arial, sans-serif;}
h5 {margin:0 0 0 0;padding:0.15em 0 0.20em 0;font-size: 80%;line-height:1.1em;font-weight:bold;font-family:'Open Sans', arial, sans-serif;}
h6 {margin:0 0 0 0;padding:0.15em 0 0.20em 0;font-size: 70%;line-height:1.1em;font-weight:bold;font-family:'Open Sans', arial, sans-serif;}

.OCGreen {color:#c4d600;}
.OCDkBlue {color:#201547;}
.OCWhite {color:#ffffff;}

.DesktopOnly {display:block;}
.TabletOnly {display:none;}
.MobileOnly {display:none;}

a {color:#201547 !important;font-weight:bold;text-decoration:none;}
a:visited {color:#201547 !important;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0px;}

#PAGE  {margin:0 auto;padding:0 0 0 0;max-width:1280px;text-align:left;}

/* TOP OF ALL PAGES */
.TopBarLinks {margin:0 auto;max-width:1280px;vertical-align:top;background:#201547;width:100%;height:30px;text-align:right;color:#c4d600 !important;}
.TopBarLinks a {color:#c4d600 !important;text-decoration:none;padding:0 20px 0 0;}
.TopBarLinks a:visited {color:#c4d600 !important;text-decoration:none;}
.TopBarLinks a:hover {text-decoration:underline;}
.TopBarTextLinks {float:right;display:inline-block;font-size:80%;margin:0;padding:7px 0 0 0;}

.TopGreenRounded {margin:0 auto;padding:9px 0 20px 0;background:url(../icons/OC_TopGreenRounded2.png) center 0px no-repeat;color:#ffffff;font-size:87.5%;font-weight:bold;width:100%;max-width:1280px;height:auto;text-align:center;}
.TopGreenRounded a {color:#ffffff !important;text-decoration:none;}
.TopGreenRounded a:visited {color:#ffffff !important;text-decoration:none;}
.TopGreenRounded a:hover {color:#201547 !important;}
#TOPGREENROUNDEDLINK {margin:0 auto;max-width:75%;}

.innerpagewrapper {margin:0 auto 0 auto;padding:0 20px;max-width:1197px;vertical-align:top;}
#hpgradientBG {float:left;padding:0 0 20px 0;background:url(../icons/OC_HP_Gradient_BG.png) bottom repeat-x;}

.LogoNavWrapper {float:left;position:relative;text-align:left;margin:0;padding:0 0 5px 0;width:100%;}
.logowrapper {float:left;text-align:left;margin:0 0 0 0;width:25.4%;max-width:292px;min-width:230px;}
#logo {margin:0;padding:0;}
#logo img {width:100%;height:auto;}

.NavBar {float:right;margin:16px auto 0 auto;padding:0 0 0 0;width:72%;vertical-align:bottom;}
.NavBarInner {float:left;font-size:100%;background:none;margin:0;padding:0;}

#SearchWrapper {float:none;position:absolute;top:12px;right:2%;width:150px;margin:7px 1% 0 0;text-align:right;display:inline-block;*display:inline;zoom:1;border-bottom:0.15em solid #cdcdcd;background:#fff;border-radius:0px;}
#searchtermfieldwrapper {display:inline-block;*display:inline;zoom:1;float:left;width:75%;text-align:left;}
#SearchField {font-size:75%;font-weight:200;margin:2px 2px 0 2px;padding:4px 3px 3px 3px;width:100%;border:0px;color:rgba(0,0,0,0.60);}
#searchsubmitbuttonwrapper {cursor:pointer;display:block;float:right;margin:0;padding:0;width:24px;height:24px;background:url(../icons/OC_Search_icon.png) center center no-repeat;}
#SearchButton {cursor:pointer;width:24px;height:24px;background:transparent;border:0px solid #ffffff /*turn button border off*/}
.placeholder {color:rgba(0,0,0,0.30) !important;font-weight:200;}

/***********************************/
/* HOME PAGE ELEMENTS */
/***********************************/
.HomePageTopOuterWrapper {float:left;margin:0;padding:0 0 20px 0;width:100%;background:url(../icons/OC_HP_Gradient_BG.png) bottom repeat-x;}

/* HOME PAGE BANNER */
.HPBannerWrapper {float:right;background:#fff;width:63%;margin:0 2% 0 0;position:relative;}
.outside {width:100%;height:32px;background:#ffffff;}
.BannerNewIcon {position:absolute;top:25px;right:-1%;color:#ffffff;background:url(../icons/OC_New_icon.png) 0 0 no-repeat;padding:10px 0 0 0;width:91px;height:33px;}
#slider-next, #slider-prev {margin:5px 20px;width:26px;height:26px;}
#slider-next {float:right;background: url(../icons/OC_HPBanner_Next_Button_BG.png) no-repeat  center center;}
#slider-prev {float:left;background: url(../icons/OC_HPBanner_Previous_Button_BG.png) no-repeat  center center;}
.outside #slider-next  a {padding: 0px 22px 7px 0;}
.outside #slider-prev  a {padding: 0px 22px 7px 0;}
.HomePagePromoItem {position:absolute;top:0;left:0;width:100%;margin:0 auto;padding:3% 8% 1% 8%;text-align:center;font-size:100%;color:#ffffff;}
.HomePagePromoItem h2 {font-size:400%;line-height:0.90em;font-weight:normal;margin:0 0 1% 0;}
.HomePagePromoItem h3 {font-size:150%;font-weight:bold;}
.HPBannerPromoText {margin:2% auto;padding:0;font-size:120%;line-height:140%;color:#ffffff;font-weight:normal !important;width:95%;}
.HPBannerButtonWrapper {display:inline-block;*display:inline;zoom:1;width:auto;margin:5% 0 5% 0;padding:0;}
.HPBannerPromoButton {display:inline-block;*display:inline;zoom:1;font-weight:bold;}
.HPBannerPromoButton a {margin:0 0 0 0;padding:10px 20px;background:#c4d600;color:#201547 !important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-decoration:none !important;}
.HPBannerPromoButton a:visited {margin:0 0 0 0;padding:10px 20px;background:#c4d600;color:#201547 !important;}
.HPBannerPromoButton a:hover {margin:0 0 0 0;padding:10px 20px;background:#ffffff;color:#201547 !important;}
.HPBannerExtraText {display:inline-block;*display:inline;zoom:1;font-size:130%;margin:0;padding:0 0 0 12px;}
.HPBannerExtraText span {color:#c4d600;font-weight:bold;}


.homepagegradientlinkswrapper {float:left;background:none;width:35%;max-width:385px;}
.gradientLinks {margin:5px 10px 5px 14px;padding:0 0 0 0;}
.gradientLinks li {margin:6px 0 6px 0;padding:5px 0 5px 35px;list-style:none;border-bottom:1px solid #D4D4D4;}
.linksgradientlinks li {margin:8px 0 8px 0;padding:12px 0 12px 35px;list-style:none;border-bottom:1px solid #D4D4D4;}
#LI_Login {padding:5px 0 5px 0 !important;}
.icon_OB {background:url(../icons/OC_icon_OnlineBanking.png) 0 center no-repeat;}
.icon_BAM {background:url(../icons/OC_icon_BecomeAMember.png) 0 center no-repeat;}
.icon_FAB {background:url(../icons/OC_icon_FindABranch.png) 0 center no-repeat;}
.icon_CP {background:url(../icons/OC_icon_CalculatePayments.png) 0 center no-repeat;}
.icon_PV {background:url(../icons/OC_icon_PayVisa.png) 0 center no-repeat;border-bottom:0px solid #ececec !important;}

/* HOME PAGE LOGIN ELEMENTS */
.LoginWrapper {position:absolute;top:0;margin:40px 0 0 0;padding:0 0 0 0;width:280px;}
.LoginWrapperInner {/*position:absolute;top:0;left:0;*/margin:0 0 0 0;padding:8px 15px 40px 0px;color:#646464;}
.LoginTitleBar {display:inline-block;*display:inline;zoom:1;font-size:115%;font-weight:400;margin:0;padding:0.250em 0  0.250em 0;}
.LoginTextInput   {display:inline-block;*display:inline;zoom:1;margin:1px 0 1px 0;padding:4px 4px 4px 0px;}
.LoginTextInput input {margin:0 auto;padding:4px;border:1px solid #D4D4D4 !important;padding:4px 4px 4px 4px;width:105px;background:#ffffff;}
#userid {width:105px;}
.LoginTextInput #password {padding:4px 4px 4px 18px;width:105px !important;background:#ffffff url(../icons/OC_PasswordField_BG.png) 0 2px no-repeat !important;}
#LOGINFORMSUBMITBUTTON {display:inline-block;*display:inline;zoom:1;margin:0;padding:0 0;border:0;}
#NEXT_HBLOGINMODULE_LOGINFORM_SUBMIT {cursor:pointer;border:0;margin:0;padding:7px 10px 6px 10px;background:#c4d600;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#NEXT_HBLOGINMODULE_LOGINFORM_SUBMIT:hover {background:#201547;}
#NEXT_HBLOGINMODULE_LOGINFORM input [type=button] {-webkit-appearance:none !important;-webkit-border-radius: 4px !important;-moz-border-radius: 4px !important;border-radius: 4px !important;}
.LoginLinksWrapper {margin:11px 0 0 0;color:#201547;font-size:85%;}
.LoginLinksWrapper a {color:#201547 !important;white-space:nowrap;}
.LoginLinksWrapper a:visited {color:#201547 !important;white-space:nowrap;}
.LoginLinksWrapper a:hover {color:#201547 !important;white-space:nowrap;}
.LoginLinks a {color:#ffffff !important;font-size:80%;}
.LoginLinks a:visited {color:#ffffff !important;font-size:80%;}
.LoginLinks a:hover {color:#ffffff;font-size:80%;text-decoration:underline;}

/* URGENT MESSAGE - Displays only if message content length is greater than 8 - use a <br> if you do not want message to display */
.showmessage {display:block;}
.dontshowmessage {display:none;}
#WFN_URGENTMESSAGEWRAPPER {/*float:left;*/clear:both;margin:0px auto 0px auto;padding:5px 0 5px 0;width:100%;max-width:1280px;vertical-align:top;background:#201547;color:#ffffff;}
.wfn_urgentmessageinnerwrapper {margin:0 auto;padding:5px 2% 5px 2%;max-width:965px;}
#URGENTMESSAGECLOSEBUTTON {display:block;z-index:1;cursor:pointer;position:relative;float:right;margin:5px 5px 5px 0;padding:3px 4px 4px 5px;height:16px;width:16px;color:#ffffff;font-family:'Open Sans',arial,helvetica;font-size:125%;line-height:11pt;text-align:center;border-radius:50%;}
.urgentmessagetextwrapper {margin:0 0 0 0;padding:0;}
.urgentmessagetext {position:relative;margin:0 40px 0 70px;padding:0 0 0 0;text-align:justify;}
.urgentmessagetext span {margin:0 0 0 0;padding:0 0 1% 0;font-size:125%;font-weight:500;-webkit-margin-before: 0;-webkit-margin-after: 0;}
#URGENTMESSAGE {/*EIP*/}
#URGENTMESSAGEIMAGEWRAPPER  {float:left;margin:0 0 1% 0;width:15%;max-width: 59px;min-width:30px;}

.underbannerpromowrapper {clear:both;width:100%;}

.homepagemaincontentarea {clear:both;min-height:300px;padding:20px 0 0 0;}
.homepagemaincontentareainnerwrapper {width:100%;display:inline-block;*display:inline;zoom:1;}

.homepagemaincontentLEFT {width:33%;height:100%;display:table-cell;vertical-align:top;background:#ffffff;}
.HPMainContentLeftTitle {margin-bottom:11px;text-align:center;color:#201547;font-weight:bold;font-size:115%;}
.HPMainContentLeftTitleBar {position:relative;margin:0 0 20px 0;padding:0px 0 0 5px;width:100%;height:44px;background:url(../yourimages/OC_hpTodaysRates_Arrow_BG2.png) right 0 no-repeat;color:#ffffff;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.titleTextOptions {cursor:pointer;padding:13px;} 
#titleDropdownOptions {display:none;cursor:pointer;position:absolute;top:0;left:0px;background:#201547;color:#ffffff;width:98%;margin:39px auto 0 auto;-moz-border-bottom-right-radius:7px;-webkit-border-bottom-right-radius:7px;border-bottom-right-radius:7px;-moz-border-bottom-left-radius:7px;-webkit-border-bottom-left-radius:7px;border-bottom-left-radius:7px;} 
.titleDropdownOption {margin:5px;padding:5px 5px 5px 20px;border:0px solid green;text-align:left;}
.titleDropdownOption:hover {background:#c4d600;color:#201547 !important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

/* HOME PAGE - CONTENT 1 (LEFT) */
.hpTodaysRates {color:#646464;font-size:90%;margin:0 0;}
.hpTodaysRates div {margin:0 0 15px 0;vertical-align:top;}
.hpTodaysRates h4 {color:#c4d600;font-weight:bold;font-size:111%;}
.hpTodaysRates i {margin:0 3px 0 5px;padding:0 5px;background:#201547;text-align:center;font-style:inherit !important;font-size:70%;color:#ffffff;border-radius:50px;}

.hpTodaysRatesTextLink a {color:#201547 !important;text-decoration:none;font-weight:bold;}
.hpTodaysRatesTextLink a:visited {color:#201547 !important;text-decoration:none;}
.hpTodaysRatesTextLink a:hover {color:#201547 !important;text-decoration:underline;}

.hpTodaysRatesButton a {float:right;margin:-22px 0 0 0;padding:6px 5%;background:#c4d600;font-size:75%;color:#ffffff !important;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.hpTodaysRatesButton a  {color:#ffffff !important;text-decoration:none;font-weight:normal;}
.hpTodaysRatesButton a:visited {color:#ffffff !important;text-decoration:none;}
.hpTodaysRatesButton a:hover {color:#ffffff !important;text-decoration:none;background:#201547 !important;}

.hpTodaysRatesButtonExternalLink {cursor:pointer;float:right;margin:-22px 0 0 0;padding:6px 5%;background:#c4d600 !important;font-size:75%;color:#ffffff !important;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.hpTodaysRatesButtonExternalLinkHover {cursor:pointer;float:right;margin:-22px 0 0 0;padding:6px 5%;background:#201547 !important;font-size:75%;color:#ffffff !important;text-align:center;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.hpTodaysRates i {cursor:pointer;}
.ocTip {cursor:pointer;max-width:150px;background:#E1EA7F;color:#201547;font-size:80%;border:1px solid #201547;padding:10px;z-index:5;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}


/* HOME PAGE - CONTENT 2 (CENTER) */
#contentWrapper2 ul {margin:20px;padding:0;  -webkit-margin-after:0;}
#contentWrapper2 li {list-style:none;margin:5px 0;padding:5px 20px 12px 0;border-bottom:1px solid #646464;color:#646464;background:url(../icons/OC_HPCenterLinks_Arrow_BG.png) right center no-repeat;}
#hpCenterLinks_lastLI {border-bottom:0px solid #646464 !important;}
#contentWrapper2 li h4 {margin:0;padding:3px 0;font-size:115%;font-weight:bold;color:#201547;}
#hpCenterLinks a {text-decoration:none !important;}
#hpCenterLinks a:visited {text-decoration:none !important;}
#hpCenterLinks a:hover {text-decoration:none !important;}

/* HOME PAGE - CONTENT 3 (RIGHT) */
#contentWrapper3 {margin-bottom:-4px;}
#contentWrapper3 .hpcontent3_TEXT {margin:0;padding:5px 20px 20px 20px;background:none;}
#BlogLink {position:relative;margin:5px auto;padding:0;}
#contentWrapper3 a, #contentWrapper3 a:visited {}
#contentWrapper3 a:hover {text-decoration:underline;}

.homepagemaincontentSPACER {display:table-cell;width:1%;}
.homepagemaincontentMIDDLE {width:33%;height:100%;margin:0 0 0 0;padding:0 10px;background:#ECECEC;display:table-cell;vertical-align:top;}
.homepagemaincontentRIGHT {width:30%;height:100%;margin:0 0 0 0;padding:0 0 0 0;display:table-cell;vertical-align:top;}
.homepagemaincontentRIGHT img {margin:0;padding:0;border:0px solid blue}

/***********************************/
/* END HOME PAGE ELEMENTS */
/***********************************/


/***********************************/
/* INSIDE PAGES ELEMENTS */
/***********************************/

.MainWrapper {clear:both;margin:0 0 0 0;padding:0 0 0 0;}
.InsideTopOuterWrapper {float:left;width:100%;background: #FFFFFF;margin:0 0 15px 0;padding:0 0 0 0;}
.MainWrapperInner {margin:0 auto 0 auto;padding:2% 1.5% 3% 1.5%;background:#ffffff;}
.bodyhp .MainWrapperInner {background:transparent;}
.nav_breadcrumb {display:none;}
.nav_page_title h2 {color:#201547;margin:0 0 20px 0;padding:10px 0;}
#MainWrapperInnerTable {width:100%;margin:0 auto 0 auto;padding:0;}

/* INSIDE PAGE HEADER AREA */
.headerContentWrapper {width:100%;max-width:1024px;height:234px;margin:0 0 20px 0;padding:0 0 0 0;}
.insideHeaderLinks {float:left;width:26%;height:100%;}
.insideHeaderPromo {float:right;width:70%;margin:5px 1% 0 0;}
.InsideHeaderGradient {float:left;width:100%;background:url(../icons/OC_INNER_Gradient_BG.png) repeat-x;background-position:0 bottom;}
.InsideHeaderBanner {width:100%;max-width:1024px;padding:74px 0 0 0;}
.InsideHeaderBannerHeadline {background:rgba(255,255,255,0.40);color:#a31f34;margin:0 0 0 0;padding:5px 0 5px 285px;border:1px solid pink;text-align:center;font-weight:bold;}
.InsideHeaderBannerHeadline h2 {font-size:152%;line-height:160%}

.nav_breadcrumb {display:none;font-size:90%;color:#c4d600;font-style:italic;}
.nav_breadcrumb a, .nav_breadcrumb a:visited {font-size:90%;color:#c4d600;font-style:italic;}

/* BULLETS COLUMN */
.sidebar  /* This is the bullets column when displayed on the left */
{float:left;clear:left;margin:0;padding:0;width:24%;max-width:15.00em;border-width:0 0 0 0;border-style:solid solid solid solid;border-color:#ffffff;display:table-cell;vertical-align:top;}

/* Bullet column quick links box */
.QuickLinks {padding:0;text-decoration:none !important;}
.QuickLinks ul {margin:5px 0 0 0;padding:0px;color:#201547;text-decoration:none !important;}
.QuickLinks ul li {margin:5px 0;padding:14px 10px 10px 10px;text-decoration:none !important;list-style:none;color:#201547;}
.QuickLinks ul hr {height:0.01em;margin:1px 0 1px 0;padding:0;border:0;border-top:1px solid #a31f34;}
.QuickLinks li a {color:#201547 !important;font-weight:bold;text-decoration:none !important;}
.QuickLinks a:visited {color:#201547 !important;font-weight:bold;text-decoration:none !important;}
.QuickLinks a:active {color:#201547 !important;font-weight:bold;text-decoration:none !important;}
.QuickLinks a:hover {color:#201547 !important;font-weight:bold;text-decoration:none !important;}
.QuickLinks h4 {margin:0 0 12px 0;padding:0;font-size:100%;color:#201547;font-weight:bold;}
.QuickLinks .QuickLinks a:hover {text-decoration:none !important;}
.QuickLinks li:hover {background:url(../icons/OC_Bullets_QuickLinks_BG.png) right bottom no-repeat !important;text-decoration:none !important;}

.BulletBox {background:#e8e8e8;padding:15% 10%;text-align:center;vertical-align:middle;}
.BulletBox h3 {line-height:1.25em;font-weight:bold;color:#c4d600;}
.BulletBox a {color:#201547 !important;font-weight:bold;text-decoration:none !important;}
.BulletBox a:visited {color:#201547 !important;font-weight:bold;text-decoration:none !important;}
.BulletBox a:active {color:#201547 !important;font-weight:bold;text-decoration:none !important;}

/* INSIDE PAGES LOGIN FORM */
.InsideLoginWrapper {float:left;width: 24%;max-width: 15.00em;background:#e8e8e8;margin:0 0 10px 0;padding:15px 2% 2% 2%;text-align:center;vertical-align:top;}
.InsideLoginTitleBar {margin:0 auto;width:167px;max-width:98%;background:url(../icons/OC_icon_OnlineBanking.png) 0 center no-repeat;}
.InsidePageLoginTextInput input {margin:5px auto;padding:4px;border:1px solid #D4D4D4 !important;padding:4px 4px 4px 4px;width:90% !important;background:#ffffff;}
.InsidePageLoginTextInput #password {width:90% !important;padding:4px 4px 4px 18px;background:#ffffff url(../icons/OC_PasswordField_BG.png) 0 2px no-repeat !important;}
#INSIDELOGINFORMSUBMITBUTTON {/*display:inline-block;*display:inline;zoom:1;*/margin:7px 0 0 0;padding:0 0;border:0;}
#INSIDE_HBLOGINMODULE_LOGINFORM_SUBMIT {cursor:pointer;border:0;margin:0;padding:7px 10px 6px 10px;background:#c4d600;color:#ffffff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#INSIDE_HBLOGINMODULE_LOGINFORM_SUBMIT:hover {background:#201547;}
.InsideLoginLinksWrapper {margin:7px 0 0 0;font-size:85%;line-height:1.5em;}

/* END BULLETS COLUMN */

.content {float:right;margin:0 0 25px 0;padding:0 0 0 15px;width:74%;display:table-cell;vertical-align:top;}
.content a {color:#201547 !important;font-weight:bold;text-decoration:none;}
.content a:visited {color:#201547 !important;font-weight:bold;text-decoration:none;}
.content a:hover {text-decoration:underline;}

.content h3 {color:#c4d600;padding:0.25em 0 0.75em 0;}
.content h4 {margin:0;padding:0 0 4px 0;font-size:90%;font-weight:normal;color:#005c6f;}
.content h5 {margin:0;padding:0 0 4px 0;font-size:100%;font-weight:normal;color:#005c6f;}
.content .light {font-weight:normal !important;color:#005c6f;}
.content .disclaimer {font-size:80%;color:#646464;}

.content ul {margin:3px 15px 0 0;padding:0 0 0 22px;}


/* MAIN BODY COPY 2-COLUMN */
.twocolmainbodycopywrapper {clear:both;margin:0;padding:0;}
.mainbodycopyLEFT {display:inline-block;*display:inline;zoom:0;width:46%;min-width:240px;margin:0 0 0 0;padding:0 2% 0 0;vertical-align:top;border-right:1px dashed #d4d4d4;}
.mainbodycopyRIGHT {display:inline-block;*display:inline;zoom:0;width:46%;min-width:240px;margin:0 0 0 0;padding:0 3% 0 2%;vertical-align:top;}

/* INSIDE PAGE 3-COLUMN */
.ThreeColumnContent ul {margin:10px 0;padding:0;text-align:left;}
.ThreeColumnContent ul li {float:left;width:32%;margin:0;padding:0 0;list-style:none;}
.ThreeColumnContent ul li th {text-align:left;padding:10px 0 6px 10px;background:#f4f4f4;}
.ThreeColumnContent .spacer {float:left;width:1.5%;}
.ThreeColumnContent ul li th h4 {font-size:115%;font-weight:bold;color:#201547;}
.ThreeColumnContent td {border-bottom:1px solid #646464;padding:3px 0 3px 10px;font-size:100%;color:#646464;}
.ThreeColumnContent td h5 {font-size:105%;font-weight:bold;color:#c4d600;margin:5px 0 5px 0;padding:0 0 0 0;display:inline-block;}
.ThreeColumnContent a {color:#201547 !important;/*font-size:90%;*/text-decoration:none;font-weight:bold;}
.ThreeColumnContent a:visited {color:#201547 !important;font-weight:bold;text-decoration:none;}
.ThreeColumnContent a:hover {color:#201547 !important;font-weight:bold;text-decoration:underline;}

.ThreeColumnContent .lastrow td {border-bottom:0px solid #ffffff;}

.ThreeColumnContentButtonWrapper, .ThreeColumnContentTextLink {text-align:center !important;}
.ThreeColumnContentButtonWrapper {margin:20px 0 15px 0;padding:0;font-size:90%;color:#ffffff;text-decoration:none;}
.ThreeColumnContentButtonWrapper a {margin:0 0 0 0;padding:10px 20px !important;color:#ffffff !important;background:#c4d600;text-decoration:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.ThreeColumnContentButtonWrapper a:visited {margin:0 0 0 0;padding:10px 20px !important;color:#ffffff !important;background:#c4d600;text-decoration:none;}
.ThreeColumnContentButtonWrapper a:hover {margin:0 0 0 0;padding:10px 20px !important;color:#ffffff !important;background:#201547;text-decoration:none;}

.ThreeColumnContentTextLink {margin:0;padding:0;font-size:90%;color:#201547;text-decoration:none;}
.ThreeColumnContentTextLink a {margin:0 0 0 0;padding:10px 15px !important;color:#201547 !important;text-decoration:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.ThreeColumnContentTextLink a:visited {margin:0 0 0 0;padding:10px 15px !important;color:#201547 !important;text-decoration:none;}
.ThreeColumnContentTextLink a:hover {margin:0 0 0 0;padding:10px 15px !important;color:#201547 !important;text-decoration:underline;}

ul {font-size: 95%;}
ol {font-size: 95%;}



/***********************************/
/* END INSIDE PAGES ELEMENTS */
/***********************************/


/* FOOTER ELEMENTS ON ALL PAGES */
.footer {clear:both;margin:15px auto 0 auto;padding:0 0 30px 0;background:#646464;text-align:center;font-size:87.5%;color:#FFFFFF;max-width:1280px;}
.footerinner {margin:0 auto 0 auto;padding:10px 1.5% 30px 1.5%;max-width:1137px;}

.BottomOfPageLinks {margin:0 auto 0 auto;padding:10px 0 40px 0;max-width:1137px;border:0px solid pink;border-bottom:1px solid #535353;vertical-align:top;}

#FOOTER_CONTENT {font-size:85%;}
.FooterLeft {float:left;margin: 10px 0px 0 0.75em; padding: 0px; vertical-align: top; display: inline-block;}
.FooterRight {float:right;margin:10px 0 0 0;padding:0 0 0 0;background:#646464;color:#c4d600;}
.FooterRight a {color:#c4d600 !important;text-decoration:none;}
.FooterRight a:visited {color:#c4d600 !important;text-decoration:none;}
.FooterRight a:hover {color:#ffffff !important;text-decoration:none;}
.FooterRight a:active {color:#ffffff !important;text-decoration:none;}
.FooterRight span {padding:0 7px;color:#535353;}

.BottomOfPageLinksWrapper {margin:0 0 0 0;width:30%;display:inline-block;*display:block;zoom:1;vertical-align:top;}
#BottomOfPageLinksWrapper_1 {float:left;margin:0 0 0 0;text-align:left;}
.UpdateOffersDisclaimer {font-size:80%;}
#BottomOfPageLinksWrapper_2 {margin:0 1% 0 1%;text-align:center;}
#BottomOfPageLinksWrapper_3 {margin:0 0 0 0;text-align:right;}
#YourEmail {margin:4px 0;padding:3px 5px;}
#ccoptin input [type=button] {-webkit-appearance:none !important;-webkit-border-radius: 4px !important;-moz-border-radius: 4px !important;border-radius: 4px !important;}
#go {margin:4px 0;padding:5px 10px;background:#201547;color:#fff;border:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#go:hover {background:#c4d600;color:#201547;}

#EIPLDCONFIRM {position:relative !important;top:-100px !important;}

.clearfix:after {content: "";display:table;clear:both;}

/* SCROLL BACK TO THE TOP FEATURE */
.scrollup {z-index:5;position: fixed;margin:0;padding:0;bottom: 10px;left: 15px;display: none;background:rgba(196,214,0,0.80);color: #fff;width:59px; height: 34px;text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.scrollup:hover {background:rgba(196,214,0,0.95);}
.scrollup:active {background:rgba(196,214,0,0.95);}
.scrollup img {width: 59px; height: 34px;border:0px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.imgvisible {visibility: visible;}
.imghidden {visibility: hidden;}



/* --------------------------- */
/*      MENU ELEMENTS CSS      */
/* --------------------------- */
	
/* DRAWER level navigation - these are inside container HEADINGSTABLE */
		
.HEADINGSTABLE {margin:0 0 0 0;padding:0 0 0 0;border:0;}  
.HEADINGSTABLE tbody {margin:0 0 0 0;padding:0 0 0 0;border:0;}
.HEADINGSTABLE tr {margin:0 0 0 0;padding:0 0 0 0;border:0;height:100%;}  
.HEADINGSTABLE td {margin:0 0 0 0;border:0;} 
				
.PULLDOWNHEADINGS {cursor:pointer;margin:0 0 0 0;padding:0.60em 1.00em;color:#201547;text-decoration:none;border-width:0;height:100%;letter-spacing:1px;}
.PULLDOWNHEADINGSON {cursor:pointer;margin:0 0 0 0;padding:0.60em 1.00em;color:#201547 !important;text-decoration:none;background:#afc529;height:100%;letter-spacing:1px;}
.PULLDOWNHEADINGSON:hover {background:#afc529 !important;}

/* ADVANCED MENU TABLE CSS */
#ADVANCEDMENUTABLE	{	/*outermosr div */
            width:90% !important;max-width:1000px;background:#afc529;margin:0 0 0 0;padding:1%;z-index:5;border-width:0;border-style:solid solid solid solid;
			border-color:#a31f34 #a31f34 #a31f34 #a31f34;border-spacing:0;}
	
#ADVANCEDMENUCONTENTCONTAINER {	/* middle div */
		    margin:0 0 0 0;padding:0.40em 0 0.05em 0 !important;border-width:0;border-style:solid solid solid solid;border-color:#ff0000 #ff0000 #ff0000 #ff0000;border-bottom-left-radius:10px;
		    border-bottom-right-radius:10px;-moz-border-radius:10px;-webkit-bottom-border-radius:10px;border-spacing:0;}

#ADVANCEDMENUCONTENT {	/* inner div */	 margin:0;padding:0;vertical-align:top;}
									
#ADVANCEDMENUCONTENTCONTAINER {margin:0 0 0 0;padding:0 0 0 0;}

#ADVANCEDMENUPROMO {width:25%;}
#ADVANCEDMENUPROMO	TABLE {margin:0 !important;padding:0 !important;text-align:center;}
									
.NavPromoWrapper {float:right;margin:0 10px 10px 10px;padding:5px 10px;width:145px;max-width:145px;background: #618DB4;color:#ffffff;font-weight:200;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius: 7px;font-size: 74%;}
.NavPromoIMGWrapper {/*float:right;*/text-align:center;}
.NavPromoWrapper h3 {color:#a31f34;font-weight:bold;font-size:100%;}
.NavPromoButton {clear:both;margin:16px 0 10px 0;}
.NavPromoButton a {padding: 4px 12px;background: #a31f34;color:#ffffff;border-radius: 7px;text-decoration:none;}
.NavPromoButton a:visited {padding: 4px 12px;background: #a31f34;color:#ffffff;border-radius: 7px;text-decoration:none;}
.NavPromoButton a:hover {padding: 4px 12px;background:#005c6f;color:#ffffff;border-radius: 7px;text-decoration:none;}
.NavPromoButton a:active {padding: 4px 12px;background:#005c6f;color:#ffffff;border-radius: 7px;text-decoration:none;}

/* FolderLevel Popup Menus */
.PULLDOWNFOLDERMENUCONTAINERS {cursor:pointer;line-height:1.50em;margin:0px;padding:0px 7px;width:25%;}

.PULLDOWNFOLDERMENUS {cursor:pointer;line-height:18pt;margin:0px;padding:0px;padding-left:15px;}
									
.PULLDOWNFOLDERMENUTEXT {cursor:pointer;padding:0 0 0 5px;/*font-size:85%;*/font-weight:bold;line-height:1.50em;color:#201547;text-decoration:none;}
									
.PULLDOWNFOLDERMENUTEXT:hover	{background:#201547 !important;color:#ffffff !important;}

/* SUBFOLDER-PAGE level navigation */
.PULLDOWNSUBFOLDERMENUCONTAINERS {margin:0px;padding:0px;width:100%;z-index:2;}
.PULLDOWNSUBFOLDERMENUS {margin:0px;padding:0px 0 5px 0.04em;border-bottom:1px solid rgba(0,0,0,0.10);width:inherit;}
.PULLDOWNSUBFOLDERMENUTEXT {font-size:88%;font-weight:normal;padding:0.45em 0.40em;line-height:1em;color:#201547;}
.PULLDOWNSUBFOLDERMENUTEXT:hover {background:#201547;color:#ffffff !important;}

/*----------------------------
---BUILT IN WFN API CLASSES---
------------------------------*/
.WFN_LightBox {margin:0;padding:0;-moz-box-sizing: border-box;webkit-box-sizing: border-box;box-sizing:border-box;background:rgba(0,0,0,0.75);opacity:.6;filter: Alpha(Opacity=60);z-index:100;position:absolute;top:0px;left:0px;}
.WFN_LightBoxContent {background: #FFFFFF;width: 75%;max-width: 750px;max-height: 90%;z-index: 200;font-size:90%;border: 1px solid #808080;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;box-shadow: 2px 2px 3px #8f8f8f;padding: 5px 5px 5px 5px;padding-bottom: 2%;}
.WFN_LightBoxContentHeaderBar {cursor:move;margin-bottom:10px;padding:5px 10px 5px 0;background:#201547;font-family:'Open Sans', arial, sans-serif;height:30px;border:1px solid #808080;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;color:#ffffff;}
.WFN_LightBoxContentHeaderBarClose {padding:0 0 0 0;color:#ffffff;}

.WFN_AnnotationBubble {position:absolute;padding:12px;margin:2.0em 0 0.5em 35px;color:#201547;background:#c4d600;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
                        font-size:85%;cursor:pointer;min-width:180px;max-width:180px;width:180px;}

/* creates the little pointer triangle */
.WFN_AnnotationBubble:after {
	content:"";
	position:absolute;
	top:-30px;
	left:10px;
	border:15px solid transparent;
	border-bottom-color:#c4d600;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

#WFN_MobileMenuButton {z-index:2;display:none;position:fixed;top:85px;right:20px;cursor:pointer;width:90px;height:35px;color:#201547;padding:8px 0 0 0;font-size:80% !important;background:url(../icons/OC_MobileMenuIcon_BG.png) right 0 no-repeat;border:0px solid #201547;}
#WFN_MobileMenuButton img {display:none;}
#WFN_MobileMenuButtonArrowLeft {margin-top:0px;margin-bottom:0px;margin-left:3px;margin-right:7px;}
#WFN_MobileMenuPopUp {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position:absolute;width:50%;max-width:50%;min-width:210px;opacity:1.00;filter: alpha(opacity = 100);z-index:999;border:2px solid #201547;border-radius: 8px 8px 8px 8px;background:#c4d600;display:none;}
.WFN_MobileMainMenus {cursor:pointer;color:#fff;margin:7px 12px 7px 12px;padding:14px;background:#201547;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.WFN_MobileSubMenusLink {cursor:pointer;font-family:arial,helvetica;margin:2px 8px 2px 8px;padding:12px 14px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;color:#000000;}
.WFN_MobileSubMenusLink:hover {background:#ffffff;color:#201547;}
.WFN_MobileSubMenusLink:active {background:#ffffff;color:#201547;}
.WFN_MobileSubMenusLink img {display:none;}
.WFN_MobileSubMenusInfo {font-family:arial,helvetica;margin:7px 0px 7px 0px;padding:10px;font-weight:bold;color:#fff;background:#201547;background:#201547 url(../icons/icon_MobileSubMenusInfo_drawer.png) 95% 5px no-repeat}
.WFN_MobileMainMenusArrows {float:right;}
.WFN_MobileMainMenusInfoArrows {float:left;}
.WFN_MobileMainMenusActionTop {padding:12px 12px 12px 8px;-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;color:#201547;font-size:110%;font-weight:bold;}
.WFN_MobileMainMenusActionTop img {display:none;}
.WFN_MobileMainMenusActionTop {cursor:pointer;background:url(../icons/icon_phonemainmenusaction_BG.png) 95%  5px no-repeat;}
#WFN_MobileMenuPopUp .drawer {background:url(../icons/icon_phonesubmenu_drawer.png) 95% 5px no-repeat !important;}
.WFN_MobileMainMenusActionBottom {padding:1px;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px; border-right:0px solid #ff0000;color:#ffffff;}

.ExternalLinkDisclosure {margin:0;padding:0 8px;}

.ExternalLink {cursor:pointer;color:#201547;font-weight:bold;text-decoration:none;}
.elHover {cursor:pointer;color:#201547 !important;font-weight:bold;text-decoration:underline;}

/* CUSTOM FORM STYLES */
.customformwrapper {margin:0 auto;padding:0;width:98%;}
.customformwrapper table {margin:0 auto;width:98%;}
.customformwrapper form table td {margin:0;padding:5px 5px;vertical-align:top;white-space:normal;}
.customformwrapper .label {margin:0 5px 0 0;padding:0 0 0 0;float:left;display:table-cell;text-align:right;width:40%;border:0px solid red;}
.customformwrapper .headinglabel {padding:5px 0 5px 5px;width:98%;text-align:left;color:#c4d600;font-size:120%;font-weight:bold;}
.customformwrapper .formsubheading {color:#201547;font-size:100%;}
.customformwrapper .forminput {float:left;display:table-cell;text-align:left;width:55%;border:0px solid blue;}
.customformwrapper .forminput input {width: 375px;max-width:98% !important;}
.customformwrapper .forminput input[type="checkbox"] {width:auto;}
.customformwrapper .forminput input[type="radio"] {width:auto;}
.customformwrapper .isZip input {width:144px;}
.customformwrapper .buttonrow {margin:0 auto;text-align:center;width:100%;}
.customformwrapper .buttonrow input {margin:0 auto;text-align:center;width:auto;}
.customformwrapper hr {height:1px;border-width:0;color:#c4d600;background:#c4d600;}
.customformwrapper .subselection {padding:5px 0 5px 5px;width:98%;text-align:left;}

/*Checking Savings Application */
#chkdepamt, #chkcuracctnum, #savdepamt {width: 184px;}
#chkcuracctnum {margin-left:25px;}

/* Contact Us Form */
#CONTACTUSFORM .forminput input {width:250px;}
#CONTACTUSFORM #PhoneExtension {width:100px !important;}

/* SITE MAP */
.sitemapcontainer {margin:0px;margin-top:1%;padding:0px;}
.sitemapdrawercontainer {width:98%;vertical-align: top;margin:10px 1%;}
.sitemapdrawer {cursor:pointer;background:#201547;color:#ffffff;padding:5px;font-size:105%;font-weight:bold;text-align:left;white-space:normal;min-width:195px;}
.sitemapfolder {cursor:pointer;background:#EDF6D3;padding:4px 4px 4px 3%;font-size:100%;color:#201547;font-weight:normal;white-space:normal;min-width:191px;}
.sitemapsubfolder {cursor:pointer;padding:6px 0 6px 5%;font-size:90%;white-space:normal;min-width:191px;border-bottom:1px solid #c4d600;}
.sitemapsubfolder:hover {background:#f4f4f4;}
/* END SITE MAP */

/* CALCULATOR PAGE STYLES */
.KJEReportTable td {margin:0;padding:2px 5px;vertical-align:top;}
.KJEHeading {margin:0;padding:4px 5px;background:#c4d600;color:#201547;padding:5px;font-size:105%;font-weight:bold;text-align:left;}
.KJEEvenRow {background:#EDF6D3;padding:4px 4px 4px 3%;font-size:100%;color:#201547;font-weight:normal;}
.KJELabel {width:35%;}
.KJEReportTable a {color:#201547;text-decoration:none;}
.KJEReportTable a:visited {color:#201547;text-decoration:none;}
.KJEReportTable a:hover {color:#201547;text-decoration:underline;}

/* BUTTON STYLES PROVIDED BY CLIENT */
	.cta-green {
		background: #c4d600; 
		background: -webkit-linear-gradient(#c4d600, #afbf01); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#c4d600, #afbf01); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#c4d600, #afbf01); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#c4d600, #afbf01); /* Standard syntax */
		display: inline-block;
		padding: 10px 24px;
		color: #fff;
		font-weight: bold;
		margin: 10px 0;
		border-radius: 4px;
		text-decoration: none;	
	}
	.cta-green:hover {
		background: -webkit-linear-gradient(#afbf01, #c4d600); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#afbf01, #c4d600); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#afbf01, #c4d600); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#afbf01, #c4d600); /* Standard syntax */
	}
	.cta-blue {
		background: #201547; 
		background: -webkit-linear-gradient(#301f6a, #211548); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#301f6a, #211548); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#301f6a, #2115480); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#301f6a, #211548); /* Standard syntax */
		display: inline-block;
		padding: 10px 24px;
		color: #fff;
		font-weight: bold;
		margin: 10px 0;
		border-radius: 4px;
		text-decoration: none;	
	}
	.cta-blue:hover {
		background: -webkit-linear-gradient(#211548, #301f6a); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#211548, #301f6a); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#211548, #301f6a); /* For Firefox 3.6 to 15 */
	    background: linear-gradient(#211548, #301f6a); /* Standard syntax */
	}

/* MEDIA CALLS */

@media only screen and (max-width:1130px) {NavBar {width:67%;} }

@media only screen and (max-width:1075px) {.InsideTopOuterWrapper {background-position:0 117%;}  .linksgradientlinks li {margin: 8px 0 8px 0;padding: 10px 0 10px 30px;} }

@media only screen and (max-width:1025px) {.HPBannerWrapper {font-size:95%;} .HomePagePromoItem {padding:2% 8% 1% 8%;} .HomePagePromoItem h2 {font-size:325%;} }

@media only screen and (max-width:990px) {.ThreeColumnContentButtonWrapper a {margin:0 0 0 0;padding:10px 10px !important;font-size:80%;} .ThreeColumnContentButtonWrapper a:visited {margin:0 0 0 0;padding:10px 10px !important;font-size:80%;} .ThreeColumnContentButtonWrapper a:hover {margin:0 0 0 0;padding:10px 10px !important;font-size:80%;} }

@media only screen and (max-width:945px) {#SearchWrapper {display:none;}}

@media only screen and max-width:915px) {.HomePagePromoItem h2 {font-size:200% !important;} .HomePagePromoItem h3 {font-size:110% !important;} }

@media only screen and (max-width:900px) {.InsideHeaderGradient {background-position:0 120%;} .insideHeaderLinks {float:left;width:100%;} .insideHeaderPromo {float:left;width:100%;margin:5px 1% 0 1%;} }

@media only screen and (max-width:875px) {.NavBar {font-size:85%;} .InsideLoginTitleBar {max-width: 100%;background: url(../icons/OC_icon_OnlineBanking.png) -10px center no-repeat;}}

@media only screen and (max-width:845px) {.NavBar {display:none;} #WFN_MobileMenuButton {display:block !important;} }

@media only screen and (max-width:800px) {#WFN_URGENTMESSAGEWRAPPER {margin:-14px 0 0 0;} }

@media all and (max-width:780px) {
.TopGreenRounded {margin:0 auto;padding:10px 0 0 0;background:url(../icons/OC_TopGreenRounded_tablet.png) center -5px no-repeat;height:50px;}
/* MAIN BODY COPY 2-COLUMN */
.mainbodycopyLEFT {display:block;width:99%;min-width:220px;margin:0 0 0 0;vertical-align:top;border-right:0px dashed #d4d4d4;}
.mainbodycopyRIGHT {display:block;width:99%;min-width:220px;padding:0 2% 0 0;vertical-align:top;}   
.InsideLoginTitleBar {font-size:90%;text-align:left;padding-left:13%;} 
}

@media only screen and (max-width:770px) 
{
.HPBannerWrapper {float:none;width:100%;margin:0 2% 0 0;}
.homepagemaincontentareainnerwrapper {display:block;}
.HomePagePromoItem h2 {font-size:400% !important;} 
.homepagegradientlinkswrapper {background:none;width:100%;max-width:100%;}
.gradientLinks {float:left;width:100%;}
#gradientlinksLOGIN {float:left;width:45%;}
.linksgradientlinks {float:right;width:auto;width:45%;}
.insideHeaderLinks .linksgradientlinks {float:left;width:95%;}
#LOGINFORMSUBMITBUTTON {display:block;}
#NEXT_HBLOGINMODULE_LOGINFORM_SUBMIT {width:217px;}
.nav_page_title h2 {font-size:175%;}
}


@media only screen and (max-width:765px) {
.homepagemaincontentareainnerwrapper {display:block;}
.outside {padding:0 0 38px 0 !important;} 

.homepagemaincontentLEFT {display: block;width: 100%;}
.hpTodaysRates {width: 94%;margin: 0 auto;}
.homepagemaincontentMIDDLE {width:60%;padding:0 0;}
#contentWrapper2 li {list-style: none;margin: 5px 0;padding: 5px 20px 5px 0;}
.homepagemaincontentRIGHT {width:40%;}
.ThreeColumnContentButtonWrapper a {margin:0 0 0 0;padding:10px 10px !important;}
.ThreeColumnContentButtonWrapper a:visited {margin:0 0 0 0;padding:10px 10px !important;}
.ThreeColumnContentButtonWrapper a:hover {margin:0 0 0 0;padding:10px 10px !important;color:#ffffff !important;}   
}

@media only screen and (max-width:740px) {.innerpagewrapper {margin:0 2% 0 2.8%;padding:0;} }

@media only screen and (max-width:730px) {.footerinner {padding: 10px 1.5% 70px 1.5%;} .FooterLeft {width:98%;margin:10px auto 0 auto;text-align:center;} .FooterRight {float:left;width:98%;margin:10px auto 10px auto;text-align:center;} }

@media only screen and (max-width:700px) {.InsideLoginTitleBar {}}


@media only screen and (max-width:660px) {
.customformwrapper .label {float:left;display:block;margin:0 5px 0 0;padding:0 0 0 0;text-align:left;width:98%;}
.customformwrapper .forminput {float:left;display:block;text-align:left;width:98%;}  
.customformwrapper .forminput input {width: 98%;max-width:98% !important;} 
.customformwrapper .buttonrow {margin:0 auto;text-align:center;width:100%;}  
.customformwrapper .buttonrow input {margin:0 auto;text-align:center;width:auto;} 
}

@media only screen and (max-width:655px) {
#WFN_MobileMenuPopUp {width:60%;max-width:60%;} 
#WFN_URGENTMESSAGEWRAPPER {margin: -24px 0 15px 0;}    
.InsideHeaderBannerHeadline {padding:5px 10px 5px 10px;text-align:left;}
.nav_page_title h2 {margin: 0 0 10px 0;}
#content {float:left;display:block;margin:0 auto 30px auto;padding:0 0 0 0;width:96%;font-size:95%;} 
#sidebar {clear:both;display:block;margin:0 auto 0 auto;width:95%;max-width:95%;}
.InsideLoginWrapper {float:left;width: 98%;max-width: 98%;background:#e8e8e8;margin:0 0 10px 0;padding:15px 2% 2% 2%;text-align:center;vertical-align:top;}
.InsideLoginTitleBar {margin:0 auto;padding-left:35%;width:99%;max-width:99%;font-size:100%;background:url(../icons/OC_icon_OnlineBanking.png) 30% center no-repeat !important;}
#INSIDE_HBLOGINMODULE_LOGINFORM_SUBMIT {width:50%;}
.HomePagePromoItem {padding:2% 3% 1% 3%;}
.HomePagePromoItem h2 {font-size:300% !important;}
.BottomOfPageLinks {padding: 0 0 51px 0;}
.BottomOfPageLinksWrapper {width:50%;}
#BottomOfPageLinksWrapper_1 {clear:left;}
#BottomOfPageLinksWrapper_2 {margin: 0 0 0 0;text-align: left;float: left;}
.footerinner {padding: 10px 1.5% 90px 1.5%;}
}

@media only screen and (max-width:550px) {.HPBannerWrapper {font-size:89%;} .HomePagePromoItem h2 {font-size:275% !important;} .HomePagePromoItem h3 {font-size:120% !important;}}

@media only screen and (max-width:540px) {#WFN_MobileMenuPopUp {width:70%;max-width:70%;} .nav_page_title h2 {font-size:150%;} }

@media only screen and (max-width:520px) {
.HomePageTopOuterWrapper {padding:0 0 0 0;}
.gradientLinks {width:95%;margin:0px 10px 5px 14px}
#gradientlinksLOGIN {width:95%;}
.LoginWrapperInner {padding:0 0 10px 0;}
.LoginTextInput {width:48%;}
#userid {width:98%;}
#password {width:98% !important;}
#LOGINFORMSUBMITBUTTON {display:block !important;}
#NEXT_HBLOGINMODULE_LOGINFORM_SUBMIT {width:95.25%;}
.underbannerpromowrapper {display:none;}
.homepagemaincontentSPACER {background:red;}
.homepagemaincontentMIDDLE {display:block;width:100%;}
.homepagemaincontentRIGHT {display:block;width:100%;margin:10px 0 0 0;}
}

@media only screen and (max-width:490px) {.InsideTopOuterWrapper {background:none;} insideHeaderPromo {padding: 0 2%;background: url(../icons/OC_INNER_Gradient_Small2_BG.png) repeat-x;background-position: 0 171%;} }

@media only screen and (max-width:480px) {.HomePagePromoItem h2 {line-height:inherit;} .HPBannerPromoText {font-size:110%;} .BannerNewIcon {display:none;} #WFN_MobileMenuPopUp {width:80%;max-width:80%;} .insideHeaderLinks {display:none;} .nav_page_title {clear:both;} .nav_page_title h2 {font-size:140%;line-height:1.14em;margin:0 0 10px 0;padding:0 0 0 0;} #WFN_MobileMenuButton {font-size:0 !important;width:50px;} .InsideHeaderGradient {background-position: 0 97%;}}

@media only screen and (max-width:435px) {.BottomOfPageLinks {padding: 0 0 0 0;} .BottomOfPageLinksWrapper {margin:0 auto 10px auto !important;width:98%;display:block;float:none;text-align:center;} #BottomOfPageLinksWrapper_1, #BottomOfPageLinksWrapper_2, #BottomOfPageLinksWrapper_3 {text-align:center;} }

@media only screen and (max-width:400px) {
.HPBannerPromoButton a {margin:0 0 0 0;padding: 0px 0px;background: none;color: #c4d600 !important;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;text-decoration: none !important;}
.HPBannerPromoButton a:visited {margin:0 0 0 0;padding: 0px 0px;background: none;color: #c4d600 !important;}
.HPBannerPromoButton a:hover {margin:0 0 0 0;padding: 0px 0px;background: none;color: #ffffff !important;}
.HPBannerExtraText {padding: 0 0 0 4px;}                                        
}

@media only screen and (max-width:380px) {
.HPBannerPromoText {display:none;} 
.HPBannerExtraText {clear:left;display:block;padding:20px 0 0 4px !important;}
.HPBannerPromoButton a {margin:0 0 0 0;padding:10px 20px;background:#c4d600;color:#201547 !important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-decoration:none !important;}
.HPBannerPromoButton a:visited {margin:0 0 0 0;padding:10px 20px;background:#c4d600;color:#201547 !important;}
.HPBannerPromoButton a:hover {margin:0 0 0 0;padding:10px 20px;background:#ffffff;color:#201547 !important;}
}

@media only screen and (max-width:370px) {.InsideLoginTitleBar {margin:0 auto;padding-left:32%;width:99%;max-width:99%;font-size:100%;background:url(../icons/OC_icon_OnlineBanking.png) 25% center no-repeat !important;}}

@media only screen and (max-width:360px) {.HomePagePromoItem h2 {line-height: inherit;font-size:200% !important;} #WFN_MobileMenuPopUp {width:90%;max-width:90%;font-size:90%} .urgentmessagetext {margin: 0 40px 0 50px;font-size:80%;} .TopGreenRounded {margin:0 auto;padding:6px 0 0 0;background:url(../icons/OC_TopGreenRounded_mobile.png) center -10px no-repeat;height:40px;} .nav_page_title h2 {font-size:130%;} .insideHeaderPromo {background-position: 0 118%;} }

@media only screen and (max-width:345px) {
.HomePagePromoItem h3 {padding:0.1em 0 0.1em 0 !important;}
.HPBannerPromoText {display:none;} 
.HPBannerExtraText {clear:left;display:block;padding:20px 0 0 4px !important;}
.HPBannerPromoButton a {margin:0 0 0 0;padding:5px 10px;background:#c4d600;color:#201547 !important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-decoration:none !important;}
.HPBannerPromoButton a:visited {margin:0 0 0 0;padding:5px 10px;background:#c4d600;color:#201547 !important;}
.HPBannerPromoButton a:hover {margin:0 0 0 0;padding:5px 10px;background:#ffffff;color:#201547 !important;}
#WFN_MobileMenuButton {top: 80px;right: 8px;}
}

@media print {body {width:1280px !important;max-width:1280px !important;min-width:1280px !important;} }


#EIPTextArea {resize:both !important}