/************************************************************************************************************************/
/* RESET THE CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; outline-color:invert; outline-style:none; outline-width:0pt; padding:0pt; vertical-align:baseline; }
table { border-collapse:separate; border-spacing:0pt; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
strong { font-weight:bold; }
em { font-style:italic; }
* { margin:0pt; padding:0pt; }
a { outline: none; }

/*******************************************************************************************************************************/
/* TEXT FORMATTING STYLES */
p { color: #595959; font-size: 12px; padding-bottom: 12px; }
#community-cont p { font-size: 11px; line-height: 13px; padding-bottom: 2px; }
p.read-more { float: right; width: 175px; text-align: right; font-weight: bold; color: #0289B2; }
h1 { color: #0289B2; font-size: 17px; font-weight: bold; padding: 5px 0px 5px 0px; }
h2 { color: #0289B2; font-size: 15px; font-weight: bold; padding: 5px 0px 5px 0px; }
h3 { color: #0289B2; font-size: 13px; font-weight: bold; padding: 5px 0px 5px 0px; }
#rates-cont h1 { font-weight: bold; color: #595959; font-size: 15px; font-weight: bold; padding: 0px 0px 4px 0px; }
#rates-cont .number { color: #0289B2; }
#currency h1.number { text-align: right; }
#right-cont-text ul { font-size: 12px; list-style: disc; padding: 5px 90px 8px 20px; }
#right-cont-text ul li { color: #59574D; padding-bottom: 5px; }
#right-cont-text ol { font-size: 12px; list-style: number; padding: 5px 90px 8px 20px; }
#right-cont-text ol li { color: #59574D; padding-bottom: 5px; }
a { color: #0289B2; text-decoration: none; }
a:hover { color: #C9A305; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.bold-italic { font-weight: bold; font-style: italic; }

#content-cont ul { font-size: 11px; list-style: disc; padding: 5px 50px 9px 20px; }
#content-cont ul li { color: #59574D; padding-bottom: 7px; }
#content-cont ol { font-size: 11px; list-style: number; padding: 5px 50px 9px 20px; }
#content-cont ol li { color: #59574D; padding-bottom: 7px; }

table { width: 525px; }
th { color: #0289B2; font-size: 16px; font-weight: bold; padding: 5px; border-bottom: solid 1px #0289B2; }
th.blue, th.yellow, th.grey, th.beige { width: 525px; height: 32px; padding: 7px 0px 0px 10px; color: #ffffff; border-bottom: 0px; }
th.blue { background: url(../images/design/table-blue.jpg) no-repeat; }
th.yellow { background: url(../images/design/table-yellow.jpg) no-repeat; }
th.grey { background: url(../images/design/table-grey.jpg) no-repeat; }
th.beige { background: url(../images/design/table-beige.jpg) no-repeat; }
td { color: #595959; padding: 5px; font-size: 12px; border-bottom: dotted 1px #B7B7B7; }
tr.color { background: #F9F9F9; }

/*******************************************************************************************************************************/
/* CENTERING AND POSITIONING */
body { background: url(../images/design/bg.jpg) repeat; font-family: Arial, Helvetica, sans-serif; }
#wrapper { margin: 0 auto; width: 855px; }
#wrapper-cont { background: url(../images/design/bg-wrapper.jpg) repeat-y; float: left; width: 855px; }
#container { float: left; width: 847px; padding-left: 8px; }

#header { background: url(../images/design/bg-logo-header.jpg) no-repeat 600px 0px; float: left; width: 839px; height: 112px; border-bottom: solid 2px #00AEEE; }
#logo { float: left; width: 309px; height: 78px; margin: 10px 0px 0px 20px; }
* html #logo { margin-left: 10px; }
#nav-cont { float: left; width: 467px; margin: 85px 0px 0px 24px; }
ul#nav-main { background: url(../images/design/nav-bg.jpg) repeat-x bottom; float: left; width: 467px; height: 27px; list-style: none; }
ul#nav-main li { float: left; height: 9px; margin: 0px; padding: 0px; }
ul#nav-main li a { float: left; }
ul#nav-main li#left { background: url(../images/design/nav-left.jpg) no-repeat bottom; width: 5px; height: 27px; }
ul#nav-main li#home { background: url(../images/design/nav-home.jpg) no-repeat center 13px; width: 50px; height: 27px; }
ul#nav-main li#rates { background: url(../images/design/nav-rates.jpg) no-repeat center 13px; width: 51px; height: 27px; }
ul#nav-main li#fees { background: url(../images/design/nav-fees.jpg) no-repeat center 13px; width: 50px; height: 27px; }
ul#nav-main li#calculators { background: url(../images/design/nav-calculators.jpg) no-repeat center 13px; width: 95px; height: 27px; }
ul#nav-main li#news { background: url(../images/design/nav-news.jpg) no-repeat center 13px; width: 52px; height: 27px; }
ul#nav-main li#community { background: url(../images/design/nav-community.jpg) no-repeat center 13px; width: 89px; height: 27px; }
ul#nav-main li#careers { background: url(../images/design/nav-careers.jpg) no-repeat center 13px; width: 70px; height: 27px; }
ul#nav-main li#right { background: url(../images/design/nav-right.jpg) no-repeat bottom; width: 5px; height: 27px; }

ul#nav-main li#home a { background: url(../images/design/nav-home.jpg) no-repeat center 13px; width: 50px; height: 27px; }
ul#nav-main li#rates a { background: url(../images/design/nav-rates.jpg) no-repeat center 13px; width: 51px; height: 27px; }
ul#nav-main li#fees a { background: url(../images/design/nav-fees.jpg) no-repeat center 13px; width: 50px; height: 27px; }
ul#nav-main li#calculators a { background: url(../images/design/nav-calculators.jpg) no-repeat center 13px; width: 95px; height: 27px; }
ul#nav-main li#news a { background: url(../images/design/nav-news.jpg) no-repeat center 13px; width: 52px; height: 27px; }
ul#nav-main li#community a { background: url(../images/design/nav-community.jpg) no-repeat center 13px; width: 89px; height: 27px; }
ul#nav-main li#careers a { background: url(../images/design/nav-careers.jpg) no-repeat center 13px; width: 70px; height: 27px; }

ul#nav-main li#home a:hover { background: url(../images/design/nav-home-over.jpg) no-repeat; width: 50px; height: 27px; }
ul#nav-main li#rates a:hover { background: url(../images/design/nav-rates-over.jpg) no-repeat; width: 51px; height: 27px; }
ul#nav-main li#fees a:hover { background: url(../images/design/nav-fees-over.jpg) no-repeat; width: 50px; height: 27px; }
ul#nav-main li#calculators a:hover { background: url(../images/design/nav-calculators-over.jpg) no-repeat; width: 95px; height: 27px; }
ul#nav-main li#news a:hover { background: url(../images/design/nav-news-over.jpg) no-repeat; width: 52px; height: 27px; }
ul#nav-main li#community a:hover { background: url(../images/design/nav-community-over.jpg) no-repeat; width: 89px; height: 27px; }
ul#nav-main li#careers a:hover { background: url(../images/design/nav-careers-over.jpg) no-repeat; width: 70px; height: 27px; }

#content { float: left; width: 801px; padding: 0px 19px 0px 19px; }
#content-container { float: left; width: 801px; }
#content.inside { float: left; width: 799px; padding: 0px 20px 0px 20px; }
#content-cont { float: left; padding: 10px 35px 10px 20px; width: 530px; }

#left { float: left; width: 590px; }
#banking-tabs { background: url(../images/design/bg-banking-tabs.jpg) no-repeat; float: left; width: 590px; height: 33px; }
ul#nav-bank { float: left; width: 575px; list-style: none; margin: 8px 0px 0px 15px; }
* html ul#nav-bank { margin-left: 7px; }
ul#nav-bank li { float: left; height: 25px; }
ul#nav-bank li a { float: left; height: 25px; }
ul#nav-bank li#personal { background: url(../images/design/nav-personal.jpg) no-repeat; width: 78px; }
ul#nav-bank li#business { background: url(../images/design/nav-business.jpg) no-repeat; width: 78px; margin-left: 4px; }
ul#nav-bank li#about-us { background: url(../images/design/nav-about-us.jpg) no-repeat; width: 78px; margin-left: 4px; }

ul#nav-bank li#personal a { background: url(../images/design/nav-personal.jpg) no-repeat; width: 78px; }
ul#nav-bank li#business a { background: url(../images/design/nav-business.jpg) no-repeat; width: 78px; }
ul#nav-bank li#about-us a { background: url(../images/design/nav-about-us.jpg) no-repeat; width: 78px; }

ul#nav-bank li#personal a:hover { background: url(../images/design/nav-personal-over.jpg) no-repeat; }
ul#nav-bank li#business a:hover { background: url(../images/design/nav-business-over.jpg) no-repeat; }
ul#nav-bank li#about-us a:hover { background: url(../images/design/nav-about-us-over.jpg) no-repeat; }

ul#nav-bank li#personal.highlight a { background: url(../images/design/nav-personal-over.jpg) no-repeat; }
ul#nav-bank li#business.highlight a { background: url(../images/design/nav-business-over.jpg) no-repeat; }
ul#nav-bank li#about-us.highlight a{ background: url(../images/design/nav-about-us-over.jpg) no-repeat; }

#banner { float: left; width: 590px; height: 208px; }
#banner-cont { float: left; width: 590px; height: 150px; }
#bg-title-cont { background: url(../images/design/bg-title.jpg) no-repeat; float: left; width: 578px; height: 29px; padding: 14px 0px 6px 12px; margin-bottom: 12px; }
#bg-title-cont h1 { padding: 0px 0px 0px 0px; }
#online-banking { background: url(../images/design/bg-online-banking.jpg) no-repeat; float: left; width: 590px; height: 89px; }
#online-banking-link a { background: url(../images/design/nav-online-banking.png) no-repeat; float: left; width: 223px; height: 43px; margin: 10px 0px 0px 25px; cursor: pointer; }
* html #online-banking-link a { behavior: url(../images/design/iepngfix.htc); float: left; width: 223px; height: 43px; }

#titles-home { float: left; width: 590px; margin-top: 9px; }
#community-title { float: left; width: 185px; border-bottom: solid 2px #595959; margin-right: 2px; padding-left: 10px; }
#rates-title { float: left; width: 185px; border-bottom: solid 2px #0289B2; margin-right: 2px; padding-left: 10px; }
#links-title { float: left; width: 185px; border-bottom: solid 2px #C9A305; padding-left: 10px; }

#bottom-cont { float: left; width: 590px; }
#community-cont { float: left; width: 195px; margin-right: 2px; }
#blog-right { background: url(../images/design/bg-blog-right.jpg) no-repeat; float: left; width: 175px; height: 50px; border-bottom: solid 1px #8C8C8B; padding: 10px 10px 0px 10px; }
#blog-left { background: url(../images/design/bg-blog-left.jpg) no-repeat; float: left; width: 175px; height: 50px; border-bottom: solid 1px #8C8C8B; padding: 10px 10px 0px 10px; }
#more-articles a { background: #595959 url(../images/design/corner-more-articles.jpg) no-repeat bottom left; float: left; width: 185px; height: 17px; margin-top: 2px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; padding: 3px 0px 0px 10px; }
#more-articles a:hover { background: #8C8C8C url(../images/design/corner-more-articles-over.jpg) no-repeat bottom left; }

#rates-cont { float: left; width: 195px; margin-right: 2px; }
#rates-left { background: url(../images/design/bg-rates-left.jpg) no-repeat; float: left; width: 165px; height: 29px; border-bottom: solid 1px #8C8C8B; padding: 5px 15px 0px 15px; }
#rates-right { background: url(../images/design/bg-rates-right.jpg) no-repeat; float: left; width: 165px; height: 29px; border-bottom: solid 1px #8C8C8B; padding: 5px 15px 0px 15px; }
#more-rates a { background: #595959; float: left; width: 185px; height: 14px; margin-top: 2px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; padding: 1px 0px 1px 10px; }
#more-rates a:hover { background: #8C8C8C; }
#currency { background: url(../images/design/bg-currency.jpg) no-repeat; float: left; width: 165px; height: 50px; margin-top: 1px; padding: 10px 15px 0px 15px; }
#currency-converter a { background: #0289B2; float: left; width: 185px; height: 17px; margin-top: 2px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; padding: 3px 0px 0px 10px; }
#currency-converter a:hover { background: #5EC5DD; }

#links-cont { float: left; width: 195px; }
#links-bg { background: url(../images/design/bg-links.jpg) no-repeat; float: left; width: 175px; height: 172px; margin-top: 1px; padding: 10px 10px 0px 10px; }
#more-links a { background: #C9A305 url(../images/design/corner-more-links.jpg) no-repeat bottom right; float: left; width: 185px; height: 17px; margin-top: 2px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; padding: 3px 0px 0px 10px; }
#more-links a:hover { background: #F2D55A url(../images/design/corner-more-links-over.jpg) no-repeat bottom right; }
ul#links-home { list-style: none; }
ul#links-home li { background: url(../images/design/list-arrow.png) no-repeat 0px 3px; font-size: 12px; font-weight: bold; padding: 0px 0px 6px 18px; width: 150px; }
* html ul#links-home li { behavior: url(../images/design/iepngfix.htc); float: left; padding-bottom: 6px; }
ul#links-home li a { color: #595959; }
ul#links-home li a:hover { color: #C9A305; }

#blog-right.no-border, #rates-right.no-border { border-bottom: 0px; }


#bt-table { float: left; width: 589px; padding: 10px 0 15px 0; }
#bt-table table { width: 578px; padding: 0; margin: 0; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; }
#bt-table table td { width: 192px; border: 0; vertical-align: top; padding: 0; margin: 0; }
#bt-table table table { width: 190px; padding: 0; margin: 0; border-collapse: collapse; }
#bt-table table table td { width: 188px; border: 0; padding: 0; margin: 0; }

#left-col-cont { float: left; width: 195px; padding: 10px 0 0 0; }
#mid-col-cont { float: left; width: 195px; padding: 10px 0 0 0; }
#right-col-cont { float: left; width: 190px; padding: 10px 0 0 5px; }
#right-col-cont p { padding-bottom: 5px; }


#right { float: left; width: 190px; padding-left: 18px; }
#ads-home { float: right; width: 190px; margin: 19px 0px 0px 0px; }
.ad { padding-bottom: 19px; }
#feedback { float: left; width: 190px; height: 60px; }

#left-menu { float: left; width: 196px; }
#grey-menu {  float: left; width: 196px; }
#yellow-menu { float: left; width: 196px; }
#grey-menu ul.option-one { background: url(../images/design/nav-bg-grey.jpg) no-repeat; float: left; width: 179px; list-style: none; padding: 1px 17px 1px 0px; border-bottom: solid 1px #595959; }
* html #grey-menu ul.option-one { padding-right: 15px; }
#grey-menu ul.option-one#bg-bottom { background: url(../images/design/nav-bg-grey.jpg) no-repeat bottom; }
#yellow-menu ul.option-one { background: url(../images/design/nav-bg-yellow.jpg) no-repeat; float: left; width: 179px; list-style: none; padding: 1px 17px 1px 0px; border-bottom: solid 1px #595959; }
* html #yellow-menu ul.option-one { padding-right: 15px; }
ul.option-one li { float: left; padding: 4px 0px 1px 10px; width: 160px; font-size: 12px; font-weight: bold; color: #595959; margin-left: 10px; }
* html ul.option-one li { margin-left: 5px; }
ul.option-one li:hover { background: #F7F7F7; }
ul.option-one li.more-options { background: url(../images/design/arrow-menu.jpg) no-repeat 155px 10px; }
ul.option-one li.more-options:hover { background: #F7F7F7 url(../images/design/arrow-menu-over.jpg) no-repeat 155px 10px; }
ul.option-one li a { color: #595959; }
ul.option-one li a:hover { color: #0289B2; }
#ads-inside { float: left; margin: 19px 0px 0px 0px; padding: 0px; }

ul.option-two { background: #F4F4F4; float: left; width: 184px; padding: 8px 0px 3px 12px; list-style: none; }
* html ul.option-two { float: none; }
ul.option-two li { background: url(../images/design/arrow-inside-menu.jpg) no-repeat 0px 3px; float: left; width: 160px; padding-left: 15px; color: #919191; padding-bottom: 6px; font-size: 12px; font-weight: bold; }
ul.option-two li a { color: #919191; }
ul.option-two li a:hover { color: #0289B2; }

#bank-online a { background: #595959 url(../images/design/corner-more-articles.jpg) no-repeat bottom left; float: left; width: 186px; height: 17px; margin-top: 2px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; padding: 3px 0px 0px 10px; }
* html #bank-online a { width: 185px; }
#bank-online a:hover { background: #8C8C8C url(../images/design/corner-more-articles-over.jpg) no-repeat bottom left; }

#banner-inside { float: right; width: 393px; height: 198px; }
#quote { float: right; width: 209px; height: 231px; }

#right-cont { float: left; width: 602px; }
#bg-title { background: url(../images/design/bg-title.jpg) no-repeat; float: left; width: 590px; height: 29px; padding: 14px 0px 6px 12px; margin-bottom: 12px; }
#bg-title h1 { padding: 0px 0px 0px 0px; }
#bg-title h1, #bg-title-cont h1 { color: #ffffff; font-size: 20px; font-weight: bold; }
#right-cont-text { float: left; padding: 12px 35px 0px 15px; width: 535px; }

/*******************************************************************************************************************************/
/* FORM LAYOUT STYLES */
.form-section { float: left; width: 500px; padding: 20px 0px 20px 20px; border: solid 1px #CCCCCC; border-bottom: none; }
* html .form-section { padding: 20px 0px 20px 10px; }
.form-section#final-section { border-bottom: solid 1px #CCCCCC; margin-bottom: 20px; }
.form-line { float: left; width: 500px; font-size: 11px; color: #999999; padding-bottom: 9px; }
.form-line input { width: 470px; border: solid 1px #C1C1C1; color: #074B60; }
.form-line p { color: #074B60; font-size: 10px; padding: 5px 0px 3px 0px; }
.form-line .half input { width: 225px; color: #074B60; }
textarea { width: 470px; height: 140px; font-family:Arial, Helvetica, sans-serif; color: #074B60; font-size: 12px; }
.half, .half textarea { float: left; width: 250px; }

.input-padding { margin-bottom: 3px; }
.half input.radio { width: 25px; border: none; }
.radio-line { padding-top: 5px; }
.select { width: 220px; color: #666666; font-size: 12px; height: 20px; }
.form-line-submit { float: left; width: 100px; font-size: 11px; color: #999999; padding-bottom: 9px; padding-top: 10px;  }
.form-line-submit input { width: 100px; border: solid 1px #C1C1C1; }

/*******************************************************************************************************************************/
/* POP-UP FORMATTING AND LAYOUT STYLES */
body#popup { background: url(../images/design/bg.jpg) repeat; }
#wrapper-popup { margin: 0 auto; width: 430px; }
#wrapper-cont-popup { background: #ffffff; float: left; padding: 25px; }
#container-popup { margin: 10px 0px 0px 0px; }

/*******************************************************************************************************************************/
/* BLOG AND FEEDBURNER STYLES */
ul.blog-list { list-style: none; width: 180px; font-size: 12px; padding: 0px 0px 10px 10px; }
ul.blog-list li { padding-bottom: 7px;  }
.post-body { padding: 0px 10px 0px 10px; }
#community-cont ul { float: left; width: 195px; list-style: none; padding: 0px; margin: 0px; }
#community-cont ul li { float: left; width: 175px; padding: 0px; margin: 0px; }

#footer { background: url(../images/design/footer-bg.jpg) repeat-x; float: left; width: 801px; margin-top: 19px; }
#footer-left { background: url(../images/design/footer-left.jpg) no-repeat left; float: left; width: 801px; height: 28px; }
#footer-right { background: url(../images/design/footer-right.jpg) no-repeat right; float: left; height: 28px; width: 801px; }
ul#footer-nav { float: left; width: 781px; list-style: none; margin: 7px 0px 0px 10px; }
* html ul#footer-nav { margin-left: 0px; }
ul#footer-nav li { font-size: 11px; color: #595959; float: left; margin: 0px 4px 0px 4px; }
ul#footer-nav li a { color: #595959; text-decoration: none; }
ul#footer-nav li a:hover { color: #0289B2; }

#footer-cont { float: left; width: 801px; }

#copyright { float: left; width: 200px; font-size: 10px; color: #595959; padding-top: 15px; }
#copyright p { font-size: 10px; }
#bg-bottom { background: url(../images/design/bg-bottom.png) no-repeat; float: left; width: 854px; height: 19px; padding-bottom: 10px; }
* html #bg-bottom { behavior: url(../images/design/iepngfix.htc); float: left; width: 854px; height: 19px; }


/*******************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: left; width: 130px; height: 34px; padding: 10px 0px 5px 469px; margin: 0px; }