@charset "utf-8";
/* CSS Document */
/*------------------ 
                            STYLES DIRECTORY:
                                01. BEGIN RESET CODE
                                02. GLOBAL STYLES
                                03. HEADER STYLES
                                04. MAIN NAVIGATION
                                05. MAIN NAVIGATION DROPDOWN
                                06. ICON NAVIGATION
                                07. SUBNAV LEFT COLUMN
                                08. HERO STYLES
                                09. LANDING CONTENT STYLES
                                10. ONLINE BANKING FORM
                                11. APPLICATION & FORMS MODULE
                                12. INTERIOR CONTENT
                                13. FOOTER
------------------*/

/* ---------------- 01. BEGIN RESET CODE ---------------- */
wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {margin:0;padding:0;}
.clear {clear:both;}
.floatLeft {float:left;border:0;}
.floatRight {float:right;border:0;}
a {outline:none;}
/*------------------ 02. GLOBAL STYLES ------------------*/
html{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
body {background-image:url(/2491/mirror/design/img-body.jpg);}
#wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    background-image: url(/2491/mirror/design/img-wrapper.png);
    background-repeat: repeat-y;
}
#landing-left-column {width:250px;float:left;/* LEFT COLUMN CHANGES WIDTH FOR LANDING PAGES */}
#market-watch {
    width:210px;
    padding:15px 0 0 10px;
    margin-bottom: 10px;
}
#market-watch h3 {color:#B0A040;font-size:16px;margin-bottom:10px;}
#headline-news {
    width:230px;
    padding:0 0 0 10px;
    margin-bottom: 10px;
}
#headline-news h3 {color:#B0A040;font-size:16px;margin-bottom:10px;}
#center-column {width:448px;float:left;position:relative;/* CENTER COLUMN FOR LANDING PAGES */}
#right-column {
    width:251px;
    float:right;
    height:auto;
    padding-bottom: 20px;
}
#left-column {width:685px;float:left;padding-left:13px;/* LEFT COLUMN FOR INTERIOR PAGES */}
#full-width {padding:0 10px;/* FULL WIDTH OPTION IN REQUESTED */}
.xstooltip 
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font: normal 8pt sans-serif;
    padding: 10px;
    border: solid 1px;
    background-color: #4687B1;
    color:#FFF;
}
/* --------- 03. HEADER STYLES------------*/
#header {
    width:948px;
    height:138px;
    background-image:url(/2491/mirror/design/img-header.jpg);
    background-repeat:no-repeat;
    padding: 0 0 0 12px;
    position: relative;
    z-index: 200;
}
#header-left {height:122px;width:277px;float:left;}
#header-right {
    height:97px;
    width:671px;
    float:left;
    padding-top:25px;
}
/*#logo {padding-top:16px;width:277px;height:69px;background:url() no-repeat;}*/
#logo img {border:none;}
#slogan1 {float:right;height:24px;width:277px;font-size:14px;color:#97002D;font-style:italic;}
#slogan2 {float:right;height:24px;width:277px;font-size:13px;color:#7A7A7A;font-style:italic;margin-top:10px;}
#slogan2 a {font-size:13px;color:#7A7A7A;font-style:italic; text-decoration:none;margin-top:10px;}
#slogan2 a:hover {font-size:13px;color:#7A7A7A;font-style:italic; text-decoration:none;margin-top:10px;}
#header-right-top {height:59px;padding-top:16px;}
#topNav {
    width:412px;
    float:left;
    padding:8px 10px 0 0;
    height:50px;
    text-align:right;
}
#topNav ul {list-style:none;}
#topNav ul li {display:inline;padding-left:10px;}
#topNav ul li a {color:#9B9A9A;text-decoration:none;padding: 0 10px 0 0;}
#topNav ul li a:hover {color: #737373;}
#search {float:left;height:58px;width:225px;padding:0;}
#search form {height:30px;}
#query {
    height:19px;
    width:134px;
    border:solid 1px #888686;
    font-size:12px;
    line-height:19px;
    color:#333;
    margin-right: 4px;
    float: left;
    padding-left: 5px;
    margin-top: 2px;
}
#submit {float:left;width:39px;height:30px;}
#search p {
    font-size:10px;
    line-height:1em;
    color:#737373;
    clear: both;
    font-size: 11px;
}
#header_bottom {width:930px;}
/*------------------ 04. MAIN NAVIGATION ------------------*/
#mainNav  {
    height:34px;
    width:657px;
    background: url(/2491/mirror/design/img-mainNav-ul.png) no-repeat;
    padding: 3px 0 0 3px;
    float: right;
    position:relative;
    z-index:100;
}
#mainNav ul {list-style:none;font-size:15px;}
#mainNav ul li {padding-right:3px;float:left;display:block;position:relative;}
#mainNav ul li a {
    position: relative;
    display:block;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    height:24px;
    padding-top:13px;
    background-repeat:no-repeat;
    line-height:1.1em;
    float:left;
    width: 215px;
    padding: 10px 0 0 0;
    background-image: url(/2491/mirror/design/img-mainNav-red-sprite.jpg);
    background-position: left top;
    text-align: center;
}
#mainNav ul li.personal a:hover, #menu li.personal a.active {background-image: url(/2491/mirror/design/img-personal-mainNav-active.jpg);background-position:0 -34px;}
#mainNav ul li.business a:hover, #menu li.business a.active  {background-image: url(/2491/mirror/design/img-business-mainNav-active.jpg);background-position:0 -34px;}
#mainNav ul li.trust a:hover, #menu li.trust a.active {background-image: url(/2491/mirror/design/img-trust-mainNav-active.jpg);background-position:0 -34px;}
#personal #mainNav ul li.active a:hover {background-position:0 -34px;}
#business #mainNav ul li.active a:hover {background-position:0 -34px;}
#trust #mainNav ul li.active a:hover {background-position:0 -34px;}
#personal #mainNav ul li.active a {background: url(/2491/mirror/design/img-personal-mainNav-active.jpg);}
#business #mainNav ul li.active a {background: url(/2491/mirror/design/img-business-mainNav-active.jpg);}
#trust #mainNav ul li.active a {background: url(/2491/mirror/design/img-trust-mainNav-active.jpg);}
/*------------------ 05. MAIN NAVIGATION DROPDOWNS ------------------*/
#mainNav ul li ul{
    visibility:hidden;
    position:absolute;
    z-index:10;
    width:215px;
    top:34px;
    left:0px;
    font-size:11px;
    height:auto;
}
#mainNav ul li ul li {padding:0;}
#mainNav ul li ul li a {
    width:200px;
    text-align:left;
    padding:5px 0 5px 15px;
    height:auto;
    font-weight:normal;
    background-image:none;
    text-transform:none;
    line-height: 1.4em;
}
#mainNav ul li.personal ul li a {background-color:#4B8BB2;}
#mainNav ul li.personal ul li a:hover {background-image:none;background-color:#73A6C4;}
#mainNav ul li.business ul li a {background-color:#828F64;}
#mainNav ul li.business ul li a:hover {background-image:none;background-color:#9EA985;}
#mainNav ul li.trust ul li a {background-color:#B09E39;}
#mainNav ul li.trust ul li a:hover {background-image:none;background-color:#CBBB5F;}
#personal #mainNav ul li.active ul li a {background-image:none;background-color:#4B8BB2;}
#business #mainNav ul li.active ul li a {background-image:none;background-color:#828F64;}
#trust #mainNav ul li.active ul li a {background-image:none;background-color:#B09E39;}
#personal #mainNav ul li.active ul li a:hover {background-image:none;background-color:#73A6C4;}
#business #mainNav ul li.active ul li a:hover {background-image:none;background-color:#9EA985;}
#trust #mainNav ul li.active ul li a:hover {background-image:none;background-color:#CBBB5F;}
#mainNav li:hover ul, #mainNav li:hover li:hover ul {visibility:visible;}
#mainNav li:hover li ul, #mainNav li:hover li:hover li ul {visibility:hidden;}
#mainNav li:hover>ul {display:block;visibility:visible;}
html>body #mainNav li ul {display:none;}
#column-wrapper-top {width:960px;height:11px;background:url(/2491/mirror/design/img-column-wrapper.jpg) no-repeat;}
/*------------------ 06. ICON NAVIGATION ------------------*/
#landing-left-column #icon-navigation {padding-left:8px;}
#icon-navigation {margin-bottom:16px;}
#icon-navigation table {padding: 2px 0 0 0;line-height:1em;text-align: center;}
#icon-navigation table td {height:89px;}
#icon-navigation table td img {border:none;margin:0 auto 8px;padding:0;}
#icon-navigation table td a {
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
    color:#777575;
    display: block;
    outline-style:none;
    outline-color:transparent;
    outline-width:0px;
    letter-spacing: -0.04em;
}
#icon-navigation table td a:hover{color:#000;}
#icon-navigation .column-1  {width:69px;}
#icon-navigation .column-2  {width:84px;}
#icon-navigation .column-3  {width:69px;}
/*------------------ 07. SUBNAV LEFT COLUMN ------------------*/
#subNav {
    width:222px;
    padding-left:10px;
    margin-bottom:20px;
    background: url(/2491/mirror/design/img-subNav-repeat-y.jpg) repeat-y 10px top;
}
#subNav h3 {
    width: 222px;
    height: 24px;
    padding-top: 12px;
    text-align: center;
    display: block;
    background-repeat: no-repeat;
    color: #fff;
    font-size:14px;
}
#personal #subNav h3 {background-image: url(/2491/mirror/design/img-personal-subNav-h3.jpg);}
#business #subNav h3 {background-image: url(/2491/mirror/design/img-business-subNav-h3.jpg);}
#trust #subNav h3 {background-image: url(/2491/mirror/design/img-trust-subNav-h3.jpg);}
#subNav ul {display:block;font-size:11px;line-height:2.15em;padding:12px 0 0 18px;list-style-type:none;}
#subNav ul li {padding-left:16px;background-repeat: no-repeat;background-position: 0px 8px;}
#subNav ul li a {color:#5F5E5E;text-decoration:none;text-transform:uppercase;}
#subNav ul li a:hover {color: #000;}
#subNav .bottom {width:222px;height:29px;clear:both;background:url(/2491/mirror/design/img-subNav-bottom.jpg);}
#personal #subNav ul li {background-image: url(/2491/mirror/design/img-personal-bullet-01.png);}
#business #subNav ul li {background-image: url(/2491/mirror/design/img-business-bullet-01.png);}
#trust #subNav ul li {background-image: url(/2491/mirror/design/img-trust-bullet-01.png);}
/*------------------ 08. HERO STYLES ------------------*/
#hero {margin:0 auto;width:448px;height:320px;position:relative;clear:both;}
#hero img {border:none;float:left;}
#hero ul {list-style:none;}
#hero ul li {width:448px;height:320px;}
#hero h3 {
    clear:both;
    float:left;
    height: 30px;
    width: 310px;
    padding: 16px 33px 0 0;
    background-image: url(/2491/mirror/design/img-hero-title.jpg);
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 1em;
}
#hero h3 a {
    float: left;
    height: 29px;
    width: 294px;
    padding-right: 16px;
    text-align: right;
    background-image: url(/2491/mirror/design/img-hero-title-h3.jpg);
    background-repeat: no-repeat;
    background-position: right 3px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
