/* please don't forget to check the bottom for grouped selectors.  i'm putting this message at the top to remind you 
so you don't sit there for an hour looking for a property that's at the bottom, in the grouped selectors section.
also, if you want to see where something is, trying searching for all instances of it in the stylesheet.  it might be 
in the grouped selectors... it might not.  searching is a good way to find out. */

html, body {
 background: rgb(255,255,255);
 color: rgb(0,0,0);
 font: normal x-small/120% verdana, arial, helvetica, sans-serif;
}

input, textarea {
 border: 1px solid rgb(150,150,150);
}

a {
 color: rgb(50,50,50);
}

a:hover {
 color: rgb(150,150,150);
}

/* plain page template content container */

.plain_page_main {
 padding: 2px;
 margin: 2px;
 width: 99%;
 height: 100%;
}

/* top section */

#topnav_container {
 background: rgb(255,255,255) url("../images/body_background.png") repeat-x 0 0;
}

#topnav  {
 background: transparent url("../images/header1100.png") no-repeat 0 0;
 position: relative;
 width: 99.99%;
 height: 120px;
}

#topnav  h1 a {
 height: 56px;
 width: 170px;
}

#topnav  #search {
 position: relative;
 top: 0;
 left: 0;
 padding: 5px 10.5% 5px 0;
 text-align: right;
 color: rgb(255,255,255);
 font-weight: bold;
}

#topnav #search input.go {
 margin-bottom: -7px;
}

#topnav  a {
 padding: 3px;
}

/* tab section */

#topnav #topnav_links {
 margin: 19px 10% 0 0;
 width: 600px;
}

#topnav #topnav_links li span {
 background: transparent url("../images/white_tab_left-trans.png") no-repeat 0 0;
 padding: 5px 5px 5px 15px;
}

#topnav #topnav_links li a {
 background: transparent url("../images/white_tab_right-trans.png") no-repeat 100% 0;
 color: rgb(0,0,0);
 font-weight: bold;
 padding: 0 10px 0 5px;
 cursor: pointer;
}

#topnav #topnav_links li a:hover {
 color: rgb(100,100,100);
}

#topnav #topnav_links li.active span {
 background: transparent url("../images/active_tab_left.png") no-repeat 0 0;
 padding: 5px 5px 5px 15px;
}

#topnav #topnav_links li.active a {
 background: transparent url("../images/active_tab_right.png") no-repeat 100% 0;
 font-weight: bold;
 color: rgb(255,255,255);
 padding: 0 10px 0 5px;
 cursor: pointer;
}

#topnav  #topnav_links li.active a:hover {
 color: rgb(225,225,225);
}

/* left navigation section */

.leftnav {
 background: rgb(255,255,255) url("../images/leftnav_gradient.png") repeat-x 0 0;
 border-width: 1px 1px 1px 0;
 border-style: solid;
 border-color: rgb(200,200,200);
 padding: 10px 0 5px 10px;
 width: 200px;
 clear: both;
}

.leftnav fieldset {
 padding: 0 5px 10px 0;
}

.leftnav fieldset legend {
 color: rgb(0,0,0);
 padding-left: 0;
}

.leftnav .login legend {
 background: transparent url("../images/lock.png") no-repeat 100% 0;
 padding: 0 20px 0 0;
 margin: 0 0 5px;
}

.leftnav .login div input {
 padding: 2px 1px;
 font-family: verdana;
}

input.go {
 background: transparent;
 padding: 0;
 cursor: pointer;
 vertical-align: text-bottom;
 
}

input.login {
 padding: 3px;
 margin-top: 3px;
}

.leftnav .login select {
 margin-right: 5px;
}

.leftnav .login .go {
 margin-top: -5px;
}

.leftnav ul {
 margin: 5px 0 15px 0;
}

.leftnav li {
 padding: 1px 0;
}

.leftnav .open_account .go img {
 margin-bottom: -5px;
}

.leftnav .open_account fieldset legend {
 margin-bottom: -5px;
}

.leftnav .locateBranch legend {
 margin: 0 0 -7px 0;
 padding: 5px 0 0;
}

.leftnav .locateBranch .go {
 margin-bottom: -5px;
}

.leftnav .myBranch strong {
 padding: 3px 0;
}

.leftnav .myBranch ul {
 margin-top: 0;
}

/* investor relations home link stuff */
.leftnav .Link {
 margin: 0 0 10px -7px;
}

.leftnav .Link a {
 background: transparent;
 text-decoration:none;
 padding: 4px 3px 4px 10px;
}

.leftnav .Link a:hover {
 background: rgb(205,205,205);
}


/* sidenav */

.leftnav .LoginLink {
 margin: 0 0 15px 0;
}

.leftnav .LoginLink a {
 background: transparent url("../images/lock.png") no-repeat 0 0;
 padding: 0 0 0 15px;
}

.leftnav .LoginLink a:hover {
 color: rgb(0,0,0)
}

.leftnav .links {
 margin: -10px 0 15px -7px;
}

.leftnav .links .listheading {
 font-weight: bold;
 padding: 2px 0;
}

.leftnav .links a {
 background: transparent;
 color: rgb(0,0,0);
 padding: 4px 3px 4px 10px;
}

.leftnav .links a.active {
 font-weight: bold;
}

.leftnav .links a:hover {
 background: rgb(205,205,205);
}

.leftnav .links a:visited {
 color: rgb(58,0,74);
}

.leftnav .links ul a {
 background: transparent;
 padding-left: 15px;
}

.leftnav .links li ul li a {
 padding-left: 25px;
}

.leftnav links ul a:active {
 font-weight: bold;
}

.leftnav .security {
 text-align: center;
}

.leftnav div {
 text-align: left;
}

.leftnav .changeZipCode {
 margin: 10px 0;
}

.leftnav .changeZipCode div strong {
 display: block;
 margin-bottom: 5px;
}

.leftnav .continueAppLink {
 padding: 5px 0 10px;
}

/* content section */

.content {
 border-top: 1px solid rgb(200,200,200);
 margin: 10px 0 0 200px;
 padding: 0 15px;
 clear: none;
}

.content .top_link {
 padding: 10px 0 5px;
}

.content h2 {
 padding: 15px 0;
}

.content h3 {
 padding: 10px 0;
}

.content h4 {
 padding: 5px 0;
}

.content .center {
 text-align: center;
}

.content .right {
 text-align: right;
}

.content li {
 padding: 3px 0;
}

.content .listheading {
 font-weight: bold;
 margin: 5px 0 10px -39px;
}

.content .alphabetical {
 list-style: lower-latin;
}



/* single column content section */

.singlecolumncontent {
 border-top: 1px solid rgb(200,200,200);
 margin: 10px 0 0 200px;
 padding: 0 15px;
 clear: both;
}

.singlecolumncontent .top_link {
 padding: 10px 0 5px;
}

.singlecolumncontent h2 {
 padding: 15px 0;
}

.singlecolumncontent h3 {
 padding: 10px 0;
}

