.colors /* this is for reference only */
{
	background-color:#1C99F1; /* this is blue */
	background-color:#EF821C; /* this is orange */
	background-color: #FFFF99; /* this is yellow */
}
body {
	margin:auto;
   	padding: 0px;
	font-size:62.5%; /*sets 1em to 10 px to start */
	font-family:Arial, Helvetica, sans-serif;
	background-color:#a4dbf8; /* this is blue	 */
	/* max-width:1024px;*/
	border:solid thin red;
	
}
/*div
{
border:solid 1px;
}*/


#container3 {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
}
#container2 {
    float:left;
    width:100%;
    position:relative;
    right:25%;	
    background-color: white;
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:50%;
    background-color: #a4dbf8;
}

#col-left {
    float:left;
    width:21%;
    position:relative;
    left:31%;
    /*overflow:hidden;*/
}
#col-left ul {
margin:1%;
  list-style-type: none;
    
}
#col-left li a {
  color: blue;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:0px;
}
#col-left li a:hover {
  color: #EF821C;
}

#col-mid {
    float:left;
    width:46%;
    position:relative;
    left:102%;
    overflow:hidden;
    font-size:1.2em;
    padding: 5px;
}
#col-right {
    float:left;
    width:21%;
    position:relative;
    left:85%;
    overflow:hidden;
}
a {
  text-decoration: none;
  font-weight:bold;
  color:#2875DE;
  }
a:hover {
  text-decoration: underline;
  font-weight:bold;
  color:orange;
  }
.map
 {
 max-width:200px;
 margin:auto;
  } 
.nzmap
{
border:none;
}
 
form
{
padding-left:5px;
/*border:solid;*/
}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	margin: 5px 0 0 0px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	
}
form input, form textarea, form select, form radio {
	display: inline;
	width: auto;
	margin: 5px 0 0 0px;
	font-size:0.9em;
	}
	
form br {
	clear: left;
}

.content
{
/*max-width:1024px;
margin:auto; 
change these to make body maxwidth, bg colors etc work right*/
}

.footer 
{
  border-top: solid #000 1px;
  background-color: #CCCCCC;
  padding: 5px;
  text-align: center;
  clear: both;
	font-size:1.2em;
	border: solid thin #EF821C;
	background-color:#1C99F1;
}

.header {
  text-align: left;
	background-color:#1C99F1;	
}
.header h1 {
  color:blue;
  padding:1% 2%;
  font-size:3em;
  margin-top:0%;
  margin-bottom:0%;
}
.header h2 {
  margin-top:0%;
  color:blue;
  padding:1% 2% 2% 2%;
  font-size:1.8em;
  line-height:10px;
  margin-bottom:0%;
}

.imagetd {
  width:100px;
}

.leadertext {
  text-align:center;
  background-color:#51b7ea
}

.leftcol
{
margin:0px;
padding:1%;
width: 20%;
}

.leftcol ul {
margin:1%;
  list-style-type: none;
    
}
.leftcol li a {
  color: blue;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:0px;
}
.leftcol li a:hover {
  color: #EF821C;
}


.main {
  margin:0px;
  background-color: #FFFFFF;
  padding: 10px;
  float: right;
  width: 75%;
	font-size:1.2em;
	background-image:url(../images/1px.gif);
	background-repeat: repeat;
	}

/* menus */
.menubar {
  background-color:#53c40d;
  color:#000000;
  text-align:left;
  margin-top:0%;
  font-size:12px;
  font-weight:bold;
  border-bottom:solid thin red;
  
  }
.menubarcats
{
padding-left:0px;
}

.menubarcats ul {
  list-style-type: none;
  padding-left:5px;
  display:inline;
  }
.menubarcats ul li
  {
  list-style-type: none;
  padding-left:5px;
  display:inline;
  }
.menubarcats li a {
  color: blue;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:0px;
  display: inline;
}
.menubarcats li a:hover {
  color: #EF821C;
}
.menucat
{

padding-left:0px;
}

.menucat ul {
  list-style-type: none;
  padding-left:5px;
  
  
}
.menucat li a {
  color: blue;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:0px;
}
.menucat li a:hover {
  color: #EF821C;
}
 .menubar {
  background-color:#53c40d;
  color:white;
  text-align:center;
  margin-top:0%;
}

.menuextra
{
color:red;
padding-left:0px;
}

.menuextra ul {
  list-style-type: none;
  padding-left:5px;
  
  
}
.menuextra li a {
  color: blue;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:0px;
}
.menuextra li a:hover {
  color: #EF821C;
}

.menureg
{
color:red;
padding-left:0px;
}

.menureg ul {
  list-style-type: none;
  padding-left:5px;
  
  
}
.menureg li a {
  color: blue;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:0px;
}
.menureg li a:hover {
  color: #EF821C;
}

