/*
Compiled: 2013-07-11 08:32:55
Errors: None
*/

/******************************** BEGIN HTML5/Layouts/Layout/Layout-1-a.css ********************************/

/* @group RESET */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

div#content {
      background:black;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul, form ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

form ol, form ul {
  list-style: none;
}

/* @end */

.clear {
  clear: both;
}

html * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background: #eee;
  font: 14px "Open Sans", sans-serif;
}

p {
  margin: 0 0 5px;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h2, h3, h4 {
  margin: 0 0 5px;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

.wrapper {
  background: #fff;
  width: 95%;
  margin: 0 auto;
  max-width: 1000px;
}

.wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

footer {
  clear: both;
}

.missing-image {
  background: #fff url(images/missing-image-white.gif) no-repeat center;
  display: block;
  width: 100px;
  height: 100px;
}

/*iFrame*/

.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

.iframe-container.ifc-60 {
  padding: 30px 0 60%;
}

.iframe-container.ifc-50 {
  padding: 0 0 50%;
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* SHADOW BOX */
/*
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/close.png);}
#sb-nav-next{background-image:url(images/next.png);}
#sb-nav-previous{background-image:url(images/previous.png);}
#sb-nav-play{background-image:url(images/play.png);}
#sb-nav-pause{background-image:url(images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
.lightbox .content, body.lightbox {
  margin: 0 auto;
  padding:20px;
  max-width: 900px;
}
.lightbox #agency-map {
  display: none;
}
#sb-info {
  position: absolute;
  top: 14px;
  right: -12px;
  height: 30px
}

#sb-info a {
  width: 30px;
  height: 30px;
}*/

/******************************** END HTML5/Layouts/Layout/Layout-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Forms/Renet-Forms-1-a.css ********************************/


form {
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
}

fieldset {
  margin: 0 0 20px;
}

fieldset:last-child {
  margin: 0;
}

legend, label[for=categories], label[for=myfLocations] {
  font-size: 17px;
  padding: 0 0 10px;
}

#fieldset-buttonArea legend {
  display: none;
}

form li {
  position: relative;
}

form li.radio {
  clear: both;
}

li.text,
li.textarea,
form li.radio {
  margin: 0 0 10px;
  height: 27px;
}

.text label,
.textarea label,
.radio label.optional {
  text-align: right;
  background: #e9e9e9;
  display: inline-block;
  float: left;
  width: 40%;
  height: 27px;
  line-height: 13px;
  font-size: 10px;
  padding: 7px 10px;
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -border-top-right-radius: 0;
}

.text input,
.textarea textarea,
.checkbox,
.radio div.radio {
  width: 100%;
  font-size: 13px;
  border: 1px solid #999;
  padding: 7px 5px;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
  resize: none;
  background: #fff;
}

.text input,
.textarea textarea,
.radio div.radio  {
  border-left: none;
  height: 27px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -border-top-left-radius: 0;
}

.text .element,
.textarea .element,
.radio div.radio {
  float: left;
  width: 60%;
}

.radio div.radio {
  padding: 0;
}

.checkbox label {
  width: 95%;
  display: inline-block;
}

li.textarea,
li.textarea label {
  height: 150px;
}

li.textarea textarea {
  text-indent: 0;
  padding: 7px 5px;
  max-width: 325px;
  height: 150px;
}

.text .element span,
.textarea .element span,
.select .element select + span  {
  display: block;
  width: auto;
  height: 16px;
  line-height: 12px;
  position: absolute;
  top: 6px;
  right: 6px;
  color: red;
  padding: 2px 5px;
  font-size: 11px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

li.radio {
  margin: 10px 0;
}

div.radio {
  display: inline-block;
}

div.radio p,
div.radio label {
  float: left;
  line-height: 27px;
  margin: 0 5px 0 0;
}

div.radio label {
  padding: 0px 5px;
  cursor: pointer;
  margin: -1px 4px;
}

div.radio label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin:0 5px -1px 0;
  border: 1px solid #ccc;
}

div.radio label.checked span {
  border: 1px solid #333;
  -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.5);
  box-shadow: inset 0 0 8px rgba(0,0,0,0.5);
}

div.radio input {
  display: none;
}

li.multicheckbox .checkbox {
  margin: 10px 0;
}

form button {
  float: right;
}

span.required,
.obvious.ng-valid span.required {
  display: none;
}

.obvious .required {
  display: inline-block;
  background: #f00;
  color: #fff;
  margin: 0 0 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 11px;
  padding: 2px 6px;
  margin: 5px 0;

}

.obvious .text .element span,
.obvious .textarea .element span  {
  background: #f00;
  color: #fff;
}

.required, .obvious.ng-valid .required {
  display: none;
}

button, a.button {
  font-size: 16px;
  width: 160px;
  padding: 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #666;
  cursor: pointer;
  text-align: center;
}

a.button {
  display: inline-block;
}

.select {
  position: relative;
  width: 100%;
  margin: 0 0 5px;
}

.select label {
  display: none;
}
/*
.city {
  width: 100%;
  max-width: 100%;
  padding: 5px 0 0 80px;
}

.city label {
  display: block;
  position: absolute;
  top: 12px;
  left: 10px;
}

.city .element {
  position: relative;
  display: inline-block;
  margin: 0 5px 5px 0;
}
*/
select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity = 0);
  min-height: 24px;
}

#add-location {
  background: #e6e6e6;
  border: 1px solid #999;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
}

.selected-city {
  background: #eee;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  display: inline-block;
  margin: 0 5px 5px 0;
}

.fake-select .btn {
  border: 1px solid #999;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
}

.fake-select .btn {
  padding: 5px;
  font-size: 13px;
}

.fake-select span.min {
  display: none;
}

.select .remove {
  color: #f00;
  margin: 0 0 0 5px;
}

.caret {
  position: absolute;
  top: 3px;
  right: 7px;
  margin: 7px 0;
  display: inline-block;
  border-top: solid 5px #999;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  opacity: 1;
}

.hint {
  display: none;
}

/*Quicksearch Overrides*/
#quicksearch .radio div.radio {
  width: 100%;
  font-size: inherit;
  border: none;
  padding: 0;
  box-shadow: none;
  background: none;
  float: none;
}

/*lightBox*/
.lightbox .emailFriend h2 {
  margin: 0 auto 10px;
  max-width: 450px;
}

@media screen and (min-width:600px) {

  .checkbox label {
    width: 48%;
  }

  .text label,
  .textarea label,
  .radio label.optional  {
    font-size: 13px;
  }

}

/******************************** END HTML5/Modules/Forms/Renet-Forms-1-a.css ********************************/

/******************************** BEGIN HTML5/Layouts/Header/Header-1-a.css ********************************/

header {
  position: relative;
}

/******************************** END HTML5/Layouts/Header/Header-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Logo/Logo-1-a.css ********************************/

    #logo {
  padding: 10px;
  margin: 0;
}

#logo img {
  max-width: 50%;
}

#logo a {
  display: inline-block;
}

@media screen and (min-width:600px) {

  #logo img {
    max-width: 100%;
  }

}

/******************************** END HTML5/Modules/Logo/Logo-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Menu/Menu-1-a.css ********************************/

    #toggle-menu {
  display: inline-block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ccc;
  padding: 5px 10px;
  position: absolute;
  top: 20px;
  right: 20px;
}

