/* CSS Document */
/* This CSS contains basic mortgage site styling and skeletal structure.  Please do not edit unless absolutely necissary - jkersey */
* {font-family:Arial, Helvetica, sans-serif;}
img {border:none;}
body #container {
margin: 0 auto;
padding: 0;
width: 980px; 
}

body #container h2 {font-size:1.4em;color:#000;font-weight:normal;margin:0;}
body #container h2.sep {
	margin-top:15px;
	padding-top:10px;
	background:url("/images/horzrule-dashed.png") repeat-x;}
body #container h3 {font-size:.9em;margin:0;}	
div#content{width:681px; float:left;}
div#header{padding-bottom:30px;position:relative; width: 980px !important;}

/* search */
form {margin:0;}
#search_bar {
	width:245px;
	position:relative;}
#search_txt {
	position:absolute;
	top:0;
	left:0;
	width:175px;}
#search_btn {
	position:absolute;
	top:-2px;
	left:185px;}
	
/* tabs */
#menu {
margin: 0 auto 0 auto!important;
padding: 0 0;
	width: 980px;
	height:34px;
	background:#666;}
ul#tabnav,ul#tabnav li{list-style-type:none;margin:0;padding:0; background:#666; top: 0;}
ul#tabnav{float:left;font-size: 80%; padding-left:10px; padding-top: 5px;}
ul#tabnav li{float:left;margin:0;text-align: center;}
ul#tabnav li span{background:url("/images/tabnav-right-off.png") top right no-repeat;display:block;padding: 5px 10px 10px 7px;}
ul#tabnav a{float:left;width: auto;background:url("/images/tabnav-left-off.png") no-repeat;text-decoration:none;font-size:14px;line-height:1;font-weight:normal;color: #FFF; display:block;}
ul#tabnav a:hover{background-position:0 -100px;margin-top:-1px;}
ul#tabnav a:hover span{background-position:100% -100px;}
ul#tabnav li.activelink span{background:url("/images/tabnav-right-off.png") top right no-repeat;}
ul#tabnav li.activelink a,ul#tabnav li.activelink a:hover{background:url("/images/tabnav-left-on.png") no-repeat;color: #fff}
ul#tabnav li.activelink a:hover{background-position:0 0;margin-top:0px;}
ul#tabnav li.activelink a:hover span{background-position:100% 0;}

.nav_active_a {background:url("/images/tabnav-left-on.png") no-repeat;color: #fff}
.nav_active_a span{background:url("/images/tabnav-right-on.png") top right no-repeat;}

/*main offer area*/
#main_offer {
	width: 690px;
	position:relative;
	border-bottom:solid #999 10px;
	zoom:1;/*makes border visible in IE6 - Move this to ie6hacks.css?*/}
#content #main_offer h1 {margin:0;}
/*#content #main_offer h1 img {display:block;}*/
#content #main_offer #violation {
	position:absolute;
	top:-8px;
	left:197px;
	height:8px;
	width:24px;}
#content #main_offer #violation img {display:block;}
#main_offer_details {
	position:absolute;
	top:20px;
	left:440px;
	width:257px;
	display: block;
	text-align:center;}
#main_offer_details p {
	font-size:1.2em;
	color:#666;}
#main_offer_details .Currentrate {
	font-size:36px;
	color:#f93;
	position:relative;
	left:.25em;
	margin-top:-5px;
	margin-bottom: -15px;
	padding: 0;
}
#main_offer_details p small {
	color:#f93;
	font-weight:normal;
	font-size:12px;
	position:relative;
	top:-1.5em;
	left:-.5em;}
#main_offer_details a#assumptions {
	font-size:12px;
	color:#999 !important;
	margin:-1.2em 0 0 0;}
#main_offer_details em {
	font-weight:bold;
	color:#000;
	font-style:normal;}
#main_offer_details a, #main_offer_details strong {display:block;}
#main_offer_details a.cta-button:hover {background:url("/images/mainoffer-getstartedbutton-shadow.png") 50% 0 no-repeat;}


#suboffer {margin-top:15px;}
#suboffer p {font-size:.9em;}

