body,html {margin:0;padding:0;background:url(/images/line_bg.gif) repeat top left;color:#333; font:12px/20px Arial, Helvetica, sans-serif; }
body {min-width:754px}
/*Main Layout*/
#wrap {background:#fff;margin:20px auto;width:754px;border:#f2f2f2 solid 1px}
#main {background:#fff url(/images/main_bg.gif) no-repeat 13px 380px;float:right;width:515px;}
#sidebar {background:#fff url(/images/nav_bg.gif) no-repeat 0 21px;float:left;width:239px}
#footer {background:#fff url(/images/bg_footer.gif )no-repeat top left;clear:both; margin:0 0 10px 0; height:69px}
/*Internal layouts*/
#logo img { margin:47px 0 0 53px}
#nav {margin:0 26px 0 13px;}
/*Top Horizontal Navigation*/
#navlist {margin:21px 26px 0 13px; padding:0;}
#navlist li { margin:0 ; padding:0; display: inline;list-style-type: none;}
#navlist a { line-height:14px; margin:0 28px 4px 0px; text-decoration:none; color:#9e1b34; font-weight:bold;letter-spacing:1px}
#navlist #lastli a {margin-right:0}
#navlist a:hover {border-bottom:3px solid #002569; padding-bottom:2px; color:#9e1b34}
#navlist a.active {border-bottom:3px solid #002569; padding-bottom:2px; color:#9e1b34}
/*Vertical Navigatuion*/
#navcontainer {width:200px;margin:10px 0 0 0;}
#navcontainer ul {margin:0 0 0 25px;padding:0;list-style-type:none;border-bottom:1px solid #ededed;font:12px arial,verdana,Helvetica,sans-serif; font-weight:bold}
#navcontainer li {margin:0;padding:0}
#navcontainer ul li a {display:block;padding:8px 10px 8px 35px;width:155px;color:#001b4b;background:#fff url(../images/arrow.gif) no-repeat 10px 55%;text-decoration:none;border-top:1px solid #ededed;letter-spacing:1px}
#navcontainer ul li a:hover {color:#fff;background:#002569 url(/images/arrow_on.gif) no-repeat 10px 55%;text-decoration:none;border-top:1px solid #ededed}
#navcontainer ul ul {border:0;margin:0;padding:0}
#navcontainer ul ul li {margin:0;padding:0;list-style-type:none;}
#navcontainer ul ul li a {display:block;padding:8px 10px 8px 45px; width:145px;color:#001b4b; background:#fff;text-decoration:none; border:0; font-weight:normal; font-size: 11px;}
#navcontainer ul ul li a:hover {color:#001b4b;background:#eee url(/images/arrow2.gif) no-repeat 10px 55%;text-decoration:none;border:0}
#navcontainer ul ul li.last {padding-bottom:8px}
/*active on states*/
#navcontainer ul a.active { background:#002569 url(/images/arrow_down.gif) no-repeat 12px 55%; color:#FFF}
#navcontainer ul ul a.active { background:#fff url(/images/arrow2_on.gif) no-repeat 10px 55%; color:#001b4b}
/*The Magic*/
#navcontainer ul ul {display: none}
body#mortgages #A,body#protection #B,body#general #C,body#retirement #D,body#investments #E,body#estate #F {display:block}
/*Typography*/
h1 {margin:0 26px 10px 13px; padding:0; color:#000033; display:none}
h2 {margin:10px 0 7px 13px; font-size:14px;clear:both; color:#001b4b}
#main p {margin:0px 26px 10px 13px; text-align:justify}
#main p.first {margin:10px 26px 10px 13px;color:#003366; font:14px/20px Arial, Helvetica, sans-serif;}
#main p.last {margin:10px 26px 26px 13px;}
#sidebar p{margin: 0 13px 0 0; font:12px/15px Arial, Helvetica, sans-serif;}
#footer p {padding:20px 0 0 250px;margin:0; font-size:11px; color:#666666}
#footer p a {color:#002569; text-decoration:none}
#footer p a:hover { text-decoration:underline}
.toplink a {float:right; border:0; color:#002569; text-decoration:none; font-size:11px; margin-right:5px}
.toplink a:hover { text-decoration:underline}
.bottomlink a {float:right; border:0; color:#002569; text-decoration:none; font-size:11px; margin-right:30px}
.bottomlink a:hover { text-decoration:underline}
.disclaimer { font-size:11px; color:#666; border-top:1px dashed #001b4b; padding:10px 0 0 0; line-height:1.3}
.bodylink a {border:0; color:#002569; text-decoration:none; font-size:11px; margin-right:30px}
.bodylink a:hover { text-decoration:underline}
p.introp { color:#003366; font:13px/17px Arial, Helvetica, sans-serif; padding-top:10px}
/*images*/
#main img {margin:27px 26px 27px 13px}
.floatleft {float:left; margin:0 3px 10px 26px}
.sidelink {margin:25px 0 0 25px}
p.callus {color:#003366; font-weight:bold;}
/*Unordered Lists*/
ul.sitemaplist { list-style:none}
ul.sitemaplist li a {color:#333; text-decoration:none; font-weight:bold; color:#001b4b}
ul.sitemaplist li a:hover {text-decoration:underline}
ul.sitemaplist li ul { list-style:square}
ul.sitemaplist li ul li a { font-weight:normal}
ol { margin:0 26px 10px 0px; padding:0 0 0 26px}
ol li { padding:3px 0}
ul{ margin:0 26px 10px 0px; padding:0 0 0 26px ; list-style:square}
ul li { padding:3px 0}
ul ul{ margin:0 0 10px 0px; padding:0 0 0 26px; list-style:square}
ul ul li { padding:3px 0}
ul li ul li { margin:0 26px 10px 0px; padding:0 0 0 8px; list-style:square}
ul ul ul li { padding:3px 0}
/*Table*/
form {margin:0; padding:0}
.enquiry {width:476px; margin:0 0 0 13px; border-collapse: collapse; border:0}
.enquiry td {font-size:12px; padding:3px 0px}
form input, select, textarea {font-family: Tahoma, Arial, Helvetica; font-size: 8pt; line-height: 10pt; font-weight: normal; color: #000}
#submit {padding:10px;}
table.tbladdress { margin:13px 13px}
table.tbladdress td { padding:1px 0 0 0 }
/*Flash*/
.flashwrap { margin:10px 0 10px 25px}
.flash-replaced .alt {display: block;height: 0;position: absolute;overflow: hidden;width: 0;}
a.leaving, input.leaving { background: transparent url(/images/arrow.gif) no-repeat center left; border: 1px solid #EDEDED; color: #002569; cursor:pointer; display: inline; float:left; font: 12px/20px Arial, Helvetica, sans-serif; margin-right: 10px; padding: 4px 8px 4px 20px; text-decoration: none; font-weight: bold; font-size: 1.1em; text-transform: uppercase; }