nav ul {
  display: none;
  z-index: 10;
}

nav li {
  width: 100%;
  border-top: 1px solid #ccc;
}

.navigation > li:last-child {
  border-bottom: 1px solid #ccc;
}

nav a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  font-size: 16px;
}

nav .active a {
  color: #FC3;
}

nav li li a {
  padding: 5px 20px;
  font-size: 14px;
}

@media screen and (min-width:600px) {

  #toggle-menu {
    display: none;
  }

  nav li, .navigation > li:last-child {
    border-bottom: none;
  }

  nav > ul {
    display: block !important;
    overflow: visible !important;
  }

  nav > ul > li {
    display: inline-block;
    width: auto;
    border: none;
    position: relative;
  }

  nav .navigation {
    font-size: 0;
  }

  nav li ul {
    position: absolute;
    top: 26px;
  }

  nav ul li li {
    width: auto;
    position: relative;
    border-top: none;
  }

  nav li li a {
    background: #fff;
    padding: 3px 10px;
    width: 180px;
    text-align: left;
  }

  nav li:hover ul, nav li:hover li {
    display: block;
  }

  /*Sub*/
  .navigation li li:hover ul {
    top: 0;
    left: 100%;
  }

}


/******************************** END HTML5/Modules/Menu/Menu-1-a.css ********************************/

/******************************** BEGIN HTML5/Layouts/Content/Content-1-b.css ********************************/

.page-content {
  width: 100%;
  margin: 0 0 2%;
  padding: 2%;
}

/******************************** END HTML5/Layouts/Content/Content-1-b.css ********************************/

/******************************** BEGIN HTML5/Modules/ImageSlider/Image-Slider-1-a.css ********************************/


#image-slider .fluidHeight {
  position: relative;
  width: 100%;
}

/*
below 800px, switch to percentage based responsive height.
padding of 66.7% is calculated by using the image ratio 467px/683px
*/

@media screen and (max-width: 800px) {
  #image-slider .fluidHeight {
    height: 0;
    padding: 0 0 33.333% 0;
  }

}

#image-slider .sliderContainer {
  position: absolute;
  width: 100%;
  height: 100%;
}

#image-slider .iosSlider, .iosSlider .slider  {
  width: 100%;
  height: 100%;
}

#image-slider .iosSlider .slider img {
  margin: 0;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

/*Buttons*/
#image-slider .selectorsBlock {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 200px;
  height: 10px;
}

#image-slider .selectorsBlock .iosButton {
  float: left;
  width: 9px;
  height: 9px;
  background: #999;
  margin: 0 10px 0 0;
  opacity: 0.25;
  filter: alpha(opacity:25);
  border: 1px solid #000;
}

#image-slider .selectorsBlock .selected {
  background: #000;
  opacity: 1;
  filter: alpha(opacity:100);
}

/******************************** END HTML5/Modules/ImageSlider/Image-Slider-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/WPMContent/WPM-Content-1-a.css ********************************/



/*.wpm-content ul, .wpm-content ol {
  padding: 20px;
}

.wpm-content a[rel*="pdf"] {
  padding-left: 25px;
  display: block;
  background: url(images/icon_pdf.png) no-repeat left;
}

.wpm-content a[rel*="adobe"] {
  width: 158px;
  height: 39px;
  text-indent: -9999px;
  display: block;
  background: url(images/icon_get_pdf.png) no-repeat left;
}*/

/******************************** END HTML5/Modules/WPMContent/WPM-Content-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Quicksearch/Quicksearch-Coronis.css ********************************/



#quicksearch {
  margin: 0 0 20px;
}

#quicksearch legend {
  display: none;
}

#quicksearch .select {
  float: left;
}

#show-qs {
  display: block;
  margin: 5px 0 0;
}

#show-qs.down, #show-qs.open {
  padding: 0 0 15px;
  border-bottom: 1px solid #ccc;
}

.disposalMethod div.radio label {
  clear: both;
  margin: 0 0 5px;
}

#quicksearch label[for="disposalMethod"] {
  display: none;
}

#quicksearch select#city {
  width: 100%;
  min-width: 200px;
}

#quicksearch .city {
  position: relative;
  float: none;
}

#quicksearch .city label {
  display: block;
  position: absolute;
  top: 11px;
  left: 10px;
  z-index: 2;
}

@media screen and (min-width:600px) {

  #quicksearch #fieldset-disposalMethodGroup {
    float: left;
    width: 25%;
    margin: 10px 0 0;
  }

  #quicksearch #fieldset-quickSearch {
    margin: 20px 0 0;
    width: 75%;
  }

  #quicksearch #fieldset-quickSearchSubmit {
    margin: 20px 0 0;
  }

}


@media screen and (min-width:800px) {

  #quicksearch #fieldset-disposalMethodGroup {
    float: left;
    width: 20%;
  }

  #quicksearch #fieldset-quickSearch {
    width: 80%;
  }

  #quicksearch .select {
    width: 32.6666%;
    margin: 0 1% 5px 0;
  }

  #quicksearch .select:nth-child(3n+1) {
    margin: 0 0 5px;
    float: right;
  }

  #quicksearch .city {
    margin: 0 0 5px 0;
    float: none !important;
  }

}

/******************************** END HTML5/Modules/Quicksearch/Quicksearch-Coronis.css ********************************/

/******************************** BEGIN HTML5/Modules/ImageSlider/Image-Slider-2-a.css ********************************/


.image-slider-2 .fluidHeight {
  position: relative;
  width: 100%;
  height: 300px;
}

/*
below 800px, switch to percentage based responsive height.
padding of 66.7% is calculated by using the image ratio 467px/683px
*/

@media screen and (max-width: 800px) {
  .image-slider-2 .fluidHeight {
    height: 0;
    padding: 0 0 33.333% 0;
  }

}

.image-slider-2 .sliderContainer, .image-slider-2 .commonPageWrap, .image-slider-2 .item a {
  position: absolute;
  width: 100%;
  height: 100%;
}

.image-slider-2 .iosSlider, .iosSlider .slider  {
  width: 100%;
  height: 100%;
}

.image-slider-2 .iosSlider .slider img {
  margin: 0;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.image-slider-2 .commonPageWrap, .image-slider-2 .item a {
  top: 0;
  left: 0;
}

.image-slider-2 .item a {
  background: url(images/spacer.gif);
}


/*Buttons*/
.image-slider-2 .selectorsBlock {
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 10px;
}

.image-slider-2 .selectorsBlock .iosButton {
  float: left;
  width: 9px;
  height: 9px;
  background: #999;
  margin: 0 10px 0 0;
  opacity: 0.25;
  filter: alpha(opacity:25);
  border: 1px solid #000;
}

.image-slider-2 .selectorsBlock .selected {
  background: #000;
  opacity: 1;
  filter: alpha(opacity:100);
}

/******************************** END HTML5/Modules/ImageSlider/Image-Slider-2-a.css ********************************/

/******************************** BEGIN HTML5/Modules/FeatureProperties/Feature-Properties-1-a.css ********************************/

    #feature-properties {
  width: 100%;
  height: 100%;
}

