html,body{margin:0;padding:0;height:99%}
body{font-family: arial,sans-serif;text-align:center; }
p{margin:0 10px 10px}

div#popup {display:none; position:absolute;  width:500px; height:400px; 
   top:40px; margin-left:-20px; z-index:1001; color: #333; padding: 1em;
 border: 0.5em solid #666;background-color: white; font-size:0.9em;
 text-align:justify; overflow: auto; }
#overlay{display:none; position:absolute; top:0; left:0; width:100%; height:100%;z-index:1000;
 background-color:#000; -moz-opacity: 0.3; opacity:.30;filter: alpha(opacity=30);}
.infoemph {font-style:italic; font-weight:bold;}
.subno {font-weight:bold; margin-right:10px;}

div#header{position:relative;height:81px; background-image:url(../images/banner.gif); border-bottom:4px solid #CCC; }
div#topmenu {position:absolute; top:57px;left:4px; border: 1px solid #CCC; }
div#topmenu a{padding: 2px; text-align:center; text-decoration:none; font-size:0.8em;}
div#topmenu a:hover {text-decoration:underline;}

div#welcome {border: solid 1px #003399; background-color:#003399; float:left; height:auto; width:750px; margin-left:1px;}

div#importantinfo {float:right;background-color:#FFF; border:1px solid #CC0000; }
div#importantinfo a {color:#CC0000; text-decoration:none; font-size:1.1em;}
div#importantinfo a:hover {text-decoration:underline;}

