/* basic setup */

body {
   text-align: center;
   font: small/18px 'Arial', 'Helvetica', sans-serif;
   background: #f0f0f0;
}

.accessibility {
   position:absolute;
   left:-5000px;
}

sup.brand_mark {
   font-size: 70%;
   vertical-align: top;
}

a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

/* page container holds everything together */

div#container_page {
   width: 970px;
   background: #ffffff url('/consumer/t2/bg_main.gif') top center repeat-y;
   margin: 0 auto;
   padding: 0;
   text-align: left;
}

/* nav level 0 is the link(s) above the main area */

div#nav_level_0 {
   width: 970px;
   height: 38px;
   margin: auto;
   background: #f0f0f0 url('/consumer/t2/bg_main_top.gif') top center no-repeat;
}

div#nav_level_0 ul {
  float: right;
  margin: 12px 5px;
  font-size: 85%;
}

div#nav_level_0 ul li{
   padding-left: 3px;
   line-height: 12px;
   padding-left: 19px;                                                              			/* the padding-left and the background instead of bullets  */
   background: transparent url('/consumer/t2/bullet_global_sites.gif') center left no-repeat;	/* are to fix the the IE 'disappearing li bullets' issue.  */
}

div#nav_level_0 ul li a{
   color: #808080;
}

/* main holds the white area (i.e. the page content) */

div#container_main {
   width: 960px;
   text-align: left;
   margin: 10px 15px;
}

/* logo, main links and search */

div#header {
   float: left;
   width: 960px;
}

div#logo {
   float: left;
   margin: 3px 0 0 4px;
}

div#nav_level_1 {
  font-weight: bold;
  font-size: 90%;
  float: left;
}

div#nav_level_1 a {
  color: #015cae;
}

div#nav_level_1 ul {
  margin: 36px 0 18px 25px;
}

div#nav_level_1 ul li {
  display: inline;
  list-style: none;
  border-left: 1px dotted #808080;
  padding: 0 10px;
}

div#nav_level_1 ul li.first {
  color: #dddddd;
  border-left: none;
}

div#search {
  float: right;
  margin: 5px 25px 0 0;
}

div#search input#field_search {
  border: 1px solid #cccccc;
}

div#search input#btn_search {
  width: 53px;
  height: 19px;
  margin-bottom: -4px;
}

/* column_personal */

div#column_personal {
   float: left;
   width: 715px;
}

div#main_area {
   float: left;
   width: 700px;
}

div#main_area div#main_offer {
  background: #cfe2f0 url('/consumer/t2/marquee_LO_testA.jpg') center center no-repeat; /* green lady */
  width: 700px;
  height: 375px;
  float: left;
}

div#main_area div#main_offer #member_login {
  float: right;
  clear: left;
  margin: 6px 8px 0 0;
  font-size: 85%;
}

div#main_area div#main_offer #member_login a {
  color: #ecece1;
}

div#main_area div#main_offer #main_offer_text {
  float: left;
  clear: both;
  color: #5a5a5a;
  padding: 40px 0 0 12px;
}

div#main_area div#main_offer #main_offer_text h1#main_offer_headline1 {
  font-size: 340%;
  margin-bottom: 15px;
}

div#main_area div#main_offer #main_offer_text h1#main_offer_headline2 {
  font-size: 340%;
  margin-bottom: 10px;
}

div#main_area div#main_offer #main_offer_text h1#main_offer_subhead {
  font-size: 185%;
  margin-bottom: 10px;
}

div#main_area div#main_offer #main_offer_text ul {
  list-style-type: disc;
  font-size: 85%;
  font-weight: bold;
  line-height: 150%;
  padding-left: 15px;
}

div#main_area div#main_offer #main_offer_button {
  float: left;
  clear: both;
  padding: 33px 0 0 30px;
}

div#main_area div#acr_disclosure {
   width: 698px;
   font-size: 85%;
   line-height: 130%;
   margin-top: 10px;
   float: left;
   color: #618c95;
   border: 1px solid #dbe8f0;
   background-color: #eef1f6;
}

div#main_area div#acr_disclosure p {
   margin: 5px;
}

div#main_area div#acr_disclosure a {
   text-decoration: underline;
   color: #618c95;
}

div#personal_services {
   float: left;
   width: 700px;
}

div#personal_services h2 {
   color: #015cae;
   font-size: 135%;
   font-weight: bold;
   margin-top: 17px;
 }

div#personal_services #secondary_offers {
   float: left;
   width: 700px;
   margin: 9px 0 15px 0;
}

div#personal_services #secondary_offers h2 {
  color: #999999;
  font-size: 110%;
  font-weight: bold;
  line-height: 110%;
  padding: 16px 18px 0 18px;
  margin-top: 0;
}

div#personal_services #secondary_offers p {
  color: #666666;
  font-size: 85%;
  line-height: 110%;
  padding: 0px 18px;
}

div#personal_services #secondary_offers a {
  color: #666666;
}

div#personal_services #secondary_offer1 {
  float: left;
  width: 353px;
  height: 101px;
  margin-right: 7px;
  color: #666666;
  background: #eef2f6 url('/consumer/t2/bg_secondary_offer1.gif') center center no-repeat;
}

div#personal_services #secondary_offer2 {
  float: left;
  width: 339px;
  height: 101px;
  color: #666666;
  background: #eef2f6 url('/consumer/t2/bg_secondary_offer2.gif') center center no-repeat;
}

div#personal_services #secondary_offer1 ul {
  margin-top: 45px;
}