#feature-properties .slider-wrapper {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 0 66.7% 0; /* would be 75% for 4:3 images */
}

#feature-properties .slider {
  width: 100%;
}

#feature-properties .slider .property-list {
  float: left;
  width: 100%;
}

#feature-properties .selectorsBlock {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 20px;
}

#feature-properties .selectorsBlock .selectors {
  text-align: center;
}

#feature-properties .selectorsBlock .selectors .item {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 0 0 3px;
  border: 1px solid #333;
  background: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#feature-properties .selectorsBlock .selectors .first {
  margin-left: 0;
}

#feature-properties .selectorsBlock .selectors .selected {
  background: #333;
  border: 1px solid #333;
}

#feature-properties .controls {
  position: absolute;
  top: 0px;
  right: 0px;

}

#feature-properties .controls div {
  background: #fff;
  float: left;
  margin: 5px 5px 0 0;
  padding: 0 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/******************************** END HTML5/Modules/FeatureProperties/Feature-Properties-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/List/Property-List-Coronis-Large.css ********************************/

.property-list-large {
  position: relative;
  overflow: hidden;
  line-height: 0;
  margin: 0 0 5px;
}

.property-list-large .bounds {
  position: relative;
  overflow: hidden;
}

.property-list-large img {
  width: 100%;
  position: relative;
}

.property-list-large .overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  -webkit-transition: right 0.25s, visibility 0.25s;
  -moz-transition: right 0.25s, visibility 0.25s;
  -ms-transition: right 0.25s, visibility 0.25s;
  -o-transition: right 0.25s, visibility 0.25s;
  transition: right 0.25s, visibility 0.25s;
  padding: 30px;
  visibility: hidden;
  line-height: 20px;
}

.property-list-large .overlay * {
  position: relative;
  z-index: 5;
}

.property-list-large .overlay .bg {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0.75;
  z-index: 4;
}

.property-list-large:hover .overlay {
  right: 0;
  visibility: visible;
}

.property-list-large .bbc {
  margin: 10px 0;
}

.property-list-large .price,
.property-list-large .address {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}

.property-list-large .intro {
  margin: 0 0 10px;
}

.property-list-large a.cover {
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/spacer.gif);
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width:800px) {

  .property-list-large.small {
    width: 49.5%;
    float: left;
    margin: 0 0 0.5%;
    clear: both;
  }

  #search-results .property-list-large.small:nth-of-type(odd) {
    margin: 0 0 0.5% 0.5%;
    clear: none;
  }

  .property-list-large.large .overlay {
    width: 33%;
    right: -33%;
  }

  .property-list-large.large:hover .overlay {
    right: 0;
    visibility: visible;
  }

  .property-list-large.large .bbc {
    margin: 20px 0 50px;
  }

  .property-list-large.large .price,
  .property-list-large.large .address {
    margin: 20px 0;
  }

  .property-list-large.large .intro {
    margin: 20px 0 50px;
  }

}

/******************************** END HTML5/Modules/Property/List/Property-List-Coronis-Large.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Map/Map-Popup-1-a.css ********************************/

#mapPopUp {
  display: none;
}

#popupbox {
  position: relative;
  height: 112px;
  display: block;
  width: 290px;
  overflow: hidden;
}

#popupbox img {
  width: 110px;
  position: absolute;
  top: 0;
  left: 0;
}

#popupbox h4 {
  margin: 5px 0;
}

#popupbox .info {
  width: 175px;
  position: absolute;
  top: 0;
  left: 115px;
}

#popupbox a {
  position: absolute;
  top: 0;
  left: 0;
  height: 112px;
  display: block;
  width: 410px;
  background: url(images/spacer.gif);
}

/******************************** END HTML5/Modules/Property/Map/Map-Popup-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/SearchResults/Search-Results-Map.css ********************************/

    #properties-on-map {
  width: 100%;
  padding: 0;
  height: 300px;
  overflow: hidden;
}

#quicksearchMapSearch {
  display: none;
}

@media screen and (min-width:600px) {

  #properties-on-map {
    height: 450px;
  }

}

/******************************** END HTML5/Modules/SearchResults/Search-Results-Map.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/List/Property-List-Coronis-Large.css ********************************/

.property-list-large {
  position: relative;
  overflow: hidden;
  line-height: 0;
  margin: 0 0 5px;
}

.property-list-large .bounds {
  position: relative;
  overflow: hidden;
}

.property-list-large img {
  width: 100%;
  position: relative;
}

.property-list-large .overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: -100%;
  -webkit-transition: right 0.25s, visibility 0.25s;
  -moz-transition: right 0.25s, visibility 0.25s;
  -ms-transition: right 0.25s, visibility 0.25s;
  -o-transition: right 0.25s, visibility 0.25s;
  transition: right 0.25s, visibility 0.25s;
  padding: 30px;
  visibility: hidden;
  line-height: 20px;
}

.property-list-large .overlay * {
  position: relative;
  z-index: 5;
}

.property-list-large .overlay .bg {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0.75;
  z-index: 4;
}

.property-list-large:hover .overlay {
  right: 0;
  visibility: visible;
}

.property-list-large .bbc {
  margin: 10px 0;
}

.property-list-large .price,
.property-list-large .address {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
}

.property-list-large .intro {
  margin: 0 0 10px;
}

.property-list-large a.cover {
  display: block;
  width: 100%;
  height: 100%;
  background: url(images/spacer.gif);
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width:800px) {

  .property-list-large.small {
    width: 49.5%;
    float: left;
    margin: 0 0 0.5%;
    clear: both;
  }

  #search-results .property-list-large.small:nth-of-type(odd) {
    margin: 0 0 0.5% 0.5%;
    clear: none;
  }

  .property-list-large.large .overlay {
    width: 33%;
    right: -33%;
  }

  .property-list-large.large:hover .overlay {
    right: 0;
    visibility: visible;
  }

  .property-list-large.large .bbc {
    margin: 20px 0 50px;
  }

  .property-list-large.large .price,
  .property-list-large.large .address {
    margin: 20px 0;
  }

  .property-list-large.large .intro {
    margin: 20px 0 50px;
  }

}

/******************************** END HTML5/Modules/Property/List/Property-List-Coronis-Large.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Pagination/Pagination-1-b.css ********************************/

.pagination {
  text-align: center;
  margin: 0 0 10px;
}

.pagination ul {
  list-style: none;
  font-size: 0;
}

.pagination li {
  display: inline-block;
  padding: 0 3px;
  border-left: 1px solid #333;

}

.pagination li:first-child {
  border-left: none;
  padding: 0 3px 0 0;
}

.pagination li:last-child {
  padding: 0 0 0 3px;
}

.pagination a {
  font-size: 14px;
  display: block;
  text-decoration: none;
}

@media screen and (min-width:600px) {

  .pagination {
    text-align: left;
    margin: 0 0 1%;
  }

  .pagination span {
    float: left;
  }

  .pagination ul {
    float: right;
  }

}

/******************************** END HTML5/Modules/Property/Pagination/Pagination-1-b.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Auction/Auction-1-a.css ********************************/

