* { margin: 0; padding: 0; }
body { background: #fff; overflow-x: hidden; }
body, textarea { font: 13px/150% Arial; }
a:visited, a:link { color: #9D9FA1; text-decoration: none; }
a:hover { color: #000; }
li a { text-transform: lowercase; }
li.active a { color: #D11242; }
#col2 li.active a { color: #000; }

a img { border: none; }
/*#nav a, #sidebar a, #toolbox a, #col3 a { color: #9D9FA1 !important; }
#nav a:hover, #sidebar a:hover, #toolbox a:hover, #col3 a:hover { color: #000 !important; }*/
ul { list-style: none; }
p, ul, ol { margin-bottom: 1em; }
li img { vertical-align: middle; }

ul.bullets { list-style-type: disc; margin-left: 1.4em; }
ul.bullets li { margin-bottom: 3px; }

h1 { font-size: 24px; font-weight: normal; color: #000; line-height: 26px; }
.pop h1 { margin-bottom: 10px; }
h2 { font-size: 18px; margin-bottom: 3px; font-weight: normal; color: #D11242; }
h3 { font-size: 100%; }
input, select, textarea { }
option { padding-left: 2px; }

/* structure */
#page { padding: 22px 0 0 15px;}
.pop #page { padding-top: 15px;}
#contentwrap { clear: both;}
#content { }
#content, #navwrap { margin-left: 180px; }
.pop #content { margin-left: 25px; }
#contentheader { height: 144px; background: url(up2.jpg) no-repeat; /*#B6B8BA*/ overflow: hidden; }
.pop #contentheader { margin-left: 80px; margin-top: 12px; }
#contentinnerwrap { position: relative; padding-top: 20px;}
.listings #contentinnerwrap { padding-top: 5px; }
.property #contentheader { height: auto; background-image: none !important; }

#contentinnerwrap, #navwrap { width: 775px; overflow: hidden; }
#contentinner { width: 999px; }
.pop #contentinnerwrap, .pop #contentinner { width: auto; }
.pop #contentinner { padding-right: 15px; }

#sidebar { width: 195px; position: absolute; left: 0px; top: 106px; }
.pop #sidebar { background: #D10D40; width: 120px; top: 86px; }
.pop #sidebar, .pop #contentheader { height: 138px; }
#sidebar li { width: 195px; }


#header { height: 59px; overflow: hidden; position: relative; /*border: solid 1px;*/ }
.pop #header { background:transparent url(../images/logowebsite.gif) no-repeat scroll 0 0;}

/*Global Search hidden at Top*/
#globalsearch { position: absolute; top: 10px; left: 770px; white-space: nowrap; }
#globalsearch .textbox { width: 140px; }
#logodefault img{height: 59px;} 
#logo img { height: 59px;display:none; }
#sidebar h2 { font-size: 14px; font-weight: bold; margin-bottom: 0px; }

#closebutton { position: absolute; right: 15px; top: 0px; color: #000; line-height: 15px; background: url(close.gif) no-repeat; padding-left: 20px; }

.noheader #contentheader, .noheader #sidebar { display: none; }
.noheader #content { margin-left: 0; }




/* columns */
.quote { text-indent: -999px; float: left; margin: 0 0 0 0px; width: 220px; height: 220px; }
.rentingteam .quote { margin-left: 0; }

#col1 { width: 130px; float: left; }
#col1 li { font-size: 16px; text-transform: lowercase; line-height: 150%; font-weight: bold; }
/*#col1 li a { color: #9D9FA1 !important; }
#col1 li.active a { color: #d11242 !important; }
#col1 li a:hover { color: #000 !important; }*/

#col2 { margin-left: 15px; width: 305px; float: left; }
#newCol2{margin-left: 15px; width: 400px; float: left; }

.thecompany #col2 { width: 150px; }
.rentingteam #col2 { width: 540px; }

#col3 { margin-left: 15px; width: 305px; float: left; }

.search #col2 { width: 224px; }
.search #col3 { border-left: dotted #ccc 1px; position: relative; top: -20px; padding-top: 20px; }
.searchoption { margin-bottom: 20px; padding-left: 20px; }
.searchoption h3 { margin-bottom: 6px; }



.ouragents #col1, .ouragents #col2 { width: 300px; }
.ouragents #col3 { width: 740px; }
.ouragents #col1 select { width: 220px; }

#oagentlist li { text-align: center; width: 150px; float: left; margin: 0 15px 15px 0;  }
#oagentlist a { display: block; height: 150px; background-repeat: no-repeat; background-position: 50% bottom; }

/*#col1, #col2, #col3 { border: solid 1px; }*/

/* nav */
#navwrap { z-index: 500; height: 24px; border-top: solid 1px #fff; }
#nav { margin-left: 150px; width: 100%; height: 21px; }
#nav li { float: left; margin: 0 21px 0 0; }
#nav a { text-indent: -999px; display: block; outline: none; background-repeat: no-repeat; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity='50'); border-bottom: solid #fff 3px; height: 21px; background-image: url(nav.gif?v=1); }

#navhome a { background-position: 0 0; width: 42px; }
#navbuying a { background-position: -60px 0; width: 51px; }
#navselling a { background-position: -133px 0; width: 48px; }
#navrenting a { background-position: -203px 0; width: 53px; }
#navouragents a { background-position: -277px 0; width: 79px; }
#navaboutus a { background-position: -375px 0; width: 63px; }
#navcontactus a { background-position: -459px 0; width: 76px; }

#nav a:hover { border-bottom-color: #777; }

.home #navhome a,
.search #navbuying a,
.listings #navbuying a,
.property #navbuying a,
.selling #navselling a,
.renting #navrenting a,
.rentingteam #navrenting a,
.ouragents #navouragents a,
.thecompany #navaboutus a,
.thepeople #navaboutus a,
.contactus #navcontactus a
{ -moz-opacity:1.0; opacity:1.0; filter:alpha(opacity='100'); border-bottom-color: #d11212; }

.renting #navbuying a { border-bottom-color: #fff; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity='50'); }
.renting #navbuying a:hover { border-bottom-color: #777; }


#sidebar .inner { padding-top: 0; padding-left: 0; }

#snav li { padding: 0; }
#snav a { display: block; text-indent: -999px; height: 32px; background: #D10D40 url(snav.gif?v=2) no-repeat; }
#snav1 a { background-position: 0 0;height: 36px; }
#snav2 a { background-position: 0 -36px; height: 36px; }
#snav3 a { background-position: 0 -74px;height: 36px; }
#snav4 a { background-position: 0 -112px;height: 36px; }
#snav a:hover { background-color: #931942; }

/* footer */
#footer { clear: both; color: #9D9FA1; font-size: 90%; margin-top: 30px; text-align: right; width: 955px; }
#footer a { margin-left: 5px; }

.home #footer { margin-top: 0; position: relative; top: -15px; }
/* common */
.rel { position: relative; }
.nowrap { white-space: nowrap; }
.inner { padding: 20px 15px 20px 20px; }
.headbar, .property .modalpanel .headbar { color: #000; background: #d9e2ec url(headbar.gif) repeat-x; line-height: 28px; font-size: 12px; font-weight: bold; padding-left: 10px; margin-bottom: 10px; border-top: dotted #ccc 1px; border-bottom: dotted #ccc 1px; white-space: nowrap; position: relative; left: 0px; z-index: 90; }
.contactdetails h2 { margin-bottom: 0; }
.contactdetails ul { list-style: none; margin-top: 10px; }
.contactdetails li { margin-left: 0; }
.nobottommargin { margin-bottom: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.clearer { clear: both; }
.small { font-size: 90%; }
.weeklycost { color: #d11242; }
.leftalign { text-align: left !important; }
.bold { font-weight: bold; }
sup { }
.underline { text-decoration: underline; }
.red { color: #D11242 !important; }
.black { color: #000 !important; }
a.black:hover { color: #D11242 !important; }

/* headings */
/*.search h1 { background: url(h1buying.gif) no-repeat; width: 210px; height: 124px; text-indent: -999px; }*/
.search h1 { background: url(h1buying.gif) no-repeat; }
.selling h1 { background: url(h1selling.gif) no-repeat; }
.renting h1 { background: url(h1renting.gif) no-repeat; }
.rentingteam h1 { background: url(h1rentingteam.gif) no-repeat; width: 333px; height: 122px; }

/* contentheaders */
/*.search #contentheader, .listings #contentheader, .property #contentheader { background-image: url(up2.jpg); }*/
/*.search #contentheader { background-image: url(up8.jpg); }
.selling #contentheader { background-image: url(up3.jpg); }
.renting #contentheader { background-image: url(up4.jpg); }
.rentingteam #contentheader { background-image: url(rentingteam.jpg); }
.thecompany #contentheader { background-image: url(up5.jpg); }
.thepeople #contentheader { background-image: url(up6.jpg); }
.contactus #contentheader { background-image: url(up7.jpg); }*/
.officeUPR #contentheader { background-image: url(remuera.jpg); }
.officeUPM #contentheader { background-image: url(mteden.jpg); }
.officeUPH #contentheader { background-image: url(hernebay.jpg); }
.officeUCM #contentheader { background-image: url(coromandel.jpg); }

.pop #contentheader { background-image: url(callus.jpg); }
.clicktocall #contentheader { background-image: url(callus.jpg); }
.marketanalysis #contentheader { background-image: url(requestamarketanalysisbg.jpg); }
.specialist #contentheader { background-image: url(requestaspecialistbg.jpg); }
.news #contentheader { background-image: url(newsbg.jpg); }
.dreamhome #contentheader { background-image: url(dreamhomebg.jpg); }

/* slide */
.home #contentheader,
.search #contentheader,
.listings #contentheader,
.property #contentheader,
.selling #contentheader,
.renting #contentheader,
.rentingteam #contentheader,
.thepeople #contentheader,
.ouragents #contentheader
{ background: none !important; }

#myGallery { width: 775px !important; height: 144px !important; }
.home #myGallery { height: 460px !important; }
.jdGallery .loadingElement { background-color: #fff !important; background-image: url(loading.gif) !important; }


/* listings */
.listfooter { clear: both; border-top: dotted #ccc 1px; }
.listitem { clear: both; border-top: dotted #ccc 1px; position: relative; padding: 8px 0 0px 0; height: 1%; }
.item0 { border-top: none; }
.listitem a { color: #000; }
.listpic { float: left; width: 140px; text-align: center; padding-bottom: 8px; line-height: 1px; font-size: 1px; position: relative; }
.listitem h4, .listitem p { /*margin-left: 155px;*/ margin-bottom: 8px; }
.listitem h4 { font-size: 120%; font-weight: normal; margin-bottom: 7px; }
.listitem h3 { font-size: 120%; color: #d11242; text-transform: capitalize; margin-bottom: 7px; }
.suburbname { font-weight: bold; /*color: #d11242; */}
.icons { line-height: 25px; position: relative; }
.icons img { vertical-align: middle; position: relative; top: -4px; margin-right: 2px; }
.subtitle { font-weight: bold; font-size: 90%; }
.listitem .subtitle { position: absolute; left: 450px; top: 3px; white-space: nowrap; }
.propprice { margin-bottom: 1em; }
.copy { margin: 1em 0 0 0; padding-bottom: 5px; }
.listitem .copy { font-size: 90%; }

.il { float: left; margin-left: 10px; padding-top: 7px; }
.il h3 { font-weight: normal;}
/*.il h3 { color: #d11242 }*/

.savesearch { font-weight: bold; padding: 15px 0 20px 0; border-bottom: dotted #ccc 1px; margin-bottom: 8px; }
.savesearch a { font-weight: normal; background: #d11242; color: #fff !important; line-height: 180%; padding: 5px 8px;  }

.pager { text-align: left; clear: both; padding: 80px 0 20px 0; font-size: 120%; }
.sortbywrap { white-space: nowrap; margin: 33px 0 9px 0; }
.sortbywrap select { font-size: 90%; width: 180px; }
.soldlabel { position: absolute; left: 10px; top: 50%; margin: -45px 0 0 0; outline: none; }
/*.soldlabelbig { position: absolute; left: 115px; top: 50%; margin: -94px 0 0 0; outline: none; }*/
.soldlabelbig { position: absolute; left: 50%; top: 50%; margin: -94px 0 0 -125px; outline: none; }
#countmsg { white-space: nowrap; }

#propdetails { float: left; width: 420px;}
#propdetails h2 { color: #000; }
#propdetails a { color: #000 !important; }
.toolbox { float: left; width: 200px; margin-left: 32px; }

.mainimagepanel { line-height: 1px; position: relative; z-index: 100; width: 775px; overflow: hidden; }
.mainimagepanel a { font-size: 1px; }
.mainimagepanel img, .contactpic img, .gallery img { }
.mainimagepanel img.soldlabel { border: none !important; }
.mainimagebox { float: left; position: relative; }
.mainimage { /*width: 450px;*/ border-right: solid #fff 1px !important; }
.thumbs { display: none; position: absolute; top: 0; left: 451px; width: 326px; overflow: hidden; }
.thumbs a { float: left; display: block; outline: none; height: 100px; width: 160px; border: solid #fff 1px !important; border-width: 0 1px 1px 0 !important; background-color: #b6b8ba !important; }
.thumbs a img { display: none; }

.gallery { width: 760px; }
.gallery a { float: left; display: block; height: 83px; width: 111px; border: dotted #ccc 1px; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 0 0px 5px; }

.mainimagepanel table { margin-bottom: -5px; }
.mainimagepanel td { vertical-align: middle; height: 83px; border: dotted #ccc 1px; background-color: #fff; }

.gallerypanel { font-size: 1px; line-height: 1px; /*text-align: center; width: 100%;*/ }
.gallery a { margin: 10px 10px 5px 0; width: 166px; height: 125px; }

.morephotoslink { font-weight: bold; line-height: 18px; font-size: 100% !important; /*position: relative; top: -1px;*/ }
.backtolistinglink { font-weight: bold; /*position: absolute; right: 25px; top: 25px;*/ }


.addinfo, .contactwrap { border-top: solid #444 1px; padding-top: 12px; margin-top: 12px; }

.mapframe { border: dotted #ccc 1px; height: 280px; width: 100px; }

.agentcontact { margin-bottom: 10px; }
.agentname { font-weight: bold; }
#ctl00_maincontent_name_a1:hover { color: #D11242 !important; }
#ctl00_maincontent_name_o1:hover { color: #D11242 !important; }
#ctl00_maincontent_name_a2:hover { color: #D11242 !important; }
#ctl00_maincontent_name_o2:hover { color: #D11242 !important; }

.index { padding-right: 5px; }

.agentphoto { margin-bottom: 10px; }
.agentoptions { margin-top: 10px; }
.agentoptions li { width: 10em; white-space: nowrap; }
.ao_clicktocall { background: url(callagent.gif) 100% 50% no-repeat; }
.ao_emailagent { background: url(emailagent.gif) 100% 50% no-repeat; }
.ao_requestform { background: url(requestform.gif) 100% 50% no-repeat; }
.agentoptions a { display: block; }

.contactpic { float: right; margin: 22px 0 10px 10px; }
/*.agent1 { float: left; }
.agent2 { float: right; }*/

.imagespanelopened #mainimagelink { display: none; }
.imagespanelopened .morephotoslink { display: none; }
.imagespanelopened .hidden { display: block !important; }

.proptabs .ajax__tab_header { display: none; }
.proptabs .ajax__tab_body { border: none; padding: 0; }

.resultmsg { font-weight: bold; display: block; }

a.open2viewlink span { color: #000; }
a.open2viewlink:hover span { text-decoration: underline; }

#disclaimertext { display: none; }
/*.modalpanel { background: #fff; border: solid #777 1px; }
.modalbg { background-color: Gray; -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity='70'); }*/

/* About */
.agentprofile { margin-bottom: 10px; }
.entphoto { float: right; margin: 0 0 10px 10px; border: dotted #ccc 1px !important; }
.entlinks { margin-top: 10px; }
.entcontact .summary .index { width: 80px; }

.agenttablepanel { margin-top: 20px; border-top: solid #c7d7e7 1px; padding-top: 15px; }
.agenttable { width: 100%; }
.agenttable th { text-align: left; }
.agenttable td, th { padding: 3px 5px 3px 0; border-bottom: solid #eee 1px; }
.jobdesc { font-size: 85%; color: #777; text-align: right; padding-right: 15px !important; }

/* forms */


label { display: block; margin-top: 5px; }
.button { border: none; background: #d11242;  color: #fff; }
.altbutton { background: #b6b8ba; }
.short { /*width: 80px;*/ width: 60px !important; }
.shortest { width: 40px !important; }
.searchbutton { margin-top: 10px; clear: both; }
/*.textbox, select { border: solid #ccc 1px; }*/
/*select { height: 20px; }*/
#sidebar select { height: auto; }
.qs { padding: 10px 0 0 20px; }
.qs .textbox { width: 123px !important; }
/*.qsbutton { font-size: 11px; padding: 2px 8px; }*/

.gbutton { color: #fff; background: #bbb; font-size: 9px; padding: 4px 4px 2px 4px; }
.gbutton, .button { behavior: url("/js/iefixes.htc"); } /* ie6 hack for :hover */
*+html .gbutton { padding: 4px 4px 2px 4px; }
.gbutton:hover, input.hover { background: #D11242; cursor: pointer; }

select.auto { width: auto; }
select.auto option { padding-right: 10px; }

.forms { line-height: 18px; }
.forms label { float: left; text-align: right; width: 100px; clear: left; margin-right: 10px; font-weight: bold; }

.forms select, .forms .textbox, .forms textarea { margin: 4px 0; }
.forms textarea { height: 110px; vertical-align: text-top; }
.forms .subfield { font-size: 85%; }
.forms h2 { margin-top: 15px; }

.msgbox { display: block; padding: 8px; border: solid 1px; font-weight: bold; margin-bottom: 10px; }
.success { border-color: #009C25; background: #F0FFF4; }
.failure { border-color: #FF2A28; background: #FFE7E7; }

.checkbox { position: relative; top: 2px; }
.forms .searchbutton { margin-left: 110px; }
.forms .validationsummary { margin-left: 110px; } 
.validator { font-size: 85%; }
.form1 .validator { clear: both; margin-left: 115px; position: relative; top: -5px; }

#sidebar .forms { border-top: dotted #ccc 1px; margin-left: 20px; margin-top: 20px; width: auto; padding-top: 15px; }
#sidebar .forms, #sidebar .forms input, #sidebar .forms select { font-size: 90%; }

.form1 select, .form1 .textbox, .form1 textarea { width: 170px; }

.form2 { width: 220px; }
.form2 label { float: none; text-align: left; width: auto; display: inline; margin: 0 5px 0 0; }
.form2 .field { margin-bottom: 7px; }
.form2 select, .form2 .textbox { width: 99%; margin: 0; }
.form2 .checkbox { top: -1px; }
.form2 .searchbutton { margin-left: 0; }
.form2select { width: 180px; }

.form3 label { width: 120px !important; }
.form3 .searchbutton { margin-left: 130px; }

.radiolist label { display: inline; float: none;  }
.radiolist input { margin-right: 3px; vertical-align: middle; }
.radiofield { position: relative; }
.radiofield .radiolist { position: absolute; left: 230px; top: 0; }

#fc1 { width: 320px; }
#fc2 { width: 295px; position: absolute; top: 0; left: 285px; }
#fc2 .textbox { _width: 160px !important; }
/*#fc2 textarea { height: 168px; }*/

.borderbottom { border-bottom: dotted #ccc 1px; margin-bottom: 10px; padding-bottom: 15px; }

/* home */
.home h1 { display: none; }
.home #contentheader { background-image: url(up1.jpg); height: 460px; }


.home #sidebar { height: 308px; }
.home .qs { position: absolute; bottom: 2px; }



.officecontact a, .thepeople a { color: #000 !important; text-decoration: underline; }
.contactus #col3 ul { margin-top: 10px; }

.officelist { float: left; width: 150px; }
.officelist li { font-weight: bold; }

.agentlist { /*float: left; width: 150px;*/ margin-left: 150px; }
.agentlist li a { text-transform: none !important; }

/* renting */
.renting .il { width: 350px; }
.renting .ir { float: left; margin-left: 10px; width: 260px; }
.rentinginfo { font-size: 90%; vertical-align: middle; white-space: nowrap; margin-top: 3px; }
.rentinginfo img { position: relative; top: 2px; margin-right: 5px; }
.renting .copy { margin-top: 3px; }

#rentalcontacts { clear: both; }
.rentalcontact { float: left; width: 130px; height: 200px; margin: 20px 20px 20px 0; text-align: center; }
.rentalcontact h3 { color: #D11242; }
.rentalcontactimage { display: block; height: 130px; }

/* hacks */
/*  http://positioniseverything.net/easyclearing */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.grid { border: solid #ccc 1px; border-width: 1px 0 0 1px; }
.grid td, .grid th { border: solid #ccc 1px; border-width: 0 1px 1px 0; padding: 1px 5px; }

.admin #closebutton { display: none; }

.searchresult { width: 760px; margin-top: 10px; border-bottom: dotted #ccc 1px; }

#sitemap li{ margin-left:20px;}
#sitemap ul li{color:#777;}
.line{ border-bottom:1px dotted #777; width:200px;}
#sitemap p{ margin:0; padding:0; *margin-top:-20px;}
#sitemap ul p{*margin-left:-20px;}
#usefulSide .line{border-bottom:1px dotted #777; width:120px;}
#usefulSide{ margin-left:20px;}
#usefullinks ul{ margin-left:40px;}

#sitemap h1{ background: url(h1site.gif) no-repeat;}
#usefullinks h1{ background: url(h1useful.gif) no-repeat;}
#generic h1{ background: url(h1generic.gif) no-repeat;}