div#side{
	float:right;
	display:inline;
	width:255px;
	background:#fbf8f5 url("/images/box-login-bottom.png") bottom left no-repeat; 
	margin:20px 10px 10px 0;}
div#login {
	width: 225px; 
	background:url("/images/box-login-top.png") top left no-repeat;
	padding:15px; margin-bottom:0;}
div#login a {display:inline;}
div#login h2 {margin:0;}
div#login label  {font-size:.9em;}
div#login input  {
	display:block;
	margin-bottom:15px;}
div#login p {margin:5px 0;font-size:.9em;float:none;}


.box-grey218 {
		background:url("/images/box-grey218-bottom.png") 0 100% no-repeat;
		width:34% !important;
	top:-6px !important;
	}
.box-grey218 .lining {
		background:url("/images/box-grey218-top.png") 0 0 no-repeat;
		padding:8px 0 12px 0px !important;}
		
.box-grey218 h2 {font-size:1.3em !important;}

.box-grey617 {
		background:url("/images/box-grey617-bottom.png") 0 100% no-repeat;
		width:617px !important;
	top:-6px !important; clear:both;
	}
.box-grey617 .lining {
		background:url("/images/box-grey617-top.png") 0 0 no-repeat;
		padding:8px 0 12px 14px !important;  overflow:auto; }
		
.box-grey617 h2 {font-size:1.3em !important; margin-bottom:9px;}


.box-grey676 {
		background:url("/images/box-grey676-bottom.png") 0 100% no-repeat;
		width:676px !important;
	top:-6px !important;
	}
.box-grey676 .lining {
		background:url("/images/box-grey676-top.png") 0 0 no-repeat;
		padding:8px 0 12px 14px !important;}
		
.box-grey676 h2 {font-size:1.3em !important;}


a.cta {
	background:url("/images/cta-arrow.png") 0 1px no-repeat;
	padding-left:15px;}
#about {
	margin-top:15px;
	padding-top:10px;
	background:url("/images/horzrule-dashed.png") repeat-x;
	font-size:.9em;}
#about h2 {
	float:left;
	font-size:1em !important;
	font-weight:bold !important;
	padding-right:10px;}
#about li {
	width:200px;
	float:left;}
#about .b {
		text-align:right;
		position:relative;
		top:30px;
		right:15px;}
#about .b p {
	position:absolute;
	top:0;
	right:0;
	white-space:nowrap;}
/*utility classes*/
.textonly {position:absolute;top:-999em;left:-999em;}
/*column formatting*/
.cols {
	position:relative;
	margin-right:15px;
	width:auto;
	height:1%;
	clear:both;}
.cols:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;}
.a, .b, .c, .d {
	width:24.7%;
	float:left;
	position:relative;}
.cols .cols .a, .cols .cols .b, .cols .cols .c, .cols .cols .d {width:24.7%;}
div.xxx .a, div.xxx .b, div.xxx .c, div.ix .a, div.xi .b,
.cols .xxx .a, .cols .xxx .b, .cols .xxx .c, .cols .ix .a, .cols .xi .b {width:33%;}
div.xx .a, div.xx .b, div.xii .a, div.ixi .b, div.iix .c, 
.cols .xx .a, .cols .xx .b, .cols .xii .a, .cols .ixi .b, .cols .iix .c {width:49.5%;} 
div.ix .b, div.xi .a, 
.cols .ix .b, .cols .xi .a {width:66%;} 
div.xxi .a, div.ixx .b, 
.cols .xxi .a, .cols .ixx .b {width:74.5%;} 
div.xxx, div.xii, div.xii, div.ixi, div.iix {margin-right:30px !important;}
div.xxxx {margin-right:45px !important;}
.b, .cols .cols .b {left:15px;}
.c, .cols .cols .c {left:30px;}
.d, .cols .cols .d {left:45px;}

#page_footer {width: 1020px !important;}
#page_footer p {text-align: center;}
#page_footer img {padding: 5px 0;}

span.mboxDefault { display:inline !important; }
.mygmac_middle {width:0;}

#about li {float:left; width:150px; margin:0; }
#about ul {float:left;  margin-bottom:24px; }
h3 a {font-size:.8em;}
#suboffer p {font-size:.77em;}

