/*                   Embrace Home Loans     */
/*                  Genuine Interactive     */

/********************************************/
/*                      Meyer CSS Reset     */
/********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.Officerssocial
{
    float:right;
    width:100%;
    padding-top:5px;
}
.officerFacebook a
{
    background:url("~/media/CSS_Images/minifb.png") no-repeat scroll left center transparent;
    float:right;
    height:18px;
    margin-left:5px;
    text-indent:-9999px;
    width:17px;
}
.officerTwitter a
{
    background: url("~/media/CSS_Images/minitwitter.png") no-repeat left center;
    float:right;
    height:18px;
    margin-left:5px;
    text-indent:-9999px;
    width:17px;
}
.officerLinkedin a
{
    background: url("~/media/CSS_Images/LK.png") no-repeat left center;
    float:right;
    height:18px;
    margin-left:5px;
    text-indent:-9999px;
    width:17px;
}
.confirmmesgs
{float:right;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
.content-innner

{
        color:#47595F;
        font-size:1.5em;
        padding:25px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/********************************************/
/*                  end Meyer CSS Reset     */
/********************************************/

/********************************************/
/*                              General     */
/********************************************/
a:link, a:visited, a:active {
	color: #dd5b00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.left {
	float:right;
    margin-top:21px;
}

.right {
	float:right;
    text-align:right;
    width:100%;
}

.clear {
	clear: both;
}

.space-after {
	padding-right: .4em;
}

body {
	color: #fff;
	background: #75767b;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
}

iframe body {
	background: #fff;
	color: #000;
	font-size: medium;
}
/********************************************/
/*                          end General     */
/********************************************/

/********************************************/
/*                        Common Layout     */
/********************************************/
#container {
	width: 980px;
	margin: 0 auto;
}

/* header */
#header {
	position: relative;	
	height: 60px;
	background: #5c5d63 url(/App_Images/Internet/header-bg-inner.gif) no-repeat right top;
}

.home #header {
	background: url(/App_Images/Internet/header-bg-home.gif) no-repeat right top;
}

#header a#logo {
	position: absolute;
	top: 20px; left:22px;
	width: 246px; height: 73px;
}

#header #header-inner {
	padding: 14px 0 0 335px;
	color: #c9d7dc;
	font-size: 1.1em;
	line-height: 22px;
}

#header #header-inner span, #header #header-inner strong {
	padding-right: 14px;
	vertical-align: middle;
}

#header #header-inner a {
	color: #fff;
	font-weight: bold;
}

#header #header-inner .find-my-loan-officer { display: inline-block; text-align: center; width: 179px; line-height: 30px; background: url(/App_Images/Internet/header-btn-bg.jpg); }

#header #header-inner img {
	position: relative;
	top: 1px;
}

#header #header-inner strong {
	color: #f58c42;
	font-size: 2em;
	vertical-align: middle;
}

#header.loan-officer #header-inner strong {
    display: none;
}

/* footer */
#footer {
	padding: 26px 21px 45px;
	height:60px;
}

#footer p {
	color: #bababa;
}

#footer a {
	color: #ee7e38;
	font-weight: bold;
}
/********************************************/
/*                    end Common Layout     */
/********************************************/

/********************************************/
/*                             Homepage     */
/********************************************/
#home-flash-container {
	height:408px;
}

#home-bottom {
	position: relative;
	height: 256px;
}

#home-bottom #home-bottom-inner {
	height: 256px;
	background: url(/App_Images/Internet/home-btm-blue-bg.gif) repeat-x left top;
}

#home-bottom #home-bottom-left {
	float: left;
	width: 312px;
	height: 256px;
	background: url(/App_Images/Internet/home-btm-divider-blue.gif) no-repeat right top;
}

#home-bottom #home-bottom-left .youtube-container {
	margin: 12px 0 0 25px;
	padding: 13px 0 0 14px;
	width: 264px; height: 221px;
	background: url(/App_Images/Internet/home-video-bg.jpg) no-repeat left top;
}

