/*------General-------*/
* { padding: 0; margin: 0; }
body { font-family: 'helvetica neue', helvetica, arial, sans-serif; color: #333333; }
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #999999; }
.biggertext { font-size:1.1em; font-weight:bold; }
.grey { color: #666666; font-weight: bold; }
.black { color: #000000 }
input:focus { background-color: #E6E6E6 }
textarea:focus { background-color: #E6E6E6 }
p { margin-bottom:1.2em; line-height: 1.7em; font-size: 0.8em; }
h1 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 1.1em; color: #9D855B; }
h2 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 1.1em; color: #000000; }
h3 { font-size: 1.2em; letter-spacing: -1px; margin-bottom: 25px; color: #000000; margin-top: 15px; padding-left: 20px; }
ol { margin-left:2em; line-height: 2em; font-size: 0.8em; margin-bottom: 1.5em; }
.list { margin-left:20px; font-size: 0.9em; line-height: 2em; font-weight: bold; }

/*--------Header-------*/
#header { margin-right:auto; background-color: #000000; margin-left: auto; height: 107px; text-align: left; background-image: url(../images/top-bg.png); float: left; width: 100%; }
#logo { text-align: left; float:left; width:407px; margin-top: 25px; }
.container { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; text-align: right; height: 72px; }
.containerfloat { width:910px; float:left; }
#country p { margin: 0; line-height: 2.1em; text-align: right; }

/*--------Navigation------*/
#topflags { float: right; width: 400px; margin-top: 16px; margin-bottom: 0px; height: 29px; }
#navholder { float: right; width: 450px; height: 30px; margin-top: 32px; }
#navholder span { display:none; }
#nav:after { content: ""; display: block; height: 0; clear: both; height: 100%; }
#nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav a { float: right; display: block; text-decoration: none; text-indent: -9999px; height: 30px; overflow: hidden; }
#nav a#home { background: url(../images/menu-homeroll.png); width: 70px; }
#nav a#homestatic { background: url(../images/menu-homestatic.png); width: 70px; }
#nav a#mortgages { background: url(../images/menu-mortgagesroll.png); width: 110px; }
#nav a#mortgagesstatic { background: url(../images/menu-mortgagesstatic.png); width: 110px; }
#nav a#protection { background: url(../images/menu-protectionroll.png); width: 110px; }
#nav a#protectionstatic { background: url(../images/menu-protectionstatic.png); width: 110px; }
#nav a#banking { background: url(../images/menu-bankingroll.png); width: 143px; }
#nav a#bankingstatic { background: url(../images/menu-bankingstatic.png); width: 143px; }
#nav a:hover#home { background-position: bottom; }
#nav a:hover#mortgages { background-position: bottom; }
#nav a:hover#protection { background-position: bottom; }
#nav a:hover#banking { background-position: bottom; }

/*------Main------*/
#splash { margin-right:auto; margin-left: auto; float: left; width: 100%; height: 307px; background-image: url(../images/lml_v6_usa.jpg); background-position: center; background-repeat: no-repeat; }
#splashholder { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; height: 261px; }
#splashholdersecondary { margin-left:auto; margin-right:auto; width:910px; font-size: 0.9em; text-align: right; height: 90px; }
#splashseconarytext { text-align:left; padding-top: 70px; padding-right: 10px; }
#splashcontent { width: 359px; height: 118px; float: left; text-align: left; padding: 20px; line-height: 1.6em; }
#middleholder { margin-right:auto; background-color: #F1F1F1; margin-left: auto; float: left; width: 100%; background-image: url(../images/middle-fade.png); background-repeat: repeat-x; padding-bottom: 40px; }
#maincontent { margin-left:auto; margin-right:auto; width:906px; font-size: 0.9em; margin-top: 30px; }
.column { float:left; width:250px; margin-right: 61px; margin-bottom: 30px; }
.column-margin2 { float:left; width:250px; margin-right: 25px; margin-bottom: 30px; }
.column-margin2 li { font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-top: 3px; padding-bottom: 3px; margin: 0px; padding-right: 0px; padding-left: 0px; list-style-type: none; list-style-image: none; }
.column3 { float:left; width:283px; margin-bottom: 40px; }
.columnwide { float:left; width:630px; margin-bottom: 40px; padding: 20; }
.columnwide2 { float:left; width:908px; padding: 20; }
.columnwide2 ul { margin-left:1em; font-size: 0.9em; }
.columnwide2 li { margin-left:1em; margin-bottom: 1em; }
.ratebox { width:245px; paddnig:20px; background-color: #FFFFFF; padding: 15px; border: 1px solid #999999; margin-bottom: 15px; }
.whitebox { paddnig:20px; background-color: #FFFFFF; padding: 15px; border: 1px solid #999999; margin-bottom: 15px; color: #000000; }
.rateheader { font-size:1.1em; line-height: 1.7em; font-weight: bold; }
.ratetext { font-size:0.9em; line-height: 1.9em; }
.ratedisclaimer { color: #9D855B; }

.column-left { float:left; width:250px; margin-right: 40px; margin-bottom: 30px; }
.column-right { float:left; width:283px; margin-bottom: 40px; clear: right; }
.column-middle { float:left; width:295px; margin-right: 35px; margin-bottom: 36px; }
#rate-alert { background-image: url(/images/panel-rate-alert2.png); padding: 55px 20px 20px 75px; width: 200px; background-repeat: no-repeat; height: 130px; }

/*------to do with flags-----*/
#country { float: left; color: #FFFFFF; padding-left: 0px; height: 32px; width: 200px; }

/*------Footer-------*/
#footer a { color: #666666; }
#footer a:visited { color: #666666; }
#footer a:hover { color: #000000; }
#footer { margin-right:auto; margin-left: auto; color: #333333; float: left; width: 100%; padding-top: 20px; background-image: url(../images/footer-bg.png); height: 250px; }
#footerleft { float:right; width:260px; }
#footerright { float:right; width:900px; line-height: 100em; }
.footertext { line-height: 1.4em; color: #666666; font-size: 0.9em; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px; width: 240px; list-style-image: none; }
#footer li { border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #999999; padding-top: 4px; padding-bottom: 0px; margin: 0px; padding-right: 0px; padding-left: 0px; list-style-type: none; list-style-image: none; height: 20px; font-size: 0.8em; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; }
.currencybox { float:right; padding: 8px 0px 8px 0px; z-index: -1;}

.columnwide 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: 5px; border-style: solid; padding: 20px; margin: 10px; }
.columnwide form label { display: block; float: left; width: 230px; padding: 0px; text-align: left; margin: 0px 10px 15px 20px; font-size: 0.8em; }
.columnwide textarea { overflow: auto; }
.columnwide form br { clear:left; }