#hero h3 a:hover {text-decoration:underline;}
.bx_pager {
    margin:0;
    padding:0;
    height:22px;
    list-style:none;
    float: right;
    width: 100px;
    position:absolute;
    bottom:13px;
    right:0px;
}
.bx_pager a  {
    margin:0 0 0 8px; 
    padding:0;
    float:left;
    list-style:none;
    height:22px;
    line-height:22px;
    color:#fff;
    width:22px;
    text-align:center;
    text-decoration:none;
    background-image: url(/2491/mirror/design/img-hero-controls.jpg);
    background-repeat: no-repeat;
    background-position:left top;
    outline:none;
}
.bx_pager a.active {
    height:21px;
    background-image: url(/2491/mirror/design/img-hero-controls.jpg);
    background-repeat: no-repeat;
    background-position:left bottom;
    outline:none;
}/*------------------ 09. LANDING CONTENT STYLES ------------------*/
#landing-content {
    font-size: 16px;
    line-height: 1.3em;
    color: #787777;
    clear: both;
    padding-top: 25px;
}
#landing-content h1 {
    font-size: 21px;
    line-height: 1.1em;
    color: #514B4D;
    margin-bottom: 10px;
}
#landing-content h2 {
    font-size: 19px;
    line-height: 1.1em;
    color: #514B4D;
    margin-bottom: 10px;
}
#landing-content h3 {
    font-size: 17px;
    line-height: 1.1em;
    color: #514B4D;
    margin-bottom: 10px;
}
#landing-content h4 {
    font-size: 15px;
    line-height: 1.1em;
    color: #514B4D;
    margin:0 0 8px 0;
}
#landing-content h5 {
    font-size: 13px;
    line-height: 1.1em;
    color: #514B4D;
    margin:0 0 6px 0;
}
#landing-content h6 {
    font-size: 12px;
    line-height: 1.1em;
    color: #514B4D;
    margin:0 0 4px 0;
}
#landing-content p {margin-bottom:22px;}
#landing-content a {color:#787777;text-decoration:none;}
#landing-content a:hover {text-decoration:underline;}
#landing-content ul {margin:0 0 10px 20px;list-style-type:square;}
#landing-content ol {margin:0 0 10px 20px;padding:0;}
/*------------------ 10. ONLINE BANKING FORM ------------------*/
#right-column #online-banking {margin-bottom:7px;}
#online-banking {width:233px;height:191px;padding: 26px 0 0 15px;}
#trust #online-banking {background-image: url(/2491/mirror/design/img-online-banking.jpg);}
#personal #online-banking {background-image: url(/2491/mirror/design/img-personal-online-banking.jpg);}
#business #online-banking {background-image: url(/2491/mirror/design/img-business-online-banking.jpg);}
#online-banking h3 {
    width:193px;
    height:55px;
    display:block;
    padding-left:40px;
    line-height:1.1em;
    color:#fff;
}
#online-banking h3 span {float:left;display:block;}
#online-banking h3 span.smaller {font-size:15px;font-weight:normal;height:18px;}
#online-banking h3 span.larger {font-size:18px;height:26px;clear:left;width:190px;}
#online-banking form {width:220px;height:94px;}
#online-banking form .inputRow {width:220px;height:33px;}
#online-banking form .inputRow label {
    width:71px;
    height:23px;
    padding-top:9px;
    font-size:11px;
    font-weight:bolder;
    color:#fff;
    float:left;
    text-align:right;
}
#online-banking form .inputRow input {
    background-color:transparent;
    width:134px;
    height:24px;
    float:right;
    border:none;
    line-height:24px;
    font-size:12px;
    color:#000;
    background-image: url(/2491/mirror/design/img-input-background.jpg);
    background-repeat: no-repeat;
}
#online-banking form .submitRow {width:140px;height:26px;padding-left:80px;}
#online-banking form .submitRow #submit {
    width:69px;
    height:22px;
    float:left;
    color: #FFF;
    font-size:11px;
    background-image: url(/2491/mirror/design/img-submit-button.png);
    background-repeat: no-repeat;
    border:none;
    background-color:transparent;
}
#online-banking form .submitRow #reset {
    width:68px;
    height:22px;
    float:left;
    color: #FFF;
    font-size:11px;
    background-image: url(/2491/mirror/design/img-reset-button.png);
    background-repeat: no-repeat;
    border:none;
    background-color:transparent;
}
#online-banking p {padding-left:88px;font-size: 10px;font-style: italic;}
#online-banking p a {color:#EAE8E8;}
#online-banking p a:hover {color:#EAE8E8;text-decoration:none;}
#online-banking .personal-button a {
    margin-left:4px;
    background:url(/2491/mirror/design/img-personal-online-banking-sprite.png) no-repeat left top;
    width:210px;
    height:29px;
    display:block;
    padding-top:11px;
    text-align:center;
    line-height:1em;
    font-size:14px;
    font-weight:bolder;
    color:#fff;
    text-decoration:none;
    margin-bottom:3px;
}
#online-banking .business-button a {
    margin-left:4px;
    background:url(/2491/mirror/design/img-business-online-banking-sprite.png) no-repeat left top;
    width:210px;
    height:29px;
    display:block;
    padding-top:11px;
    text-align:center;
    line-height:1em;
    font-size:14px;
    font-weight:bolder;
    color:#fff;
    text-decoration:none;