#home-bottom #home-bottom-left #home-video-container {
	margin: 20px 0 0 31px;
	width: 272px; height: 218px;
}

#home-bottom #home-bottom-right {
	float: right;
	width: 668px;
	background: url(/App_Images/Internet/home-btm-green-bg.gif) repeat-x left top;
}

#home-bottom .curve-left {
	position: absolute;
	top: 0; left: 0;
	width: 21px; height: 256px;
	background: url(/App_Images/Internet/home-curve-btm-left.gif) no-repeat left top;
	z-index: 1000;
}

#home-bottom .curve-right {
	position: absolute;
	top: 0; right: 0;
	width: 21px; height: 256px;
	background: url(/App_Images/Internet/home-curve-btm-right.gif) no-repeat left top;
}

#home-bottom .home-bottom-callout {
	float: left;
	width: 33%; height: 256px;
	background: url(/App_Images/Internet/home-btm-divider-green.gif) no-repeat right top;
}

#home-bottom .home-bottom-callout h1 {
	padding: 15px 0 16px 15px;
	font-size: 1.5em;
	color: #f7f7f4;
}

#home-bottom .home-bottom-callout p {
	padding: 12px 20px 8px 15px;
	font-size: 1em;
	line-height: 1.4em;
	color: #484f51;
}

#home-bottom .home-bottom-callout a {
	display: block;
	padding-left: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
/********************************************/
/*                         end Homepage     */
/********************************************/

/********************************************/
/*                           Navigation     */
/********************************************/
.nav-align-right li
{
    float: right !important;
}
/* level 1 */
#nav-level-1-container {
	padding-left: 328px;
	background: url(/App_Images/Internet/nav-lvl1-inner-bg.gif) no-repeat left top;
}

.home #nav-level-1-container {
	background: url(/App_Images/Internet/nav-lvl1-home-bg.gif) no-repeat left top;
}

#nav-level-1 {
	width: 652px; height: 30px;
}

#nav-level-1 li {
	float: left;
}

#nav-level-1 li a{
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	padding: 0 15px;
}

#nav-level-1 li.selected a, #nav-level-1 li a:hover {
	text-decoration: none;
	color: #3b3c40;
	background: #f68a3c url(/App_Images/Internet/nav-lvl1-selecteditem-bg.gif) repeat-x left top;
}

/* level 2 */
#nav-level-2-container {
	height: 26px;
	padding-left: 360px;
	background: url(/App_Images/Internet/nav-lvl2-bg.gif) no-repeat left top;
}

#nav-level-2 {
	width: 601px; height: 26px;
}

#nav-level-2 li {
	float: left;
}

#nav-level-2 li a {
	float: left;
	display: block;
	height: 26px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 26px;
	padding: 0 7px;
}

#nav-level-2 li.selected a, #nav-level-2 li a:hover {
	text-decoration: none;
	color: #46474c;
}

/* level 3 */
#nav-level-3-container {
	height: 43px;
}

#nav-level-3 {
	height: 40px;
	padding: 3px 365px 0 15px;
	background: url(/App_Images/Internet/nav-lvl3-bg.gif) repeat-x left top;
}

#nav-level-3 li {
	float: left;
}

#nav-level-3 li a {
	display: block;
	width: 149px; height: 40px;
	overflow: hidden;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	color: #f3f8f9;
	background: url(/App_Images/Internet/nav-lvl3-item-bg.png) no-repeat left top;
}

#nav-level-3 li.selected a, #nav-level-3 li a:hover {
	text-decoration: none;
	color: #464f52;
	background-position: left bottom;
}
/********************************************/
/*                       end Navigation     */
/********************************************/

/********************************************/
/*                    Inner Page Layout     */
/********************************************/
#inner-mid {
	height: 190px;
}

#inner-mid #inner-mid-text {
	float: left;
	width: 483px; height: 190px;
	background: url(/App_Images/Internet/inner-message-bg.jpg) no-repeat left top;
}

