/* tag styles */
body 
{
	margin:0;
	padding:0;
	font-size:76%;
}



img {
	border:0;
}

h2 {
	font-family: Arial;
	font-size: 1em;
	color: #001a60;
	font-weight: bold;
	margin:0;
}

h2 a {
	color: #001a60;
	text-decoration:none;
}

h2 a:hover {
	text-decoration: none;
	color: #cee513;
}

dl {
	float: left;
	width: 500px;
}
dt, dd {
	clear: both;
	float: left;
	width: 500px;
}
dt, dt a {
	font-family: Arial;
	font-size: 1em;
	color: #001a60;
	font-weight: bold;
	margin:0;
	padding:0;
	text-decoration:none;
}

dt a:hover {
	text-decoration:none;
	color: #cee513;
}

dd { margin:0; margin-bottom:15px; padding-top:0; padding-right:0; padding-left:0; }

dd p { font-family:Arial; font-size:0.9em; color:#555; padding:0; margin:0; width:100%;}


#faq {
	font-family: Arial;
	font-size: 1em;
	color: #001a60;
	font-weight: bold;
	margin-top:20px;
	padding-left:12px;
	background-image: url("../images/FAQ_Arrow.gif");
	background-repeat: no-repeat;
	background-position: 1pt 2pt;
}

/* classes */
.nav
{
	float:left;
	margin:0px;
	padding:0px;
}

.footnav
{
	margin:8px 0px 0px 10px;
	float:left;
}

.footnav a {
	text-decoration:none;
}

.footnav a:hover {
	text-decoration:underline;
}

.clear
{
	clear:left;
}

.title
{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px solid #cee513;
	width:auto;
}

.newstitle
{
	padding-bottom:5px;
	margin-bottom:0px;
	width:auto;
}

.newsdate
{
font-family: Arial;

font-size: 0.9em;

color: #555555;
font-weight:bold;
margin-bottom:0;
}

.readmore {
font-family: Arial;

font-size: 0.9em;

color: #0b1560;
font-weight:bold;
margin-bottom:0;
float:right;
}

.readmore a {
color: #0b1560;
text-decoration:underline;
}

.readmore a:hover {
text-decoration:none;
}

.greenoutline
{
	width:175px;
	height:175px;
	border:2px solid #cee513;
	text-align:center;
	float:left;
}

.residence
{
	background:url(../../images/home/residential.gif) 0 0 no-repeat;
	width:369px;
	height:99px;
	float:left;
}

.title110
{
	height:110px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px solid #cee513;
}




.reachimg
{
	margin-top:16px;
	margin-right:5px;
	vertical-align:top;
	float:left;
}

.reachcopy
{
	margin-top:-14px;
}

.copy
{
	min-height:50px;
}

.copy ul {
	list-style:
}

.copy ul li {
font-family: Arial;

font-size: 0.9em;

color: #555555;
}

.copy h2 {
color: #555555;
}


.copy #holder table {
	margin-top:-870px;
}


.image
{
	margin-bottom:5px;
}

.more
{
	margin-top:8px;
}

.container
{
	margin:0px;
}

.serviceitem
{
	padding:0px 0px 0px 15px;
	width:260px;
	vertical-align:top;
}

.greenheader
{
	background-color:#e6f289;
	width:auto;
	padding:5px;
}

.greenbox
{
	background-color:#eef7a4;
	width:170px;
	padding:15px;
	margin:32px 0px 0px 18px;
	float:left;
}

.greenboxcolumn
{
	width:170px;
	margin:32px 0px 0px 18px;
	float:left;
}

.innergreenbox
{
	background-color:#d6dd5a;
	width:180px;
	padding:10px;
	margin-bottom:12px;
	float:left;
}

.innergreenbox_lower
{
	/* background-color:#d6dd5a; */
	width:180px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;		
	padding-left:0px;
	margin-bottom:5px;
	float:left;
}

.innergreenbox_lower h2 a:hover {
	text-decoration: none;
	color: #cee513;
}

.innergreenbox_lower p {
	color: #001a60;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;

}

.innergreenbox .photo {
	width:65px; 
	float:left; 
	margin-right:10px; 
	margin-top:10px;
}

.innergreenbox .details {
	width:101px; 
	float:left; 
	margin-right:0px;
	margin-top:10px;
}

.innergreenbox .details h3 {
	font-family: Arial;
	font-size: 0.9em;
	color: #001a60;
	font-weight: bold;
	margin:0;
	padding:0;
}