margin-bottom:3px;

}
#online-banking .personal-button a:hover {background-position:left bottom;}
#online-banking .business-button a:hover {background-position:left bottom;}
/*------------------ 11. APPLICATION & FORMS MODULE ------------------*/
#apps-forms {width:243px;margin-left:2px;}
#apps-forms h3 {
    display:block;
    width:216px;
    height:25px;
    padding:12px 0 0 27px;
    background-image: url(/2491/mirror/design/img-apps-forms-h3.jpg);
    background-repeat: repeat-x;
    color:#97002D;
    font-size: 12px;
}
#apps-forms h3 a {width:18px;height:25px;float:left;}
#apps-forms h3 span {float: left;}
.closed {display:none;}
#apps-forms-toggle {
    padding:9px 0 11px 21px;
    background-color: #D0CECF;
    background-image: url(/2491/mirror/design/img-apps-forms-toggle.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}
#apps-forms-toggle ul {font-size:11px;line-height:1.6em;list-style-type:none;}
#apps-forms-toggle ul li a {color:#97002D;text-decoration:none;}
#apps-forms-toggle ul li a:hover {text-decoration:underline;}
#secondaryNav {
    width: 960px;
    height: 36px;
    padding-top: 10px;
    background-image: url(/2491/mirror/design/img-interior-subNav.jpg);
    background-repeat: repeat-x;
    font-size: 11px;
    line-height: 1.1em;
    font-weight: bolder;
}
#secondaryNav ul {list-style-type:none;margin-left:20px;}
#secondaryNav ul li {display:inline;margin-right:10px;white-space:nowrap;}
#secondaryNav ul li a {text-decoration: none;}
#trust #secondaryNav ul li a {color:#897927;}
#personal #secondaryNav ul li a {color:#2E6D93;}
#business #secondaryNav ul li a {color:#768357;}
#secondaryNav ul li a:hover {text-decoration:underline;}
#secondaryNav ul li a:hover {color: #9B0A36;}
#full-width #content-wrapper {background-image:url(/2491/mirror/design/img-full-width-content.jpg);background-repeat: repeat-y;}
#left-column #content-wrapper {background-image:url(/2491/mirror/design/img-content.jpg);background-repeat: repeat-y;}
#image-wrapper {margin-bottom: 10px;}
.content-top {height:1px;background:#fff url(/2491/mirror/design/img-content-top.jpg) no-repeat;margin-right:4px;}
/*------------------ 12. INTERIOR CONTENT ------------------*/
#content-wrapper {font-size:13px;}
#content {font-size:13px; }
.content {
    font-size:13px;
    color: #555454;
    line-height: 1.5em;
    padding:14px;
    clear: both;
}
#content-wrapper .content-heading {
    color:#fff;
    background-repeat: no-repeat;
    background-position:4px 0;
    height: 24px;
    padding: 10px 0 0 10px;
    font-size: 16px;
    line-height: 1.1em;
    font-weight:bold;
    margin: 0px;
    background-color:#fff;
}
.content-heading span {float:left;}
#tools {
    float:right;
    font-size:10px;
    font-weight:bolder;
    width:200px;
    height:23px;
    padding-right:7px;
}
#tools img {border:none;}
#tools a {text-decoration:none;}
#printer {float:left;width:100px;}
#printer a {float:left;width:100px;height:22px;color:#888;background:url(/2491/mirror/design/ico-print.jpg) no-repeat right top;}
#icons {width:40px;float:right;}
#resize-label {float:left;width:55px;color:#888;text-align:right;}

