@charset "utf-8";
/* CSS Document */

/** global styles **/
body {
    background-image:url(/images/background.gif);
    background-repeat:repeat-x;
    background-color:#eae7e0;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0px;
    padding:0px;
}
h1 {
    font-size:16px;
    font-weight:bold;
    margin:0px 0px 20px 0px;
    color:#774070;
}
h2 {
    font-size:12px;
    margin:0px 0px 26px 0px;
    color:#000000;
}
h3 {
    font-size:12px;
    margin:0px 0px 26px 0px;
    color:#774070;
}
td { vertical-align:top; }
/** paragraphs **/
p {
    margin:0em 0em 1em 0em;
    line-height:1.5em;
}
p.tablecaption {
    font-size:10px;
    color:#b9baba;
}
p.letternav {
    background:#35373c;
    text-align:center;
    padding:6px;
    color:#FFFFFF;
}
p.letternav a {
    color:#FFFFFF !important;
}
p.more {
    text-align:right;
}
p.top {
    height:18px;
    text-align:right;
    background-image:url(/images/dash.gif);
    background-repeat:repeat-x;
    background-position:left 8px;
    margin:0px 33px 0px 0px !important;
}
/** lists **/
ul  {
    margin:0em 0em 1em 0em;
    padding:0px;
}
ul li {
    list-style:none;
    background-image:url(/images/bullet.gif);
    background-position:0px 5px;
    background-repeat:no-repeat;
    margin:0px;
    padding:0px 0px 0px 10px;
    
}
.content ul li {
    background-position:0px 7px;
    line-height:1.5em;
}
dt {
    font-weight:bold;
    margin:0px 0px 26px 0px;
    padding:0px;
    color:#000000;
}    
dd {
    margin:0px 0px 26px 0px;
    padding:0px;
}    
dd.top {
    height:18px;
    text-align:right;
    background-image:url(/images/dash.gif);
    background-repeat:repeat-x;
    background-position:left 8px;
    margin:0px 0px 33px 0px !important;
}
h3.title {
    height:29px;
    margin:0px;
}

