@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	background:#B7C318 url(../i/bg_body.gif) repeat-x top left;
	text-align:center
}

/* default some tags to zero margin and padding
------------------------------------------------*/
h1, h2, h3, h4, div, ul, ol, li, dl, dt, dd, form, input, select {margin:0; padding:0}


/* header styling
------------------*/
h1 {
	background-position:top left;
	background-repeat:no-repeat;
	height:38px
}
h1 span { display:none }

h1#propertysearch { background-image:url(../i/bg_h1_propertysearch.png) }
h1#welcometoastins { background-image:url(../i/bg_h1_welcome.png) }
h1#aboutus { background-image:url(../i/bg_h1_aboutus.png) }
h1#meetstaff { background-image:url(../i/bg_h1_meetstaff.png) }
h1#hips { background-image:url(../i/bg_h1_hips.png) }
h1#valuations { background-image:url(../i/bg_h1_valuations.png) }
h1#lettings { background-image:url(../i/bg_h1_lettings.png) }
h1#newdevelopments { background-image:url(../i/bg_h1_newdevelopments.png) }
h1#prevdevelopments { background-image:url(../i/bg_h1_prevdevelopments.png) }
h1#register { background-image:url(../i/bg_h1_register.png) }
h1#contactus { background-image:url(../i/bg_h1_contactus.png) }
h1#links { background-image:url(../i/bg_h1_links.png) }
h1#commercial { background-image:url(../i/bg_h1_commercial.png) }
h1#contactus2 { background-image:url(../i/bg_h1_contactus2.png) }

h2 {
	color:#03421D;
	font-size:12px;
	padding:10px 0 0;
}

h2.new_dev_name {
	color:#E2001A;
	font-size:16px;
}

h2#tenreasons {
	padding:0 0 3px;
	border-bottom:2px solid #eee;
	margin-bottom:3px
}

h3.new_dev_dev {
	color:#03421D;
	font-size:16px;
	padding:5px 0 0
}

/* <p>, <span>, <em>, <strong> etc
------------------------------------*/
p {
	margin:10px 0 5px;
}

p.intro {
	color:#03421D;
	font-weight:bold;
}

p#getadobe {
	color:#888;
}

p.error, p.success {
	font-size:14px;
	margin:10px 0;
	border-style:solid;
	border-width:1px;
	border-color:#CC9999;
	padding:10px;
	background:#F5E5E5;
	color:red;
}
p.success {
	background:#E5F5E5;
	border-color:#66CC00;
	color:green
}

span.star { color:#ff0000; font-size:14px }

span.formerr {
	color:#ff0000;
	display:block;
	margin-bottom:2px
}
span.formerr strong { color:#ff0000; padding:0 3px; border:1px solid red }

address { font-style:normal }

.red { color:#E2001A}

/* ul, ol, li, dl, dt, dd styling
------------------------------------*/
dl#stafflist {
	border-top:2px solid #ccc;
	margin-top:5px
}
dl#stafflist dt {
	padding-top:4px;
}
dl#stafflist dt a {
	color:#E2001A;
	font-weight:bold	
}
dl#stafflist dt a:hover {
	text-decoration:none;
}
dl#stafflist dd {
	padding-bottom:4px;
	border-bottom:2px solid #ccc
}

ul#detaillist {
	padding:0;
}
ul#detaillist li {
	border-bottom:2px solid #333;
	padding:10px 0;
	list-style:none;
	list-style-image:none
}
ul#detaillist li img {
	float:left;
}
ul#detaillist li div {
	margin-left:135px;
}
ul#detaillist li strong {
	color:#03421D;
}
ul#detaillist li p {
	margin:3px 0 0;
	padding:1px 0 0;
	border-top:2px solid #ccc
}

ul {
	padding:10px 16px;
}
ul li {
	list-style-image:url(../i/bg_li.png);
	padding:3px 0
}


/* Link styling
----------------*/

/* main menu */
ul#menu {
	padding:8px 0
}
ul#menu li {
	display:inline;
	list-style-type: none
}
ul#menu li a {
	color:#fff;
	padding: 8px 11px 7px 11px;
	text-decoration: none;
	border-right:1px solid #fff;
	font-family:Georgia, "Times New Roman", Times, serif
}
ul#menu li a:hover, ul#menu li a#current {
	text-decoration:none;
	background:#fff;
	color:#E2001A
}

/* generic links */
a:link, a:visited {
	color:#333;
	text-decoration:underline
}
a:hover {
	color:#E2001A;
	text-decoration:underline;
}

a:link.readmore, a:visited.readmore {
	color:#E2001A;
	text-decoration:underline
}
a:hover.readmore {
	text-decoration:none;
}

a#searchnow {
	color:#E2001A;
	background:url(../i/bg_a_search.gif) no-repeat center right;
	padding:12px 34px 12px 0;
	display:block;
	text-align:right
}

a#downloadguide {
	color:#E2001A;
	background:url(../i/bg_downloadguide.png) no-repeat center left;
	padding:0 0 0 30px;
	margin:0 0 10px;
	display:block
}

a#downloadpdf {
	color:#E2001A;
	background:url(../i/icon_pdf.png) no-repeat center left;
	padding:5px 0 5px 25px;
	display:block
}

a#viewmap {
	color:#E2001A;
	background:url(../i/bg_a_viewmap.png) no-repeat center left;
	padding:5px 0 5px 25px;
	display:block
}

a#joinlist {
	color:#E2001A;
	background:url(../i/icon_mail.png) no-repeat center left;
	padding:8px 0 8px 30px;
	display:block
}

