body { background: #d6d6d6; color: #000; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 1.4; }
/* TEXT */
sup { font-size: 10px; font-weight: normal; line-height: 0; }
h1 { font-size: 34px; line-height: 1; margin: 0 0 17px 0; padding: 0; }
h2 { font-size: 22px; font-weight: normal; margin: 0 0 15px 0; padding: 0; }
h3 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h4 { font-size: 14px; margin: 0 0 10px 0; padding: 0; }
h5 { font-size: 14px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 13px; margin: 0 0 10px 0; padding: 0; }
h4 sup.punct { position: relative; top: -3px; }
p { margin: 0 0 20px 0; padding: 0; }
p.nomarg { margin: 0 0 5px 0; padding: 0; }
p.note { color: #999; font-size: 11px; margin: 0 0 10px 0; }
.pdf { background: url(../images/icon-pdf.gif) 0 0 no-repeat; padding-left: 22px; }
li { margin: 0; }
ul.bulleted { margin: 0 0 20px 0; padding: 0; }
ul.bulleted li { background: url(../images/bullet.gif) 0 0 no-repeat; margin: 0 0 3px 0; padding: 0 0 0 10px; }
ol.bulleted-abc { margin: 0 0 20px 0; padding: 0; }
ol.bulleted-abc li { list-style-type: lower-latin; margin: 0 0 3px 2em; padding: 0; }
ol.bulleted-abc.bold li { font-weight: bold; }
ol.bulleted-abc.bold li p { font-weight: normal; }
.ui-tabs-hide { display: none; }
dl {  }
.toggle dt { margin: 0 0 10px 0; }
.toggle dd { display: none; margin: 0; padding: 0 0 15px 20px; }
.toggle dd.on { display: block; }
.toggle dd p { margin: 0 0 5px 0; }
/* LINKS */
a { color: #1580BC; cursor: pointer; text-decoration: none; }
a:hover { color: #1580BC; text-decoration: underline; }
/* BUTTONS */
a.btn { background-position: 0 0; background-repeat: repeat-x; font-size: 13px; font-weight: bold; padding: 5px 8px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; xtext-shadow: #2d0d5b 0 1px 0; -webkit-box-shadow: #ccc 2px 2px 4px; -moz-box-shadow: #ccc 2px 2px 4px; box-shadow: #ccc 2px 2px 4px;   }
a.btn:hover { background-position: 0 100%; color: #fff; text-decoration: none; }

#header #banner #siteinfo #login .btn { padding: 2px 8px 4px; }
#header #banner #siteinfo #login .btn.login span { padding-left: 18px; }

#content .cols.alpha .col.twothird .box a.btn {  display: block; font-size: 14px; -webkit-box-shadow: #999 2px 2px 4px; -moz-box-shadow: #999 2px 2px 4px; box-shadow: #999 2px 2px 4px; text-align: center; width: 230px; }

/* LAYOUT */
#container { height: 100%; position: absolute; top: 0; left: 0; width: 100%;  } /* appears only on pages which require an overlay */
#wrapper { background: #fff; margin: 0 auto; width: 970px; -webkit-box-shadow: #999 10px 10px 40px; -moz-box-shadow: #999 10px 10px 40px; box-shadow: #999 10px 10px 40px; }
#header { margin: 0; padding: 0; }
#content { margin: 13px 25px; padding: 0; }
#footer { border-top: 1px solid #999; margin: 25px; padding: 15px 0 0 0; }
/* HEADER */
#header #banner { margin: 0; padding: 10px 25px 10px 25px; }
#header #banner #logos { float: left; padding: 8px 0; }
#header #banner #logos span { float: left; margin: 0 20px 0 0; }
#header #banner #logos span.db { padding: 15px 0 0 0; }
#header #banner #logos span.db img { border-right: 1px solid #999; padding: 0 15px 0 0; }
#header #banner #siteinfo { float: right; }
#header #banner #siteinfo div { text-align: right; }
#header #banner #siteinfo #phone { clear: both; float: right; margin: 0 0 10px 0; padding: 0 0 0 33px; }
#header #banner #siteinfo #phone span { display: none; color: #576166; font-size: 13px; line-height: 31px; }
#header #banner #siteinfo #phone span.number { display: block; color: #3F1C69; font-size: 15px; font-weight: bold; }
#header #banner #siteinfo #login { clear: both; margin-top: 5px; }
#header #banner #siteinfo #login ul { float: right; position: relative; }
#header #banner #siteinfo #login ul li { float: left; margin: 0 15px 0 0; padding: 0; }
#header #banner #siteinfo #login ul li.last { margin: 0; padding: 0; }
#header ul#gnav { height: 33px; margin: 0; padding: 0; }
#header ul#gnav li { float: left; margin: 0; padding: 0; }
#header ul#gnav li a { border-right: 1px solid #2D0D5B; border-left: 1px solid #7046C1; color: #fff; float: left; font-size: 14px; font-weight: bold; line-height: 33px;  padding: 0 13px; }
#header ul#gnav li.first a { border-left: none; }
#header ul#gnav li.last { border-right: 1px solid #7046C1; }
#header ul#gnav li.on a,
#header ul#gnav li a:hover { text-decoration: none; z-index: 99999; }
#header ul#gnav li.first a,
#header ul#gnav li.first a:hover { border-left: none !important; }
#header ul#gnav li.openaccount { float: right; }
/* CONTENT */
#content #article { margin: 0; padding: 0; }
#content .cols { margin: 0 0 13px 0; padding: 0; }
#content .cols .col { float: left; margin: 0 13px 0 0; padding: 0; }
#content .cols .col.last { margin-right: 0; }
#content .cols .col .left { float: left; }
#content .cols .col .right { float: left; }
#content .cols .col p.more { margin: 0; }
#content .cols h2 { line-height: 1; margin: 0 0 10px 0; }
/* col 2/3 */
#content .cols .col.twothird { width: 609px; }
#content .cols .col.twothird .left { width: 270px; }
#content .cols .col.twothird .right { width: 339px; }
/* col 1/3 */
#content .cols .col.onethird { width: 298px; }
#content .cols .col.onethird .left { width: 150px; }
#content .cols .col.onethird .right { width: 145px; }
/* col 1/2 */
#content .cols .col.onehalf { width: 453px; }
#content .cols .col.onehalf.last { float: right; }
/* col full */
#content .cols .col.full { width: 920px; margin: 0; }
#content .cols .col.full .col.onethird { width: 285px; }
/* BOXES */
#content .cols .col .box { border: 1px solid #999; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; padding: 15px 20px; xbehavior: url(../scripts/PIE.htc); }
/* col 2/3 box alpha */
#content .cols.alpha .col.twothird .box { height: 200px; }
#content .cols.alpha .col.twothird .box .left { width: 265px; }
#content .cols.alpha .col.twothird .box .right { width: 294px; }
#content .cols.alpha .col.twothird .box h3 { color: #3F1C69; font-size: 35px; font-weight: normal; line-height: 1; margin: 0 0 3px 0; }
#content .cols.alpha .col.twothird .box h4 { font-size: 26px; font-weight: normal; line-height: 1; margin: 0 0 20px 0; }
#content .cols.alpha .col.twothird .box .right p { font-size: 16px; line-height: 1.3; margin: 0 0 18px 0; }
#content .cols.alpha .col.twothird .box .right p.more { margin: 0; }
/* col 2/3 box alpha - HOME */
.home #content .cols.alpha .col.twothird .box { overflow: hidden; }
.home #content .cols.alpha .col.twothird .box h3 { margin: 0 0 20px 0; }
.home #content .cols.alpha .col.twothird .box .right p { font-size: 14px; line-height: 1.4; margin: 0 0 20px 0; }
.home #content .cols.alpha .col.twothird .box .right p.more { line-height: 1; margin: 0; }
/* col 1/3 box alpha */
#content .cols.alpha .col.onethird .box { background: #E9EEF1 url(../images/bg-box-onethird-alpha.gif) 0 0 no-repeat; height: 220px; overflow: hidden; padding: 5px 15px; }
#content .cols.alpha .col.onethird .box ul li { border-bottom: 1px solid #999; font-size: 14px; margin: 0; padding: 17px 0 17px 5px; }
#content .cols.alpha .col.onethird .box ul li h4 { color: #576166; font-size: 18px; line-height: 1.1; margin: 0; }
#content .cols.alpha .col.onethird .box ul li p { margin: 0; }
#content .cols.alpha .col.onethird .box ul li.last { border: 0; float: left; }
/* col 1/3 box beta */
#content .cols.beta .col .box { background: url(../images/bg-box-onethird.gif) 0 0 no-repeat; height: 90px; overflow: hidden; padding: 10px 5px 10px 15px; }
#content .cols.beta .col.onethird .box h3 { font-size: 19px; font-weight: normal; line-height: 1; margin: 0 0 5px 0; }
#content .cols.beta .col.onethird .box .left { border-right: 1px solid #999; width: 150px; }
#content .cols.beta .col.onethird .box .right { padding: 0 0 0 10px; width: 115px; }
#content .cols.beta .col.onethird .box .right p { font-size: 12px; line-height: 1.2; margin: 0 0 7px 0; }
/* col 1/2 box beta */
#content .cols .col.onehalf .box {  }
#content .cols .col.onehalf .box div.left { width: 150px; }
#content .cols .col.onehalf .box div.right { width: 280px; }
#content .cols .col.onehalf .box h3 { color: #3F1C69; font-size: 19px; font-weight: normal; line-height: 1; margin: 0 0 5px 0; }
#content .cols .col.onehalf .box div.right p { font-size: 12px; line-height: 1.2; margin: 0 0 7px 0; }
/* RATES */
.rate { font-size: 52px; line-height: 1; width: 2.75em; } /* default rate size is for onethird beta. adjust .rate font-size to resize rate. */
.rate span.number { display: block; float: left; font-size: 1em; font-weight: bold; margin: 0 1.5% 0 0; }
.rate span.pc { display: block; font-size: .52em; padding: .17em 0 0 0; }
.rate span.apy { display: block; font-size: .28em; }
.rate span.apy sup { font-size: .4em; position: relative; top: -.8em; left: 2px; }
.rate p { clear: both; font-size: 10px; margin: 0; }
/* Alpha Rates */
.alpha .rate { font-size: 95px; padding: 0 0 20px 0; position: relative; top: -9px; }
.alpha .rate p { font-size: 15px; text-align: center; }
.home .alpha .rate { padding: 0 0 0 0; }
.home .alpha .rate p { position: relative; top: -3px; }
/* PRODUCT DETAILS */
#content #product-details { margin: 0; }
#content #product-details ul.tabs { margin: 0 0 0 20px; padding: 0; position: relative; top: 1px; }
#content #product-details ul.tabs li { float: left; margin: 0; padding: 0; }
#content #product-details ul.tabs li a { background: #999; border: 1px solid #999; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #fff; display: block; font-size: 12px; font-weight: bold; margin: 0 5px 0 0; padding: 5px 15px; text-align: center;  }
#content #product-details ul.tabs li a:hover { background: #fff;  color: #3F1C69; text-decoration: none; }
#content #product-details ul.tabs li.ui-tabs-selected a { background: #fff; border-bottom: 1px solid #fff; }
#content #product-details .tab-content { background: #fff; border: 1px solid #999; clear: both; padding: 25px; }
#content #product-details .tab-content .item {  }
#content #product-details .cols .col.twothird { width: 573px; }
#content #product-details .cols .col.twothird .left { width: 275px; }
#content #product-details .cols .col.twothird .right { float: right; width: 275px; }
#content #product-details .cols .col.onethird { width: 280px; }
#content #product-details .cols .col.onehalf { width: 425px; }
#content #product-details .cols .col.full { width: 868px; margin: 0; }
/* FAQ SECTIONS */
#content #product-details #faq-sections {  }
#content #product-details #faq-sections ul.tabs { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 25px 0; padding: 10px 0 10px 0; }
#content #product-details #faq-sections ul.tabs li { border-right: 1px solid #ccc; line-height: 1; margin: 0 10px 0 0; padding: 0 10px 0 0; }
#content #product-details #faq-sections ul.tabs li.last { border-right:0; }
#content #product-details #faq-sections ul.tabs li a { background: #fff; border: 0 none; color: #000; line-height: 1; margin: 0 5px 0 0; padding: 0; width: auto; }
#content #product-details #faq-sections ul.tabs li a:hover,
#content #product-details #faq-sections ul.tabs li.ui-tabs-selected a { background: #fff; border-bottom: 1px solid #fff; }
#content #product-details #faq-sections .faq-questions { padding: 0 0 25px 0; }
#content #product-details #faq-sections dt { font-weight: bold; margin: 0 0 10px 0; }
#content #product-details #faq-sections .toggle dt { font-weight: normal; }
#content #product-details #faq-sections dd { margin: 0; padding: 0 0 15px 0; }
#content #product-details #faq-sections dd p,
#content #product-details #faq-sections dd ul { margin: 0 0 10px 0; }
/* BENEFITS */
.benefit { padding: 0 15px 0 80px; }
.benefit h3 { line-height: 1.2; margin: 0 0 5px 0; }
.benefit p { margin: 0; }
#content .swoas { padding: 10px 0 0 0; }
.swoas .box { background: url(../images/bg-see-what-others-are-saying.gif) 0 0 no-repeat;height: 127px; padding: 17px 20px 0 20px; }
.benefit p.source { font-size: 12px; margin: 5px 0 0 0; }
.benefit.bankrate { background: url(../images/icon-top-tier.gif) 0 0 no-repeat; }
.benefit.javelin { background: url(../images/icon-javelin.gif) 0 0 no-repeat; }
.benefit.sqmg { background: url(../images/icon-service-quality.gif) 0 0 no-repeat; }
/* ABOUT */
.about #content .cols .col.onehalf { width: 445px; }
/* charts/tables */
/* general */
.chart { margin: 0 0 5px 0; overflow: hidden; padding: 0; position: relative; }
.chart table { border: 1px solid #ccc; width: 100%; }
.chart th,
.chart td { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; font-size: 12px; line-height: 1.2; padding: 5px 10px; text-align: center; vertical-align: top; }
.chart .col_1 { border-left: 0; text-align: left; }
.chart thead th { background: #E9EEF1; border-bottom: 1px solid #ccc; line-height: 20px; }
.chart thead .col_1 h4 { float: left; margin: 0; }
.chart thead .col_1 p { float: right; margin: 0; }
.chart tfoot .open-account p { font-weight: bold; margin: 0; }
.chart tfoot .open-account p.button { margin: 0 0 8px 0; }
.chart tfoot .open-account a.btn { display: inline-block; }
/* highlights */
.chart .discover { color: #fff; }
.chart .highlight,
.chart .highlight td { background: #FFFBF6; text-align: center; }
.chart .shaded,
.chart .shaded td { background: #f6f6f6; font-weight: bold; }
.chart .featured,
.chart .featured td { font-weight: bold; }
.chart.rates .odd td { background: #e8e6ef; }
/* specific */
.chart.rates thead th { background: #fff; }
.chart.rates tbody th,
.chart.rates td { border-left: 0; border-bottom: 0; }
.chart.compare td { width: 160px; }
.chart.compare .col_halfA, .chart.compare .col_halfB { padding: 5px; width: 80px; }
.chart.compare .col_halfB { border-left: 0; }
.chart.compare tfoot td.highlight { padding: 15px 0; }
.chart.roth-traditional td,
.chart.roth-traditional th { text-align: left; vertical-align: top; }
.chart.roth-traditional .highlight { background: #f6f6f6; }
.chart.roth-traditional .col_2,
.chart.roth-traditional .col_3 { width: 300px; }
.col.full .chart.fees table { width: 60%; }
.col.full .col.onehalf .chart.fees table { width: 100%; }
.chart.fees .col_1 { text-align: left; }
.chart.fees .col_2 { text-align: right; width: 100px; }
.chart.fees.early .col_2 { text-align: left; }
.chart.margin-b { margin-bottom: 25px; }
.chart.limits th, .chart.limits td { text-align: left; }
.chart.limits thead th { text-align: center; }
.chart.limits tbody th { background: #f6f6f6; }
.chart.limits tbody th.col_1,.chart.limits tbody th.col_2, .chart.limits tbody th.col_6, .chart.limits tbody th.col_7 { text-align: center; vertical-align: middle; }
.chart.facts table { width: 80%; }
.chart.facts td { text-align: left; }
.chart.facts td.col_dollar { text-align: right; padding-right: 0; width: 50px; }
.chart.facts td.col_3 { text-align: right; width: 110px; }
.chart.facts tbody th { background: #f6f6f6; }
/* OVERLAYS */
#lightboxes { height: 100%; list-style-type: none; margin: 0; overflow: hidden; padding: 0; text-align: left; width: 100%; }
#lightboxes li { background: rgba(0,0,0,.5); height: 100%; position: relative; width: 100%; }
#lightboxes .box { background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; -webkit-box-shadow: #000 0px 0px 8px; -moz-box-shadow: #000 0px 0px 8px; box-shadow: #000 0px 0px 8px; xbehavior: url(../scripts/PIE.htc); height: auto; margin-left: -370px; padding: 20px; position: absolute; left: 50%; top: 50px; width: 700px; }
#lightboxes h3 { font-size: 1.8461em; font-weight: normal; margin: 0 0 0.4583em 0; }
#lightboxes a.close { color: #666; display: block; font-size: 12px;  line-height: 20px; position: absolute; top: 20px; right: 20px; text-align: center; text-decoration: none; width: 50px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #ccc 0px 0px 2px; -moz-box-shadow: #ccc 0px 0px 2px; box-shadow: #ccc 0px 0px 2px; xbehavior: url(../scripts/PIE.htc);}
#lightboxes a.close span { font-weight: bold; }
#lightboxes a.close:hover { background-color: #eee; }
#lightboxes #close { background-color: transparent; z-index: -1; }

/* FOOTER */
#footer { color: #000; font-size: 11px; }
#footer ul#fnav { margin: 0 0 15px 0; padding: 0; }
#footer ul#fnav li { border-right: 1px solid #999; float: left; line-height: 1; margin: 0 5px 0 0; padding: 0 5px 0 0; }
#footer ul#fnav li.last { border: 0; }
#footer ul#fnav li a { color: #000; }
#footer ul#fnav li a:hover { text-decoration: underline; }
#footer #footnotes p.note { color: #666; font-size: 10px; line-height: 1.2; margin: 0 0 10px 0; }
#footer #copy p { color: #666; font-size: 10px; }