/* GLOBAL STYLES */

* {
padding:0;
margin:0;
}

.left { float: left; }
.right { float: right; }
a img { border: none; }

.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }  /* this affects the drop down menus speed */
.clearfix {display: inline-block;}

hr.separator { display: none; }
hr.table { border-bottom: 1px solid #c4837a; border-top: 0px; width: 780px; margin: 5px 0 20px 0px; }
	* html hr.table { width: 780px; margin: 0 0 10px 0; } /* for IE */

hr.grey { border: 1px solid #ccc; }

h3 {
padding: 5px;
font-size: 13px;
color: #1f3960;
}

h4 {
font-size: 11px;
color: #9c1f2f;
letter-spacing: -1px;
padding: 0px;
margin-bottom: 10px;
}
	* html h4 { margin-bottom: 0px; } /* for IE */


/* LAYOUT ELEMENTS */

body { 
margin: 0; 
padding: 0; 
color: #2f2f2f; 
font-size: 10px; 
line-height: 1.3em;
font-family: verdana, "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", geneva, helvetica, arial, sans-serif; 
/*background: #c8c8c8 url(https://download.flagstar.com/retail/images_new/body_bg.jpg) repeat-x;*/
background: #c8c8c8 url(https://download.flagstar.com/retail/images_new/body_bg.jpg) repeat-x;
}

body#iframe {
background: #c8c8c8;
}

body#transparent {
background: transparent;
}

#container { 
/*position: relative; */
width: 800px;
margin: 0 auto;
}

#header {
background: transparent url(https://download.flagstar.com/retail/images_new/line.gif) no-repeat; 
background-position: 150px 24px;
margin-bottom: 10px;
}

#header_nav {
float: right;
width: 400px;
}

#logo { 
padding-top: 10px; 
}

#welcome {
float: right;
margin: 15px -2px 0 0;
}
	#welcome span { float: left; }
	#welcome span input { height: 14px; }
	#welcome span.pad { padding-top: 0px; } * html #welcome span.pad { padding-top: 1px; }

#nav {
height: 75px;
margin-bottom: 5px;
background: url(https://download.flagstar.com/retail/images_new/header_wave.gif) top no-repeat;
}

#banner_homepage {
width: 800px;
height: 400px;
margin-bottom: 5px;
background: url(https://download.flagstar.com/retail/images_new/homepage_bg.gif) no-repeat;
}
	
#box {
width: 290px;
float: left;
margin-right: 5px;
}
	
.boxLong {
width: 370px;
height: 150px;
}

#box_homepage_left {
width: 100px;
height: 130px;
padding: 10px;
float: left;
text-align: center;
}
	#box_homepage_left img { margin: 15px 0 0 0; border: 4px solid #e2e2df; }
	#box_homepage_right ul li { font-size: 11px; margin-bottom: 10px; }

#box_homepage_right {
padding: 10px;
}

ul {
margin-bottom: 15px;
}

ul li {
list-style: none;
margin-bottom: 5px;
}

iframe {
border: 0px;
margin: 0px;
padding: 0px;
}
	
/* rotating ads/info */
#spotlight { padding-top: 9px; height: 182px; background: url(https://download.flagstar.com/retail/images_new/rotatorbox.gif) no-repeat; }
#spotlight #header h1 { position: absolute; color: #454343; margin: -3px 0 0 7px; padding: 0; font-size: 11px; letter-spacing: -1px; }
#spotlight h1.section-heading {  color: #454343; font-weight: bold; margin: -4px 0 0 7px; font-size: 1.0em; line-height: 1.5em; }
#spotlight h4 { padding: 0; }
#spotlight p { margin: 0; padding: 0.5em 0; font-size: 11px; }

#spotlight_left { height: 184px; background:url(https://download.flagstar.com/retail/images_new/homepagebox_left.gif) no-repeat; }
#spotlight_left h1.section-heading { color: #454343; font-weight: bold; padding: 5px 15px; margin: 0 0 0 -8px; font-size: 1.0em; line-height: 1.5em; }
img.rotator { margin-right: 20px; border: 4px solid #e2e2df; float: left; }

#full_content {
width: 800px;
padding-top: 1px;
margin-top: -5px;
}