.nobold {
    font-weight:normal;
}
.leftimg {
    float:left;
    margin:5px 22px 10px 0px;
}
.rightimg {
    float:right;
    margin:5px 0px 10px 22px;
}
.imgcaption blockquote {
    margin:0px;
    padding:7px 9px 10px 9px;
    background:url(/images/captionbg.gif) left bottom no-repeat #FFFFFF;
    text-align:right;
    font-size:10px;
    line-height:14px;
    color:#606261;
}
#sitewrapper {
    margin-left:auto;
    margin-right:auto;
    width: 966px;
    background-image:url(/images/panelbg.gif);
    background-repeat:repeat-x;
    background-color:#f0eee9;
    text-align:left;
    color:#000000;
}
#sitewrapper a {
    color:#774070;
    text-decoration:underline;
}
#sitewrapper a.link,
#sitewrapper a:visited,
#sitewrapper a:hover {
    color:#a2b6c7;
    text-decoration:underline;
}
#sitewrapper a.dashed {
    color:#774070;
    text-decoration:none;
    border-bottom:1px dashed #774070;
}
#sitewrapper a.dashed:hover,
#sitewrapper a.dashed:visited {
    color:#a2b6c7;
    text-decoration:none;
    border-bottom:1px dashed #a2b6c7;
}
#logo {
    position:absolute;
    left:48px;
    top:37px;
}
#logo,
#logo a {
    width:356px;
    height:41px;
    display:block;
}
#logo a {
    background:url(/images/logo.png) no-repeat;
}
/****
    promo pane styles
****/
.promopane {
    width:185px;
    padding:0px;
}
.promopane img {
    display:block;
}
.promopane blockquote {
    background:url(/images/promobodybg.gif) repeat-x top left;
    padding:14px 9px 26px 14px;
    margin:0px;
    font-size:11px;
    line-height:15px;
}
.home .promopane blockquote {
    padding-bottom:0px;
}
.promopane blockquote p {
    font-size:11px;
    line-height:15px;
}
.promopane blockquote p.more {
    padding-top:4px;
    margin-bottom:0px;
}
.promopane .sep {
    width:193px;
    height:51px;
    background-repeat:no-repeat;
/*    background-position:-990px -336px;*/
    background-color:#f0eee9;
}
.promopane .sep div {
    height:43px;
    background:url(/images/sepbg.gif) no-repeat;
}
.home .promopane {
    padding:0px 0px 26px 0px;
}
.content .promopane {
    width:193px;
}
.content .promopane blockquote {
    background:url(/images/promobodybg.gif) repeat-x top left;
    width:162px;
    padding:14px 9px 26px 14px;
    margin:0px;
    font-size:11px;
    line-height:15px;
}
/****
    Table styles
****/
.spacer{
    height:21px;
}
table.prettyTable {
    margin-bottom:26px;
    width:100%;
    border-collapse:collapse;
}
table.prettyTable td.col1 {
    border-right:1px solid #FFFFFF;
}
table.prettyTable tr.header td {
    background:#b5afa0;
    color:#FFFFFF;
    font-weight:bold;
    padding:10px 20px;
}
table.prettyTable tr td {
    background:#f7f7f5;
    padding:20px;
}
table.definitionlist {
    margin-bottom:26px;
    width:100%;
    border-collapse:collapse;
}
table.definitionlist td.col1 {
    width:169px;
    padding-bottom:39px;
}
table.definitionlist td h3 {
    margin:0px 0px 20px 0px !important;
}
table.definitionlist td p {
    margin:0px 0px 19px 0px !important;
}
table.articlelist {
    margin-bottom:26px;
    width:100%;
    border-collapse:collapse;
}
table.articlelist td {
    background:#ecefef;
    padding:0px 20px;
}
table.articlelist td.right {
    text-align:right;
    font-size:10px;
}
table.articlelist tr.header td {
    padding:9px 20px;
    background:#35373c;
    color:#FFFFFF;
}
table.articlelist tr.header td a {
    color:#FFFFFF !important; 
}
table.articlelist td p {
    margin:13px 0px !important;
}
/****
    Styles specific to the homepage
****/
.home #sitetop {
    margin:0px 8px 0px 8px;
    padding:148px 8px 8px 49px;
    background:#FFFFFF;
    position:relative;
}
.home #header {
    width:893px;
}
.home #header .leftcol {
    width:177px;
}
.home #header .rightcol {
    width:716px;
}
.home #sitebottom {
    margin:0px 8px;
    background-image:url(/images/sitebottombg.gif);
    background-position:532px 0px;
    background-repeat:repeat-y;
    background-color:#FFFFFF;
    padding-left:49px;
}
.home #sitebottom .columns {
    /*padding-bottom:19px;*/
    background:url(/images/sitebottombotbg.gif) bottom right no-repeat;
}
.home #sitebottom .maincol {
    background:url(/images/homecontentbg.png) top left no-repeat;
    width:475px;
}
.home #sitebottom .maincolinner {
    padding:31px 27px 0px 32px;
}
.home #sitebottom .maincol p {
    font-size:13px;
    line-height:16px;
    margin-bottom:10px;
}
.home #sitebottom .maincol p.more {
    padding-top:2px;
}
.home #sitebottom .promopane {
    margin-left:24px;
}
.home #sitebottom .middlecol {
    margin-left:51px;
}


/****
    Content page styles
****/
#site {
    margin:0px 8px 0px 8px;
    padding:148px 0px 66px 49px;
    background:url(/images/corner.gif) bottom right no-repeat #FFFFFF;
    position:relative;
}
#navcol {
    width:177px;
}
#contentcol {
    width:523px;
    background:url(/images/contentonecolbg.png) top left no-repeat;
}
.content.onecol #contentcol {
    width:716px;
    background:url(/images/contentonecolbg.png) top left no-repeat;
}
#contentcol .content {
    padding:34px 30px 0px 37px;
}
#contentcol .content h1 {
    margin:0px 0px 21px 0px;
}
#contentcol .content p {
    line-height:18px;
    margin:0px 0px 26px 0px;
}
#contentcol .content ul {
    margin:0px 0px 26px 0px;
}
#contentcol .content ul li {
    margin-bottom:6px;
}