.singlecolumncontent h4 {
 padding: 5px 0;
}

.singlecolumncontent .center {
 text-align: center;
}

.singlecolumncontent .right {
 text-align: right;
}

.singlecolumncontent li {
 padding: 3px 0;
}

.singlecolumncontent .listheading {
 font-weight: bold;
 margin: 5px 0 10px -39px;
}

.singlecolumncontent .alphabetical {
 list-style: lower-latin;
}
 
/* flash stuff */

.content .flash {
 text-align: left;
 margin: 10px 0;
 padding: 0;
}

.content .flash object {
 display: block;
 padding: 0 5px;
 margin: 0;
}

.content .flash object embed, .content .flash object param {
 margin: 0;
 padding: 0;
}

/* glossary stuff */

.content .glossary_links, .content .horizontal_links {
 margin: 10px auto;
 padding: 3px 0;
 width: 90%;
}

.content .glossary_links li, .content .horizontal_links li {
 padding: 0 4px;
}

.content .glossary_links li a,  .content .horizontal_links li a {
 font-weight: bold;
}

.content dl {
 padding: 3px 2px;
}

.content dt {
 font-weight: bold;
 padding-right: 10px;
}

.content dd {
 margin: 0 0 10px 0;
}

.content .button {
 background: rgb(210,210,210);
 border: 1px solid rgb(150,150,150);
 padding: 3px;
 margin: 0 0 0 10px;
}

.content input.button {
 padding: 0 1px;
}

.content .button:hover {
 color: rgb(0,0,0);
}

/* faq stuff */

.content .faq_item {
 margin: 15px 0;
}

.content a.question, .content .faq_item a.small {
 line-height: 150%;
}

.content a.question {
 background: transparent url("../images/big.png") no-repeat center left;
 padding: 0 0 0 22px;
}

.content .faq_item a.small {
 background: transparent url("../images/small.png") no-repeat center left;
 padding: 0 0 0 22px;
}

/* paragraphs with image floated to left and right */

.content .float_left, .content .float_right {
 margin: 5px 0 15px 0;
 padding: 4px 0;
}

.content .float_left h3, .content .float_left p, .content .float_left ul {
 margin: 0 0 0 200px;
 padding: 4px 0;
}

.content .float_right h3, .content .float_right p, .content .float_right ul {
 margin: 0 200px 0 0;
}

.content .float_left img {
 padding: 0 10px 0 0;
}

.content .float_right img {
 padding: 0 0 0 10px;
}

.content .FIC_float {
 border: 1px solid rgb(150,150,150);
 background: rgb(240,240,240);
}

/* buttons */

.content .open_now {
 padding: 3px;
}

.content .learn_more {
 margin: 0 4px;
}

.content .open_now a {
 width: 115px;
 height: 31px;
 margin: 5px auto;
}

.content .apply_now_small {
 background: transparent url("../images/lending_apply_now_small.png") no-repeat 0 0;
 height: 18px;
 width: 88px;
 cursor: pointer;
}

.lending .apply_now a {
 width: 126px;
 height: 31px;
 margin: 5px auto;
 background: transparent url("../images/lending_apply_now.png") no-repeat 0 0;
}

.lending .disclosures {
 background: transparent url("../images/lending_disclosures.png") no-repeat 0 0;
 width: 151px;
 height: 33px;
 margin: 5px auto;
}

.content .learn_more {
 width: 106px;
 height: 32px;
}

.about .contact_us {
 background: transparent url("../images/about_contact_flagstar.png") no-repeat 0 0;
 height: 31px;
 width: 151px;
}

.banking .open_now a {
 background: transparent url("../images/banking_open_now.png") no-repeat 0 0; 
}

.about .learn_more {
 background: transparent url("../images/about_learn_more.png") no-repeat 0 0;
}

.banking .learn_more {
 background: transparent url("../images/banking_learn_more.png") no-repeat 0 0;
}

.lending .learn_more {
 background: transparent url("../images/lending_learn_more.png") no-repeat 0 0;
}

/* horizontal list */

.content ul.horizontal {
 padding: 2px 0;
}

.content ul.horizontal li {
 padding: 0 5px;
}

.content .print a {
 background: transparent url("../images/print.png") no-repeat 0 0;
 padding: 5px 0 5px 20px;
}

/* paragraph with link at top */

.content .p_topa p {
 margin-top: 5px;
}

/* content tab specific rules */

.content .content_tabs {
 border-bottom: 1px solid rgb(200,200,200);
 height: 22px;
 width: 99.8%;
}

.content .content_tabs li span {
 padding: 5px 5px 5px 15px;
}

.content .content_tabs li a {
 color: rgb(75,75,75);
 font-weight: bold;
 padding: 0 10px 0 5px;
 cursor: pointer;
}

.content .content_tabs li a:hover {
 color: rgb(0,0,0);
}

.content .content_tabs li.active span {
 padding: 5px 5px 5px 15px;
}

.content .content_tabs li.active a {
 font-weight: bold;
 color: rgb(0,0,0);
 padding: 0 10px 0 5px;
 cursor: pointer;
}

.content .content_tabs li.active a:hover {
 color: rgb(0,0,0);
}

.content .content_tabs li span {
 background: transparent url("../images/unvisited_tab_left.png") no-repeat 0 0;
}

.content .content_tabs li a {
 background: transparent url("../images/unvisited_tab_right.png") no-repeat 100% 0;
}

.about .content_tabs li.active span {
 background: transparent url("../images/about_active_tab_left.png") no-repeat 0 0;
}

.banking .content_tabs li.active span {
 background: transparent url("../images/banking_active_tab_left.png") no-repeat 0 0;
}

.lending .content_tabs li.active span {
 background: transparent url("../images/lending_active_tab_left.png") no-repeat 0 0;
}

.about .content_tabs li.active a {
 background: transparent url("../images/about_active_tab_right.png") no-repeat 100% 0;
}

.banking .content_tabs li.active a {
 background: transparent url("../images/banking_active_tab_right.png") no-repeat 100% 0;
}

.lending .content_tabs li.active a {
 background: transparent url("../images/lending_active_tab_right.png") no-repeat 100% 0;
}

.about .content_tabs li.visited span {
 background: transparent url("../images/about_visited_tab_left.png") no-repeat 0 0;
}

.banking .content_tabs li.visited span {
 background: transparent url("../images/banking_visited_tab_left.png") no-repeat 0 0;
}

.lending .content_tabs li.visited span {
 background: transparent url("../images/lending_visited_tab_left.png") no-repeat 0 0;
}

.about .content_tabs li.visited a {
 background: transparent url("../images/about_visited_tab_right.png") no-repeat 100% 0;
}

.banking .content_tabs li.visited a {
 background: transparent url("../images/banking_visited_tab_right.png") no-repeat 100% 0;
}

.lending .content_tabs li.visited a {
 background: transparent url("../images/lending_visited_tab_right.png") no-repeat 100% 0;
}