#personal #content-wrapper .content-heading {background-image: url(/2491/mirror/design/img-personal-content-heading.jpg);}
#business #content-wrapper .content-heading {background-image: url(/2491/mirror/design/img-business-content-heading.jpg);}
#trust #content-wrapper .content-heading {background-image: url(/2491/mirror/design/img-trust-content-heading.jpg);}
.content-left {
    font-size:12px;
    line-height: 1.3em;
    width: 380px;
    float: left;
    margin: 10px 0 0 0;
    padding:10px 4px 0 24px;
    height: 215px;
    color:#555454;
}
.content-left p {margin-bottom: 10px;}
.content-left ul {margin:5px 0 15px 20px;}
.content-left-image {
    width: 390px;
    float: left;
    margin: 10px 0 0 0;
    padding:0 0 10px 10px;
    height: 215px;
}
.content-right {
    font-size:12px;
    line-height: 1.3em;
    width: 228px;
    padding: 10px 10px 0 10px;
    float: right;
    margin: 10px 14px 6px 0;
    color:#555454;
    background-image: url(/2491/mirror/design/img-content-right-background.jpg);
    background-repeat: no-repeat;
    height: 215px;
}
.content-right-image {
    width: 248px;
    float: right;
    margin: 10px 14px 6px 0;
    height: 219px;
}
#personal .content-left a, #personal .content-right a, #personal .content-left-small a  {color:#4D8DB3;text-decoration:none;}
#personal .content-left a:hover,#personal .content-right a:hover,#personal .content-left-small a:hover {text-decoration:underline;}

