/* 	  TESTPLANT STYLE SHEET 	                           
-----------------------------------------------*/


/*---------------------------------------------*/

/* 	  Basic styles                           
-----------------------------------------------*/


* {
	margin:0px;
	padding:0px;
	border-style:none;
	border-width:1px;
	}


body {
	font-family: Arial, sans-serif;
	color: #34352f;
	height: 100%;
	font-size:10px;
	line-height:1.6em;
	background-color: white;
	margin-bottom:21px;
	}
	

a, li,img {
	outline:none;
	}

hr {
	border: 1px solid silver;
	text-align: left;
}


a, a:visited{
	color: #34352f;
	text-decoration: none;
	}
	
	
a:hover{
	text-decoration: underline;
	}


p {
	font-size:1.2em;
	margin-bottom: 0.5em;
	}


li {
	font-size:1.2em;
	}
	

li li{
	font-size:1em;
	}
	
li a{
	font-size:1em;
	}
	
	
ul li{
	list-style-type: none;
	}

form {
	position:relative;
	}

/*---------------------------------------------*/
/* 	  HEADINGS 	                           
-----------------------------------------------*/


h1,h2,h3,h4 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight:bold;
	position: relative;
	line-height:normal;
} 


h1 {font-size: 1.7em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}


/*---------------------------------------------*/
/* 	  Basic Page Layout 	                           
-----------------------------------------------*/

#mainContainer {
	width: 993px;
	background:#fff;
	position:relative;
	margin: 0 auto;
}
	
	
#headerContainer {
	background-image: url(https://www.testplant.com/images/top_bar.gif);
	background-repeat: no-repeat;
	height: 134px;
	overflow:hidden;
	}
	
	
#topNavigationContainer {
	position:relative;
	width: 993px;
	height:58px;
	overflow:hidden;
	}


#banner {
	height: 120px;
	overflow:hidden;
	}


#banner img{
	width:100%;
	height:100%;
	}
	
#subHeader {
	background-color: white;
	height: 19px;
	background-image:url(images/bg-subheader.png);
	background-repeat:repeat-x;
	}


#pageContent{
	position: relative;
	height: 100%;
	background-color: #e8efd3;
	border-right-color: #a9a9a9;
	border-right-width: 4px;
	border-left-color: #a9a9a9;
}


#rightColumn {
	position:relative;
	float:right;
	width: 233px;
	height:100%;
	padding: 20px 15px 20px 15px;
	background-color: #e8efd3;
}


#leftColumn {
	position:relative;
	width: 689px;
	height:100%;
	margin-right:1px;
	padding: 20px;
	background-color: white;
	}
	
	
#subContent {
	clear:both;
	height: 19px;
	background-image:url(images/bg-subheader.png);
	background-repeat:repeat-x; 
	}
	

#footerContainer {
	position:relative;
	padding:20px 20px 3px 20px;
	clear:left;
	background-image:url(https://www.testplant.com/images/bottom_bar.gif);
	background-repeat:no-repeat;
	background-position: bottom;
	overflow:hidden;
}



/*---------------------------------------------*/
/* 	 Header elements                         
-----------------------------------------------*/

#homeLogo {
	position:absolute;
	top:13px;
	left:15px;
	width:175px;
	height:55px;
	display:block;
	}
	
	
#homeLogo img{
	width:100%;
	height:100%;
	}
	
	
#bannerHome {
	overflow:hidden;
	}
	
	
#linkEggPlant {
	position:absolute;
	top:0px;
	right:18px;
	width:232px;
	height:84px;
	display:block;
	}
	
	
#linkEggPlant img{
	width:100%;
	height:100%;
	}
	
	
#topNavigationContainer ul {
	display:block;
	list-style:none;
	height:39px;
	position:relative;
	z-index:1000;
	}
	
	
#topNavigationContainer ul li {
	float:left;
	}
	
	
#topNavigationContainer ul li a {
	display:block;
	text-decoration:none;
	height:39px;
	overflow:hidden;
	background-position:top;
	}


#topNavigationContainer ul li a:hover {
	background-position:center;
	}
	
	
#topNavigationContainer ul li a.active {
	background-position:bottom !important;
	}


