/*********
* main.css
* (c) 2010 EllsworthMedia.com. All Rights Reserved.
*
* Main CSS file for the Mortgage Marcus site.
********************************************************************************/


/* reset - standardize html tag styles across all browsers */
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, 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;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
input, textarea, select {
	font-family: Sans-Serif;
	font-size: inherit;
	font-weight: inherit;
}
input:focus {
	outline: none;
}
/* function classes ****************************** */
.leftIt {
	text-align: left;
} /* left align */
.rightIt {
	text-align: right;
} /* right align */
.centerIt {
	text-align: center;
} /* center align */
.boldIt {
	font-weight: bold;
}
.clearIt {
	clear: both;
	margin: 0;
	padding: 0;
} /* used to clear floats near bottom of holder div */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */

html {
	height: 101%;
}
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #222;
	width: 100%;
}
a {color: #222;}
a:hover {color: #749A9A;}

/* layout */
#header {
	background: #EDF7FC url(../images/bg_skyline.png) center bottom no-repeat;
	width: 100%;
	height: 141px;
}
#headerinner {
	width: 960px;
	margin: auto;
	padding-top: 8px;
}
#header-left {
	float: left;
	width: 248px;		
}
#logo {
	margin-top: 1px;
	width: 248px;
	height: 95px;
}
#header-right {
	float: right;
	width: 480px;
	text-align: right;
	vertical-align: top;
	overflow: hidden;
}
#header-chat {float: left; display: inline; width: 183px; margin-left: 7px;}
#header-apply {float: left; display: inline; width: 240px;}
#header-apply img {margin-top: 5px;}
#header-chat img {margin: 5px 0 0 0;}
#menubar {
	clear: both;
	width: 960px;
	margin: auto;
	*margin-top: -3px;
	_margin-top: -3px;
}
#menubar ul, #menubar li {
	margin: 0;
	padding: 0;
}
#menubar li {
	margin: 0;
	padding: 0;
	display: inline;
}
#container {
	width: 100%;
	background: #fff url(../images/bg_main.png) repeat-x;
	border-bottom: solid 1px #ccc;
}
#contentholder {
	padding: 10px 0;
	width: 980px;
	_width: 1016px;
	margin: auto;
}
#content {
	width: 715px;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	background: url(../images/bg_mainmiddle.png) 0 0 repeat-y;
}
#contenttop {
	height: 25px;
	background: url(../images/bg_maintop.png) no-repeat top left;
}
#contentbottom {
	height: 30px;
	background: url(../images/bg_mainbottom.png) no-repeat bottom left;
}
#welcome {
	padding: 0 26px;
}
#contentinner {
	padding: 0 26px;
	min-height: 750px;

}
#content p {
	margin: 10px 0;
}
#content ul {
	margin: 10px 0 10px 15px;
}
#content li {
	margin: 5px 0;
}
#content h1 {
	margin: 10px 0;
	color: #043B86;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
#content h2 {
	margin: 10px 0;
	color: #043B86;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
#sidebar {width: 265px; float: right;}
.sidebarbox {padding: 26px 26px 15px 26px; width: 213px; background: url(../images/bg_sidebar.png) no-repeat;}
.sidebar-bottom {height: 24px; background: url(../images/bg_sidebar.png) no-repeat bottom center;}

#sidebar2 {width: 265px; float: right;}
.sidebarbox2 {padding: 26px 26px 10px 26px; width: 213px; background: url(../images/bg_featurebox.png) no-repeat;}
.sidebar2-bottom {height: 28px; background: url(../images/bg_featurebox.png) no-repeat bottom center;}

.rate2 {margin: 5px 0; font-size: 21px; font-weight: bold; white-space: nowrap; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

#rates { cursor: pointer; }
#ratesDate {}
#rates5YearFixed {
	margin: 10px 0;
	background: url(../images/titles/our-rates-sub.png) no-repeat;
	padding: 0 0 0 84px;
	height: 147px;
	overflow: hidden;
}
p.rate {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	letter-spacing: -5px;
	padding: 6px 0 15px 0;
}
#morerates {
	padding: 0;
	margin: 0;
}