/* main container <div>'s generally in order of appearance
-----------------------------------------------------------*/
div#introwrap {
	width:744px;
	margin:0 auto;
	text-align:left
}

div#sitewrap {
	width:873px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	padding-bottom:1px
}

div#head {
	background:#03421D url(../i/bg_head.png) no-repeat center right;
}

div#introhead {
	background:#B7C318;
	padding:5px;
	font:10px Georgia, "Times New Roman", Times, serif;
	text-align:center
}
	div#introhead ul {
		padding:0
	}
	div#introhead ul li {
		list-style:none;
		display:inline;
		padding:0 9px
	}
	
div#introenter {
	width:771px;
	margin:0 auto;
	text-align:right
}

div#splash {
	padding-top:3px;
	height:187px;
	background:url(../i/bg_splash.jpg) no-repeat top center;
}

div#contentwrap {
	background:url(../i/bg_contentwrap.png) repeat-y top left;
	margin:10px 0;
	padding:0 0 10px;
	_height: 0; /* hack for IE6 to make contentwrap show bg image */
}

/*div#leftcol {
	width:151px; 
	margin:0 0 0 10px; 
	padding:0 0 10px; 
	float:left; 
	display:inline;
}
	* html div#leftcol{margin-right:-3px}/*fixes 3px bug in IE*/
/*
div#maincontent {
	margin:0 0 0 173px; 
	padding:10px 15px;
	line-height:17px
}
	* html div#maincontent{margin-left:170px;height:1%}
	html>body div#maincontent {height:auto}*/
	
div#leftcol {
	width:151px; 
	margin:0 0 0 10px; 
	padding:0 0 10px; 
	float:left; 
	display:inline
}

div#homecontent {
	float:left; 
	padding:10px 15px;
	margin-left:12px;
	width:670px;
	line-height:17px;
	display:inline
}	

div#maincontent {
	float:left; 
	padding:10px 15px;
	width:450px;
	line-height:17px;
	margin:0 0 0 12px
}

div#rightcol {
	width:188px; 
	padding:0 15px; 
	float:left;
	border-left:2px solid #ccc;
	margin-top:62px;
}

div#propertycontent {
	margin:0 0 0 173px; 
	padding:0;
}
	* html div#propertycontent{margin-left:170px;height:1%}
	html>body div#propertycontent {height:auto}

div#foot {
	width:873px;
	margin:0 auto;
	text-align:right;
	padding:10px 0;
	font-size:10px
}
/* divs within homecontent
---------------------------*/

div#welcome {
	background:url(../i/bg_welcome.jpg) no-repeat center right;
	padding-right:230px
}

div.promobox {
	width:154px;
	height:112px;
	background-position:top center;
	background-repeat:no-repeat;
	float:left;
	margin:10px 30px 10px 0;
	padding:75px 20px 0 13px
} 
div.promobox p {
	margin:0;
	padding:0 0 10px;
}

div#nostampduty {
	background-image:url(../i/promobox_nostampduty.gif)
}
div#nostampduty a {
	background:url(../i/bg_a_findproperties.gif) no-repeat center right;
	padding:12px 34px 12px 0;
	color:#E2001A
}

div#sellingproperty {
	background-image:url(../i/promobox_sellingproperty.gif);
	color:#fff
}
div#sellingproperty a {
	background:url(../i/bg_a_more_red.gif) no-repeat center right;
	padding:12px 34px 12px 0;
	color:#fff
}

div#needahip {
	background-image:url(../i/promobox_needahip.gif);
	color:#B7C318
}
div#needahip a {
	background:url(../i/bg_a_more_green.gif) no-repeat center right;
	padding:12px 34px 12px 0;
	color:#fff
}

div#propertyguide {
	float:left;
	width:619px;
	background:url(../i/bg_propertyguide.gif) no-repeat top left;
	height:166px
}	
div#propertyguide p { padding:65px 0 0 145px }

div#propertyguidelinks {
	float:right;
	width:190px;
	border-left:2px solid #B7C318;
	margin:35px 0 0;
	padding:5px 15px;
	height:62px
}

/* <div>'s within maincontent
---------------------------------*/
div.photocaption {
	float:left;
	width:150px;
	background:#03421D;
	color:#fff;
	margin:14px 10px 10px 0;
}
div.photocaption span {
	display:block;
	padding:4px 8px;
	font-size:10px;
	font-weight:bold
}

div#newprop_img {
	float:right;
	width: 120px;
	padding-right:5px
}
div#newprop_img img { margin-bottom:10px }

/* misc <div>'s
-----------------*/

div.clear, div.clearleft { /*clear floating content*/
	clear:both; 
	height:0;
	font-size:0; 
	overflow:hidden;
} 

div#contactus {
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:10px 0;
	margin-top:10px
}

div.clearleft { clear:left }

/* table styling
-------------------*/
table.formtbl { width:100%; margin:10px 0 }
table.formtbl tr td { padding:5px; vertical-align:top }

td.leftcell { text-align:right }


/* form styling
----------------------------*/
form#srchform select {
	width:150px;
	background:#E2001A;
	color:#fff;
	font-size:11px;
	margin-bottom:4px
}

.txtfld {
	border:1px solid #B7C318;
	width:350px;
	margin-bottom:10px;
	font:12px Arial, Helvetica, sans-serif;
	padding:2px;
	color:#333
}

form#regform .txtfld, form#regform select {
	width:300px;
	margin:0
}

.btn {
	border:2px solid #990000;
	color:#fff;
	background:#E2001A;
	padding:3px 7px;
	font-weight:bold
}

select#lop_pcm, select#hip_pcm {
	display:none;
}

/* image styling
---------------------*/
img { border:none }

img.framed { border:2px solid #ccc }