* { margin:0; padding:0;}
body { background:#d0dcf0; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#4c4c4c;}


input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:14px;font-size:13px;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#formx label { display:block; height:38px; }
#formx input { width:263px; padding:2px 0 2px 3px; color:#344e7a;}
#formx textarea { width:254px; height:125px; padding:1px 0 1px 3px; margin-bottom:15px; overflow:auto; color:#344e7a; }

/*==================list====================*/
ul { list-style:none;}
.mylist {list-style:circle;float:left;margin-left:8px;}
.banners { overflow:hidden; padding:22px 0 0 0; margin-left:30px;margin-top:0;}
.banners li { float:left; padding:0 5px 0 0;}

#nav { width:594px; overflow:hidden;}
#nav li { display:inline;}
#nav li a:hover { background:url(images/menu-on.gif) no-repeat left top; color:#354f7b; font-weight:bold;}
#nav li a.current { background:url(images/menu-on.gif) no-repeat left top; color:#354f7b; font-weight:bold;}
#nav li a.last {display:block; float:left; width:118px; background:url(images/menu-off.gif) no-repeat left top; height:45px; 
line-height:43px; text-align:center; margin-right:0; padding-right:0; color:#fff; text-decoration:none;}
#nav li a:hover.last { background:url(images/menu-on.gif) no-repeat left top; color:#354f7b; font-weight:bold;}
.navblue{display:block; float:left; width:118px; background:url(images/menu-off.gif) no-repeat left top; height:45px; line-height:43px; text-align:center; margin-right:1px; color:#fff; text-decoration:none;}
.navred {display:block; float:left; width:118px; background:url(images/menu-offred.gif) no-repeat left top; height:45px; line-height:43px; text-align:center; margin-right:1px; color:#fff; text-decoration:none;}
.list1 dt {  padding:3px 0 0 0; font-weight:bold; color:#344e7a; text-transform:uppercase; margin-bottom:6px;}
.list1.date dt {background:url(images/marker3.gif) no-repeat left 2px; padding-left:20px;}
.list1 dd a.alt { color:#344e7a; font-weight:bold; float:right;}
.list1 dd a.alt1 { color:#919191; font-weight:bold;}
.list1 dd { border-bottom:1px solid #cedaef; width:100%; overflow:hidden; padding-bottom:4px; margin-bottom:10px;}
.list1 dd.last { border:0;}

.list2 li { background:url(images/marker3.gif) no-repeat left 1px; padding:0 0 8px 20px;}
.list2 li a { color:#839fc3; font-weight:bold; text-decoration:none;}
.list2 li a:hover { color:#c00e0e;}

.list3 dt {  padding:3px 0 0 0; font-weight:bold;color:#ffffff; text-transform:uppercase; margin-bottom:6px;}
.list3.date dt {background:url(images/marker3.gif) no-repeat left 2px; padding-left:20px;}
.list3 dd a.alt { color:#344e7a; font-weight:bold; float:right;}
.list3 dd a.alt1 { color:#919191; font-weight:bold;}
.list3 dd {border-top:1px solid #cedaef; width:100%; overflow:hidden;   padding-bottom:4px;padding-top:4px; margin-bottom:10px;}
.list3 dd.last { border:0;}

/*==================other====================*/
.img-indent { margin:4px 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:14px;}
.img-box img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:6px;}
.p2 { margin-bottom:9px;}

/*==================txt, links, lines, titles====================*/
a {color:#c00e0e;}
a:hover{text-decoration:none;}

h1 {font-size:1.4em;font-weight:bold;color:#ffffff}
h2 { font-size:2.41em; font-weight:normal; line-height:1.2em; color:#3a5480; border-bottom:2px solid #cddaef; padding:2px 0 1px 0; margin-bottom:15px;}
h3 { font-size:1em; text-transform:uppercase; color:#df7403; border-bottom:1px solid #cedaef; padding-bottom:2px; margin-bottom:8px;}
h3 img { display:block;}
h4 { font-size:2.41em; font-weight:normal; line-height:1.2em; color:#686868; margin-bottom:15px;}
h4.alt { color:#3a5480;}
h5 { font-size:1em; font-weight:bold;margin:4px;}
.chartheader {font-size:2em; text-transform:uppercase; color:#354f7b;line-height:22px;}
.txt1 { color:#344e7a;}

.link1 { background:url(images/marker2.gif) no-repeat left 2px; padding:0 0 0 21px; color:#344e7a; font-weight:bold;}
.link2 { color:#919191;} 
.rss { background:url(images/rss.gif) no-repeat right top; padding:0 22px 0 0; color:#839fc3; font-weight:bold; text-decoration:none; display:inline-block;}
.rss:hover { text-decoration:underline;}

.divider { height:2px; background:#cedaef; overflow:hidden; font-size:0; line-height:0; margin:6px 0 7px 0;}
.divider1 { height:2px; background:#cedaef; overflow:hidden; font-size:0; line-height:0; margin:7px 0 7px 0;}

/*==================boxes====================*/
.menu-box { background:url(images/menu-left.gif) no-repeat left top #263e68; float:left; margin:49px 0 0 0;}
.menu-box .inner { background:url(images/menu-right.gif) no-repeat right top; padding:2px;}

.box { background:#e9eef8; width:100%; line-height:1.5em;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:10px 14px 13px 15px;}

.cont-box { padding:0 50px 0 0; margin:0;}
.cont-box span { float:right;}

/*header*/
#header .row-1 { height:108px;}
#header .row-1 .fleft {padding:15px 0 0 0 ;}
#header .row-2 { width:867px;}

.section1 {width:264px;float:left;margin-top:8px;margin-left:0; margin-right:0;}
.section2 {width:603px;float:left;margin-top:8px;padding:0;}

.quickquote {padding-top:220px;}
/*content*/
#content { padding:8px 10px 10px 10px;}
#content .row-1 { padding:0 0 20px 0;}

/*footer*/
#footer { text-align:right; color:#697bab;}
#footer p { padding:12px 39px 0 0; margin:0;}
#footer a { color:#697bab; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/
.style1 {color:#354f7b;font-size:13px;font-weight:bold;}
.style2 {color:#354f7b}
.style3 {color: #0854b2;font-weight: bold;
}
.style4 {color:#ffffff;background-color:#344e7a;}
.style5 {color: #FF8300;font-weight:bold;}
.style7 {color: #ffffff; font-weight: bold; }
.style8 {color:#354f7b; font-weight: bold;font-size:14px; }
.style25 {font-size: 16px}

.mortgtable {background-color:#354f7b;border:solid 1px #3a588b;}
.chartheader {background-color:#354f7b;color:#ffffff;width:280px;font-size:14px;font-family:Georgia, "Times New Roman", Times, serif;}
.btn {font-weight:bold;cursor:pointer;background:#ff8300;color:#ffffff;border:solid 1px #525f8a;padding:3px;}

#mortgageChart {background: url(images/bg2.gif);padding:8px;}

#formConsultation {background: url(images/bg2.gif);padding:8px;}
#formConsultation strong {color:#ffffff}
#formConsultation h2 {font-size:2.41em; font-weight:normal; line-height:1.2em; color:#ff8300; border-bottom:2px solid #cddaef; padding:2px 0 1px 0; margin-bottom:8px;}

#overview img {float:left;margin-right:10px;}
.app td {font-size:12px;padding:2px;}

.testimonials {background:#6783b3 url(images/bg2.gif) repeat-x;padding:8px;color:#fff;}
.testimonials h2 {color:#df7403;}
.cform {background: url(images/bg2.gif);padding:10px;color:#fff;}
.cform a {color:#fff;}
.cform h2 {color:#fff;}
.cform h3 {color:#fff;}

.quick {margin:0;padding:0;}
.quickquotelist li {padding-top:3px;font-weight:bold;color:#ffffff;}
fieldset {border:none;}

/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#fff;
	border:1px solid #666;
	}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */
 
/* Two of the boxes are floated just for this demo. Adjust to your needs. */
.cb {
	margin:0.5em 0;
	}

/* Rules for the top corners and border */
.bt {
	background:url(images/box.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
	}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(images/box.png) no-repeat 0 0;
	}
 
/* Rules for the bottom corners and border */
.bb {
	background:url(images/box.png) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
	}
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(images/box.png) no-repeat 0 100%;
	}
 
/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url(images/borders.png) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url(images/borders.png) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;
	}
/* CSS for the box ends here */