.auction-1 .auction-show {
  display: block;
  padding: 5px 10px;
  background: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.auction-1 div {
  display: none;
  width: 250px;
  background: #ccc;
  position: absolute;
  bottom: 35px;
  padding: 5px;
  left: -80px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

.auction-1 div p {
  margin: 0;
}

.auction-close {
  color: #f00;
  position: absolute;
  top: 2px;
  right: 5px;
}

/******************************** END HTML5/Modules/Property/Auction/Auction-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Inspections/Inspections-1-a.css ********************************/

.inspections-1 .insp-show {
  display: block;
  padding: 5px 10px;
  background: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.inspections-1 div {
  display: none;
  width: 250px;
  background: #ccc;
  position: absolute;
  bottom: 35px;
  padding: 5px;
  left: -80px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

.inspections-1 div p {
  margin: 0;
}

.insp-close {
  color: #f00;
  position: absolute;
  top: 2px;
  right: 5px;
}

/******************************** END HTML5/Modules/Property/Inspections/Inspections-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Shortlist/Shortlist-1-a.css ********************************/

.shortlist-1 {
  display: block;
  padding: 5px 10px;
  background: #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.fav-hide {
  display: none;
}

.shortlist .tick {
  display: none;
}

.shortlist.shortlisted .tick {
  display: inline-block;
}

.shortlist.shortlisted .add {
  display: none;
}

@media screen and (min-width:600px) {

  #property-detail a.shortlist {
    float: right;
  }

}

/******************************** END HTML5/Modules/Property/Shortlist/Shortlist-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Detail/Property-Details-2-a.css ********************************/

    #property-detail .price {
  font-weight: bold;
}

#property-detail .tabs {
  list-style: none;
}

#property-detail .tabs li {
  display: block;
  float: left;
  border-left: 1px solid #000;
  padding: 0 5px;
}

#property-detail .tabs li:first-child {
  border-left: none;
  padding: 0 5px 0 0;
}

#property-detail .back-button {
  display: none;
}

#property-detail .property-summary {
  margin: 0 0 10px;
}

@media screen and (min-width:600px) {

  #property-detail h2,
  #property-detail.tabs {
    float: left;
  }

  #property-detail .description {
    width: 60%;
    float: left;
  }

  #property-detail .property-links {
    width: 35%;
    float: right;
  }


  #property-detail .back-button {
    clear: both;
    display: inline-block;
  }

  #property-detail .tabs {
    clear: left;
  }

  #property-detail .price,
  #property-detail .back-button {
    float: right;
  }

  #property-detail .back-button {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 12px;
  }

}

/******************************** END HTML5/Modules/Property/Detail/Property-Details-2-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Images/Images-2-a.css ********************************/

#image-gallery img {
  width: 100%;
  margin: 0 0 10px;
}

/******************************** END HTML5/Modules/Property/Images/Images-2-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Inspections/Inspections-2-a.css ********************************/

.inspections p {
  margin: 0;
}

/******************************** END HTML5/Modules/Property/Inspections/Inspections-2-a.css ********************************/

/******************************** BEGIN HTML5/Modules/AddThis/Add-This-1-a.css ********************************/

#property-detail .add-this {
  padding-top: 10px;
}

.add-this {
  clear: both;
}

.addthis_default_style .addthis_separator,
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m,
.addthis_default_style .at300bs {
  float: none;
  display: inline-block;
  padding: 0 1px;
}

.addthis_default_style .addthis_counter {
  display: none !important;
}

/******************************** END HTML5/Modules/AddThis/Add-This-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Features/Features-1-a.css ********************************/

.features .heading, .feature-label {
  font-weight: bold;
}

.feature-label {
  padding: 0 10px 0 0;
}

/******************************** END HTML5/Modules/Property/Features/Features-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Links/Links-1-a.css ********************************/


.property-links-1 ul {
  list-style: none;
}

.property-links-1 .vendor-login {
  display: none;
}



/******************************** END HTML5/Modules/Property/Links/Links-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Map/Map-1-a.css ********************************/

#property-map {
  height: 275px;
  width: 100%;
}

/******************************** END HTML5/Modules/Property/Map/Map-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/SuburbProfiles/Suburb-Profile-1-a.css ********************************/


#property-detail .property-suburb-1 img {
  max-width: 50%;
}

/******************************** END HTML5/Modules/Property/SuburbProfiles/Suburb-Profile-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/Agents/Agents-3-a.css ********************************/

.agents-3 ul {
  list-style: none;
}

.agents-3 .single-agent {
  width: 100%;
  clear: both;
  margin: 0 0 10px;
}

.agents-3 .single-agent img {
  width: 30%;
  float: right;
  margin: 0 0 0 5px;
}

.single-agent p a {
  white-space: nowrap;
}

.agents-3 legend {
  display: none;
}

.agents-3 li.text,
.agents-3 li.textarea {
  margin: 0 0 5px;
}

.agents-3 form {
  margin: 0;
}

.agents-3 fieldset {
  margin: 0 0 5px;
}

@media screen and (min-width:600px) {

  .agents-3 .form {
    width: 60%;
    float: left;
  }

  .agents-3 .single-agent {
    width: 40%;
    float: right;
    clear: right;
    text-align: right;
  }

  .agents-3 .single-agent img {
    width: auto;
    max-height: 250px;
    max-width: 75%;
    float: none;
    margin: 0 0 0 5px;
  }

}

/******************************** END HTML5/Modules/Property/Agents/Agents-3-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/List/Property-List-4-a.css ********************************/

.property-list-4 {
  clear: both;
  font-size: 12px;
  border-top: 1px solid #333;
}

.property-list-4:nth-of-type(1) {
  border-top: none;
}

.property-list-4.heading {
  display: none;
  font-weight: bold;
}

.property-list-4 {
  line-height: 12px;
  padding: 5px 0;
}

@media screen and (min-width:600px) {

  .property-list-4 p {
    float: left;
  }

  .property-list-4 .address {
    width: 50%;
  }

  .property-list-4 .bbc {
    width: 50%;
    text-align: right;
  }

  .property-list-4 .disp-method {
    width: 25%;
  }

  .property-list-4 .price {
    width: 25%;
    text-align: right;
    float: right;
  }

  .property-list-4 .agent-name {
    width: 25%;
    text-align: right;
    padding: 0 5px 0 0;
  }

  .property-list-4 .agent-phone {
    width: 25%;
  }

}

@media screen and (min-width:1000px) {

  .property-list-4 {
    border-top: none;
  }

  .property-list-4.heading {
    display: block;
  }

  .property-list-4 .address {
    width: 25%;
  }

  .property-list-4 .bbc {
    width: 18%;
    text-align: left;
  }

  .property-list-4 .disp-method {
    width: 10%;
  }

  .property-list-4 .price {
    width: 20%;
    text-align: left;
  }

  .property-list-4 .agent-name {
    width: 17%;
    text-align: left;
  }

  .property-list-4 .agent-phone {
    width: 10%;
  }

}

/******************************** END HTML5/Modules/Property/List/Property-List-4-a.css ********************************/

/******************************** BEGIN HTML5/Modules/AgencyDetails/Agency-Details-1-a.css ********************************/

    .agency-details span {
  font-weight: bold;
  text-transform: capitalize;
}

.agency-details .fax, .agency-details .email, .agency-details .rentalEmail, .agency-details .website, .agency-details .postal, .agency-details .offices {
  display: none;
}

