/* Main Site Styles Items */
body { color: #666; font-size: 62.5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif, Tahoma, "Trebuchet MS"; background-color: #fff; background-image: url(../images/interface/background.gif); background-repeat: repeat-x; margin: 0; }
li { font-size: 1.2em; line-height: 1.5em; list-style-type: square; }
a { color: #467d76; text-decoration: underline; }
a:hover { text-decoration: none; }
p { font-size: 1.2em; line-height: 1.8em; }
td { font-size: 1.2em; }
H1 { font-size: 3.4em; line-height: 0.5em; text-indent: 4px; }
H2 { font-size: 1.8em; }


/* Page Layout Items */
#wrapper { margin: 0 auto; width: 948px }
#topbar { width: 948px; height: 145px; float: left; }
#logo { height: 145px; float: left; }

#userbar-left { background-image: url(../images/interface/userbar-left.gif); background-repeat: no-repeat; width: 32px; height: 43px; float: right; }
#userbar-main { background-image: url(../images/interface/userbar-main.gif); background-repeat: repeat-x; width: 350px; height: 43px; float: right; }
#userbar-txt { color: #fff; font-size: 1.1em; font-weight: bold; height: 27px; float: left; margin-top: 9px; margin-right: 10px; }
#userbar-right { background-image: url(../images/interface/userbar-right.gif); background-repeat: no-repeat; width: 32px; height: 43px; float: right; }

#content-full { float: left; width: 924px; margin-left: 24px; }
#content-left { float: left; width: 593px; margin-left: 24px; }
#content-right { float: left; width: 300px; margin-left: 31px; }
#content-members-left { float: left; width: 174px; }
#content-members-main { float: left; width: 695px; margin-left: 31px; }
#crumbtrail { font-size: 1em; float: left; width: 593px; height: 20px; margin-top: 10px; }
#datetrail { font-size: 1em; font-weight: bold; text-align: right; float: left; height: 20px; width: 280px; margin-top: 10px; padding-right: 20px; }

#content-full-body { float: left; width: 900px; }
.content-full-body { float: left; width: 900px; margin-top: 5px; }

.content-left-icon { float: left; width: 50px; height: 83px; }
.content-left-header { background-image: url(../images/interface/hdr-background.gif); background-repeat: repeat-x; float: left; width: 543px; height: 83px; }
.content-left-header2 { background-image: url(../images/interface/hdr-background.gif); background-repeat: repeat-x; float: left; width: 850px; height: 83px; }
.content-property-title { background-image: url(../images/interface/hdr-background.gif); background-repeat: repeat-x; float: left; width: 874px; height: 83px; }
#content-left-body { float: left; width: 593px; }
.content-left-body { float: left; width: 593px; margin-top: 5px; }

#termsbox p { font-size: 1.2em; line-height: 1.3em; }
#packagebox p { font-size: 1.2em; line-height: 1.3em; }
.slidebox { width: 100%; float: left; display: none; }


/* Colour Styles */
.yellow { color: #ffd035; }
.orange { color: #de9e0a; }
.red { color: #c64117; }
.teal { color: #467d76; }
.olive { color: #7b8e3f; }
.blue { color: #3687ad; }
.brown { color: #825f35; }

/*Table Styles */
.bg-palegrey { background-color: #f0f0f0; }
.bg-teal { color: #fff; background-color: #467d76; }
.bg-paleteal { background-color: #f4f7f7; }

/* Text Styles */
.txt-small { font-size: 0.9em; }
.txt-medium { font-size: 1.1em; }
.txt-large { font-size: 1.8em; line-height: 1.3em; }
/* Button Styles */
#nav { float: left; width: 948px; height: 45px ; margin-bottom: 13px; }

#btn01 a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 101px; height: 45px; }
#btn01 a:hover { background-position: 0 -45px; }
#btn01-on a { background-image: url(../images/interface/btn01.gif); background-repeat: no-repeat; background-position: 0 -45px; text-indent: -9999px; float: left; width: 101px; height: 45px; }

#btn02 a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 121px; height: 45px; }
#btn02 a:hover { background-position: 0 -45px; }
#btn02-on a { background-image: url(../images/interface/btn02.gif); background-repeat: no-repeat; background-position: 0 -45px; text-indent: -9999px; float: left; width: 121px; height: 45px; }

#btn03 a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 159px; height: 45px; }
#btn03 a:hover { background-position: 0 -45px; }
#btn03-on a { background-image: url(../images/interface/btn03.gif); background-repeat: no-repeat; background-position: 0 -45px; text-indent: -9999px; float: left; width: 159px; height: 45px; }

#btn04 a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 139px; height: 45px; }
#btn04 a:hover { background-position: 0 -45px; }
#btn04-on a { background-image: url(../images/interface/btn04.gif); background-repeat: no-repeat; background-position: 0 -45px; text-indent: -9999px; float: left; width: 139px; height: 45px; }

#btn05 a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 139px; height: 45px; }
#btn05 a:hover { background-position: 0 -45px; }
#btn05-on a { background-image: url(../images/interface/btn05.gif); background-repeat: no-repeat; background-position: 0 -45px; text-indent: -9999px; float: left; width: 139px; height: 45px; }

#btn06 a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 151px; height: 45px; }
#btn06 a:hover { background-position: 0 -45px; }
#btn06-on a { background-image: url(../images/interface/btn06.gif); background-repeat: no-repeat; background-position: 0 -45px; text-indent: -9999px; float: left; width: 151px; height: 45px; }

#btn07 a { background-image: url(../images/interface/btn07.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 138px; height: 45px; }
#btn07 a:hover { background-position: 0 -45px; }
#btn07-on a { background-image: url(../images/interface/btn07.gif); background-repeat: no-repeat; background-position: 0 -45px; text-indent: -9999px; float: left; width: 138px; height: 45px; }

#btn-search a { background-image: url(../images/interface/btn-search.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 144px; height: 51px; }
#btn-search a:hover { background-position: 0 -51px; }

.btn-fulldetails a { background-image: url(../images/homepage/btn-fulldetails.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 131px; height: 21px; margin-top: 5px; margin-right: 1px; margin-left: 1px; }
.btn-fulldetails a:hover { background-position: 0 -21px; }

.btn-addtoshortlist a { background-image: url(../images/homepage/btn-addtoshortlist.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 131px; height: 21px; margin-top: 5px; margin-right: 1px; margin-left: 1px; }
.btn-addtoshortlist a:hover { background-position: 0 -21px; }

.btn-emaillandlord a { background-image: url(../images/search/btn-emaillandlord.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 131px; height: 21px; margin-top: 5px; margin-right: 1px; margin-left: 1px; }
.btn-emaillandlord a:hover { background-position: 0 -21px; }
#btn-myaccount a { background-image: url(../images/interface/btn-myaccount.gif); text-indent: -9999px; float: right; width: 106px; height: 24px; margin-top: 3px; margin-right: 2px; margin-left: 2px; }
#btn-myaccount a:hover { background-position: 0 -24px; }
#btn-login a { background-image: url(../images/interface/btn-login.gif); text-indent: -9999px; float: right; width: 62px; height: 24px; margin-top: 3px; margin-right: 2px; margin-left: 2px; }
#btn-login a:hover { background-position: 0 -24px; }
#btn-logout a { background-image: url(../images/interface/btn-logout.gif); text-indent: -9999px; float: right; width: 62px; height: 24px; margin-top: 3px; margin-right: 2px; margin-left: 2px; }
#btn-logout a:hover { background-position: 0 -24px; }

.btn-readmore-yellow a { background-image: url(../images/homepage/btn-readmore-yellow.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 94px; height: 21px; }
.btn-readmore-yellow a:hover { background-position: 0 -21px; }

.btn-readmore-red a { background-image: url(../images/homepage/btn-readmore-red.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 94px; height: 21px; }
.btn-readmore-red a:hover { background-position: 0 -21px; }

.btn-readmore-orange a { background-image: url(../images/homepage/btn-readmore-orange.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 94px; height: 21px; }
.btn-readmore-orange a:hover { background-position: 0 -21px; }

#btn-callinglandlords a { background-image: url(../images/interface/btn-callinglandlords.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 300px; height: 127px; margin-top: 10px; }
#btn-callinglandlords a:hover { background-position: 0 -127px; }

#btn-completepackage a { background-image: url(../images/interface/btn-completepackage.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 300px; height: 127px; margin-top: 10px; }
#btn-completepackage a:hover { background-position: 0 -127px; }

#btn-notjoined a { background-image: url(../images/advertise/btn-join.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 280px; height: 205px; }
#btn-notjoined a:hover { background-position: 0 -205px; }

.btn-register a { background-image: url(../images/register/btn-register.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 144px; height: 51px; margin-left: 224px; }
.btn-register a:hover { background-position: 0 -51px; }

.btn-myaccount a { background-image: url(../images/register/btn-myaccount.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 315px; height: 51px; margin-left: 292px; }
.btn-myaccount a:hover { background-position: 0 -51px; }

.btn-edit a { background-image: url(../images/login/btn-edit.gif); background-repeat: no-repeat; text-indent: -9999px; float: left; width: 95px; height: 21px; }
.btn-edit a:hover { background-position: 0 -21px; }

.btn-save a { background-image: url(../images/login/btn-save.gif); background-repeat: no-repeat; text-indent: -9999px; float: right; width: 108px; height: 21px; }
.btn-save a:hover { background-position: 0 -21px; }

.btn-send a { background-image: url(../images/login/btn-send.gif); background-repeat: no-repeat; text-indent: -9999px; float: right; width: 108px; height: 21px; }
.btn-send a:hover { background-position: 0 -21px; }


/* Footer Items */
#footer { background-image: url(../images/interface/footer.gif); background-repeat: repeat-x; width: 100%; height: 83px; float: left; margin-top: 55px; padding-top: 10px; }
#footer-content { color: #fff; width: 948px; font-size: 0.9em; line-height: 1em; }
#footer-content a { color: #fff; }

.suggestionsBox {
	position: relative;
	left: 2px;
	margin: 5px 0px 0px 0px;
	width: 250px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #000;
	color: #fff;
}

.suggestionsBox-search {
	position: relative;
	left: 1px;
	margin: 0px 0px 0px 0px;
	width: 352px;
	background-color: #e5f4f3;
	border: 0px solid #e5f4f3;
	color: #467d76;
	font-size: 1.4em;
}

.suggestionList {
 margin: 0px;
 padding: 0px;
}

.suggestionList li {
 margin: 0px 0px 3px 0px;
 padding: 3px;
 cursor: pointer;
 list-style-type: none;
}
.suggestionList li:hover {
 background-color: #659CD8;
}