/**************************************************
 *         __                                     *
 *        / _|                                    *
 *      _| |_  _  ___  ____  _  _ __    __        *
 *     |_   _|| |/  _|/ __ \| \/_|\ \  / /        *
 *       | |  | |\_ \ | \/_|| |    \ \/ /         *
 *       | |  | | _\ \| |__ | |     \  / _        *
 *       |_|  |_||___/\____/|_| eSol \/ |_|       *
 *                                                *
 * Application: Retail Online 4.1  
 * Version: 1
 * Theme:          lite015                        *
 *                                                *
 **************************************************/
/**************************************************
 * Start CSS Reset                                *
 **************************************************/

/*RESET STYLES START*/
html {margin:0;padding:0;border:0; }
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section { margin: 0;padding: 0;border: 0;}
/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
/* Line-height should always be unitless! */
body {line-height: 1.5;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {float:none !important; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
/* Remember to define your own focus styles! */
:focus { outline: 0; }
/*remove table between logo and datasection/nav2 on login page*/
#wrapper>input#SPTN + table + table{display:none;}
/*Remove emplty paragraph tag before the logo that appears on login pages*/
#wrapper>input#SPTN+table p{margin:0;}
#wrapper>input#SPTN+br+table p{margin:0;}
/*Remove break tag that appears on disclosure acceptance page*/
#wrapper>input#SPTN+br{display:none;}
 /*Remove unnecessary break tags from NAV3 pages*/
#nav3t+.DataSectionFrame ul.Clear+hr+br,#nav3t+.DataSectionFrame ul.Clear>li>span>br,#nav3t+.DataSectionFrame>br:first-child{display:none;}
/*RESET STYLES END*/

@font-face {
    font-family: 'rokkittregular';
    src: url('Rokkitt-webfont.php');
    src: url('Rokkitt-webfontd41d.php?#iefix') format('embedded-opentype'),
         url('Rokkitt-webfont-2.php') format('woff2'),
         url('Rokkitt-webfont-3.php') format('woff'),
         url('Rokkitt-webfont.ttf') format('truetype'),
         url('Rokkitt-webfont-4.php#rokkittregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Layout*/
body {text-align:left !important; margin:0px !important; padding: 0px;background:url("body_bg.png") repeat-x #FFFFFF;}
.wrapper {top:0; position:relative; margin:0 auto; width:998px;}
.DataSectionFrame {border-radius:7px;border:1px solid #ddd;min-height: 275px; padding:50px 18px 10px 23px; margin-top:0px !important;background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9)}



/*Fonts above the data tables. To keep the page name fonts consistent make h3 and big tags the same*/
.LandingPageWelcomeMessage {font-size:12px;font-weight:bold}
h3 {font-size:12px;font-weight:bold;font-family:'rokkittregular',Times new Roman,Times,sans-serif;}
big {font-size:12px;font-weight:bold}
/*Change the eAlerts link color */
#PMMRevationText span > a {}
/*Checkfree widget Link fix */
#CheckfreeWidget+h4>a{font-size:14px;}
/*Account List fix*/
.AccountListWidget .AccountList-Accounts {max-height:none !important;}

/*Font Family*/
big, body, form, h3, input, select, TD, TH, .LandingPageWelcomeMessage, .Subheader, .PAGECOLORFONT,  #CheckfreeWidget+h4>a  {font-family:Arial,sans-serif;}

/*Navigation - Set the top and left properties in Author and set the top also in the CSS to overrides the -7 pixel subtraction in IE. Also add any background colors and background images for the navigation here.*/
.Nav1 {top:0px !important;left:680px !important;}
.Nav2 {top:160px !important;left:-10px !important;}
.Nav3 {top:235px !important; left:0px !important;}
.Nav4 {overflow:hidden;} /*Fixes Nav4 Footer Issue*/

/*Navigation Area 1*/
#nav1t > ul{padding:5px 17px;display:block;height:30px;background:none repeat scroll 0 0 #fff !important;border-radius:0 0 8px 8px;box-shadow:0 1px 0 1px rgba(0, 0, 0, 0.2);}
/*Navigation Area 1 Main Buttons*/
#nav1t ul.sf-menu > li {float:left; height:15px; padding:5px 0 !important; margin:0px !important;}
#nav1t ul.sf-menu > li:before{content:"//";color:#186d3a !important;margin-left: 5px;position:absolute;top:10px;}

#nav1t ul.sf-menu > li > a {content:"//";margin:0 6px;display:block;height:15px; line-height:19px;color:#174d86 !important; font-size:15px;font-family:Arial,sans-serif;padding:0 9px;}
#nav1t ul.sf-menu > li:before >li:first-child > a {display:none;} 
#nav1t ul.sf-menu > li > a:hover {color:#000 !important;}
/*Navigation Area 1 Flyout Menus If Needed*/
#nav1t ul.sf-menu li ul {margin-top:0px;} 
#nav1t ul.sf-menu li ul li ul {margin-top:0px;}
#nav1t ul.sf-menu li.sf-shadow ul {padding-top:0px;}
#nav1t ul.sf-menu li ul li {margin: 0px; padding: 0px; text-align:left !important; width:15em !important; height:auto !important;}
#nav1t ul.sf-menu li ul li a {text-transform:none; padding:3px 0px 10px 5px; line-height:normal;}
#nav1t ul.sf-menu li ul li a:hover {}

/*Navigation Area 2*/
#nav2t > ul{display:block;height:40px;background:none repeat scroll 0 0 #fff !important;width:998px;border-radius:8px;box-shadow:0 1px 0 1px rgba(0, 0, 0, 0.2);margin:0 10px;}
/*Navigation Area 2 Main Buttons*/
#Nav2logon3 {float:right; height:40px; padding:0 !important; margin-right:0px !important;}
#nav2t ul.sf-menu > li {float:left; height:40px; padding:0 !important; margin-right:0px !important;}
#nav2t ul.sf-menu > li > a {font-weight:bold;border-left:1px solid #e3e3e3;text-transform: uppercase;line-height:40px;display:block;color:#174d86 !important; padding:0 20px;font-size:20px;font-family:'rokkittregular',Times new Roman,Times,sans-serif; height:40px;}
#nav2t ul.sf-menu > li:first-child > a {border-left:0;} 
#nav2t ul.sf-menu > li:first-child > a:hover{border-radius:8px 0 0 0px;background-color:#E2E3E4 !important;color:#174d86 !important;}
#nav2t ul.sf-menu > li > a:hover {background-color:#E2E3E4 !important;color:#174d86 !important;}

/*Navigation Area 2 Flyout Menus*/
#nav2t ul.sf-menu li ul {margin-top:16px;} 
#nav2t ul.sf-menu li ul li ul {margin-top:0px;}
#nav2t ul.sf-menu li.sf-shadow ul {padding-top:0px;}
#nav2t ul.sf-menu li ul li {margin: 0px; padding: 0px; text-align:left !important; width:21em !important; height:auto !important;}
#nav2t ul.sf-menu li ul li a {font-weight:400;color:#fff !important;font-family:'rokkittregular',Times new Roman,Times,sans-serif; font-size:20px;text-transform:uppercase; padding:10px 0px 10px 5px; line-height:normal; background:#288dcd !important;}
#nav2t ul.sf-menu li ul li a:hover {background-color:#3CA8EA !important;color:#fff !important;}
#nav2t ul.sf-menu li ul li ul {
    margin-left: 72px;
    margin-top: 0;
}

/*Navigation Area 3*/
#nav3t > ul{display:block;}
/*Navigation Area 3 Main Buttons*/
#nav3t .sf-menu > li {padding:0px !important; margin:0px !important; text-align:left;}
#nav3t .sf-menu > li > a {font-size: 18px;letter-spacing: 1px;text-transform: uppercase;height:26px;line-height:26px;display:block;color:#134e2e !important;padding:0 15px; font-family:'rokkittregular',Times new Roman,Times,sans-serif;}
#nav3t ul.sf-menu > li:first-child > a {} 
#nav3t ul.sf-menu > li > a:hover {text-decoration: underline;}
/*Navigation Area 3 Flyout Menus*/
#nav3t ul.sf-menu li ul {margin-top:7px;}
#nav3t ul.sf-menu li ul li ul {margin-top:0px;}
#nav3t ul.sf-menu li.sf-shadow ul {padding-top:0px;}
#nav3t ul.sf-menu li ul li {margin: 0px; padding: 0px; text-align:left !important; width:21em !important; height:auto !important;}
#nav3t ul.sf-menu li ul li a {font-weight:400;color:#fff !important;font-family:'rokkittregular',Times new Roman,Times,sans-serif; font-size:20px;text-transform:uppercase; padding:10px 0px 10px 5px; line-height:normal; background:#288dcd !important;}
#nav3t ul.sf-menu li ul li a:hover {background-color:#3CA8EA !important;color:#fff !important;}
#nav3t ul.sf-menu li ul li ul {
    margin-left: 72px;
    margin-top: 0;
}

/*Navigation Area 4*/
#nav4t a{text-decoration:underline !important;}
#nav4t a:hover{text-decoration:none !important;}

/*Banner/Logo - To keep the flow of the site correct it is recommended to put the banner in the logo section and only use the banner area for banner ads*/
#Logo { position:relative !important;top:45px !important;left:0px !important;height:224px;} /*Adjust top and left for the logo*/
.Banner {position:absolute;top:0px !important;left:0px !important;}

/*Footer*/
#FooterDiv {background:url('footer.jpg') no-repeat;height: 145px; overflow: hidden; width: 998px; padding:0px ; position:absolute ;}
.footerButtons table tr td{vertical-align: bottom;}

/*Copyright*/
#CopyrightDiv {height:20px;text-indent:-709px;position: relative;color: #29292c !important;font: 12px/20px Arial,sans-serif;;margin: 0 auto; width:998px; ;text-align: center;left:0px; box-sizing: border-box;top:134px;}

/*Cross browser css fixes for the copyright area*/
*:first-child+html #CopyrightDiv { margin-top:0px;} /* IE7 only */
:root #CopyrightDiv { margin-top:0px \0/IE9; }  /* IE9 */
@media screen and (-webkit-min-device-pixel-ratio:0) {#CopyrightDiv {margin-top:0px;}}
html>/**/body #CopyrightDiv , x:-moz-any-link, x:default {margin-top:0px;}
#CopyrightDiv {margin-top:0px;}

/*Fixes*/
#Disclosure {background:#ffffff;}
.percent {padding-right:20px !important;}
.AcctAmountRow {width:100px;}
.wrapper br:last-child {display:none;}
#FooterDiv hr {display:none;}
#FooterDiv br {display:none;}
#FooterDiv p {display:none;}
#CopyrightDiv p {display:none}
th {vertical-align: bottom !important;}
#SecureMailArea tr {background-color:#ffffff !important;}
/*Fix widget spacing and line up*/
table .spacer10px:first-child {display: none;}
.spacer10px {width:3px !important; max-width:3px !important; min-width:3px !important;}
/*bottom align text in Account Information widget on Account Summary page*/
form#BalanceInfo table.DataTable td{vertical-align:bottom;}
/*bottom align balance text in Account List widget on Landing page*/
div.AccountListWidget li.AcctListData td.AvailableBalance,div.AccountListWidget li.AcctListData td.Balance{vertical-align: bottom;}
/*Add padding to bottom of checkfree widget so that link is not so close to the bottom border*/
div#_CheckFree{padding-bottom:10px;}
/*IE7 display issue with print icon in account list header not floating left*/
h3.HEADER>div.floatr{*margin-top:-17px}
/*IE7 display issue for account list subheader*/
.AccountList-Accounts > li.Subheader > div{display:inline;}
/*Spacing for Access ID and Take Me To Tool*/
select#Destination {margin-left:10px;}
input#AccessId {margin-left:10px;}
/*Removes grey box on active state in IE*/
a:active{background:transparent;}
/*Fix eStatement enrollment page display*/
form#eStatementEnrollment table.DataTable td.spacer10px {display: inline;padding: 0;}
form#eStatementEnrollment table.DataTable td.DataFont {vertical-align:middle;}
/*Stop Payment Page Text Wrapping Fix*/
 form#StopPay .DataTable td.DataFont  {white-space: nowrap;}
 /*Remove unnecessary break tags from NAV3 pages*/
#nav3t+.DataSectionFrame ul.Clear+hr+br,#nav3t+.DataSectionFrame ul.Clear>li>span>br,#nav3t+.DataSectionFrame>br:first-child{display:none;}
 
/*checkfree widget display on ie 7 8*/
iframe #CheckfreeWidget {position:relative;} 
#CheckfreeWidget {position:relative !important;} 

/*For IPay/Paytraxx
.FocusWidget td.RightMultiColumn {width:110px;}*/

/*Use for top left of account summary page if Express Transfer is on the right*/
#BalanceInfo DIV.ieouter{/*width:390px;*/}
@media all and (min-width:0px) {/*#BalanceInfo div {width:390px !important;}*/}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*#BalanceInfo div {width:390px !important;}*/}
html>/**/body #BalanceInfo div, x:-moz-any-link, x:default {/*width:390px !important;*/}
/*.spacer10px {width:3px !important; max-width:3px !important; min-width:3px !important;}*/

/*Vertical Navigation and flyout fixes*/
/*
.sf-vertical li {height:31px !important;}
.sf-vertical li li {height:20px !important;}
.sf-menu ul{font-size:11px !important; width:18.75em !important;}
.sf-menu ul li ul{width:18.75em !important;}
#nav2 ul.sf-menu li li:hover ul, #nav2t ul.sf-menu li li:hover ul, #nav2 ul.sf-menu li li.sfHover ul, #nav2t ul.sf-menu li li.sfHover ul { left: 18.75em !important;}
*/