/******************************** END HTML5/Modules/AgencyDetails/Agency-Details-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/AgencyMap/Agency-Map-1-a.css ********************************/


.page-content .agency-details, #agency-map {
  margin-bottom: 20px;
  width: 100%;
}

.agency-map {
  width: 100%;
  height: 200px;
}

@media screen and (min-width:800px) {
  .page-content .agency-details, #agency-map {
    width: 49%;
    float: left;
  }

  #agency-map {
    margin-left: 1%;
  }

  #agency-map h3 {
    display: none;
  }

  .agency-map {
    height: 300px;
  }
}

/******************************** END HTML5/Modules/AgencyMap/Agency-Map-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Office/Office-1-a.css ********************************/

.office-view-1 {
  border-bottom: 1px solid #ccc;
  padding: 15px 0 10px;
}

.office-view-1 .name {
  font-weight: bold;
}

@media screen and (min-width:600px) {

  .office-view-1 .address, .office-view-1 .contact {
    width: 48%;
    float: left;
  }

  .office-view-1 .contact {
    float: right;
    text-align: right;
  }

  .office-view-1 .links {
    clear: both;
  }

}

@media screen and (min-width:800px) {

  .office-view-1 .address, .office-view-1 .contact, .office-view-1 .links {
    width: 32%;
    float: left;
    clear: none;
    margin: 0 2% 0 0;
    text-align: left;
  }

  .office-view-1 .links {
    margin: 0;
  }

}

/******************************** END HTML5/Modules/Office/Office-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Office/Office-Coronis.css ********************************/

    #map_canvas div {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#map_canvas {
  width: 100%;
  height: 600px;
}

.coronis-offices .heading {
  font-weight: bold;
  display: none;
}

.coronis-offices p span {
  float: left;
  display: block;
  width: 50%;
}

.coronis-offices p {
  border-bottom: 1px solid #333;
  clear: both;
  padding: 0 0 2px;
  margin: 0 0 2px;
  display: inline-block;
  width: 100%;
}

.coronis-offices span.name {
  width: 65%;
}

.coronis-offices span.phone {
  width: 35%;
  text-align: right;
}

.coronis-offices span.email {
  width: 100%;
}


.coronis-offices span.link {
  display: none;
}

@media screen and (min-width:600px) {

  .coronis-offices p {
    border-bottom: none;
    padding: 0;
  }

  .coronis-offices .heading {
    display: inline;
  }

  .coronis-offices span.name {
    width: 40%;
  }

  .coronis-offices span.phone {
    width: 20%;
    text-align: left;
  }

  .coronis-offices span.email {
    width: 30%;
  }

  .coronis-offices span.link {
    width: 10%;
    text-align: right;
    display: block;
  }
}


/******************************** END HTML5/Modules/Office/Office-Coronis.css ********************************/

/******************************** BEGIN HTML5/Modules/Staff/Staff-Slider-Single.css ********************************/

    #staff-slider-single {
  width: 100%;
  height: 100%;
}

#staff-slider-single .slider-wrapper {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding: 0 0 66.7% 0; /* would be 75% for 4:3 images */
}

#staff-slider-single .slider {
  width: 100%;
}

#staff-slider-single .slider .property-list {
  float: left;
  width: 100%;
}
/*
#staff-slider-single .selectorsBlock {
  position: absolute;
  bottom: 10px;
  width: 100%;
  height: 20px;
}

#staff-slider-single .selectorsBlock .selectors {
  text-align: center;
}

#staff-slider-single .selectorsBlock .selectors .item {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 0 0 3px;
  border: 1px solid #333;
  background: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

#staff-slider-single .selectorsBlock .selectors .first {
  margin-left: 0;
}

#staff-slider-single .selectorsBlock .selectors .selected {
  background: #333;
  border: 1px solid #333;
}
*/
#staff-slider-single .controls {
  position: absolute;
  top: 0px;
  right: 0px;

}

#staff-slider-single .controls div {
  background: #fff;
  float: left;
  margin: 5px 5px 0 0;
  padding: 0 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/******************************** END HTML5/Modules/Staff/Staff-Slider-Single.css ********************************/

/******************************** BEGIN HTML5/Modules/Staff/Staff-3-a.css ********************************/

.staff-view-3 {
  width: 100%;
  float: left;
  clear: both;
  margin: 0 0 20px;
}

.staff-view-3 .image {
  background: #fff;
  position: relative;
  height: 240px;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  overflow: hidden;
}

.staff-view-3 img, .staff-view-3 .missing-image {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.staff-view-3 a {
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/spacer.gif);
  width: 100%;
  height: 100%;
}

/******************************** END HTML5/Modules/Staff/Staff-3-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Staff/Staff-2-a.css ********************************/

    .staff-view-2 {
  text-align: center;
}

.staff-view-2 h1,
.staff-view-2 h3 {
  margin: 0 0 10px;
}

.staff-view-2 .profile {
  text-align: left;
}

.staff-view-2 .staff-info p {
  display: inherit;
}

.staff-view-2 .staff-info a.button {
  padding: 0;
  width: inherit;
  text-align: left;
  font-size: inherit;
  border: none;
}

@media screen and (min-width:600px) {

  .staff-view-2 {
    text-align: left;
  }

  .staff-view-2 img,
  .staff-view-2 .missing-image {
    float: right;
    margin: 0 0 20px 20px;
  }


}

/******************************** END HTML5/Modules/Staff/Staff-2-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Blog/Blog-1-a.css ********************************/


.blog img {
  max-width: 100%;
}

.blogback {
  margin-bottom: 20px;
  display: block;
}

/******************************** END HTML5/Modules/Blog/Blog-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Property/List/Property-List-5-a.css ********************************/

.property-list-5 {
  clear: both;
  font-size: 12px;
}

.property-list-5 p {
  float: left;
}

.property-list-5 .date {
  width: 13%;
}

.property-list-5 .disp-method {
  width: 15%;
}

.property-list-5 .suburb {
  width: 35%;
}

.property-list-5 .bbc {
  width: 37%;
}


/******************************** END HTML5/Modules/Property/List/Property-List-5-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Staff/Staff-1-a.css ********************************/

.staff-view-1 {
  width: 48%;
  float: left;
  clear: both;
  margin: 0 0 20px;
}

.staff-view-1:nth-of-type(2n) {
  float: right;
  clear: none;
}

.staff-view-1 .image {
  background: #fff;
  position: relative;
  height: 240px;
  width: 100%;
  max-width: 160px;
  margin: 0 0 10px;
  overflow: hidden;
}

.staff-view-1 img, .staff-view-1 .missing-image {
  max-width: 100%;
  max-height: 240px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media screen and (min-width:600px) {

  .staff-view-1 {
    width: 32%;
    margin: 0 2% 20px 0;
    clear: none;
    float: left;
  }

  .staff-view-1:nth-of-type(2n) {
    float: left;
  }

  .staff-view-1:nth-of-type(3n) {
    margin: 0 0 20px;
  }

  .staff-view-1:nth-of-type(3n+1) {
    clear: both;
  }

}

@media screen and (min-width:800px) {

  .staff-view-1 {
    width: 18.4%;
  }

  .staff-view-1:nth-of-type(3n) {
    margin: 0 2% 20px 0;
  }

  .staff-view-1:nth-of-type(3n+1) {
    clear: none;
  }

  .staff-view-1:nth-of-type(5n) {
    margin: 0 0 20px;
  }

  .staff-view-1:nth-of-type(5n+1) {
    clear: both;
  }

}

/******************************** END HTML5/Modules/Staff/Staff-1-a.css ********************************/

/******************************** BEGIN HTML5/Modules/Office/Office-Coronis.css ********************************/

    #map_canvas div {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#map_canvas {
  width: 100%;
  height: 600px;
}

