/*------------------------------------------------------------------
	[Reset]
*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }

ul,ol { list-style: none; }

fieldset,img { border: none; }

caption,th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.inner { padding: 9px 18px 18px 18px; }

.small-inner { padding: 1px; }

/*------------------------------------------------------------------
	[Global]
*/

body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; text-align:center; }

a:link, a:visited, a:active { text-decoration: none; }

a:hover { text-decoration: underline; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

p { margin-bottom: 18px; }

h1,h2,h3,h4 { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #1D336B; }

h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; }

h2 { font-size: 18px; line-height: 18px; margin-bottom: 18px; }

h3 { font-weight: bold; font-size: 1em; line-height: 18px; }

h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

/*------------------------------------------------------------------
	[Layout]
*/

#wrapper { position:relative; text-align:left; }

#header { display:none; }

#nav { display:none; }

#content a {color: #1D336B; }

#content a:hover { color: #566690; }

#content ul { list-style:disc; margin: 18px 18px 18px 36px; }

#sidebar { display:none; }

#offices { display:none; }

.office-left { float:left; width:49%; }

.office-right { float:right; width:49%; }

.office-left p, .office-right p { margin-bottom:0; }

.gradient { background:url(/images/offices-bg.png) 0 0 no-repeat; height: 40px; margin: 1px; }

.light-gradient { background:transparent url(/images/light-gradient.png) 0 100% no-repeat; margin: 1px; }

.blue-gradient { background:url(/images/offices-bg.png) 0 0 no-repeat; margin: 1px; color:#FFFFFF; }

.office-select { height:40px; line-height: 40px; padding:0 18px; text-align:right; }

#slideshow {
    position:relative;
    height:210px;
	width: 960px;
}
 
#slideshow div.slide {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 210px;
	width: 960px;
}
 
#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow DIV.last-active {
    z-index:9;
}

div.featured { margin-bottom: 1px; }

div.featured img { width:320px; }

div.feature-one, div.feature-two, div.feature-three { float:left; width:320px; height:210px; overflow:hidden; }

div.feature-two { width:318px; margin: 0 1px; }
 
#home-content { margin-bottom: 1px; }

#home-content h2 { color:#FFFFFF; text-shadow: #000000 1px 1px 2px; height: 1.2em;
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=2);
}

#quicksearch, #quicklinks, #emag { float:left; width:320px; height:290px; overflow:hidden; background:#1D336B url(/images/blue-gradient.png) 0 100% no-repeat; }

#quicksearch input, #quicksearch select, #quicksearch label { font-size: 11px; }

#quicksearch input, #quicksearch select { padding: 1px; }

#quicksearch h2 { margin-bottom: 6px; }

#buying-tab, #renting-tab { float:left; width: 141px; height: 25px; margin-bottom: 1px; text-align:center; }

#buying-tab a, #renting-tab a { display:block; width:141px; height:25px; text-align:center; line-height: 25px; font-size: 14px; color:#FFFFFF; outline:none; }

#buying-tab a:hover, #renting-tab a:hover { text-decoration:none; }

#renting-tab { margin-left:2px; }

#buying-tab.selected, #renting-tab.selected { background:url(/images/selected-tab-bg.png) 0 0; }

#buying-tab.inactive, #renting-tab.inactive { background:url(/images/tab-bg.png) 0 0; }

#qs-suburb-box { height: 100px; width:278px; overflow:auto; border: 1px solid #809DB9; background:#FFFFFF; margin-bottom: 5px; padding:2px; }

#qs-keywords, #qs-price, #qs-bed-pt  { margin-bottom: 6px; }

#qs-price, #qs-bed-pt  { height: 20px; }

#qs-keywords input { width: 278px; border: 1px solid #809DB9; padding: 4px 2px; }

#qs-price select { width: 135px; border: 1px solid #809DB9; }

#qs-price .left { float:left; }

#qs-price .right { float:right; }

#qs-bed-pt select { width: 135px; border: 1px solid #809DB9; }

#qs-bed-pt .left { float:left; }

#qs-bed-pt .right, #qs-proptype { float:right; }

#quicklinks { width:318px; margin: 0 1px; }

#quicklinks li { margin-bottom:12px; font-size: 13px; }

.photoid { text-indent:-9000px; background:url(/images/photoid.png) 0 0 no-repeat; height:52px; width:300px; margin: 0 9px; }