.innergreenbox .details p {
	color: #001a60;
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:13px;
	font-family:Arial, Helvetica, sans-serif;
}

.innergreenbox .details p a {
	color: #001a60;
}

.innergreenbox .details p a:hover {
	text-decoration:none;	
}



.box370
{
	margin:15px 20px 10px 0px;
	width:370px;
	float:left;
	
}

.box370b
{
	margin:0px 20px 10px 0px;
	width:370px;
	float:left;
	
}




.box254
{
	margin:15px 20px 0px 0px;
	width:254px;
	float:left;
}

.box254b
{
	/*dislay:inline;*/
	margin:0px 20px 0px 0px !important;
	margin:0 18px 0 -28px;
	width:254px;
	float:left;
}


.box254end
{
	margin:15px 0px 0px;
	width:254px;
	float:left;
}

.box254endb
{
	margin:0px 0px 0px;
	width:254px;
	float:left;
	display:inline;
}

.box430
{
	margin:15px 0px 0px;
	float:left;
	width:430px;
}

.box218 {float:left;width:218px;margin:15px 22px 0px 0px;}
.box218search{float:left;width:218px;margin:1px 22px 1px 0px;}
.box218end{float:left;width:218px;margin:15px 0px 0px;}
.box218searchend{float:left;width:218px;margin:1px 0px;}

.box155 {float:left;width:155px;margin:15px 22px 0px 0px;}
.box155search{float:left;width:155px;margin:1px 22px 1px 0px;}
.box155end{float:left;width:155px;margin:15px 0px 0px;}
.box155searchend{float:left;width:155px;margin:1px 0px;}

.box238 {float:left;width:238px;margin:15px 22px 0px 0px;}
.box238end {float:left;width:238px;margin:15px 0px 0px;}

.newsimage
{
	margin: 0px 10px 10px 0px;
	float:left;
}

.personimage
{
	margin: 10px 20px 20px 0px;
}

.textwrap
{
	float:left; 
	clear:left;
	margin: 0px 10px 0px 0px;
}

.branchbox
{
	margin-top:20px;
	float:left;
}

.centerdiv
{
	float:left;
	margin:20px 6px 0px 6px;
	height:100px;
}

.resultsodd
{
	background-color:#ebece7;
	height:1%;
}