/* Brian Williams Fixes */
body #container h2 /*home.css (line 13)*/ {font-size:1.1em !important;}

div#login label /*home.css (line 124)*/{font-size:.8em !important;}

#suboffer p /*home.css (line 208)*/{font-size:.8em !important;}

h3 a /*home.css (line 207)*/{font-size:.9em !important;}

.box-grey218 /*home.css (line 131)*/{width:33.3% !important;}

.box-grey218 ul /*NEW*/{
	padding:0 25px !important;
	margin:0 !important;}

.box-grey218 li /*NEW*/{
	font-size:0.75em !important;
	white-space:nowrap !important;
	position:relative !important;
	left:-8px !important;
	padding:0 !important;
	}
	
#about /*home.css (line 141)*/{
	top:15px !important;
	width:670px !important;
	margin-bottom:15px !important;}

body #about h2 /*home.css (line 146)*/{
	font-weight:normal !important;
	font-size:1em !important;
	position:relative !important;
	top:2px !important;
	padding-right:3px !important;}

#about p, #about li /*NEW*/{font-size:.85em !important;}

#about ul /*NEW*/{padding:0 0 0 25px !important;}

#about li /*NEW*/{width:200px !important;}

#about p /*NEW*/{margin-bottom:0 !important;}

#about strong a /*NEW*/{font-weight:bold !important;}

.box-grey218 {
    width:33.5% !important;
}

#rhtile { float:right; margin-top:18px; clear:right; }
#maincontent { margin-bottom:32px; }

#main_offer_details p.rateAssumes {font-size:9px; margin:0 0 12px 0; }
#main_offer_details p.rateCall {font-size:12px; margin:0; }
#main_offer_details p.rateCustom {font-size:12px; margin:0 0 8px 0; }
#main_offer_details p.rateCustom a {font-size:12px; display:inline; margin:0; }
#main_offer_details .cta-button {padding:0;}
#main_offer_details a#assumptions {position:relative; top:-10px; font-size:9px; margin:0; }
#main_offer_details { font-size:12px; color:#666666; }
#main_offer_details #homeNumber { display:inline !important; }
#mboxImported-default-homeGetStarted-0 { display:inline !important; }
#gmfamilyPhone { display:inline !important; }
#mboxImported-default-homeGetStarted-0 { display:inline !important; }
#mboxImported-default-gmfamilyPhone-0 { display:inline !important; }