#newsletter p {
	font-size: 12px;
}
#newsletter .label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#newsletter-form {
	margin: 10px 0;
}
#newsletter-form table {
	width: 100%;
}
#newsletter p#newsletterPrivacy {
	font-size: 10px;
}
#footer {
	text-align: center;
	border-top: solid 1px #fff;
	padding: 20px 0;
	background: url(../images/bg_footer.png) repeat-x;
}
#footer-map {
	width: 960px;
	margin: auto;
	color: #003885;
}
#footer-map ul {
	width: 235px;
	float: left;
}
#footer-map ul li {
	text-align: left;
	list-style: none;
}
#footer-map ul li a {
	color: #043B86;
}
.site-map-heading {
	font-weight: bold;
	font-size: 16px;
}
#footerB {
	text-align: center;
	border-top: solid 1px #ececec;
	padding: 15px 0;
}
#footerB p {
	margin: 10px 0;
}
#footerB a {
	color: #666666;
}
#footerB a:hover {
	color: #222;
}
#footerB h2 {
	font-size: 13px;
	color: #666666;
	font-weight: normal;
}
#footer-copy {
	padding-top: 0px;
	clear: both;
	color: #043B86;
}
#footerB #footer-copy a {
	color: #043B86;
}
#footer-links {
	color: #666666;
}
#footer-text {
	color: #666666;
}

/* titles */
.swap {text-indent: -2000em; z-index: 1000;}
#hdr-rates {
	width: 150px;
	height: 26px;
	margin: 0;
	padding: 0;
	background: url(../images/titles/our-rates.png) no-repeat;
}
#hdr-rates-featured {
	width: 180px;
	height: 30px;
	margin: 0 0 0 17px;
	padding: 0;
	background: url(../images/titles/specials-rates.gif) no-repeat;
}
#hdr-partners {
	width: 150px;
	height: 30px;
	margin: 20px 0 5px 0;
	padding: 0;
	background: url(../images/titles/our-partners.png) no-repeat;
}
#hdr-newsletter {
	width: 150px;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0;
	background: url(../images/titles/newsletter.png) no-repeat;
}
#hdr-freereport {
	width: 150px;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0;
	background: url(../images/titles/freereport.png) no-repeat;
}


/* home */
.home {background: none !important;}

#innerfade-holder {z-index: 1;background: url(../images/home/bg_gallery.png) 0 -5px no-repeat; padding: 0; margin: 0 0 0 0; width: 715px; height: 352px;}

#home-boxes {clear: both; padding-bottom: 3px;}
.home-box {float: left; background: url(../images/home/bg_box.png) !important; width: 238px; height: 238px; cursor: pointer;}
.home-box h2 {margin: 18px 15px 0px 20px !important;}
.home-box p {margin: 10px 15px 10px 20px !important;}
#htitle-unbeatable {background: url(../images/titles/unbeatable-home.png) no-repeat; width: 200px; height: 51px;} 
#htitle-mortgage-refinancing {background: url(../images/titles/mortgage-refinancing-home.png) no-repeat; width: 200px; height: 51px;}
#htitle-credit-consolidation {background: url(../images/titles/credit-consolidation-home.png) no-repeat; width: 200px; height: 51px;}

#contenttop-home {
	clear: both;
	height: 25px;
	background: url(../images/home/bg_maintop.png) no-repeat top left;
}
#contentmid-home {
	background: url(../images/home/bg_mainmiddle.png) repeat-y;
	padding: 0 20px;
}
#contentbottom-home {
	height: 30px;
	background: url(../images/home/bg_mainbottom.png) no-repeat bottom left;
}




/* menu */
table.menu {
	top: 0px;
	left: 10px;
	position:relative;
	margin:0px !important;
	border: 0px solid #FFFFFF;
	z-index: 1;
	background: none !important; 
}
table.menu a {
	margin:0px !important;
	padding: 10px 11px 9px 17px !important;
	display:block !important;
	position:relative !important;
	font-weight: bold;	
	margin-right: 8px !important;
	background: #fff url(../images/roundedcorner_white.gif) no-repeat left top !important;
}
div.menu a, div.menu a:visited, div.menu a:link {
	font-size: 15px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: left !important;
	font-weight: bold !important;
	color: #003885 !important;
	text-decoration: none !important;
	margin-bottom:0px !important;
	display:block !important;
	white-space:nowrap;
	overflow: hidden;	
}
div.menu td {
	border: none;
	background: none !important;
	background: transparent url(../images/roundedcorner_white_right.gif) no-repeat right top !important;
	margin-right: 2px !important;	
}