.grey11 { font-family:Arial; font-size:1.1em; color:#555; }
.grey10 { font-family:Arial; font-size:1.0em; color:#555; }
.grey9 { font-family:Arial; font-size:0.9em; color:#555; }


.grey9 a { font-family:Arial;  color:#555; text-decoration:underline;}



.grey9bold { font-family:Arial; font-size:0.9em; color:#555; font-

weight:bold; }
.grey9boldul, .grey9boldul:link, .grey9boldul:visited, .grey9boldul:active { 

font-family:Arial; font-size:0.9em; font-weight:bold; color:#555; text-

decoration:none; }
.grey9boldul:hover { text-decoration:underline; }
.grey9navy, .grey9navy:link, .grey9navy:visited { font-family:Arial; font-

size:0.9em; color:#555; text-decoration:none; }
.grey9navy:active, .grey9navy:hover { color: #0b1560; }
.navy9 { font-family:Arial; font-size:0.9em; color:#0b1560; }
.navy9bold { font-family:Arial; font-size:0.9em; color:#0b1560; font-

weight:bold; }
.navy9boldgreen, .navy9boldgreen:link, .navy9boldgreen:visited { font-

family:Arial; font-size:0.9em; color:#0b1560; font-weight:bold; text-

decoration:none; }
.navy9boldgreen:active, .navy9boldgreen:hover { color:#d0e332; } 
.navy10boldgreen, .navy10boldgreen:link, .navy10boldgreen:visited { font-

family:Arial; font-size:1.0em; color:#0b1560; font-weight:bold; text-

decoration:none; }
.navy10boldgreen:active, .navy10boldgreen:hover { color:#d0e332; }
.navy9boldul, .navy9boldul:link, .navy9boldul:visited { font-family:Arial; 

font-size:0.9em; color: #0b1560; font-weight:bold; text-decoration:none; }
.navy9boldul:active, .navy9boldul:hover { text-decoration:underline; }
.navy9boldula, .navy9boldula:link, .navy9boldula:visited, 

.navy9boldula:active, .navy9boldula:hover { font-family:Arial; font-

size:0.9em; color: #0b1560; font-weight:bold; text-decoration:underline;  }
.white9 { font-family:Arial; font-size:0.9em; color:White; }
.white9:link, .white9:visited, .white9:active, .white9:hover { text-

decoration:none; }
.white9bold { font-family:Arial; font-size:0.9em; color:White; font-

weight:bold; }
.navy14bold { font-family:Arial; font-size:1.4em; color:#0b1560; font-

weight:bold; }
.navy11bold { font-family:Arial; font-size:1.1em; color:#0b1560; font-

weight:bold; }
.navy10 { font-family:Arial; font-size:1.0em; color:#0b1560; }
.navy10bold { font-family:Arial; font-size:1.0em; color:#0b1560; font-

weight:bold; }
.navy16 { font-family:Arial; font-size:1.6em; color:#0b1560; }
.navy18 { font-family:Arial; font-size:1.8em; color:#0b1560; }
.navy21 { font-family:Arial; font-size:1.8em; color:#0b1560; }
.residencelink { font-family:Arial; font-size:1.1em; color:#0b1560; font-

weight:bold; display:block; width:229px; height:79px; padding:20px 0 0 160px; 

margin:0px; text-indent:-1000px;}


.navy13bold { font-family:Arial; font-size:1.0em; color:#0b1560; font-weight:bold;}



.navy13bold a { color:#0b1560; text-decoration:none; }
.navy13bold a:hover { 	text-decoration: none;
	color: #cee513; }



.navy13boldunderline { font-family:Arial; font-size:1.0em; color:#0b1560; font-weight:bold;}
.navy13boldunderline a { font-family:Arial; font-size:1.0em; color:#0b1560; font-weight:bold; text-decoration:underline;}
.navy13boldunderline a:hover { font-family:Arial; font-size:1.0em; color:#0b1560; font-weight:bold; text-decoration:underline;}

.residencelink a { font-family:Arial; font-size:1.1em; color:#0b1560; font-

weight:bold; text-decoration:none;}

.textfield210 { font-family:Arial; font-size:0.9em; width:210px; }
.textfield230 { font-family:Arial; font-size:0.9em; width:230px; }
.textfield300 { font-family:Arial; font-size:0.9em; width:300px; }
.rightset { text-align:right; }

.formset { margin-top:2px; vertical-align:top; width:70px; }


.box370a
{
	margin:0;
}

#box370a ul
{
list-style:none;
font-family:Arial; 
font-size:1.0em; 
color:#0b1560;
margin:0px;
padding:0px;

}

#box370a ul li
{
margin:0px;
font-family:Arial; 
font-size:1.0em; 
color:#0b1560;
float:left;
margin:0px;
padding:0px;
width:85px;
}

/* ids */
#maincontainer
{
	margin: 0px auto;
	padding: 0px;
	width:918px;
}

#logocontainer
{
	margin:15px 0px 10px;
	width:918px;
	text-align:right;
}

#moreinfo
{
	background-color:#eef7a4;
	height:35px;
	width:auto;
	padding-top:18px;
	text-align:center;
	margin-top:0px;
	margin-bottom:15px;
}

#toprow
{
	margin-bottom:5px;
}

#bottomrow
{
	margin-bottom:30px;
}

#footer
{
	height:28px;
	background-image:url(../images/footer.gif);
	background-repeat:repeat-x;
	width:920px;
	padding:0px;
}

#copyright
{
	float:left;
	margin:8px 0px 0px 330px;
}

#leftnav
{
	float:left;
	width:182px;
	margin:10px 0px 30px;
}

#leftnav ul
{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}

#leftnav ul li
{
	background: url(../../images/arrow.gif) no-repeat center left;
	padding-left:14px;
	margin-bottom:4px;
}

#servicescontent
{
	margin:10px 0px 30px;
	border-left:1px solid #d1d1d1;
	min-height:200px;
	float:left;
	width:718px;
	padding-left:15px;
}

#peoplecontent
{
	width:918px;
	margin:10px 0px 30px;
}

#servicecopy
{
	width:500px;
	float:left;
}

#peoplecopy
{
	width:700px;
	float:left;
}

#breadcrumb
{
	margin-bottom:15px;
}

#ContactBox
{
	 text-align:left;	  
}


.margin {
	margin-bottom:10px;
}














































#welcomecontainer {
width:920px; float:left; margin-top:20px; margin-bottom:10px;
}

#welcomecontainer .left {
width:360px; float:left; margin-right:10px;
}

#welcomecontainer .left h2 {
color: #555555;
font-weight: bold;
font-size:0.9em;
margin-bottom:0px;
padding:0;
line-height:0px;
margin-top:30px;

}

#welcomecontainer .right {
width:550px; height:100px;float:left;
}

#welcomecontainer .right .box {
width:176px; float:left; /*background-color:orange; */ margin-right:10px; margin-top:10px;
}

#welcomecontainer .right .box .insert {
	margin-top:10px;
}

#welcomecontainer .right .lastbox {
width:167px; float:left; /*background-color:orange; */ margin-top:10px; margin-left:10px;
}




/* ----- main containers ----- */
#container {
	width: 918px;
	margin: 0 auto;
}
#content {
	width: 918px;
	clear: both;
	float: left;
	margin: 15px 0 20px 0;
	/*text-align: left;*/
	text-align: justify;
}
.align-left{
text-align: left;
}

/* ------ header ------ */
#header {
	width: 918px;
	float: left;
}
h1 {
	width: 130px;
	height: 48px;
	margin: 14px 0 10px 0;
	float: right;
}
h1 a {
	display: block;
	width: 130px;
	height: 48px;
	text-indent: -1000em;
	background: url(../images/howes_percival_logo.gif) 0 0 no-repeat;
}


/* ------ global nav ------ */
#global-nav {
	width: 918px;
	clear: both;
	float: left;
	margin-bottom: 6px;
}
#global-nav li {
	float: left;
}
#global-nav li a {
	display: block;
	height: 27px;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 2px;
}
#global-nav li a:hover {
	background-position: 0 -200px;
}
#nav1 {
	width: 97px;
	background-image: url(../images/nav/nav_1.gif);
}
#nav2 {
	width: 121px;
	background-image: url(../images/nav/nav_2.gif);
}
#nav3 {
	width: 143px;
	background-image: url(../images/nav/nav_3.gif);
}
#nav4 {
	width: 123px;
	background-image: url(../images/nav/nav_4.gif);
}
#nav5 {
	width: 194px;
	background-image: url(../images/nav/nav_5.gif);
}
#nav6 {
	width: 91px;
	background-image: url(../images/nav/nav_6.gif);
}
#global-nav #nav7 {
	width: 137px;
	background-image: url(../images/nav/nav_7.gif);
	margin-right: 0;
}
#about #nav1, #remortgage #nav2, #sale-and-purchase #nav3, #right-to-buy #nav4, #hips #nav5, #careers #nav6, #contact #nav7 {
	background-position: 0 -200px;
}