.home {width: 122px; background-image:url(images/button-home.png);background-repeat: no-repeat;}
.aboutUs {width: 125px; background-image:url(images/button-aboutus.png);background-repeat: no-repeat;}
.eggPlant {width: 125px; background-image:url(images/button-eggplant.png);background-repeat: no-repeat;}
.vine {width: 125px; background-image:url(images/button-vine.png);background-repeat: no-repeat;}
.purchase {width: 125px; background-image:url(images/button-purchase.png);background-repeat: no-repeat;}
.support {width: 125px; background-image:url(images/button-support.png);background-repeat: no-repeat;}
.community {width: 125px; background-image:url(images/button-community.png);background-repeat: no-repeat;}
.download {width: 121px; background-image:url(images/button-download.png);background-repeat: no-repeat;}




/*---------------------------------------------*/
/* 	 Footer elements                           
-----------------------------------------------*/

#footerContainer h3 {
margin:0px;
font-size: 12px;
}


#footerContainer ul li {
	font-size:11px;
	}
	

#footerContainer img {
	float:right;
	margin-right:24px;
	}


.footerColumn {
	float:left;
	margin: 0px 30px 20px 0px;
	}
	

.footerBottom {
	position:relative;
	clear:left;
	}


.footerBottom ul{
	float:right;
	}	


.footerBottom li{
	border-color: #848876;
	float:right;
	margin-right:3px;
	border-right-style:solid;
	}


.footerBottom li a{
	font-size:11px;
	padding:2px 4px 2px 4px;
	}
	
	
#footerContainerYY ul {
	position: absolute;
	left:1.5em;
	top: 1.8em;
	display: inline-block;
}


#footerContainerYY ul li a {
	padding-right: 12px;
	font: 1.2em/1.6em;
	}



/*---------------------------------------------*/
/* 	  Basic Right-Column Menu	                           
-----------------------------------------------*/

#menu {
	display:block;
	list-style:none;
	}
	
	
#menu li {
	position:relative;
	display:block;
	margin-top: 2px;
	padding:0px 0px 0px 14px;
	background:url(images/menu-arrow.gif) 0 .3em no-repeat;
	}
	
	
#menu li a {
	display:block;
	padding:2px 0px 2px 8px;
	letter-spacing: 0.1em;
	color:white;
	text-decoration:none;
	background-color: #53554b;
	}
	
	
#menu li a:hover {
	color: white;
	background-color:#16bb39;
	}
	

#menu li a.active {
	background-color:#16bb39;
	}

/* RIGHT HAND MENU - LEVEL 1         */

#menu li .subMenu {
	position:relative;
	display:block;
	padding:2px 0px 0px 5px;
	}
	
	
#menu li .subMenu li {
	position:relative;
	display:block;
	padding:0px 0px 2px 0px;
	background:none;
	}
	
	
#menu li .subMenu li.last {
	display:block;
	position:relative;
	background-image:none;
	padding:0 0 0 0 !important;}
	
	
#menu li .subMenu li a {
	display:block;
	padding: 2px 0px 2px 17px;
	color: #53554b;
	text-decoration:none;
	background-color:white;
	background-image:url(images/bg-submenu2.gif);
	background-position-x: 7px;
	background-position-y: 8px;
	background-repeat: no-repeat;
	}


#menu li div .subMenu li a:hover {
	color:#17ba39;
	}




/*---------------------------------------------*/
/* 	Rounded corner classes	                           
-----------------------------------------------*/

.topLeftCorner {height: 10px; width: 10px; position:absolute;}
.bottomLeftCorner {height: 10px; width: 10px; position:absolute;bottom:0px;left:0px;} 
.topRightCorner {height: 10px; width: 10px; position:absolute; top:0px;right:0px;z-index:1000;}
.bottomRightCorner {height: 10px; width: 10px; position:absolute; bottom:0px;right:0px;z-index:1000;}




/*---------------------------------------------*/
/* 	  Basic table elements                          
-----------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
	border-style: none;
	text-align: left;
}


tr{
	border-collapse: separate;
	border-spacing: 0px 1px;
	border-style:solid none none none;
	border-color: white;
	border-width: 2px;
	color: #3d3e37;
}


th{
	background-color: white;
 	font-weight: bold;
	font-size: 1.2em;
	vertical-align: middle;
}


td{
	border-spacing: 0px 1px;
	padding: 5px 8px 3px 10px;
	border-color: #e6e6e6;
	text-align:left;
	vertical-align:top;
	font-size: 1.2em;
}


.tableHead{
	padding-top:20px;
	}


/*---------------------------------------------------------------------*/
/* 	  Nested/special table elements (i.e. Collapsible table on Downloads page)                       
----------------------------------------------------------------------*/