.content #divGrid p {
 overflow: hidden;
}

.content #divGrid p a {
 float: left;
 margin: 0 0 0 15px;
}

/* table stuff */

.banking table, .banking table td, .banking table th, .banking table caption strong  {
 border-color: rgb(63,145,192);
}

.lending table, .lending table td, .lending table th, .lending table caption strong  {
 border-color: rgb(101,132,55);  
}

.about table, .about table td, .about table th, .about table caption strong  {
 border-color: rgb(206,106,0);
}

.content table.horizontal, .content table.vertical, .content table.hybrid {
 border-width: 1px 0 0 1px;
 border-style: solid; 
 margin: 5px 0 15px 0;
 width: 96%;
}

.content table.horizontal caption, .content table.vertical caption, .content table.hybrid caption {
 width: 100%;
 margin: 5px 0 -5px 10px;
 text-align: left;
}

.content table.horizontal caption strong, .content table.vertical caption strong, .content table.hybrid caption strong {
 border-width: 1px 1px 0 1px;
 border-style: solid; 
 padding: 3px 0 3px 5px;
 width: 30%;
}

.content table.horizontal td strong, .content table.vertical td strong, .content table.hybrid td strong {
 text-align: left;
}

.content table.horizontal td, .content table.horizontal th, .content table.vertical td, .content table.vertical th, .content table.hybrid td, .content table.hybrid th {
 border-width: 0 1px 1px 0;
 border-style: solid;
 padding: 4px;
 vertical-align: top;
}

.content table.hybrid thead th {
 text-align: left;
}

.content table.horizontal th, .content table.hybrid tbody th {
 text-align: right;
 padding-right: 10px;
}

.toolTip, #toolTip {
 position: absolute;
 padding: 2px;
 border: solid 1px rgb(100,100,100);
 background: rgb(220,220,220) url("../images/tooltip_gradient.png") repeat-x 0 0;
 max-width: 200px;
} 

.about table caption strong {
 background: rgb(246,186,121) url("../images/about_caption.png") repeat-x 0 0;
}

.about table th {
 background: rgb(247,215,181) url("../images/about_th.png") repeat-x 0 0;
}

.about table tr.odd {
 background: rgb(255,254,254) url("../images/about_td_odd.png") repeat-x 0 0;
}

.about table tr.even {
 background: rgb(250,228,206) url("../images/about_td_even.png") repeat-x 0 0;
}

.about table tr:hover {
 background: rgb(246,186,121) url("../images/about_caption.png") repeat-x 0 0;
}

.banking table caption strong {
 background: rgb(132,195,233) url("../images/banking_caption.png") repeat-x 0 0;
}

.banking table th {
 background: rgb(141,203,239) url("../images/banking_th.png") repeat-x 0 0;
}

.banking table tr.odd {
 background: rgb(255,255,255) url("../images/banking_td_odd.png") repeat-x 0 0;
}

.banking table tr.even {
 background: rgb(189,230,252) url("../images/banking_td_even.png") repeat-x 0 0;
}

.banking table tr:hover {
 background: rgb(132,195,233) url("../images/banking_caption.png") repeat-x 0 0;
}

.lending table caption strong {
 background: rgb(168,200,123) url("../images/lending_caption.png") repeat-x 0 0;
}

.lending table th {
 background: rgb(179,207,139) url("../images/lending_th.png") repeat-x 0 0;
}

.lending table tr.odd {
 background: rgb(254,254,254) url("../images/lending_td_odd.png") repeat-x 0 0;
}

.lending table tr.even {
 background: rgb(202,225,167) url("../images/lending_td_even.png") repeat-x 0 0;
}

.lending table tr:hover {
 background: rgb(168,200,123) url("../images/lending_caption.png") repeat-x 0 0;
}

.content table a:hover {
 color: rgb(0,0,0); /* this prevents the .content a:hover rule from making this unreadable during hovers */
}

.content table .table_link_list .open_now, .content table .table_link_list .learn_more {
 height: 18px;
 width: 88px;
 cursor: pointer;
}

.banking table .table_link_list .open_now {
 background: transparent url("../images/banking_open_now_small.png") no-repeat 0 0;
}

.lending table .table_link_list .open_now {
 background: transparent url("../images/lending_open_now_small.png") no-repeat 0 0;
}

.banking table .table_link_list .learn_more {
 background: transparent url("../images/banking_learn_more_small.png") no-repeat 0 0;
}

.lending table .table_link_list .learn_more {
 background: transparent url("../images/lending_learn_more_small.png") no-repeat 0 0;
}


/* content form fields */


.about .fieldset_container {
 background: transparent url("../images/about_fieldset_gradient_right.png") no-repeat top right;
}

.about fieldset {
 background: transparent url("../images/about_fieldset_gradient_left.png") no-repeat top left;
}

.banking .fieldset_container {
 background: transparent url("../images/banking_fieldset_gradient_right.png") no-repeat top right;
}

.banking fieldset {
 background: transparent url("../images/banking_fieldset_gradient_left.png") no-repeat top left;
}

.lending .fieldset_container {
 background: transparent url("../images/lending_fieldset_gradient_right.png") no-repeat top right;
}

.lending fieldset {
 background: transparent url("../images/lending_fieldset_gradient_left.png") no-repeat top left;
}

.content .fieldset_container {
 padding: 0;
 margin: 5px 0;
 width: 95%;
}

.content fieldset {
 border: 0;
 display: block;
 margin: 0;
 padding: 15px 0 0 0;
 width: 95%;
}

.content fieldset h3 {
 margin: 0 0 10px 0;
 text-align: center;
}

.content fieldset label {
 float: left;
 width: 40%;
 padding: 1px 0;
 text-align: right;
}

.content fieldset label strong {
 padding-right: 10px;
 display: block;
 width: 95%;
}

.content fieldset div {
 padding: 5px 0;
 /* width: 58%; */
 width: 100%;
}

.content fieldset input, .content fieldset select, .content fieldset textarea {
 border: 1px solid rgb(100,100,100);
 font-family: verdana;
 padding: 2px;
 margin-right: 3px;
}

.content fieldset label.checkbox {
 float: right;
 width: 65%;
}

.content fieldset label.checkbox strong {
 text-align: right;
}

.content fieldset div.checkbox {
 width: 33%;
 text-align: right;
}

/*.content fieldset div.checkbox input {
 background: transparent;
 margin: 3px 0 7px;
}*/

.content fieldset div .submit_app {
 margin: 25px 0 5px;
 clear: left;
}

.content fieldset input[type="checkbox"], .content fieldset input[type="radio"] {
 border: 0;
}

.content fieldset div.go {
 display: block;
 width: 99%;
 padding: 10px 0;
 text-align: center;
}

.content fieldset div.go input {
 border: 0;
}

.content .question fieldset {
 width: 99%;
}

/* dollar sign field */

.content input.dollarSign {
 background: rgb(255,255,255) url("../images/dollar_sign.png") no-repeat 0 3px;
 padding-left: 10px;
}

