body {
	font-family: 'Arial', Sans-Serif;
	color: #333;
	margin: 0;
	padding: 0;
	background: white url(../images/background.png) repeat-x;
}

h1, h2, h3 {
	color: #006;
	position: relative;
	font-family: tahoma;
	font-weight: normal;
}

h1, h2 {
	font-size: 1.3em;
	padding: 0;
	margin-top: 0;
}

h3 { font-size: 1.2em; }

h1 span, h2 span {
	color: #0060A9;
	position: absolute;
	right: 0;
}

ul { margin: 0; padding: 0; }
li { list-style-type: none; }

ul p { display: none; padding: 0; margin: 0; }
ul li p { display: block; }

a { text-decoration: none; }
a img { border: none; }

td, th { vertical-align: top; }
th { padding-right: 1em; text-align: left; }

#let_agreed { color: Red; font-size: larger; }
#reduced { color: Red; font-size: larger; }

#container {
	padding: 10px 10px 0px 10px;
	width: 788px;
	background-color: white;
	margin: 25px auto 0px auto;
}

#header {
	background-color: #0060A9;
	border-bottom: 1px solid white;
	padding: 10px 15px 10px 10px;
	color: white;
}

#header h1 {
	float: left;
	margin: 10px;
	padding: 0;
}

#header #contact {
	float: right;
	text-align: right;
	width: 350px;
	margin: 10px 0px;
}

#callnow {
	font-size: 1.2em;
}

#address {
	font-size: 0.7em;
	font-family: 'Tahoma', sans-serif;
}

#navigation {
	background-color: #ABBBDE;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}

#navigation ul {
	text-align: center;
	margin: 0 20px;
	padding: 7px 0;
}

#navigation ul li {
	display:inline;
	margin: 0 5px;
}

#navigation ul li a:hover,
#navigation ul li a:active {
	text-decoration: underline;
}

#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover,
#navigation ul li a:active { 
	color: Black; 
}

#bodyarea {
	display: block;
	clear: both;
	margin: 0 0 0px 0;
	padding: 10px 0;
}

/* left bar */

#left {
	float: left;
	margin: 0px;
	width: 205px;
	font-size: 0.75em;
	color: #003;
	font-weight: bold;
}

#searchArea h2 {
	margin-top: 0;
}

#searchArea select {
	width: 120px;
	margin-left: 0.5em;
}

#searchArea input {
	margin-top: 1em;
}

/* */

.highlight {
	width: 203px;
	padding: 30px 0 10px 0;
	border: 1px solid #ABBBDE;
	margin: 10px 0;
	background-image: url(../images/hot_property.png);
}

.special 
{
	width: 203px;
	padding: 30px 0 10px 0;
	border: 1px solid #ABBBDE;
	margin: 10px 0;
	background-image: url(../images/propofmonth.png);
}

.highpic {
	float: left;
	margin: 0 5px 0 10px;
}

.specialpic {
	float: left;
	margin: 0 5px 0 10px;
}

.specialtext {
	float: left;
	width: 95px;
	color: #333;
	font-weight: normal;
}

.hightext {
	float: left;
	width: 95px;
	color: #333;
	font-weight: normal;
}

.landlord {
	display: block;
	clear: both;
	background: #ffffff;
	/*background: #0060A9 url(../images/letsign.jpg) no-repeat 100% 0;*/
}

.lltext {
	font-family: 'tahoma';
	font-size: 0.65em;
	color: white;
	padding: 6px;
	width: 126px;
}

#right {
	
	float: right;
	width:  568px;
	/*
	margin-left: 220px;
	width: 558px;*/
}

#mainintro {
	background: #ABBBDE url(../images/samplehouse.jpg) no-repeat 100% 0;
	color: #006;
	font-family: 'tahoma', sans-serif;
	font-size: 0.7em;
	margin: 0 0 10px 0;
}

#mainintro .mitext {
	text-align: center;
}

.mitext {
	font-family: 'tahoma';
	color: #006;
	padding: 6px;
	width: 320px;
}

#areas {
	width: 130px;
	float: right;
}

#areas h2 {
	font-size: 1em;
	color: #006;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: tahoma;
	font-weight: normal;
}

#areas h3 {
	font-size: 0.7em;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: tahoma;
	font-weight: bold;
}

#areas h3 a:link,
#areas h3 a:visited,
#areas h3 a:hover,
#areas h3 a:active {
	position: absolute;
	left: -20px;
}

#areas ul {
	margin: 0 0 10px 0;
	font-size: 0.7em;
	padding-left: 0;
}

