article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html, body {
height:85%;
}
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
margin: 0;
font-size: 17px;
line-height: 1.231;
min-width: 1080px;
}
body, button, input, select, textarea { font-family: "century gothic", sans-serif; color: #222; }
::-moz-selection { background: #f3b90e; color: #333; text-shadow: none; }
::selection { /*background: #f3b90e;*/ color: #333; text-shadow: none; }
a {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #3CC;
	text-decoration: none;
}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0;}
@font-face {
font-family: 'TradeGothicLTStdBold';
src: url('font/tradegothicltstd-bold-webfont.eot');
src: url('font/tradegothicltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/tradegothicltstd-bold-webfont.woff') format('woff'),
url('font/tradegothicltstd-bold-webfont.ttf') format('truetype'),
url('font/tradegothicltstd-bold-webfont.svg#TradeGothicLTStdBold') format('svg');
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4 {
margin-top:0;
padding-top: 0;
vertical-align: top;
}
h1 {
font-weight: normal;
font-size: 24px;
color:#333;
}
h2 {
font-weight: normal;
font-size: 18px;
color:#333;
}
h3 {
font-weight: bold;
font-size: 13px;
color:#666;
}
h4 {
font-weight: normal;
font-size: 16px;
color:#333;
}
p, .paragraph_list, .c21font {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 0 0 20px 0;
color: #666;
line-height: 20px;
}
.paragraph_list {
list-style-position: inside;
margin-left: 20px;
}
strong, b {
	color: #000;
	font-weight: bold;
}
a strong, a b {
	color: #003;
}
a:visited strong, a:visited b {
	color: #333;
	text-decoration: none;
}
a:hover strong, a:hover b {
	color: #333;
}
a:focus strong, a:focus b {
	color: #333;
}
abbr[title] { border-bottom: 1px dotted; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
a.button {
display: block;
text-align: left;
text-indent: -9999px;
margin: 0;
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td { vertical-align: top; }
#container {
height:auto !important
width: 100%;
min-height: 100%;
position: relative;
}
#container-home {
height:auto !important
width: 100%;
min-height: 100%;
position: relative;
}
.c21-clr-top10 {
margin-top: 10px;
}
.c21-clr-top20 {
margin-top: 20px;
}
.c21-clr-top30 {
margin-top: 30px;
}
.c21-clr-btm5 {
margin-bottom: 5px;
}
.c21-clr-btm10 {
margin-bottom: 10px;
}
.c21-clr-btm20 {
margin-bottom: 20px;
}
.c21-clr-btm30 {
margin-bottom: 30px;
}
.c21-clr-left5 {
margin-left: 5px;
}
.c21-clr-right5 {
margin-right: 5px;
}
.c21-clr-right10 {
margin-right: 10px;
}
.c21-clr-right20 {
margin-right: 20px;
}
.c21-clr-right30 {
margin-right: 30px;
}
.c21-clr-left10 {
margin-left: 10px;
}
.c21-clr-left20 {
margin-left: 20px;
}
.c21-clr-left30 {
margin-left: 30px;
}
select, input, textarea {
border: none;
}
.c21-left { float: left;}
.c21-right { float: right;}
.c21-clear {
clear: both;
}
#header {
width: 100%;
margin: 0 auto;
background: #000 url(image/c21-header-bg.gif) repeat-x left top;
height: 115px;
}
.header-box {
width: 980px;
height: 115px;
margin: 0 auto;
position: relative;
}
.c21-top-nav {
	display: inline;
	color: #aaa9a9;
	position: absolute;
	top: 5px;
	width: 950px;
}
.c21-top-nav li, .c21-top-nav h1{
display: inline;
padding: 5px 2px;
color: #aaa9a9;
font-family: sans-serif;
font-size: 13px;
line-height: 1.231;
}
.c21-top-nav li a{
	display: inline;
	padding: 5px 2px;
	color: #aaa9a9;
	text-decoration: none;
	font-weight: bold;
}
.c21-top-nav li a:hover, .c21-top-nav h1:hover{
color: #fff;
}
a#c21-logo {
background: url(image/c21-logo.gif) no-repeat;
height: 60px;
width: 100px;
position: absolute;
right: 5px;
bottom: 15px;
margin: 0;
}
.c21-top-right-nav {
display: inline;
color: #fff;
position: absolute;
top: 5px;
right: 10px;
text-align: right;
width: 150px;
margin: 0;
padding: 0;
}
.c21-top-right-nav li{
display: inline;
color: #fff;
text-transform: uppercase;
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
}
.c21-top-right-nav li a{
display: inline;
color: #fff;
text-decoration: none;
}
.c21-top-right-nav li a:hover{
display: inline;
color: #aaa9a9;
text-decoration: none;
}
.c21-tagline {
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
width: 450px;
position: absolute;
left: 10px;
bottom: 20px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.c21-tagline span {
color: #f3b90e;
}
#main {
padding: 40px;
}
#main-index {
	background: none;
	padding: 40px;
}
#main-index-sub {
	background: none;
	padding: 20px;
}
.c21-search-box {
padding: 0;
margin: 0 auto;
text-align: right;
width:666px;
}
.c21-search-box form{
background: none;
padding: 0;
margin:0 auto;
width: 650px;
height: 60px;
-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25);
box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25);
}
.c21-search-box-input-container{
background: #fff url(image/c21-search-icon.gif) left center no-repeat;
width: 450px;
height: 40px;
padding: 10px 20px 10px 30px;
border: 0;
float: left;
font-size: 15px;
color:#666;
}
.c21-search-box-input-field {
border: 0 none;
float: left;
width: 450px;
margin-top: 10px;
background-color: white;
outline: none;
}
.c21-aj-go {
background: #fff url(image/c21-search-icon.gif);
width: 150px;
height: 60px;
padding: 7px 0;
margin: 0 0 5px 2px;
color: #fff;
font-size:12px;
vertical-align: middle;
border: none;
}
#dropdownContent {
background-color:#f3b90e;
}
#dropdown {
z-index:1;
}
#dropdown.expanded {
z-index:1000;
}
#innerSearch{
background-color:#000000;
padding:15px;
}
#dropdownContent {
display:none;
}
#dropdown.expanded {
z-index:1000;
}
#innerTooltip{
background-color:#000000;
padding:10px;
color:#FFFFFF;
text-align:left;
}
#tooltopSlider{
position:relative;
top:-8px;
}
#tooltopSliderContent{
margin-left:8px;
margin-right:8px;
}
#tooltopSliderContentTop{
height:14px;
background: url(image/search-result-top.png) no-repeat top center;	}
#innerSearch{
background-color:#000000;
padding:15px;
}
#dropdownResults{
position:relative;
top:-8px;
z-index:1000;
display: inline-block;
}
#dropdownResults .ui-menu .ui-menu-item a {display: inline-block;}
#dropdownContent{
margin-left:8px;
margin-right:8px;
}
#dropdownContentTop{
height:14px;
background: url(image/search-result-top.png) no-repeat top center;	}
#searchSuggestMultipleResult .result ul{
color:#FFF;
padding: 12px 0;
margin:0;
}
#searchSuggestMultipleResult .result ul li{
display:inline;
font-size: 13px;
color:#F3B90F;
padding:0px 6px;
}
#searchSuggestMultipleResult .result ul li a{
color:#F3B90F;
text-decoration:none;
}
#searchSuggestMultipleResult .result ul li a:hover{
color:#FFFFFF;
}
#searchSuggestMultipleResult .result {
text-align:left;
padding:0px;
margin:0px;
padding:0;
border-bottom: 1px solid #353535;
}
#searchSuggestMultipleResult .result ul li.place{
font-size: 13px;
font-weight: bold;
border-left: 0px;
color:#FFFFFF;
}
#searchSuggestMultipleResult .result ul li.place div{
width:390px;
float:left;
}
.c21-border-none {
border: 0;
}
#active-suburbs-searchbox{
padding:15px;
text-align:center;
vertical-align: middle;
background-color:#F0EFEF;
-webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25);
box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25);
}
#active-suburbs-searchbox select{
margin: 5px 0;
padding: 3px 2px;
color: #666;
}
.c21-content-area-index {
width: 992px;
margin: 0 auto;
padding: 0;
margin-top: 40px;
background: none;
overflow: hidden;
}
.c21-content-area {
width: 992px;
margin: 0 auto;
padding: 0;
margin-top: 40px;
background: none;
overflow: hidden;
height:auto !important	}
.c21-content-area-no-panel-top {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-simple-bg-top.png) no-repeat top center;	}
.c21-content-area-no-panel-middle {
width: 932px;
margin: 0 auto;
padding: 0 30px;
background: url(image/c21-simple-bg-middle.png) repeat-y top center;	}
.c21-content-area-no-panel-bottom {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-simple-bg-bottom.png) no-repeat top center;	}
.c21-content-area-left-panel-top {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-left-menu-bg-top.png) no-repeat top center;	}
.c21-content-area-left-panel-middle {
width: 932px;
margin: 0 auto;
padding: 0 30px;
background: url(image/c21-left-menu-bg-middle.png) repeat-y top center;	}
.c21-content-area-left-panel-bottom {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-left-menu-bg-bottom.png) no-repeat top center;	}
.c21-content-area-right-panel-top {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-right-menu-bg-top.png) no-repeat top center;	}
.c21-content-area-right-panel-middle {
width: 932px;
margin: 0 auto;
padding: 0 30px;
background: url(image/c21-right-menu-bg-middle.png) repeat-y top center;	}
.c21-content-area-right-panel-bottom {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-right-menu-bg-bottom.png) no-repeat top center;	}
.c21-content-area-left-right-panel-top {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-left-right-menu-top.png) no-repeat top center;	}
.c21-content-area-left-right-panel-middle {
width: 932px;
margin: 0 auto;
padding: 0 30px;
background: url(image/c21-left-right-menu-middle.png) repeat-y top center;	}
.c21-content-area-left-right-panel-bottom {
width: 992px;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(image/c21-left-right-menu-bottom.png) no-repeat top center;	}
.c21-index-highlight-box {
width: 288px;
height: 228px;
padding: 15px;
background-color: transparent;
background: url(image/c21-content-area-bg.png) repeat top center;
margin: 100px 10px 160px 0;
float: left;
}
.c21-index-highlight-box img{
border: 1px solid #8a8c89;
}
.c21-left-panel {
width: 150px;
float: left;
padding: 15px 0;
margin-left: 5px;
}
.c21-left-panel-office{
text-align: center;
padding: 0 0 20px 0;
text-transform: uppercase;
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
font-size: 12px;
letter-spacing: 1px;
}
.c21-left-panel-smart{
text-align: center;
padding: 20px 0 20px 13px;
}
.c21-left-panel a{
text-decoration: none;
}
.c21-left-panel a:hover, .c21-left-panel a:active {
text-decoration: none;
}
.c21-left-menu-tab {
color: #000;
margin: 0;
background: none;
text-decoration:none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
display: block;
padding: 8px;
width: 136px;
}
a .c21-left-menu-tab {
color: #000;
margin: 0;
background: none;
text-decoration:none;
text-transform: uppercase;
border-bottom: #fff 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
display: block;
padding: 8px;
width: 136px;
}
a:hover .c21-left-menu-tab, a:active .c21-left-menu-tab, .selected-menu-item .c21-left-menu-tab{
margin: 0;
background: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
display: block;
background: #fff;
color: #005f8d;
text-decoration:none;
}
.c21-left-child-menu-tab {
color: #000;
margin: 0;
background: none;
text-decoration:none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
display: block;
padding: 8px;
width: 136px;
}
a .c21-left-child-menu-tab {
color: #000;
margin: 0;
background: none;
text-decoration:none;
text-transform: uppercase;
border-bottom: #fff 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
display: block;
padding: 8px;
width: 136px;
}
a:hover .c21-left-child-menu-tab, a:active .c21-left-child-menu-tab, .selected-child-menu-item .c21-left-child-menu-tab{
margin: 0;
background: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
display: block;
background: #fff;
color: #005f8d;
text-decoration:none;
}
.c21-content-section {
width: 940px;
padding: 0;
margin: 0 auto;
}
.c21-content-section2 {
width: 750px;
float: right;
padding: 0;
margin: 0;
}
.c21-content-section3 {
width: 560px;
float: right;
padding: 0;
margin-right: 30px;
}
.c21-content-section3 p{
margin: 0;
padding: 0 0 10px 0;
}
.c21-content-section4 {
width: 700px;
float: left;
padding: 0;
margin-left: 20px;
}
.c21-right-panel {
width: 150px;
float: right;
padding: 15px 0;
margin-right: 6px;
}
.c21-right-panel a{
text-decoration: none;
}
.c21-right-panel a:hover, .c21-right-panel a:active {
text-decoration: none;
}
.c21-right-menu-tab {
color: #000;
margin: 0;
background: none;
text-decoration:none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
display: block;
padding-right: 8px;
width: 130px;
}
a .c21-right-menu-tab {
color: #000;
margin: 0;
background: none;
text-decoration:none;
text-transform: uppercase;
border-bottom: #fff 1px solid;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
display: block;
padding: 8px;
width: 136px;
}
a:hover .c21-right-menu-tab, a:active .c21-right-menu-tab{
margin: 0;
background: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
display: block;
background: #fff;
color: #005f8d;
text-decoration:none;
}
.c21-right-panel-contact-box {
padding: 0 15px;
margin: 0;
}
.c21-right-panel-contact-box h3{
padding: 10px 0 0 0;
margin: 0;
font-size: 12px;
color:#333;	}
.c21-right-panel-contact-box p{
padding: 10px 0 0 0;
margin: 0;
font-size: 12px;	}
.c21-contact-form-section select, .c21-contact-form-section input, .c21-contact-form-section textarea{
width: 115px;
margin: 5px 0;
padding: 3px 2px;
color: #666;
}
.c21-contact-form-section-submit  {
width: 120px;
height: 24px;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
color: #f3b90e;
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
background: #000;
border: none;
padding: 10px 0;
}
.c21-contact-form-section .c21-contact-form-section-submit  {
width: 120px;
height: 24px;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
color: #f3b90e;
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
background: #000;
border: none;
padding: 0px;
}
.c21-pagination-area {
width: 698px;
padding: 0 15px 2px 15px;
background: #f0efef;
overflow: hidden;
margin-bottom: 30px;
}
.c21-pagination {
display:block;
line-height:24px;
font-size:11px;
font-weight:normal;
float: right;
}
.c21-pagination a:link, .c21-pagination a:visited{
padding:4px 6px;
padding-bottom:2px;
margin:0 2px;
text-decoration:none;
color:#000;
font-weight:normal;
}
.c21-pagination a:hover {
color:#000;	}
.c21-pagination .active-c21-link {
color: #005F8D;
cursor: pointer;
text-decoration: none;
}
.c21-pagination .disabled-c21-pagination {
color: #666666;
cursor: default;
font-weight: bold;
text-decoration: none;
}
.c21-sort-box {
font-size:11px;
float: left;
padding-top: 3px;
border: none;
margin-right: 10px;
text-transform: uppercase;
}
.c21-sort-box select{
width: 100px;
border: none;
padding:2px;
margin: 0;
}
.c21-pagination-area-small {
width: 530px;
padding: 0 15px 2px 15px;
background: #f0efef;
overflow: hidden;
margin-bottom: 30px;
}
.c21-form-section {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: normal;
text-transform: none;
}
.c21-form-section select, .c21-form-section input, .c21-form-section textarea{
width: 124px;
margin: 5px 0;
padding: 3px 2px;
color: #666;
}
.c21-form-section-checkbox {
width: 20px;
height: 20px;
background: #fff;
}
.c21-form-section-submit {
width: 56px;
height: 20px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
color: #f3b90e;
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
background: #000;
border: none;
padding: 10px 0;
}
.property-result-image{width:198px;height:148px;}
.c21-single-result-area {
width: 728px;
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid #f0efef;
}
.c21-single-result-area-left {
width: 200px;
float: left;
margin-right: 25px;
}
.c21-single-result-area-middle {
width: 380px;
float: left;
}
.c21-single-result-area-middle p{
width: 380px;
float: left;
line-height: 16px;
padding: 0;
text-align: justify;
}
.c21-single-result-area-middle b{
font-size: 14px;
}
.c21-single-result-area-right {
width: 60px;
float: right;
}
.c21-single-result-area-left img{
border: 1px solid #a1a1a1;
}
.c21-property-icon{
width: 60px;
height: 17px;
padding: 4px 0;
text-align: center;
background: #f3b90e;
font-family: TradeGothicLTStdBold, Arial Narrow, Arial, sans-serif ;
}
.c21-small-icon-list {
padding: 0;
margin:0;
}
.c21-small-icon-list li {
display: inline;
text-decoration: none;
padding: 0 10px 0 0;
}
.c21-small-icon-list li a{
text-decoration: none;
color: #005F8D;
}
.c21-small-icon-list li a:hover{
text-decoration: none;
color: #005F8D;
}
.c21-contact-result-area {
width: 560px;
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid #f0efef;
}
.c21-contact-result-area-middle {
width: 250px;
float: left;
}
.c21-contact-result-area-left {
width: 200px;
float: left;
margin-right: 25px;
}
.c21-contact-result-area-middle p{
width: 250px;
line-height: 10px;
padding: 0;
text-align: justify;
}
.c21-contact-result-area-middle b{
font-size: 14px;
}
.c21-contact-result-area-right {
width: 60px;
float: right;
}
.c21-contact-result-area-left img{
border: 1px solid #a1a1a1;
}
.c21-contact-icon-box {
width: 400px;
float: left;
padding-top: 10px;
}
.c21-contact-details-box {
float: right;
width: 290px;
margin: 0 0 20px 20px;
padding-bottom: 10px;
border-bottom: 1px solid #f0efef;
position: relative;
}
.c21-contact-details-box img{
border: 1px solid #ccc;
}
.c21-contact-details-box p{
margin: 0;
padding: 10px 0 0 0;
}
.c21-contact-section-submit {
width: 56px;
height: 20px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
color: #f3b90e;
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
background: #000;
border: none;
padding: 3px 0;
position: absolute;
bottom: 12px;
right: 0;
}
.c21-property-listing-box {
width: 700px;
margin-bottom: 20px;
font-size: 12px;
}
.c21-property-listing-box-img{
margin-bottom: 10px;
border: 1px solid #a1a1a1;
}
#c21-property-gallery-links {
width: 277px;
height: 20px;
background: #efefef;
display: inline;
float: left;
margin: 0;
padding: 5px 0 0 15px;
text-transform: uppercase;
font-size: 11px;
}
#c21-property-gallery-links ul {
display: inline;
}
#c21-property-gallery-links li {
display: inline;
margin: 4px 15px 0 0;
color:#333;
width: 70px;
}
#c21-property-gallery-links li a {
color:#666;
text-decoration: none;
padding: 2px 5px;
}
#c21-property-gallery-links li a:hover, #c21-property-gallery-links li a:active {
color:#333;
background: #fff;
}
.c21-property-listing-box-result {
background: #efefef;
width: 256px;
height: 25px;
float: right;
}
.c21-property-listing-box-right{
padding-left: 20px;
}
.c21-property-listing-box-right h3{
text-transform: uppercase;
font-size: 12px;
}
.c21-property-listing-box-right p{
font-size: 12px;
}
.c21-property-tour {
margin: 0;
padding: 0;
}
.c21-property-tour li{
list-style-type: none;
color: #0068a7;
text-decoration: none;
}
.c21-property-tour li a:hover{
list-style-type: none;
color: #0068a7;
text-decoration: none;
}
.c21-property-listing-box-right-link{
margin: 0;
padding: 0;
margin-top: 10px;
}
.c21-property-listing-box-right-link li{
list-style-type: none;
background: url(image/c21-bullet.gif) no-repeat left top;
padding-left: 15px;
}
.c21-property-listing-box-right img{
padding-bottom: 6px;
}
.links-floor-plan-map {
position:relative;
bottom:-25px;
}
#c21-property-gallery-links li.active a {
background: none repeat scroll 0 0 #FFFFFF;
color: #333333;
}
#c21-property-gallery-content {
height:420px;
width:548px;
}
.thumbs {
float:left;
border:#000 solid 1px;
margin-bottom:20px;
margin-right:20px;
}
.c21-gallery {
position:relative;
}
.arrow {
display:block;
height:40px;
width:40px;
text-indent:100000px;
position:absolute;
top:190px;
}
.c21-gallery .next {
background: #fff url(image/c21-slider-arrow-right.gif) no-repeat top center;
right:0px;
}
.c21-gallery .prev {
background: #fff url(image/c21-slider-arrow-left.gif) no-repeat top center;
left:0px;
}
.c21-gallery img {
height:412px;
width:544px;
}
.highslide-gallery a {
display:none;
}
#tabs div.tab-container {
display:none;
}
#tabs {
height:420px;
width:548px;
}
#saveSearch{margin-left:10px;}
.display-box {
color: #FFFFFF;
margin-left: 100px;
padding: 10px;
position: absolute;
text-transform: none;
z-index: 1000;
}
.display-box-inner {
background: url("image/c21-modal-arrow-left.png") no-repeat scroll left top transparent;
position: relative;
top: -30px;
}
.display-box-inner-content {
background: none repeat scroll 0 0 #000000;
margin-left: 14px;
padding: 20px;
position: relative;
top: -80px;
min-width:200px;
min-height:150px;
}
.display-box-inner-content p {
color: #ADADAD;
}
.display-box .options td{
padding: 10px;
color: #ffffff;
}
.display-box .options tr{
border-bottom:1px solid #353535;
}
.display-box .options tr.last{
border-bottom: 0px;
}
.display-box .title {
color: #E5A90C;
font-size: 14px;
}
.display-box .links td{
padding: 10px;
color: #646464;
}
.display-box .links a{
color: #E5A90C;
text-decoration:none;
font-size:14px;
font-weight:normal;
}
.display-box-button{
width: 56px; height: 20px; background:#f3b90e; color:#000000; padding:0px;
}
#display_suburbs {
width: 800px;
}
#footer {
	background: #000 url(image/c21-footer-bg.gif) repeat-x left top;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 2px;
}
.c21-footer-box {
height:330px;
}
.c21-footer-index-position {
position:absolute;
bottom: -260px;
}
.c21-footer-position {
position: absolute;
bottom: 0px;
}
.c21-footer-area {
width: 1000px;
margin: 0 auto;
position: relative;
color:#ffffff;
}