/* multiple checkboxes */

.content fieldset .checkboxes {
 width: 80%;
 margin: 10px 0 0 7%;
}

.content fieldset .checkboxes label {
 width: 40%;
 margin-right: 1%;
}

.content fieldset .checkboxes label strong {
 text-align: left;
 width: 80%;
}
 
.content input.go {
 margin-left: 5px;
}

.content .delete {
 background: transparent url("../images/close.png") no-repeat 10px 5px;
 padding: 5px 2px;
}

.content .help {
 background: transparent url("../images/help.png") no-repeat 10px 5px;
 padding: 10px 2px 2px 2px;
 cursor: pointer;
}

.content strong.help {
 background: transparent url("../images/help.png") no-repeat 100% 0;
 padding: 3px;
}

.content table td .help {
 background: transparent url("../images/info.gif") no-repeat 100% 0;
}

.content .left {
 text-align: left;
}

/* branch locator */

 .content #fmap fieldset {
  padding: 0 0 0 25px;
  margin: 0;
 }

 .content #fmap fieldset label {
  display: block;
  float: none;
  padding: 2px 0;
  width: 100%;
  text-align: left;
  clear: left;
 }

 .content #fmap fieldset label strong {
  display: inline;
  padding: 0;
 }

 .content #fmap fieldset div {
  width: 95%;
  padding: 0;
  margin: 5px 0;
 }

 .content #fmap fieldset .twoCol {
  float: left;
  padding: 0;
  margin: 2px 0;
  width: 47.5%;
 }

 .content #fmap fieldset #showHours {
  margin-left: 30px;
 }

 .content #fmap table #map {
  height: 450px;
  width: 550px; 
 }


/* this prevents some browsers from showing a blue hover in the background of the table */

#fmap table tr:hover {
 background: transparent; 
}

.content .branch_locator_image {
 border-width: 1px 0 1px 1px;
 border-style: solid;
 border-color: rgb(175,175,175);
 vertical-align: top;
}

.content .branch_locator_sidebar {
 background: rgb(255,255,255) url("../images/gray_gradient2.png") repeat-x 0 0;
 border: 1px solid rgb(175,175,175);
 padding: 0;
 vertical-align: top;
}

.content .branch_locator_sidebar .branch_locator_sidebar_scroll {
 padding: 0 0 0 10px; 
 overflow: auto;
 height: 450px;
}

.content .branch_locator_sidebar .branch_locator_sidebar_scroll div {
 margin-bottom: 10px;
}

/* this fixes some stupid issue with safari 1.3 not clearing these elements properly */
#fmap fieldset label strong, #fmap fieldset label {
 clear: none;
}

/* error message stuff */

.content ul.error, .content p.error {
 background: rgb(225,225,225) url("../images/error_content.png") repeat-x 0 0;
 border: 1px solid rgb(255,0,0);
 color: rgb(255,0,0);
 margin: 5px 0 15px 0;
 width: 94.5%;
}

.content p.error {
 padding: 3px;
}

.content ul.error li.heading {
 background: rgb(210,210,210) url('../images/error_header.png') repeat-x 0 0;
 border-bottom: 1px solid rgb(255,0,0);
 font-weight: bold;
 padding: 2px 0 3px 2px;
}

.content ul.error li {
 padding: 2px 0 2px 15px;
}

.content ul.error li em {
 font-weight: bold;
 font-style: normal;
}

.content .error strong {
 color: rgb(255,0,0);
}

.content .error input, .content .error input.dollarSign, .content .error select, .content .error textarea {
 background: rgb(255,213,213);
 border-color: rgb(255,0,0);
 color: rgb(255,0,0);
}

.content .error input.dollarSign {
 background: rgb(255,213,213) url("../images/dollar_sign.png") no-repeat 0 3px;
 padding-left: 10px;
}

.content .error input:hover, .content .error input.dollarSign:hover, .content .error select:hover, .content .error textarea:hover {
 background: rgb(255,223,233);
} 

.content .error input.dollarSign:hover {
 background: rgb(255,223,233) url("../images/dollar_sign.png") no-repeat 0 3px;
 padding-left: 10px;
}

.content .oneColContent {
 padding-bottom: 10px;
 width: 75%;
}

/* two column content code */

.content .twoColContent {
 padding-bottom: 10px;
 width: 99%;
}

.content .twoColContent .sidecol {
 width: 50%;
}

.content .twoColContent .sidecol .float_right {
 margin-top: -10px;
}

.content .twoColContent .mainCol {
 margin-right: 51%;
}

.content .twoColContent .mainCol p {
 margin: 5px 0 15px 0;
}

.about .talkToAnExpert {
 background: transparent url("../images/about_contact_gradient.png") no-repeat top right;
}

.banking .talkToAnExpert {
 background: transparent url("../images/banking_contact_gradient.png") no-repeat top right;
}

.lending .talkToAnExpert {
 background: transparent url("../images/lending_contact_gradient.png") no-repeat top right;
}

.twoColContent .sidecol .talkToAnExpert {
 margin-bottom: 20px;
}

.twoColContent .sidecol .talkToAnExpert img {
 margin-right: 3px;
}

.twoColContent .sidecol .find_branch, .twoColContent .sidecol .find_loan_center {
 text-align: center;
 margin-bottom: 20px;
}

.twoColContent .sidecol .find_branch p, .twoColContent .sidecol .find_loan_center p {
 padding-top: 10px;
}

.twoColContent .sidecol .find_loan_center a {
 height: 33px;
 width: 165px;
 margin: 0 auto;
 padding: 5px 0;
}

.twoColContent .sidecol .find_branch a {
 height: 31px;
 width: 151px;
 margin: 0 auto;
 padding: 5px 0;
}

.lending .find_loan_center a {
 background: transparent url("../images/lending_find_loan_center.png") no-repeat 0 0;
}

.lending .find_branch a {
 background: transparent url("../images/lending_find_branch.png") no-repeat 0 0;
}

.banking .find_branch a {
 background: transparent url("../images/banking_find_branch.png") no-repeat 0 0;
}

.twoColContent .sidecol .contact_form {
 border: 2px solid rgb(0,0,0); 
 background-color: rgb(255,255,255); 
 padding: 4px; 
 width: 525px; 
}

.twoColContent .sidecol .download_app a {
 margin: 10px auto;
}

.banking .sidecol .download_app a {
 background: transparent url("../images/banking_download_app.png") no-repeat 0 0;
 width: 175px;
 height: 31px;
}

.lending .sidecol .download_app a {
 background: transparent url("../images/lending_download_app.png") no-repeat 0 0;
 width: 200px;
 height: 33px;
}

.twoColContent .sidecol .links {
 margin-left: 30%;
}

.twoColContent .sidecol .apply_online input {
 margin-bottom: -7px;
}

/* Open Now / Continue Application Stuff */