/* ------ columns ------ */
#col-primary {
	width: 730px;
	float: left;
}

#col-primary-2 span{
	font-weight: bold;
}
#col-primary-2 {
	width: 515px;
	float: left;
}
#col-primary-3 {
	width: 730px;
	float: left;
}
#contact #col-primary {
	margin-left: -10px;
}
#col-primary ul li {
	margin-left: 10px;
	margin-top: 15px;
	color:#555;
}
#col-primary ul li a {
	color:#555;
	font-weight:normal;
}
#col-primary ul li a:hover {
	font-weight:normal;
	color: #cee513;
}
#col-end {
	width: 167px;
	float: right;
}
.col-row, .col-contact {
	width: 740px;
	float: left;
	margin-left: -10px;
	margin-bottom: 15px;
}
.col-contact {
	width: 730px;
	margin-left: 0;
}
.col-doub {
	width: 360px;
	float: left;
	margin-left: 10px;
	display: inline; /* correct IE double margin bug */
}
.col-sing, .col-sing-1 {
	width: 175px;
	float: left;
	margin-left: 10px;
	display: inline; /* correct IE double margin bug */
}
#contact .col-sing,#contact .col-sing-1 {
	width: 171px;
	margin-top: 10px;
}
#contact .col-sing-1 {
	width: 175px;
}
.col-contact .col-sing-1 {
	margin-left: 185px;
}
#col-nav {
	width: 175px;
	float: left;
	margin-right: 20px;
}
#col-sup {
	width: 185px;
	float: right;
}

/* ------ sub nav ------ */
#col-nav ul li a {
	color: #666;
	background: url(../images/icons/bullet_1.gif) 0 50% no-repeat;
	padding-left: 10px;
}
#col-nav ul li a:hover, #col-nav ul li a.selected {
	color: #0b1560;
}

/* ------ breadcrumbs ------ */
#breadcrumbs {
	width: 720px;
	float: left;
}
#breadcrumbs li {
	float: left;
	margin-right: 3px;
}

/* ------ heading & text styles ------ */