#areas ul li {
	padding: 0 0 0 13px;
	background: url(../images/areaicon.png) no-repeat 0 3px;
	line-height: 1.3em;
	list-style-type: none;
}

#main {
	float: left;
	margin: 0 0 20px 0;
	width: 400px;
	font-size: 0.7em;
}

#main.content {
	float: left;
	margin: 0 0 20px 0;
	width: 400px;
	font-size: 0.75em;
}

ul {
	padding-left: 2em;
	margin: 1em 0;
}

li {
	list-style-type: disc;
}

/* Property Details Page */
#mainPropertyImage {
	float: left;
	margin: 0 10px 10px 0;
}

#rates {
	background-color: #0060A9;
	color: white;
	padding: 3px;
}

#rates span {
	margin-right: 1em;
}

#propertyImages {
	margin: 1em 0;
}

#propertyImages img {
	margin: 5px;
	border: none;
}

/* Property List Page */

.property {
	margin-bottom: 1em;
	font-family: 'Tahoma', sans-serif;
	color: #333;
}

.rentpic {
	float: left;
	margin: 0 8px 0 0;
}

.renttext {
	float: left;
	margin: 0 0 0 0;
	width: 300px;
}

.property strong {
	font-size: 1.2em;
	border-bottom: solid 1px #ccc;
	position: relative;
	display: block;
	margin: 0 0 0.5em 0;
}

.property strong span {
	position: absolute;
	right: 0px;
	color: #0060A9;
}

.property a:link strong, .property a:visited strong, .property a:active strong, .property a:hover strong {
	color: #333333;
	font-weight: bold;
}

.property a:active strong, .property a:hover strong {
	border-bottom: solid 1px #666;
}

ul.features {
	padding-left: 1em;
}

ul.features li {
	background-image: url(../images/tick.gif);
	background-position: top left;
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0 1em 0 1.5em;
	width: 42%;
	float: left;
}

.rentprice {
	font-size: 1.3em;
	font-weight: bold;
	font-family: 'arial';
	color: white;
	background-color: #0060A9;
	padding: 4px;
	margin: 0 0 2px 0;
	width: 115px;
	text-align: center;
	display: none;
}

.rentprice a:link, .rentprice a:visited, .rentprice a:hover, .rentprice a:active {
	color: white;
}

.rentcopy {
	color: #333;
}

.signoff {
	text-align: center;
	display: block;
	clear: both;
	font-size: 0.75em;
	font-family: 'Tahoma';
	background-color: #999;
	margin: 0 0 0px 0;
	padding: 5px;
}

#footer {
	width: 808px;
	background: url(../images/footer.png) repeat-x;
	padding: 10px 0 0 0;
	margin: 0 auto 30px auto;
	font-size: 0.7em;
	font-family: 'Tahoma';
}

a.bondgateLink {
	color: Black;
	font-weight: bold;
	margin-right: 2em;
}

.footleft {
	float: left;
}

.footright {
	float: right;
}

/* Forms */

#enquiryForm {
	padding: 1em;
	margin: 1em 0;
	border: solid 1px #ccc;
	background-color: #eee;
}

#enquiryForm td, #enquiryForm th {
	vertical-align: top;
}

#enquiryForm input.textbox {
	width: 19em;
	background-color: White !important;
	border: solid 1px #7F9DB9 !important;
	padding: 2px;
}

#enquiryForm textarea.textbox {
	width: 19.6em;
	width: 19em;
}

.required {
	display: none;
	color: Red;
}

div.breaker {
	clear: both;
}

/* navigation on/off */

#navigation a:link,
#navigation a:visited,
#navigation a:hover,
#navigation a:active {
	color: #333333;
}

body#home a#homeLink,
body#about a#aboutLink,
body#contact a#contactLink,
body#landlords a#landlordsLink,
body#tenants a#tenantsLink {
	color: White;
}

/*
#navigation ul li.on a:link,
#navigation ul li.on a:visited,
#navigation ul li.on a:hover,
#navigation ul li.on a:active { 
	color: white; 
}*/


/* forms */

.form {
	background-color: #eee;
	border: solid 1px #ccc;
	padding: 1em;
	margin: 2em 7px;
	width: 29.5em;
}

.form table {
	
}

.form table input.textbox,
.form table textarea { width: 14em; }

.form table span.radio { line-height: 1.5em; }

/* dropdown menu */

dropdownlistheadings {
	text-align: center;
}

.dropdownlistlink {
	text-decoration: none;
}

.letagreed {
	background-image:url(../images/tick.gif);
	background-position:left 1px;
	background-repeat:no-repeat;
	color:#29AB09;
	font-weight:bold;
	padding-bottom:0.5em;
	padding-left:1.5em;
}