.twoColContent .sidecol .twoButton {
  display: block;
  overflow: hidden;
  padding: 0 0 20px 0;
  margin: 0;
 }

.twoColContent .sidecol .twoButton div {
  padding: 0;
  float: left;
  display: block;
  margin-right: 10px;
 }

.twoColContent .sidecol .open_now a {
 margin: 0;
}

.twoColContent .sidecol .twoButton .continueApp a {
  background: transparent url("../images/banking_continue_saved_app.png") no-repeat 0 0;
  display: block;
  width: 200px;
  height: 31px;
  text-decoration: none;
  margin: 0;
 }

 .twoColContent .sidecol .twoButton .continueApp a span {
  display: none;
 }

 .twoColContent .sidecol .bankingServiceCenter {
  overflow: hidden;
  clear: left;
  padding: 0;
 }

.content .twoColContent .sidecol .bankingServiceCenter h3 {
  text-align: left;
 }

.content .twoColContent .sidecol .bankingServiceCenter ul {
/*  float: left;
  width: 45%;
  margin: 0 3px 0 0;
  padding: 0 0 0 10px;*/

 }

 .twoColContent .sidecol .bankingServiceCenter li {
  padding: 0;
  margin: 2px 5px;
 }



/* contact me */

.twoColContent .sidecol .contact_me {
 background: rgb(255,255,255);
}

.content .contact_me fieldset {
 width: 100%;
 margin-bottom: 0;
}

.content .contact_me fieldset legend {
 margin: 0 0 10px 0;
 padding: 0 0 0 15px;
 height: 25px;
 width: 90%;
}

.content .contact_me fieldset strong {
 width: 45%;
 text-align: right;
 padding-right: 15px;
}

.content .contact_me legend strong {
 background: transparent;
 padding: 5px 0 0;
 margin: 5px 0 0;
 text-align: left;
 width: 100%;
}

.content .contact_me fieldset label {
 padding: 3px 0;
 clear: both;
}

.content .contact_me fieldset div {
 margin: -10px 0 0 0;
 width: 40%;
 padding: 2px 0 5px 0;
}

.content .contact_me fieldset div.center {
 width: 100%;
 padding: 15px 0;
}

.content .contact_me fieldset input, .content .contact_me fieldset select, .content .contact_me fieldset textarea {
 font-family: verdana;
 padding: 2px;
 margin: 1px;
}

/* calculator/wizard stuff */

.content .wizard {
 padding: 10px 0;
 overflow: hidden;
 width: 99%;
}

.content .wizard .twoCol1 {
 margin: 0;
 float: left;
 width: 57.5%;
}

.content .wizard .twoCol1 fieldset {
 margin: 10px 0;
}

.content .wizard .twoCol1 fieldset div {
 width: 100%;
}

.content .wizard .twoCol2 {
 margin: 0 0 0 10px; 
 text-align: center;
 width: 302px;
}

/* force region */

.content .force_zip .go {
 margin-bottom: -4px;
}

/* product blurb code  */

.content .product_blurb {
 background: rgb(255,255,255) url("../images/product_blurb_left_gradient.png") repeat-x 0 0;
 padding: 0 0 0 10px;
 margin: 10px 0 15px;
 overflow: hidden;
}

.content .product_blurb div {
 background: transparent url("../images/product_blurb_right_gradient.png") no-repeat top right;
 padding: 7px 4px;
 margin: 0;
}

.content .product_blurb div h3 {
 padding: 10px 5px;
}

.content .product_blurb div p {
 padding: 5px 10px;
 min-height: 10px;
}


/* Skip to Section stuff */

.content .skipToContainer {
 border: 1px solid black;
 margin-bottom: 50px;
 padding: 5px;
}

.content .skipToContainer ul {
 margin: 0 2% 0 0;
 width: 25%;
}

.content .skipTo div a {
 padding-top: 3px;
}

.content .search_highlight {
 color: rgb(63,145,192);
}

/* footer */

.footer {
 border-top: 1px solid rgb(200,200,200); 
 margin: 10px 0 0 0;
 padding: 5px 0;
 text-align: left;
}

.footer li {
 padding: 0 4px;
}

.footer a:hover {
 color: rgb(25,25,25);
}

.hidden{
 display: none;
}

/* link indicator stuff */

.content a.popup {
 background: transparent url("../images/popup.png") no-repeat top right;
 padding: 0 22px 0 0;
}

/*
.content a[href$='/fbc/fsb/en/www/Flagstar_Rewards_Landing_Page.html'] {
 background: transparent url("../images/rewards.png") no-repeat top right;
 padding: 0 22px 3px 0;
}
*/


/* grouped selectors section 

this is where we will group similar property/value pairs together to make this stylesheet more efficient
*/

/* no margin group */

html, body, form, #topnav #topnav_links li, #topnav #topnav_links li span, #topnav #topnav_links li a, #topnav #topnav_links li.active span, #topnav #topnav_links li.active a, .leftnav, .leftnav li, .leftnav .links li, .leftnav .links ul, .leftnav .links .listheading, .content h2, .content h3, .content .content_tabs, .content .content_tabs li, .content .content_tabs li span, .content .content_tabs li a, .content .content_tabs li.active span, .content .content_tabs li.active a, .toolTip p, #toolTip p, .content table .table_link_list, .content table .table_link_list li, .content ul.error li, .content .product_blurb h3, .content .product_blurb p, .content .left_corner, .content .right_corner {
 margin: 0;
}

/* no padding group */

html, body, form, #main, #topnav #topnav_links, .leftnav ul, .leftnav .links, .leftnav .links li, .leftnav .links ul, .content .content_tabs, .content table .table_link_list, .content table .table_link_list li, .content fieldset .left_corner, .content fieldset .right_corner, .content fieldset div.checkbox,  .content ul.error, .content p.error, .content .left_corner, .content .right_corner {
 padding: 0;
}

/* no list style */

#topnav #topnav_links, .leftnav ul, .content .listheading, .content .content_tabs, .content table .table_link_list, .content ul.error {
 list-style: none;
}

/* no border */

a img, #topnav  #search, .leftnav fieldset, input.go, .content fieldset, .content fieldset div.checkbox input, .content fieldset .checkboxes label input, .content .radio {
 border: 0;
}

/* float left */

#topnav  h1, #topnav #topnav_links li span, #topnav #topnav_links li a, #topnav #topnav_links li.active span, #topnav #topnav_links li.active a, .leftnav, .leftnav .login select, .content dt, .content .button, .content .float_left img, .content .content_tabs li span, .content .content_tabs li a, .content .content_tabs li.active span, .content .content_tabs li.active a, .content fieldset strong, .content fieldset div, .content fieldset .checkboxes label, .content fieldset .checkboxes label input, .twoColContent .sidecol .talkToAnExpert img, .content .contact_me fieldset strong, .content .contact_me fieldset div, .content .skipToContainer ul, .content .left_corner, .content table .table_link_list .open_now, .content table .table_link_list .learn_more {
 float: left;
}

/* float right */

