/*
  North Star
  Screen Stylesheet
*/  @import url("reset.css");

  body {
    background: #FFF url(/images/bg_body.gif) top left repeat-x;
    font-family: Arial, Verdana, sans-serif;
  }

  #wrap {
    width: 968px;
    margin: 0 auto;
    background: #ccc;
    overflow: hidden;
    background: url(/images/bg_side.gif) top right repeat-y;
    }
  #bar {
    margin-bottom: 10px;
    }
  #footer {
    background: url(/images/bg_bottom.gif) top left no-repeat;
    padding-top: 40px;
    width: 968px;
    margin: 0 auto;
    clear: both;
    }
  #footer p, #blurb p {
    font-size: 0.8em;
    line-height: 1.2em;
    margin: 0 0 1em 1em;
    font-weight: bold;
    }
  #sitemap {
    background: url(/images/bg_footer.gif) top left no-repeat;
    height: 270px;
    padding: 10px;
    }
  #sitemap h2 {
    padding: 20px 0 10px 20px;
    width: 440px;
    color: #fff;
    border-bottom: #5da6ce solid 1px;
    font-size: 1.6em;
    font-weight: normal;
    }
  #sitemap ul {
    float: left;
    color: #fff;
    padding: 20px 100px 0 20px;
    }
  #sitemap ul li {
    padding: 7px;
    }
  #sitemap ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: bold;
    }
  #skip {
    position: absolute;
    top: -999em;
    left: 0;
    }

/* contact ############## */
#contact form{margin:17px 0;}
#contact ol {
    float: left;
    }
#contact ol.middle {
    margin: 0 12px;
    padding: 0 12px;
    border-right: 1px solid #dbe4e7;
    border-left: 1px solid #dbe4e7;
  }
#contact form p {text-align: right;}
#contact .text{width:200px;font-size:.8em;margin:7px 1px;}
#contact select.text{width:206px;}
#contact textarea.text{height:91px; font-family: Arial, Verdana, sans-serif;}

/* ############## contact */

/* content ############## */
  #content {
    width: 718px;
    float: left;
    }
  #content h1 {
    font-size: 1.6em;
    font-weight: normal;
    color: #3ba1e3;
    border-bottom: solid 5px #3ba1e3;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    }
  #content h2 {
    font-size: 1em;
    font-weight: normal;
    color: #3ba1e3;
    margin-bottom: 1em;
    }
  #content h3 {
    font-size: 0.9em;
    font-weight: bold;
    color: #3ba1e3;
    margin-bottom: 0.5em;
    }
  #content h3 a {
    margin-left: 1.5em;
    }
  #content h4 {
    font-size: 0.8em;
    font-weight: normal;
    color: #3ba1e3;
    line-height: 1.2em;
    margin-bottom: 1em;
    }
  #content p {
    color: #000;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 1em;
    }
  #content ul {
    color: #000;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 1em;
    }
  #content ul li {
    padding-left: 20px;
    margin-left: 20px;
    margin-bottom: 5px;
    background: url(/images/arrow.gif) 0 50% no-repeat;
    }
  #content a {
    color:#06699F;
    }
  #content a:visited {
    color:#3BA1E3;
    }
/* ############## content */


/* calculator ############## */

  #calculator {
    font-size: 0.8em;
    }
  #calculator li {
    margin: 7px 0;
    }
  #calculator li label{
    display: block;
    padding: 4px 0;
    float: left;
    width: 95px;
    }
  #calculator li.result {
    font-size: 1.3em;
    color: #3ba1e3;
    margin: 10px 0;
    }
  #calculator li em {
    padding: 7px 0;
    color: #06699F;
    font-weight: bold;
    font-style: normal;
    }

/* ############## calculator */


/* header ############## */
#header{
    width: 968px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom:8px;
    }
#header #logo{margin-top:9px;height:106px;}
#header #logo img{margin-top:24px;}
#header #logo p{margin-top:40px;margin-left:15px;color:#06699f;font-size:2em;float:left;display:inline;width:707px;}
/* ############## header */

/* navigation ############## */

