@charset "utf-8";

/* CSS Document */

	/* Reset */

	html, body, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, div, dl, dt, dd,
	img, form, fieldset, input, textarea, select, label, table, tr, td, th { 
		margin:0; 
		padding:0;
		}

	img, fieldset, hr { border:0; }

	body {
		background-color:#DDDCDC;
		color:#333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:62.5%;
		}
		
	hr { height:1px; color: #808284; background-color: #808284; }
	

	h1 { font-size:1.4em; margin:0 0 1em 0; }
	h2 { font-size:1.3em; margin:0 0 1em 0; }
	h3 { font-size:1.2em; margin:0 0 .5em 0; }
	h4 { font-size:1.2em; margin:0 0 1em 0; text-transform:uppercase; }
	h5 { font-size:1.1em; margin:0 0 .5em 0; }
	h6 { font-size:1.1em; margin:0 0 .5em 0; text-transform:uppercase; }
	
	/* Paragraph, Lists and Link Styles */
	
	p, ul, ol, table {
		line-height:1.6em;
		margin:0 0 1.25em 0;
		font-size:1.1em;
		}
		
	/* Need to clean this up so that font sizes stay in proportion in diferent elements
	p{
		font-size:1.1em;
		} */
		
	dl {
		line-height:1.4em;
		}
	 
	ul {
		list-style-image:url(/_media/image/layout/icons/oragne_arrow.gif);
		}
	ul, ol {
		margin:0 0 1em 2.5em;
		}
	
	a { color:#DE5927; text-decoration:none; }
	a:hover { text-decoration:underline; }
	a:visited {	color:#EA916F; text-decoration:none;}

	 .row0 { 
		background-color:#FFFFFF;
		}
	 .row1 { 
		background-color:#EEEEEE;
		}	
				
	/* Forms */
	 
	input, select, textarea {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		padding:2px;
		}
	 
	textarea {
		line-height:1.25;
		}

	/* Global Classes */

 	.hidden { display:none; }
 	.vis-hidden { visibility:hidden; }
	.clear { clear:both; height:0; line-height:0; }
	.clear-22 { clear:both; height:22px; line-height:0; }
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		}
		.clearfix { display: inline-block; }
		html[xmlns] .clearfix { display: block; }
		* html .clearfix { height: 1%; }
		
	 
	.text-left { text-align:left; }
	.text-right { text-align:right; }
	.text-center { text-align:center; }
	.text-justify { text-align:justify; }
	
	.bold { font-weight:bold; }
	.italic { font-style:italic; }
	.underline { border-bottom:1px solid; }

	.float-left { float:left; }
	.float-right { float:right; }
	.margin-0 { margin:0; }
	.help { margin:0 0 0 0; }
	.orange { color:#DE5927; }
	.margin-right { margin-right:2em; }
	

	
	/* Page Styles */

	#container {
		background-color:#FFFFFF;
		margin:22px auto 0 auto;
		padding:22px;
		width:946px;
		}
		.homeContainer{
			padding-bottom:0 !important ;
			}
		*+html .homeContainer{
			padding-bottom:22px !important ;
			}
			
		#forum-container {
			width:760px;
			margin:0 auto;
			}
			#flash-content {
				margin:0 0 22px 0;
				}
			
		/* Header Styles */
		
		#header {
			height:90px;
			text-align:right;
			}
			#header a {
				color:#333333;
				text-decoration:underline;
				}
			#header a:hover {
				text-decoration:none;
				}
		
	/* Navigation */
	
	#primary-navigation {
		margin:0 !important;
		padding:6px 0 0 15px !important;
		height:27px;
		background:#DE5927 url(/_media/image/layout/primary_nav.gif) left top no-repeat;
		
		}
		#primary-navigation li {
			display:inline;
			margin:0 0 0 15px;
			font-size:1.8em;
			}
			#primary-navigation li a, #primary-navigation li a:hover { color:#FFFFFF; text-decoration:none; }
			#primary-navigation li.selected {
				background: url(/_media/image/navigation/selected.gif) no-repeat left 0px;
				padding:0 0 0 9px;
				}
				*+html #primary-navigation li.selected { background-position:left 8px; }
				* html #primary-navigation li.selected { background-position:left 7px; }
			
	#secondary-navigation {
		margin:0 !important;
		padding:8px 0 0 15px !important;
		height:25px;
		background:#B74926 url(/_media/image/layout/secondary_nav.gif) left bottom no-repeat;
		}
		ul#secondary-navigation li {
			display:inline-block;
			margin:0 0 0 15px;
			font-size:1.4em;
			}
			*+html ul#secondary-navigation li { display:block; float:left; }
			
			
		ul#secondary-navigation li.selected span {
			background:url("/_media/image/navigation/tableft.gif") no-repeat left top;
			padding:15px 5px 0 8px;
			text-decoration:none;
			}
			ul#secondary-navigation li.selected span span {
				background:url("/_media/image/navigation/tabright.gif") no-repeat right top;
				padding:12px 2px 0 6px;
				color:#333333;
				cursor:pointer;
				}
			
			ul#secondary-navigation li a span span{
				color:#FFFFFF;
				}
			ul#secondary-navigation li.selected span {
				background-position:0% -26px;
				color:#333333;
				}
				
			ul#secondary-navigation li.selected span span {
				background-position:100% -26px;
				color:#333333;
				}
				
		/* IE 7 */
				
		*+html ul#secondary-navigation li.selected span {
			background:url("/_media/image/navigation/tableft.gif") no-repeat left -27px;
			/*padding:-12px 5px 0 8px;*/
			padding:0 0 0 8px;
			text-decoration:none;
			font-size:1em;
			}
			*+html ul#secondary-navigation li.selected span span {
				background:url("/_media/image/navigation/tabright.gif") no-repeat right -27px;
				/*padding:-5px 2px 0 6px;*/
				padding:-5px 0 0 -5px;
				color:#333333;
				cursor:pointer;
				}
		
		/* IE 6 */
				
		* html ul#secondary-navigation li { display:inline-block; float:left; margin-bottom:-10px;  }
		
		* html ul#secondary-navigation li.selected span {
			background:url("/_media/image/navigation/tableft.gif") no-repeat left -27px;
			/*padding:-12px 5px 0 8px;*/
			padding:0 0 0 8px;
			text-decoration:none;
			font-size:1em;
			}
			* html ul#secondary-navigation li.selected span span{
				background:url("/_media/image/navigation/tabright.gif") no-repeat right -27px;
				/*padding:-5px 2px 0 6px;*/
				padding:-5px 0 0 -5px;
				color:#333333;
				cursor:pointer;
				}