.downloadTable th{
	padding-top:20px;
}

table table {
	margin:0px;
	width:100%;
}


table table tr{
border-style:none;
}


table table td{
	font-size:1em;
	}


tr.evenRow{
	background-color: #cae6ca;
	}


table table td{
	border-style: none;
	}


table .CollapsiblePanelTab{
	margin:0px;
	padding:0px 8px 0px 10px;
	}


.downloadTable td + td + td{
	text-align: right;
	width:6.8em;
}


.doubleCell {
	padding-left:0px;
	padding-right:0px;
	}

#rightColumn h2{
margin-bottom: 10px;
text-shadow: 0px 0px 1px #41433b;
padding: 6px;
letter-spacing:1px;
color: white;
background-color: #474b3f;
background-image:url(images/bg-h2.png);
background-repeat: repeat-x;
margin-top: 16px;
font-size:1.3em;
}

#rightColumn h1{
margin-bottom: 13px;
text-shadow: 0px 0px 1px #41433b;
padding: 6px;
letter-spacing: 01px;
background:url(images/bg-callout.png) 0 20em repeat-x;
margin-top: 16px;
border-width: 2px;
border-style:outset;
}

.sideNav p{
padding-left: 20px;
}

.eachColumn h2{
background-color: #1a623a;
background-image:url(images/GreenHeader.png);
background-repeat:repeat-x;
padding:.6em 0px .3em .3em;
text-shadow: 0px 0px 1px #41433b;
color: white;
margin:0px;


}

#rightColumn label{
	margin-left: .6em;
	margin-right: 1em;
	float:left;
}


.sideNav li{margin-bottom:5px;}

.sideNav li a{
	color: #321478;
	font-size: 11px;
	letter-spacing:1px;
	font-weight:bold;
	}
	

.eachColumn ul{
padding-left: 8px;
padding-bottom: 6px;
padding-right: 8px;
padding-top: 5px;
background-color:#e8efd3;
position:relative;
list-style:none;
float:none;
color: #34352f;
}
    
 



.landingForm {
	border-style: none solid none none;
	margin-left: -20px;
	margin-right:15px;
	margin-bottom:10px;

	position:relative;
	color: #34352f;
	padding-left:25px;
	padding-right:10px;
	padding-bottom:10px;
	border-width:1px;
	border-color: #dce1c9;
	height:100%;
	float:left;
}

.landingForm h1{
	font-size:1.2em;
	margin: -13px 15px 0px 0px;
}
	
.offsetLogo{float:left;margin-left:-42px;margin-top:-32px; position: absolute;width:42px;height:42px;}






	


.CollapsiblePanelTab img{
display:inline;
vertical-align:middle;
margin-left: 3px;
margin-bottom: 1px;
margin-top: -2px;
margin-right: 3px;
}




.sideNav div{
width: 18px;
height: 17px;
float:left;
vertical-align:middle;
margin-left: 6px;
margin-right: 3px;
text-align:center;
}




	
.subHead{
font-weight:bold;
}	






 .offer li {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
}


.offer {
	padding: 10px;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-right: 0px;
	margin-left: 1em;
	border-style: none;
	float: none;
	list-style-position: outside;
	position: static;
	font-size: small;
}

input{
background-color: white;
text-align: left;
	border: thin solid black;
}

textarea{
background-color: white;
text-align: left;
	border: thin solid black;
}

select {
font-size:.9em;
border-width: thin;
border-style: outset;
text-align: left;
max-width:161px;
}

option{
font-size:1em;
padding-left:0px;
padding-right:0px;
}

label{
font-style: normal;
margin-bottom: 0px;
margin-top: 6px;
display:block;
font-size:1em;
font-weight: normal;
clear:both;
}



.sub{
font-size:smaller;
font-weight:normal;
}

legend{
	font-size: 1em;
	font-weight: bold;
	clear:none;
	border-width: 1px;
	border-style: none;
	border-color:green;
}

fieldset{
	padding-left: 13px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 0em;
	position: relative;
	margin-left: 10px;
	border-color: #b5ceb6;
	clear:left;
	height:100%;
}
	

	

.popup{
	border-width: thin;
	border-style: inset;
	margin-bottom: 5px;
	margin-top: 2px;
}

.radio{
	margin-right: 6px;
}