.coronis-offices .heading {
  font-weight: bold;
  display: none;
}

.coronis-offices p span {
  float: left;
  display: block;
  width: 50%;
}

.coronis-offices p {
  border-bottom: 1px solid #333;
  clear: both;
  padding: 0 0 2px;
  margin: 0 0 2px;
  display: inline-block;
  width: 100%;
}

.coronis-offices span.name {
  width: 65%;
}

.coronis-offices span.phone {
  width: 35%;
  text-align: right;
}

.coronis-offices span.email {
  width: 100%;
}


.coronis-offices span.link {
  display: none;
}

@media screen and (min-width:600px) {

  .coronis-offices p {
    border-bottom: none;
    padding: 0;
  }

  .coronis-offices .heading {
    display: inline;
  }

  .coronis-offices span.name {
    width: 40%;
  }

  .coronis-offices span.phone {
    width: 20%;
    text-align: left;
  }

  .coronis-offices span.email {
    width: 30%;
  }

  .coronis-offices span.link {
    width: 10%;
    text-align: right;
    display: block;
  }
}


/******************************** END HTML5/Modules/Office/Office-Coronis.css ********************************/

/******************************** BEGIN Sites/2803/css/coronis.css ********************************/

/* @group MAIN TAGS */

body {
  background: black;
  font-family: 'Open Sans', sans-serif;
  color: black;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "PT Sans", Tahoma, Verdana, "DejaVu Sans", sans-serif, sans-serif;
  color: #ffcc00;
  text-transform: uppercase;
  font-weight: normal;
}

h1 {
  font-size: 32px;
  line-height: 32px;
}

h3 {
  font-size: 30px;
  line-height: 30px;
  background:white;
}

p {
  font-size: 12px;
  font-family: "PT Sans", Tahoma, Verdana, "DejaVu Sans", sans-serif, sans-serif;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #fc3;
}

.show-more-content {
  text-transform: uppercase;
}

.wrapper {
  background: none;
  max-width: 990px;
}

#head {
  background: black;
  position: fixed;
  width: 100%;
  color: #fff;
  z-index: 10;
}

#content .wrapper {
  padding: 64px 0 0;
}

.page-content {
  padding: 0;
  position: relative;
  margin: 10px 0;
}

.index .page-content,
.buy .page-content,
.rent .page-content,
.property .page-content {
  margin: 0 !important;
}

#coronis-gallery {
  background: #fff;
  padding: 10px;
  margin: 0 0 10px;
  width: 100%;
}

/* @end */

/* @group REALLY COMMON */

/* 5 px border radius*/
#feature-properties,
.property-list-large,
#listings,
#properties-on-map,
#latest-activity,
#select-suburb,
#select-office,
.about-us-section .page-content,
#property-detail .property-summary,
#property-detail .property-content .pane,
#property-detail .property-content #gallery-pane img,
.sub-page-summary,
.sub-page-content,
#LatestNews,
.similar-properties,
.value-my-property .page-content,
.coronis-offices,
.office-detail-coronis-map,
.office-detail-coronis-staff,
.meet-the-team .page-content,
.intouch-form .page-content,
.staff-view-2,
#coronis-gallery,
.blog-section .page-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.sub-page-content {
  display: none;
}


#latest-activity,
#select-suburb,
section#select-office,
.sub-page-summary,
.sub-page-content,
#LatestNews,
.similar-properties,
.sell .wpm-content,
.coronis-offices,
.office-detail-coronis-map,
.office-detail-coronis-staff,
.meet-the-team .page-content,
.intouch-form .page-content,
.staff-view-2  {
  background: black;
  padding: 20px 10px;
  margin: 0 0 10px;
}

.office-detail-coronis-map {
  padding: 1%;
}

.sell .wpm-content {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.sell h1.wpm {
  background: #fff;
  padding: 20px 10px 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* non quicksearch pages */
.about-us-section .page-content,
.meet-the-team .page-content,
.staff-view-2,
.value-my-property .page-content,
.blog-section .page-content {
  background: white;
  padding: 20px 10px;
  margin: 10px 0;
}

#latest-activity marquee {
  height: 170px;
}

/*WPM*/
.contact-us h1.wpm {
  display: none;
}

.index .wpm-content {
  line-height: 0;
  margin: 0 0 10px;
}

.index .wpm-content img {
  width: 100%;
}

/* @end */

/* @group HEADER */

#logo {
  padding: 20px 10px 10px;
}

nav li {
  border-top: 1px solid #fff;
}

nav a {
  color: #fff;
  text-transform: uppercase;
}

#toggle-menu {
  color: #1d252c;
  background: #fece2f;
}

nav li ul {
  display: none !important;
}

/* @end */


/* @group FORMS/QUICKSEARCH */

.select .element select + span {
  display: none;
}

div.radio label {
  border: none;
}

div.radio label.checked {
  border: none;
  background: none;
}

div.radio label span {
  border: 1px solid #999;
}

div.radio label.checked span {
  border: 1px solid #ffcc33;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ffcc33;
}

#quicksearch {
  max-width: none;
  width: 102%;
  margin: 0 -1% 10px;
  background: #fff;
/*  background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 );
*/  padding: 15px 20px;
  box-shadow: inset 0px 50px 150px rgba(255,255,255,1);
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  z-index: 2;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,1);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,1);
  box-shadow: 0 0 10px rgba(0,0,0,1);
}

#show-qs {
  width: 100%;
  position: relative;
  color: #fece2f;
  font-size: 21px;
  font-family: "PT Sans";
}

#show-qs span {
  display: block;
  position: absolute;
  right: 0;
  top: 3px;
  width: 21px;
  height: 16px;
}

#show-qs.up span {
  background: url(images/up-down.png) top;
}

#show-qs.down span, #show-qs.up.open span {
  background: url(images/up-down.png) bottom;
}

#quicksearch .disposalMethod div.radio label {
  clear: none;
}

.fake-select .btn,
.text label,
.textarea label,
.text input, .textarea textarea {
  border: 1px solid #727173;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.text input, .textarea textarea {
  border-left: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.text label,
.textarea label {
  background: #ddd;
}

.caret {
  top: 6px;
  right: 10px;
  border-top: solid 7px #727173;
}

.fake-select .btn, li.city .chzn-container-multi .chzn-choices {
  background: #fff;
  border: 1px solid #727173;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.chzn-container-multi .chzn-choices .search-choice {
  border: 1px solid #ffcc33;
  background: #ffcc33;
}

.chzn-container .chzn-drop {
  border: 1px solid #727173;
  border-top: none;
}

button, a.button {
  color: #ffcc33;
  background: none;
  border: none;
  padding: 0;
  width: auto;
  font-size: 21px;
}

#SuburbProfiles .select,
#OfficeProfiles .select,
#SelectOffice .select {
  float: left;
}