#topnav #topnav_links, #topnav #topnav_links li, .content .float_right img, .content .float_right img, .content .learn_more, .content .print, .content fieldset label.checkbox strong, .content .twoColContent .sidecol, .content .twoColContent .sidecol .float_right, .content .product_blurb a, .content .skipTo div a, .content .right_corner {
 float: right;
}

/* clear left */

#topnav #topnav_links, .footer {
 clear: left;
}

/* clear right */

#topnav  #search, .content .float_left, .content .float_right, .content .skipTo {
 clear: right;
}

/* clear none */

.content .float_left h3, .content .float_right h3, .content fieldset .checkboxes label, .content .product_blurb h3 {
 clear: none;
}

/* overflow hidden */

.content fieldset div, .content fieldset .checkboxes, .content .twoColContent, .content .skipTo, .content .float_left, .content .float_right, .content .content_tabs, .twoColContent .sidecol .talkToAnExpert, .content .product_blurb, .content .skipToContainer {
 overflow: hidden;
}

/* display inline */

#topnav #topnav_links li, .content .glossary_links li, .content .horizontal_links li, .content ul.horizontal li, .content .content_tabs li, .content fieldset input, .content fieldset select, .content fieldset textarea, .content .contact_me fieldset input, .content .contact_me fieldset select, .content .contact_me fieldset textarea, .footer li {
 display: inline;
}

/* display block */

#topnav  h1 a, #topnav  a, #topnav #topnav_links li span, #topnav #topnav_links li.active span, .leftnav .login div label, .leftnav .myBranch strong, .leftnav .LoginLink a, .leftnav .Link a, .leftnav .links a, .content .listheading, .content .float_left img, .content .float_right img, .content .learn_more, .content .open_now a, .about .contact_us, .content .p_topa a, .content .content_tabs li span, .content .content_tabs li.active span, .content table.horizontal caption strong, .content table.vertical caption strong, .content table.hybrid caption strong, .toolTip p strong, #toolTip p strong, .content fieldset, .content fieldset legend, .content fieldset label, .content fieldset strong, .content legend strong, .content fieldset label.checkbox strong, .content fieldset .checkboxes label strong, .content ul.error li.heading, .twoColContent .sidecol .find_branch a, .twoColContent .sidecol .find_loan_center a, .twoColContent .sidecol .download_app a, .content .contact_me fieldset legend, .content .contact_me fieldset label, .content .contact_me fieldset strong, .content .contact_me legend strong, .content .skipToContainer, .content table .table_link_list li, .content table .table_link_list li a, .lending .disclosures, .lending .apply_now a, .content .apply_now_small {
 display: block;
}

/* visibility hidden */

#topnav  h1 a span, .content .float_left a span, .content .product_blurb a span, .content .learn_more span, .content .open_now span, .content .find_branch a span, .content .find_loan_center a span, .twoColContent .sideCol .open_now a span, .about .contact_us span, .twoColContent .sidecol .download_app a span, .content .help span, .content table .table_link_list li a span, .lending .disclosures span, .lending .apply_now a span, .content .apply_now_small span, .content .delete span {
 visibility: hidden;
}

/* text decoration none */

#topnav  a, #topnav #topnav_links li a, .leftnav .LoginLink a, .leftnav .links a, .content .button, .content .learn_more, .about .contact_us, .content .content_tabs li a, .content .help, .twoColContent .sidecol .find_branch a, .twoColContent .sidecol .find_loan_center a, .twoColContent .sidecol .open_now a, .twoColContent .sidecol .download_app a, .content .contact_me a, .content .product_blurb a, .footer li a, .content table .table_link_list li a, .lending .disclosures, .lending .apply_now a, .content .apply_now_small, .content .delete {
 text-decoration: none;
}

/* grouped font and line-height stuff 

please change all font sizes here.  it's important to group them all so we don't have 100 different fonts in different spots. 
if need be, we can always put this stuff in a separate style sheet if we got a font scaling javascript added to the site.
*/

.content h2 {
 font-size: large;
}

.content h3 {
 font-size: medium;
}

.leftnav .login legend, .content h4, .content p, .content pre, .content li, .content .listheading, .content .glossary_links li a, .content .horizontal_links li a, .content dl, .content .button, .content .faq_item a, .content .product_blurb h3, .content .float_left h3, .content .float_right h3, .content .sidecol h3, .content .float_left p, .content .float_right p, .content .p_topa a, .content fieldset legend, content .contact_me fieldset legend, .content fieldset h3 {
 font-size: small;
}

html, body, .footer li, .leftnav select, .content .glossary_links li, .content .horizontal_links li, .content .content_tabs li, .content table td, .content table th, .content table caption, .content table p, .content fieldset input, .content fieldset select, .content fieldset textarea, .content ul.error li, .content .contact_me legend strong, .leftnav input, .leftnav select, #topnav input, .content .wizard .twoCol1 h3 {
 font-size: x-small;
}

.content table .table_link_list li, .wizard .question fieldset h3 {
 font-size: xx-small;
}

.content .disclaimer p {
 font-size: xx-small;
 width: 400px;
}

.content ul li, .leftnav .login legend {
 line-height: 120%;
}

.content .wizard .twoCol1 h3 {
 line-height: 170%;
}

.content dl, .content p {
 line-height: 140%;
}

/* couldn't put this in the actual border none section cuz ie6 would barf on it */
 .content fieldset input[type="hidden"] {
  display: none;
 }


/* Branch locator */

.ballonPopup {
 font-size: xx-small;
 margin-bottom: 5px;
}

.locationFeatures {
 margin-top: 6px;
 margin-bottom: 6px;
}

.locationFeatures li {
 font-size: xx-small;
 height: 15px;
 padding: 5px 0 5px 5px;
 /*margin-top: -6px;*/
}

.locationFeatures .alerts{
 list-style-image: url("../images/icons/alerts.gif");
}

.locationFeatures .loyaltyRewards{
 list-style-image: url("../images/icons/loyaltyRewards.gif");
}

.locationFeatures .banking{
 list-style-image: url("../images/icons/bankingCenter.gif");
}

.locationFeatures .lending{
 list-style-image: url("../images/icons/lendingCenter.gif");
}

.locationFeatures .atmFlagstar{
 list-style-image: url("../images/icons/atmFlagstar.gif");
}

.locationFeatures .atm{
 list-style-image: url("../images/icons/atm.gif");
}

.locationFeatures .tfHourBanking{
 list-style-image: url("../images/icons/24hourBanking.gif");
}


.twoColContainer {
 width: 99%;
 overflow: hidden;
 padding-bottom: 10px;
}

.content .twoCol1, .content .twoCol2 {
 background: transparent url("../images/twoColumn_gradient.png") repeat-x top right;
 width: 48.4%;
 margin: 20px 0 20px 1%;
 padding: 0;
 float: left;
}

.content .twoCol1 .homePageAd {
 padding: 0;
 margin: 0;
}

.content .homePageAd img {
 float: left;
}