#innercols {
    width:724px;
}
#rightcol {
    width:193px;
    margin-left:8px;
}
.content .promopane {
    margin-bottom:8px;
}
.content .promopane blockquote {
    padding-bottom:0px;
}
.content .promopane ul {
    margin:0px;
}
.content .promopane ul li {
    margin-bottom:19px;
}
.content .promopane ul li.last {
    margin-bottom:0px;
}
/****
    image headers
****/
.header_planlendingdebitcard { background-image:url(/images/fastlenddebitcard.gif); }
.header_promotedloanproduct { background-image:url(/images/promotedloanproduct.gif); }
.header_relatedinformation {background-image:url(/images/relatedinformation.gif); }
.header_accountaccess {background-image:url(/images/top_accountaccess.gif); }
.header_brokeraccess {background-image:url(/images/top_brokeraccess.gif); }
.header_performanceplusfacility {background-image:url(/images/perfplusfacility.png); }
.header_compareloanfeatures {background-image:url(/images/compareloanfeatures_heading.png); }
/****
    Main Navigation
****/
ul#nav {
    width:177px;
}
ul#nav, ul#nav li {
    margin:0px;
    padding:0px;
    list-style:none;
    background:none;
}
/** level 1 items **/

ul#nav li a {
    display:block;
    height:29px;
    background-image:url(/images/nav.png);
    background-repeat:no-repeat;
    text-indent:-999em;
    text-decoration:none !important;
    overflow:hidden;
}
ul#nav li a:hover {
    background-image:url(/images/nav_on.png);
}
ul#nav li.active {
    background:url(/images/lvl2bg.png) repeat-y top left;
}
ul#nav li.active a {
    background-image:url(/images/nav_on.png);
    height:28px;
}
ul#nav li#nav_home_on a {background-image:url(/images/nav_on.png); height:29px;}
ul#nav li#nav_home a {height:28px;}
ul#nav li#nav_1 a { background-position:0px -29px; }
ul#nav li#nav_2 a { background-position:0px -58px; }
ul#nav li#nav_3 a { background-position:0px -87px;}
ul#nav li#nav_4 a { background-position:0px -116px; }
ul#nav li#nav_5 a { background-position:0px -145px; }
ul#nav li#nav_6 a { height:31px; background-position:0px -174px; }

ul#nav li#nav_1 ul li a,
ul#nav li#nav_2 ul li a,
ul#nav li#nav_3 ul li a,
ul#nav li#nav_4 ul li a,
ul#nav li#nav_5 ul li a,
ul#nav li#nav_6 ul li a {
    background-position:19px 3px;
}
ul#nav li#nav_1 ul.level3 li a,
ul#nav li#nav_2 ul.level3 li a,
ul#nav li#nav_3 ul.level3 li a,
ul#nav li#nav_4 ul.level3 li a,
ul#nav li#nav_5 ul.level3 li a,
ul#nav li#nav_6 ul.level3 li a {
    background-position:34px 4px;
}
/** level 2 items **/
ul#nav li ul {
    background:url(/images/lvl2bg.png) repeat-y top left;
    margin:0px 0px 0px;
    padding:8px 0px 25px 0px;
}
ul#nav li ul li {
    margin:0px;
    padding:5px 0px 4px 0px;
    list-style:none;
}
ul#nav li ul li a:hover,
ul#nav li.active ul li a {
    background:none;
}
ul#nav li.active ul li.active.expandable {
    background:url(/images/lvl3bg.png) repeat-y top left;
}
ul#nav li.active ul li {
    width:177px;
}
ul#nav li.active ul li a {
    margin-bottom:0px;
}
ul#nav li.active ul li a {
    height:auto;
}
ul#nav li.active ul li a {
    height:auto;
    padding-left:33px;
    background:none;    
    color:#FFFFFF !important;
    font-size:11px;
    text-decoration:none;
    text-indent:0px;
    display:block;
    overflow:visible;
    background-image:url(/images/lvl2bullet.gif);
    background-position:left top;
    background-repeat:no-repeat;
    line-height:12px;
}
ul#nav li.active ul li.active.expandable {
    background:url(css/nav/lvl3bg.png) top left repeat-y;
}

