body { font-size: 12px; font-family: Arial; background-color: #024669; margin: 0; }
p { margin-top: 12px; }
tr {  }
td { padding-bottom: 6px; }
.formtext { text-align: right; padding-right: 12px; }
a:link { color: black; text-decoration: underline; }
a:visited { color: black; text-decoration: underline; }
a:hover { text-decoration: none; }
#container { background-color: white; width: 870px; height: 100%; margin: 0 auto; }
#content { background-color: white; width: 850px; height: 100%; float: left; margin-top: 0; margin-bottom: 0; padding: 10px; }
#header { background-image: url(../images/header.jpg); width: 850px; height: 123px; }
.headerinfo { color: white; font-size: 14px; font-family: Arial; text-transform: uppercase; text-align: right; float: right; margin-top: 50px; margin-right: 20px; display: block; }
.phone { color: white; font-size: 20px; font-family: Arial; }
#navigation { width: 100%; color: white; background-image: url(../images/menu-bkg.jpg); background-repeat: repeat; background-attachment: scroll; height: 36px; overflow: hidden; float: left; margin-bottom: 10px; border-top: 1px solid #589fd6; border-bottom: 1px solid #2d5c81; list-style-type: none; list-style-image: none; }
ul.nav { width: 100%; height: 36px; list-style-type: none; list-style-image: none; display: inline; }
ul.nav li { background-image: url(../images/menu-bkg.jpg); background-repeat: repeat; background-attachment: scroll; height: 36px; float: left; list-style-type: none; list-style-image: none; display: inline; }
ul.nav li a:link { color: white; font-size: 14px; background-image: url(../images/menu-bkg.jpg); background-repeat: repeat; border-right: 1px solid #589fd6; border-left: 1px solid #2d5c81; background-attachment: scroll; text-decoration: none; text-align: center; letter-spacing: 1px; height: 36px; float: left; padding-top: 9px; padding-right: 12px; padding-left: 12px; list-style-type: none; list-style-image: none; } 
ul.nav li a:visited {  color: white; font-size: 14px; background-image: url(../images/menu-bkg.jpg); background-repeat: repeat; border-right: 1px solid #589fd6; border-left: 1px solid #2d5c81; background-attachment: scroll; text-decoration: none; text-align: center; letter-spacing: 1px; height: 36px; float: left; padding-top: 9px; padding-right: 12px; padding-left: 12px; list-style-type: none; list-style-image: none;  }
ul.nav li a:hover { background-image: url(../images/menu-bkg-over.jpg); border-right: 1px solid #234d6e; }
ul.nav li a:active { color: white; font-size: 14px; background-image: url(../images/menu-bkg.jpg); background-repeat: repeat; border-right: 1px solid #589fd6; border-left: 1px solid #2d5c81; background-attachment: scroll; text-decoration: none; text-align: center; letter-spacing: 1px; height: 36px; float: left; padding-top: 9px; padding-right: 12px; padding-left: 12px; list-style-type: none; list-style-image: none; }
#leftcolumn { background-color: #f3cc78; background-image: url(../images/hmpg-ad1.jpg); background-repeat: no-repeat; width: 586px; height: auto; float: left; margin-right: 10px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
#rightcolumn { width: 230px; float: right; }
#leftcontent { background-color: white; width: 564px; height: auto; float: left; min-height: 433px; margin-top: 12px; padding: 10px; }
.learnmore { padding-top: 6px; }
.learnmore a:link { background-image: url(../images/learn-more.png); }
.learnmore a:hover {  }
.hmpg-headline { color: #02466d; font-size: 26px; font-weight: bold; margin-top: 12px; margin-left: 5px; }
.hmpg-copy { color: black; font-size: 15px; width: 375px; min-height: 110px; margin-top: 8px; margin-left: 6px; }
.hmpg-box{ background-color: #fff9e8; width: 261px; float: left; margin-top: 10px; margin-right: 12px; padding-right: 10px; padding-left: 10px; }
.headline { color: black; font-size: 14px; font-weight: bold; background-color: #ffeec4; background-image: url(../images/arrow-bullet.png); background-repeat: no-repeat; background-position: 6px 3px; width: 251px; height: 20px; float: left; clear: right; margin-top: 0; margin-left: -10px; padding-top: 3px; padding-left: 30px; }
.hmpg-margin{  }
.box-img{ margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 12px; padding-bottom: 8px; display: block; }
ul.acctfeatures { font-size: 14px; position: relative; left: -25px; margin-top: 0; }
ul.acctfeatures li { font-size: 13px; width: 245px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #dcdcdc; list-style-image: url(../images/triangle.gif); }
ul.features { font-size: 14px; position: relative; left: -25px; margin-top: 0; }
ul.features li { color: #02466d; font-size: 13px; font-weight: bold; padding-top: 4px; padding-bottom: 2px; list-style-image: url(../images/triangle.gif); }
ul.subfeatures { color: black; font-size: 14px; font-weight: normal; position: relative; left: -25px; margin-top: 0; }
ul.subfeatures li { color: black; font-size: 13px; font-weight: normal; list-style-type: disc; list-style-image: none; }
.feature-text { color: black; font-size: 12px; font-weight: normal; }
.rates { color: #02466d; font-size: 18px; font-weight: bolder; line-height: 25px; }
.per { color: black; font-size: 10px; }
.center { text-align: center; }
.imgcenter { margin-top: 12px; margin-right: auto; margin-left: auto; display: block; }
#learningcenter { background-color: #d8e2ea; width: 210px; height: auto; float: left; margin-top: 10px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; }
.lc { color: white; font-size: 14px; font-weight: bold; background-color: #83a9c8; text-align: center; width: 210px; float: left; margin-left: -10px; padding: 3px 10px; display: block; }
ul.learncenter { position: relative; margin-top: 10px; margin-left: 15px; }
ul.learncenter li { font-size: 12px; padding-bottom: 4px; list-style-image: url(../images/triangle.gif); }
ul.learncenter li a:link { color: black; font-size: 12px; font-weight: bold; text-decoration: none; list-style-image: url(../images/triangle.png); list-style-position: outside; }
ul.learncenter li a:visited { color: black; font-size: 12px; font-weight: bold; text-decoration: none; list-style-image: url(../images/triangle.png); list-style-position: outside; }
ul.learncenter li a:hover { font-size: 12px; text-decoration: underline; list-style-image: url(../images/triangle.png); list-style-position: outside; }
ul.learncenter li a:active { color: black; font-size: 12px; font-weight: bold; text-decoration: none; list-style-image: url(../images/triangle.png); list-style-position: outside; }
#footer { width: 850px; float: left; padding-top: 12px; }
.astrix { font-size: 10px; line-height: 12px; text-align: left; width: 500px; float: left; }
#ftrtext { font-size: 9px; line-height: 11px; text-align: left; width: 500px; float: left; }
.copyright { text-align: left; float: right; }
h3 { font-size: 14px; font-weight: bold; margin-bottom: 0; }
h1 { color: #02466d; font-size: 16px; font-weight: bold; margin-top: 0; margin-bottom: 6px; }
h2 { color: #02466d; font-size: 14px; font-weight: bold; margin-top: 12px; margin-bottom: 6px;  }
.rightpad { padding-right: 24px; }
.ccterm { float: left; padding-top: 6px; padding-right: 24px; }
.spacing { height: 12px; }
.moreinfo { float: left; clear: both; }
.works { float: right; margin-top: 12px; padding-bottom: 6px; padding-left: 6px; }
ol.steps li{ padding-bottom: 4px; }
.getstarted { float: right; }
.bold { font-weight: bold; }
#email-container { background-color: white; width: 608px; height: auto; margin: 0 auto; }
#email-content { background-color: white; width: 598px; height: 100%; float: left; margin-top: 0; margin-bottom: 0; padding: 10px; }
#email-hdr { background-color: #0076b4; background-image: url(http://www.bluewatercreditcardprocessing.com/images/email-header.jpg); width: 598px; height: 123px; float: left; }
#email-column { background-color: #f3cc78; background-image: url(../images/hmpg-ad1.jpg); background-repeat: no-repeat; width: 586px; height: auto; float: left; padding-bottom: 12px; padding-left: 12px; }
.email-box-img{ margin: 12px auto 10px; }