/* CSS Document */

/*The code in this file or document and its designs, methods, data, know-how and all other related elements are the property of LUXSON ltd © Copyright {Year(s)} and/or may contain code operated under third party licence(s); unauthorised use is therefore prohibited, including (without limitation) copying, editing, adapting, reverse engineering or any other similar or related action, in part or in full. Separate rights may also exist for LUXSON and/or client and/or third party content and/or services. For licensing information please contact LUXSON ltd.*/

/*###########################
#######GENERAL LAYOUT########
#############################*/

body {
	background:#475245 url('../images/body/bg.jpg') repeat-x center top;
	margin:0px;
	behavior: url(csshover.htc);
	font-family:Tahoma, Geneva, sans-serif;
	font-size:80%;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
}

h1, h2, h3, h4, h5, h6, p, form, ul {
	margin:0px;
	padding:0px;
}

h4 {
	color:#949f37;
	font-size:125%;
	font-weight:200;
}

a {
	color:#949f37;
	text-decoration:none;
}

img, div, li, ul {
	behavior: url(iepngfix.htc);
}

.clear {
	clear:both;
}

.clearNoContent {
	clear:both;
	height:1px;
	line-height:1px;
	display:inline;
}

.hidden {
	display:none;
}

img {
	border:0px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.errorText {
    color:Red;
}

.paddingTop20 {
	padding-top:20px;
}

.paddingRight10 {
	padding-right:10px;
}

.col50perc {
	width:460px;
	float:left;
}

.bold {
	font-weight:bold;
}

/*###########################
#######HEADER LAYOUT########
#############################*/

#header {
	width:960px;
	margin:0 auto;
	height:134px;
}

	#header .greenfingersLogo {
		float:left;
	}

	#header .contactDetails {
		float:right;
	}

/*###########################
#########NAV LAYOUT##########
#############################*/

#mainNav {
	width:960px;
	margin:0 auto;
	height:34px;
}

	#mainNav ul {
		margin-top:1px;
		float:left;
	}

		#mainNav ul li {
			list-style-type:none;
			display:block;			
			float:left;
		}
		
			#mainNav ul li a {
				 text-indent:-9999px;
				 display:block;
				 height:33px;				
			}
			
				#mainNav ul li.divider {
					background:url('../images/mainNav/divider.gif') no-repeat left top;
					width:2px;
					margin:10px 5px 0;
				}
	
				#mainNav ul li.home a {
					 background:url('../images/mainNav/home.jpg') no-repeat left top;
					 width:66px;		 
				}
				
					#mainNav ul li.home a:hover {
						background:url('../images/mainNav/home-on.jpg') no-repeat left top;
					}
					
				#mainNav ul li.presentations a {
					 background:url('../images/mainNav/presentations.jpg') no-repeat left top;
					 width:94px;		 
				}
				
					#mainNav ul li.presentations a:hover {
						background:url('../images/mainNav/presentations-on.jpg') no-repeat left top;
					}
					
				#mainNav ul li.mapGarden a {
					 background:url('../images/mainNav/map-garden.jpg') no-repeat left top;
					 width:89px;		 
				}
				
					#mainNav ul li.mapGarden a:hover {
						background:url('../images/mainNav/map-garden-on.jpg') no-repeat left top;
					}
					
				#mainNav ul li.aboutUs a {
					 background:url('../images/mainNav/about-us.jpg') no-repeat left top;
					 width:70px;		 
				}
				
					#mainNav ul li.aboutUs a:hover {
						background:url('../images/mainNav/about-us-on.jpg') no-repeat left top;
					}
					
				#mainNav ul li.jobs a {
					 background:url('../images/mainNav/jobs.jpg') no-repeat left top;
					 width:43px;		 
				}
				
					#mainNav ul li.jobs a:hover {
						background:url('../images/mainNav/jobs-on.jpg') no-repeat left top;
					}
					
				#mainNav ul li.feedback a {
					 background:url('../images/mainNav/feedback.jpg') no-repeat left top;
					 width:72px;		 
				}
				
					#mainNav ul li.feedback a:hover {
						background:url('../images/mainNav/feedback-on.jpg') no-repeat left top;
					}
					
				#mainNav ul li.contactUs a {
					 background:url('../images/mainNav/contact-us.jpg') no-repeat left top;
					 width:78px;		 
				}
				
					#mainNav ul li.contactUs a:hover {
						background:url('../images/mainNav/contact-us-on.jpg') no-repeat left top;
					}

/*###########################
#######MAIN LAYOUT########
#############################*/