#content {
float: right;
width: 550px;
padding-top: 1px;
margin-top: -5px;
}

#sidebar { 
width: 240px; 
padding-top: 1px; 
margin-top: -5px;
background-color: transparent; 
color: #454343; /* header color */
}
	#sidebar h1.section-heading { margin: 0; padding: 0 0 4px 0; font-size: 1.0em; line-height: 1.5em; background-image:url(https://download.flagstar.com/retail/images_new/sidebar_top.gif); } /* top image */
	#sidebar h1.section-heading strong { display: block; padding: 5px 15px; }
	#sidebar .section-content { height: 165px; min-height: 180px; padding: 0 4px; background-image:url(https://download.flagstar.com/retail/images_new/sidebar_sides.gif); } /* side image */
	#sidebar .section { background-image:url(https://download.flagstar.com/retail/images_new/sidebar_bottom.gif); } /* bottom image */
	#sidebar .section-content p { padding: 5px 15px; text-align: justify; }
	#sidebar .section-content p.noPadding { padding: 5px 0 0 15px; }
	#sidebar .section-content h2 { padding: 5px 0 0 15px; margin-bottom: 5px; font-size: 1.1em; font-weight: bold; font-family: arial, san-serif; color: #574c4c; border-top: 1px solid #bfbfbf; }
		* html #sidebar .section-content h2 { width: 216px; } /* for IE */
	#sidebar h1.section-heading strong { padding-bottom: 0; padding-left: 8px; }
	#sidebar .section-content img { margin: -10px 0 0 12px; border: 4px solid #ece9e1; }
	#sidebar .section-content img.thumb { float: left; margin: 5px 10px 0 12px; border: 4px solid #ece9e1; }
	#sidebar .section-content ul { margin: 10px 0 10px 0; padding: 0; }
	#sidebar .section-content ul li, .section-content ul li { margin: 0 0 5px 15px; padding-left: 10px; background:url(https://download.flagstar.com/retail/images_new/bullet.gif) no-repeat; background-position: 0px 5px; }
	