.form .formLabel { font-weight: bold; float:left; text-align:right; width:160px; margin:0; padding:8px 10px 8px 0; }

.form .formField { float:left; margin:0; padding:8px 10px 8px 10px; border-left: 1px solid #FFFFFF; }

/* 
	Property Alert
*/

#property-alert { display:none; }

/* 
	Search Form
*/

#search-toolbar { display:none; }

#search-form { display:none; }

/*
	Results
*/

.results {	width:798px; margin-top: 1px; }

.results-photo { float: left; width:250px; overflow:hidden; position:relative; }

.results-banner { position:absolute; top:0; left:0; }

.results-photo img { width: 250px; float: left; }

.results-text { float: left; width:320px; }

.results-text .inner { padding: 9px; }

#content .results-text p { margin-bottom: 0; }

#content .results-text h3 { font-size:16px; font-weight:bold; padding-bottom: 4px; }

#content .results-text h4 { font-size:14px; font-weight:bold; color:#6C7CA8; padding-bottom: 4px; }

#content .results-text h4 a { color:#6C7CA8; }

#content .results-text h5 { font-size:12px; font-weight:bold; color:#333333; padding-bottom: 4px; }

#content .results-text h5 a { color:#333333; }

.results-icons { float: right; width:220px; }

.results-icons .inner { padding: 9px 9px 9px 0; }

.results-car, .results-bath, .results-bed { float: right; margin-left: 6px; font-weight:bold; color: #1D336B; }

.results-icons h3 { text-align:right; margin: 9px 0; color:#333333; }


#pagination { display:none; }

#content .left { float:left; width:30%; text-align:left; }

#content .right { float:right; width:69%; text-align:left; }

#content .left p, #content .right p { margin-bottom: 9px; }

/*
	Full Display
*/

#back-to-results { position:absolute; top:0; left:0;  width:200px; height: 30px; line-height: 29px; }

#back-to-results  a { display:block; width:170px; height:30px; padding-left:30px; background:url(/images/left-arrow.png) 0 0 no-repeat; color:#333333; }

#new-search { position:absolute; top:0; left:680px; width: 100px; text-align:right; height: 30px; line-height: 29px; }

#new-search   a { display:block; width:100px; height:30px; color:#333333; }

#back-to-results a:hover, #new-search a:hover { text-decoration:none; color:#333333; }

#address-wrapper { height: 40px; overflow: hidden; }

#property-address { float:left; }

#property-address .inner { padding-left: 9px; }

#property-address h2 { margin-bottom:0; line-height:1; }

#property-icons { float:right; }

#mainphoto { float:left; width:590px; height:390px; overflow:hidden; position:relative; }

#mainphoto img { width:590px; }

#mainphoto #banner { position:absolute; top:0; left:0; }

#photos { float:right; width: 207px; height: 390px; overflow:hidden; }

#photos img { width:207px; }

#property-links-wrapper {
	position:relative;
	height: 30px;
	background: url(/images/search-toolbar-bg.png) 0 0 no-repeat;
	line-height: 29px;
}

#property-links { float: left; height: 30px; line-height: 29px; margin-left:9px; }

#property-links a { color:#333333; }

#property-id { float:right; height: 30px; line-height: 29px; margin-right:9px; }

#property-left-col { float: left; width:590px; }

#property-left-col strong { color: #1D336B; }

#property-right-col { float:right; width:207px; }

#description { margin-bottom: 18px; text-align: justify; }

.agent { float: left; width:50%; }

.agentphoto { float:left; width:100px; margin-right:18px; }

#contact-form-header, #email-form-header, #contract-form-header { position: relative; height: 30px; line-height:30px; color: #FFFFFF; background:url(/images/form-header-bg.png) 0 100% no-repeat; cursor: pointer; }

#contact-form-header h3, #email-form-header h3, #contract-form-header h3 { color: #FFFFFF; margin-bottom: 0; padding-left:9px;  line-height: 30px; }

#contact-form-content, #email-form-content, #contract-form-content { background:url(/images/form-bg.png) 0 100% no-repeat; text-align: center; }

.plus, .minus { position: absolute; top:0; right:0; width: 30px; height:30px;}

.plus { background:url(/images/plus.png) 0 100% no-repeat; }

.minus { background:url(/images/minus.png) 0 100% no-repeat; }

/*
	Lists
*/

.rent-results {	width:798px; margin-top: 1px; background:url(/images/light-gradient.png) 0 100% no-repeat; }

.rent-results-photo { float: left; width:80px; overflow:hidden; }

.rent-results-photo img { width: 80px; float: left; }

.rent-results-address { float: left; width:260px; }

.rent-results-available { float: left; width:240px; }

.rent-results-address .inner, .rent-results-available .inner, .rent-results-price .inner { padding: 9px; }

#content .rent-results-address h3, #content .rent-results-available h3, #content .rent-results-price h3 { font-size:12px; font-weight:bold; padding-bottom: 0px; }

#content .rent-results-available h3, #content .rent-results-price h3 {  padding-top:9px; }

.rent-results-price { float: right; width:218px; }


.ofi-results {	width:798px; margin-top: 1px; background:url(/images/light-gradient.png) 0 100% no-repeat; }

.ofi-results-photo { float: left; width:80px; overflow:hidden; }

.ofi-results-photo img { width: 80px; float: left; }

.ofi-results-suburb { float: left; width:260px; }

.ofi-results-address { float: left; width:240px; }

.ofi-results-address .inner, .ofi-results-suburb .inner, .ofi-results-times .inner { padding: 9px; }

#content .ofi-results-address h3, #content .ofi-results-suburb h3, #content .ofi-results-times h3 { font-size:12px; font-weight:bold; padding-bottom: 0px; }

#content .ofi-results-suburb h3, #content .ofi-results-address h3, #content .ofi-results-times h3 {  padding-top:9px; }

.ofi-results-times { float: right; width:218px; }



/*
	Offices
*/

#office-details { margin-bottom: 9px; background:url(/images/light-gradient.png) 0 100% no-repeat; padding:9px; }

#office-photo { float:left; width: 160px; }

#office-photo { float:left; display:inline; }

#office-address { float:left; }

#office-address2 { float:left; margin-left: 18px; }

#validateForm input, #validateForm select, #validateForm textarea  { border: 1px solid #809DB9; }

#validateForm label.error { margin-left: 5px; font-weight:bold; color:#CC0000; }

#validateForm input.error, #validateForm select.error, #validateForm textarea.error { border: 1px solid #CC0000; }

#validateForm .roundButton input { border:0; }

/*
	Buttons
*/
.roundButton { font-size:12px; background: #F7B72F url(/images/button-bg.gif) 0 0 repeat-x; -moz-border-radius: 10px; -webkit-border-radius: 10px; width:135px; }

.roundButton input { border:0; font-weight:bold; color:#1D336B; background:none; width:135px; text-align:center; width:135px; cursor:pointer; height:25px; line-height:22px; padding:0; }

#content p a.external, #content td a.external { padding-right: 16px; background: url(/images/external.gif) 100% 50% no-repeat; }

/* 
	Slider
*/

.staff-photo-wrapper {
	position:relative;
	background: #121F41 url(/images/profile-bg.png) 100% 0 no-repeat;
	color:#FFFFFF;
	height:200px;
	width:500px;
	overflow:hidden;
}

.staff-photo-corners {
	position:absolute;
	top:0;
	left:0;
	height:200px;
	width:500px;
	background: url(/images/profile-corners.png) 0 0 no-repeat;
}

.staff-photo {
	float:left;
	width: 200px;
	height:200px;
	overflow:hidden;
	
}

.staff-details-wrapper {
	margin-top: 9px;
}

.staff-details {
	float:left;
	width: 200px;
}

.staff-details h2 {
	margin-bottom:2px;
}

.staff-details h3 {
	margin-bottom:9px;
	color:#6C7CA8;
}

.staff-description {
	float:left;
	width: 300px;
}

#slider {
	float:left;
    width: 500px;
    margin: 0 20px 20px 20px;
    position: relative;
}

.scroll {
    height: 900px;
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    height: 860px;
    width: 500px;
}

.staffthumb a {
	display:block; 
	height:80px; 
	width:80px;
	border: 1px solid #CCCCCC;
}

.staffthumb a:hover {
	border: 1px solid #F7B62D;
}


#content img.scrollButtons {
    position: absolute;
    top: 90px;
    cursor: pointer;
}

#content img.scrollButtons.left {
    left: -20px;
	width: auto !important;
}

#content img.scrollButtons.right {
    right: -20px;
	width: auto !important;
}

.hide {
    display: none;
}