/* Breadcrumb */				
	.breadcrumb{font-size:1.1em; margin-bottom:10px;}
	
	/* Content */
	
	#content .single-panel {
		width:220px;
		margin-right:22px;
		float:left;
		}
			
/*	#content .double-panel {
		width:462px;
		margin-right:22px;
		float:left;
		}*/		
		#content .double-panel {
			width:410px;
			float:left;
			}
			#content .home-panel {
			margin-right:22px;
			width:460px;
			}
			.home-panel img{
				float:left;
			}
	#content .triple-panel {
		width:660px;
		margin-right:22px;
		padding:22px;
		float:left;
		}
	.last {
		margin-right:0 !important;
		}
				
		.title-tab {
			background:#FFFFFF url(/_media/image/layout/panel_title.gif) left top no-repeat;
			}
			.title-tab h1 {
				margin:0 0 0 15px;
				padding:2px 0 0 0;
				}
		.grey-panel {
			background:#EBEBEB url(/_media/image/layout/grey_corner_tr.gif) right top no-repeat;
			padding:22px;
			}
	
	/* Distributors - Google Map */
	#map{
		width:660px; 
		height:477px; 
		border:1px solid #DBD5C4;
		}
	.ui-tabs-hide { 
		display: none; 
		}
	.column {
		/*height:250px;*/
		float:left;
		}
		ul.column { margin:0 0 0 15px; padding: 0;}
		* html ul.column { margin:0 0 0 10px; }
		/* Content :: News */
			.news,
			.article {
				margin:0 0 2em 0;
				/*float:left;*/
				clear:left;
				}
			.news {
				margin:0 0 3em 0;
				}
				.title a {
					color:#333333;
					text-decoration:none;
					}
					.title a:hover {
						text-decoration:underline;
						}
				.news img { float:left; }
				
				img.default {
					float:left;
					margin-right:2em;
					}
					.clip-wrapper {
						position:relative;
						float:left;
						height:110px;
						width:110px;
						margin-right:2em;
						}
						
						* html .clip-wrapper {
							overflow:hidden;
							}
					.article img.clip-news {
					/*	position:absolute;
						clip: rect(0px, 220px, 110px, 55px);
						/*clip:rect('top', 'right', 'bottom', 'left');*/
						/*top:0;*/
						/*left:-55px;*/
						}
					.article img.clip-casestudy {
						position:absolute;
						clip: rect(0px, 165px, 110px, 55px);
						/*clip:rect('top', 'right', 'bottom', 'left');*/
						top:0;
						left:-55px;
						}
					img.clip-product {
						position:absolute;
						clip: rect(80px, 110px, 190px, 0px);
						/*clip:rect('top', 'right', 'bottom', 'left');*/
						top:-80px;
						}
						*+html .article img.clip-news,
						* html .article img.clip-news {/*clip: rect(0px 220px 110px 55px);*/}
						*+html .article img.clip-casestudy,
						* html .article img.clip-casestudy {clip: rect(0px 165px 110px 55px);}
						*+html img.clip-product,
						* html img.clip-product {clip: rect(110px 110px 220px 0px);}
		
		/* Content :: Sector */
		
			.sector-content {
				background-color:#DDDCDC;
				padding:22px;
				width:660px !important;
				min-height:696px;
				background: #DDDCDC url(/_media/image/layout/grey_corner_bl.gif) bottom left no-repeat;
				}
				* html .sector-content { margin:0 !important; width:650px !important; }
			#sector-column {
				
				}
				.sector-panel {
					margin:0 0 2em 0;
					width:220px;
					height:146px;
					}
					.sector-panel h1 {
						padding:115px 0 0 15px;
						color:#FFFFFF;
						}
						.sector-panel h1 a{
							padding:115px 0 0 15px;
							color:#FFFFFF;
							}
					.sector1 {
						background:#FFFFFF url(/_media/image/layout/sector/right_forestry.jpg) left top no-repeat;
						}
					.sector2 {
						background:#FFFFFF url(/_media/image/layout/sector/right_viticulture.jpg) left top no-repeat;
						}
					.sector3 {
						background:#FFFFFF url(/_media/image/layout/sector/right_landscape.jpg) left top no-repeat;
						}
					.sector4 {
						background:#FFFFFF url(/_media/image/layout/sector/right_fruit.jpg) left top no-repeat;
						}
						.tl { background:#DDDCDC url(/_media/image/layout/grey_corner_tl.gif) left top no-repeat; width:26px; height:26px; float:left; margin:-22px 0 0 -22px; }
						
				/* Is this bit needed? */
				#content .single-panel-sector {
					width:205px;
					height:147px;
					margin-right:22px;
					float:left;
					}
					
					#content .single-panel-sector h1 {
						margin:115px 0 0 15px;
						}
				/* END Is this bit needed? */	
				
				#sector-1,
				#sector-2,
				#sector-3,
				#sector-4  {
					height:175px;
					width:662px;
					margin:0 0 22px 0;
					}
				
				#sector-1{					
					background:#DDDCDC url(/_media/image/layout/sector/sector_large_forestry.jpg) right top no-repeat;
					}
				#sector-2{
					background:#DDDCDC url(/_media/image/layout/sector/sector_large_viticult.jpg) right top no-repeat;
					}
				#sector-3 {
					background:#DDDCDC url(/_media/image/layout/sector/sector_large_landscape.jpg) right top no-repeat;
					}
				#sector-4{
					background:#DDDCDC url(/_media/image/layout/sector/sector_large_fruit.jpg) right top no-repeat;
					}
					
					#sector-1 h1,
					#sector-2 h1,
					#sector-3 h1,
					#sector-4 h1  {
						padding:130px 0 0 15px;
						font-size:3.2em;
						}
				.sector-panel-selected {
					margin:0 0 0 -2.2em;
					width:242px !important;
					height:216px !important;
					background:#DDDCDC url(/_media/image/layout/sector/sector_panel_right.gif) right top no-repeat;
					}
					.sector-panel-higher-curve {
						margin:-2.5em 0 0 -2.2em;
						float:left;
						width:29px;
						height:29px;
						background:#DDDCDC url(/_media/image/layout/sector/sector_panel_higher.gif) right top no-repeat;
						}
					.sector-panel-lower-curve {
						margin:0 0 -.5em -2.2em;
						float:left;
						width:29px;
						height:29px;
						background:#DDDCDC url(/_media/image/layout/sector/sector_panel_lower.gif) left top no-repeat;
						}
				
			#content .sector-content .double-panel {
				width:319px /*!important*/;
				margin-right:22px;
				float:left;
				}
				
				#content .sector-content .double-panel-content {
					width:410px !important;
					margin-right:22px;
					float:left;
					}
				#content .sector-content .double-panel .title-tab {
					background:#DDDCDC url(/_media/image/layout/panel_title_sector.gif) left top no-repeat;
					}
				.white-panel {
					background:#FFFFFF url(/_media/image/layout/white_corner_tr.gif) right top no-repeat;
					padding:22px;
					}
			/* Sector Navigation */
			
			ul#sector-navigation {
				color:#333333;
				}
				ul#sector-navigation a {
					color:#333333;
					}
			ul#sector-navigation li {
				list-style:none;
				
				}
			ul#sector-navigation li.selected {
				list-style-image:url(/_media/image/layout/icons/oragne_arrow.gif);	
				font-weight:bold;
				}
				ul#sector-navigation li.title h3 {
					margin:15px 0 5px -14px;	
					}
				* html ul#sector-navigation li.title h3 {
					margin-left:0;	
					}
				
			/* Additional styles*/
			
			.feature-product{
				float:left;
				width:190px;
			}
			.sector-content .feature-product{
				float:left;
				width:130px;
			}
			.feature-product li{
				margin:0 0 10px 0;
			}

			.image-desc {
				margin-bottom:20px;
				}
			.product-image {
				width:160px;
				margin:0 4em 0 0;
				float:left;
				}
				.product-image p {
					clear:left;
					}
				.product-image .clip-wrapper {
					position:relative;
					float:left;
					height:110px;
					width:110px;
					border:1px solid #B8B8B9;
					}
					.clip {
						position:absolute;
						clip: rect(0px, 110px, 110px, 0px);
						z-index:1;
						width:110px;
						}
						*+html .clip,
						* html .clip {
							clip: rect(0px 110px 110px 0px);
							}
				.product-image .zoom {
					position:absolute;
					background-color:#FFFFFF;
					color:#333333;
					margin:95px 0 0 64px;
					padding:1px 1px 2px 2px;
					z-index:2;
					}
					
	.forumHeader{		
			background:#C5DFC4;
			font-weight:bold;
			text-align:left;
			}
			
	.forumNote{
			border:#333333 solid 1px; 
			margin-bottom:20px;
		}
		
	.forumNote td{
			padding:5px;
			vertical-align:top;
		}
					
	/* Forms */
	
		#contact-form dl dt {
			text-align:right;
			width:80px;
			margin:0 1.25em 0 0;
			float:left;
			}
		#contact-form dl dd {
			width:300px;
			float:left;
			}
		#contact-form input.text,
		#contact-form textarea {
			width:290px;
			margin:0 0 1.25em 0;
			}
			#contact-form textarea {
				height:180px;
				}
		#contact-form input.button {
			float:right;
			}
		#addForm dl {
			width:420px;
			}
		#addForm dl dt {
			text-align:right;
			width:80px;
			margin:0 1.25em .75em 0;
			float:left;
			}
		#addForm dl dd {
			width:300px;
			float:left;
			margin:0 0 .75em 0;
			}
		#addForm input.text,
		#addForm textarea {
			width:290px;
			margin:0 0 1.25em 0;
			}
			#addForm textarea {
				height:180px;
				}
		#addForm input.button {
			float:right;
			}
			
		ul#groups {
			margin:0;
			padding:0;
			list-style:none;
			}
			ul#groups li {
				background:#DE5927 url(/_media/image/layout/group_curve.gif) left bottom no-repeat;
				width:108px;
				height:175px;
				display:block;
				float:left;
				margin:0 22px 22px 0;
				padding:1px;
				}
				ul#groups li div { 
					background-color:#ffffff;
					width:108px;
					height:120px;
					position: relative;
					}
				ul#groups li a {
					color:#FFFFFF;
					font-weight:bold;
					}
					ul#groups li a span {
						display:block;
						margin:0 0 0 5px;
						}
						
		ul#groups div img {
			margin:0 auto;
			position: absolute;
			margin-left:5px;
			bottom:0;
			}
	/* Footer */
	
	#footer {
		width:990px;
		margin:0 auto;
		}
		#footer ul {
			margin:0;
			padding:0;			
			}
		#footer ul li {
			display:inline;
			}
			
	/* Sitemap */
			ul#sitemap,
			ul#sitemap ul,
			ul#sitemap ul ul { font-size:1em; }
	/* jQuery Lightbox */
	

	#jquery-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		}
	#jquery-lightbox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
		}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
		}
	#lightbox-container-image { padding: 10px; }
	#lightbox-loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
		}
	#lightbox-nav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a { outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		width: 49%;
		height: 100%;
		zoom: 1;
		display: block;
		}
	#lightbox-nav-btnPrev { 
		left: 0; 
		float: left;
		}
	#lightbox-nav-btnNext { 
		right: 0; 
		float: right;
		}
	#lightbox-container-image-data-box {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%;
		padding: 0 10px 0;
		}
	#lightbox-container-image-data {
		padding: 0 10px; 
		color: #666; 
		}
	#lightbox-container-image-data #lightbox-image-details { 
		width: 70%; 
		float: left; 
		text-align: left; 
		}	
	#lightbox-image-details-caption { font-weight: bold; }
	#lightbox-image-details-currentNumber {
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
		}			
	#lightbox-secNav-btnClose {
		width: 66px; 
		float: right;
		padding-bottom: 0.7em;	
		}
	
	/* IE 6 */ 
	
	* html #container {
		padding:22px;
		width:946px;
		}
	
	* html #content .single-panel { margin:0 0 0 0 !important; width:220px !important;   }
	* html #content .double-panel { margin-left:20px; }
	* html #content .single-panel .single-panel.sector-panel {  margin-right:0 !important; }
	* html #content .triple-panel {
		margin-right:0px;
		width:660px;
		}
		* html .default { margin-right:0; }
		* html .article { width:auto; float:none; }
		* html #content .sector-content .double-panel { position:relative; margin-left:0; width:315px !important; }
		* html #container #content .home-panel { position:relative; margin-left:0; }
		* html #container.homeContainer #content .single-panel { padding-right:20px; }
		* html #container #content .sector-content .single-panel { padding-right:20px; }
		* html #container.homeContainer #content .single-panel.last { padding-right:0; }
		* html .sector-panel-selected {
			/*margin:0 0 0 -20px;*/
			width:240px !important;
			height:216px !important;
			position:relative;
			/*padding-left:20px;*/
			left:00px;
			background:#DDDCDC url(/_media/image/layout/sector_panel_right.gif) right top no-repeat;
			}
			/** html .sector-panel-lower-curve { margin:0 0 -.5em 0; }*/
			* html .sector-panel-higher-curve,
			* html .sector-panel-lower-curve { /*background:none;*/ }
			* html .tl { position:relative; width:26px; height:26px; float:none; margin:-22px 0 0 -22px; }
				
			* html ul#sector-navigation,
			* html ul#sector-navigation li { list-style-type:none; list-style:none; list-style-image:none; margin-left:0; }
						
	* html #container #content .single-panel #ie6sector .sector-panel-higher-curve,
		* html #container #content .single-panel #ie6sector .sector-panel-lower-curve{ visibility:visible; position:relative; left:22px; }
		* html #container #content .single-panel #ie6sector .sector1,
		* html #container #content .single-panel #ie6sector .sector2,
		* html #container #content .single-panel #ie6sector .sector3,
		* html #container #content .single-panel #ie6sector .sector4 { position:relative; left:20px; margin-right:0; margin-bottom:20px; padding-bottom:10px; float:none; }
		* html #container #content .single-panel #ie6sector .sector-panel-selected { position:relative; padding-left:20px; margin-right:0; margin-bottom:20px; float:none; }
	/* sIFR Replacement Flash */
	
	/sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}
	
	.sIFR-unloading .sIFR-flash {
		visibility: hidden !important;
		}
	
	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
		}
	
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}
	
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}
	
	.sIFR-active h1,
	.sIFR-active ul#primary-navigation li,
	.sIFR-active ul#secondary-navigation li.selected span span,
	.sIFR-active ul#secondary-navigation li.not-selected span span,
	.sIFR-active h3 {
		visibility:hidden;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		line-height:1em;
		}
	.sIFR-active h1,
	.sIFR-active h3 {
		font-size:1.7em;
		}
	.sIFR-active ul#primary-navigation li {
		font-size:1.7em;
		cursor:pointer;
		}
	.sIFR-active ul#secondary-navigation li.selected span span {
		font-size:1.2em;
		cursor:pointer;
		}
	.sIFR-active ul#secondary-navigation li.not-selected span span { 
		font-size:1.2em;
		}
		img.staff { margin-bottom:2.2em; }
	
		li.title { list-style-type:none; list-style:none; margin-left:-15px; padding:5px 0; }
		* html li.title { list-style-type:none; list-style:none; margin-left:0; padding:5px 0; }