#inner-mid #inner-mid-text p {
	font-weight: 100;
	padding: 53px 16px 0 0;
	text-align: right;
	font-size: 2.25em;
	line-height: 1.25em;
}

#inner-mid #inner-mid-text p strong {
	color: #3a3b3f;
}

#inner-mid #inner-mid-image {
	float: right;
	position: relative;
	width: 497px; height: 190px;
	overflow :hidden;
}

#inner-mid #inner-mid-image img {
	display: block;
}

#inner-mid #inner-mid-image span {
	position: absolute;
	left: 0px; top: 0px;
	width: 497px; height: 190px;
	background: url(/App_Images/Internet/inner-image-overlay.png) no-repeat right top;
}

/* #inner-mid variants for loan officer pages */
#inner-mid.loan-officer #inner-mid-text {
	position: relative;
	width: 622px;
	background: url(/App_Images/Internet/inner-message-bg-lo.jpg) no-repeat left top;
}

#inner-mid.loan-officer #inner-mid-text p {
	text-align: left;
	font-size: 3em;
	padding: 40px 0 0 20px;
}

#inner-mid.loan-officer #inner-mid-text #loan-officer-info-top {
	position: absolute;
	left: 0px; top: 90px;
	width: 604px;
}

#inner-mid.loan-officer #inner-mid-text #loan-officer-info-top h1 {
	text-align: right;
	font-size: 1.58em;
}

#inner-mid.loan-officer #inner-mid-text #loan-officer-info-top p {
	padding: 0;
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	color: #46474c;
}

#inner-mid.loan-officer #inner-mid-text #loan-officer-info-top span {
	padding-left: 1em;
	color: #fff;
}

#inner-mid.loan-officer #inner-mid-text #loan-officer-info-top .textme-link {
	display: block;
	font-size: .8em;
	font-weight: normal;
	color: #46474c;
}

#inner-mid.loan-officer #inner-mid-image, #inner-mid.loan-officer #inner-mid-image span {
	width: 358px;
}

#inner-mid.loan-officer #inner-mid-image span {
	background: none;
}
/* end variants for loan officer pages */

#inner-content {
	position: relative; overflow: hidden;
	background: #f8f9fa url(/App_Images/Internet/inner-content-bg.jpg) no-repeat left top;
	width:100%;
}

#inner-left {
	float: left;
	margin: 30px 0 30px 25px;
	width: 570px;
}

#inner-left.no-l3-nav {
	margin-top: 0;
}

/* #inner-left variant for loan-officer pages */

.loan-officer-content #inner-left {
	width: 610px;
	margin: 14px 0 0;
	background: url(/App_Images/Internet/lo-contentarea-bg.gif) repeat-y left top;
	min-height: 620px;
	color: #46474C;
	font-size: 1.1em;
	padding-bottom:66px;
}

.loan-officer-content #bottom-swoosh {
	position: absolute;
	left: 0; bottom: 0;
	width: 333px; height: 66px;
	background: url(/App_Images/Internet/lo-bottom-swoosh.png);
}

#inner-right {
	float: right;
	margin-top: -43px;
	padding: 6px 0 0 6px;
	width: 358px;
	background: url(/App_Images/Internet/right-column-outer-bg.png) no-repeat left top;
}

/* #inner-right variant for loan-officer pages */
.loan-officer-content #inner-right {
	margin-top: 0;
}

#inner-all {
	margin: 0 25px 30px;
}

#inner-right-inner {
	margin-bottom:1px;
	/*background: url(/App_Images/Internet/right-column-inner-bg.gif) repeat-y left top;*/
	/* min-height: 426px; */
}

#inner-right-bottom {
	height: 82px;
	background: url(/App_Images/Internet/right-column-bottom.gif) repeat-x left top;
}
/********************************************/
/*                end Inner Page Layout     */
/********************************************/