.section { width:100%; margin:5px 0 5px 0; padding-bottom:10px; background:transparent url(https://download.flagstar.com/retail/images_new/section_bg.gif) bottom left no-repeat; }
.section-content { padding:10px 25px; background:#f9f9f9 url(https://download.flagstar.com/retail/images_new/section-content.gif) repeat-y; color:#696464; }

#index h1.section-heading { margin: 0; padding: 0 0 4px 0; font-size: 1.0em; line-height: 1.5em; background-image:url(images/index_top.gif); } /* top image */
#index h1.section-heading strong { display: block; padding: 5px 15px; }
#index .section-content { height: 135px; min-height: 145px; padding: 0 4px; background-image:url(images/index_sides.gif); } /* side image */
#index .section { border: 0px solid #ff3300; min-height: 135px; background-image:url(images/index_bottom.gif); } /* bottom image */
#index .section-content p { padding: 5px 15px; text-align: justify; }
#index .section-content p.noPadding { padding: 5px 0 0 15px; }
#index .section-content h2 { padding: 5px 0 0 15px; margin-bottom: 5px; font-size: 1.1em; font-weight: bold; font-family: arial, san-serif; color: #574c4c; border-top: 1px solid #bfbfbf; }
	* html #index .section-content h2 { width: 526px; } /* for IE */
#index h1.section-heading strong { padding-bottom: 0; padding-left: 8px; }
#index .section-content img { margin: -10px 0 0 12px; border: 4px solid #ece9e1; }
#index .section-content img.thumb { float: left; margin: 5px 10px 0 12px; border: 4px solid #ece9e1; };
#index .section-content ul { margin: 10px 0 10px 0; padding: 0; }
#index .section-content ul li, .section-content ul li { margin: 0 0 5px 15px; padding-left: 10px; background:url(https://download.flagstar.com/retail/images_new/bullet.gif) no-repeat; background-position: 0px 5px; }


.banner { 
margin: 5px 0 0 0; 
padding: 5px 0 0 0; 
float: left;
background: url(https://download.flagstar.com/retail/images_new/bannerbox_header.gif) left top no-repeat; /* top image */
}
	.banner .section .section-content { margin: 0; padding: 0 5px; background:url(https://download.flagstar.com/retail/images_new/bannerbox_middle.gif) repeat-y; } /* side image */
	.banner .section { margin: 0 0 5px 0; padding: 0 0 8px 0; background:url(https://download.flagstar.com/retail/images_new/bannerbox_bottom.gif) left bottom no-repeat; } /* bottom image */
		* html .banner .section { padding-bottom: 7px; margin-bottom: 0px; } /* for IE */
	
.banner_onethird { 
margin: 5px 0 0 0; 
padding: 5px 0 0 0; 
width: 250px;
float: left;
background: url(https://download.flagstar.com/retail/images_new/bannerbox_onethird_header.gif) left top no-repeat; /* top image */
}
	.banner_onethird .section .section-content { margin: 0; padding: 0 5px; background:url(https://download.flagstar.com/retail/images_new/bannerbox_onethird_middle.gif) repeat-y; } /* side image */
	.banner_onethird .section { margin: 0; padding: 0 0 8px 0; background:url(https://download.flagstar.com/retail/images_new/bannerbox_onethird_bottom.gif) left bottom no-repeat; } /* bottom image */
		* html .banner_onethird .section { padding-bottom: 7px; } /* for IE */

.banner_onehalf { 
margin: 5px 0 0 0; 
padding: 5px 0 0 0; 
width: 397px;
float: left;
background: url(https://download.flagstar.com/retail/images_new/bannerbox_onehalf_header.gif) left top no-repeat; /* top image */
}
	.banner_onehalf .section .section-content { margin: 0; padding: 0 5px; background:url(https://download.flagstar.com/retail/images_new/bannerbox_onehalf_middle.gif) repeat-y; } /* side image */
	.banner_onehalf .section { margin: 0; padding: 0 0 8px 0; background:url(https://download.flagstar.com/retail/images_new/bannerbox_onehalf_bottom.gif) left bottom no-repeat; } /* bottom image */
		* html .banner_onehalf .section { padding-bottom: 7px; } /* for IE */		
	.banner_onehalf#left { margin-right: 6px; }

.main_content { 
margin: 5px 0 0 0; 
padding: 5px 0 0 0; 
clear: both;
background:url(https://download.flagstar.com/retail/images_new/contentbox_header.gif) left top no-repeat; /* top image */
}
	.main_content .section .section-content { margin: 0; padding: 0 10px; height: 100%; min-height: 867px; background:url(https://download.flagstar.com/retail/images_new/contentbox_middle.gif) repeat-y; } /* side image */
	.main_content .section { margin: 0; padding: 0 0 8px 0; background:url(https://download.flagstar.com/retail/images_new/contentbox_bottom.gif) left bottom no-repeat; } /* bottom image */

	.main_content p {
	padding: 10px 10px 10px 0;
	text-align: justify;
	}

/* for full width */
.main_content_full { 
margin: 5px 0 0 0; 
padding: 5px 0 0 0; 
clear: both;
background:url(https://download.flagstar.com/retail/images_new/contentbox_header_full.gif) left top no-repeat; /* top image */
}
	.main_content_full .section .section-content { margin: 0; padding: 0 10px; height: 100%; background:url(https://download.flagstar.com/retail/images_new/contentbox_middle_full.gif) repeat-y; } /* side image */
	.main_content_full .section { margin: 0; padding: 0 0 8px 0; background:url(https://download.flagstar.com/retail/images_new/contentbox_bottom_full.gif) left bottom no-repeat; } /* bottom image */

	.main_content_full p {
	padding: 10px 10px 10px 0;
	text-align: justify;
	}	
	
#anchorDiv {
width: 512px;
margin-left: 10px;
}

div.header {
width: 770px;
padding: 4px;
background: #e8e8e8;
border-bottom: 1px solid #d8d8d8;
margin: 5px auto;
color: #9c1f2f;
text-align: center;
font-weight: bold;
}

.errors {
color: #cc0000;
font-weight: bold;
margin: 20px 10px 20px 10px;
}

.submission_block {
margin: -1px auto 10px auto; 
width: 510px; 
min-height: 40px; 
border: dashed 1px #b9b5a7; 
background-color: #f7f7f7;
}
	* html .submission_block { height: 40px; } /* for IE */
	
	.white { background-color: #ffffff; }
	.final { background-color: #ffffff; border: 0px; }
	
	.submission_block h4 { float: left; padding-top: 12px; padding-right: 10px; }
	.submission_block .icon { text-align: right; padding-right: 10px; }
	.submission_block p { float: left; padding-top: 12px; padding-right: 10px; color: #000000; font-weight: bold; }

/* HEADER AND FOOTER */

#footer { clear: both; width: 800px; margin: 5px auto; padding: 10px 0; background: transparent url(https://download.flagstar.com/retail/images_new/footer_header.gif) no-repeat; color: #2f2f2f; }
#footer div.section-content { background: url(https://download.flagstar.com/retail/images_new/footer_middle.gif) repeat-y; padding-top: 5px;}
#footer div.section { margin: 0 0 10px 0; background-image:url(https://download.flagstar.com/retail/images_new/footer_bottom.gif); }
#footer div.section-content ul { text-align: center; }
#footer div.section-content ul li { margin: 0; padding: 0; background:url() no-repeat; }

#header_nav { padding: 8px 5px 0 0; font-size: 10px; color: #80807f; float: right; }
#header_nav ul.nl li { display: inline; border-right: 1px solid #b3b2ae; }
#header_nav ul.nl li a { color: #666; }
#header_nav ul.nl li a:hover { color: #000; }
#footer a { color: #666; }
#footer a:hover { color: #000; }

#footer ul.nl, #header_nav ul.nl { margin: 0; text-align: right; }
#footer ul.nl li { display: inline; border-right: 1px solid #b3b2ae; }
#footer ul.nl li.last-child, #header_nav ul.nl li.last-child { border-right: 0; }
#footer ul.nl li a, #header_nav ul.nl li a { padding: 0 4px 0 5px; }

/* COPYRIGHT INFO */
dl#copyright { margin: 0; text-align: center; }
dl#copyright dt, dl#copyright dd { display: inline; margin: 0; text-align: center; }
dl#copyright dt { margin-right: 5px; }
dl#copyright dd span#phone { margin-left: 5px; }

p.secondary {
width: 480px;
font-size: 10px;
color: #b8b8b7;
font-weight: bold;
margin: 0 0 10px 10px;
padding: 0;
}

p.state {
color: #666;
font-weight: bold;
margin: 0;
padding: 0 0 5px 0;
}

p.add {
font-size: 10px;
text-align: right;
margin-right: 15px;
}

p.primary, p.header {
font-weight: bold;
}

p.disclaimer {
font-size: 9px;
}

.btn {
margin: 20px 0 0 180px;
}

span.anchor {
float: left;
margin-right: 5px;
}

span.pipe {
float: left;
color: #ccc;
padding: 0px 4px 0px 2px;
}

span.required {
font-weight: bold;
color: #555555;
}

span.dark {
color: #333;
}

/* TABLE STYLES */

table.centered {
margin: auto;
}

td {
padding: 4px;
}

td.header {
font-weight: bold;
padding: 0px 4px 4px 4px;
}


/* LINKS */

a, a.tooltip {
text-decoration: none;
color: #1f4c75;
}

a:hover, a.tooltip:hover {
color: #7697b6;
}
	a.tooltip, a.tooltip:hover { font-weight: bold; }

a.remove {
font-size: 10px;
color: #666666;
}

a.remove:hover {
color: #80807f;
}

/* AE State Styling */
#state_map_image {
float: left;
}

#state_info {
width: 330px;
height: 230px; 
float: left;
margin-bottom: 30px;
}

#ae_map {
text-align: center;
}

a.link_more { background: url(https://download.flagstar.com/retail/images_new/link_more.gif) no-repeat; color: #333; background-position: center right; padding-right: 10px; }
a.link_back { background: url(https://download.flagstar.com/retail/images_new/link_back.gif) no-repeat; color: #333; background-position: center left; padding-left: 10px; }

