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

body {
	font-family: "Lucida Sans",Arial,verdana,Geneva,Helvetica,SunSans-Regular,sans-serif;
	
	background:url(/assets/images/layout/background.jpg) center top;
	font-size:9pt;
	margin:0;
	background-repeat: no-repeat;
	color : #2a2928;
}

a {
	text-decoration: none;
	color:#4E806D;
}

h1 {
color:#4E806D;
font-size:18pt;
font-weight:bold;
margin-bottom:15px;
margin-top:0;
}
h2 {
	font-size:11pt;
	font-weight:bold;
}

h3 {
	color: #4E806D;
}
.clear {
	clear: both;
}
.quote {
color:#808080;
font-size:22px;
font-weight:bold;
}

#errorcontainer {
float:left;
margin-left:10px;
margin-top: 10px;
margin-bottom: 10px;
position:relative;
width:100%;
}
#errorlist ul li {float: none}
.invalid {
	background-color: #a4d9c9 !important;
}
.errortext {
	color: red;
	font-size: 8pt;
	font-weight: bold;
	height: auto;
}

.dean {
	float:right;
position:relative;
}

#sitebody {
height:auto;
margin:auto auto 0;
overflow:visible;
padding-top:50px;
position:relative;
width:995px;
}

#pagecontent {
background-color:white;
float:left;
min-height:300px;
padding:0 18px 0;
position:relative;
width:959px;
}

.pagetop {
background-image:url(/assets/images/layout/main_top.gif);
float:left;
height:15px;
position:relative;
width:995px;
}

.pagebottom {
background-image:url(/assets/images/layout/main_bottom.gif);
background-repeat:no-repeat;
float:left;
height:13px;
position:relative;
width:995px;
}

#topcontainer {
	float:left;
height:361px;
position:relative;
width:961px;
}

#sjlogo {
height:63px;
left:40px;
position:absolute;
top:40px;
width:101px;
}

#pagetitle {
color:white;
font-family:lucida Sans;
font-size:23pt;
font-weight:normal;
left:160px;
position:absolute;
top:35px;
}

#navbar {
bottom:0;
height:40px;
right:20px;
position:absolute;
width:auto;
}

#pagefooter {
background-image:url(/assets/images/layout/pagefooter.png);
background-repeat:no-repeat;
bottom:0;
float:left;
height:101px;
left:0;
margin-top:30px;
position:relative;
width:961px;
}
#pagefooter #phonenumber {
bottom:15px;
color:white;
font-size:11pt;
font-weight:bold;
position:absolute;
right:40px;
}

#sitemapcontainer {
float:left;
height:231px;
left:-27px;
top:20px;
position:relative;
width:1024px;
}

.sitemapbackground {
	behavior: url(/assets/images/layout/iepngfix.htc);
	background-image:url(/assets/images/layout/sitemapbackground.png);
	background-repeat:no-repeat;
	top: 0px;
	left: 0;
	height:101px;
	position:absolute;
	width:1024px;
	height: 231px;	
}

#sitemap {
height:200px;
left:100px;
position:relative;
width:860px;
}
#sitemaplogo {
	behavior: url(/assets/images/layout/iepngfix.htc);
	bottom:10px;
	position:absolute;
	right:0;
}
#sitemap .col {
float:left;
position:relative;
top: 10px;
width:150px;
}
#sitemap .col h3 {
	font-size:11pt;
	margin-bottom:5px;
}	
#sitemap .col p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#sitemap .col a {
	text-decoration: none;
	color: white;
}
#sitemap #copyright {
bottom:30px;
font-size:8pt;
left:0;
position:absolute;
color: white;
}

#maincontent {
float:left;
min-height:300px;
padding-bottom:0;
padding-left:40px;
padding-right:40px;
padding-top:40px;
position:relative;
width:880px;
}

.leftcontent {
	float:left;
	position:relative;
	width:250px;
}

.rightcontent {
float:right;
position:relative;
width: 550px;
}
#pagefooter .footerlinks {
	bottom:20px;
	left:30px;
	position:absolute;
}
.profileimage a {
	text-decoration: none;
	color: black;
	margin-top: 5px;
	position: relative;
}
.article-thumb {
	position: relative;
	float: left;
	padding-right:20px;
}
.article-thumb a img {border:1px solid lightgrey;}