/********************************************/
/*               Left Column Typography     */
/********************************************/
#inner-left h1 {
	margin-bottom: 33px;
	font-size: 1.75em;
	color: #464f52;
}

#inner-left h2 {
	margin: 20px 0 5px;
	font-size: 1.25em;
	color: #7b93a5;
}

#inner-left p, #inner-left ul, #inner-left ol {
	margin: 5px 0 20px;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #46474c;
}

#inner-left ul {
	padding-left: 1.5em;
	list-style-type: disc;
}

#inner-left ol {
	padding-left: 1.5em;
	list-style-type: decimal;
}

#inner-left li {
	margin-bottom: 1em;
}

#inner-left p.explanation {
	font-size: 1.15em;
	font-weight: bold;
	margin-bottom: 27px;
}

#inner-left p strong {
	color: #334653;
}
/********************************************/
/*           end Left Column Typography     */
/********************************************/

/********************************************/
/*                  Left Column Special     */
/********************************************/
/* sitemap indents*/
.sitemap-list .sitemap-item-1 {
	margin-left: 1.5em;
}

.sitemap-list .sitemap-item-2 {
	margin-left: 3em;
}

.sitemap-list .sitemap-item-3 {
	margin-left: 4.5em;
}

/* loan officer listing pages */
.select-state {
	margin: -20px 0 25px;
}

.select-state select {
	width: 145px;
	margin-right: 5px;
}

.branch-info {
	margin: 17px 0;
	padding: 13px;
	background: #d8e2e5;
}

#inner-left .branch-info h2 {
	margin: 0;
	color: #778794;
	font-size: 1.3em;
}

#inner-left .branch-info p {
	margin: 5px 0 0;
}

#inner-left .branch-info strong {
	color: #8d9daa;
}

#inner-left .loan-officers {
	float:left;
	list-style-type:none;
	padding:0 0 0 1em;
	width:100%;
}

#inner-left .loan-officers li {
	float: left;
	padding: 0 2% 0 0;
	width: 48%;
	margin: 0 0 15px;
}

#inner-left .loan-officers .name {
	font-size: 1.16em;
	font-weight: bold;
	color: #eb6100;
}

/* loan officer individual pages */
/* left side */
.loan-officer-image {
	float: left;
	position: relative;
	width: 209px; height: 380px;
	overflow: hidden;
}

.loan-officer-image img {
	display: block;
}

.loan-officer-image span {
	position: absolute;
	bottom: 0; left: 0;
	width: 209px; height: 192px;
	background: url(/App_Images/Internet/lo-left-image-overlay.png) no-repeat left top;
}

/* right side */
.loan-officer-text {
	float: right;
	width: 385px;
}

#inner-left .loan-officer-text p {
	margin: .5em 0;
	line-height: 2;
}

#inner-left .loan-officer-text .lo-branch {
	margin-top: 18px;
	font-size: 0.9em;
	line-height: 1;
	text-align: right;
}

.loan-officer-text .contact-links {
	margin: 18px 0;

}

.loan-officer-text .contact-links a, .loan-officer-text .contact-links span {
	display: inline-block;
	margin-right: 9px;
	font-weight: bold;
	line-height: 19px;
	color: #1675ab;
}

.loan-officer-text .contact-links .email-link {
	padding-left: 30px;
	background: url(/App_Images/Internet/icon-mail-small.gif) no-repeat left center;
}

.loan-officer-text .contact-links .phone {
	padding-left: 30px;
	background: url(/App_Images/Internet/icon-phone-small.gif) no-repeat left center;
}

.loan-officer-text .contact-links .facebook-link {
	width: 48px;
	text-indent: -9999px;
	background: url(/App_Images/Internet/facebook-icon.gif) no-repeat left center;
}

.loan-officer-text .contact-links .twitter-link {
	width: 58px;
	text-indent: -9999px;
	background: url(/App_Images/Internet/twitter-icon.gif) no-repeat left center;
}

/* care letters */
.feedback-state {
	float: left;
	width: 30%;
	padding: 0.8em 0 0 3%;
}

