/* Start main.css for Private Label Websites v2.0 - last updated 08/22/05 */
/* ------------------------------- Start Global Styles ------------------------------- */
A, A:Visited, A:Active {
	color: #494848;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
A:Hover {
	color: #4B6288;
	text-decoration: underline;
	}

BODY {
	font-family: Arial, Verdana, Serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
background-color: #B2C0CB;
	}
td, li, div, ul {
	font-family: Arial, Verdana, Serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	}
h1 {
	color: #4B6288;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	}
h2 {/* used for all page titles on standard and custom pages */
	color: #4B6288;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	}
	
h3 {/* used for all page titles on standard and custom pages */
	color: #4B6288;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0;
	}

.content {/* use for main content on all pages */
	color: #494848;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	}

	
#tablebrdr {border: 1px solid #494848; padding: 0; margin: 0; text-align: center;}
/* -------------------------------- End Global Styles -------------------------------- */
/* --------------------------- Start Standard Page Styles ---------------------------- */
.snippetImage {/* controls spacing around Snippet images */
	margin: 0 10px 300px 0;
	}
/* ----------------------------- End Standard Page Styles ---------------------------- */
/* ------------------------------- Start Header Styles --------------------------------*/
#topnavContainer {background: url(images/topnavbg.gif) no-repeat top right; width: 567px; height: 37px; margin: 0; text-align: right; padding: 0; margin: 0;}
#topnavContainer ul {list-style-type: none; vertical-align: top; margin: 0;}
#topnavContainer li {display: inline;color: #494848; font-size: 11px; font-weight: normal;}
#topnavContainer a, #topLinks a:visited {color: #494848; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 2px;}
#topnavContainer a:hover {color: #fff;}

#headerContainer {}
#slogan {color: #494848; font-size: 16px; font-weight: bold; padding: 3px;}
#phone {text-align: right; font-size: 13px; font-style: italic; font-weight: normal; color: #494848;padding: 3px;}
#phone strong {font-size: 15px; font-style: normal;}
#ball {height: 44px;}
#ball ul {list-style-type: none; vertical-align: top; margin: 0;}
#ball li {display: inline; height: 42px; margin-left: 30px; padding: 8px 0 5px 10px;}
a.balllink, a.balllink:visted, a.balllink:active {color: #494848; font-size: 13px; font-weight: bold; font-style: italic;}
a.balllink:hover {color: #4B6288; text-decoration: none;}
#scrollh { font-size: 11px; color: #4B6288; text-align: right; height: 34px;}
/* -------------------------------- End Header Styles ---------------------------------*/
#ratetblContainer {background: url(images/sideRbg.jpg) repeat-x; width: 193px; height: 225px; padding: 5px; color: #494848; font-weight: bold; margin: 0;}
a.click2, a.click2:visted, a.click2:active {background: url(images/b_side.jpg) no-repeat; display: block; height: 24px; width: 193px; padding-top: 4px; color: white; margin-top: 0px;}
a.click2:hover {background: url(images/b_side_r.jpg) no-repeat; color: #9D9C9C; text-decoration: none;}
#ratetblContainer em {color: white; font-size: 10px; text-align: center; font-weight: normal; font-style: normal; padding: 0; margin: 0;}

form {margin: 0; padding: 0; text-align: top;}
select {margin: 0; padding: 0; text-align: top;}

.content2 {padding: 10px;color: #494848}
.content2 p {color: #494848; font-size: 11px; vertical-align: top;}

#click {padding: 5px;}
#click a, #click a:visited, #click a:active {background: url(images/arrow.gif) no-repeat top right; height: 27px; font-size: 13px; color: #4B6288; font-weight: bold; font-style: italic; display: block; vertical-align: middle;}
#click a:hover {background: url(images/arrow_r.gif) no-repeat top right; text-decoration: none; color: #677A9B;}

/* ------------------------------- Start Side Styles --------------------------------- */
#sideRContainer {background: url(images/sideRbg.jpg) repeat-x; background-position: top; background-color: #51678D; height: 225px; padding: 5px; margin: 0;}
#sideRContainer p {color: #fff; font-weight: bold; text-align: center; font-size: 14px; padding: 5px 0 3px 0; border-bottom: 1px solid #fff;}

#sideRContainer ul {margin: 0px; list-style-type: none;}
#sideRContainer li {text-align: left;  margin: 10px 0 5px 0; background: url(images/arrow.gif) no-repeat center right; padding-right: 30px; padding-left: 0px; height: 30px;}
#sideRContainer a, #sideRContainer a:visited, #sideRContainer a:active {color: white; font-size: 11px; font-weight: normal; padding: 0px; margin: 0px;}
#sideRContainer a:hover {color: #494848;}
/* -------------------------------- End Side Styles ---------------------------------- */

#divide {background: url(images/barbg.jpg) repeat-x; height: 19px; border-top: 1px solid white; border-bottom: 1px solid #9D9c9c; color: #fff; font-weight: bold; margin: 0; text-align: center;}

.loanneeds {color: #494848; font-size: 10px; vertical-align: top; text-align: left; padding: 6px;}
.loanneeds h3 {font-size: 12px; font-weight: bold; color: #494848; text-align: center; margin: 0 0 4px 0;}
.loanneeds a, .loanneeds a:visited, .loanneeds a:active {color: #425B80; font-size: 10px; font-weight: normal; text-decoration: underline;}
.loanneeds a:hover {color: #494848;}

#emile {color: #494848; font-size: 10px; vertical-align: top; text-align: left; padding: 6px;}
#emile h3 {font-size: 13px; font-weight: bold; color: #4B6288; text-align: center; margin: 4px 0 4px 0;}

#b_app {padding: 6px; color: #494848; font-size: 15px; text-align: center; font-weight: bold;}
#b_app strong {color: #425B80; font-size: 21px; text-align: center; font-weight: bold;}
#b_app a, #b_app a:visited, #b_app a:active {background: url(images/b_app.jpg) no-repeat; display: block; height: 41px; width: 179px; padding-top: 8px; color: white; font-size: 21px; text-align: center; font-weight: bold;}
#b_app a:hover {background: url(images/b_app_r.jpg) no-repeat; color: #9D9C9C; text-decoration: none;}

#scrollv h3 {font-size: 13px; font-weight: bold; color: #4B6288; text-align: center; margin: 4px 0 4px 0;}
#scrollbrdr {border: 1px solid #494848; height: 100px; width: 210px; text-align: left; padding: 5px; color: #494848; font-size: 11px;}

#scrollv div a, #scrollv div a:visited, #scrollv div a:active {color: #494848; font-size: 11px; font-weight: normal; text-decoration: underline; border: none;}
#scrollv div a:hover {color: #425B80;}

/* ------------------------------- Start Footer Styles ------------------------------- */
#footer {border-top: 1px solid #425B80; margin-top: 3px;}

#navcContainer {margin: 5px;}
#navcContainer ul {	text-align: center;	}
#navcContainer li {	display: inline;list-style-type: none;}
#navcContainer a, #navcContainer a:visited, #navcContainer a:active {
	color: #425B80;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none; border-left: 1px solid #494848; padding: 0 2px 0 4px; }
#navcContainer a:hover {text-decoration: none;color: #9D9C9C;}

.sm {font-size: 10px; color: #000; padding-top: 4px;}
.sm a, .sm a:visited, .sm a:active {color: #425B80; font-size: 10px; font-weight: normal; text-decoration: underline;}
.sm a:hover {color: #9D9C9C;}
.sm em {font-size: 10px; font-style: normal;}

/* -------------------------------- End Footer Styles -------------------------------- */
/* -------------------------------- Start Form Styles -------------------------------- */

.forminput {/* Input Fields Styles */
	font-family: Verdana, Arial, Serif;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #f0f8ff;
	padding: 1px;
	margin: 0;
	border: solid black 1px;
	}
.formMain {/* add to opening Form tag to remove padding/margin around form */
	padding: 0;
	margin: 0;
	}
.pnorm {/* Form Button Style */
	color: black;
	background: #f0f8ff;
	border: solid black 1px;
	cursor: hand;
	}		
.pover {/* Form Button Over Style */
	color: white;
	background: #333;
	border: solid black 1px;
	cursor: hand;
	}
/* --------------------------------- End Form Styles --------------------------------- */
/* --------------------------- Start Market Snapshot Styles -------------------------- */
.dlt {/* Outline */
	background-color: black;
	} 
.dlr {/* Right Color Column */
	background-color: #FFCC00;
	}
.gybg {/* Outline */
	background: white;
	}
.bt {/* Main Class for Snapshot and Eco Calendar */
	color: black;
	font-size: 11px;
	padding: 1px;
	line-height: 15px;
	letter-spacing: 1px;
	background-color: white;
	}
.btb {/* Background for Economic Calendar */
	background-color: white;
	}
/* ---------------------------- End Market Snapshot Styles --------------------------- */
/* --------------------------- Start Rate Sheet Styles ------------------------------- */
.mtg101thickblack {
	color: blue;
	font-weight: normal;
	font-size: 12px;
	}
.bodytext {
	color: black;
	font-size: 12px;
	}
#Table1 ul {list-style: none;}
#Table1 p {margin: 10px 0 2px 5px;}

.content ul {list-style-type: url(images/bullet.gif) no-repeat; margin: 0; padding: 0;}
.content ul li a {color: #425B80; font-size: 12px; padding-left: 10px; font-weight: normal; text-decoration: underline;} /*styles for sub links in mtg library*/
.content ul li a:hover {color: #494848;}
/* ------------------------------ End Rate Sheet Styles ----------------------------- */
/* ---------------------------- Start Page Title Style ------------------------------ */
.bodytexttitle {/* styles match h2 style */
	color: #4B6288;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	}
.pagetitle101 {/* styles match h2 style */
	color: #4B6288;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	}
/*  ---------------------------- End Page Title Style ----------------------------- */
/* End main.css for Private Label Websites v2.0 - last updated 08/22/05 */

/* Add this to your main.css file */
/* This is used to format the Custom Rates Table for both Enhanced and Executive sites */
/*  ----------------------- Start Custom Rates Table Style ------------------------ */
.border { 
	padding: 2px 0 2px 0;
	margin: 3px;
	background: #8E9DB5;
	}
.border_outside {
	border: 1px solid #666;
	background: #8493AF;
	}
.title { /*Program  Rate  Points   APR   line*/
	color: #494848;
	font-size: 10px;
	font-weight: normal;
	background: #8493AF;
	padding: 2px 0 2px 1px;
	}
.heading_line { /*Program Heading background*/
	background: #D8DEE6;
	 padding: 2px 0 2px 0;
	}
A.heading, A.heading:Visited, A.heading:Active {/*Program Heading links*/
	color: #51678D;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	background: #D8DEE6;
	}
A.heading:Hover {
	text-decoration: underline;
	}

A.program, A.program:Visited, A.program:Active {/*Program Name links*/
	color: #51678D;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	}
A.program:Hover {
	text-decoration : underline;
	}

A.rate, A.rate:Visited, A.rate:Active {/*Rate links*/
	color: #51678D;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	}
A.rate:Hover {
	color: white;
	text-decoration : none;
	}

A.apply, A.apply:Visited, A.apply:Active {/*Apply Button*/
	color: #51678D;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background: #D8DEE6;
	text-align: center;
	padding: 2px;
	}
A.apply:Hover  {
	text-decoration : underline;
	}
/*  ---------------------- End Custom Rates Table Style ----------------------- */