#mainContentTop {
	width:960px;
	margin:0 auto;
}

	.topTextPanel {
		width:440px;
		height:182px;
		color:#FFFFFF;
		font-size:110%;
		line-height:1.4;
		float:left;
	}
	
		.topTextPanel img {
			margin-bottom:10px;
		}
		
	.topImagePanel {
		float:left;		
		height:182px;
	}
		
#mainContentMid {
	width:100%;
	background:#FFFFFF;
}
		
	.midContentPanel {
		width:960px;
		margin:0 auto;
		padding:20px 0 15px;
	}
	
		.midContentPanel p.statement {
			color:#949f37;
			font-size:125%;
			padding-bottom: 20px;
		}
		
		.midContentPanel p.normalPadding {
			padding:5px 0 20px;
		}
		
		.midContentPanel p.defaultPadding {
			padding:5px 0;
		}
		
		/*Jobs Page Postits*/
		.adsLeft {
			float:left;
			width:480px;
		}
		
		.adsRight {
			float:right;
			width:480px;
		}
		
		.adsFullWidth {
			width:960px;
		}		
		
		.postit {
			width:480px;
			font-family:'Comic Sans MS', Georgia, "Times New Roman", Times, serif;
			font-size:100%;
			font-weight:bold;
			float:left;
			margin-bottom:10px;
		}
		
			.postit h2 {
				color:#000;
				font-style:normal;
				padding-bottom:15px;
				font-size:130%;
			}
			
			.postit p {
				padding-bottom:15px;
			}
			
			.postit .top {
				width:475px;
				height:49px;
				background:url(../images/content/jobs/postit-top.jpg) top center no-repeat;
			}
			
			.postit .middle {
				width:335px;
				background:url(../images/content/jobs/postit-middle.jpg) top center repeat-y;
				padding:0 70px 0 70px;
			}
			
			.postit .bottom {
				width:475px;
				height:56px;
				background:url(../images/content/jobs/postit-bottom.jpg) top center no-repeat;
			}

		.postitWide {
			width:960px;
			font-family:'Comic Sans MS', Georgia, "Times New Roman", Times, serif;
			font-size:100%;
			font-weight:bold;
			float:left;
			margin-bottom:10px;
		}
		
			.postitWide h2 {
				color:#000;
				font-style:normal;
				padding-bottom:15px;
				font-size:130%;
			}
			
			.postitWide p {
				padding-bottom:15px;
			}
			
			.postitWide .top {
				width:960px;
				height:49px;
				background:url(../images/content/jobs/postit-wide-top.jpg) top center no-repeat;
			}
			
			.postitWide .middle {
				width:820px;
				background:url(../images/content/jobs/postit-wide-middle.jpg) top center repeat-y;
				padding:0 70px 0 70px;
			}
			
			.postitWide .bottom {
				width:960px;
				height:56px;
				background:url(../images/content/jobs/postit-wide-bottom.jpg) top center no-repeat;
			}		
		
		.clickToApply {
			padding-bottom:0px;
		}
		
			.clickToApply a {
				display:block;
				padding:0 40px 12px 0;
				background:url(../images/content/jobs/postit-underline.gif) bottom left no-repeat;
				text-decoration:none;
				color:#000;
				font-size:110%;
			}
		
		/*Feedback Forms*/
		.feedbackFormLeft {
			width:473px;
			float:left;
		}
		
			.feedbackFormLeft p.disclaimer {
				padding-bottom:15px;
			}
			
			.feedbackFormLeft p {
				padding-bottom:5px;
			}
			
			.feedbackFormLeft p.noLabel {
				padding-left:105px;
			}
			
			.feedbackFormLeft label {
				display:block;
				float:left;
				text-align:left;
				width:105px;
				padding-top:3px;
			}
			
			.feedbackFormLeft label.noContent {
				width:1px;
				padding:0;
				margin-left:-1px;
				_margin-left:-2px; /*IE6*/
			}
			
			.feedbackFormLeft input {
				width:346px;
				font-family:Tahoma, Geneva, sans-serif;
			}
			
			.feedbackFormLeft textarea {
				width:350px;
				height:70px;
			}
			
			.feedbackFormLeft div.clear {
				width:300px;
				height:5px;
			}
		
		.feedbackFormRight {
			width:473px;
			float:right;
		}
		
			.feedbackFormRight label {
				display:block;
				padding-bottom:15px;
			}
		
			.feedbackFormRight textarea {
				width:471px;
				height:208px;
				font-family:Tahoma, Geneva, sans-serif;
				font-size:85%;
			}
			
		.formSubmit {
			margin-top:15px;
			width:100%;
			float:left;
		}
		
			.formSubmit input {
				float:right;
			}
			
		.textFeedback {
			float:left;
			color:#949f37;
		}
		
			.textFeedback p.alternative {
				font-size:160%;
				padding-right:20px;
			}
			
			.textFeedback p.text {
				font-size:125%;
				padding:40px 30px 0 0;
			}
			
				.textFeedback p.text span {
					font-size:150%;
				}
				
			.textFeedback p.email {
				font-size:125%;
				padding:40px 0 0 30px;
			}

				.textFeedback p.email a {
					color:#949f37;
					text-decoration:none;
					font-size:130%;
				}
				
		.feedbackThanks {
			margin:10px 0;
		}
				
/*Quick Links Panel*/
#quickLinks {
	background:#FFFFFF url('../images/content/bg-quick-links.gif') repeat-x left bottom;
	width:100%;
	height:79px;
	padding-top:9px;
}

	#quickLinks .linksContainer {
		width:960px;
		margin:0 auto;
		padding-top: 6px;
	}

/*Testimonial Panel*/
#testimonialCarousel {
	background:#FFFFFF url('../images/testimonialCarousel/bg-grass.jpg') repeat-x center bottom;
	width:100%;
}

	.carouselWrapper {
		background:url('../images/testimonialCarousel/clover.jpg') no-repeat right bottom;
		width:960px;
		margin:0 auto;
	}
	
		#testimonials {
			height:120px;
			width:800px;
			float:left;
			padding-top:15px;
		}
		
			#testimonials h4 img {
				float:left;
				margin:4px 15px 0 0;
			}	
		
			#testimonials h4 a {
				color:#534343;
				font-size:80%;
				text-decoration:none;
			}
			
				#testimonials h4 a img {
					margin:7px 7px 0 0;
				}
				
			#testimonials div.clear {
				/clear:none; /*IE7*/
			}
		
			#newsHolder {
				position:relative;
				overflow:hidden;
				width:800px;
				height:100px;
			}
			
				.news {
					position:absolute;
					top:0;
					left:0;
					width:800px;
					height:100px;
				}
				
					.news p {
						padding-top:5px;
						padding-bottom:0;
						color:#555555;
						line-height: 1.6;
						font-size: 95%;
					}
					
						.news p span.testimonialRef {
							color:#949F37;
							font-size:90%;
						}

/*Default Page*/
.defaultPage .topTextPanel {
	width:460px;
}

		
/*About Us Page*/
.aboutUs .topTextPanel {
	width:390px;
	padding-right:10px;
}


/*Contact Us Page*/
.contactLeft {
	float:left;
	width:490px;
}

.contactRight {
	float:left;
	width:450px;
}

.contactLeft p, .contactRight p {
	margin-bottom:30px;
}

.contactLeft a, .contactRight a {
	color:#949F37;
	text-decoration:none;
}

.contactLeft img {
	margin-right:5px;
}

.contactRight img {
	margin:0 5px 70px 0;
}

					
/*Disclaimer Pages*/
.topNavShadow {
	background:url('../images/content/disclaimer-pages/nav-shadow.jpg') repeat-x left top;
	width:100%;
	height:15px;
}

.bottomGrass {
	background:#FFFFFF url('../images/testimonialCarousel/bg-grass.jpg') repeat-x left bottom !important;
}

.disclaimerPadding {
	padding:0 0 15px 0;
}

	.disclaimerPadding h3 {
		font-size:180%;
		padding:5px 0 10px;
		color: #949F37;
	}
	
	.disclaimerPadding h4 {
		font-size:125%;
		padding-bottom:0px;
		color: #949F37;
	}
	
	.disclaimerPadding p {
		padding-bottom:10px;
	}
	
	.disclaimerPadding a {
		color:#949F37;
		text-decoration:none;
	}
	
	.disclaimerPadding ul {
		list-style-type:none;
		padding-bottom:5px;
	}
	
/* ### APP FORM ### */
ul.requiredElements {
	padding: 0 0 15px 30px;
	list-style-type:disc;
}

.formDoc2 {
}

	.formDoc2 p {
		padding:0;
		clear:both;
		line-height:160%;
	}
	
		.formDoc2 p.noLabel {
			padding-left:160px;
		}
		
		.formDoc2 p.submit {
			padding-top:15px;
		}
		
			.formDoc2 p.submit input {
				float:right;
			}
		
		.formDoc2 p.submit2 {
			padding-top:0px;
			padding-right:22px;
			float:right;
		}
	
	.formDoc2 label {
		float:left;
		width:160px;
	}
	
	.formDoc2 input {
		float:left;
		width:270px;
		margin-bottom:4px;
	}

	.formDoc2 .noFloat {
		line-height:300%;
	}

		.formDoc2 .noFloat label, .formDoc .noFloat input {
			float:none;
		}

	.formDoc2 textarea {
		width:273px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:100%;
		color:#25241e;
		height:80px;
		margin-bottom:4px;
	}

		.formDoc2 textarea.width100 {
			width:100%;
		}
		
		.formDoc2 textarea.height150 {
			height:150px;
		}
		
		.formDoc2 textarea.height300 {
			height:300px;
		}

