body { background:#f76601 url(../images/page-back.gif) repeat; font-size:12px; color:#454545; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0} #global { width:900px; margin-left:auto; margin-right:auto; border-right:#FFFFFF solid 9px;border-bottom:#FFFFFF solid 25px;border-left:#FFFFFF solid 9px; background-color:#FFFFFF; text-align:left;} #logo { float:left; padding: 10px 0px 10px 0px;} #logo a, #logo a:hover { text-decoration:none} #toplogo { float:right; width:360px; height:110px;} .searchfmd { padding:10px 0 0 0; width:250px; height:32px; float:right; } #toplinks ul { color:#2f2f2f; font-size: 14px; font-weight: bold; margin:0; padding:0 0 0 13px;} #toplinks { width:300px; height:70px; float:right; padding-top:0px; } #toplinks li {padding-bottom:5px;list-style-image: url(../images/bullet01.gif);list-style-position: outside center;list-style-type: none;} #toplinks li a, #toplinks li a:hover { color:#999999; text-decoration:none; font-size:14px; font-weight:normal } #railway { width:935px; color:#999999; font-size:10px; padding:10px 0 0 5px;;} #railway a { color:#999999; } #railway a:hover { color:#00395a; text-decoration:none } #homebannerlarge { width:935px; padding:0 0 0 0; } #homeleftcol { width:720px; float:left; padding-top:20px;} #homerightcol { width:220px; float:right; padding-top:20px; } #homeleftcol2 { width:220px; float:left; padding-top:20px;} #homerightcol2 { width:440px; float:left; padding-top:20px; } #bigbox { width:700px; height:291px; background-image:url(../images/spotlight.jpg); background-position:left top; background-repeat:no-repeat;} #bigboxtxt { width:425px; height:73px; padding:175px 0 0 40px; float:left;} #bigboxlink { width:185px; text-align:center; padding-top:202px; float:left} #bigboxlink a { color:#FFFFFF; text-decoration:none; font-size:14px} #bigboxlink a:hover { color: #FFFF00} #bigboxlink2 { width:700px; text-align:center; padding-top:3px; clear:both} #bigboxlink2 a { color:#FFFFFF; text-decoration:none; margin:0 50px 0 50px;} #bigboxlink2 a:hover { color: #FFFF00} #bigboxblank { width:700px; } #bigboxblank h1 { padding-top:40px;} #miniboxcall { width:221px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-call.jpg); background-position:left top; background-repeat:no-repeat; float:left; } #miniboxquote { width:221px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-quote.jpg); background-position:left top; background-repeat:no-repeat; float:left; } #miniboxbranch { width:217px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-branch.jpg); background-position:left top; background-repeat:no-repeat; float:left} #miniboxcall p, #miniboxquote p, #miniboxbranch p { width:140px; text-align:left} #miniboxcall2 { width:205px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-call.jpg); background-position:left top; background-repeat:no-repeat; float:left; } #miniboxquote2 { width:223px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-quote.jpg); background-position:left top; background-repeat:no-repeat; float:left; margin-top:30px; } #miniboxbranch2 { width:197px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-branch.jpg); background-position:left top; background-repeat:no-repeat; float:left; margin-top:30px;} #miniboxcall2 p, #miniboxquote2 p, #miniboxbranch2 p { width:140px; text-align:left} #artpicture { width:240px; height:160px; float:left; } .headbox{ width:197px;padding:5px 10px 0px 10px; background-image:url(../images/bkg-minibox.gif); background-position:left top; background-repeat:no-repeat; float:left; } .headboxhome{ width:197px;padding:5px 10px 0px 10px; background-image:url(../images/bkg-miniboxhome.gif); background-position:left top; background-repeat:no-repeat; float:left; } .colbox { width:197px; padding:5px 10px 10px 10px; background-image:url(../images/bkg-colbox.gif); background-position:left bottom; background-repeat:no-repeat; float:left; margin-bottom: 20px; } .colbox8 { width:197px; height:219px; padding:5px 10px 10px 10px; background-image:url(../images/bkg-colbox-v2.gif); background-position:left bottom; background-repeat:no-repeat; float:left; margin-bottom: 20px; } .colbox ul { margin: 0 0 0 10px; padding:10px 0 10px 10px; } .colbox li {list-style-image: url(../images/puce.gif);list-style-position: outside center;list-style-type: none;} .contactusbox { width:430px; border: 3px solid #DDD; padding:10px; margin-bottom:20px; float:left} .contactusbox p { text-align:center} /*home*/ .colboxhometools { width:197px; padding:5px 10px 10px 10px; background-image:url(../images/bkg-colboxhome.gif); background-position:left bottom; background-repeat:no-repeat; float:left; margin-bottom: 20px; } #footer { clear:both; width:940px; padding-top:15px; color:#999999; text-align:center} #footer a { color:#999 } .blackfooter {color:#000000} /* homepage v2 big box */ #bigbox8 { width:900px; height:220px; padding-top:5px; } #bigboxtxt8 { width:425px; height:73px; padding:175px 0 0 70px; float:left;} #bigboxlink8 { width:185px; text-align:center; padding:202px 0 0 110px; float:left} #bigboxlink8 a { color:#FFFFFF; text-decoration:none; font-size:14px} #bigboxlink8 a:hover { color: #FFFF00} #bigboxlink9 { width:930px; text-align:center; padding-top:3px; clear:both} #bigboxlink9 a { color:#FFFFFF; text-decoration:none; margin:0 75px 0 75px;} #bigboxlink9 a:hover { color: #FFFF00} #bigboxblank8 { width:700px; } #bigboxblank8 h1 { padding-top:40px;} #miniboxfhb { width:283px; height:103px; padding:5px 10px 10px 10px; background-image: url(../images/minibox-fhb.gif); background-position:left top; background-repeat:no-repeat; float:left; cursor:pointer; } #miniboxtools { width:283px; height:103px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-handy-tools.gif); background-position:left top; background-repeat:no-repeat; float:left; cursor:pointer; } #miniboxquote { width:278px; height:103px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-quote.gif); background-position:left top; background-repeat:no-repeat; float:left; cursor:pointer; } #miniboxfhb p, #miniboxquote p, #miniboxtools p { width:190px; text-align:left} /*-- txt class --*/ h1 {font-family: "Tahoma"; font-size:20px; color:#00395a; } h2 {font-family: "Tahoma"; font-size:16px; font-weight:bold; border-bottom:1px dotted #CCCCCC; color: #454545; } h3 {font-size:12px; font-weight:bold; text-align:justify;} h5 { font-size:10px} p { text-align:justify} a {color:#00395a; font-weight:bold; text-decoration:none} a:hover { text-decoration:underline} .number { font-size:20px; font-weight: bold; color:#00395a; margin-left:3px; background: url(../images/phone-icon.jpg) no-repeat left; padding-left: 20px; width: 130px; float: right; vertical-align: middle; padding-top: 6px;} .redlogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:42px; color:#00395a; font-weight:bold} .blacklogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:42px; color:#000000; font-weight:bold} .greylogo, .greylogo a { font-size:40px; color: #999999; font-weight:normal} .tagline { width:430px; padding:2px 0 0 0; margin:0;} .tagline a { font-size:14px; color:#666; margin-right:15px; font-family: Arial, "Arial Black", Verdana, "Trebuchet MS"; } /* .redlogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:38px; color:#00395a; font-weight:bold} .blacklogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:38px; color:#000000; font-weight:bold} .greylogo, .greylogo a { font-size:36px; color: #999999; font-weight:normal} .tagline { width:380px; text-align:center; padding:2px 0 0 0;} .tagline a { font-weight:bold; font-size:12px; color:#000000; text-transform:uppercase; margin-right:15px; letter-spacing:5px; font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; }*/ .mortgage { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; color:#00395a; font-weight:bold} .redablight { font-family: Arial, Verdana, "Trebuchet MS"; color:#00395a; } .redablight2 { font-family: Arial, Verdana, "Trebuchet MS"; color:#00395a; font-size:18px } .first { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; color:#000000; font-weight:bold} .blackab2 { font-family: "Calibri"; color:#00395a; font-weight:bold; font-size:18px} .h1like {font-family: "Arial Black", Arial; font-size:20px; color:#00395a; font-weight:bold} .h2like {font-family: "Arial Black", Arial; font-size:16px; font-weight:bold; border-bottom:1px dotted #CCCCCC;} #miniboxquote p, #miniboxcall p, #miniboxbranch p,#miniboxquote2 p, #miniboxcall2 p, #miniboxbranch2 p { font-size:11px} /*content*/ #homecontentsommaire { width:440px; float:left} #homecontenttxtsommaire { width:400px; float:right; padding:0 20px 0 20px;} #homecontent { width:660px; float:left} #homecontenttxt { width:420px; float:right} #homecontenttxt ul { list-style:square; font-size:15px; font-weight:bold;} .sep { border-top: 10px solid #DDD; margin:20px 0 0 0; } .sep h2,.sep p {font-size:0.9em} .dottedstyle { width:100%;border-bottom:1px dotted #CCCCCC; padding-top:5px;} .floatleft { float:left; padding:5px 5px 0 0; height:67px;} .floatright { float:right; padding:5px 5px 0 0; height:67px; line-height: 60px; text-align:left; widows:130px;} .right_link {border-bottom: 1px dotted #CCCCCC; height:75px; padding-top: 5px; cursor: pointer; text-transform:uppercase; color:#454545; padding-bottom:0px;} .right_link:hover {color: #00395a;} .cap2, .cap2 a { text-transform:uppercase; color:#333333; padding-bottom:30px; font-style:italic} .cap, .cap a { text-transform:uppercase; color:#333333; padding-bottom:0px;} input, textarea { border:#CCC 1px dotted; background-color:#EEE} label { font-size:11px; color:#666666} .underline { color: #999; font-size: 11px; text-align: right; margin: 5px 0 10px; width: 100%; border-top: 1px dotted #999 } ul.branchtable { margin:0; padding:0 0 20px 0; list-style:none; float:left;} ul.branchtable li { clear:both; background-color:#EEEEEE; border:1px solid #FFFFFF; width:450px; height:20px; padding:5px; list-style:none; float:left;} .branchname { float:left;} .branchnum { float:right;color:#00395a;} /* MENU */ .menu { width:900px; height:29px; clear:both; } /* remove the bullets, padding and margins from the lists */ .menu ul{ list-style-type:none; padding:0; margin:0; } /* make the top level links horizontal and position relative so that we can position the sub level */ .menu li{ float:left; position:relative; z-index:100; } .menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active { background-image:url(../images/bkg-menu.gif); background-position:left top; background-repeat:no-repeat; width:180px; height:15px; margin-right:0px; text-transform:uppercase; font-size:12px; color:#FFFFFF; text-decoration:none; } .menu ul li a:hover { background-image:url(../images/bkg-menu-hover.gif); background-position:left top; background-repeat:no-repeat;color:#CCCCCC; background-color:#FFFFFF; text-decoration:none} .menu ul li ul li a, .menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:active {background-image:none;background-color: #eeeeee; width:175px; height: auto;font-size:12px; text-transform:none; color: #333333; text-decoration:none; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC} .menu ul li ul li a:hover { background-image:none; color:#00395a; background-color:#FFF; text-decoration:none; border-left:1px solid #00395a; border-right:1px solid #00395a;} /* use the table to position the dropdown list */ .menu table{ position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:27px; } /* style all the links */ .menu a, .menu :visited { display:block; font-size:12px; width:188px; padding:7px 0; color:#000; background: #FFF; text-decoration:none; margin-right:1px; text-align:center; } /* style the links hover */ .menu :hover{ color:#fff; background:#999999; } /* hide the sub level links */ .menu ul ul { visibility:hidden; position:absolute; width:188px; height:0; } /* make the sub level visible on hover list or link */ .menu ul li:hover ul, .menu ul a:hover ul{ width:188px; visibility:visible; } /* -------------- form-------------*/ .togList { font-family: verdana; margin: 0 0 0; } .togList dt { cursor: pointer; cursor: hand; color: #c00; font-size: 1em; text-decoration: none; } .togList dt span { font-family: verdana; color: #c00; font-size: 1em; text-decoration: none; } .togList dd { width: 500px; margin: 0 0 0; } html.isJS .togList dd { display: none; } .txthome h2 { margin:15px 0 10px 0; border-top:1px dotted #CCCCCC; padding-top:10px; font-size:14px} .txthome p { text-align:justify; font-size:12px} .homeboxtxt { color: #FFF} .pictohome { float:right; padding:15px 15px 0 0; margin: 10px 0 10px 20px; } .homeboxfoot { clear:both; border-top:1px dotted #CCCCCC; margin:10px 0 0 0; padding: 10px 0 0 0; float:left;} .homeboxfoot2 { border-top:1px dotted #CCCCCC; margin:10px 0 0 0; padding: 10px 0 0 0; width:300px; background-color:#CCCCCC;} .quotecontact { width:200px; float:left; margin-left:20px;} .pound { font-size:14px; font-weight:normal; margin-right:5px; } /* tools */ .toolsbox { background-image:url(../images/bkg-toolboxhome.jpg); background-position:left 20px; background-repeat:no-repeat; width:420px; height:110px; padding:28px 15px 0 15px; } .ptools { font-size:13px; font-family: "Arial Black", Arial; margin:0; padding:0;} .tools ul { margin:0; padding:5px 0px; list-style:none;} .tools li { list-style:none; width:135px; height:22px; text-align:center; padding-top:10px; display:inline-block; float:left;} .tools li a { font-size:12px; width:135px;} /* news */ .news { padding:10px 0 0 0;} .news a { text-transform:uppercase; font-size:11px;} .news p { margin:0 5px 0 0; padding:0; font-size:11px;} /* but home */ .buthome { width:304px; height:22px; text-align:center; padding:0 0px 10px 0; } .buthome a { display:block; width:100px; height:19px; background-color:#999999; float:left; padding:4px 0px 0px 0px; background-image:url(../images/bkg-but-top.png); background-repeat:no-repeat; color:#00395a; text-decoration:none;} .buthome a:hover { background-color:#00395a; color:#FFFFFF;} .h1webinar { font-size:10px; height:25px; padding:7px 0 0 8px; margin: 20px 0 0 0; background-image:url(../images/bkg-plus-home.jpg); background-position:left top; background-repeat:no-repeat; clear:both;} .h1webinar h2 { margin:0; padding:0 0 0 30px; font-size:12px; border:0;} /* collapse */ .handcursor{ cursor:hand; cursor:pointer; } .company_name { color: #00395a; font-weight: bold; } #partners { clear:both; width:940px; padding-top:15px; color:#999999; text-align:center } #top_link_button { width: 965px; text-align:left; margin-left:auto; margin-right:auto; } .newsletter { background: url(../images/sign-up.jpg) no-repeat center; } .error {display:none; color:#FF0000; font-size:12px; }