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

@media print {

  #rightelement.pick-up {
    background-image: url(../images/bg_pick_up.jpg);
    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.jpg);
    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: Geneva, 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: 200px;
	height: auto;
	min-height: 150px;
	float: right;
	padding: 5px;
	margin-bottom: 3px;
}

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

#rightcolumn {
	position: relative;
	width: 210px;
	height: auto;
	min-height: 80%;
	float: left;
	padding-left: 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;*/
}




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;
}

.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%
}

.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;
}

}