/* CSS Document */

@import url("/darkbox.css");

img, div { behavior: url(/iepngfix.htc) }


html{
	height:100%;
	overflow: hidden;
}

body  {
	background: #fff url(/images/bg.jpg) repeat-x center;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #404040;
	margin: 0;
	overflow: hidden;
	}
	


h1 {
	font-size: 17px;
	color: #da9410;
	line-height: normal;
	margin: 0 0 15px 0;
	font-weight: bold;
	}

h2 {
	font-size: 30px;
	width: 290px;
	color: #da9410;
	line-height: normal;
	margin: 40px 0 0 0;
	font-weight: normal;
	}
h3 {
	font-size: 15px;
	color: #483463;
	width: 290px;
	margin: 30px 0 0 0;
	font-style: italic;
	font-weight: bold;
	line-height: 22px;
	}
h4 {
	margin: -27px 0 0 811px;
	position: absolute;
	font-size: 17px;
	color: #da9410;
	font-weight: bold;
	width: 155px;
	}	
h5 {
	font-size: 12px;
	color: #483463;
	margin: 20px 0 0 0;
	font-weight: bold;
	line-height: 17px;
	}
		
h3 a {
	font-style: normal;
	}	
	
a:link, a:visited {
	color: #da9410;
	text-decoration: none;
	}
a:hover, a:active {
	color: #da9410;
	text-decoration: underline;
	}
	
input {
	border: 1px solid #ccc;
	padding: 4px;	
	font: 11px Arial, Helvetica, sans-serif;
	color: #404040;
	width: 250px;
	}
textarea {
	border: 1px solid #ccc;
	padding: 4px;	
	font: 11px Arial, Helvetica, sans-serif;
	color: #404040;
	width: 250px;
	height: 150px;
	}
select {
	border: 1px solid #ccc;
	padding: 4px;	
	font: 11px Arial, Helvetica, sans-serif;
	color: #404040;
	wmode: transparent;
	z-index: 100000;
	}
		

	
/*----------------------------------------------------------------- Classes ---------------------------------------*/

.customerLogin {
	}
.logo {
	float: left;
	}	
.homeLogo {
	float: left;
	margin: 0 0 0 400px;
	position: absolute;
	}

.headingSub {
	color: #483463;
	}	
	
.clear {
	clear: both;
	}
	
.firstHeading {
	margin-top: 0;
	}

.contactIntro {
	font-size: 11px;
	line-height: 17px;
	color: #404040;
	font-weight: normal;
	margin: 40px 0 0 0;
	width: 272px;
	}
.contactAus {
	width: 200px;
	margin: 40px 0 0 0;
	}	
.contactH5 {
	margin: 0;
	}

.contactAreaCode {
	width: 18px;
	margin: 0 5px 0 0;
	}
.contactNumber {
	width: 217px;
	}
.submit {
	border: none;
	margin: 5px 0 0 119px;
	width: 137px;
	height: 27px;
	}
.submitQuote {
	border: none;
	margin: 5px 0 0 80px;
	width: 176px;
	height: 27px;
	}
.tableCell {
	padding: 10px;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	text-align: right;
	vertical-align: top;
	}
.tableCellR {
	padding: 10px;
	border-bottom: 1px solid #f5f5f5;
	vertical-align: top;
	}
.tableCellB {
	padding: 10px;
	border-right: 1px solid #f5f5f5;
	vertical-align: top;
	}
.tableCellBR {
	padding: 10px;
	vertical-align: top;
	}
.tableCellR img {
	float: left;
	margin: 0 10px 0 0;
	}



.quoteradio {
	display: inline;
	width: 13px;
	border: none;
	padding: 0;
	margin: 0 4px 0 0;
}
.quotecheckbox {
	display: inline;
	width: 13px;
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
}



.formValidationError {
	color: #FF3300;
	font-style: italic;
	margin: 5px 0 5px;
	padding-bottom: 0;
	background: url(/images/validateError.jpg) no-repeat 0 5px;
	padding: 0 0 0 12px;
	}



.inputNarrow {
	width: 35px;
	margin: 0 5px 0 0;
	}
/*----------------------------------------------------------------- Id's---------------------------------------*/





/* Courtesy of Hicks Design http://hicksdesign.co.uk/journal/how-to-vertical-centering-with-css */

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -273px;
	text-align: center;
	min-width: 960px; 
}

#wrapper {
	/*background: red;*/
	position: relative;
	text-align: left;
	width: 960px;
	height: 546px;
	margin: 0px auto;
	}


#head {
	height: 129px;
	}
#head a {
		outline: none;
}
	
#flashLoad {
	height: 286px;
	overflow: hidden;
	width: 626px;
	float: left;
}
#content {
	height: 286px;
	overflow: hidden;
	width: 626px;
}

#copy {
	width: 302px;
	overflow:auto;
	height: 210px;
	float: right;
	margin: 40px 0 0 0;
	z-index: 100;
	}
#introHolder
{
width: 1900px;
	overflow: hidden;
	height: 310px;
	position: absolute;
	z-index: 1000;
	margin: -427px 0 0 -471px;
}