#contact #col-primary h2 {
	margin-left: 10px;
	width: 720px;
}
h3, h4 {
	font-size: 100%;
	color: #0b1560;
}
h3.sub {

	margin: 30px 0 10px 0;
}
h4 {
font-size: 100%;
color: #555;

}
#content p {
	margin-bottom: 15px;
}
#content p.thumb {
	margin-bottom: 6px;
}
a span {
	color: #555;
}
ul.list {
	list-style: inside disc;
}
ul.list2 {
	list-style: disc;
}
a.pdf {
	display: block;
	background: url(../images/icons/pdf_icon.gif) 0 0 no-repeat;
	padding: 0 0 4px 36px;
}

/* ------ list styles ------ */
#content ul {
	margin-bottom: 16px;
}
#content ul li {
	margin-bottom: 4px;
}

/* ------ info boxes ------ */
h2.info {
	background: #e0ed76;
	border-bottom: none;
	font-size: 100%;
	margin-bottom: 2px;
	padding: 8px 10px;
	width: 165px;
}
h2.info a:hover, .info a:hover {
	color: #fff;
}
.info {
	background: #e0ed76;
	padding: 8px 10px;
	width: 165px;
	margin-bottom: 10px;
	text-align: left;
}

/* ------ people lists ------ */
ul.people li {
	display: block;
	float: left;
	list-style-type: none;
	width:80px;
	
}
ul.people li span {
display: block;
	float: left;
	width:170px;
}
ul.indepthinfo{float: left;}
ul.indepthinfo li {
	display: block;
	list-style-type: none;
	width:250px;
	
}
ul.indepthinfo li.name{
font-weight: bold;
font-size: 120%;
}
ul.indepthinfo li.question{
font-weight: bold;
}
.imagefloatleft{
width:190px;
display: block;
float: left;
}
/*------------contact form---------*/
.contact-form th, .contact-form td{
	padding-bottom: 5px;
	color: #0b1560;
	font-weight: bold;
}
.contact-form th{
font-weight: bold;
width:100px;
text-align:left;
}
.contact-form td{
text-align:right;
}

.contactform {
	width: 400px;
	
}
/*------------table styles------------*/
.tableclass td{
width:129px;
border-bottom-style:solid;
border-bottom-color:#cee513;
border-bottom-width:thin;
padding: 5px 0 5px 14px;
}


.tableclass td.tabletop{
border-bottom:none;

}
.tabletop{
background: #e9f29a;
color: #0b1560;
font-weight: bold;
height:15px;
}
ul.list-extended {
	list-style: inside disc;
}
ul.list-extended li{
	list-style: inside disc;
	padding-bottom:10px;
}

#padded-list p{
	display:block;
	margin-left:10px;
	font-weight: normal;
}
.box238 {float:left;width:238px;margin:15px 22px 0px 0px;}

.box238end {float:left;width:238px;margin:15px 0px 0px;}
.navy11bold { font-family:Arial; font-size:1.1em; color:#0b1560; font-weight:bold; }

#ContactBox{height:130px;}
.textwrap

{

	float:left; 

	clear:left;

	margin: 0px 10px 0px 0px;

}

.useful_links {
	color: #00195f;
	margin-top:0px;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
}

.useful_links a {
	text-decoration:none;
	color: #00195f;
}

.useful_links a:hover {
	text-decoration: none;
	color: #cee513;
}





/* Contact Form */
/*------------contact form---------*/
.form-div {
	/* border: 1px #ccc solid; */
  padding: 10px;
	width: 650px;
}
.form-div .submit {
	margin-left: 0px;
	margin-top: 10px;
}
.form-div .label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 5px;
font-family: Arial;

font-size: 0.9em;

color: #555555;
}
.form-div .form-row {
	padding: 5px 0;
	clear: both;
	width: 550px;
}

.form-div .form-row p {
	width:500px;


font-family: Arial;

font-size: 0.9em;

color: #555555;

}

.form-div .formcheck {
font-family: Arial;

font-size: 0.9em;

color: #555555;
width:400px;
}

.form-div span.error {
	width: 250px;
	display: block;
	float: left;
	color: red;
	padding-left: 10px;
font-family: Arial;

font-size: 0.9em;


}
.form-div input[type=text], select, textarea {
	width: 150px;
	float: left;
}
.form-div textarea {
	height: 50px;
}

.pleaseconfirm {
	clear:both;
	float:left;
}

div.form-row.checkbox {
	float:left; 
	width:504px;
}

div.form-row.checkbox input {
	float:left;
	margin-left:20px;
}

div.form-row.checkbox label {
	float:left;
	width:384px;
}

div.form-row.checkbox span.error {
	width:75px;
	float:left;
	padding:2px 0 0 2px;
}