.content .homePageAd h2 {
 font-size: x-small;
 padding: 5px 0 10px 150px;
 margin: 0;
}

.content .homePageAd div a {
 background: transparent url("../images/black_arrow.png") no-repeat 100% 0;
 line-height: 100%;
 padding: 0 17px 0 0;
 text-decoration: none;
 margin-right: 10px;
}

.content .homePageAd ul, .content .homePageAd p {
 margin: 0;
 padding: 0 5px 10px 150px;
 font-size: x-small;
}

.content .homePageAd ul {
 padding-left: 163px;
}

.content .twoCol1 li, .content .twoCol2 li {
 font-size: xx-small;
}

.content .homePageAd p {
 min-height: 10px;
}

.content .homePageAd div {
 float: right;
 margin: 10px 0;
 padding: 3px;
}

.content .twoCol2 .homePageAd div {
 padding: 10px 3px 3px;
}

.content .twoCol1 .right_corner, .content .twoCol2 .right_corner {
 margin-top: 0;
}

.wizard .twoColContainer .twoCol1, .wizard .twoColContainer .twoCol2 {
 background: rgb(255,255,255);
}

.wizard strong {
 font-size: x-small;
}

.wizard .question {
 margin-bottom: 10px;
}

.wizard .next{
 float: right;
}
.wizard .back {
 float: left;
}






/* ad banner */

.content .adBanner1 {
 padding: 0;
 height: auto;
 margin: 10px 0 0;
 width: 99%;
 min-width: 550px;
 overflow: hidden;
}

.content .adBanner1 .banking {
 background: transparent url("../images/banking_banner_gradient.jpg") no-repeat top right;
}

.content .adBanner1 .lending {
 background: transparent url("../images/lending_banner_gradient.jpg") no-repeat top right;
}

.content .adBanner1 .about {
 background: transparent url("../images/about_banner_gradient.jpg") no-repeat top right;
}

.content .adBanner1 .ad {
 background: transparent url("../images/ad_banner_gradient.jpg") no-repeat top right;
}

/* three column container */

.content .threeColContainer {
 overflow: hidden;
 width: 99%;
 padding-bottom: 15px;
}

/* three columns */

.content .threeCol1, .content .threeCol2, .content .threeCol3 {
 float: left;
 padding: 0 8px 0 0;
 margin: 10px 1% 0 0;
 width: 31.6%;
 min-width: 177px;
 text-align: center;
}

.content .threeCol1 .col a, .content .threeCol2 .col a, .content .threeCol3 .col a {
 display: block;
 height: 138px;
 width: 100%;
 padding: 0;
 margin: 0;
 text-align: center;
}

.content .threeCol1 p, .content .threeCol2 p, .content .threeCol3 p, .content .threeCol1 ul, .content .threeCol2 ul, .content .threeCol3 ul {
 text-align: left;
}

 .content .threeColContainer .about {
  background: transparent url("../images/threeCol_about_right.jpg") no-repeat top right;
 }

 .content .threeColContainer .about .col {
  background: transparent url("../images/threeCol_about_left.jpg") no-repeat top left;
 }

 .content .threeColContainer .banking {
  background: transparent url("../images/threeCol_banking_right.jpg") no-repeat top right;
 }

 .content .threeColContainer .banking .col {
  background: transparent url("../images/threeCol_banking_left.jpg") no-repeat top left;
 }

 .content .threeColContainer .lending {
  background: transparent url("../images/threeCol_lending_right.jpg") no-repeat top right;
 }

 .content .threeColContainer .lending .col {
  background: transparent url("../images/threeCol_lending_left.jpg") no-repeat top left;
 }

.content .threeCol3 {
 clear: right;
 margin-right: 0;
}

.content .adBanner1 .about, .content .adBanner1 .banking, .content .adBanner1 .lending, .content .adBanner1 .ad {
 width: 96.8%;
 padding-right: 25px;
}

.content .threeColContainer p {
 padding: 2px 5px 13px 5px;
}

.content .threeColContainer .col .learn_more {
  margin: 5px auto;
  text-align: left;
  float: none;
  margin: 0 auto;
  width: 106px;
  height: 32px;
}

.content .threeCol1 .col a.continueSavedApp, .content .threeCol2 .col a.continueSavedApp, .content .threeCol3 .col a.continueSavedApp {
 padding: 0 0 10px 0;
 margin: -10px 0 0;
 height: auto;
 display: block;
 font-size: small;
 text-decoration: underline;
}

.content .threeColContainer ul.links {
 list-style: disc;
 margin: 10px auto 0;
 padding-left: 35px;
 display: block;
 width: 85%;
}

.content .threeColContainer ul.links li.listheading {
 list-style: none;
 margin-left: -22px;
 text-align: left;
}
.content .threeColContainer ul.links li {
 margin-left: 0;
 padding-left: 7px;
 font-size: x-small;
}

/*.content .threeCol1 .links, .content .threeCol2 .links, .content .threeCol3 .links {
 margin: 0 0 0 5%;
 padding: 0;
}

.content .threeCol1 li, .content .threeCol2 li, .content .threeCol3 li {
 padding: 2px 0;
 display: block;
}*/

/* you absolutely need this */
.content .threeCol1 .col li a, .content .threeCol2 .col li a, .content .threeCol3 .col li a {
 display: inline;
}

.content .threeColContainer .left {
 margin: 0 0 0 10%;
}


/* FSP Styles */

div.open_account legend {
	/*color: #AF0B29; */
	padding-top: 10px;
	padding-bottom: 10px;
}

div.homebanner {
	margin-top: 10px;
	min-width:550px;
	overflow:hidden;
	padding:0pt;
	width:99%;
	
}

div.homefeaturecontainer {
	margin-top: 10px;
	min-width:550px;
	overflow:hidden;
	padding:0pt;
	width:99%;
}

div.homefeature {
	width: 272px;
	float: left;
	margin-right: 5px;
}

div.homefeature h2, div.homefeature p {
	font-size: x-small;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 140%;
}

div.leftnav > div {
	margin-bottom: 20px;
}

div.leftnav h4 {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: x-small;
}

div.subheader {
	margin-bottom: 40px;
	overflow: hidden;
	width: 95%;
}

div.subheader div {
	float: left;
}

div.sectiontitle 
{
	margin: 30px 0 0 50px;
	width: 45%;
}

div.talktoapro 
{
	margin: 20px 0 0 30px;
	color: #545454;
}

div.talktoapro > div {
	float: left;
}

div.talktoapro div.icon {
	margin-right: 20px;
}

div.talktoapro div.contact {
	margin-top: 3px;
}

div.contact h4, div.checklists h4 {
	margin: 0px;
}

div.contact p, div.checklists p {
	margin-top: 2px;
}

div.subtabcontainer {
	float: left;
	margin-left: 10px;
	/*width: 99%;*/
	width: 95%;
	overflow: hidden;
}