.summarybox {font-size:0.9em; color:#339966;}

.homemen { color:#FFF; width:90px; float:left;border-right:1px solid #FFF;}
a.homemen:hover {background-color:#003399; color:#FFFFFF; }

.mortmen { color:#FFF;  width:90px;float:left; border-right:1px solid #FFF;}
a.mortmen:hover {background-color:#9966CC; color:#FFFFFF}
body#mortgages .mortmen {background-color:#9966CC; color:#FFFFFF;}

.savmen { color:#FFF;  width:90px;float:left; border-right:1px solid #FFF;}
a.savmen:hover {background-color:#339966; color:#FFFFFF}
body#savings .savmen {background-color:#339966;}

.contactmen { color:#FFF;  width:90px;float:left; border-right:1px solid #FFF;}
a.contactmen:hover {background-color:#663366; color:#FFFFFF}

.aboutmen { color:#FFF;  width:90px;float:left; border-right:1px solid #FFF;}
a.aboutmen:hover {background-color:#6699CC; color:#FFFFFF}
body#about .aboutmen {background-color:#6699CC;}

.regmen { color:#FFF;  width:90px;float:left; }
a.regmen:hover {background-color:#FF9933; color:#FFFFFF}
body#regulators .regmen {background-color:#FF9933;}

div#container{text-align:left}
div#container{width:763px;margin:0 auto; border:1px solid #003399}

div#footer{background: #003399;color: #FFF; height:20px;}
div#footer{clear:left;width:763px; text-align:center}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #FFFFFF; text-decoration:none;font-size:0.8em;}
div#footer a:hover {text-decoration:underline;}

.savsectiontitle {font-size:1em; margin-left:4px; font-weight:bold; color:#339966; border-bottom:1px solid #339966; }
.mortsectiontitle {font-size:1em; margin-left:4px; font-weight:bold; color:#9966CC; border-bottom:1px solid #9966CC; }
.socsectiontitle {font-size:1em; margin-left:4px; font-weight:bold; color:#6699CC; border-bottom:1px solid #6699CC; }
.consectiontitle {font-size:1em; margin-left:4px; font-weight:bold; color:#663366; border-bottom:1px solid #663366; }
.formssectiontitle {font-size:1em; margin-left:4px; font-weight:bold; color:#6799FF; border-bottom:1px solid #6799FF; }
.calcsectiontitle {font-size:1em; margin-left:4px; font-weight:bold; color:#CC3333; border-bottom:1px solid #CC3333; }

#agmnotice {text-decoration:none; color:#003399;}
#agmnotice:hover {text-decoration:underline;}

div#wrapper{float:left;width:763px; margin-top:2px;}

div#content{  float:right;  width:608px; padding:2px; color:#333333; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC;
 border-top-color:#CCC;  border-top-width: 1px; border-top-style: solid;
}
* html div#content { height: 400px; }
div#content p{line-height:1.4; }

div#leftmenu{ background-image:url(../images/line2.gif); background-repeat:repeat-x; padding:2px; border-top-width: 8px; border-right-width: 1px;
 border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
 border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999; 
}
div#leftmenu{float:left;width:135px;margin-left:-759px; margin-top:2px;}
div#leftmenu a { padding:10px 2px 8px 2px;}

div#leftmenu p {font-size:1em; font-weight:bold; width:135px; padding:0px; margin:0px; color:#FFFFFF;  display:block;  }

div#content2{    width:758px; padding:2px; color:#333333; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC;
 border-top-color:#CCC;  border-top-width: 1px; border-top-style: solid; min-height:400px;
}
* html div#content2 { height: 400px; }
div#content2 p{line-height:1.4; }

div#savlogo {width:130px; height:100px;left:2px; margin-top:-197px;}

.savmenu {border-top-color: #339966;height:auto;}
.mortmenu {border-top-color: #9966CC;height:auto;}
.socmenu {border-top-color: #6699CC;height:auto;}
.conmenu {border-top-color: #663366;height:auto;}

a.savnav, a.savnav:visited { font-size:0.8em; display:block; margin-top:2px; margin-left:2px; margin-right:2px; text-decoration:none;
 border-bottom:1px dashed #999999;}
a.savnav:hover {color:#339966;text-decoration:underline; }

.savnav {color:#333333;}

a.savnavsel { font-size:0.8em; display:block; margin-top:2px; margin-left:2px; margin-right:2px; color:#339966;
 border-bottom:1px solid #999999; text-decoration:none;}

a.mortnav, a.mortnav:visited { font-size:0.8em; display:block; margin-top:2px; margin-left:2px;  margin-right:2px; text-decoration:none;
 border-bottom:1px dashed #999999;}
a.mortnav:hover {color:#9966CC;text-decoration:underline;}

.mortnav {color:#333333;}

a.mortnavsel, a.mortnavsel:visited { font-size:0.8em; display:block; margin-top:2px; margin-left:2px; margin-right:2px;
 color:#9966CC; text-decoration:none; border-bottom:1px solid #9966CC;}

a.socnav, a.socnav:visited { font-size:0.8em; display:block; margin-top:1px; margin-left:2px;  margin-right:2px; text-decoration:none;
 border-bottom:1px dashed #999999; }
a.socnav:hover {color:#6699CC;text-decoration:underline;}

.socnav {color:#333333;}

a.socnavsel, a.socnavsel:visited { font-size:0.8em; display:block; margin-top:2px; margin-left:2px; margin-right:2px;
 color:#6699CC; text-decoration:none; border-bottom:1px solid #999999;}

a.connav, a.connav:visited { font-size:0.8em; display:block; margin-top:1px; margin-left:2px;  margin-right:2px; text-decoration:none;
 border-bottom:1px dashed #999999; padding:10px;}
a.connav:hover {color:#663366;text-decoration:underline;}

.connav {color:#333333;}

a.connavsel, a.connavsel:visited{ font-size:0.8em; display:block; margin-top:1px; margin-left:2px; color:#663366; text-decoration:none;
 border-bottom:1px solid #999999;}



div#floatmenu {
 float:right; border:1px solid #999999; border-top:4px solid #333333;; width:125px; min-height:75px; height:auto;
background-image:url(../images/line1.gif); background-repeat:repeat-x;
 padding:10px; font-size:0.8em; margin:2px 2px 2px 4px; min-height:75px;
}
div#floatmenu a {text-decoration:none; padding-left:4px;padding-right:2px;  line-height:25px;}
div#floatmenu a:hover {text-decoration:underline;}

.pf { color:#333333; }
.forms {color:#6799FF;}
.ratecompare {color:#339966;}
.calculator {color:#CC3333;}

.info {
position:absolute;
 margin:0 auto;
 top:160px;
 display:none; 
 background-color:#E6D9F2;
 z-index:100;
 padding:10px;
 border: solid 1px #333333;
 width: 460px;
 font-size:0.8em;
 text-align:justify;
 height:400px;
 overflow:auto;}
 
 .infobut a:hover{
text-decoration:underline;

}

 .infotitlem { border-bottom:1px solid #9966CC;  font-weight:bold; padding:2px; }
 .infotitles { border-bottom:1px solid #339966;  font-weight:bold; padding:2px;}


 
.SubText {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	margin-left:2px;
}

.MainText {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-left:6px;
	margin-right:6px;
}
.MainTextRed {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	
	color:#CC0000;
}

.MainTextSmall {
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-left:4px;
	margin-right:4px;
}
.MainTextList {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:4px;
	text-align:left;
}


.WelcomeText {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-left:2px;
	margin-right:4px;
	color:#FFF;
	float:left;
	
	padding-left:2px;
	margin-bottom:2px;
}

.RateText {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}
.RateTable {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}

.RateTableWhite {
	font-size:0.8em;
		color:#FFFFFF;
	background-color:#339966;
	
}
.WarningText {
	color: #CC3300;
	font-weight: bold;
	font-size:0.8em;
	border: 1px solid red;
	text-align:center;
	padding-left:10px; padding-right:10px;
	margin-below:5px;
	
	}
	
	.WarningTextLarge {
	color: #CC3300;
	font-weight: bold;
	font-size:1.2em;
	text-align:center;
	padding-left:10px; padding-right:10px;
	margin-below:5px;
	
	}
	
.FSAFooter {
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}




form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 10px;
  background-color:#E1C1E1;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	
}

form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#savingstable {border-collapse:collapse; width:580px; font-size:0.8em;  margin:0 auto; border:1px solid #339966; padding:2px; }

#savingstable caption {text-align:left; padding-bottom:5px;}
#savingstable th.toph {background-color:#339966; color:#FFFFFF;font-weight:normal; text-align:center;}
#savingstable th {font-weight:normal; border:1px solid #339966; padding:2px;}
#savingstable td {text-align:center; border:1px solid #339966; padding:4px; width:105px; }
#savingstable td.termsinfo {width:560px; text-align:left;}
#savingstable tr.alt {background-color:#D3F1E2 ;}
#savingstable td.terms {background-color:#339966; color:#FFFFFF; text-align:left;}

#mortguide {padding:10px; background-color:#E6D9F2; font:Arial; font-size:0.9em; border:1px solid black; width:500px;}
#mortguide a, #mortguide a:visited {text-decoration:none; color:#000000;}
#mortguide a:hover {text-decoration:underline;}

#savguidetbl {border:1px solid #ccc; background-color:#D3F1E2;font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif; width:600px; margin-top:10px; float:right;}

#savguidetbl a, #savguidetbl a:visited {text-decoration:none;color:#000000;}
#savguidetbl a:hover {text-decoration:underline;}