#searchbox {
	background-image:url(/assets/images/layout/searchbackground.png);
	background-repeat:no-repeat;	
	position:relative;
	width:282px;
	height: 340px;	
	padding:10px 20px 20px;	
}

#searchbox .title, .smallbox .title, .bigbox .title {
	position: relative; 
	float: left;
	width: 100%;
	font-weight: bold;
	color: white;
	font-size: 12pt;
}

#searchbox .subtitle, .smallbox .subtitle, .bigbox .subtitle {
	position: relative; 
	float: left;
	width: 100%;
	font-weight: normal;
	color: white;
	font-size: 11pt;
}

#propertysearchform {
float:left;
position:relative;
top: 50px;
}

#propertysearchform .input input {
	border: 0;
	left:12px;
	position:absolute;
	top:7px;
	width:235px;
	 
}
#propertysearchform .input .inputbackground{
	border: none;
	behavior: url(/assets/images/layout/iepngfix.htc);
	background-image:url(/assets/images/layout/input.png);
	background-repeat:no-repeat;
	width: 268px;
	height: 30px;
}
#propertysearchform #submitbutton {
border:0 none;
bottom:-30px;
position:absolute;
right:0;
}
.inputlabel {
position:relative;
right:15px;
text-align:right;
top:3px;
padding-bottom:10px;

}
#propertysearchform select {
	font-size: 8pt;
	min-width:83px;
}
.to {
	font-weight: bold;
	font-size: 8pt;
	padding-top:3px;
}
#propertysearchform .row {
	width: 280px ;
}
#enquiryform .row .label {
	width: 125px !important;
}
.row {
float:left;
margin-bottom:4px;
margin-top:4px;
position:relative;
width:100%;
}
.row * {
	position: relative;
	float: left;
}
.row label {
cursor:pointer;
font-size:8pt;
font-weight:bold;
padding-top:5px;
width: 200px;
}
.row .label {
	width: 85px;
	font-size:8pt;
	font-weight: bold;
	padding-top:3px;
}

.row .value {
	
}
#valuationform .row .label {width: 115px;}
.goldbutton {
	behavior: url(/assets/images/layout/iepngfix.htc);
background-color:transparent;
background-image:url(/assets/images/layout/searchbutton.png);
background-repeat:no-repeat;
cursor:pointer;
height:32px;
width:99px;
font-weight: bold;
}

.magnifyingglass {
	behavior: url(/assets/images/layout/iepngfix.htc);
background-image:url(/assets/images/layout/mag.png);
background-repeat:no-repeat;
bottom:-115px;
cursor:pointer;
height:90px;
position:absolute;
right:-11px;
width:90px;
}

.mortgagehouse {
	position: relative;
	background-image:url(/assets/images/layout/mortgage.png);
	background-repeat:no-repeat;
	width: 270px;
	height: 245px;
}



#mortgageform #interest, #period, #value {
	font-size:7pt;
	height:11px;
	left:145px;
	padding-left:5px;
	position:absolute;
	width:60px;
	border: 0;
}
#mortgageform #interest {top:119px;}
#mortgageform #value {top:95px;}
#mortgageform #period {top:143px;}
#mortgagesubmit {
height:19px;
left:141px;
position:absolute;
top:169px;
width:77px;
border: 0;
background: 0;

}

.man {
	background-image:url(/assets/images/layout/man.png);
	background-repeat:no-repeat;
	width: 193px;
	height: 263px;
	position: relative;
	float: right;
}

#extranavcontainer {
	position: relative;
	float: left;
	width: 100%
}
	
#extranavcontainer *{
	position: relative;
	float: left;
}
#extranavcontainer a {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#valuationform .row.label {width: 120px}
#valuationform #details {height:100px;width:300px;}

#calculatorresultcontainer {
	background-color: #f5e7c8;
	border: 1px solid;
	padding: 10px;
}

.links {
	position: relative;
	width: 250px;
	border-bottom: 1px solid lightgrey;
	margin-bottom: 10px;
}
.links a {

border-top:1px solid lightgrey;
color:black;
float:left;
font-weight:bold;
padding-bottom:8px;
padding-top:8px;
position:relative;
text-decoration:none;
width:250px;
}