#business .content-left a, #business .content-right a, #business .content-left-small a  {color:#798561;text-decoration:none;}
#business .content-left a:hover, #business .content-right a:hover, #business .content-left-small a:hover {text-decoration:underline;}

#trust .content-left a, #trust .content-right a, #trust .content-left-small a  {color:#555454;text-decoration:none;}
#trust .content-left a:hover, #trust .content-right a:hover,#trust  .content-left-small a:hover {text-decoration:underline;}
.apy_disclaimer {font-size: 10px; font-style: italic;}
.content-left h2 {font-size: 16px;}
.content-right h2 {font-size: 16px;}
.content-top-large {
    width: 671px;
    height: 219px;
    padding-left: 6px;
}
.content-right-image-flipped  {
    width: 390px;
    float: right;
    padding: 10px 10px 0 10px;
    margin: 10px 14px 6px 0;
    height: 215px;
}
.content-left-small {
    font-size:12px;
    line-height: 1.3em;
    width: 228px;
    margin: 10px 0 0 10px;
    padding:0 0 10px 10px;
    float: left;
    color:#555454;
    background-image: url(/2491/mirror/design/img-content-right-background.jpg);
    background-repeat: no-repeat;
    height: 215px;
}
.rightImage {float:right;margin: 0 0 10px 10px;}
.leftImage {
    float:left;
    margin:0 20px 0 0;
}
#scrolling-text {
    padding:12px 0 0 0;
    clear:both;
    background-repeat: repeat-x;
    color: #fff;
    font-size:14px;
    letter-spacing:0.1em;
    overflow:hidden;
    line-height:1.1em;
    background-color:#fff;
    margin:0 5px 0 4px;
    height: 30px;
}
#personal #scrolling-text {background-image:url(/2491/mirror/design/img-personal-marquee.jpg);}
#business #scrolling-text {background-image:url(/2491/mirror/design/img-business-marquee.jpg);}
#trust #scrolling-text {background-image:url(/2491/mirror/design/img-trust-marquee.jpg);}
#scrolling-text marquee a {color:#fff;text-decoration:none;}
#scrolling-text marquee a:hover {text-decoration:underline;}
.content h1 {font-size:18px;margin-bottom:10px;}
.content h2 {font-size:17px;margin-bottom:10px;}
.content h3 {font-size:16px;margin-bottom:10px;}
.content h4 {font-size:15px;margin:0 0 10px 0;padding:0;}
.content h5 {font-size:14px;margin:0 0 10px 0;padding:0;}
.content h6 {font-size:12px;margin:0 0 10px 0;padding:0;}
#personal .content h2 {border-bottom:1px solid; color:#4D8DB3;}
#personal .content h1, 
#personal .content h3,
#personal .content h4,
#personal .content h5,
#personal .content h6 {color:#4D8DB3;line-height:1.3em;}
#business .content h2 {border-bottom:1px solid; color:#798561;}
#business .content h1, 
#business .content h3,
#business .content h4,
#business .content h5,
#business .content h6 {color:#798561;line-height:1.3em;}
#trust .content h2 {border-bottom:1px solid; color:#B7A74F;}
#trust .content h1, 
#trust .content h3,
#trust .content h4,
#trust .content h5,
#trust .content h6 {color:#B7A74F;line-height:1.3em;}
.content p {margin-bottom:10px;}
#personal .section-color {color:#4D8DB3;}
#business .section-color {color:#798561;} 
#trust .section-color {color:#B7A74F;} 
.content ul {margin:0 0 10px 20px;list-style-type:none;}
.content ul ul {margin:10px 0 10px 20px;list-style-type:none;}
.content ul li {padding-left:18px;}
#personal .content ul li {background:url(/2491/mirror/design/img-personal-content-list-square.jpg) no-repeat left 4px;}
#business .content ul li {background:url(/2491/mirror/design/img-business-content-list-square.jpg) no-repeat left 4px;}
#trust .content ul li {background:url(/2491/mirror/design/img-trust-content-list-square.jpg) no-repeat left 4px;}
#personal .content a {color:#4D8DB3;text-decoration:none;}
#business .content a {color:#798561;text-decoration:none;}
#trust .content a {color:#B7A74F;text-decoration:none;}
#personal .content a:hover {text-decoration:underline;}
#business .content a:hover {text-decoration:underline;}
#trust .content a:hover {text-decoration:underline;}
.content blockquote {background-color:#E9E5E2;margin:10px 15px;padding:10px;}
#personal .content blockquote a,
#business .content blockquote a,
#trust .content blockquote a {color:#555454;text-decoration:none;}
/*Products Table*/
.content table {font-size:12px;margin-bottom:20px;line-height:1.4em;}
th  {
    color: #fff;
    background-repeat: repeat;
    font-weight: bolder;
    line-height: 1.1em;
    padding: 6px;
}

#personal .content table th {background-image: url(/2491/mirror/design/img-personal-table-header.jpg);}
#business .content table th  {background-image: url(/2491/mirror/design/img-business-table-header.jpg);}
#trust .content table th  {background-image: url(/2491/mirror/design/img-trust-table-header.jpg);}
.border {
    padding:6px;
    border-left: solid 2px #D1D1D1;
    vertical-align: top;
    color:#555454;
    line-height: 1.3em;
}
.content table tr .table-left-column {border-left:none;font-weight:bold;}
.content table tr .table-left-column a {color:#2D2A2A;font-size:12px;text-decoration:none;}
.content table tr .table-left-column a:hover {text-decoration:underline;}
.content table tr td ul {margin: 5px 0 5px 10px;line-height: 1.2em;}
.content table tr td a {color:#518FB5;text-decoration:none;}
.content table tr td a:hover {text-decoration:underline;}

/*====misc content styles===== */
.freedom {font-family: "Lucida Handwriting", "Times New Roman", Times, serif;}


.content-right #login {margin-top:30px;}
#login p {height:40px;display:block;}
#login p label {
    font-size: 10px;
    height: 24px;
    width: 70px;
    float: left;
    clear: both;
    display: block;
    text-align: right;
    text-transform: uppercase;
    padding-top: 6px;
}
#login p #id {
    float: right;
    height: 22px;
    border: solid 1px #ccc;
    width: 150px;
}
#login p #Destination {
    float: right;
    height: 24px;
    border: solid 1px #ccc;
    width: 153px;
    font-size: 11px;
    line-height: 24px;
}
#login-button {
    margin: 0 0 0 75px;
    padding: 0px;
    width: 86px;
    height: 22px;
    color: #fff;
    border: none;
    background-color: transparent;
    background-image: url(/2491/mirror/design/img-interior-online-banking-submit.png);
    background-repeat: no-repeat;
}
#login-button:active {
    margin: 0 0 0 75px;
    padding: 0px;
    width: 86px;
    height: 22px;
    color: #fff;
    border: none;
    background-color: transparent;
    background-image: url(/2491/mirror/design/img-interior-online-banking-submit.png);
    background-repeat: no-repeat;
    background-position:2px 2px;
    outline:0;
}
#content-bottom {height:20px;background:#fff url(/2491/mirror/design/img-content-bottom.jpg) no-repeat;display:block;}
#full-width #content-bottom {height:20px;background:#fff url(/2491/mirror/design/img-full-width-content-bottom.jpg) no-repeat;display:block;}
/*------------------ 13. FOOTER ------------------*/
#footer {background:url(/2491/mirror/design/img-footer.jpg) no-repeat;height:215px;width:945px;padding:23px 0 0 15px;font-size:9px;}
#footer .footer-left {float:left;height:114px;width:205px;color:#A3A2A2;line-height:1.44em;}
#footer .footer-left a {color:#A3A2A2;}
#footer .footer-left a:hover {text-decoration:none;color:#fff;}
#footer .footer-center {float:left;height:103px;width:516px;padding-top:11px;text-align:center;text-transform:uppercase;color:#F1F1F1;}
#footer .footer-center p {margin-bottom:6px;display:block;}
#footer .footer-center p.grey {color:#ccc;}
#footer .footer-right {float:left;height:114px;width:206px;color:#F1F1F1;text-align:right;line-height:1.44em;}
#footer .footer-right a {color:#F1F1F1;}
#footer .footer-right a:hover {text-decoration:none;}
#footer-links {padding-top:12px;line-height:1.1em;color:#F1F1F1;}
#footer-links ul li {display:inline;padding-left:5px;}
#footer-links ul li a {color:#F1F1F1;text-decoration:none;padding-left:7px;}
#footer-links ul li a:hover {text-decoration:underline;padding-left:7px;}
/* CODED BY CW */
#footer .footer-right #logos {
    height:56px;
    width:120px;
    padding:5px 0 0 80px;
}
#footer .ehl {float:left;}
#footer .fdic {
    float:right;
    margin-top: 10px;
}