html { height: 100%; }
body { height: 100%;
margin: 0; padding: 0;
background: #ececec url('Background.jpg') repeat-y top center;
font: 12pt Calibri, Arial, Sans-serif; }
textarea { font: 0.9em Calibri, Arial, Sans-serif; }
a:link,
a:visited,
a:hover,
a:active { color: #d95407;
text-decoration: underline; }
#container { width: 906px; height: 100%;
margin: 0 auto; padding: 0; }
#left { width: 3px; height: 100%;
float: left;
background: transparent url('Frame-Left.jpg') repeat-y 0 0; }
#central { width: 900px; height: 100%;
float: left;
background: #fff url('Column-Left.jpg') repeat-y 0 0; }
#right { width: 3px; height: 100%;
float: left;
background: transparent url('Frame-Right.jpg') repeat-y 0 0; }
#header { height: 105px;
padding: 29px 0 0 0;
background-color: #fff; }
#header h1 { width: 595px; height: 105px;
float: left; }
#header h1 a { display: block;
width: 290px; height: 77px;
float: right;
background: transparent url('Logo.jpg') no-repeat 0 0; }
#header h1 a span { display: none; }
#header #header-controls { width: 305px; height: 105px;
float: left; }
#header-info { height: 20px;
margin: 50px 5px 0 0;
line-height: 20px;
font-size: 0.8em;
text-align: right;
color: #555; }
#header-buttons a { display: block;
width: 78px; height: 25px;
margin: 3px 5px 0 0;
float: right; }
#account:link,
#account:visited { background: transparent url('Button-Account.jpg') no-repeat 0 0 ; }
#account:hover { background: transparent url('Button-Account-Over.jpg') no-repeat 0 0 ; }
#account:active { background: transparent url('Button-Account.jpg') no-repeat 0 0 ; }
#shortlist:link,
#shortlist:visited { background: transparent url('Button-Shortlist.jpg') no-repeat 0 0 ; }
#shortlist:hover { background: transparent url('Button-Shortlist-Over.jpg') no-repeat 0 0 ; }
#shortlist:active { background: transparent url('Button-Shortlist.jpg') no-repeat 0 0 ; }
#login:link,
#login:visited { background: transparent url('Button-Login.jpg') no-repeat 0 0 ; }
#login:hover { background: transparent url('Button-Login-Over.jpg') no-repeat 0 0 ; }
#login:active { background: transparent url('Button-Login.jpg') no-repeat 0 0 ; }
#header-buttons a span { display: none; }
#leftColumn { width: 174px;
float: left; }
#leftColumn h3 { margin: 10px 0 0 0; padding: 0 10px;
font-size: 1em;
color: #3c7363; }
#quickSearchForm { margin: 0 10px; }
#quickSearchForm label { display: block;
width: 70px; height: 22px;
float: left;
font-size: 0.8em; line-height: 22px; }
#quickSearchForm span { display: block;
width: 70px;
float: right; }
#quickSearchForm span input,
#quickSearchForm span select { width: 70px;
font-size: 0.7em; }
#quickSearchForm span input { width: 66px; }
#quickSearchForm div { height: 25px;
margin: 5px 0;
clear: both; }
#quickSearchForm div.controls div.control { width: 60px; height: 25px;
float: left;
line-height: 25px; }
#quickSearchForm div.controls div.link { width: 80px; height: 25px;
padding: 0;
clear: none; float: left;
line-height: 25px; }
#quickSearchForm div.controls input { font-size: 0.7em; }
#quickSearchForm div.controls a { display: inline-block;
height: 20px;
padding: 0 0 0 12px;
background: transparent url('LeftColumn-Arrow.jpg') no-repeat 0 8px;
line-height: 20px;
color: #3c7363;
text-decoration: none;
font-size: 0.7em; }
#rightColumn { width: 726px;
float: right; }
#navigation { width: 168px; height: 263px;
padding: 3px 3px;
background: transparent url('Navigation-Background.jpg') no-repeat 0 0; }
#navigation a span { display: none; }
#navigation li,
#navigation li a { display: block;
width: 168px; height: 34px; }
ul.home #home { width: 168px; height: 127px;
background: transparent url('Navigation-Home-Menu.jpg') no-repeat 0 0; }
ul.home #home a { display: block;
width: 168px; height: 34px; }
ul.home #home ul { margin: 7px 0 0 0; }
ul.home #home ul li,
ul.home #home ul li a { display: block;
width: 168px; height: 20px; }
ul.home #home ul #aboutus { background: transparent url('Navigation-Home-AboutUs.jpg') no-repeat 0 0; }
ul.home #home ul #testimonials { background: transparent url('Navigation-Home-Testimonials.jpg') no-repeat 0 0; }
ul.home #home ul #uknetwork { background: transparent url('Navigation-Home-UKNetwork.jpg') no-repeat 0 0; }
ul.home #home ul #otherservices { background: transparent url('Navigation-Home-OtherServices.jpg') no-repeat 0 0; }
ul.home #home ul #aboutus a:hover,
ul.home #home ul #aboutus a.active { background: transparent url('Navigation-Home-AboutUs-Active.jpg') no-repeat 0 0; }
ul.home #home ul #testimonials a:hover,
ul.home #home ul #testimonials a.active { background: transparent url('Navigation-Home-Testimonials-Active.jpg') no-repeat 0 0; }
ul.home #home ul #uknetwork a:hover,
ul.home #home ul #uknetwork a.active { background: transparent url('Navigation-Home-UKNetwork-Active.jpg') no-repeat 0 0; }
ul.home #home ul #otherservices a:hover,
ul.home #home ul #otherservices a.active { background: transparent url('Navigation-Home-OtherServices-Active.jpg') no-repeat 0 0; }
ul.home #search { background: transparent url('Navigation-Home-Search.jpg') no-repeat 0 0; }
ul.home #landlords { background: transparent url('Navigation-Home-Landlords.jpg') no-repeat 0 0; }
ul.home #tennants { background: transparent url('Navigation-Home-Tenants.jpg') no-repeat 0 0; }
ul.home #contactus { background: transparent url('Navigation-Home-ContactUs.jpg') no-repeat 0 0; }
ul.home #search a:hover { background: transparent url('Navigation-Home-Search-Active.jpg') no-repeat 0 0; }
ul.home #landlords a:hover { background: transparent url('Navigation-Home-Landlords-Active.jpg') no-repeat 0 0; }
ul.home #tennants a:hover { background: transparent url('Navigation-Home-Tenants-Active.jpg') no-repeat 0 0; }
ul.home #contactus a:hover { background: transparent url('Navigation-Home-ContactUs-Active.jpg') no-repeat 0 0; }
ul.home #search ul,
ul.home #landlords ul,
ul.home #tennants ul { display: none; }
ul.search #search { width: 168px; height: 107px;
background: transparent url('Navigation-Search-Menu.jpg') no-repeat 0 0; }
ul.search #search a { display: block;
width: 168px; height: 34px; }
ul.search #search ul { margin: 6px 0 0 0; }
ul.search #search ul li,
ul.search #search ul li a { display: block;
width: 168px; height: 20px; }
ul.search #search ul #newsearch { background: transparent url('Navigation-Search-NewSearch.jpg') no-repeat 0 0; }
ul.search #search ul #searchresults { background: transparent url('Navigation-Search-SearchResults.jpg') no-repeat 0 0; }
ul.search #search ul #savedsearches { background: transparent url('Navigation-Search-SavedSearches.jpg') no-repeat 0 0; }
ul.search #search ul #newsearch a:hover,
ul.search #search ul #newsearch a.active { background: transparent url('Navigation-Search-NewSearch-Active.jpg') no-repeat 0 0; }
ul.search #search ul #searchresults a:hover,
ul.search #search ul #searchresults a.active { background: transparent url('Navigation-Search-SearchResults-Active.jpg') no-repeat 0 0; }
ul.search #search ul #savedsearches a:hover,
ul.search #search ul #savedsearches a.active { background: transparent url('Navigation-Search-SavedSearches-Active.jpg') no-repeat 0 0; }
ul.search #home { background: transparent url('Navigation-Search-Home.jpg') no-repeat 0 0; }
ul.search #landlords { background: transparent url('Navigation-Search-Landlords.jpg') no-repeat 0 0; }
ul.search #tennants { background: transparent url('Navigation-Search-Tenants.jpg') no-repeat 0 0; }
ul.search #contactus { background: transparent url('Navigation-Search-ContactUs.jpg') no-repeat 0 0; }
ul.search #home a:hover { background: transparent url('Navigation-Search-Home-Active.jpg') no-repeat 0 0; }
ul.search #landlords a:hover { background: transparent url('Navigation-Search-Landlords-Active.jpg') no-repeat 0 0; }
ul.search #tennants a:hover { background: transparent url('Navigation-Search-Tenants-Active.jpg') no-repeat 0 0; }
ul.search #contactus a:hover { background: transparent url('Navigation-Search-ContactUs-Active.jpg') no-repeat 0 0; }
ul.search #home ul,
ul.search #landlords ul,
ul.search #tennants ul { display: none; }
ul.landlords #landlords { width: 168px; height: 127px;
background: transparent url('Navigation-Landlords-Menu.jpg') no-repeat 0 0; }
ul.landlords #landlords a { display: block;
width: 168px; height: 34px; }
ul.landlords #landlords ul { margin: 6px 0 0 0; }
ul.landlords #landlords ul li,
ul.landlords #landlords ul li a { display: block;
width: 168px; height: 20px; }
ul.landlords #landlords ul #landlord-guide { background: transparent url('Navigation-Landlords-Guide.jpg') no-repeat 0 0; }
ul.landlords #landlords ul #landlord-service { background: transparent url('Navigation-Landlords-OurService.jpg') no-repeat 0 0; }
ul.landlords #landlords ul #landlord-insurance { background: transparent url('Navigation-Landlords-Insurance.jpg') no-repeat 0 0; }
ul.landlords #landlords ul #landlord-investment { background: transparent url('Navigation-Landlords-Investment.jpg') no-repeat 0 0; }
ul.landlords #landlords ul #landlord-guide a:hover,
ul.landlords #landlords ul #landlord-guide a.active { background: transparent url('Navigation-Landlords-Guide-Active.jpg') no-repeat 0 0; }
ul.landlords #landlords ul #landlord-service a:hover,
ul.landlords #landlords ul #landlord-service a.active { background: transparent url('Navigation-Landlords-OurService-Active.jpg') no-repeat 0 0; }
ul.landlords #landlords ul #landlord-insurance a:hover,
ul.landlords #landlords ul #landlord-insurance a.active { background: transparent url('Navigation-Landlords-Insurance-Active.jpg') no-repeat 0 0; }
ul.landlords #landlords ul #landlord-investment a:hover,
ul.landlords #landlords ul #landlord-investment a.active { background: transparent url('Navigation-Landlords-Investment-Active.jpg') no-repeat 0 0; }
ul.landlords #home { background: transparent url('Navigation-Landlords-Home.jpg') no-repeat 0 0; }
ul.landlords #search { background: transparent url('Navigation-Landlords-Search.jpg') no-repeat 0 0; }
ul.landlords #tennants { background: transparent url('Navigation-Landlords-Tenants.jpg') no-repeat 0 0; }
ul.landlords #contactus { background: transparent url('Navigation-Landlords-ContactUs.jpg') no-repeat 0 0; }
ul.landlords #home a:hover { background: transparent url('Navigation-Landlords-Home-Active.jpg') no-repeat 0 0; }
ul.landlords #search a:hover { background: transparent url('Navigation-Landlords-Search-Active.jpg') no-repeat 0 0; }
ul.landlords #tennants a:hover { background: transparent url('Navigation-Landlords-Tenants-Active.jpg') no-repeat 0 0; }
ul.landlords #contactus a:hover { background: transparent url('Navigation-Landlords-ContactUs-Active.jpg') no-repeat 0 0; }
ul.landlords #home ul,
ul.landlords #search ul,
ul.landlords #tennants ul { display: none; }
ul.tennants #tennants { width: 168px; height: 127px;
background: transparent url('Navigation-Tenants-Menu.jpg') no-repeat 0 0; }
ul.tennants #tennants a { display: block;
width: 168px; height: 34px; }
ul.tennants #tennants ul { margin: 6px 0 0 0; }
ul.tennants #tennants ul li,
ul.tennants #tennants ul li a { display: block;
width: 168px; height: 20px; }
ul.tennants #tennants ul #tennant-guide { background: transparent url('Navigation-Tenants-Guide.jpg') no-repeat 0 0; }
ul.tennants #tennants ul #tennant-browse { background: transparent url('Navigation-Tenants-Browse.jpg') no-repeat 0 0; }
ul.tennants #tennants ul #tennant-insurance { background: transparent url('Navigation-Tenants-Insurance.jpg') no-repeat 0 0; }
ul.tennants #tennants ul #tennant-signup { background: transparent url('Navigation-Tenants-Signup.jpg') no-repeat 0 0; }
ul.tennants #tennants ul #tennant-guide a:hover,
ul.tennants #tennants ul #tennant-guide a.active { background: transparent url('Navigation-Tenants-Guide-Active.jpg') no-repeat 0 0; }
ul.tennants #tennants ul #tennant-browse a:hover,
ul.tennants #tennants ul #tennant-browse a.active { background: transparent url('Navigation-Tenants-Browse-Active.jpg') no-repeat 0 0; }
ul.tennants #tennants ul #tennant-insurance a:hover,
ul.tennants #tennants ul #tennant-insurance a.active { background: transparent url('Navigation-Tenants-Insurance-Active.jpg') no-repeat 0 0; }
ul.tennants #tennants ul #tennant-signup a:hover,
ul.tennants #tennants ul #tennant-signup a.active { background: transparent url('Navigation-Tenants-Signup-Active.jpg') no-repeat 0 0; }
ul.tennants #home { background: transparent url('Navigation-Tenants-Home.jpg') no-repeat 0 0; }
ul.tennants #search { background: transparent url('Navigation-Tenants-Search.jpg') no-repeat 0 0; }
ul.tennants #landlords { background: transparent url('Navigation-Tenants-Landlords.jpg') no-repeat 0 0; }
ul.tennants #contactus { background: transparent url('Navigation-Tenants-ContactUs.jpg') no-repeat 0 0; }
ul.tennants #home a:hover { background: transparent url('Navigation-Tenants-Home-Active.jpg') no-repeat 0 0; }
ul.tennants #search a:hover { background: transparent url('Navigation-Tenants-Search-Active.jpg') no-repeat 0 0; }
ul.tennants #landlords a:hover { background: transparent url('Navigation-Tenants-Landlords-Active.jpg') no-repeat 0 0; }
ul.tennants #contactus a:hover { background: transparent url('Navigation-Tenants-ContactUs-Active.jpg') no-repeat 0 0; }
ul.tennants #home ul,
ul.tennants #search ul,
ul.tennants #landlords ul { display: none; }
ul.contactus #home { background: transparent url('Navigation-ContactUs-Home.jpg') no-repeat 0 0; }
ul.contactus #search { background: transparent url('Navigation-ContactUs-Search.jpg') no-repeat 0 0; }
ul.contactus #landlords { background: transparent url('Navigation-ContactUs-Landlords.jpg') no-repeat 0 0; }
ul.contactus #tennants { background: transparent url('Navigation-ContactUs-Tenants.jpg') no-repeat 0 0; }
ul.contactus #contactus { background: transparent url('Navigation-ContactUs-ContactUs.jpg') no-repeat 0 0; }
ul.contactus #home a:hover { background: transparent url('Navigation-ContactUs-Home-Over.jpg') no-repeat 0 0; }
ul.contactus #search a:hover { background: transparent url('Navigation-ContactUs-Search-Over.jpg') no-repeat 0 0; }
ul.contactus #landlords a:hover { background: transparent url('Navigation-ContactUs-Landlords-Over.jpg') no-repeat 0 0; }
ul.contactus #tennants a:hover { background: transparent url('Navigation-ContactUs-Tenants-Over.jpg') no-repeat 0 0; }
ul.contactus li ul { display: none; }
#rightColumn h1 { display: block;
height: 40px;
padding: 0 0 0 10px;
line-height: 40px;
background: transparent url('PageTitle.jpg') repeat-x 0 0;
color: #fff;
font-size: 1.1em; }
#rightColumn h2 { display: block;
margin: 4px 10px; padding: 2px 0;
border-bottom: 1px solid #ddd;
color: #d95407; }
#rightColumn h3 { display: block;
margin: 4px 10px; padding: 2px 0;
border-bottom: 1px solid #ddd;
color: #d95407;
font-size: 0.9em; }
#rightColumn p,
#rightColumn div.subsection { margin: 4px 10px;
text-align: justify;
font-size: 0.9em; }
#rightColumn p.subsection,
#rightColumn div.subsection { font-size: 0.8em; }
.clearAll { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.left { text-align: left; }
.right { text-align: right; }
.floatRight { float: right; }
div.halfLeft { width: 49%;
float: left; }
div.halfRight { width: 50%;
float: right; }
div.thirdLeft { width: 33%;
float: left; }
div.thirdRight { width: 33%;
float: right; }
div.twoThirdsLeft { width: 66%;
float: left; }
div.twoThirdsRight { width: 66%;
float: right; }
div.simpleLeft { width: auto;
float: left; }
div.simpleRight { width: auto;
float: right; }
div.quarterLeft { width: 25%;
float: left; }
div.quarterRight { width: 25%;
float: right; }
div.threeQuartersLeft { width: 74%;
float: left; }
div.threeQuartersRight { width: 74%;
float: right; }
div.offThirdLeft { width: 35%;
float: left; }
div.offTwoThirdsRight { width: 64%;
float: right; }
table { width: 96%;
margin: 4px auto;
border: 1px solid #ddd; }
th { height: 25px;
line-height: 25px;
font-size: 0.8em;
text-align: center;
color: #fff;
background: transparent url('TableHeader.jpg') repeat-x 0 0; }
td { padding: 4px;
font-size: 0.8em;
text-align: center;
background-color: #fff; }
iframe { width: 96%; height: 400px;
margin: 4px 0 0 10px;
border: 0px; }
tr.odd td { background-color: #ebf0ef; }
tr.empty td { padding: 10px;
font-size: 0.7em;
text-align: center; }
table.form th { width: 30%; height: auto;
padding-right: 4px;
background: #ebf0ef;
border-right: 1px solid #aaa;
color: #000;
text-align: right;
font-weight: bold;
vertical-align: middle; }
table.form td { width: 70%;
text-align: left;
vertical-align: middle; }
table.search th { width: 20%; }
table.search th.second { border-left: 1px solid #aaa; }
table.search td { width: 30%; }
table.search td select.full { width: 96%; }
table.form td input,
table.form td select,
table.form td textarea { width: 50%;
padding: 3px 3px 3px 16px;
border: 1px solid #bbb;
border-top: 1px solid #999;
font: 1em Calibri, Arial, Sans-serif }
table.form td input.warning,
table.form td textarea.warning { background: #fff url('Icons/FieldWarning-Small.png') no-repeat 0 2px; }
table.form td input.error,
table.form td textarea.error { background: #fff url('Icons/FieldError-Small.png') no-repeat 0 2px; }
table.form td input.good,
table.form td textarea.good { background: #fff url('Icons/FieldGood-Small.png') no-repeat 0 2px; }
table.form td input.wide { width: 75%; }
table.form td input.short { width: 70px; }
table.form td input.tiny { width: 45px; }
table.form td select.wide { width: 70%; }
table.form td input.full,
table.form td select.full,
table.form td textarea.full { width: 94%; }
table.form td span.check input { width: auto;
padding: 3px 0;
border: 0; }
table.skewedForm th { width: 90%; }
table.skewedForm td { width: 10%; }
table.form tr.beginGroup th,
table.form tr.beginGroup td { border-top: 1px solid #cedcd8; }
div.form-gutter { margin: 5px 10px 15px 10px;
text-align: right; }
#passwordRow,
#confirmPasswordRow { display: none; }
th.icon,
td.icon { width: 24px; }
th.icon img,
td.icon img,
th.icon input,
td.icon input { vertical-align: middle; }
tr a:link,
tr a:visited { color: #103e30;
text-decoration: none; }
tr a:hover { color: #305c4f;
text-decoration: underline; }
tr a:active { color: #103e30;
text-decoration: none; }
tr.controls td { border-top: 2px solid #555;
text-align: left; }
div.pageSize { float: left;
font-size: 0.85em; }
div.pageSize label { display: inline-block;
height: 20px;
margin: 0 5px 0 0;
line-height: 20px; }
div.pageSize select { font-size: 0.9em; }
div.pagingControl { float: right;
font-size: 0.85em; }
div.pagingControl div.paging { display: inline-block;
height: 20px;
margin: 0 5px 0 0;
line-height: 20px; }
div.pagingControl div.paging span { display: inline-block;
height: 18px;
margin: 0 0 0 0; padding: 0 4px;
border: 1px solid #fff;
line-height: 20px; }
div.pagingControl div.paging span.seperator { border: 0; }
div.pagingControl div.paging span.current { border: 1px solid #bbb;
font-weight: bold; }
td.small select { font-size: 0.85em; }
#footer { height: 47px;
clear: both;
font-size: 0.85em;
color: #fff;
background-color: #414141; }
#footer-nav { margin: 3px 0 0 9px; }
#copyright { margin: 3px 9px 0 0; }
#footer-nav li { display: inline-block;
height: 21px;
line-height: 21px; }
#footer-subnav { margin: 0 0 0 10px; padding: 0 0 0 16px;
background: transparent url('Footer-Arrow.jpg') no-repeat 5px 5px; }
#copyright-follow { margin: 0 9px 0 0; padding: 0;
font-size: 0.9em; }
#footer-subnav li { display: inline-block;
height: 21px;
margin: 0 1px 0 0;
line-height: 21px;
font-size: 0.9em; }
#footer .search { margin: 0 0 0 58px; }
#footer .landlords { margin: 0 0 0 107px; }
#footer .tennants { margin: 0 0 0 175px; }
#footer-nav a.active:link,
#footer-subnav a.active:link,
#footer-nav a.active:visited,
#footer-subnav a.active:visited { color: #fff;
text-decoration: none;
font-weight: bold; }
#footer-nav a.active:hover,
#footer-subnav a.active:hover { color: #fff;
text-decoration: underline;
font-weight: bold; }
#footer-nav a.active:active,
#footer-subnav a.active:active { color: #fff;
text-decoration: none;
font-weight: bold; }
#footer a:link,
#footer a:visited { color: #ccc;
text-decoration: none; }
#footer a:hover { color: #fff;
text-decoration: underline; }
#footer a:active { color: #ccc;
text-decoration: none; }
#footer p { margin: 0 10px;
text-align: inherit; }
#footer a { display: inline-block;
margin: 0 5px; }
div.activityItem { padding: 4px 4px 4px 24px;
font-size: 0.8em; }
div.activityItem.alt { background-color: #ebf0ef; }
div.activityItem div.date { font-size: 0.8em;
color: #888; }
div.activityItem.user { background-image: url('Icons/User.png');
background-repeat: no-repeat;
background-position: 4px 4px; }
div.activityItem.lead { background-image: url('Icons/Lead.png');
background-repeat: no-repeat;
background-position: 4px 4px; }
div.activityItem.prop { background-image: url('Icons/Property.png');
background-repeat: no-repeat;
background-position: 4px 4px; }
ul.legend { margin: 4px 10px; }
ul.legend li { clear: left; }
ul.legend div.image { width: 24px; height: 24px;
float: left; }
ul.legend div.image img { margin: 4px auto; }
ul.legend div.text { display: inline-block;
height: 24px;
float: left;
line-height: 24px;
font-size: 0.75em;
color: #555; }
#rightColumn div.help { font-size: 0.7em;
font-style: italic; }
#rightColumn div.help .title { font-weight: bold; }
#rightColumn div.help .desc { padding: 0 0 5px 0;
color: #666; }
#help-password,
#help-confirm { display: none; }
.hidden { display: none; }
div.error-list { margin: 4px 10px; padding: 5px;
border: 1px solid #7e0000;
color: #7e0000;
background-color: #feaaaa;
font-size: 0.75em; }
div.good-list { margin: 4px 10px; padding: 5px;
border: 1px solid #007e08;
color: #007e08;
background-color: #aafeb0;
font-size: 0.75em; }
div.warning-list { margin: 4px 10px; padding: 5px;
border: 1px solid #c99907;
color: #585858;
background-color: #f9ebc0;
font-size: 0.75em; }
div.error-list span { display: block;
height: 16px;
padding: 0 0 0 20px;
line-height: 16px;
background: transparent url('Icons/Delete.png') no-repeat 0 0; }
div.good-list span { display: block;
height: 16px;
padding: 0 0 0 20px;
line-height: 16px;
background: transparent url('Icons/Check.png') no-repeat 0 0; }
div.warning-list span { display: block;
height: 16px;
padding: 0 0 0 20px;
line-height: 16px;
background: transparent url('Icons/Warning.png') no-repeat 0 0; }
div.error-list ul { margin: 0 0 0 20px; }
div.error-list li { height: 16px;
padding: 0 0 0 20px;
line-height: 16px;
background: transparent url('Icons/ErrorArrow-Small.png') no-repeat 0 0;
font-size: 0.9em; }
ul.image-collection { margin: 4px 10px; }
ul.image-collection li { width: 262px; height: 182px;
margin: 5px 10px;
float: left; }
ul.image-collection li div.image-container { width: 240px; height: 180px;
float: left;
border: 1px solid #aaa; }
ul.image-collection li div.image-container img { width: 77px; height: 56px;
margin: 118px 0 0 157px; padding: 0;
border: 1px solid #777; }
ul.image-collection li div.image-controls { width: 17px;
margin: 0; padding: 4px 0 0 2px;
float: left;
border: 1px solid #aaa;
border-left: 0;
background-color: #ebf0ef; }
div.content textarea { width: 685px;
padding: 3px 3px 3px 16px;
border: 1px solid #bbb;
border-top: 1px solid #999;
font: 0.85em Calibri, Arial, Sans-serif }
div.breaker { height: 1px;
clear: both;
overflow: hidden; }
div.lowerMargin { margin-bottom: 20px; }
ul.crumbs { padding: 0 10px;
background: transparent url('Breadcrumb-Background.jpg') repeat-x 0 0; }
ul.crumbs li { display: inline-block;
height: 27px;
margin: 0 4px 0 0; padding: 0 0 0 10px;
background: transparent url('Breadcrumb-Arrow.jpg') no-repeat 0 0;
font-size: 0.7em;
line-height: 27px; }
ul.crumbs li.firstLink { padding: 0; background: none; }
ul.crumbs a:link,
ul.crumbs a:visited { color: #bb2800;
text-decoration: none; }
ul.crumbs a:hover { color: #bb2800;
text-decoration: underline; }
ul.crumbs a:active { color: #bb2800;
text-decoration: none; }
.price { color: #3c7363;
font-size: 1.2em; font-weight: bold; }
.info { color: #555;
font-size: 1.0em; font-weight: normal; }
.mainImage { margin: 10px 10px;
text-align: center; }
ul.images { margin: 10px 10px; }
ul.images li { width: 72px; height: 53px;
margin: 0 9px 6px 0;
float: left; }
ul.images li.noRightMargin { margin-right: 0; }
ul.images li img { cursor: pointer; }
.login { width: 340px;
margin: 5px 10px;
background: transparent url('LoginBox-Background.jpg') repeat-y 0 0; }
.login-top { height: 16px;
overflow: hidden;
background: transparent url('LoginBox-Top.jpg') no-repeat 0 0; }
.login-field { height: 25px;
margin: 5px 0 0 0; }
.login-field label { display: inline-block;
width: 100px; height: 25px;
font-size: 0.75em;
text-align: right; line-height: 25px;
color: #fff; }
.login-field span { display: inline-block;
width: 220px; height: 25px;
margin: 0 0 0 10px;
line-height: 25px; }
.login-field span.button { width: 204px;
text-align: right; }
.login-field span input.text { width: 180px;
padding: 3px 3px 3px 16px;
border: 1px solid #fff;
font: 0.8em Calibri, Arial, Sans-serif }
.login-bottom { height: 13px;
overflow: hidden;
background: transparent url('LoginBox-Bottom.jpg') no-repeat 0 0; }
.login-gutter { font-size: 0.8em;
text-align: center; }
.address span { display: block; }
.req { color: #f00;
font-size: 0.9em; }
strong { font-weight: bold; }
em { font-style: italic; }
ul.list,
ol.list { margin: 0 10px; }
ul.list { list-style-type: circle; }
ol.list { list-style-type: decimal; }
ul.list,
ol.list { font-size: 0.8em;
list-style-position: inside; }
ol.list li,
ul.list li { padding: 2px 5px; }
#testimonials-container { margin: 4px 10px; padding: 2px 0; }
.testimonial { width: 310px;
margin: 5px 5px; padding: 2px 0 0 30px;
float: left;
background: transparent url('QuoteLeft.jpg') no-repeat 0 0; }
.testimonial-internal { width: 280px;
padding: 0 30px 0 2px;
background: transparent url('QuoteRight.jpg') no-repeat bottom right;
font-size: 0.9em; color: #444; font-style: italic; }
.testimonial-name { margin: 3px 0 0 0;
font-size: 0.9em; color: #3c7363; }
.testimonial-location { font-size: 0.8em; }
.result .index { width: 50px;
margin: 5px 10px 0 0;
float: left;
text-align: right;
font-size: 3em;
color: #cedcd8; }
.result .thumb { width: 77px;
margin: 5px 10px 0 0;
float: left; }
.result .data { width: 559px;
margin: 5px 0 0 0;
float: left; }
.result .data .price { float: right; }
.result .data .name { font-size: 1.3em; }
.data .icons div { height: 22px;
padding: 0 15px 0 30px;
font-size: 1.1em;
color: #3c7363;
float: left; line-height: 22px; }
.searchBreaker { margin: 10px 0;
border-top: 1px solid #ccc; }
.bedrooms { background: transparent url('BedIcon.jpg') no-repeat 0 0; }
.bathrooms { background: transparent url('BathIcon.jpg') no-repeat 0 0; }
.receptions { background: transparent url('ReceptionIcon.jpg') no-repeat 0 0; }
.text { padding: 10px;
clear: left; }
.link { padding: 10px;
text-align: right; }
.miniForm { color: #555;
font-size: 0.8em; }
.emptySearch { padding: 10px;
text-align: center; }
ul.myaccount { margin: 0 20px; }
ul.myaccount a { display: inline-block;
height: 20px;
padding: 0 0 0 12px;
background: transparent url('LeftColumn-Arrow.jpg') no-repeat 0 8px;
line-height: 20px;
color: #3c7363;
text-decoration: none;
font-size: 0.7em; }
ul.legend { margin: 4px 10px; }
ul.legend li { clear: left; }
ul.legend div.image { width: 24px; height: 24px;
float: left; }
ul.legend div.image img { margin: 4px auto; }
ul.legend div.text { display: inline-block;
height: 24px;
padding: 0;
clear: none; float: left;
line-height: 24px;
font-size: 0.75em;
color: #555; }
table.form td select.short { width: 100px; }
div.file { display: inline-block;
height: 24px;
margin: 0 10px; }
div.icon { width: 24px; height: 24px;
float: left; }
div.icon img { width: 16px; height: 16px;
padding: 4px; }
div.filename { height: 24px;
float: left;
padding: 0 4px;
font-size: 0.8em; line-height: 24px; }
div#myaccount { padding: 0 20px; }
div#myaccount .account-item { clear: both; }
div#myaccount .icon { width: 24px; height: 24px;
margin-top: 10px;
float: left; }
div#myaccount .desc { width: 610px;
margin-top: 10px;
float: left; }
div#myaccount .description { font-size: 0.75em;
color: #555; }
div#myaccount span { display: block; }
.listing { width: 420px;
margin: 10px auto; }
.listing .data { margin: 20px 0; }
img.section { margin: 10px 0; }
#map { width: 420px; height: 300px;
margin: 10px 0; }
#similar { }
#similar .item { width: 140px;
float: left; }
#similar .thumbnail { float: left; }
#similar .item-icons { width: 40px;
margin: 0 0 0 5px;
float: left; }
#similar .item-icons div { height: 22px;
padding: 0 15px 0 30px;
font-size: 1.1em;
color: #3c7363;
float: left; line-height: 22px; }
#similar .price { font-size: 0.8em;
text-align: center; }
#similar .link { padding: 0;
font-size: 0.8em;
text-align: center; }
.quickFacts { width: 207px; height: 31px;
margin: 10px; padding: 25px 20px 20px 20px;
background: transparent url('QuickFacts.jpg') no-repeat 0 0; }
.quickFacts div { font-size: 0.7em; color: #fff; }
.quickFacts div span { font-weight: bold; }
#controls { font-size: 0.8em;
text-align: center; }
#controls span a { font-weight: bold; }
.miniForm span { display: block;
height: 24px;
padding: 0 5px 0 0;
line-height: 24px;
float: left; }