#furniturepackages th{
	text-align: left;
}

.branch-image {
	position: relative;
	float: left;
	margin-right: 30px;
	padding-bottom: 30px;
}

.green {
	font-weight: bold;
	color:#4E806D;
}
.search {
	
}

.search .image {
	float: right;
	position:relative;
	top:5px;
}
.search .detail {
	float : left;
	text-align:left;
	width:680px;
	padding-bottom:20px;
}
.pagination {
	float:left;
	position:relative;
	width:100%;
}


#viewingdate_ID * {
	float: none;
}

#searchtab {
height:auto;
position:absolute;
left:100px;
top:-75px;
width:218px;
z-index:100;
}
#searchtop {
	behavior: url(/assets/images/layout/iepngfix.htc);
	background-image:url(/assets/images/layout/searchtop.png);
	background-repeat:no-repeat;
	width: 218px;
	height: 75px;
	position: relative;
	float: left;
	cursor: pointer;
}
#searchtabcontainer {
	position: relative; float: left;
	width:214px;
	height: auto;
	background-color: white;
	border-left: 2px solid #62685f;
	border-right: 2px solid #62685f;

}
#searchbottom {
	behavior: url(/assets/images/layout/iepngfix.htc);
	background-image:url(/assets/images/layout/searchbottom.png);
	background-repeat:no-repeat;
	width: 218px;
	height: 37px;
	position: relative;
	float: left;
	cursor: pointer;
}

.mapseachbar {
	background-image:url(/assets/images/layout/mapsearchbar.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 29px;	
}
.mapseachbar .label {
	color:white;
	float:left;
	font-family:arial;
	font-size:9pt;
	font-weight:bold;
	padding-left:12px;
	padding-top:7px;
	position:relative;
}
.mapseachbar .rightarrow {
background-image:url(/assets/images/layout/rightarrow.png);
float:right;
height:20px;
position:relative;
right:5px;
width:20px;
}

.inputsmaller {
	background-image:url(/assets/images/layout/inputsmaller.png);
	height: 25px;
	width: 180px;
	position:relative;
}
.inputsmaller input {
border:0 none;
font-size:8pt;
height:14px;
left:12px;
position:absolute;
top:4px;
width:160px;
}

#searchtabcontainer .title {
font-size:8pt;
font-weight:bold;
padding-bottom:5px;
padding-left:10px;
padding-right:5px;
padding-top:5px;
}

#searchtabcontainer #propertysearchform {
float:left;
padding:0 10px 40px;
position:relative;
top:0;
width:195px;
}

#searchtabcontainer .inputlabel {
font-size:7pt;
padding-bottom:3px;
position:relative;
right:15px;
text-align:right;
top:0;
}
#searchtabcontainer .row {
	width: 100% !important;
}
#searchtabcontainer .row .label {
	font-size:7pt;
font-weight:bold;
padding-top:3px;
width:61px;
}
#searchtabcontainer .row label {
cursor:pointer;
float:left;
font-size:7pt;
font-weight:bold;
padding-top:5px;
position:relative;
width:173px;
}
#searchtabcontainer .to {
	font-size:7pt;
}
#searchtabcontainer .row select {
font-size:7pt;
min-width:53px;
}
.smallgoldbutton {
background-image:url(/assets/images/layout/smallsearchbutton.png);
height: 24px;
width: 84px;
position:relative;
}
.smallmagnifyingglass {
background-image:url(/assets/images/layout/smallmag.png);
bottom:2px;
height:39px;
position:absolute;
right:72px;
width:38px;
}

#searchtabcontainer #submitbutton {
border:0 none;
bottom:10px;
font-size:7pt;
font-weight:bold;
position:absolute;
right:10px;
}

.notfound {
float:right;
height:105px;
position:absolute;
right:20px;
top: 45px;
width:475px;
}

.notfound .keys {
	behavior: url(/assets/images/layout/iepngfix.htc);
	background-image:url(/assets/images/layout/keys.png);
	bottom:-10px;
	height:104px;
	left:44px;
	position:absolute;
	width:73px;
}