/* @end */

/* @group HOME PAGE */

.image-slider-2 .fluidHeight {
  position: relative;
  width: 100%;
  height: 251px;
}

.image-slider-2 .selectorsBlock {
  bottom: 5px;
}

/*
below 800px, switch to percentage based responsive height.
ratio 251px/990px
*/

@media screen and (max-width: 800px) {
  .image-slider-2 .fluidHeight {
    height: 0;
    padding: 0 0 25.4% 0;
  }

  .image-slider-2 .selectorsBlock {
    display: none;
  }

}

/* @end */

/* @group SEARCH RESULT / LIST */


#feature-properties .controls,
#feature-properties .selectorsBlock {
  display: none;
}

#searchResultsSortOrder {
  display: none;
}

.search-results h1 {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #fff;
  padding: 10px;
  color: #333;
}

.search-results .sort-results,
.search-results .view-results {
  background: #fff;
  width: 100%;
  float: left;
  clear: both;
  padding: 5px 10px;
  font-size: 12px;
  border-top: 1px solid #ccc;
}

.search-results .view-results {
  border-bottom: 1px solid #ccc;
}

.search-results .save-my-search {
  float: right;
  position: relative;
  top: -35px;
  right: 10px;
  height: 0;
}

.search-results .save-my-search,
.search-results .sort-results a,
.search-results .view-results a {
  color: #333;
  margin: 0 7px 0 0;
}

.search-results .sort-results a span,
.search-results .view-results a span {
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin: 0 3px -1px 0;
  border: 1px solid #999;
}

.search-results .sort-results a.current span,
.search-results .view-results a.current span {
  border: 1px solid #ffcc33;
  background: #ffcc33;
}

.search-results .sort-results .heading,
.search-results .view-results .heading {
  text-transform: uppercase;
  float: left;
  margin: 0 10px 0 0;
}

.search-results .sort-results a.Modified {
  display: none;
}

.search-results #view-shortlist {
  display: none;
}

.pagination {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #fff;
  font-size: 12px;
  padding: 10px;
  clear: both;
}

.pagination a {
  font-size: 12px;
  color: #333;
}

.property-list + section.pagination {
  display: none;
}

#listings {
  padding: 20px;
  margin: 0 0 10px;
  background: #fff;
}

#properties-on-map {
  padding: 10px;
  margin: 0 0 10px;
  background: #fff;
}

.property-list-4.heading p {
  font-weight: bold;
}

.property-list-4 a,
.property-list-5 a {
  color: #000;
}

.property-list-4 a:hover,
.property-list-5 a:hover {
  color: #fece2f;
}

#feature-properties .slider-wrapper {
  padding: 0 0 75%;
  padding: 0 0 50%;
}

.property-list-3 img {
float: left;
margin: 0 10px 10px 0px;
}

.bbc .pets {
  display: none;
}

#feature-properties {
  margin: 0 0 10px;
}

#feature-properties, #search-results .property-list-large {
  padding: 10px;
  background: #fff;
}

#feature-properties h3 {
  display: none;
}

#feature-properties .selectorsBlock .selectors .item {
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.8);
  box-shadow: 0 0 5px rgba(0,0,0,0.8);
}

#feature-properties .selectorsBlock .selectors .selected {
  background: #fc3;
  border: 1px solid #fc3;
}

.property-list-large .overlay .bg {
  background: #fc3;
}

.property-list-large .button {
  color: #000;
}

.property-list-5.heading {
  display: none;
}

.property-list-5 .date {
  display: none;
}

.property-list-5 .disp-method {
  width: 25%;
}

.property-list-5 .suburb {
  width: 30%;
}

.property-list-5 .bbc {
  width: 45%;
}

#staff-slider-single h3 {
  display: none;
}

/* @end */

/* @group PROPERTY DETAIL */

#property-detail h2 {
  margin: 0 0 10px;
}

#property-detail .tabs {
  width: 100%;
  border-top: 1px solid #333;
  padding: 10px 0 0;
}

#property-detail .tabs li {
  line-height: 12px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0 2px;
}

#property-detail .tabs li:first-child {
  padding: 0 2px 0 0;
}

#property-detail .tabs li .current {
  font-weight: bold;
}

.add-this {
  padding-top: 20px;
}

.add-this p, .add-this .addthis_toolbox {
  margin-right: 10px;
  float: left;
}

#property-detail .property-summary,
#property-detail .property-content .pane {
  background: #fff;
  padding: 10px;
  margin: 0 0 1%;
}

#property-detail .property-content #gallery-pane {
  padding: 0;
  background: none;
}

#property-detail .property-content #gallery-pane img {
  padding: 7px;
  background: #fff;
  margin: 0 0 1%;
  display: block;
}

#property-detail #about-pane .bbc {
  font-size: 18px;
  margin: 0 0 20px;
}

#property-detail .property-links h3 {
  display: none;
}

#property-detail .property-links li,
#property-detail .agent-info li {
  border-top: 1px solid #333;
  padding: 5px 0;
  font-size: 16px;
}

#property-detail .agent-info,
#property-detail .agent-info li {
  font-size: 14px;
  max-width: 200px;
}

#property-detail .property-links li a::after,
#property-detail .agent-info li a::after {
  content: " >";
}

#property-detail .property-links h3 + li,
#property-detail .agent-info li:first-child {
  border-top: none;
}

#property-detail .single-agent h3 {
  color: #333;
  font-size: 21px;
  margin: 0;
}

#property-detail .single-agent .call,
#property-detail .single-agent .call a {
  font-size: 21px;
  text-transform: uppercase;
  color: #fc3;
  font-family: "PT Sans";
}

#property-detail .extra-links {
  clear: both;
  margin: 20px 0 0;
}

#property-detail .extra-links p {
  font-size: 14px;
  border-top: 1px solid #333;
  padding: 5px 0;
  width: 100%;
  margin: 0;
}

#property-detail .similar-properties .price {
  font-weight: normal;
}

#property-detail .similar-properties .heading p.price {
  font-weight: bold;
}

.similar-properties h3 {
  color: #333;
  font-size: 19px;
  text-transform: none;
  line-height: 19px;
}

/* @end */

/* @group STAFF/ABOUT/VALUE */

.about-us .wpm-content {
  display: none;
}

#staff-slider-single .controls {
  width: 100%;
}

#staff-slider-single .controls div {
  background: url(images/prev_large_arrow.png) no-repeat center;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 54px;
  height: 0;
  text-indent: -3333px;
  position: absolute;
  left: 0;
  padding: 0 0 66.7%;
}

#staff-slider-single .controls div.next {
  left: auto;
  right: 0;
  background: url(images/next_large_arrow.png) no-repeat center;
}

.staff-view-3 .image {
  margin: 10% auto;
}

#SelectOffice legend {
  display: none;
}

.staff-view-1 h3 {
  color: #333;
  font-size: 19px;
  text-transform: none;
  line-height: 19px;
}

.value-my-property h1,
.about-us h1 {
  font-size: 70px;
  line-height: 65px;
}

#summary-62993 {
  height: auto;
  line-height: 0;
  padding: 0;
  background: none;
  width: 100%;
  position: relative;
}

