﻿#mainCol {
    width:537px;
}
#mainCol.wide  {
    background: url(../images/contactLanding/mainCol_bg.jpg) top no-repeat;
    margin-top: 22px;
    width: 735px;
    z-index: 1;
}
#mainColContent {
    margin-top:53px;
    padding-top: 20px;
}
.wide #mainColContent {
    background: none;
    margin-top:33px;
    width:735px;
}
#mainCol h1 {margin-left: 30px;}
#mainColContent {
    background: #fff url(../images/common/mainCol_bg.gif) top left no-repeat;
    overflow: hidden;
    min-height: 559px;
    width:537px;
}
.printFriendly_btn {
   background:url(../images/common/printerFriendly_btn_over.gif);
   height:51px;
   width: 107px;
   float:right;
   padding: 15px 0 0 14px;
   margin-top: -52px;
}
.compare .printFriendly_btn, .ratesFees .printFriendly_btn {
   margin-right:20px;
}
* html .compare .printFriendly_btn {
   margin-right:10px;
}
.printFriendly_btn a{
    background: url(../images/common/printerFriendly_btn.gif);
    display: block;    
    height:38px;
    text-indent: -99999px;
    width: 94px;    
}
.printFriendly_btn a:hover {
    background: none;
}
#articleContent {padding-top: 5px;}
#articleContent ul#tabs {
    background: url(../images/bankingDetail/tabs.jpg) left top no-repeat;
    height: 54px;
    list-style: none;
    margin: 0 0 0 15px;
    padding-left:15px;
    width: 493px;
}
ul#tabs li {
    list-style: none;
    margin-left: 0;
    margin-top: 3px;
    padding: 8px 0 13px 0px;
}
#articleContent p, #articleContent ul, #articleContent ol,
#articleContent h3, #articleContent h2, #articleContent h4{
    margin: 15px 20px 0 38px;
}

.standard #articleContent p, .standard .disclosure p, .standard #articleContent ul,
.standard #articleContent h4, .standard #articleContent h3, .standard #articleContent h2{
    margin: 15px 20px 0 30px;
}

/* Tables */

#articleContent .tableHolder {
    background:transparent url(../images/common/innerContent_bg.jpg) left top no-repeat;
    margin: 0 0 0 14px;
    overflow:hidden;
    padding:25px 0 20px 20px;
    width:487px;
}
.wide #articleContent .tableHolder {
    background:transparent url(../images/bankingDetail/wideTable_bg.jpg) left top no-repeat;    
    width: 720px;
}
#articleContent .tableHolder p {margin:5px 45px 0 10px;}

#articleContent table {width:464px;}

.wide #articleContent table {
    margin-left:10px;
    width:664px;
}
#articleContent td, #articleContent th {
    background: #E8F4FA;
    border: 3px solid #fff;
    color:#5F5F5F;
    font-weight:normal;
    font-size: 11px;
    padding: 9px 2px;
    text-align: center;
}
#articleContent td.blank {background: #fff}
#articleContent th, #articleContent th p {
    background: #F3F9FC;
    color:#715725;
    font-weight: bold;
}
#articleContent th.rowH, #articleContent th.colH, #articleContent th.rowH p, #articleContent th.colH p {
    background: #99BBD0;
    color: #fff;
    text-align: left;
}
#articleContent td, #articleContent th,
#articleContent table p, #articleContent th.colH {text-align: center; vertical-align:middle;}

.compare #articleContent td, .compare #articleContent table p {text-align: left;}

#articleContent th.colH,  #articleContent th.colH p {
     background: #427EA2;
}
#compareTable td ,  #articleContent .locationsTable td{
     text-align: center;
     vertical-align: middle;
}

#compareTable #whoRow td {
    background: #F3F9FC;
    vertical-align: top;
}
#articleContent th.colH a {
     color: #fff;
     text-decoration: underline;
}
#articleContent th.colH a:hover {text-decoration: none;}
#articleContent table ul { margin-left: 20px; }
#articleContent table li { margin-left: 0; }
#articleContent .tableHolder table p {
    margin: 5px 0 0 0;
}
 /* Locations Detail */
 .locations #articleContent h2{margin-bottom:0;}
