/* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } input, select{ margin: 0; padding: 0; } body { line-height: 1.5; } ul{list-style:none;} /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } a{outline:none;} input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{border:0;} input[type="submit"]:focus, input[type="button"]:focus{outline:none;} /* END reset.css */ /* CLEARFIX METHOD START */ .clearfix:after {content: ".";display: block;clear: both;visibility: hidden; line-height: 0; height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* CLEARFIX METHOD END */ /********************* PAGE TEMPLATE START *********************/ a{color:#096dba;text-decoration:none;} a:hover, a:focus, a:active{text-decoration:underline;} #page{width:960px;margin:0px auto;background:#fff;font-family:arial,sans-serif;font-size:12px;line-height:17px;overflow:hidden;position:relative;} input.text{height:16px;padding:2px;font-size:12px;font-family:arial,sans-serif;} #logo{float:left;width:217px;height:68px;margin:10px 0px 0px 10px;display:block;} #logo span{float:left;text-indent:-9999px;} .top_search{width:230px;float:right;margin:20px 0px 0px 0px;} .top_search li{float:left;width:auto;padding:0px 10px 0px 0px;} .top_search input.text{width:144px;border:1px solid #bcbcbc;} .top_search input.error{border:1px solid red;} .top_search input.submit{width:60px;height:20px;border:0;display:block;background:url('../../images/search-btn.jpg') no-repeat;cursor:pointer;margin:1px 0px 0px 0px;} #top_nav{clear:both;height:29px;border:1px solid #474e54;margin:10px 0px 0px 0px;background:url('../../images/nav-bg.gif') repeat-x;float:left;width:958px;} #top_nav li{float:left;width:auto;font-size:14px;font-weight:bold;} #top_nav li a{float:left;height:29px;color:#fff;background:url('../../images/nav-item-left-bg.gif') top left no-repeat;} #top_nav li a:hover, #top_nav li a:focus, #top_nav li a:active, #top_nav li.active a, #top_nav li.active ul a:hover, #top_nav li.active ul a:focus, #top_nav li.active ul a:active{background:#005882;text-decoration:none;} #top_nav li.active ul a{background:none;} #top_nav li a span{float:left;height:29px;padding:0px 20px;line-height:27px;background:url('../../images/nav-item-right-bg.gif') top right no-repeat;cursor:pointer} #top_nav li li, #top_nav li li li{border:1px solid #2e3f4b;border-top:0;} #top_nav li li{background:#4e5d67;} #top_nav li li li{background:#727f87} #top_nav li ul a{background:none;} #top_nav li ul a span{background:none;width:120px;} #page_header{position:absolute;top:0;} #page_body{position:relative;margin:119px 0px 0px;overflow:hidden;} .twitter-btn{position:absolute;right:308px;top:7px;width:64px;height:64px;text-indent:-9999px;background:url('../../images/twitter-btn.jpg') no-repeat;} .facebook-btn{position:absolute;right:237px;top:10px;width:64px;height:64px;text-indent:-9999px;background:url('../../images/facebook-btn.jpg') no-repeat;} .twitter-btn:hover, .facebook-btn:hover{background-position:0px -64px;} ul.list{list-style:disc;margin:0px 0px 19px 20px;} /*left col*/ .colmask {position:relative; clear:both;float:left;width:960px;overflow:hidden;background:#e3f0fd;} .colmask .colmid {float:left;width:200%;margin-left:-230px;position:relative;right:100%;background:#fff;} .colmask .colleft {float:left;width:100%;margin-left:-50%;position:relative;left:470px;background:#fff;} .colmask .col1wrap {float:left;width:50%;position:relative;right:240px;padding-bottom:0;} .colmask .col1 {margin:0 230px 0 240px;position:relative;left:200%;overflow:hidden;} .colmask .col2 {float:left;float:right;width:240px;position:relative;right:0px;} .colmask .col3 {float:left;float:right;width:230px;margin-right:0px;position:relative;left:50%;} .colcontent{margin:20px 0px 0px 0px;} .col1 .colcontent{margin:20px 10px 0px;font-size:14px;line-height:20px;} .col1 .colcontent p{padding:0px 0px 19px 0px;} .col3 .colcontent{margin:20px 20px 0px;} .sechead{font-size:16px;font-weight:bold;} .col1 div.header{font-size:24px;font-weight:bold;color:#918005;padding:0px 0px 10px 0px;} .col1 div.header a{color:#918005;} .col1 div.header a:hover, .col1 div.header a:focus, .col1 div.header a:active{text-decoration:none;} .col1 .breadcrumbs{position:absolute;top:3px;right:20px;font-size:11px;color:#888;} .col1 .breadcrumbs a{color:#888;text-decoration:underline;} .col1 .breadcrumbs a:hover, .col1 .breadcrumbs a:focus, .col1 .breadcrumbs a:active{text-decoration:none;color:#096dba;} .col1 .breadcrumbs li{display:inline;} /*left col*/ .news_alerts{float:left;width:228px;height:138px;margin:0px 0px 0px 2px;background:url('../../images/news-alerts-bg.jpg') no-repeat;} .news_alerts .content{float:left;width:220px;margin:0px 0px 0px 8px;text-align:center;} .news_alerts .header img{display:block;margin:16px auto 10px auto;} .news_alerts .header span{display:block;width:0;height:0;text-indent:-9999px;} .news_alerts input.text{width:173px;border:1px solid #7e6f06;color:#787877;} .news_alerts input.error{border:1px solid red;} .news_alerts input.tv-focused, .news_alerts input.tv-changed{color:#000;} .news_alerts input.submit{width:75px;height:22px;border:0;background:url('../../images/join-now-btn.gif') no-repeat;cursor:pointer;} .news_alerts li{padding-bottom:10px;} .recent_news{clear:both;padding:10px;} .recent_news li{padding:10px 0px 0px 0px;} .recent_news a{color:#000;} .recent_news a:hover, .recent_news a:focus, .recent_news a:active{color:#096dba;text-decoration:none;} .recent_news .date{font-weight:bold;} .recent_news a.more_news{display:block;width:80px;height:20px;background:url('../../images/more-news-btn.gif') no-repeat;text-indent:-9999px;} .recent_news a.more_news:hover{background-position:0px -20px;} .recent_news a.more_news:focus{background-position:0px -40px;} .submenu{padding:10px;padding-top:0;} .submenu ul{margin:10px 0px 0px 20px;list-style:disc;} .submenu ul li ul{margin:0px 0px 0px 20px;list-style:circle;} .contact-info{padding:10px;padding-top:0;} .contact-info ul{margin-top:10px;} .contact-info .name{font-weight:bold;font-size:14px;color:#918005;} .contact-info .label{font-weight:bold;} /*right col*/ .walk-home-btn{display:block;width:187px;height:69px;text-indent:-9999px;background:url('../../images/we-walk-you-home-btn.jpg') no-repeat;margin:0px 0px 30px;} .walk-home-btn:hover{background-position:0px -69px;} .stock_quote{padding:0px 0px 30px;} .stock_quote .sechead span{font-size:14px;font-weight:normal;} .stock_quote ul{padding:10px 0px 5px;} .stock_quote .name{float:left;width:50%;font-weight:bold;} .stock_quote .value{float:right;width:50%;text-align:right;} .stock_quote .delay{text-align:center;font-style:italic;padding:0px 0px 5px 0px;font-size:13px;} .stock_quote a.btn{display:block;width:159px;height:20px;background:url('../../images/view-investor-info-btn.gif') no-repeat;text-indent:-9999px;margin:0px auto;} .stock_quote a.btn:hover{background-position:0px -20px;} .stock_quote a.btn:focus{background-position:0px -40px;} .related_links{padding:0px 0px 20px;} .related_links ul{padding:10px 0px 0px;} #page_footer{color:#555;clear:both;} #bottom_nav{float:left;width:auto;margin:10px 0px 0px 5px;} #bottom_nav li{float:left;width:auto;} #bottom_nav li a{float:left;width:auto;padding:0px 5px 10px;} #copyright{float:right;width:auto;margin:10px 10px 0px 0px;} /********************* PAGE TEMPLATE END *********************/ /********************* HOMEPAGE TEMPLATE START *********************/ #flash_banner{width:960px;height:240px;overflow:hidden;margin:20px 0px 0px 0px;position:absolute;top:0;left:0;} .homepage .colmask{margin:260px 0px 0px;} span.header{font-size:24px;font-weight:bold;color:#918005;} span.subhead{font-size:18px;font-weight:bold;color:#918005;} .homepage h1{display:inline;} /********************* HOMEPAGE TEMPLATE END *********************/ /********************* ABOUT US - BRANCHES TEMPLATE START *********************/ .branches-list li{float:left;width:220px;padding:10px 0px;margin-left:20px;border-bottom:1px solid #ccc;} .branches-list li.clr{clear:both;margin:0px;} .branches-list .location{font-weight:bold;font-size:16px;} .branches-list .label{font-weight:bold;color:#333;} /********************* ABOUT US - BRANCHES TEMPLATE END *********************/ /********************* ABOUT US - MANAGEMENT TEMPLATE START *********************/ .management li{border-bottom:1px solid #ccc;padding:10px 0px 0px;position:relative;} .management .back{position:absolute;top:10px;right:0;font-size:12px;} .management .name{font-size:16px;font-weight:bold;} .management .name a{color:#000;} .management .name a:hover, .management .name a:focus, .management .name a:active{text-decoration:none;} .management .position{font-style:italic;padding:0px 0px 6px;} .management .headshot{float:left;width:100px;border:1px solid #ccc;margin:0px 10px 5px 0px;} .management .quote{float:right;width:200px;padding:10px;margin:5px 0px 5px 5px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;color:#333;} .management .quote p{padding-bottom:3px;font-style:italic;} .management .quote-name{text-align:right;font-weight:bold;} /********************* ABOUT US - MANAGEMENT TEMPLATE END *********************/ /********************* OPPORTUNITIES - FOR LENDERS TEMPLATE START *********************/ .table{border:1px solid #ccc;border-bottom:0;margin-bottom:19px;font-size:12px;background:url('../../images/table-bg.gif') repeat-y;} .table ul{border-bottom:1px solid #ccc;} .table li{width:136px;padding:10px;float:left;} /********************* OPPORTUNITIES - FOR LENDERS TEMPLATE END *********************/ /********************* CONTACT US TEMPLATE START *********************/ #map_canvas{width:470px;height:320px;font-size:12px;line-height:16px;} /********************* CONTACT US TEMPLATE END *********************/ /********************* FAQ TEMPLATE START *********************/ .faq .question{color:#283a46;font-weight:bold;font-size:16px;margin-top:20px;} /********************* FAQ TEMPLATE END *********************/ /********************* INVESTORS - ANALYSTS TEMPLATE START *********************/ .analysts li{border-bottom:1px solid #ccc;padding:10px 0px 0px;position:relative;} .analysts .back{position:absolute;top:10px;right:0;font-size:12px;} .analysts .name{font-size:16px;font-weight:bold;} .analysts .name a{color:#000;} .analysts .name a:hover, .analysts .name a:focus, .analysts .name a:active{text-decoration:none;} .analysts .position{font-style:italic;padding:0px 0px 6px;} .analysts .logo{float:left;width:139px;border:1px solid #ccc;margin:10px 20px 5px 0px;} .analysts .quote{float:right;width:200px;padding:10px;margin:5px 0px 5px 5px;border-top:2px solid #ccc;border-bottom:2px solid #ccc;color:#333;} .analysts .quote p{padding-bottom:3px;font-style:italic;} .analysts .quote-name{text-align:right;font-weight:bold;} /********************* INVESTORS - ANALYSTS TEMPLATE END *********************/ /********************* NEWSROOM TEMPLATE END *********************/ #newsroom-body{background:#e7e6d9 url('../../images/newsroom-bg.jpg') repeat-x;} #newsroom-body #page{background:none;} .newsroom #page_body{margin:139px 0px 0px;} .newsroom #flash_banner{margin-top:0;width:760px;height:148px;left:200px;} .newsroom .colmask {position:relative;clear:both;float:left;width:958px;overflow:hidden;background:#fff;border:1px solid #aaa;} .newsroom .colmask .colmid {float:left;width:200%;margin-left:-199px;position:relative;right:100%;background:#fff;border-right:1px solid #aaa;} .newsroom .colmask .colleft {float:left;width:100%;margin-left:-50%;position:relative;left:398px;background:#fff;border-right:1px solid #aaa;} .newsroom .colmask .col1wrap {float:left;width:50%;position:relative;right:199px;padding-bottom:0;} .newsroom .colmask .col1 {margin:148px 199px 0 199px;position:relative;left:200%;overflow:hidden;} .single .newsroom .colmask .col1, .error404 .newsroom .colmask .col1, .archive .newsroom .colmask .col1, .page .newsroom .colmask .col1{margin-top:0;} .newsroom .colmask .col2 {float:left;float:right;width:199px;position:relative;right:0px;} .newsroom .colmask .col3 {float:left;float:right;width:199px;margin:148px 0px 0px;position:relative;left:50%;} .single .newsroom .colmask .col3, .error404 .newsroom .colmask .col3, .archive .newsroom .colmask .col3, .page .newsroom .colmask .col3{margin-top:0;} .newsroom .colcontent{margin:10px 10px 0px;} .newsroom .col1 .colcontent{font-size:14px;line-height:20px;} .newsroom .col1 .colcontent p{padding:0px 0px 19px 0px;} .newsroom .navigation{padding:10px 0px;} .post{padding:10px 0px;font-size:12px;line-height:18px;} .single .post, .page .post{padding:0;} .post p{margin-bottom:6px;} .post h1, .post h2{font-size:24px;font-weight:bold;line-height:28px;} .post h2 a{color:#000;} .post h2 a:hover, .post h2 a:focus, .post h2 a:active{color:#096dba;text-decoration:none;} .post .date{font-size:11px;font-weight:bold;color:#777;margin:5px 0px;float:left;width:auto;} .post .entry{clear:both;} .social-media{float:left;width:auto;padding:4px;font-size:11px;} .social-media img{vertical-align:middle;} .social-media a{padding:5px;} .postmetadata{clear:both;background:#e3f0fd;padding:10px;font-weight:bold;color:#777;} .widgettitle, .pagetitle{font-size:16px;font-weight:bold;padding:0px 0px 10px;text-align:left;} .widget{padding:0px 0px 20px;line-height:18px;} .tweetsuite_mine_widget{padding:0;} ul.flexo-list{padding:0px 0px 0px 10px;} .widget_tag_cloud div{line-height:24px;} #tpform #email{border:1px solid #ccc;width:145px;padding:2px;height:16px;margin-bottom:3px;} #commentform #author, #commentform #email, #commentform #url{border:1px solid #ccc;width:245px;padding:2px;height:16px;} #commentform #comment{border:1px solid #ccc;padding:2px;} #carousel-wrap{position:relative;} #carousel-wrap .arrow-prev, #carousel-wrap .arrow-next{position:absolute;width:18px;height:23px;top:50px;cursor:pointer;z-index:3;} #carousel-wrap .arrow-prev{background:url('../../images/arrow-prev.png') no-repeat;left:10px;} #carousel-wrap .arrow-next{background:url('../../images/arrow-next.png') no-repeat;right:10px;} #carousel-wrap .arrow-prev:hover, #carousel-wrap .arrow-next:hover{background-position:0px -23px;} #carousel{text-align:center;} #carousel ul, #carousel li{width:179px;height:196px;overflow:hidden;} #carousel .thumb{border:1px solid #ccc;} #carousel .name{font-weight:bold;} #carousel .position{padding:0px 0px 3px;} .navigation{font-size:12px;} .alignleft{float:left;width:45%;} .alignright{float:right;width:45%;} /********************* NEWSROOM TEMPLATE END *********************/ /********************* PUSHUP CSS START *********************/ #pushup{position:fixed;top:10px;right:10px;margin:0;padding:4px;background:#ffffc6;border:1px solid #b0dfc8;z-index:9999;text-decoration:none;font-family:Arial, Helvetica, sans-serif;} * html #pushup{position:absolute;top:expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');} #pushup *{margin:0;padding:0;border:0;background:none;} .withReminder {padding-bottom:6px;} #pushup a {outline-style:none;text-decoration:none;} #pushup .pushup_messageLink {float:left;position:relative;color:#4293cd;font-size:12px;cursor:pointer;} #pushup .pushup_icon{position:relative;float:left;height:22px;width:22px;margin-right:5px;overflow:hidden;vertical-align:middle;} #pushup .pushup_message{position:relative;float:left;margin-right:3px;line-height:22px;vertical-align:middle;} #pushup .pushup_reminder{float:left;clear:both;font-size:10px;color:#84a2ac;margin-left:27px;cursor:pointer;} #pushup .pushup_messageLink:hover,#pushup .pushup_reminder:hover{text-decoration:underline;} /********************* PUSHUP CSS END *********************/ /********************* SUPERFISH CSS START *********************/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li, .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 30px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 160px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: none; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../../images/arrows-ffffff.png') no-repeat -10px -160px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -160px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -160px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('../../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; } .sf-shadow ul.sf-shadow-off { background: transparent; } /********************* SUPERFISH CSS END *********************/