#summary-62993 a {
  display: block;
  text-indent: -3333px;
  background: url(images/spacer.gif);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#smart-sells img {
  width: 100%;
}

.office-detail-coronis-staff {
  display: none;
}

/* @end */

/* @group INTOUCH */

.intouch h1.wpm {
  display: none;
}

#summary-63373,
#summary-63393 {
  position: relative;
}

#summary-63373 img {
  max-width: 100%;
}

#summary-63373 a,
#summary-63393 a {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
  position: absolute;
  width: 21px;
  height: 16px;
  background: url(images/up-down.png) top;
  text-indent: -3333px;
}

#summary-63393 {
  background: #fff url(images/grass.png) no-repeat bottom;
  padding-bottom: 110px;
  height: auto;
}

#summary-63393 a {
  bottom: 100px;
}

/* @end */

/* @group OFFICE */

.coronis-offices p.current a {
  color: #ffcc33;
}

/* @end */

/* @group BLOG */

#LatestNews > h3 {
  display: none;
}

/* @end */

/* @group FOOTER */

#select-suburb h3,
#select-office h3,
h3.SelectOffice {
  max-width: 250px;
}

#select-suburb legend,
#select-office legend {
  display: none;
}

#select-suburb .select,
#select-office .select,
#SelectOffice .select {
  width: 70%;
}

#select-suburb .button,
#select-office .button,
#SelectOffice .button {
  float: left;
  margin: 0 0 0 10px;
}

#foot {
  background: black;
  width: 100%;
  color: #fff;
  padding: 10px;
  border-top: 1px solid #171717;
}

footer a {
  color: #fff;
}

footer .copyright,
footer .privacy-link {
  font-size: 0.86em;
}

footer .copyright {
  padding: 0 5px 0 0;
  text-transform: uppercase;
  line-height: 24px;
  font-family:"PT Sans", Tahoma, Verdana, "DejaVu Sans", sans-serif, sans-serif;
}

footer .privacy-link {
  padding: 0 5px 0;
}

footer .renet-links {
  clear: both;
}

footer .renet-links p {
  font-size: 9px;
  line-height: 12px;
}

footer .contact-link {
  border-left: solid 1px #fff;
}

/* @end */

@media screen and (min-width:600px) {

  header {
    padding: 8px 0 0;
  }

  #logo {
    padding: 15px 10px;
  }

/*  nav ul li {
    border-left: 1px solid #fff;
  }*/

  nav ul li:first-child {
    border-left: none;
  }

  nav a {
    padding: 0 15px;
    font-size: 17px;
    line-height: 23px;
  }

  #content .wrapper {
    padding: 125px 0 60px;
  }

  #quicksearch {
    padding: 15px 35px;
    margin: 0 -1% 1%;
  }

  .index .wpm-summary,
  #feature-properties {
    width: 49.5%;
    float: left;
  }

  #feature-properties {
    float: right;
  }

  #property-detail .tabs li:first-child {
    padding: 0 10px 0 0;
  }

  #property-detail .property-summary,
  #property-detail .property-content .pane {
    padding: 20px;
  }

  #property-detail .property-content #map-pane,
  #property-detail .property-content #video-pane {
    padding: 7px;
  }

  #property-detail .property-links {
    max-width: 260px;
  }

  #property-detail .property-links li {
    text-align: right;
  }

  #property-detail .single-agent img {
    float: right;
  }

  #property-detail .agent-info {
    float: right;
    clear: both;
  }

  #property-detail .agent-info,
  #property-detail .agent-info li {
    max-width: 220px;
  }

  #property-detail .tabs li {
    padding: 0 10px;
  }

  #property-detail .back-button {
    text-transform: uppercase;
  }

  .property-list-4 p {
    font-size: 12px;
    height: 12px;
  }

  .search-results .sort-results,
  .search-results .view-results {
    width: 50%;
    clear: none;
    border-bottom: 1px solid #ccc;
  }

  .search-results .view-results {
    text-align: right;
  }

  .search-results .view-results .heading {
    float: right;
    position: relative;
    right: 190px;
    width: 0;
  }

  .search-results .view-results .Large {
    margin: 0 -3px 0 0;
  }

  .sub-page-summary.half {
    width: 49.5%;
  }

  .sub-page-summary.left {
    float: left;
    margin: 0 1% 1% 0;
    padding: 20px;
  }

  .sub-page-summary.right {
    margin: 0 0 1%;
    float: right;
    padding: 20px;
  }

  /* half box */
  #latest-activity,
  #select-suburb,
  section#select-office,
  #LatestNews {
    width: 49.5%;
    margin: 0 1% 1% 0;
    padding: 20px;
    float: left;
  }

  #LatestNews {
    margin: 0 0 1%;
    float: right;
    overflow: hidden;
  }

  .similar-properties {
    margin: 0 0 1%;
    padding: 20px;
  }

  .sub-page-summary,
  #latest-activity,
  #LatestNews {
    padding: 20px;
    height: 250px;
  }

  /* half box - RHS */
  section#select-office {
    margin: 0 0 1%;
    float: right;
  }

  .about-us .page-content,
  .value-my-property .page-content {
    padding: 20px;
  }

  .about-us h1 {
    width: 40%;
    float: left;
  }

  .about-us #staff-select-office {
    clear: both;
  }

  .about-us #staff-select-office form {
    margin: 0;
  }

  .about-us #staff-slider-single {
    width: 60%;
    float: right;
  }

  #foot {
    position: fixed;
    z-index: 10;
    bottom: 0;
  }

  footer .contact-link,
  footer .login-link {
    float: right;
    line-height: 12px;
    padding: 0 10px 0 0;
    border-top: 1px solid #171717;
  }

  footer .contact-link {
    padding: 0 0 0 10px;
/*    border-left: 1px solid #fff;
*/  }





}

@media screen and (min-width:890px) {

  header {
    padding: 30px 0 0;
  }

  #logo {
    float: left;
  }

  nav {
    float: right;
    margin: 50px 0 0;
  }

.property-list-5 .date {
  width: 13%;
  display: inline;
}

.property-list-5 .disp-method {
  width: 20%;
}

.property-list-5 .suburb {
  width: 30%;
}

.property-list-5 .bbc {
  width: 37%;
}

  .about-us h1, .about-us #SelectOffice {
    width: 45%;
    float: left;
  }

  .about-us #staff-slider-single {
    width: 55%;
    float: right;
  }

  .about-us #staff-select-office {
    clear: none;
  }

  .value-my-property h1,
  .value-my-property .wpm-content {
    width: 42%;
    float: left;
    clear: left;
    padding: 10px 0;
  }

  .value-my-property #MarketAppraisal {
    width: 55%;
    float: right;
    padding: 0 60px;
    max-width: none;
    margin: -130px 0 0;
  }

  /* @group INTOUCH */

  #summary-63373 h3,
  #summary-63393 h3 {
    width: 30%;
    float: left;
  }

  #summary-63373 h3 + p {
    width: 45%;
    float: right;
    padding: 0 10% 0 0;
  }

  #summary-63393 {
    min-height: 250px;
  }

  #summary-63393 p {
    width: 15%;
    margin: 0 1% 0 1.5%;
    float: left;
  }

  /* @end */

}

/******************************** END Sites/2803/css/coronis.css ********************************/