ul#nav li.active ul li.active a,
ul#nav li.active ul li a:hover { 
    background-image:url(/images/lvl2bullet_on.gif);
    background-position:left top;
}
/** Level 3 items **/
ul#nav li ul li ul {
    margin:0px;
    padding:3px 0px 2px 0px;
    background:url(/images/lvl3bg.png) top left repeat-y;
}

ul#nav li ul li ul li {
    margin:0px 0px 0px 0px;
    padding:2px 0px 3px 0px;
    list-style:none;
    font-size:10px;
}

ul#nav li.active ul li ul li a {
    height:auto;
    padding-left:42px;
    background:none;    
    color:#FFFFFF;
    font-size:10px;
    text-decoration:none;
    text-indent:0px;
    display:block;
    overflow:visible;
    background-image:url(/images/lvl3bullet.gif);
    background-position:left top;
    background-repeat:no-repeat;
}
ul#nav ul.level2 li.active ul.level3 li a {
    background-image:url(/images/lvl3bullet.gif);
    background-position:left top;
}
ul#nav ul.level2 li.active ul.level3 li.active a,
ul#nav ul.level2 li.active ul.level3 li a:hover {
    background-image:url(/images/lvl3bullet_on.gif);
    background-position:left top;
}
ul#nav li.active ul li.active.expandable ul li {
    background:url(/images/lvl3bg.png) repeat-y top left !important;
}
/****
    header elements
****/
#topheader {
    position:absolute;
    left:0px;
    top:0px;
    width:950px;        
    height:115px;
    background:url(/images/headerbg.png) no-repeat;
}
#topheader #logincols {
    width:378px;
    position:absolute;
    right:8px;
    top:8px;
}
#topheader .loginpane {
    width:185px;
}
#topheader .loginpane blockquote {
    margin:0px;
    padding:10px 9px;
    background:url(/images/loginbodybg.gif) repeat-x;
}
#topheader .loginpane blockquote p {
    color:#FFFFFF;
    font-size:11px;
    line-height:15px;
    margin-bottom:0px;
}
#topheader .login {
    text-align:right;
    margin-bottom:0px;
}
/****
    footer elements
****/
#footer {
    padding:13px 17px 15px 11px;
    background:#f0eee9;
    font-size:10px;
    color:#939490;
}
#footer a {
    color:#939490;
    text-decoration:underline;
}
#footer ul li {
    padding-left:14px;
    padding-right:15px;
    background-image:url(/images/footernavbullet.gif);
    background-position:0px 3px;
    background-repeat:no-repeat;
}
#footer ul li.first {
    padding-left:0px;
    background:none;
}

/** helpers **/
/** use horzlist for any unorderered list that is to be rendered horintally **/
ul.horzlist {
    margin:0;
    padding:0;
    list-style-type:none;
}
ul.horzlist li {
    display:inline;
    float:left;
    list-style-type:none;
}
ul.horzlist a {
    text-decoration:none;
}
ul.horzlist a span{
    visibility:hidden;
}
/** use horzlist for any div elemnent  **/
.leftcol {
    float:left;
    display:inline;
}
.rightcol {
    float:right;
    display:inline;
}
.imgbg {
    display:block;
    overflow:hidden;
    text-indent:-999em;
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
}    

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */