@charset "utf-8";
/* CSS Document */

@media print {

  #rightelement.pick-up {
    background-image: url(../images/bg_pick_up.png);
    background-repeat: no-repeat;
    padding-top: 130px;
    display: none;
  }

  #rightelement.jobs {
    background-image: url(../images/bg_login.jpg);
    background-repeat: no-repeat;
    padding-top: 130px;
    display: none;
  }

  #rightelement.services {
    background-image: url(../images/bg_services.jpg);
    background-repeat: no-repeat;
    padding-top: 130px;
    display: none;
  }

  #leftcolumn {
    position: relative;
    width: 210px;
    height: auto;
    min-height: 100%;
    float: left;
    padding-right: 10px;
    display: none;
  }

}

@media screen {


  #rightelement.pick-up {
    background-image: url(../images/bg_pick_up.png);
    background-repeat: no-repeat;
    padding-top: 130px;
  }

  #rightelement.jobs {
    background-image: url(../images/bg_login.jpg);
    background-repeat: no-repeat;
    padding-top: 130px;
  }

  #rightelement.services {
    background-image: url(../images/bg_services.jpg);
    background-repeat: no-repeat;
    padding-top: 130px;
  }

  #leftcolumn {
    position: relative;
    width: 210px;
    height: auto;
    min-height: 100%;
    float: left;
    padding-right: 10px;
  }

}

@media print, screen {



body {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3F3F3F;
	background-color: White;
	height: auto;
}

#container_main {
  width: 720px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

#content_main {
  width: 720px;
}

#footer-main {
	position: relative;
	clear: both;
	font-size: 11px;
	text-align: center;
	background-color: White;
	color: #6E9020;
	height: 17px;
	margin-top: 7px;
	padding-bottom: 30px;
}

#content {
  position: relative;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 10px;*/
  overflow: hidden;
}

#footer {
	position: relative;
	font-size: 11px;
	text-align: center;
	color: #6E9020;
	height: 17px;
	vertical-align: baseline;
	margin-top: 20px;
	margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

a:link, a:visited  {
	color: #191970;
}

a:hover {
	color: #B22222;
}

#footer a:link, #footer a:visited, #footer-main a:link, #footer-main a:visited {
		color: #6E9020;
}

#wrapper {
  position: relative;
	text-align: center;
	width: 100%;
  overflow: hidden;
}


h1 {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color: #484848;
	line-height: 110%;
	letter-spacing: -1px;
}

h2, .heading {
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color: #007B01;
}

h3 {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color: #333333;
	text-align:left;
}

.txtHighlight {
	font-size: 12px;
	color: Maroon;
	font-weight: bold;
	margin-left: 30px;
	background-image: url(../images/ok.png);
	background-position: left;
	background-repeat: no-repeat;
	list-style: none;
	padding: 5px;
	padding-left: 25px;
}

.txtHighlight2 {
  font-size: 12px;
  color: Maroon;
  font-weight: bold;
  margin-left: 30px;
/*  background-image: url(../images/ok.png);*/
/*  background-position: left;*/
/*  background-repeat: no-repeat;  */
  list-style: none;
  padding: 5px;
  padding-left: 25px;
}

.txtHighlightGrey {
	font-size: 15px;
	color: #A1A1A1;
	font-weight: bold;
	margin-left: 50px;
	margin-right: 50px;
}

#leftelement {
	position: relative;
	width: 192px;
	height: auto;
	min-height: 150px;
	float: right;
	padding: 5px;
	margin-bottom: 3px;
  margin-top: 10px;
}

#centercolumn {
  position: relative;
	float: left;
	width: 614px;
}

#rightcolumn {
	position: relative;
	width: 210px;
	height: auto;
	min-height: 80%;
	float: left;
	/*padding-left: 10px;*/
  margin-top: 10px;
}

#rightelement {
	position: relative;
	width: 200px;
	height: auto;
	min-height: 150px;
	background-color: #EAFFEA ;
	float: right;
	padding: 5px;
	margin-bottom: 6px;
}

#leftelement.dir {
	/*background-image: url(../images/bg_dir.jpg);
	background-repeat: no-repeat;
	padding-top: 160px;*/
  margin-top: 32px;
}




P {
	margin-left: 5px;
}

form {
	background-color: white;
	background-image: url(../images/form_bgr.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	margin: 25px;
	padding: 10px;
	border: 1px solid #006400;
  margin-left: auto;
  margin-right: auto;
	width: 75%;
}


form input[type="text"], .webform input[type="text"], form input[type="password"], form select {
  background-color: #F0F8FF;
  border: 1px solid #BBBBBB;
  margin-left: 5px;
  /*margin-bottom: 10px;*/
  color: Blue;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*
form input[type="text"].no_bottom_margin, .webform input[type="text"].no_bottom_margin, form input[type="password"].no_bottom_margin, form select.no_bottom_margin {
  margin-bottom: 0px;
}
*/

form p {
  color: #006400;
  position: relative;
}

form textarea {
  background-color: #F0F8FF;
  border: 1px solid #BBBBBB;
  margin-left: 5px;
  margin-bottom: 10px;
  color: Blue;
  font-size: 12px !important;
}



form.frm {
  padding-left: 0px;
  padding-right: 0px;
  width: 550px;
}

form.frm h3 {
  margin-top: 5px;
  margin-bottom: 5px;
}

table.frm {
  width: 550px;
}

table.frm tr td {
  vertical-align: top;
  text-align: left;
  margin: 0px;
  padding: 5px;

}

table.frm td.heading {
  width: 550px;
  background-color: #c8edc0;
}

table.frm td.field {
  background-color: #e7fae4;
  width: 290px;
}

table.frm td.label {
  text-align: right;
  width: 260px;
  background-color: #e7fae4;
  padding-right: 5px;
  margin-right: 5px;

}

table.frm td.split {
  width: 550px;
  background-color: #e7fae4;
  text-align: center;
}

table.frm td.controls {
  width: 550px;
  text-align: center;
}

table.frm td img {
  margin-left: 5px;
}

form.frm input[type="text"],form.frm input[type="password"], form.frm select {
  background-color: #ffffff;
  border: 1px solid #BBBBBB;
  margin-left: 5px;
  /*margin-bottom: 10px;*/
  color: Blue;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 210px;
}

form.frm textarea {
  background-color: #ffffff;
  border: 1px solid #BBBBBB;
  width: 525px;
  height: 150px;
}




#product-container {
	height: auto;
	min-height: 160px;
	width: 100%;
}

#product {
	position: relative;
	float: left;
	width: 100px;
	height: 130px;
	background-color: Silver;
	padding: 10px;
	margin-right: 5px;
	background-image: url(../images/bg_product.jpg);
	background-repeat: no-repeat;
	color: White;
}

#product h2 {
	text-align: center;
}

#product h1 {
	min-height: 80px;
	padding-top: 5px;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 17px;
}

#product-blue {
	position: relative;
	float: left;
	width: 100px;
	height: 130px;
	background-color: Silver;
	padding: 10px;
	margin-right: 5px;
	background-image: url(../images/bg_product_blue.jpg);
	background-repeat: no-repeat;
	color: White;
}

#product-blue h2 {
	text-align: center;
}

#product-blue h1 {
	min-height: 80px;
	padding-top: 5px;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 17px;
}

#product-red {
	position: relative;
	float: left;
	width: 100px;
	height: 130px;
	background-color: Silver;
	padding: 10px;
	margin-right: 5px;
	background-image: url(../images/bg_product_red.jpg);
	background-repeat: no-repeat;
	color: White;
}

#product-red h2 {
	text-align: center;
}

#product-red h1 {
	min-height: 80px;
	padding-top: 5px;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 17px;
}

#services {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}


#directory li {
	background-image: url(../images/li-bgr.png);
	background-repeat: no-repeat;
	background-position: 10px;
	min-height: 25px;
	margin-top: 0;
	width: 145px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	margin-bottom: 5px;
	background-color: #EAFFEA ;
}

#directory span, .offer a {
	color: Red;
	font-weight: bold;
	text-decoration: underline;
}

#postcode_area {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  float: left;

}

#postcode_area li {
  text-align: right;
  width: 430px;
}

#postcode_area li#suburb_list {
  margin-top: 10px;
}

.help {
	display : none;
	position: absolute;
	z-index : +10;
	background-color: #EFBEBE !important;
	border: 1px ridge;
	padding: 5px;
	border-color: #00CC00;
	text-align: left;
	list-style: none !important;
	list-style-image: none !important;
	background-color: Fuchsia;

}

.helptext {
	color: #003300;
  text-align: left;
}


.postcodes {
  display : none;
  position: absolute;
  z-index : +10;
  background-color: #EFBEBE !important;
  border: 1px ridge;
  padding: 5px;
  border-color: #00CC00;
  text-align: left;
  list-style: none !important;
  list-style-image: none !important;
  background-color: Fuchsia;
  text-align: left;
}