.ratebox { margin:0 12px; padding:6px; width:282px; border-right:1px dashed #cccccc; float:left; overflow: hidden;}
.ratebox h2 span { font-size:30px; font-weight:normal; }
.ratebox h2 { font-size:16px; font-weight:normal; }
.ratebox p { margin:0; padding:4px; font-size:13px; }
.ratebox p small a {text-align:center; }

.jumboRateboxGetStarted p { font-size:16px; }

.box-grey254_bottom{ float:left; display:inline; width:255px; background:#fbf8f5 url("/images/box-grey254-bottom.png") bottom left no-repeat;  margin:20px 0px 10px 0;}
.box-grey254_top { width: 235px;  background:url("/images/box-grey254-top.png") top left no-repeat; padding:10px; margin:0;}
.box-grey254_bottom a {display:inline;}
.box-grey254_bottom label  {font-size:11px; display:inline;}
.box-grey254_bottom #j_username  {display:inline; width:150px;}
.box-grey254_bottom #j_usernameAjax  {display:inline; width:150px;}
.box-grey254_bottom #j_password  {display:inline; width:150px;}
.box-grey254_bottom #j_password1  {display:inline; width:150px;}
.box-grey254_bottom #j_password2  {display:inline; width:150px;}
.box-grey254_bottom #j_question  {display:inline; width:212px;}
.box-grey254_bottom #j_frequently  {margin:5px 0px 5px 12px; text-indent:-15px; }
.box-grey254_bottom #j_frequently input  {display:inline; margin:5px 0px 0px; }
.box-grey254_bottom #j_unlock  {display:inline; width:150px;}
.box-grey254_bottom #continue  {display:block; margin:15px 0 0  55px;}
.box-grey254_bottom p {margin:10px 5px;padding:0;font-size:12px;float:none;}
.box-grey254_bottom p.indent {margin:5px 0px 5px 55px;font-size:12px;float:none;}
.box-grey254_bottom p.indent a{ white-space:nowrap; }
.box-grey254_bottom #loginTitle {width: 235px !important; margin-bottom:8px !important; font-weight:normal; font-size:16px;}
.box-grey254_bottom .truImage {clear:both;overflow:auto; width:100%;}
.box-grey254_bottom .truImage img {float:left;padding-right:8px;}
.box-grey254_bottom .truImage p {padding:24px 0 0 8px; clear: none;}
.box-grey254_bottom .truImage strong {display:block;}
.box-grey254_bottom .alert { margin:5px 0px; padding:0 0 0 20px; color:#CC0000; background-image:url("/images/mfaAlert.gif"); background-repeat:no-repeat; background-position:left -7px; }

.box-grey254_bottom ul.help_links {margin:0; padding:0; list-style:none; font-size:10px;}
.box-grey254_bottom li.help_links { margin:0; padding:0; list-style:none; display:block; font-size:10px;}


#right_help {margin:1em; position:relative; width:240px; float:left;}
#right_help h2 {border-bottom:1px dashed #cccccc; padding-bottom:6px;}
#right_help ul {margin:0; padding:0;}
#right_help li {diplay:block; list-style:none;}
.box-grey676 h2 {font-size:16px !important; padding-bottom:8px;}
.box-grey676 .truImage {clear:both;overflow:auto;}
.box-grey676 .truImage img {float:left;padding-right:8px;padding-left:8px;}
.box-grey676 .truImage p {padding:24px 0 0 8px;}
.box-grey676 .truImage strong {display:block;}
.truSelect select {width:550px; font-size:11px;}
.table_mygmac_summary .add_info {background-color:#d5e5ff;}

#truImageStage { width:500px; height:260px; overflow:auto; background-color:#cccccc; background-image:url("/images/loading.gif"); background-repeat:no-repeat; background-position:120px 75px; padding:6px 6px 10px 18px; margin:20px; text-align:right; }
.truImageTags { width:150px; float:right; padding:0; margin:0; }
#truImageChoice { width:308px; float:left; padding:0; margin:0; background-color:#cccccc; }
.truImageChoice img { padding:0; margin:0; width:100px; height:100px; }
.truImageChoice p { text-align:right; }
.truImageTags li { display:block; padding:0; margin:0; text-align:left; }
.truImageFlow { padding:10px 0; }
#closeImageDiv img{ padding:0; margin:0; width:14px; height:13px; }

.truLogonSetup { padding:0 24px; width:932px; }
.truLogonSetup h1 { border-bottom: 5px solid #f8981d; margin-bottom:8px; padding-bottom:8px;}


#main_help {margin:1em; width:240px; float:left;}
#main_help h2 {border-bottom:1px dashed #cccccc; padding-bottom:6px; width: 240px !important;}
#main_help ul {margin:0; padding:0;}
#main_help li {diplay:block; list-style:none;}
.left {float:left;}
.orange_line{
	margin-left:0 !important;
}
ol { margin: 0 12px; padding:0 12px 12px; }
.link_bullet { padding-left:10px !important; background-image:url("/images/b_arr_ov.gif"); background-repeat:no-repeat; background-position:-4px -10px; }
.link_bullet_down { background-image:url("/images/b_arr_dn.gif"); background-repeat:no-repeat; background-position:-4px -10px; }
.link_bullet a {text-decoration:none; }
.link_bullet_down a { text-decoration:none; }

.mfaMessage { color:#FF0000; font-weight:bold; }
.mfaQuestion { padding-bottom: 12px; }
.registerDropdown { width:550px; font-size:12px; font-family: Arial, Helvetica, sans-serif; }

.truOption1, .truOption2 { width:44%; float:left; padding:12px; margin:12px; }
/* .input_select { width:620px !important; margin: 4px 32px 0px !important; font-size:11px !important;} */

#container_content #content .maincontent_header {width:667px;padding-left:0;padding-top:12px;margin:0;}

.mfaRecommend { color:#e78200; }
.mfaOptionTitle { font-size:1.3em; }
#truImageId {margin-left:5px;}