/* basic setup */

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

p.access {
   display: none;
}

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('../img/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('../img/bg_main_top.gif') top center no-repeat;
}

div#nav_level_0 ul {
	float: none;
	font-size: 85%;
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 12px;
	margin-left: 10px;
}

div#nav_level_0 ul li{
	padding-left: 20px;
	line-height: 12px;                                                              			/* the padding-left and the background instead of bullets  */
	background: transparent url('../img/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;
	width:950px;
	font-size: 100%;
	float:left;
}

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

div#nav_level_1 ul {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}

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('../img/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: #000000;
  font-weight:bold;
  padding: 40px 0 0 12px;
}

div#main_area div#main_offer #main_offer_text h1#main_offer_headline1 {
  font-size: 26px;
  color:#003769;
  margin-bottom: 15px;
}

div#main_area div#main_offer #main_offer_text h1#main_offer_headline2 {
  font-size: 30px;
  color:#015cae;
  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: #666666;
   /*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: 100%;
  font-weight: bold;
  line-height: 110%;
  padding: 10px 10px 0px 0px;
  margin-top: 0;
}

div#personal_services #secondary_offers p {
  color: #666666;
  font-size: 11px;
  margin-top: 7px;
  margin-bottom: -2px;
  line-height: 110%;
  padding: 0px 0px;
}

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

div#personal_services #secondary_offer1 {
  float: left;
  width: 230px;
  height: 101px;
  margin-right: 5px;
  color: #666666;
  background: #eef2f6 url('../img/bg_secondary_offer3.gif') center center no-repeat;
}

div#personal_services #secondary_offer2 {
  float: left;
  width: 230px;
  height: 101px;
  margin-right: 5px;
  color: #666666;
  background: #eef2f6 url('../img/bg_secondary_offer3.gif') center center no-repeat;
}

div#personal_services #secondary_offer3 {
  float: left;
  width: 230px;
  height: 101px;
  color: #666666;
  background: #eef2f6 url('../img/bg_secondary_offer3.gif') center center no-repeat;
}

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

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

div#personal_services #secondary_offer3 ul {
  margin-top: 11px;
}

div#personal_services #secondary_offer1 ul, div#personal_services #secondary_offer2 ul, div#personal_services #secondary_offer3 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('../img/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('../img/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 3px;
  margin-bottom:0px;
  width: 703px;
  height: 30px;
  /*background: white url('../img/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;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color:#eeeff1;
	border: 1px solid #dedede;
	border-bottom: 0px;
}

div#personal_services div#additional_services h3#additional_services_header a#additional_services_header_tab2 {
	color: #015cae;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color:#eeeff1;
	border: 1px solid #dedede;	
	border-bottom: 0px;
}

div#personal_services div#additional_services h3#additional_services_header a#additional_services_header_tab3 {
	color: #015cae;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color:#eeeff1;
	border: 1px solid #dedede;
	border-bottom: 0px;
}
div#personal_services div#additional_services h3#additional_services_header a#additional_services_header_tab4 {
	color: #015cae;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color:#eeeff1;
	border: 1px solid #dedede;	
	border-bottom: 0px;
}
div#personal_services div#additional_services h3#additional_services_header a#additional_services_header_tab5 {
	color: #015cae;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color:#eeeff1;
	border: 1px solid #dedede;
	border-bottom: 0px;
}
div#personal_services div#additional_services h3#additional_services_header a#additional_services_header_tab6 {
	color: #015cae;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 2px;	
	background-color:#eeeff1;
	border: 1px solid #dedede;
	border-bottom: 0px;
}

div#personal_services div#additional_services div#more_about_credit_container {
  	visibility: hidden;
  	display: none;
  width:685px;
  	float: left;
  	color: #666666;
  	margin: -10px 0 0 3px;
  	padding: 5px;
  	background-color:#ffffff;
  	border: 1px solid #dedede;
}

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

div#personal_services div#additional_services div#more_about_credit_container_tab03 {
  	visibility: hidden;
  	display: none;
  width:685px;
  	float: left;
  	color: #666666;
  	margin: -10px 0 0 3px;
  	padding: 5px;
  	background-color:#ffffff;
  	border: 1px solid #dedede;
}

div#personal_services div#additional_services div#more_about_credit_container_tab03 p {
  font-weight: normal;
  font-size: 80%;
}

div#personal_services div#additional_services div#more_about_credit_container_tab04 {
  visibility: hidden;
  display: none;
  width:685px;
  float: left;
  color: #666666;
  margin: -10px 0 0 3px;
  padding: 5px;
  background-color:#ffffff;
  border: 1px solid #dedede;
}

div#personal_services div#additional_services div#more_about_credit_container_tab04 p {
  font-weight: normal;
  font-size: 80%;
}

div#personal_services div#additional_services div#more_about_credit_container_tab05 {
  visibility: hidden;
  display: none;
  width:685px;
  float: left;
  color: #666666;
  margin: -10px 0 0 3px;
  padding: 5px;
  background-color:#ffffff;
  border: 1px solid #dedede;
}

div#personal_services div#additional_services div#more_about_credit_container_tab05 p {
  font-weight: normal;
  font-size:11px;
}

div#personal_services div#additional_services div#more_about_credit_container_tab05 a {
  font-weight: normal;
  font-size:11px;
  color:#015cae;
}

div#personal_services div#additional_services div#more_about_credit_container_tab06 {
  visibility: hidden;
  display: none;
  width:685px;
  float: left;
  color: #666666;
  margin: -10px 0 0 3px;
  padding: 5px;
  background-color:#ffffff;
  border: 1px solid #dedede;
}

div#personal_services div#additional_services div#more_about_credit_container_tab06 p {
  font-weight: normal;
  font-size:11px;
}

div#personal_services div#additional_services div#more_about_credit_container_tab06 a {
  font-weight: normal;
  font-size:11px;
  color:#015cae;
}

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;
  color: #666666;
  width:685px;
  display: inline;
  float: left;
  margin: -10px 0 0 3px;
  padding: 5px;
  background-color:#ffffff;
  border: 1px solid #dedede;
}

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

div#personal_services div#additional_services p {
  font-weight: normal;
  font-size: 80%;
}

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('../img/bg_tabs_bottom.jpg') top left no-repeat;
}

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

div#business_services h2 {
   color: #015cae;
   font-size: 115%;
   font-weight: bold;
   margin: 10px 10px 5px 10px;
}

div#business_services h1 {
   color: #015cae;
   font-size: 125%;
   font-weight: bold;
   margin: 5px 10px 5px 5px;
}

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 file: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('../img/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;
}