.c21-social-box {
display: inline;
position: absolute;
margin: 0;
padding: 0;
top: 21px;
right: 10px;
width: 305px;
}
.c21-social-box li {
display: inline;
list-style-type: none;
margin-left: 10px;
text-align: right;
}
.c21-social-box li a{
display: inline;
padding: 10px 0;
background: #363636;
}
.c21-social-box li a:hover{
background: #f3b90e;
}
.c21-office-social-box {
display: inline;
position: absolute;
margin: 6px;
padding: 7px;
}
.c21-office-social-box li {
display: inline;
list-style-type: none;
text-align: center;
}
.c21-office-social-box li a{
display: inline;
padding: 10px 0;
background: #363636;
}
.c21-office-social-box li a:hover{
background: #f3b90e;
}
.c21-footer-nav {
	display: inline;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 30px;
	left: 10px;
	width: 1000px;
	color: #f3b90e;
}
.c21-footer-nav li, .c21-footer-area-tbl td{
/*display: inline;*/
list-style-type: none;
text-decoration: none;
text-transform: uppercase;
color: #f3b90e;
font-size: 14px;
margin: 0 3px;
padding-top:5px;
}
.c21-footer-nav li a, .c21-footer-area-tbl td a{
color: #fff;
text-decoration: none;
}
.c21-footer-nav li a:hover, .c21-footer-area-tbl td a:hover{
color: #f3b90e;
text-decoration: none;
}
.c21-footer-2nd-level {
width: 1000px;
margin: 0 auto;
border-bottom: 1px solid #444;
padding-bottom: 20px;
padding-top: 100px;
}
.c21-footer-2nd-level a{
color:#ffffff;
}
.c21-footer-link-box {
width: 190px;
float: left;
margin-right: 20px;
color: #fff;
}
.c21-footer-link-box span{
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.c21-footer-link-box ul{
padding: 0;
margin: 0;
}
.c21-footer-link-box li{
list-style-type: none;
padding: 6px 0 0 0;	}
.c21-footer-link-box li a{
list-style-type: none;
text-decoration: none;
color:#aaa9a9;
}
.c21-footer-link-box li a:hover{
color: #f3b90e;
}
.c21-join-form-box {
float: right;
width: 305px;
color: #fff;	}
.c21-join-form-box span{
text-transform: uppercase;
font-weight: bold;
color: #fff;	}
.c21-join-form-box a{
list-style-type: none;
text-decoration: none;
color:#aaa9a9;
}
.c21-join-form-box a:hover{
color: #f3b90e;
}
.c21-join-form-box-input1{
border: none;
width: 140px;
height: 20px;
padding: 2px;
margin: 10px 10px 10px 0;
}
.c21-join-form-box-input2{
border: none;
width: 140px;
height: 20px;
padding: 2px;
margin: 10px 0 10px 0;
}
.c21-join-form-box-input3{
border: none;
width: 225px;
height: 20px;
padding: 2px;
margin: 0 10px 10px 0;
}
.c21-join-form-box-btn{
font-family: 'TradeGothicLTStdBold', 'Arial Narrow', Arial, sans-serif ;
border: none;
width: 60px;
height: 24px;
padding: 2px;
margin: 0 0 10px 0;
text-transform:uppercase;
background: #f3b90e;
font-size: 12px;
}
.c21-copyright, .c21-copyright a {
color: #aaa9a9;
text-align: center;
padding: 30px 0;
font-size: 11px;
}
.c21-copyright a:hover {
color: #f3b90e;
}
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fieldError{border:1px dotted red;}
.error{color:#DC1E0A; font-size:9px; text-transform: none;}
.success{color:#14965A; text-transform: none;}
.display-box .success{color:white;}
.display-box .error{font-size:inherit;}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter:none !important;
-ms-filter: none !important;
}
a, a:visited {
text-decoration: none;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #666;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
}
.close-button a {
background: url("image/c21-cross.jpg") repeat scroll 0 0 transparent;
cursor: pointer;
height: 30px;
position: absolute;
right: 0;
top: 0;
width: 30px;
z-index: 1000;
}
.floor-plan-map-links {
font-family: Verdana, Helvetica;
font-size: 10pt;
color: #626262;
font-weight: bold;
text-align:right;
padding-right: 5px;
}
.floor-plan-map-links a {
font-family: Verdana, Helvetica;
font-size: 10pt;
color: #626262;
font-weight: bold;
}
.closebutton {
position: relative;
top: -10px;
left: 10px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(image/highslide/c21-cross.jpg);
}
.control-prev {
position: relative;
width: 40px;
height: 40px;
cursor: pointer;
background: url(image/highslide/c21-prev.gif);
}
.control-next {
position: relative;
width: 40px;
height: 40px;
cursor: pointer;
background: url(image/highslide/c21-next.gif);
}
.highslide-controls {
position: absolute;
width: 100%;
height: 0;
margin: 0;
}
.highslide-controls li{
opacity: 1;
}
.highslide-controls ul {
position: absolute;
width: 100%;
height: 0;
list-style: none;
margin: 0;
padding: 0;
left: 0;
background: none;
}
.highslide-controls li {
position: absolute;
padding: 0;
}
.c21-gallery .next {
right:0px;
}
.c21-gallery .prev {
left:0px;
}
.highslide-controls .highslide-previous a {
background: #fff url(image/c21-slider-arrow-left.gif) no-repeat top center;
height: 40px;
width: 40px;
}
.highslide-controls .highslide-previous a:hover {
background: #fff url(image/c21-slider-arrow-left.gif) no-repeat top center;
height: 40px;
width: 40px;
}
.highslide-controls .highslide-previous a.disabled {
display:none;
}
.highslide-controls .highslide-next a {
background: #fff url(image/c21-slider-arrow-right.gif) no-repeat top center;
height: 40px;
width: 40px;
}
.highslide-controls .highslide-next a:hover {
background: #fff url(image/c21-slider-arrow-right.gif) no-repeat top center;
height: 40px;
width: 40px;
}
.highslide-controls .highslide-next a.disabled {
display:none;
}
.highslide-controls .highslide-close {
display: none;
}
.highslide-controls .highslide-previous {
left: 0px;
}
.highslide-controls .highslide-next {
right: 0px;
}
.highslide-controls .highslide-move {
display: none;
}
.highslide-controls .highslide-full-expand {
display: none;
}
.highslide-controls .highslide-play {
display: none;
}
.highslide-controls .highslide-pause {
display: none;
}
.highslide-thumbstrip-horizontal img {
border: 1px solid #A0A0A0;
height: 60px;
width: 80px;
}
.highslide-thumbstrip td {
padding: 0 15px 0 0;
vertical-align: bottom;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
background-color: #FFFFFF;
height: 65px;
right: 0;
top: 7px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
background-color: #FFFFFF;
height: 65px;
left: 0;
top: 7px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
height: 65px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
height: 65px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
border: 0px;
}
.highslide-thumbstrip .highslide-active-anchor img{
border-top: 4px black solid;
}
.highslide-thumbstrip-inner {
padding: 0px 10px;
background-color: white;
}
.highslide-thumbstrip-horizontal {
margin-top: 5px;
}
.wide-border{
padding-bottom: 50px;
}
.highslide-image{
margin-bottom: 20px;
cursor: pointer !important;
}
.highslide-caption {
color: #626262;
font-weight: bold;
}
.highslide-caption {
color: #626262;
font-weight: bold;
}
.links-floor-plan-map a{
color: #626262;
font-weight: bold;
}
.highslide-thumbstrip-horizontal-overlay {
margin-top:24px !important;
}
#floorwrap {
background: url("image/floorplan-grid.gif") repeat scroll 0 0 #555555;
padding: 0px;
margin:0px;
}
#floorwrap #floorplan {
height:540px;
width:770px;
position: relative;
}
.map-wrapper #floor-plan-links {
display:none;
}
.floorplan-wrapper #map-links {
display:none;
}
.highslide-footer{
padding-top:5px;
padding-right:0px
}
.highslide-body{
padding:5px;
}
.banner-image{border:none;display:block;margin-left:auto;margin-right:auto;}
.content-wrapper{padding:0 100px;}
ul.c21-footer-nav, ol.c21-footer-nav, ul.c21-top-nav, ol.c21-top-nav {
list-style: none outside none;
margin: 0;
padding: 0;

	color: #f3b90e;

}
.no-wrap {
white-space: nowrap;
}
#active-suburbs-searchbox{margin:auto;width:600px;}
#active-suburbs-searchbox select#state{min-width:100px;}
#active-suburbs-searchbox select#postcodeSuburb{min-width:200px;}
#franchise-opportunities-container{clear:both;margin-left:50px;line-height:2;font-size:14px;background-color:#f3f3f3;border:solid 1px #a1a1a1;padding:10px;width:600px;}
#franchise-opportunities-container label{display:block;width:300px;float:left;text-align:right;padding-right:20px;}
#franchise-opportunities-container input{display:block;width:150px;float:left;}
#franchise-opportunities-container br{clear:left;}
#franchise-opportunities-container div.fieldErrorMsg{float:left;margin-left:320px;position: relative;top: -10px;}
.display-box .success{color:white;}
.display-box .error{color:red;font-size:inherit;}
.form-popup{width:350px;}
.display-box-inner-content{border: 1px inset #222222;}
.box-fields{margin-bottom:10px;}
.popup-form-section input,.popup-form-section textarea {
color: #666666;
margin: 5px 0;
padding: 3px 2px;
width: 290px;
}
.popup-form-section textarea {
height: 80px;
}
#regionForm select{width:200px;}
.contact-state-office-link{display:inline;}
abbr[title]{border-bottom:none;}
.contact-section{width:50%;float:left;padding-bottom:20px;}
.contact-section clear-left{clear:left;}
#save-search-box select{min-width:125px;}
#save-search-box-fields{margin-bottom:10px;}
#choose-suburbs{display:none;}
.international-region {clear:left;border-bottom:1px solid #F0EFEF;width:100%;overflow:auto;padding-top:10px;}
.international-region h2 {text-align:center;}
.international-flag {width:25%;float:left;padding-bottom:15px;text-align:center;}
.clear-left {clear:left;}
#search-property-small {background-repeat: repeat-x; background-position: center top; background-color: #EFB021; padding-left: 13px; padding-bottom: 10px; font-size: 0.95em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; width: 294px; color: #000; margin-bottom: 20px;}
#container-home .c21-content-section content blockquote pre {
	font-size: 36px;
	font-family: Verdana, Geneva, sans-serif;
	text-shadow: 2px 2px 2px #fff;
}


.form {
	height: 18px;
	border: 1px solid #999999;
	font-family: arial;
	font-size: 12px;
	color: #666666;
	width: 100%;

}

.form_ro {

    height: 18px;

	border: 0px solid #999999;

	font-family: arial;

	font-size: 12px;

	color: #111111;

}

.form2 {

	height: 150px;

	border: 1px solid #999999;

	font-family: arial;

	font-size: 12px;

	color: #666666;

}

.form3 {

	height: 260px;

	border: 1px solid #999999;

	font-family: arial;

	font-size: 12px;

	color: #666666;

}


/* ==================================
		property details 
=====================================*/
.prop-content {width: 720px;}
.propDetHeader {width: 100%} 
.propDetHeader_Left {width: 60%; padding: 2%;}
.propDetHeader_Right .save-search-holder {float: right; margin-right: 8%;}
.propDetHeader_Right {float: right; width: 25%; }
    .propDetHeader_Right .backContainer {padding: 20px 20px 5px 0px;}
.homepageAdvertContainer {width: 100%;}
.wimage-gallery {width: 100%;}
.wimage-gallery .wimage-subcategories {width: 96%; padding: 0 2%;}
.wimage-gallery .property-gallery {width: 100%;}
.wimage-gallery .image-gallery{width:720px; height:455px;}
.wimage-gallery .image-gallery img {width:720px;}
.wimage-gallery .image-gallery li{display:block; width:720px; height:455px;}
.property-spec-container {width: 96% !important; padding: 0 2%;}
.property-content-left {width: 100%; padding: 0;}
.property-content-right {width: 100%; padding-top: 30px;}
.property-content span.property-features {width: 100%;}
.property-content-right #googleMap {width: 100% !important;}
.property-spec-container .container2 {
	width: 125px;
	float: left;
	margin: 40px 0px 0px 30px;
}
.property-spec-container .container3 {
	width: 140px;
	float: left;
	margin: 40px 0px 0px 13px; border-right: none;
}
.property-spec-container .container4 {
	width: 125px;
	float: left;
	margin: 15px 0px 0px 30px;
}
.property-spec-container .container5 {
	width: 140px;
	float: left;
	margin: 15px 0px 0px 30px;
	padding: 18px 0px 0 23px;
	border-right: none;
	background: url('https://www.ibuynew.com.au/app_themes/ibuynew/images/common/sprite-image.png') no-repeat -275px -275px;
}
.unit-summary {width: 100%; padding: 0px; margin: 0px;}
.unit-summary tr.header {width: 100%;}
.unit-summary tr.header .col1 {width: 70px}
.unit-summary tr.header .col2 {width: 70px}
.unit-summary tr.header .col3 {width: 70px}
.unit-summary tr.header .col4 {width: 100px}
.unit-summary tr.header .col5 {width: 100px}
.unit-summary tr.header .col6 {width: 50px; padding: 3px 0px 3px 30px;}
.unit-summary tr.header .col7 {width: 100px}
.unit-summary tr.header .col8 {width: 100px}
.unit-summary tr.row {width: 100%;}
.unit-summary tr.row .col1 {width: 70px}
.unit-summary tr.row .col1 span {
	float: left;
	background: url('https://www.ibuynew.com.au/app_themes/ibuynew/images/common/sprite-image.png') no-repeat 8px -787px;
	width: 60px;
}
.unit-summary tr.row .col2 {width: 70px}
.unit-summary tr.row .col2 span {
	float: left;
	background: url('https://www.ibuynew.com.au/app_themes/ibuynew/images/common/sprite-image.png') no-repeat -240px -528px;
	width: 60px;
}
.unit-summary tr.row .col3 {width: 70px}
.unit-summary tr.row .col3 span {
	float: left;
	background: url('https://www.ibuynew.com.au/app_themes/ibuynew/images/common/sprite-image.png') no-repeat -330px -527px;
	width: 60px;
}
.unit-summary tr.row .col4 {width: 100px;}
.unit-summary tr.row .col5 {width: 100px}
.unit-summary tr.row .col6 {width: 80px;}
.unit-summary tr.row .col7 {width: 100px}
.unit-summary tr.row .col8 {width: 100px}
.wbottom {width: 100%;}
.leftSide.property-spec-container.property-form-bottom {width: 94% !important; padding:0 3%; position: relative; height: 450px;}
.property-enquiry-form-container .form-cont {width: 70%;}
.property-form-bottom .contact-info {position: absolute; bottom: 0px; right: 0px;}
.property-spec-container.property-content {padding-top: 20px; padding-bottom: 20px;}