div#personal_services #secondary_offer2 ul {
  margin-top: 16px;
}

div#personal_services #secondary_offer1 ul, div#personal_services #secondary_offer2 ul {
  float: right;
  font-size: 85%;
  line-height: 12px;
  background-color: #ffffff;
  list-style-type: none;
  padding-left: 13px;                                                                  /* the padding-left and the background instead of bullets  */
  background: transparent url('/consumer/t2/bullet_secondary_offers.gif') center left no-repeat; /* are to fix the the IE 'disappearing li bullets' issue.  */
}

div#personal_services div#additional_services {
  float: left;
  width: 703px;
  background: white url('/consumer/t2/bg_tabs_main.gif') top left repeat-y;
  margin-bottom: 10px; 
}

div#personal_services div#additional_services h3#additional_services_header {
  font-size: 100%;
  padding: 7px 0 0 10px;
  width: 703px;
  height: 30px;
  background: white url('/consumer/t2/bg_tabs_top_tab1.jpg') top left no-repeat;
  float: left;
}

div#personal_services div#additional_services div {
  float: left;
}

div#personal_services div#additional_services h3#additional_services_header a#additional_services_header_tab1 {
  color: #015cae;
}

div#personal_services div#additional_services h3#additional_services_header a#additional_services_header_tab2 {
  color: #015cae;
  padding-left: 28px;
}

div#personal_services div#additional_services div#more_about_credit_container {
  visibility: hidden;
  display: none;
  float: left;
  height: 74px;
  margin: -3px 0 0 10px;
  overflow: auto;
  width: 688px;
}

div#personal_services div#additional_services div#more_about_credit_container p {
  font-weight: normal;
  font-size: 80%;
  margin-bottom: 5px;
}

div#personal_services div#additional_services div#more_about_credit_container p strong {
  font-size: 11px;
  color: #666666;
}

div#personal_services div#additional_services div#more_about_credit_container h1 {
  font-size: 11px;
  color: #666666;
}



div#personal_services div#additional_services div#services2, div#personal_services div#additional_services div#services3 {
  margin-left: 65px;
}

div#personal_services div#additional_services div#services_container {
  visibility: visible;
  display: inline;
  float: left;
  height: 74px;
  margin: -3px 0 0 10px;
}

div#personal_services div#additional_services h3 {
  color: #999999;
  font-size: 110%;
  font-weight: bold;
}

div#personal_services div#additional_services p {
  font-size: 95%;
  font-weight: bold;
  color: #666666;
}

div#personal_services div#additional_services ul {
  font-size: 85%;
  list-style-type: square;
  line-height: 120%;
  padding-left: 15px;
  color: #015cae;
  margin-bottom: 10px;
}

div#personal_services div#additional_services ul a {
  color: #015cae;
}

div#personal_services div#additional_services div#additional_services_footer {
  float: left;
  width: 703px;
  height: 6px;
  background: white url('/consumer/t2/bg_tabs_bottom.jpg') top left no-repeat;
}

div#business_services {
   width: 218px;
   float: left;
   background: #f3f6f8 url('/consumer/t2/bg_business_services.jpg') center bottom no-repeat;
   border: 1px solid #dbe8f1;
   margin-bottom: 15px;
}

div#business_services h2 {
   color: #015cae;
   font-size: 135%;
   font-weight: bold;
   margin: 15px;
}

div#business_services p a {
  color: #666666;
}

div#container_client_login, div#container_small_business_services, div#container_business_services {
   margin: 15px;
}

div#container_client_login label {
   font-size: 85%;
   font-weight: bold;
   line-height: 80%;
}

div#container_client_login select#client_login {
   font-size: 85%;
   border: 1px solid #cccccc;
}

div#container_client_login img#btn_client_login {
   margin-bottom: -4px;
}

div#container_small_business_services h3 {
  color: #999999;
  font-size: 110%;
  font-weight: bold;
}

div#container_small_business_services h3 a {
  color: #999999;
}

div#container_small_business_services p {
  color: #666666;
  margin: 2px 0 3px 1px;
  font-size: 85%;
  line-height: 120%;
}

div#container_small_business_services ul {
  font-size: 75%;
  list-style-type: square;
  padding-left: 15px;
  color: #666666;
  line-height: 140%;
}

div#container_small_business_services ul a {
  color: #015CAE;
}

div#container_business_services {
  margin-bottom: 160px;
}

div#container_business_services h3 {
  color: #999999;
  font-size: 110%;
  font-weight: bold;
}

div#container_business_services p {
  font-size: 95%;
}

div#container_business_services ul {
  font-size: 80%;
  list-style-type: square;
  padding-left: 15px;
  color: #666666;
  margin-bottom: 10px;
}

div#footer {
   clear: both;
   width: 970px;
   margin: auto;
   line-height: 110%;
   background: #f0f0f0 url('/consumer/t2/bg_main_bottom.gif') top center no-repeat;
}

div#footer ul {
  padding-top: 10px;
  margin: 10px 5px;
}

div#footer ul li {
  display: inline;
  list-style: none;
  font-size: 80%;
  padding: 0 6px;
  border-left: 1px solid #808080;
}

div#footer ul li.first {
  border-left: 0;
  padding-left: 0;
}

div#footer ul li a {
  color: #808080;
}

div#footer p {
   width: 940px;
   margin: 10px 5px;
   font-size: 80%;
   color: #8d8d8d;
}

div#footer p.footer_disclosure {
   color: #666666;
}