.notfound .greenrightarrow {
	behavior: url(/assets/images/layout/iepngfix.htc);
	background-image:url(/assets/images/layout/greenarrow.png);
	bottom:44px;
	height:34px;
	position:absolute;
	right:20px;
	width:24px;
}
.notfound .text {
	font-size:8pt;
	height:68px;
	left:124px;
	margin-bottom:20px;
	position:absolute;
	top:0;
	width:280px;
}
.notfound .text h3 {
	font-size: 10pt; 
}
.formcontainer {
	position:relative;
	top:30px;
}
.notfound .shadow {
	background-image:url(/assets/images/layout/shadow.png);
	bottom:0;
	height:23px;
	left:10px;
	position:absolute;
	width:464px;
}
.smallbox {
background-image:url(/assets/images/layout/smallbox.png);
height:198px;
padding:10px 20px 20px;
position:relative;
width:282px;
}
.bigbox {
background-image:url(/assets/images/layout/bigbox.png);
height:286px;
padding:10px 20px 20px;
position:relative;
width:350px;
}
#registerform .subtitle {font-size: 10pt;}
#registerform .row .label {
	font-size:8pt;
	font-weight:bold;
	padding-top:5px;
	width:103px;
}
.bigbox .row .label {
	width: 165px !important;
}
.smallinput {	
	height:23px;
	width:176px;
}
.smallinput input {
	font-size:8pt;
	height:14px;
	left:10px;
	top:6px;
	width:155px;
	border: 0;
}
.smallinputbackground {
	background-image:url(/assets/images/layout/smallinput.png);
	height:23px;
	width:176px;
	position: absolute;
	left: 0;
	top: 0;
}
.completereg {
	background-image:url(/assets/images/layout/completereg.png);

border:0 none;
bottom:65px;
float:right;
height:80px;
position:relative;
width:134px;
}
#registerform {
}

#propertytabsearchform {
float:left;
padding:0 10px 40px;
position:relative;
top:0;
width:195px;
background-color: #FFDB62;
}

#mediacontainer {
background-image:url(/assets/images/layout/mediacontainer.png);
height:334px;
position:relative;
top:60px;
width:885px;
margin-bottom:60px;
}

#mediabox {
	background-image:url(/assets/images/layout/mediabox.png);
	height:287px;
	left:15px;
	position:absolute;
	top:15px;
	width:328px;
}

#media {
height:263px;
left:15px;
position:absolute;
top:12px;
width:301px;
}

#mediatextcontainer {
color:white;
height:300px;
position:absolute;
right:0;
top:15px;
width:500px;
}
#mediatextcontainer a {
	color: white;
}

.mediatype {
float:left;
margin-bottom:10px;
position:relative;
width:100%;
}

.mediatype .list {
	position: relative;
	float: left;
}
.mediatype .list a {
	cursor: pointer;
}
.mediatype .audio {
	float:left;
	left:20px;
	margin-bottom:10px;
	position:relative;
}
.mediatype .image {
	behavior: url(/assets/images/layout/iepngfix.htc);
	position: relative; float: left;
}
.link {
	border:1px solid grey;
	float:left;
	height:60px;
	margin:5px;
	padding:10px;
	position:relative;
	width:310px;	
}
.link div {
	margin-left:10px;
}
.link img {
	width: 110px;
	height: 55px;
	border:0 none;
}
.link * {
	position: relative; 
	float: left;
}

.locations {
	background-color:white;
	border:1px solid lightGrey;
	float:right;
	font-size:8pt;
	height:65px;
	margin-top:0;
	overflow:auto;
	width:193px;
}

.location {
	cursor:pointer;
	float:left;
	height:15px;
	padding-left:10px;
	padding-top:3px;
	position:relative;
	width:166px;
}

.areaselected {
	color: white;
	background-color: #4C994C;
}

#video {
	float:right;
	position:relative;
}

.goldlink {
	background-color:#FFEE7F !important;
	border-top:1px solid lightgrey;
	color:#4E806D !important;
	float:left;
	font-weight:bold;
	padding:8px 10px !important;
	position:relative;
	text-decoration:none;
	width:230px !important;
}
#newslettericon {
	bottom:61px;
position:absolute;
right:10px;
}