div.menu td.last {
	border-right: none;
}
#menu td:hover {
	color: #FE8F0B !important;
	background: #fff url(../images/roundedcorner_white_right.gif) no-repeat right top !important;	
}
#menu a.hover {
	color: #FE8F0B !important;
	background: #fff url(../images/roundedcorner_white.gif) no-repeat left top !important;	
}
#menu span {
	display:none;
}

#trans-active {
	color: #fff !important;
	background: #003885 url(../images/roundedcorner_blue_right.gif) no-repeat right top !important;	
	font-weight: bold;
}
#trans-active a {
	color: #fff !important;
	background: #003885 url(../images/roundedcorner_blue.gif) no-repeat left top !important;	
	font-weight: bold;
}
#menu #trans-active:hover {
	color: #FE8F0B !important;
	background: #003885 url(../images/roundedcorner_blue_right.gif) no-repeat right top !important;	
}
#menu #trans-active a.hover {
	color: #FE8F0B !important;
	background: #003885 url(../images/roundedcorner_blue.gif) no-repeat left top !important;	
}



/* submenu */
#subwrap {
	text-align: left;
}
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
}
.transMenu .content {position:absolute;}
.transMenu .items {
	border: none;
	position:relative;
	left:0px;
	top:0px;
	z-index:2;
	background: #003885;
}
.transMenu td {
	padding: 8px !important;
	font-size: 12px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: left !important;
	font-weight: normal !important;
	color: #fff !important;
	width: 100%;
}
.transMenu .item.hover td {
	color: #003885 !important;
	background: #FE8F0D; 
}
.transMenu .item {
	text-decoration: none;
	cursor:pointer;
	cursor:hand;	
}
.transMenu .background {
	background-image:none;
	background-color: #fff !important;
	position:absolute;
	left:0px;
	top: -1px;
	z-index:1;
	opacity:1;
	filter:alpha(opacity=100);
}
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:-3000px;
	width: 0;
	opacity:1;
	filter:alpha(opacity=100)
}
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:-3000px;
	height: 0;
	opacity:1;
	filter:alpha(opacity=100)
}
.transMenu .item.hover {
	background-image: none;
	background-color: none !important;
	color: #FE8F0B !important;
}
/*.transMenu .item img {
	margin-left:10px !important;
}*/


.formitem {margin: 10px 0;}
	.formitem label {float: left; width: 215px; margin-top: 4px;}
	.formitem label img {float: left; margin-top: 1px; margin-right: 3px; display: none;}
	.formitem .txt {border: solid 1px #ccc; padding: 3px; width: 250px;}
	.formitem .txtshort {border: solid 1px #ccc; padding: 3px; width: 125px;}
	.formitem select {border: solid 1px #ccc; padding: 1px;}
	.formitem .btn {background: #FE8A01; color: #fff; font-weight: bold; padding: 5px 10px; border: solid 1px #FE8A01;}
	.formitem .btn:hover {background: #FEC783;}
.error {margin: 10px 0 15px 0; border-top: solid 1px #bf1908; border-bottom: solid 1px #bf1908; padding: 15px 10px 10px 10px; background-color: #ffeeee;}
	.error div {font-weight: bold; font-size: 14px; color: #bf1908;}
		.error ul {font-weight: normal; padding: 5px; margin-left: 10px;}
			.error ul li {padding: 5px 0 0 0;}
			

.ratesTable {margin: 0; width: 100%; border-bottom: solid 1px #ccc; border-collapse: collapse;}
.ratesTable th {color: #fff; background: #134286; border-top: solid 1px #ccc; padding: 5px;}
.ratesTable td {border-top: solid 1px #ccc; padding: 5px;}
.ratesTable .altRow {background: #efefef;}
.ratesTable .term {text-align: left;}
.ratesTable .bank, .ratesTable .our {text-align: center;}

.pagination a, .pagination span {margin: 0 3px;}

.componentheading, .contentheading {color: #043b86;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 30px; font-weight: bold; margin-bottom: 5px;}

a.contentpagetitle {color: #043b86;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 24px !important; font-weight: bold; text-decoration: none;}
a.contentpagetitle:hover {text-decoration: underline;}


.picturePadding, .contentpaneopen img {margin-left: 10px; margin-bottom: 10px;}