//  $Id$
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:1em;font-family:inherit;}
ol,ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border: none; }
caption,th { text-align: left; }
body {margin:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
:focus{outline:0;}
ul,ol,li {margin:0;padding:0;}
strong {font-weight:bold;}
em {font-style:italic;}
/* Global Settings */
body {font-family:Helvetica, Arial, sans-serif;font-size: 14px;}
#wrapper {margin:0 auto; width:800px;}
li.disc {list-style:disc; margin-left:20px;}
li.decimal {list-style:decimal; margin-left:20px;}
/* Header */
#header {}
#header .logo {background:url(./assets/shorelinebanklogo.gif) no-repeat top left; width:360px; height:84px;float:left;}
#header .tools {width:440px; float:left;}
#header .links {margin-top:20px; margin-bottom:15px; text-align:right; font-size:11px;}
#header .links a {color:#008E80; text-decoration:none; text-transform:lowercase;}
#header .links a:hover {text-decoration:underline; color:#000;}
#header .search {text-align:right;}
#header .googlesearch {}
#header .horbar {background:url(./assets/colorbarhorizontal.gif) no-repeat top left; width:800px; height:17px;}
#internetbanking {}
/* Vertical Navigation */
#content .col1 {float:left; width:200px; margin-top:15px;}
#nav {background:url(./assets/colorbarvert.gif) repeat-y top left; border:#B5D9D5 solid 2px; margin-top:15px; float:left; }
#nav li {margin-top:10px;}
#nav li a {color:#000; font-size:12px; text-transform:uppercase; text-decoration:none; margin-left:80px; padding-top:5px; padding-bottom:5px; width:120px; display:block;}
#nav li a:hover {color:#50AfA9;}
/* Tab Navigation */
#tablist {}
#tablist li {float:left; margin-right:3px;}
#tablist li a {display:block; color:#fff; font-size:11px; text-decoration:none;}
#tablist li a .l {float:left; background:url(./assets/tab_up_sprite.png) no-repeat 0 0 ; height:24px; width:10px;}
#tablist li a .c {float:left; background:url(./assets/tab_up_sprite.png) repeat-x 0 -48px;height:18px; padding-top:6px;}
#tablist li a .r {float:left; background:url(./assets/tab_up_sprite.png) no-repeat 0 -24px;height:24px; width:10px;}
#tablist li a:hover .l {background-image:url(./assets/tab_over_sprite.png);}
#tablist li a:hover .c {background-image:url(./assets/tab_over_sprite.png);}
#tablist li a:hover .r {background-image:url(./assets/tab_over_sprite.png);}
#tablist li.sel a .l {background-image:url(./assets/tab_selected_sprite.png);}
#tablist li.sel a .c {background-image:url(./assets/tab_selected_sprite.png);}
#tablist li.sel a .r {background-image:url(./assets/tab_selected_sprite.png);}
/* Content Section */
#content .col2 {float:left; margin-top:15px;}
#content-top {float:left; margin-left:25px;}
#tablist {height:24px; font-size:10px;}
/* Content Main */
#contentmain {width:569px; margin-bottom:25px;}
/* Personal Accounts Table */
.personalhead {text-align:center; color:#008E80;}
.subhead {font-size:11px;}
.savecheckaccounts {margin:2px; border:1px solid #50AFA9; width:100%;}
.savecheckaccounts th {font-size:11px; text-align:center; width:9%; height:24px; padding:3px; border:1px solid #50AfA9; background:#A5D867; color:white;}
.savecheckaccounts th.name {width:28%;}
.savecheckaccounts td {font-size:11px;border:1px solid #50AfA9; text-align:center;}
.savecheckaccounts td.name {color:#008C7F; padding:3px; text-align:left;}
.creditaccounts {margin:2px; border:1px solid #50AFA9; width:100%; margin-top:25px;}
.creditaccounts th {font-size:11px; text-align:center; width:16.25%; height:24px; padding:3px; border:1px solid #50AfA9; background:#A5D867; color:white;}
.creditaccounts th.name {width:35%;}
.creditaccounts td {font-size:11px;border:1px solid #50AfA9; text-align:center;}
.creditaccounts td.name {color:#008C7F; padding:3px; text-align:left;}
/* Business Accounts Table */
.businesshead {text-align:center; color:#008E80;}
.subhead {font-size:11px;}
.business {margin:2px; border:1px solid #50AFA9; width:100%;}
.business th {font-size:11px; text-align:center; width:10%; height:24px; padding:3px; border:1px solid #50AfA9; background:#008E80; color:white;}
.business th.bn {width:40%;}
.business td {font-size:11px;border:1px solid #50AfA9; text-align:center;}
.business td.bn {color:#008C7F; padding:3px; text-align:left;}
.busserv {color:#008E80;font-weight:bold; font-size:11px;}
/* #topcontent {height:247px;} */
#market1 {float:left; width:270px; margin-top:26px;}
#market2 {float:left; width:270px; margin-left:27px; margin-top:26px;}
/* Financials Table */
.financials {margin-top:-19px; width:100%; font-size:13px; border:1px solid;}
.financialhead {color:white;padding-top:10px;background-color:#99D454; height:30px; width:100%; text-align:center; font-size:20px; font-weight:bold;margin-top:0px;}
.financials th.head1 {background-color:#d2d2d2; width:34%;height:35px; text-align:center;border-right:1px solid;}
.financials th.head2 {background-color:#d2d2d2; width:33%;height:35px; text-align:center;border-right:1px solid;}
.financials td.grayhead {background-color:#d2d2d2;text-align:left; width:33%;height:35px; padding-left:15px;border-right:1px solid;}
.financials td.whitehead {background-color:white; text-align:left; width:33%;height:35px; padding-left:15px;border-right:1px solid;}
.financials td.gray {background-color:#d2d2d2; text-align:center;border-right:1px solid;}
.financials td.white {background-color:white; text-align:center;border-right:1px solid;}
.financial {font-size:10px;padding:2px;}
/* Other Products */
ul.otherprods li {list-style:disc; margin-left:30px;}
/* Community Links */ 
ul.commlinks li {list-style:disc; margin-left:30px;}
ul.commlinks li a {text-decoration:none;}
/* REO */
.reo {border:2px solid #007B69; padding:1px; background-color:#f4ffe4;}
/* Privacy */
.privacy li {list-style:lower-alpha; margin-left:30px; margin-bottom:3px; }
/* Contact */
.contact {text-align:center;color:#007B69; font-size:10pt; font-weight:bold;}
.contact td.number {text-align:right; color:black;padding-right:90px;}
.contact td {color:black;padding-left:60px;}
/* Bottom Content */
#bottomcontent {margin-top:10px;}
.bordercontent {border:2px solid #007B69; padding:9px; background-color:#f4ffe4;}
.rates {text-align:center;}
.subheader {font-weight:bold; margin-bottom:0px;}
.info {font-size:12px;margin-top: 0px;}
.label {font-weight:bold;}
.details {font-size:11px;}
.quicklink {color:#007B69; font-size:10pt; font-weight:bold;}
ol.locations li {list-style:disc; margin-left:30px;}
a:link {color:#007B69;}
a:visited {color:#007B69;}
.fdic {font-size:12px;}
/* Footer */
#footer {font-size:10px; text-align:center; margin-top:25px;}
/* Utilities */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
/* Help Page */
.sessionid {text-align: center;font-weight: bold;}
.style1 {color: #000000}

a.product-popup {text-decoration:none;}
a.product-popup:hover {text-decoration:underline;}

/* modal dialog */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {position:relative;height:200px;width:350px;color:#333;background-color:#fff;border:6px solid #ccc;padding:12px;font-size:12px;}
#simplemodal-container a.modalCloseImg {background:url(./assets/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer;}
#simplemodal-container a.simplemodal-close {position:absolute;bottom:10px;margin-left:-15px;}
#simplemodal-container h1 {font-size:14px;font-weight:bold;color:#000;margin-bottom:5px;}
#simplemodal-container #basic-modal-content {padding:8px;}