#navigation > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation
{
	list-style:none outside;
	height:35px;
	width:100%;
}
#navigation li
{
	float:left;
	list-style:none outside;
  background:url("/images/nav_left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
#navigation li a
{
	float:left;
	display:block;
	color:#707070;
	font-size:.9em;
	font-weight:700;
	line-height:35px;
	text-decoration:none;
  background:url("/images/nav_right_both.gif") no-repeat right top;
  padding:0px 15px 0px 6px;
}
#navigation li.current a
{
	display:inline;
  background-position:100% -150px;
	color:#FFF;
}
#navigation li.current {
  background-position:0 -150px;
  border-width:0;
  }
#navigation li:hover, #navigation li:hover a {
  background-position:0% -150px;
  color:#FFF;
  }
#navigation li:hover a {
  background-position:100% -150px;
}
/* ############## navigation */

/* banner ############## */
#banner{margin-top:10px;background:url(/images/banner.jpg) no-repeat;height:200px;}
#banner ul,#banner p{text-indent:-999px;}
#banner img{float:right;margin:165px 10px 0 0;}
#banner hr{display:none;}
/* ############## banner */

/* column ############## */
#column{width:230px;float:right;padding-right:13px;}
#column form{margin:17px 0;}
#column form input.image{margin:17px 0 21px 58px;}
#column .text{width:200px;font-size:.8em;margin:7px 1px;}
#column select.text{width:206px;}
/* ############## column */

/* box ############## */
.box{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background:#FFF;width:100%;float:left;margin:0 auto 8px auto;}
.box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.box .content{clear:both;position:relative;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;padding:6px 20px;}
.box span{width:14px;height:14px;display:block;position:relative;overflow:hidden;}
.tl{background:url(/images/corner.gif) 0 0;float:left;margin-top:-1px;margin-left:0;}
.tr{background:url(/images/corner.gif) 14px 0;float:right;margin-top:-1px;margin-right:0;}
.bl{background:url(/images/corner.gif) 0 14px;float:left;margin-bottom:-1px;margin-left:0;}
.br{background:url(/images/corner.gif) 14px 14px;float:right;margin-bottom:-1px;margin-right:0;}

.fade .box {margin:0 0 8px 0;background: #f6fbfe url(/images/bg_fade.gif) repeat-x bottom;border-color: #a0d6f8;}
.fade .content {padding:0 10px 6px 10px;border-color: #a0d6f8;}
.fade .tl{background:url(/images/corner_column.gif) 0 0;float:left;margin-top:-1px;margin-left:0;}
.fade .tr{background:url(/images/corner_column.gif) 14px 0;float:right;margin-top:-1px;margin-right:0;}
.fade .bl{background:url(/images/corner_column.gif) 0 14px;float:left;margin-bottom:-1px;margin-left:0;}
.fade .br{background:url(/images/corner_column.gif) 14px 14px;float:right;margin-bottom:-1px;margin-right:0;}
/* ############## box */

  .clear {
    clear: both;
    overflow: hidden;
    height: 0;
    visibility: hidden;
  }

div#scr1 {
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
line-height: 1.4em;
left: 22px;
}
div#scr1 span {
font-size:1.1em;
float: right;
padding-top: 20px;
}

/* Calls To Action */

div.cta_box {
  height: 250px;
  width: 238px;
  float: left;
  clear: none;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0px;
  margin: 0px;
}

div.cta_box a {
  text-decoration: none !important;
  color: #000000 !important;
  font-size: 12px !important;
}

div.cta_box h2 a {
  color: #2091D9 !important;
  font-size: 26px !important;
}
div.cta_box h2 {
  width: 219px;
  height: 22px;
  padding-top: 20px;
  padding-left: 20px;
  margin: 0px !important;
  cursor: pointer !important;
}
div.cta_box span {
  display: block;
  height: 198px;
  width: 202px;
  padding-top: 10px;
  padding-left: 22px;
  padding-right: 15px; 
  line-height: 16px;
  cursor: pointer !important;
}

div#CTAbuying { background-image: url('/images/cta_01_nt.gif'); }
div#CTAremortgaging { background-image: url('/images/cta_02_nt.gif'); }
div#CTAbuytolet { background-image: url('/images/cta_03_nt.gif'); }
div#CTAinsurance { background-image: url('/images/cta_04_nt.gif'); }
div#CTAsolicitors { background-image: url('/images/cta_05_nt.gif'); }
div#CTAhip { background-image: url('/images/cta_06_nt.gif'); }