.locations #articleContent h3, .locations #articleContent p {margin-top: 3px;}
.locations table {margin-bottom: 20px;}

/* FAQ Detail */
.faqBox {
    margin: 15px 30px;
}
.faqBox dt {
    display: block;
    font-weight: bold;
    margin: 20px 0;
}
.faqBox dt a {
    line-height: 16px;
}
#articleContent.faqBox dl p {
    margin: 0 0 15px 0;
}

/* Switch Kit Detail */
#articleContent h3, #articleContent h4 {clear: both;}
.switchKit #overview p {margin:15px 35px 0 0;}
#stepSelection {
    background: url(../images/switchkit/steps_bg.gif);
    height: 256px;
    margin: 0 auto;
    padding: 19px 0 0 18px;
    width: 465px;
}
#stepSelection a {
    background: #fff;
    float: left;
    height: 104px;
    margin: 0 3px 3px 0;
    padding: 6px;
    width: 211px;
}
#stepSelection a:hover,  #stepSelection a.selected{
    background: #AF540B;
}
.stepContent li {margin-bottom: 8px;}
.stepContent .arrow {display: inline;}
#articleContent.switchKit h3 {
    margin-top: 5px;
}
#articleContent.switchKit .arrowList {
    margin:3px 20px 0px 38px;
    overflow:hidden;
}
.switchKit .arrowList li{width: 145px;}
.switchKit .arrowList li a, .switchKit .pdfBtn .arrow {
    display: block;
}
.switchKitButtons {
    overflow: hidden;
    padding: 15px 25px;
    width:537px;
}
.switchKit .arrow {
    background-position: 0 5px;
    display: inline;
}
.switchKit .pdfBtn .arrow {
    display: block;
    line-height: 13px;
    margin-bottom: 6px;
}
#articleContent .switchKitButtons p {
    display: inline;
    float: left;
    margin:15px 0 0 20px;
}
.pdfBtn {    
    background: url(../images/switchkit/pdfBtn.gif) top left no-repeat;
    height: 40px;
    padding: 7px 0 0 43px;
    width: 160px;
}
#step1Content, #step2Content, #step3Content, #step4Content 
{
    width: 530px;
} 



#step1Content .pdfBtn {visibility:hidden;}
.decorativeBox  {
    border-left: 1px solid #B4CEDE;
    float: right;
    font-size: 10px;
    line-height: 14px;
    margin: 15px 15px 0 15px;
    padding-left: 15px;
    width: 155px;    
}
#articleContent .decorativeBox, #articleContent .decorativeBox p {
    font-size: 10px;
    line-height: 14px;
}
#articleContent .decorativeBox p {margin:0;}
#step1Content .prevBtn a, #step4Content .nextBtn a,
#step1Content .prevBtn a:hover, #step4Content .nextBtn a:hover {
    background: #fff url(../images/common/arrow_ltBlue.gif) no-repeat scroll 11px 10px;
    color:#C1C1C1;
    cursor:default;
}
#articleContent .decorativeBox h3 {margin: 0; padding: padding: 0}
#articleContent img.right {float: right;}

/*Rates and Fees */
.ratesFees .arrow {float: right;}
.ratesFees .arrowList {overflow: hidden; }
.ratesFees .arrowList, .ratesFees .arrowList li {
    width: 300px;
}

.theSummary {
    width: 470px;
    display: block;
    float: left; 
    margin: 15px 30px 15px 30px;
}
.bankingDetail .theSummary { margin: 15px 30px 0 38px;}
.compare .theSummary { margin: 15px 30px 0 30px;}

#ctl00_ContentPlaceHolder1_contentDetailArticle,
.standard #ctl00_ContentPlaceHolder1_contentGeneralArticle {
    float: left;
}

.disclosure p 
{
    font-size: 10px;
}
div.disclosure
{
    font-size: 10px;
}
