/* start global rules */
.hide { display: none;}
a {text-decoration: none;}
html, body, div, img {margin: 0; padding: 0;}
.notes {font-size:0.75em;}
.look {color: #f60;}
body {background: #fff;}
.white {color: #fff;}
.black {color: #000;}
#content a.white {color: #fff;}
img.fleft {float: left; position: relative; margin-right: 20px; }
img.fright {float: right; position: relative; margin-left: 20px; margin-bottom: 10px; }
.clr {clear: both; padding-top: 20px;}
.flft {float: left;}
.frgt {float: right;}
/* end global rules */

#container {position: relative; margin: 0 10px; padding: 0; border-right: 2px solid #363; background: #fff   url(/imgs/containbg.gif) repeat-y left; font-family: Arial, Helvetica, sans-serif; height: 100%;} 

#banner {position: relative; text-align: right; background:#fff; margin-left: 180px; padding: 10px 20px; font: .8em Arial, Helvetica, sans-serif; display: block; color: #693;}

/* start mainnav */
#mainnav {background: #363; margin-left: 180px; font: .8em Arial, Helvetica, sans-serif; border-top: 5px solid #693; border-bottom: 5px solid #693; padding-left: 10px;}
#mainnav a {color: #fff; margin: 0 5px; text-decoration: none; line-height: 2em; padding: 5px;}
#mainnav a:hover {background: #f60;}
#mainnav a.navon {border-bottom: 5px solid #f60;}
/* end mainnav */

/* start leftnav */
#nav {font: 0.7em Arial, Helvetica, sans-serif; position: absolute; left: 10px; top: 0; text-align: center; background-color: #693; padding-top: 5px; }
#nav ul {margin: 5px 0; padding: 0; list-style-type: none; text-align: left; border-top: 1px solid #fff; background-color: #363;}
#nav li { margin: 0; padding: 0; border-bottom: 1px solid #fff;}
#nav a {display: block; color: #FFF; padding: 2px 8px; text-decoration: none; width: 180px; widt\h: 164px;}
#nav li a:hover {background-color: #f60;}
#nav li a.navon {border-right: 5px solid #f60; padding-right: 3px;}
#nav li a.navon:hover {background-color: #363;}
#nav img {margin: 5px 0 5px 0; border: 0;}

#nav li a.subnav {padding-left: 25px; width: 180px; widt\h: 147px;}
#nav li a.subnavon {border-right: 5px solid #F90; padding-right: 3px; padding-left: 25px; width: 180px;  widt\h: 147px;}
#nav li a.subnav:hover {background-color: #F90;} 
#nav li a.subnavon:hover {background-color: #363;} 
img.elc {border: 0;}

/* end leftnav */

/* start content */
#content {font: 0.8em Arial, Helvetica, sans-serif; margin: 0 0 0 180px; padding: 20px 15px 80px 20px; position: relative; text-align: left; color: #000; background: #fff; min-height: 600px; height:auto !important; height:600px;}
#content p, #address p {line-height: 1.5em; margin: 0; padding: 0 0 10px 0;}
#content h1 {font: 1.75em Arial, Helvetica, sans-serif; color: #f60;  margin: 0; padding: 0; margin-bottom: 20px; }
#content h2, #address h2 {font: 1.2em Arial, Helvetica, sans-serif; color: #f60;  margin: 0; padding: 0 0 10px 0; margin-top: 10px; font-weight: bold; }
#content h3, #address h2 {font: 1em Arial, Helvetica, sans-serif; color: #f60;  margin: 0; padding: 0; font-weight: bold; margin-top: 10px;  }
#content ul {list-style-image: url(../imgs/bp.gif);	list-style-position: outside; margin-top: 0;}
#content ul li {margin-bottom: 5px;}
#content a {color: #363; text-decoration: underline;}
#content a:hover, #orangei2 a:hover {color: #f60;}
#content p.quote {padding: 0 30px 10px 30px; font-style: italic; color: #666;}
/* end content */

/* .or {margin-bottom: 10px;  width: 100%;}
span.or1, span.or2 {display: block; text-align: center; width: 425px;color: #fff; font-weight: bold;  background: #f60;}
span.or2 {width:250px;} */

#copyw {color: #fff; position: absolute; left: 2px; bottom: 10px; font: 0.7em Arial, Helvetica, sans-serif; text-align: center; }
#mortgagecallus {position: relative; text-align: center; background: #F2F2F2; margin-left: 180px; padding: 5px 40px; font: 1.2em Arial, Helvetica, sans-serif; display: block; color: #CC3300; margin-bottom: 30px;}
#mortgagecallus a {color: #363; text-decoration: underline;}
#mortgagecallus a:hover {color: #f60;}
#legal {position: relative; text-align: center; background: #363; margin-left: 180px; padding: 5px 40px; font: .7em Arial, Helvetica, sans-serif; display: block; color: #fff; margin-bottom: 0;}
#footer {position: relative; margin: 0 10px; } 

/* start form */
#address { margin:0; width: 280px; position: absolute; right: 10px; top: 60px; padding-top: 100px; font: 0.8em Arial, Helvetica, sans-serif;}
#address p.addr {margin: 0; padding:0;}
label {font-family: Arial, Helvetica, sans-serif; color: #363; display: block; vertical-align: top; clear:both;}
#reqfirstname, #reqlastname, #reqemail, #reqtelephone, #reqenquiry, #reqhouse, #reqpostcode, .red { color: red; vertical-align: top;}
/* end form */

p#testcon {/* divider scroll */ background: url(/imgs/testcon.gif) no-repeat center top; padding-top: 15px; margin-top: 10px;}

#ssprocess, #ssprocess2 { border: 1px solid #f60; margin-bottom: 20px;}
#ssprocess p, #ssprocess2 p {text-align: center; padding-bottom: 15px;	padding-left: 15px;	padding-right: 15px; background: url(/imgs/arrow.gif) no-repeat center bottom;}
#ssprocess h2, #ssprocess h3, #ssprocess2 h2, #ssprocess2 h3 {text-align: center;}
#ssprocess p.none, #ssprocess2 p.none {background: url(none);}


#tblcontainer {width: 100%; clear: both;}
.tbl2col1 {width: 60%; float: left;}
.tbl2col2 {width: 35%; float: left; margin-left: 2px;}
.tbl2col1 p {height: 2em; background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.tbl2col2 p {height: 2em; background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
p.tbltitle {background: #363; color: #fff; font-weight: bold; border-bottom: 1px solid #fff;}

/* pictures in columns and in content */
.imagecol {margin:0 0 0 20px; width: 250px; float:right; font-size: .9em; position: relative;}
.imagecol img {border: 0;}
.imagecol span {background: #693; text-align: center; padding:  0 0 2px 0; margin: 0 0 20px 0; color: #fff; display: block;}

#content .contentimages a, #content .contentimages span {background: #693; text-align: center; padding: 0 0 2px 0; margin: 0 10px 20px 0; color: #fff; width: 250px; float:left; font-size: .9em; text-decoration: none;}
/* pictures in columns and in content end */