/*
1. Global
2. Layout and structure
3. Navigation
4. The Magic
5. Hover effects
6. Typography
7. Images
*/


/*1. Global*/
* { margin:0; padding:0; }
body {color:#222; font:62.5% Arial, Helvetica, sans-serif; margin-top:12px;}
img a { border:0}
.clear { clear:both}

/*2. Layout and structure - see ie6 fixes*/ 
#wrapper { width:832px;}
#header{clear:both}
#banner{ clear:both; background:#ecf5ff url(/images/bg_home.jpg) no-repeat; height:172px}
#banner_m{ clear:both; background:#ecf5ff url(/images/bg_mortgages.jpg) no-repeat; height:172px}
#banner_i{ clear:both; background:#ecf5ff url(/images/bg_insurance.jpg) no-repeat; height:172px}
#banner_f{ clear:both; background:#ecf5ff url(/images/bg_financial.jpg) no-repeat; height:172px}
#banner_a{ clear:both; background:#ecf5ff url(/images/bg_about.jpg) no-repeat; height:172px}
#banner_e{ clear:both; background:#ecf5ff url(/images/bg_enquiry.jpg) no-repeat; height:172px}
#banner_c{ clear:both; background:#ecf5ff url(/images/bg_calc.jpg) no-repeat; height:172px}
#body{clear:both}
.left{ width:284px; float:left;}
.right{ width:548px; float:right;}
.box {width:163px; float:left; margin:20px 13px 15px 6px}
.box2, .box3 {width:163px; float:right; margin:33px 13px 15px 6px; background:#ecf5ff; padding-top:12px; border:6px solid #F7FCFF; border-width:6px 0}
.box3 { margin-top:0}
.boxtext, .boxtext3 { padding:6px;}


/*3. Navigation*/
#tel { margin:6px 6px 0 0; padding:0; clear:both; float:right; font-size:1.2em}
#tel li { display: inline; list-style-type: none; padding-left: 15px;}

#topnav { margin:10px 6px 0 0; padding:0; clear:both;float:right; text-align:right; width:500px}
#topnav li { display: inline; list-style-type: none; padding-left: 15px;}
#topnav a { color:#036; text-decoration:none; font-size:1.2em}
#topnav a:hover {color:#222;}

ul#sidenav {margin:48px 12px 0 92px; padding:0}
ul#sidenav  {border-bottom:solid 1px #fff;}
ul#sidenav li {margin:0;padding:0;list-style-type:none;}
ul#sidenav li { border-top:solid 1px #fff; padding:0; margin:0}
ul#sidenav li a {font-size:1.3em; font-weight:bold; color:#036;text-decoration:none;display:block;height:100%;background: url("/images/nav_bullet_off.gif") no-repeat 13px 10px; margin:0px; padding:6px 0 6px 30px }
ul#sidenav li a:hover {background:#F7FCFF url("/images/nav_bullet_on.gif") no-repeat 13px 10px;}
ul#sidenav li a:active {background:#fff url("/images/nav_bullet_active.gif") no-repeat 13px 10px;}

ul#sidenav ul.subnav {margin:0; padding:0}
ul#sidenav ul.subnav  {border-bottom:0;}
ul#sidenav ul.subnav li {margin:0;padding:0;list-style-type:none;}
ul#sidenav ul.subnav li { border-top:0; padding:0; margin:0}
ul#sidenav ul.subnav li a {font-size:1.1em; color:#006893;text-decoration:none;display:block;height:100%;background: none;margin:0px; padding:0px 0 6px 30px }
ul#sidenav ul.subnav li a:hover {background: none; font-weight:bold; color:#222}
ul#sidenav ul.subnav li a:active {background: none}

/*4. The Magic*/
.left ul ul {display:none;}
body#A #sidenav #A, body#B #sidenav #B, body#C #sidenav #C{ display:block; }

/*5. Hover effects*/
.border img {border:#ecf5ff 6px solid; margin-top:3px}
.border:hover img{ border:#D4E5F5 6px solid;}
.border:hover{color:#D4E5F5; /* overcome IE bug */}

/*6. Typography*/
h1 { display:none}
h2 { display:none}
h3 {color:#036; margin:10px 0 0 0; padding:0 0 0 12px;font-size:1.6em; width:97%; border-bottom:1px solid #EDF6FF;}
h4 {color:#036; margin:13px 0 0 92px; padding:0; font-size:1.4em; width:180px; border-bottom:1px solid #EDF6FF;}
p {font-size:1.3em; line-height:18px; margin:10px 12px}
p a { color:#036;}
p a:hover { text-decoration:none }
p.address { margin:10px 0 30px 120px; color:#036}
p.team { color:#036}
p.pre { font-size:1.5em}
p.footer{ color:#000;}
p.disclaimer1{ font-size:1em; color:#333; line-height:15px; border-top:1px solid #EDF6FF; padding:10px 0 0 0 }
p.disclaimer{ font-size:1em; color:#333; line-height:15px; border-top:1px solid #EDF6FF; padding:10px 0 0 0 }
.boxtext { font-size:1.1em; color:#036}
.boxtext a {color:#036; text-decoration:none;}
.boxtext3 a {color:#036; text-decoration:none; font-size:1.2em}

.tel { color:#036}
.nowrap { white-space:nowrap}
.boldblue { color:#036; font-weight:bold}
blockquote { border:1px solid #ECF5FF; padding:15px 10px; font-size:1.3em; font-weight: bold; color:#036; text-align:center; margin:0 10px; background:#F7FCFF}
blockquote a{ color:#036; text-decoration:none;}
blockquote a:hover{ color:#006893; text-decoration: underline}

a.click { font-weight:bold}
a:hover.click { text-decoration:underline}

/*7. Images*/
.logoimg { margin:0 0 0 10px}
.banimg { margin:30px 0 0 12px}
a[class ="popup"] {
   padding-right: 18px;
   background: transparent url(/images/external.gif) no-repeat center right;
}