.feedback-letter {
	border-bottom: 2px solid #83858e;
}

.feedback-text {
	font-size: 13px !important;
	font-style: italic;
	margin: 25px 0 !important;
	color: #46474C;
}

.feedback-names {
	margin: 25px 0 !important;
}
/********************************************/
/*              end Left Column Special     */
/********************************************/

/********************************************/
/*              Right Column Components     */
/********************************************/
.form-head {
	line-height: 1.25em;
	padding: 12px 20px;
	font-size: 1.5em;
	background: #528bab url(/App_Images/Internet/form-header-bg.gif) repeat-x left top;
	border-left: 1px solid #6a8b9f;
	border-bottom: 1px solid #87afc6;
}

/* text callout */
.text-callout {
	padding: 20px;
	min-height: 127px;
	border-top: 1px solid #f8f9fa;
	/*background: #d7e1e5 url(/App_Images/Internet/inner-callout-bg.jpg) no-repeat left bottom;*/
	background: #ebf0f2 url(/App_Images/Internet/inner-callout-gradient.gif) repeat-x left top;
}

.text-callout h3 {
	color: #47595f;
	font-size: 1.5em;
}

.text-callout p {
	line-height: 1.25em;
	margin-top: 12px;
	color: #55646b;
}

.text-callout a {
	font-weight: bold;
	text-transform: uppercase;
	color: #2b454e;
}

/* expanding video callout */
.video-callout {
	width: 358px; height: 144px;
	margin: 0 auto;
	position: relative;
	z-index: 2000;
	border-top: 1px solid #f8f9fa;
	background: #d7e1e5 url(/App_Images/Internet/inner-callout-bg.jpg) no-repeat left bottom;
}

.video-callout .video-callout-container {
	position: absolute;
	top: 0px; right: 0px;
	width: 358px; height: 144px;
	overflow: hidden;
}

.video-callout .expanded {
	width: 503px;
	height: 300px;
}

.video-callout .video-callout-container .video-callout-inner {
	position: absolute;
	top: 0px; right: 0px;
	width: 503px;
	height: 300px;
}

/* form */
.inner-form {
	margin-top: 1px;
	padding-bottom: 10px;
	background:url("/App_Images/Internet/right-column-inner-bg.gif") repeat-y scroll left top transparent;
	/*background: url(/App_Images/Internet/form-divider.gif) no-repeat left bottom;*/
}

.inner-form .form-section {
	padding: 10px 20px 12px 20px;
	background: url(/App_Images/Internet/form-divider.gif) no-repeat left top;
}

.inner-form h3 {
	padding-bottom: 15px;
	font-weight: normal;
	font-size: 1.16em;
	color: #152127;
}

.inner-form  label, .inner-form p {
	font-weight: bold;
	color: #243740;
}

.inner-form .row {
	padding-bottom: 7px;
	overflow: hidden;
}

.inner-form .half-row {
	float: left;
	padding: 0 0.25%;
	width: 49.5%;
}

.inner-form .half-row label {
	font-size: 0.95em;
	line-height: 15px;
}

.inner-form select, .inner-form input {
	width: 145px;
}
 
.smallTime
{
   margin-left:16px;
    margin-top:14px;
    width:160px !important;
}
.inner-form .medium {
	width: 90px;
}
.inner-form .med-small {
	width: 54px;
}

.inner-form .small {
	width: 45px;
}

.inner-form .radio input {
	width: auto;
	padding-right: 2px;
}

.inner-form .onlytext {
	padding-top: 5px;
}

.inner-form .submit-button {
	width: 94px; height: 30px;
	color: #fff;
	border: none;
	background: url(/App_Images/Internet/btn-orange-bg.gif) no-repeat left top;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	margin-left:-12px;
	/*margin-top:10px;*/
	/*margin-bottom:-10px;
	margin-top:-14px;*/
	/*margin-bottom:-23px;*/
	/*margin-top:-23px;*/
}