.flowNet {
	clear:none;
	float:left;
	clear:none;
	padding:0px 0px 10px 0px;
}

	.flowNet input {
		width:12px;
		clear:none;
		float:left;
		margin:2px 10px 0px 0px;
	}
	
	.flowNet label {
		float:left;
		clear:none;
		width:40px;
	}

.formInline {

}

	.formInline input {
		float:none;
		width:auto;
		clear:none;
	}
	
	.formInline label {
		float:none;
		width:auto;
		clear:none;
		padding:0 5px 0 5px;
	}

.datepicker input {
	width:200px;
}

.asteriskGreen {
    color: #475245;
}

.dividerAppForm {
	padding-bottom:25px;
}

.signoff {
	color:#949F37;
	font-size:130%;
	font-weight:bold;
}
/* ### APP FORM END ### */
	
/*###########################
########ADMIN LAYOUT#########
#############################*/

.adminLoginBox {
	padding:40px 0 60px 300px;
}

	.adminLoginBox label {
		float:left;
		width:80px;
		padding-top:3px;
	}
	
	.adminLoginBox input {
		color:#185025;
		padding:3px;
		width:150px;
		float:left;
		margin-bottom:3px;
	}
	
	.adminLoginBox p {
		clear:both;
	}

		.adminLoginBox p.submit {
			padding:6px 0 0 80px;
		}
		
			.adminLoginBox p.submit input {
				/*width:87px;
				height:26px;
				margin:0;*/
			}

h4.adminAppMan, h4.appFormHead {
	padding-bottom:5px;
}

/*Gridview Styles - Application Manager*******************************/
.Gridview
{
    width:860px;
	font-size:90%;
}

	.Gridview input {
		font-size:90%;
	}	

	.Gridview th
	{ 
		padding:5px;
		text-align:center;
		border:1px solid #ffffff;
		background:#949F37;
	}
	
		.Gridview th img
		{
			margin-left:6px;
		}

	.Gridview td
	{ 
		padding:5px;
	}

.GridviewHeader
{
	color:#FFFFFF;
	text-align:left;
}

	.GridviewHeader a
	{
		text-decoration:none;
		font-weight:bold;
		color:#ffffff;
	}

.GridviewPager td
{
	background:#949F37;
	color:#ffffff;
	padding:2px;
}

.GridviewPager a
{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}

.GridViewRow
{
    background-color:#FCFEEE;
    text-align:left;
}

.GridViewAltRow
{
    background-color:#F7FADF;
}

table {
	font-size:100%;
	margin-bottom:20px;
}

td {
	font-size:100%;
}

.width80 {
	width:80px;
	float:left;
}

.width120 {
	width:180px;
	float:left;
}

.paddingTop20 {
	padding-top:20px;	
}

.padding20 {
	padding:20px;	
}

.center {
	text-align:center;
}

.vMiddle {
	vertical-align:middle;
}
/*Gridview Styles*******************************/

/*View Application Page*/
.disclaimerPadding h5 {
	font-size:110%;
	padding-bottom:5px;
	color: #949F37;
}

.backPrintButtons {
	float:right;
	padding-top:7px;
}

/*###########################
#######FOOTER LAYOUT########
#############################*/
#footer {
	background:#475245 url('../images/footer/bg-grad.gif') repeat-x left top;
	width:100%;
	padding-bottom:15px;
	font-size:80%;
	text-align:center;
	color:#FFFFFF;
}

	.footerContainer {
		width:960px;
		margin:0 auto;
		padding-top:25px;
	}
	
	.footerContainer a {
		color:#FFFFFF;
		text-decoration:none;
	}
	
		.footerContainer ul.nav {
			font-weight:normal;
			font-size:110%;
			margin:0 0 10px 0;
			padding:0;
		}
			
			.footerContainer ul.nav li {
				list-style-type:none;
				display:inline;
				color:#FFFFFF;
				padding-right:4px;
			}
			
			.footerContainer ul.nav li a {
				color:#FFFFFF;
			}
	
		.footerContainer p {
			margin-bottom:10px;
			font-weight:normal;
		}
		
		.footerContainer p.contactDetails {
			/*font-size:110%;*/
			font-weight:bold;
		}
		
			.footerContainer p.contactDetails a, .footerContainer p.contactDetails span {
				color:#949f37;
			}