.ui-tabs-nav a {
	color:#323232;
	font-size:0.8em;
}

.ui-tabs-panel {
	float: left;
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	width: 95%;
}

div.subtabimage {
	float: left;
}

div.subtabcontent {
	float: left;
	margin-left:20px;
	width:470px;
}

div.subtabcontentpartners {
	float: left;
	margin-left:10px;
	width:95%;
}

div.checklists {
	float: left;
	margin: 25px 0 30px 10px;
	width: 95%;
	overflow: hidden;
}

div.checklists ul {
	position: relative;
}

div.checklists ul li {
	list-style: none;
	float: left;
	margin-right: 40px;
	margin-left: 15px;
}


div.checklists ul li a,
div.checklists ul li a:link
div.checklists ul li a:active
div.checklists ul li a:visited,
div.checklists ul li a:hover {
	color: #AF0B29;
	font-weight: bold;
	text-decoration: none;
	font-size: small;
}

div.mortgagetools {
	float: left;
	margin-top: 25px;
	margin-left: 10px;
}

div.mortgagetoolscontainer {
	float: left;
	width: 260px;
}

div.mortgagetoolscontainer div {
	float: left;
	width: 120px;
}

div.mortgagetoolscontainer div.icon {
	margin-right: 5px;
}

div.mortgagetoolscontent ul, 
div.mortgagetoolscontent ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.mortgagetoolscontent ul li a,
div.mortgagetoolscontent ul li a:link
div.mortgagetoolscontent ul li a:active
div.mortgagetoolscontent ul li a:visited,
div.mortgagetoolscontent ul li a:hover {
	text-decoration: none;
	font-size: x-small;
}

div.mortgagetoolscontent h4 {
	margin-top: 0px;
	margin-bottom: 2px;
}

div.mortgagetoolscontent
{
	color: #545454;
}

div.icon img {
	border: 0;
}

div.divider {
	float: left;
	/*width: 100%;*/
	height: 1px;
	border-top: 1px solid #E2E2E2;
	width: 95%;
	overflow: hidden;
	margin-top: 10px;
}


/* checklists */


#checklistcontainer 
{
	font: small arial, verdana, helvetica, sans-serif;
	line-height: 120%;
	margin: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#checklist {
	margin-right: 10px;
}

#checklist li
{
	list-style: none;
	background-image: url("../images/Checklist-box.gif");
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
	
#checklist h1 
{
	font-size:small;
}

div.subpagecontainer {
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	/*width: 99%;*/
	width: 95%;
	overflow: hidden;
	padding-top: 5px;
	/*min-height:420px;
	height: auto !important;
	height: 420px;*/
}


.content .aboutme {
 border-top: 1px solid rgb(200,200,200);
 margin: 10px 0 0 200px;
 padding: 0 15px;
 clear: none;
}

#calcForm .label 
{
	float: left;
	clear: left;
	width: 230px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

.calcButton {
	margin-left: 243px;
	background-color: Silver;
}

.igtxt_WebNumericEdit {
    	color: black;
    	border-style: solid;
    	border-width:1px;
    	border-color: Silver;
    	font-family: Verdana, Arial, Courier;
    	width: 100px;
    	font-size: small;
    	margin-top: -2px;
    }
    
 .disclaimer 
 {
 	width: 350px;
 }
 
 .applynowprivacy 
 {
 	border-right: silver 1px solid; 
 	padding-right: 5px; 
 	border-top: silver 1px solid;
    padding-left: 5px; 
    font-size: 8pt; 
    overflow: auto; 
    border-left: silver 1px solid;
    width: 95%; 
    padding-top: 5px; 
    border-bottom: silver 1px solid; 
    font-family: Verdana;
    height: 336px
 }
 
div.subpagecontainer fieldset
{
	background:transparent url(../images/formGradient.gif) no-repeat top left;
	width: 740px;
	padding-bottom: 20px;
}

.content .aboutme {
 border-top: 1px solid rgb(200,200,200);
 margin: 10px 0 0 200px;
 padding: 0 15px;
 clear: none;
}

.errorLabel
{
	color: Red;
	font-weight: bold;
}

div.waystoapplycontent
{
	color: #545454;
}

div.waystoapplycontent h4 {
	margin-top: 0px;
	margin-bottom: 2px;
}

.bannerImage 
{
	cursor: hand;
}

.applyFor
{
	width: 95px;
}

.appForm
{
	margin: 5px 0px 15px 20px;
	width: 100%;
}

.appFormDeclarations
{
	margin: 5px 0px 15px 20px;
	width: 100%;
}

.content .appForm
{
	width: 100%;
	margin-right: 10px;
}

.content .appForm td
{
	width: 25%;
	/*font-size: x-small; */
	font-size: small;
}

.content .subpagecontainer fieldset
{
	margin-bottom: 25px;
}

.content .subpagecontainer fieldset legend
{
margin-left: 10px;
}

.form
{
 border-top: 1px solid rgb(200,200,200);
 margin: 10px 0 0 200px;
 padding: 0 15px;
 clear: none;
}

.content .appForm .label {
	float: left;
	clear: left;
	width: 150px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

.content .appFormDeclarations .label {
	float: left;
	clear: left;
	width: 625px;
	margin-right: 10px;
	text-align: left;
	font-weight: bold;
}

.content .appFormLeft
{
	float: left;
	width: 49%;
	/* border: dotted 1px red; */
}

.content .appFormLeft input
{
	border: solid 1px #7C7C94;
	width: 45%;
}

.content .appFormRight input
{
	border: solid 1px #7C7C94;
	width: 45%;
}

.content .appFormRight
{
	float: right;
	width: 49%;
	/* border: dotted 1px blue; */
}

.appFormLeft .label {
	float: left;
	width: 45%;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}
.appFormRight .label {
	float: left;
	width: 45%;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}

.columnHeader
{
	text-align: left;
	color: #545454;
	text-decoration: underline;
}

.liabilityButton 
{
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.content .threeColContainer .blue 
{
	background:transparent url(../images/topic_bg_right_gradient_blue.jpg) no-repeat scroll right top;
}

.content .threeColContainer .blue .col 
{
	  background: transparent url("../images/topic_bg_left_gradient_blue.jpg") no-repeat top left;
}

.content .threeColContainer .orange 
{
	background:transparent url(../images/topic_bg_right_gradient_orange.jpg) no-repeat scroll right top;
}

.content .threeColContainer .orange .col 
{
	  background: transparent url("../images/topic_bg_left_gradient_orange.jpg") no-repeat top left;
}

.content .threeColContainer .green 
{
	background:transparent url(../images/topic_bg_right_gradient_green.jpg) no-repeat scroll right top;
}

.content .threeColContainer .green .col 
{
	  background: transparent url("../images/topic_bg_left_gradient_green.jpg") no-repeat top left;
}

.dxgvEditFormCaption
{
	text-align: right;
}

.fsbCorporateImage
{
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

.formSectionHeader
{
	padding-left: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: small;
	color: #545454;
}