.inner-form .form-note {
	font-size: 0.9em;
	color: #243740;
}

/* form response */
#AfsForm_AfsFormResponse {
	padding: 35px 20px;
}

#AfsForm_AfsFormResponse h1 {
	font-size: 1.5em;
	margin-bottom: 12px;
}

#AfsForm_AfsFormResponse h1.success {
	color: #00d30f;
}

#AfsForm_AfsFormResponse h1.failure {
	color: #f00;
}

#AfsForm_AfsFormResponse p {
	font-weight: bold;
	margin: 12px 0;
	color:#55646B;
	line-height:1.25em;
}
/********************************************/
/*          end Right Column Components     */
/********************************************/

/*Social Media Style */
.TwitterItem
{
   background: url("~/media/CSS_Images/twitter.png") no-repeat;
   width:23px;
   height:23px;
   float:right;
   text-indent:-9999px;
   margin-right:7px;
}
.BlogItem
{
    background: url("~/media/CSS_Images/blog.png") no-repeat;
    width:23px;
    height:23px;
    float:right;
    text-indent:-9999px;
    
}
.FacebookItem
{
    background: url("~/media/CSS_Images/fb.png") no-repeat;
    width:23px;
    height:23px;
    float:right;
    text-indent:-9999px;
    margin-right:7px;
}
.LinkedInItems
{
    background: url("~/media/CSS_Images/linked_in.png") no-repeat ;
    width:23px;
    height:23px;
    float:right;
    text-indent:-9999px;
    margin-right:7px;
}
.social-media
{
    float:right;
    padding-top:11px;
    width:120px;
}
.SSL img
{
	float: left;	
}
.SSL
{
    float:left;
    width:100px;
    margin-right:20px;
	height:50px;
}
.applyNowLink
{
   float:left;
}
.RssOffice a
{
    /*background:url("/App_Images/Internet/lo_page.png") no-repeat scroll 0 0 transparent !important;
    float:left;*/
    height:47px !important;
    text-indent:-9999px;
    width:95px !important;
}
.officersLinks
{
    float:left;
    width:100%;
}
.OfficerFormP
{
    overflow:hidden;
    width:100%;
    float:left;
}
.RssOffice
{
    float:right;
    width:160px;
    vertical-align:baseline;
    
}
.SSL a
{
    /*background:url("/App_Images/Internet/HomeSSL.png") no-repeat scroll 0 0 transparent !important;
    
    height:47px !important;
    text-indent:-9999px;
    width:95px !important;*/
    float:left;
    margin-top:-5px;
}
.footerLeftLinks
{
	float:left;
	height:50px;
	width:220px;
}
.footerLeftLinks .bbb 
{
	float:left;
	height: 50px;
}
.footerLeftLinks .bbb a
{
    background:url("~/media/CSS_Images/home_ver_bbb_images.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:35px;
    text-indent:-9999px;
    width:86px;
}
.OfficerBBB a
{
    background:url("~/media/CSS_Images/BBB.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:35px;
    text-indent:-9999px;
    width:86px;
}
.allLinks
{
    float:right;
    width:400px;
}
.footerLeftLinks table
{
    
}
.footerLeftLinks td
{
    vertical-align:bottom;
}
 .textBox
{
	width: 95%;
	float: left;
	padding-bottom: 10px;
}
.inner-form .textBox textarea
{
	width: 100%;
}
.inner-form .btnSubmit
{
	padding-left: 10px;
	margin-bottom: 10px;
}
/********************** user login portal***************************/

.offer_three_officers
{
	
}
.offer_three_officers .image_title
{
	float:left;
}
.offer_three_officers .bio_test
{
	float:left;
}
.offer_three_officers .bio_test .bio
{
	float:left;
	width: 70%;
}
.offer_three_officers .bio_test .testimonial
{
	float:right;
}
.wide #inner-left
{
	margin-right: 30px;
	width: 94%;
}
#officersSlider li
{
	width: 30%;
	float: left;
}