/**********************************************
CSS FILE FOR PHOSPHOR WHITESITE - LAYOUT STYLES
DEVELOPED BY PHOSPHOR ESSENCE
COPYRIGHT 2007
www.phosphor.co.nz
**********************************************/
@import "regions.css";

html, body{height:100%; font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,Helvetica, sans-serif;}
body{background-color:#04295F; font-size: 70%;}


p{padding: 7px 0 7px 0;}

a{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{}

h1, h2, h3, h4, h5{}

h1{}
h2{}
h3{}
h4{}
h5{}

#mainContainer{margin:0 auto; width:1003px;}

#content{background:#5da8e8 url(../userfiles/image/skybg_02.jpg) no-repeat; float:left; min-height:520px; width:1003px;}

#content .title {width:100%; height:67px;}
#content .title .ownNz{float:left; margin:10px;}
#content .title .bayleysLogo{float:right; margin:20px 20px 0 0;  }

.tagline{float:left; margin:40px 0 0 -48px;}

.propertyTypes{float:left; width:600px;}
.propertyTypes .navigation{float:left; width:181px;}

.propertyTypes .navigation ul{list-style:none; margin:0 0 0 -5px;}
.propertyTypes .navigation ul li{width:100%; height:59px; width:178px;}
.propertyTypes .navigation ul li a, .magazine a{color:#ddd; display:block; height:59px; text-align:right; width:178px;}
.propertyTypes .navigation ul li a:hover{background:url(../userfiles/image/propertynav_f2.png) no-repeat; color:#fff; text-decoration:none;}
.propertyTypes .navigation ul li a#selected{background:url(../userfiles/image/propertynav_f2.png) no-repeat; text-decoration:none;}
.propertyTypes .navigation ul li a img{margin:10px 5px 0 0; display:block; float:right;}
.propertyTypes .navigation ul li a .linkText{margin-right:5px; float:right; cursor:pointer; font-size:12px;}

.a1 .linkText{margin-top:23px;} 
.a2 .linkText{margin-top:14px;}
.a3 .linkText{margin-top:15px;}
.a4 .linkText{margin-top:22px;}
.a5 .linkText{margin-top:14px;}
.a6 .linkText{margin-top:23px;}



.propertyTypes .navigation .canYouSee{float:right; margin:0 20px 5px 0;}


.propertyTypes #explore{float:left; width:419px;margin:-8px 0 0 0; }
.propertyTypes #explore #image{height:196px;}
.propertyTypes #explore .coverflow{background:url(../userfiles/image/base.jpg) no-repeat; height:244px; padding:0 10px; width:406px; overflow:hidden;}
.propertyTypes #explore .coverflow img{border:3px solid #fff; cursor:pointer; margin-top:0px;}
.propertyTypes #explore .coverflow canvas{display:none; height:0px; width:0px;}
.propertyTypes #explore .coverflow .reflection{display:none;}
.propertyTypes #explore .exploreArrow{position:absolute; margin:175px 0 0 -2px;}


#SearchCoverFlow {width:426px; display:block; float:left; margin-top:-40px; clear:left;}
#SearchCoverFlow .coverflow{height:244px; padding:0 10px; margin:0; width:406px; overflow:hidden;}
#SearchCoverFlow .coverflow img{border:3px solid #fff; cursor:pointer; margin-top:0px;}
#SearchCoverFlow .coverflow canvas{display:none; height:0px; width:0px;}
#SearchCoverFlow .coverflow .reflection{display:none;}

.regions{float:left; width:403px;}
.regions #topBar{margin:10px 20px 10px 10px; border:dotted #fff; border-width:0 0 1px 0; padding:0 0 10px 0;}

.regions .seethecountry{float:left; margin:0 0 0 47px;}
.regions #regionInfo{float:left; margin:0 0 0 20px; width:225px;}
.regions #regionInfo img{float:left;}
.regions #regionInfo #regionText{color:#fff; float:left; margin:-10px 0 0 11px; width:140px; height:70px; overflow:hidden;}
.regions #regionInfo #seeMoreLink{float:right;}
.regions #regionLists{color:#ddd; float:left; width:140px; }

.regions #regionLists .regionsHeading{}
.regions #regionLists .regionsHeading p{text-transform:uppercase;}
.regions #regionLists ul{list-style:none; margin:0 10px 0 0;}
.regions #regionLists ul li{text-align:right;}
.regions #regionLists ul li a{color:#fff; text-transform:uppercase; font-size:13px !important;}
.regions #regionLists ul li a:hover{color:#eee; text-decoration:none;}

.regions #regionLists ul li ul{margin:5px 0 0 0; }
.regions #regionLists ul li ul li{margin:0 0 3px 0;}
.regions #regionLists ul li ul li a{text-transform:none; font-weight:normal; font-size:12px !important;;}
.regions #regionLists ul li ul li a:hover{background:url(../userfiles/image/regionnav_f2.png) no-repeat 0; padding:0 0 0 11px;}




.regions #regionLists ul li a.island{font-size:16px;}

.regions #map{float:left; height:285px; width:260px; background:url(../userfiles/image/map/northisland.png);}
.regions #map a{position: absolute; text-decoration: none;}

.tool-tip{background:url(../userfiles/image/map/map_label.png) no-repeat; color:#fff; text-align:justify; margin:10px 0 0 20px; padding:2px 0 0 10px; width:107px; height:18px;}
.tool-title{display:none;}
.tool-text{}

.regions #map a i {visibility:hidden;}


/**************
Footer
**************/
#footer{background:url(../userfiles/image/landbg.jpg) no-repeat #5c9e30; min-height:101px; width:1003px; margin:0 auto; padding:0;clear:left;}
#footer h2{color:#fff; font-size:18px; font-weight:normal;}
#footer h3{color:#fff; font-size:14px; font-weight:normal; margin:10px 0 0 0;}
#footer #links{float:left; margin:50px 0 20px 50px; width:220px;}
#footer #links ul{margin:10px 0 0 0; list-style:none;}
#footer #links ul li{margin:0 0 3px 0; padding:0;}
#footer #links ul li a{color:#ded; font-size: 13px;}
#footer #links ul li a:hover{color:#fff;}

#footer #stayConnected{float:left; margin:50px 0 20px 0; width:470px;}


#footer .subscribe{float:left; width:190px; margin:10px 20px 0 0px;}
#footer img.magazine{margin:0 0 0 10px}
#footer .subscribe h3 { padding: 0;}
#footer .subscribe h3  a{ color:#fff; font-size: 13px; background:#73ac4d; padding:8px 3px 8px 3px; margin:0 0 5px 0; display: block; width: 188px; height: 16px; text-align: center;}

#footer .newsletterForm{width:180px; float:left; margin:10px 0 0 0;}
#footer .newsletterForm form{margin:3px 0 0 0;}


#footer .copyright{margin:110px 0 0 0; width:200px;}
#footer .copyright h4{color:#fff; font-weight:normal;}


#weather{margin:0; float:left; width:170px;}
#weather img{float:left; margin-top:-2px;}

#weather ul{list-style:none;}
#weather ul li{ margin:10px 0 0 0; padding:0 0 8px 0; width:200px; float:left;}
#weather .weatherText{float:left;}
#weather p{line-height:0px; color:#fff;}
#weather .regionTitle{font-size:12px; font-weight:bold;}

#footer .podcastPlayer{float:left; width:260px;}
#footer .podcastPlayer p{color:#fff;}
#footer .podcastPlayer a{color:#fff;}
#footer .podcastPlayer a:hover{color:#ccc;}
#audioplayer1{margin:0 0 5px 0;}


#footer #utils{width:200px; float:right; margin:50px 0 20px 30px;}
#footer #utils img.kiwi{margin:0 0 0 20px;}
#footer #utils ul{list-style:none; float:left; margin:10px 0 0 10px;}
#footer #utils ul li{background:#73ac4d; width:150px; padding:8px 3px 8px 12px; margin:0 0 5px 0;}

#footer #utils ul li a{color:#fff; font-size: 13px}

#footer input{background: #73ac4d; border:1px solid #fff; padding:2px; color:#1E330F; margin:3px 0; font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,Helvetica, sans-serif;}
#footer label{color:#fff;}

.PropertySearch { clear: none; width: 565px; float: right; padding-right: 10px; margin-top: -200px}
.SearchForm { clear: left; width: 346px; float: left; padding: 20px; background: url(/bayleysportal/userfiles/image/trans.png); margin: 0 20px}

.SearchForm li { list-style: none; margin:0; padding: 0;}
.SearchForm h1 { border-bottom: 1px dotted; margin-bottom: 15px; } 
.SearchForm select, .SearchForm input.text { font: 11px Trebuchet MS; float: left; background-color: #75AFE6; border:1px solid #414d81; }
.SearchForm label { float: left; clear: left; width: 80px;margin-bottom: 14px; font-weight: bold; }
.SearchForm .button { clear: left;  float: left; margin: 10px 0 5px 80px;}
.SearchForm ul.options label, .suburbs label{ float: none; clear: none; margin-left: 2px;}
.SearchForm ul.options li{ display: block; float: left;  list-style: none; margin-right: 5px; }


.updatemessage { float:right; }
.listing { background: url(/bayleysportal/userfiles/image/trans.png)  ; padding: 0 0 15px 0; margin:0 0 10px 0;}
.listing .thumb { float: left; margin-right: 15px;}
.listing h2 { color: white;  font-size: 12px; text-transform: uppercase; padding-top: 5px;}
.listing .specs { width: 50px; float: right;   padding: 5px 5px 0 5px; margin: 0 0 0 5px;}
.listing .specs .specValue{margin:5px 0 0 3px; float:left;}
.listing .specs img { margin: 5px 3px 0 -5px; float:left;}
.listing a { color: black; text-decoration: underline; }
.listing a:hover { text-decoration: underline; }

.sorting { margin-bottom: 10px; font-size: 13px; color: #FFF;}
.sorting select { margin: -3px 0 0 0;  font: 13px Trebuchet MS;  background-color: #215DB3; border:1px solid #414d81; color: #fff; float:right;}


.pages span.current, .pages a{ display: block; float: left; width: 20px; Text-align: center; font-size: 14px; color: #FFF}
.pages span.current { background-color: #338FDA;}
.pages a:hover { background-color: #338FDA;}
.pages span.label { float: left; width: 60px; border: none; background-color: transparent;}
.pages { margin-top: 10px; font-size: 14px; color: #FFF;}
.suburbs { float: left; height: 100px; overflow: auto; background: url(/bayleysportal/userfiles/image/trans.png); margin-bottom: 10px; padding: 3px 0 5px 5px; width: 200px;}
.pages span a{width: auto; }
/***********
Region Page
***********/

#info.regionPage{ width:558px;  float:left;} 
.regions.regionPage{width:445px;}

.regions.regionPage #topBar{}
.regions.regionPage img.seethecountry{}
.regions.regionPage #regionText{}

.regions.regionPage #map{margin:15px 0 0 0;}
.regions.regionPage #regionLists{margin:15px 0 0 0;}

#info.regionPage h1{color:#fff; margin:0 0 15px 0; font-weight:normal; font-size:20px;}
#info.regionPage .regionImage{float:left; display:block; margin:0 0 20px 0; width:272px;}
#info.regionPage .regionCaption{background:url(../userfiles/image/region-caption-background.png); color:#fff; margin-top:-28px; padding:5px; text-align:center; width:262px;position:relative}
#info.regionPage p{float:left; width:250px; margin:-11px 0 0 20px; line-height:18px;}


.featureBlock{ height:120px; margin:0 30px 15px 0;  background:url(../userfiles/image/trans.png);}
.featureBlock h2{color:#fff; text-transform:uppercase; font-size:12px; font-weight:normal; margin:5px 0 0 10px;}
.featureText{float:left;}

.featureText ul{list-style:none; margin:5px 0 0 0;}
.featureText ul li{}
.featureText ul li a{color:#ded;}
.featureText ul li a:hover{color:#fff;}

.featureBlock img{float:left;}
#info.regionPage p{float:left; width:250px; margin:-11px 0 0 20px;}


#PropertyTypeText { font-size: 120%; }

.featureproperties { width: 160px; float: left; margin-right: 25px; }
.featureproperties .listing { padding: 0;}
.featureproperties b { text-transform: uppercase }
.featureproperties a { font-weight: bold; }

.contactus .sidebar { float:left; }

span.price { float: right;  margin-right: 5px;}

/******************
Returning Kiwis
******************/

#imageColumn{float:left; margin:0 0 0 30px; width:370px;}

#imageColumn .caption{background:url(../userfiles/image/trans.png); width:350px; margin:10px 0 0 0; padding:10px;}
#imageColumn .caption h2{font-weight:normal;}

#textColumn{width:530px; float:left; margin:0 0 10px 20px; background:url(../userfiles/image/trans.png); padding:10px;}


#textColumn p{}
#textColumn h1{font-weight:normal;}
#textColumn h2{font-weight:normal; margin:10px 0 0 0;}

#textColumn table{border-top:1px solid #222; border-left:1px solid #222; border-collapse:collapse;}
#textColumn tr{}
#textColumn th{border-right:1px solid #222; border-bottom:1px solid #222; padding:3px;}
#textColumn td{border-right:1px solid #222; border-bottom:1px solid #222; padding:3px;}

#textColumn #rate{width:200px}
#textColumn #salary{width:100px}
#textColumn #rate{width:100px;}



/*****************
contact us
*****************/
#formColumn{width:530px; float:left; margin:0 0 10px 20px; background:url(../userfiles/image/trans.png); padding:10px;}

#formColumn .AutoFormPlus{}
#formColumn .AutoFormPlus fieldset{border:none;}
#formColumn .AutoFormPlus legend{display:none;}
#formColumn #AutoFormPlus_26_InterestedIn input{float:left; margin:3px;}
#formColumn #AutoFormPlus_26_InterestedIn label{float:left; margin:2px;}
#formColumn .AutoFormPlus li { margin: 0; padding: 0; display: block; float: left; } 
#formColumn label.radiobuttonlist { clear: left; }

#formColumn .AutoFormPlus .AspNet-CheckBoxList li, #formColumn .AutoFormPlus .AspNet-RadioButtonList li { width: 205px;}
.AutoFormPlus .AspNet-RadioButtonList label, .AutoFormPlus .AspNet-CheckBoxList label { margin: 0 5px; width: 120px; display:inline;}

#formColumn #AutoFormPlus_26_AboutYou input{float:left; margin:3px;}
#formColumn #AutoFormPlus_26_AboutYou label{float:left; margin:2px;}


h1.pagetitle { clear:left; color: white; margin: 0 0 0 25px; padding: 0px; position:relative; top: -20px; }
.SearchForm h2 { border-bottom: 1px dotted white; padding: 0 0 5px 0; margin: 0 0 10px 0;}