.submitButton{
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-top: 2px;
	background-color: #8e9281;
	letter-spacing: 1px;
	color: white;
	background:url(images/bg-h2.png) 0 0 repeat-x;
	text-align: center;
	font-size:1em;
	margin-top: 15px;
	border-style: outset;
	float:right;
}




caption{
	margin-bottom: 10px;
	text-align: left;
	font-size: medium;
	font-weight: bold;
}

.CollapsiblePanel{
	display: block;
	margin:0px;
	padding: 0px;
}

.CollapsiblePanelRows{
	padding: 0px;
	margin: 0px;
}

.CollapsiblePanelInfo{

	width: 30em;

	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 0px;
}

#menu #levelTwoOn{
	background-color: #23a93d;
}
                                                                     
#menu #levelTwoOn:hover{
	background-color: #2ace4b;
	color:#34352f;
}
                                                                     
.eachColumn {
	margin-left: 2px;
	margin-bottom: 0px;
	margin-right: 16px;
	margin-top: 20px;
	width:220px;
	text-align: left; 
	padding:0px;
	float:right;
	border-style:none;
	position:relative;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearFloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.clearLeft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearRight {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.alignRight{
	text-align:right;
	} 
.customerLogo{
	float:right;
	width: 70px;
	margin-left:1em;
	margin-top: 5px;
	border-width:1px;
	border-style:solid;
	border-color: #e8dfe3;
}

.leftOff {position:absolute; top:-100em; left:-100em; width:0px;height:0px;overflow:hidden; line-height:0px; clear:none;}

/*---------------------------------------------------------------------*/

/* @group Greenhouse */

/* @group General */

/*Spam Check Field*/
#scheck {  
   visibility:hidden;  
   display:none;  
}  

/*Greenhouse styles*/
   
p.greenhouse-body {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 9pt;
}

a.greenhouse-body-action, a.greenhouse-body-action:visited {
	outline:none;
	color: #3c0069;
	text-decoration: underline;
	font-weight: bold;
}

a.greenhouse-body-action:hover {
	outline:none;
	color: #23a93d;
	text-decoration: underline;
}

hr.greenhouse {
	border: 1px solid #23a93d;
	text-align: left;
}

table.greenhouse {
	border-collapse: collapse;
	margin: 0px 0px 0;
	border-style: none;
	text-align: left;
	width: auto;
}



/* @end */

/* @group Action Head */

/* Greenshouse Section Head styles */

td.greenhouse-section-head {
	color: white;
	font-weight: bold;
	padding: 1px 3px;
	border-width: thin;
	border-style: none;
	background: #23a93d url(/images/bg-subheader.png) repeat-x;
	font-size: 1.2em;
}

tr.greenhouse-section-head{
	font-weight: bold;
	color: white;
	background-color: #23a93d;
}

tr.greenhouse-sub-section-head{
	font-weight: bold;
	color: white;
	background-color: #797979;
}

a.greenhouse-section-head-action, a.greenhouse-section-head-action:visited {
	outline:none;
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

a.greenhouse-section-head-action:hover {
	outline:none;
	color: silver;
	text-decoration: underline;
	font-weight: bold;
}



/* @end */

/* Greenhouse section body styles */

td.greenhouse-section-body {
	font-size: 1.2em;
}

/* @group Row Styles */

tr.greenhouse-issue-row{
	background-color: #FCCDCD;
	}

tr.greenhouse-issue-row:hover{
	background-color: #d8d8d8;
	}

tr.greenhouse-even-row{
	background-color: #cae6ca;
	}

tr.greenhouse-even-row:hover{
	background-color: #d8d8d8;
	}

tr.greenhouse-odd-row{
	background-color: white;
	}

tr.greenhouse-odd-row:hover{
	background-color: #d8d8d8;
	}



/* @end */

/* Greenhouse Form Elements */

input.greenhouse-button {
	background-color: #23a93d;
	color: white;
	border: medium outset #23a93d;
	font-weight: bold;
	padding: 1px 3px;
}



/* @end */

/*---------------------------------------------------------------------*/

/* displays elements when css is off */

#headerlogo {float:left; margin:27px 0 -5px 2px;}

#inner_title {height:87px; background: url(http://new.testplant.com/images/inner_head.png) no-repeat left top;}

#inner_title h1 {font-size:44px; font-weight:normal; margin: 0 20px 0 25px; color:#47aa42; height:85px; line-height:85px; width:630px; overflow:hidden; }