.error {
  background-color: #FEECEA;
  background-image: url(../app_images/error.gif);
  border: 1px ridge;
  border-color: #DEDEDE;
  text-align: left;
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 18px;
  padding-left: 60px;
  background-repeat: no-repeat;
  background-position: 10px;
  width: 50%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.success {
  background-color: #DAEFE1;
  background-image: url(../app_images/ok.gif);
  border: 1px ridge;
  border-color: #DEDEDE;
  text-align: left;
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 18px;
  padding-left: 60px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: 10px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.error_mini {
  background-color: #FEECEA;
  background-image: url(../app_images/error.gif);
  border: 1px ridge;
  border-color: #DEDEDE;
  text-align: left;
  vertical-align: middle;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 18px;
  padding-left: 60px;
  background-repeat: no-repeat;
  background-position: 10px;
  overflow: hidden;
  width: 300px;
  margin-left: auto;
  margin-right: auto;


}

.cancel_button {
  width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 10px;
}

.cancel_button input {
  padding-left: 20px;
  padding-right: 20px;
}

.map {
  border: 1px solid #484848;
  width: 500px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

#contractors {
  position: absolute;
  top: 0;
}

#social {
  display: block;
  float: right;
  margin-top: 28px;
  margin-bottom: 12px;
}

#social a img {
  padding-left: 3px;
}

#banner {
  display: block;
  width: 614px;
  height: 311px;
  background: url('../images/banner.jpg') no-repeat;
}

#banner div {
  display: block;
  width: 290px;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  color: #235900;
  padding-top: 70px;
  padding-left: 302px;
}

#header {
  overflow: hidden;
  margin-top: 10px;
  height: 84px;
}

#products-grid {
  width: 604px;
  height: 392px;
  background: url('../images/products_bg.png') no-repeat;
}

#products-grid div {
  float: left;
  width: 118px;
  height: 145px;
  color: #235900;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

#products-grid a {
  text-decoration: none;
  color: #ffffff;
  line-height: 37px;
  width: 100px;
  padding: 0 5px 0 5px;
  /*background-color: #00ff00;*/
}

#products-grid div p {
  display: block;
  height: 32px;
  margin-top: 4px;
}

#products-grid div small {
  display: block;
  height: 55px;
  font-size: 8pt;
}

#products-grid #product-paid-1 {
  margin-left: 20px;
  margin-top: 53px;
}

#products-grid #product-paid-2 {
  margin-left: 26px;
  margin-top: 53px;
}

#products-grid #product-free-1 {
  margin-left: 40px;
  margin-top: 53px;
}

#products-grid #product-free-2 {
  margin-left: 26px;
  margin-top: 53px;
}

#products-grid #product-paid-3 {
  margin-left: 20px;
  margin-top: 29px;
}

#products-grid #product-paid-4 {
  margin-left: 26px;
  margin-top: 29px;
}

#products-grid #product-free-3 {
  margin-left: 40px;
  margin-top: 29px;
}

#products-grid #product-free-4 {
  margin-left: 26px;
  margin-top: 29px;
}

.separator {
 width: 604px;
 height: 1px;
 background: url('../images/separator.png') no-repeat;
 margin-top: 15px;
}

#conditions {
  margin-left: 10px;
  margin-right: 10px;
  width: 594px;
}

#conditions p {
  margin-left: 16px;
  margin-bottom: 36px;
}

#conditions h2 {
  font-size: 16pt;
  color: #84b051;
}

.pick-up h2 {
  font-size: 16pt;
}

.btn-register {
  background-color: hsl(194, 99%, 39%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2ecdfd", endColorstr="#0097c5");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2ecdfd), to(#0097c5));
  background-image: -moz-linear-gradient(top, #2ecdfd, #0097c5);
  background-image: -ms-linear-gradient(top, #2ecdfd, #0097c5);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ecdfd), color-stop(100%, #0097c5));
  background-image: -webkit-linear-gradient(top, #2ecdfd, #0097c5);
  background-image: -o-linear-gradient(top, #2ecdfd, #0097c5);
  background-image: linear-gradient(#2ecdfd, #0097c5);
  border-color: #0097c5 #0097c5 hsl(194, 99%, 34%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

.btn-get-price {
  background-color: hsl(80, 100%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b2ff19", endColorstr="#76b200");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#b2ff19), to(#76b200));
  background-image: -moz-linear-gradient(top, #b2ff19, #76b200);
  background-image: -ms-linear-gradient(top, #b2ff19, #76b200);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2ff19), color-stop(100%, #76b200));
  background-image: -webkit-linear-gradient(top, #b2ff19, #76b200);
  background-image: -o-linear-gradient(top, #b2ff19, #76b200);
  background-image: linear-gradient(#b2ff19, #76b200);
  border-color: #76b200 #76b200 hsl(80, 100%, 30%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

}