#intro {
width: 1900px;
}
	
#customerLogin {
	display: block;
	background: url(/images/customerLogin.gif) no-repeat;
	text-indent: -5000px;
	width: 122px;
	height: 43px;
	float: right;
	margin: 70px 0 0 0;
	}
#logo {	
	display: block;
	width: 94px;
	height: 112px;
	text-indent: -5000px;
	background: url(/images/logo.gif) no-repeat;
	float: left;
	}

/*
#intro {
	width: 960px;
	height: 310px;
	position: absolute;
	z-index: 100;
	margin: -426px 0 0 0;
	}	
*/



	
#home h1 {
	font-size: 30px;
	color: #fff;
	line-height: normal;
	margin: 0 0 15px 0;
	font-weight: normal;
	width: 343px;
	text-align: center;
	float: left;
	margin: 84px 0 0 22px;
	text-indent: -5000px;
	}
#home h2 {
	font-size: 15px;
	width: 275px;
	color: #fff;
	line-height: 20px;
	margin: 35px 0 0 0;
	font-weight: normal;
	float: right;
	}

#home #content {
	width: 960px;
	}	
	
#homeFlash {
	position: absolute;
	z-index: 10000;
	margin: -272px 0 0 7px;
	}
#home #quote h2 {
	font-size: 30px;
	width: 290px;
	color: #da9410;
	line-height: 29px;
	margin: 0 0 20px 0;
	font-weight: normal;
	float: none;
	}
#quote h2 {
	color: #483463;
	}
#downloads #quote h2 {
	color: #483463;
	}


#circleContainer {
	width: 300px;
	height: 310px;
	text-align: center;
	margin: -420px 0 0 657px;
	position: absolute;
	background: 85px 85px;
	background-repeat: no-repeat;
}
#circle {
	z-index: 5;
	margin: 0 0 0 0;
	text-align: center;
	}	
#circleImg {
	z-index: 3;
	margin: 0px 0 0 0;
	}
	
	
/**html #circleContainer {
	width: 300px;
	height: 300px;
	text-align: center;
	margin: -420px 0 0 617px;
	position: absolute;
}	
*html #circleImg {
	z-index: 3;
	margin: 85px 0 0 85px;
	}
*/




#alt h1 {
	color: #64ab2e;
	}
#alt h2 {
	color: #64ab2e;
	}
#alt #logo {	
	background: url(/images/logoGreen.gif) no-repeat;
	}	







#portfolio #circleContainer {
	display: none;
	}	
#portfolio #content {
	width: 960px;
	}	
#portfolioFeature {
	width: 960px;
	height: 310px;
	position: absolute;
	z-index: 100;
	margin: -426px 0 0 0;
	}
#portfolio h1 {
	font-size: 30px;
	width: 290px;
	color: #da9410;
	line-height: 29px;
	margin: 30px 0 0 0;
	font-weight: normal;	
	}
	
	
	
	
	
	
	
	
	
#downloads h1 {
	margin: 40px 0 0 0;
	color: #64ab2e;	
	}
#downloads h2 {
	color: #64ab2e;
	}	
#downloads .list {
	width: 305px;
		float: left;

/*	float: left;
	overflow: hidden;*/
	}
#downloadsHeader {
	width: 305px;
/*	float: left;*/
	}		
#downloads h5 {
	margin: 0;
	}	
#downloads #logo {	
	background: url(/images/logoGreen.gif) no-repeat;
	}		
#downloads ul#pipfruitorderforms.list  {
/*	margin: -70px 0 0;*/
	}	
#downloads ul#kiwifruitorderforms.list  {
/*	margin: 39px 0 0;*/
	}	
#downloads ul#sanlucar.list  {
	margin: -18px 0 0;
	}	
	
	




#contactThanks h2 {
	width: auto;
	margin-bottom:10px ;
	}
	
	
	
	
	
#foot {
	clear: both;
	height: 105px;
	padding: 24px 0 0 0;
	}	
	

	
	
#printForm {
	display:block;
	font-weight:bold;
	margin: -43px 0 0 320px;
	position:absolute;
	padding: 0 0 0 30px;
	background: url(/images/printForm.gif) no-repeat;
	}
#printFormBottom {
	display:block;
	font-weight:bold;
	margin: 25px 0 0 320px;
	position:absolute;
	padding: 0 0 0 30px;
	background: url(/images/printForm.gif) no-repeat;	
}

#quickQuote {
	position: absolute;
	z-index: 1000;
	margin: -9px 0 0 876px;
	}
#qFirstName {
	width: 111px;
	margin: 0 5px 0 0;
	}
#qLastName {
	width: 120px;
	}
#qLabelWidth {
	width: 38px;
	}
#qLabelHeight {
	width: 38px;
	}	
#qLabelSize {
	width: 13px;
	display: inline;
	border: none;
	padding: 0;
	}	
#qColours {
	width: 38px;
	}
#qQuantity {
	width: 38px;
	}
#qVarities {
	width: 38px;
	}	
#qMaterialOther {
	margin: 5px 0 0 0;
	}