.pagetop
{
background-color:#51b7ea;
color:#f6ca1a;
height:115px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:36px;
margin:0;
border-bottom:solid thin red;
}
.pagetoptextline
{
background-color:#51b7ea;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#222f65;
text-align:left;
padding: 1% 1% 0% 6%;
border-bottom:solid thin red;
}
.pagetoplogo
{
float:left;
padding-left:5%;

}
.pagetopscene
{
float:right;
}

.rightcol {
	margin:0px;
   	margin-left: 80%;
	font-size:1.0em;
	padding:1%;
	}

.searchbox form
{
margin:0px;
font-size:1.3em;

}
.searchboxnav form
{
margin:0px;
font-size:1.2em;
}
.searchboxnav form select
{
font-size:0.9em;
}

.wrapper {
  margin: 0px;
  padding: 0px;
  width: 80%;
  float: left;
clear:both;
/*border:solid;*/
}






/* used by multiple listing types */
.listings {
  background-color: #fff;
}
.listinginfotext {
  padding-left:2%;
}
.listingtag {
  font-weight:bold;
}


/* basic listings */
.listingsbasic {
font-size:0.9em;
}
.listingsbasic a {
text-decoration:underline;
font-weight: normal;
color: #006699;
}
.listingsbasic a:hover {
color:#60bd50;
}