#qEmbellishmentsOther {
	margin: 5px 0 0 0;
	}		
	
	
	
	
	
	
	
	
	
	
/*----------------------------------------------------------------- Lists ---------------------------------------*/

.list {
	margin: 12px 0 0 0;
	padding: 0px;
}	

.list ul { 
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 list-style-position: inside;
	 } 
.list li {	
	padding: 0 0 0px 13px;
	list-style-type: none;
	margin: 0px 0 0 0;
	background: url(/images/li.gif) no-repeat 0 5px;
	
	}




.contactList {
	margin: 10px 0 0 0;
	padding: 0;
	height: 30px;
	overflow: auto;
	height: 239px;
	width: 978px;
	
}	
.contactList ul { 
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 list-style-position: inside;
	 } 
.contactList li {	
	padding: 0 20px 20px 0;
	list-style-type: none;
	margin: 0 0 0 0;
	width: 220px;
	float: left;	
	line-height:13px;
	}
.contactList h5 {
	margin-top: 0;
	}





/******************************************************************************************************* MENU */

#menu {
	padding: 0;
	margin: 0 0 0 2px;
	}
	
	
.menuText {
	margin: 0px 0 0 -5000px;
	}
	
	
#menuHome {
	float: left;
	}
#menuHome a {
   background: url(/images/menu.gif) no-repeat 0px -20px;
   width: 92px;
   height: 20px;
   display: block;
   overflow: hidden;
   }
#menuHome a:hover {
   background: url(/images/menu.gif) no-repeat 0px 0px;
   }

#menuProducts {
	float: left;
	}
#menuProducts a {
   background: url(/images/menu.gif) no-repeat -92px -20px;
   width: 115px;
   height: 20px;
   display: block;
   overflow: hidden;
   }
#menuProducts a:hover {
   background: url(/images/menu.gif) no-repeat -92px 0px;
   }
   
#menuShowcase {
	float: left;
	}
#menuShowcase a {
   background: url(/images/menu.gif) no-repeat -207px -20px;
   width: 123px;
   height: 20px;
   display: block;
   overflow: hidden;
   }
#menuShowcase a:hover {
   background: url(/images/menu.gif) no-repeat -207px 0px;
   }

#menuEnviro {
	float: left;
	}
#menuEnviro a {
   background: url(/images/menu.gif) no-repeat -330px -20px;
   width: 148px;
   height: 20px;
   display: block;
   overflow: hidden;
   }
#menuEnviro a:hover {
   background: url(/images/menu.gif) no-repeat -330px 0px;
   }
   
#menuDownloads {
	float: left;
	}
#menuDownloads a {
   background: url(/images/menu.gif) no-repeat -478px -20px;
   width: 128px;
   height: 20px;
   display: block;
   overflow: hidden;
   }
#menuDownloads a:hover {
   background: url(/images/menu.gif) no-repeat -478px 0px;
   }
   
   
   
#menuAbout {
	float: left;
	}
#menuAbout a {
   background: url(/images/menu.gif) no-repeat -606px -20px;
   width: 120px;
   height: 20px;
   display: block;
   overflow: hidden;
   }
#menuAbout a:hover {
   background: url(/images/menu.gif) no-repeat -606px 0px;
   }   
   
   
   
   
#menuContact {
	float: left;
	}
#menuContact a {
   background: url(/images/menu.gif) no-repeat -726px -20px;
   width: 107px;
   height: 20px;
   display: block;
   overflow: hidden;
   }
#menuContact a:hover {
   background: url(/images/menu.gif) no-repeat -726px 0px;
   }   
   
   
   



#menu {
	padding: 0;
	margin: 0 0 0px 0;
	z-index: 10000;
	}	
#menu  ul {
  margin: 0;
  padding: 0;
  list-style: none;  
  z-index: 10400;
  }    
#menu  li {
  float: left;
  position: relative;
  background: none;
  list-style: none;  
 	height: 20px;
 z-index: 10400;
}
#menu li ul {
  display: none;
  position: absolute; 
  top: 18px;
  left: 0;
}  
#menu  li ul li {
	float: none;
	text-align: left;
	margin: 0;
	}	
#menu li a {
	color: #FFF;
    font-weight: bold;
    font-size: 12px;
	white-space: nowrap;
	display: block;
}
#menu  li ul li a {
	padding: 3px 3px 3px 18px;
	float: none;
	text-align: left;
	margin: 0;
	display: block;
	background: url(/images/spacer.gif) repeat-x;
	line-height: normal;
	height: 15px;
		}	
#menu li a:hover, #menu li a:sfhover {
	text-decoration: none;
}	
#menu li a:active {
	text-decoration: none;
}	
#menu li > ul {
	top: 18px;
	left:0;
	}	
#menu li:hover ul, #menu li.sfhover ul{ 
	display: block; 	
	}	
#menu ul li:hover,  #menu ul li.sfhover {	
}
#menu li:hover, #menu li.sfhover  {
	background-position: 0 0;
	}







#ibox_wrapper  {
	border: 15px #d9940f solid;
}