/* enhanced listings */
.enhanced {
	font-family: inherit;
    /* background-color: #eee; */
	border-top:solid 1px #00789F;
	border-right:solid 1px #00789F;
	border-bottom:solid 1px #00789F;
	border-left:solid 15px #068ad1;
	padding:1%;
	font-size:0.9em;
	margin-bottom:7px;
}
.enhanced a {
	color: #d92612;
	font-weight: bolder;
	text-decoration:underline;
}
.enhanced a:hover { 
font-weight: bolder;
color:#60bd50;
}
a.enhanced:link {
	color: #900;
	font-weight: bolder;
}
a.enhanced:visited {font-weight: bolder; color: #A00; }
a.enhanced:hover { font-weight: bolder;color: #600; }
a.enhanced:active { font-weight: bolder;color: #C00; }


/* photo listings */
.listingphoto {
	float:left;
	max-height:67px;
	max-width:100px;
	vertical-align:middle;
	border:none;
	margin-bottom:4px;
		
	/*border:solid 1px #068ad1;*/
}
.fotolisting {
	font-family: inherit;
  background-color: #ffffff;
	border-top:solid 1px #00789F;
	border-left:solid 15px #60bd50;
	border-bottom:solid 1px #00789F;
	border-right:solid 1px #00789F;
	padding:1%;
	font-size:0.9em;
	margin-bottom:7px;
	color:#2c89cc;
  display: table;
}
.fotolisting a {
	color: #d92612;
	font-weight: bolder;
	text-decoration:underline;
}
.fotolisting a:hover { 
font-weight: bolder;
color:#60bd50;
}
a.fotolisting:link {
	color: #900;
	font-weight: bolder;
}
a.fotolisting:visited {font-weight: bolder; color: #A00; }
a.fotolisting:hover { font-weight: bolder;color: #600; }
a.fotolisting:active { font-weight: bolder;color: #C00; }


/* info listings */
.listingphotoinfo {
	max-width:100px;
	max-height:67px;
	max-width:100px;
	vertical-align:middle;
	border:none;
	margin-bottom:4px;
	/*border:solid 1px #068ad1;*/
}
.infopagelisting {
	font-family: inherit;
    /*background-color: #eee;*/
	border-top:solid 1px #00789F;
	border-left:solid 15px #d92612;
	border-bottom:solid 1px #00789F;
	border-right:solid 1px #00789F;
	padding:1%;
	font-size:0.9em;
	margin-bottom:7px;
	color:#2c89cc;
  display: table;
}
.infopagelisting a {
	color: #d92612;
	font-weight: bold;
	text-decoration:underline;
	
}
.infopagelisting a:hover {
	font-weight: bold;
	color:#60bd50;
}
a.infopagelisting:link {
	color: #900;
	font-weight: bolder;
}
a.infopagelisting:visited {font-weight: bolder; color: #A00; }
a.infopagelisting:hover { font-weight: bolder;color: #600; }
a.infopagelisting:active { font-weight: bolder;color: #C00; }

/* affiliate search box */
.affiliate_search_box
{
border:solid thin red;
background-color:#FFCC99;
width:98%;
margin-left:0%;
padding:0% 2% 0% 2%;
}

/* affiliate listings */
.affiliatelisting
{
	font-family: inherit;
  background-color: #ffffff;
	border-top:solid 1px #00789F;
	border-left:solid 15px #FF6600;
	border-bottom:solid 1px #00789F;
	border-right:solid 1px #00789F;
	padding:1%;
	font-size:0.9em;
	margin-bottom:7px;
	color:#2c89cc;
  display: table;
  width: 95%;/*test*/
}
.affiliatelisting a
{
	color: #d92612;
	font-weight: bolder;
	text-decoration:underline;
}
.affiliatelisting a:hover
{ 
  font-weight: bolder;
  color:#60bd50;
}

/* new listing css */

.listings ul {
  display: block;
  list-style-type: none;
  padding:0;
  margin-left:0;
}
.listings li {
  margin-bottom: 10px;
}
.listingimage {
  width: 100px;
  vertical-align: middle;
  display: table-cell;
}
.listingtext {
  margin-left: 100px;
  padding-left: 2%;
  display: table-cell;
}

/* info page css */
#infopage
{
padding:1% 0% 2% 0%;
margin-top:0px;
width:100%;
}
#infopagecontent
{
	text-align: left;
	background-color: #fff;
}
.infopageimage
{
max-width:200px;
border:none;
border-bottom:20px solid #068ad1;

}
.infopagetable
{
width:100%;
background-color:#f2f8fa;
} 
.infopagetable td
{
font-size:1.0em;
padding:2%;


}
.infopagetableimagetd
{
width:220px;
text-align:left;
padding:8px 8px 8px 8px;
vertical-align:top;
}
.infopagetabletext
{
padding-top:8px;
vertical-align:text-top;
text-align:left;
color:#068ad1;
}
.infopagetabletext a
{
text-decoration:underline;
color:#FF0000;
}

.redtextbold
{
color:red;
font-weight:bold;
}
.menuitems
{
font-size:0.9em; 
}
.menuitems td
{
vertical-align:top;
width:25%;
}
.menufooter ul {
  list-style-type: none;
  padding-left:5px;
  display:inline;
  }
.menufooter ul li
  {
  list-style-type: none;
  padding-left:5px;
  display:inline;
  }
.menufooter li a {
  color: blue;
  font-weight: bold;
  font-size: 1.1em;
  padding-left:0px;
  display: inline;
}
.menufooter li a:hover {
  color: #EF821C;
}

.listingsrecip
{
font-weight:bold;
font-style:italic;
font-size:0.9em;
color:#d92612;
}
.listingsrecip a
{
/* color: #900; */
color: #006699;
text-decoration:underline;
}
.listingsrecip a:hover
{
/* color: #900; */
color:#60bd50;
}

.infopagehead
{
text-align:left;
padding:1% 2% 1% 4%;
max-width:500px;
}
.infopagehead h1, h2
{
font-size:1.2em;
color:#00789F;
margin-bottom:4px;
max-width:92%;
}
.infopagetablecontact
{
background-color:#f2f8fa;
border-top:solid 1px #a3d913;
} 
.infopagetablecontact td
{
background-color:#f2f8fa;
font-size:1.0em;
font-weight:bold;
padding-left:0px;
}
.infopagetablecontacthead
{
color:#068ad1;
width:35%;
}
.infopagetablecontacttext
{
padding-left:2%;
padding-right:2%;
color:#068ad1;
width:50%;
}

#infoheadtag
{
color:#1691d4;
max-width:92%;
font-weight:bold;
}
#infoheadtag a
{
text-decoration:underline;
}
#infoheadtag a:hover
{
text-decoration:underline;
color:#FF0000;
}
.infopagebutton
{
border:none;
}
.infoparahead
{
color:#FF0000;
font-size:1.3em;
}
#infocontent
{
font-size:1.0em;
padding:1% 0% 2% 2%;
margin-top:0px;
/*width:550px;*/
}
.infocontent h1
{
color:red;
font-size:1.4em;
}
#infocontainer {
  padding: 1% 0% 2% 0%;
  font-size: 1.0em;
  background-color:#f2f8fa;
}
#infotop {
}
#infobottom {
}
#infoleft {
  float: left;
  width: 200px;
}
#inforight {
  margin-left: 220px; /* Image width + 20px gap */
}
.infoheading {
  text-align: center;
}
/* added 17/12 for java menus used in menucats*/


.warning
{
color:#FF0000;
font-weight:bold;
}

.listingtypehead
{
color:#d92612;
font-weight:bold;
}
.feature
{
	padding: 0px 0px 10px 10px;
	}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
	
}
.feature h1{
	padding: 30px 0px 5px 0px;
	text-align: center;
	 font-size: 160%;	
}
.feature h2{
	padding: 30px 0px 5px 0px;
	text-align: center;
	 font-size: 160%;
	 color:#d92612;	
	 }
.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
#headimage
{
border:none;
}
.linklist
{
text-align:center;
}
.linklist a
{
font-size:0.8em;
font-weight:normal;
}
.goldcoast
{
font-size:0.8em;
text-align:center;
}
.goldcoast a
{
font-weight:normal;
}
.stdlistings
{
	font-size:1.0em;
}
.stdlistings a
{color:#00789F;
font-weight:bolder;

}
.stdlistings a:hover
{color:#60bd50;
}
.top_cat_featured
{
border:solid thin #00789F;
text-align:center;
vertical-align:top;
width:30%;
padding-top:1%;
}
.top_cat_featured_photo
{
max-width:175px;
max-height:120px;
border:solid thin #00789F;
}
