@charset "utf-8";
@import "http://www.evergreennurseryinc.net/lib/datatables/themes/smoothness/jquery-ui-1.8.4.custom.css";
/*
 * Title: Main Style Sheet for Evergreen site
 * For: html
 * Site: EvergreenNurseryInc.net
 * Author: Matthew Watts
 * Created: 2011-4-11
 * Last Modified: 2011-5-3
 * Last Modified by: Matthew Watts
*/

/* @group global reset */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! For more information on the current state of Global Reset visit http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img{
	border: 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul{
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after{
	content: "";
}

/* @end global reset */




/* @group base html */

body{
	background: url(http://www.evergreennurseryinc.net/images/site-layout/flower-header-repeat.jpg) repeat-x #4b7045;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;/*this is in place to center in older browsers*/
}
a{
	text-decoration: none;
}
	a:link{/* unvisited link */
		color: #000;
		font-weight: bold;
	}         
	a:visited{/* visited link */
		color: #000;
		font-weight: bold;
	}    
	a:hover{ /* mouse over link */
		color: #000;
		font-weight: bold;
		text-decoration: underline;
	}    
	a:active{/* selected link */
		color: #000;
		font-weight: bold;
	}
h1{
	color: #000;
	margin: 10px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-align: center;
}
h2{
	color: #000;
	margin: 10px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-align: center;
}
h3{
	color: #000;
	margin: 10px 0;
	font: bold 1.0em Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
}
p{
	font-size: 1em;
	line-height: 1.4em;
	margin: 10px 0;
	font-weight: normal;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
/* @end group base html */

/* @Page Structure Section */
#wrapper{
	width: 950px;
	margin: 0 auto;
}

	/* @Header Section */
	#header{
		display: none;
	}
	/* @End Header Section */
	

	/* @Middle Section */
	#middle{
		width: 100%;
		background: #fff;
		margin: 0;
		-webkit-border-top-right-radius: 1em;
		-webkit-border-top-left-radius: 1em;
		-moz-border-radius-topright: 1em;
		-moz-border-radius-topleft: 1em;
		border-top-right-radius: 1em;
		border-top-left-radius: 1em;
	}
	
		/* @Navigation Section */
		#navigation{
			width: 100%;
			height: 40px;
			margin: 0;
			border-bottom: 3px double #4b7045;
		}
			#navigation ul{
				width: 700px;
				float: left;
				text-align: center;
				display: inline;
			}
				#navigation li{
					display: inline;
				}
					#navigation li a{
						width: 100%;
						color: #4b7045;
						font-size: 1.4em;
						line-height: 2em;
						padding: .4em .8em .5em .8em;
					}
					#navigation li a:hover{
						color: #fff;
						background: #4b7045;
						text-decoration: none;
						-webkit-border-top-right-radius: 1em;
						-webkit-border-top-left-radius: 1em;
						-moz-border-radius-topright: 1em;
						-moz-border-radius-topleft: 1em;
						border-top-right-radius: 1em;
						border-top-left-radius: 1em;
					}
					
					/* @Start Search Form Section */
					
					#navigation form ul{
						width: 250px;
						display: inline;
					}
						#navigation form ul li{
							display: inline;
							line-height: 40px;
						}
							#navigation form ul li label{
								width: 60px;
								display: inline;
								font-size: 1.2em;
								font-weight: bold;
								margin: 0 10px 0 0;
							}
							#navigation form ul li input[type="text"]{
								height: 20px;
								font-size: 1em;
								text-indent: 10px;
								line-height: 1.4em;
								border: 1px solid #000;
							}
					
					/* @End Search Form Section */
					
		/* @End Navigation Section */


		/* @Content Section */
	
		#content{
			width: 100%;
			margin: 0;
		}
			#content .homeBlurb{
				margin: 20px 10px;
				width: 31.2%;
				height: 300px;
				background-color: #bbe2b1;
				float: left;
				-webkit-border-top-right-radius: 1em;
				-webkit-border-top-left-radius: 1em;
				-moz-border-radius-topright: 1em;
				-moz-border-radius-topleft: 1em;
				border-top-right-radius: 1em;
				border-top-left-radius: 1em;
				-webkit-border-bottom-right-radius: 1em;
				-webkit-border-bottom-left-radius: 1em;
				-moz-border-radius-bottomright: 1em;
				-moz-border-radius-bottomleft: 1em;
				border-bottom-right-radius: 1em;
				border-bottom-left-radius: 1em;
			}
				#content .homeBlurb div, #content .homeBlurb h1 + p, #content .homeBlurb h2 + p, #content .homeBlurb form{
					margin: 10px;
				}
				#content .homeBlurb div{
					height: 75px;
				}
					#content .homeBlurb div img, #content .homeBlurb h1 + p img{
						margin:0 10px 0 0;
						float: left;
					}
					#content .homeBlurb div p, #content .homeBlurb div h3{
						margin: 5px 0;
						font-size: 0.9em;
					}
						#content .homeBlurb div p strong:after{
							content: ":";
						}
						#content .homeBlurb div h3 a{
							font-weight: bold;
							text-decoration: underline;
						}
					#content .homeBlurb img + h3{
						margin: 0 0 5px 0;
					}
					
					/* @Start Newsletter Form Section */
					#content .homeBlurb form ul li{
						margin: 10px 0 0 0;
					}
					#content .homeBlurb form ul:first-child{
						margin: 0;
					}
						#content .homeBlurb form ul li label{
							margin: 0 10px 0 0;
							line-height: 1.4em;
							width: 100px;
							float: left;
							font-weight: bold;
						}
						#content .homeBlurb form ul li input[type="text"]{
							height: 20px;
							font-size: 1em;
							text-indent: 10px;
							line-height: 1.4em;
							border: 1px solid #000;
						}
						#content .homeBlurb form ul li input[type="submit"]{
							margin: 0 0 0 85px;
							padding: 2px 10px;
							font-size: 1em;
							line-height: 1.4em;
							border: 1px solid #000;
							background: #4b7045;
							color: #fff;
							font-weight: bold;
							text-align: center;
						}
						/* @End Newsletter Form Section */
						
			/* If section navigation is found next to the content section, show the wide content area's formatting */
			#categoryInformation + #content{
				width: 675px;
				background-color: #bbe2b1;
				-webkit-border-top-right-radius: 1em;
				-webkit-border-top-left-radius: 1em;
				-moz-border-radius-topright: 1em;
				-moz-border-radius-topleft: 1em;
				border-top-right-radius: 1em;
				border-top-left-radius: 1em;
				-webkit-border-bottom-right-radius: 1em;
				-webkit-border-bottom-left-radius: 1em;
				-moz-border-radius-bottomright: 1em;
				-moz-border-radius-bottomleft: 1em;
				border-bottom-right-radius: 1em;
				border-bottom-left-radius: 1em;
			}
				#categoryInformation + #content{
					margin: 10px 0 10px 245px;
					width: 695px;
					background-color: #bbe2b1;
					-webkit-border-top-right-radius: 1em;
					-webkit-border-top-left-radius: 1em;
					-moz-border-radius-topright: 1em;
					-moz-border-radius-topleft: 1em;
					border-top-right-radius: 1em;
					border-top-left-radius: 1em;
					-webkit-border-bottom-right-radius: 1em;
					-webkit-border-bottom-left-radius: 1em;
					-moz-border-radius-bottomright: 1em;
					-moz-border-radius-bottomleft: 1em;
					border-bottom-right-radius: 1em;
					border-bottom-left-radius: 1em;
				}
					#categoryInformation + #content h1{
						margin: 10px 0 10px 0;
					}
					#categoryInformation + #content p{
						margin: 10px;
					}
						#categoryInformation + #content p strong:after{
							content: ":";
						}
					#categoryInformation + #content > h1 + a img{
						margin: 10px 10px 0 10px;
						float: left;
					}
					#categoryInformation + #content div{
						margin: 10px;
						min-height: 80px;
					}
						#categoryInformation + #content div.categoryItem h3 a{
							text-decoration: underline;
						}
							#categoryInformation + #content div.categoryItem h3 a:hover{
								text-decoration: none;
							}
						#categoryInformation + #content div.categoryItem img{
							margin: 0 10px 0 0;
							float: left;
						}
					#categoryInformation + #content ul, #categoryInformation + #content h3{
						margin: 0 0 0 10px;
					}
						#categoryInformation + #content ul li{
							margin: 10px 0;
						}
					#categoryInformation + #content a{
						text-decoration: underline;
					}
						#categoryInformation + #content a:hover{
						text-decoration: none;
					}
					#categoryInformation + #content table{
						margin: 10px;
					}
					#categoryInformation + #content thead{
						border-bottom: 1px solid #000;
					}
						#categoryInformation + #content thead td{
							margin: 0 10px;
							line-height: 1.4em;
							text-align: center;
							font-weight: bold;
							font-size: 1.2em;
						}
						#categoryInformation + #content tbody tr{
							border-bottom: 1px dashed #000;
						}
							#categoryInformation + #content tbody td{
								margin: 10px;
								line-height: 1.4em;
							}
							#categoryInformation + #content tbody td:first-child{
								margin: 10px 10px 10px 0;
							}
							#categoryInformation + #content tbody.specialWidth td:first-child{
								width: 25%;
							}
							#categoryInformation + #content tbody.specialWidth td:first-child{
								width: 25%;
								font-weight: bold;
								text-transform: capitalize;
							}
					#categoryInformation + #content form div{
						display: none;
					}
					#categoryInformation + #content form div{
						display: none;
					}
					#categoryInformation + #content form ul li{
						margin: 10px 0 0 0;
					}
					#categoryInformation + #content form ul:first-child{
						margin: 0;
					}
						#categoryInformation + #content form ul li label{
							margin: 0 10px 0 0;
							line-height: 1.4em;
							width: 100px;
							float: left;
							font-weight: bold;
						}
						#categoryInformation + #content form ul li input[type="text"]{
							height: 20px;
							font-size: 1em;
							text-indent: 10px;
							line-height: 1.4em;
							border: 1px solid #000;
						}
						#categoryInformation + #content form ul li textarea{
							font-size: 1em;
							text-indent: 10px;
							line-height: 1.4em;
							border: 1px solid #000;
						}
						#categoryInformation + #content form ul li input[type="submit"]{
							margin: 0 0 10px 170px;
							padding: 2px 10px;
							font-size: 1em;
							line-height: 1.4em;
							border: 1px solid #000;
							background: #4b7045;
							color: #fff;
							font-weight: bold;
							text-align: center;
						}
						
				/* @Start Order Form Section */
				
				#content p{
					margin: 10px;
				}
				#content div.blockInformation{
					margin: 10px 10px 10px 150px;
					float: left;
					width: 250px;
					border: 1px solid #000;
				}
					#content div.blockInformation h3{
						margin: 2px 0;
						text-align: center;
					}
					#content div.blockInformation p{
						margin: 2px 0;
						text-align: center;
					}
				.dataTables_wrapper{
					margin: 10px;
				}
					.dataTables_wrapper .ui-widget-header > div{
						display: none;
					}
					.dataTables_wrapper div.dataTables_filter, .dataTables_wrapper div.dataTables_paginate{
						display: none;
					}
					.dataTables_wrapper div.dataTables_paginate > span, .dataTables_wrapper div.dataTables_paginate > span > span{
						display: none;
					}
				#plantList{
					width: 100%;
				}
					#plantList thead th{
						font-weight: bold;
					}
					#plantList tbody tr td{
						padding: 3px 0;
					}
					#plantList tbody tr.odd{
						background-color: #bbe2b1;
					}
						#plantList td{
							min-width: 40px;
						}
					#plantList tbody tr td input[type="text"]{
						width: 30px;
					}
					#plantList tbody tr td.price:before{
						content: "$";
					}
					form#plantForm ul{
						margin: 10px 0 10px 10px;
						list-style: none;
						padding: 0;
					}
						form#plantForm ul:before{
							color: #FF0000;
							content: "* = required"
						}
						form#plantForm ul li{
							margin: 10px 0;
							padding: 0;
							clear: both;
						}
							form#plantForm ul li label{
								color: #000;
								float: left;
								width: 125px;
								margin: 0 10px 0 0;
							}
							form#plantForm ul li label.required:after{
								color: #ff0000;
								content: "*";
							}
							form#plantForm ul li input[type="text"]{
								border: none;
								border-bottom: 1px solid #000;
								width: 200px;
							}
						#plantForm div strong{
							margin: 0 10px 10px 780px;
							width: 140px;
							padding: 5px 10px 0 0;
							display: block;
							text-align: right;
							font-size: 1.2em;
							border-top: 1px solid #000;
						}
						#plantForm div input[type="submit"], #plantForm div input[type="button"]{
							margin: 0 10px 10px 0;
							padding: 2px 10px;
							font-size: 1em;
							line-height: 1.4em;
							border: 1px solid #000;
							background: #4b7045;
							color: #fff;
							font-weight: bold;
							text-align: center;
						}
				
				/* @End Order Form Section */
				
				/* @Start Wholesale Section */
				
				#content div.blockInformation2{
					margin: 10px 10px 10px 110px;
					float: left;
					width: 310px;
					border: 1px solid #000;
				}
					#content div.blockInformation2 a{
						margin: 10px;
						display: block;
						padding: 2px 10px;
						font-size: 1em;
						line-height: 1.4em;
						border: 1px solid #000;
						background: #4b7045;
						color: #fff;
						font-weight: bold;
						text-align: center;
					}
						#content div.blockInformation2 a:hover{
							text-decoration: none;
						}
					#content div.blockInformation2 ul li{
						font-size: 1.2em;
						margin-bottom: 10px;
					}
						#content div.blockInformation2 ul li label{
							color: #000;
							float: left;
							width: 100px;
							margin: 0 10px 0 10px;
						}
						#content div.blockInformation2 ul li input[type="text"], #content div.blockInformation2 ul li input[type="password"]{
							border: 1px solid #000;
							width: 180px;
							height: 1.4em;
							text-indent: 10px;
						}
						#content div.blockInformation2 ul li input[type="submit"]{
							margin: 10px 10px 10px 120px;
							padding: 2px 10px;
							font-size: 1em;
							line-height: 1.4em;
							border: 1px solid #000;
							background: #4b7045;
							color: #fff;
							font-weight: bold;
							text-align: center;
						}
						#categoryInformation + #content #freeform ul li label{
							width: 150px;
						}
				
				/* @End Wholesale Section */
				
				/* @Start Secondary Navigation Section */
				
				#categoryInformation{
					margin: 10px 0 10px 10px;
					width: 225px;
					float: left;
				}
					#categoryInformation > ul, #categoryInformation > div{
						margin: 0;
						width: 100%;
						background-color: #bbe2b1;
						-webkit-border-bottom-right-radius: 1em;
						-webkit-border-bottom-left-radius: 1em;
						-moz-border-radius-bottomright: 1em;
						-moz-border-radius-bottomleft: 1em;
						border-bottom-right-radius: 1em;
						border-bottom-left-radius: 1em;
					}
						#categoryInformation ul li{
							padding: 2px 0;
							text-align: center;
							line-height: 1.4em;
						}
							#categoryInformation ul li a{
								width: 221px;
								margin: 0 auto;
								height: 100%;
								display: block;
								text-align: center;
								line-height: 1.4em;
								-webkit-border-bottom-right-radius: 1em;
								-webkit-border-bottom-left-radius: 1em;
								-moz-border-radius-bottomright: 1em;
								-moz-border-radius-bottomleft: 1em;
								border-bottom-right-radius: 1em;
								border-bottom-left-radius: 1em;
								-webkit-border-top-right-radius: 1em;
								-webkit-border-top-left-radius: 1em;
								-moz-border-radius-topright: 1em;
								-moz-border-radius-topleft: 1em;
								border-top-right-radius: 1em;
								border-top-left-radius: 1em;
							}
								#categoryInformation ul li a:hover{
									background-color: #fff;
									text-decoration: none;
								}
					#categoryInformation > h2, #categoryInformation > div{
						margin: 10px 0 0 0;
						background-color: #bbe2b1;
						-webkit-border-top-right-radius: 1em;
						-webkit-border-top-left-radius: 1em;
						-moz-border-radius-topright: 1em;
						-moz-border-radius-topleft: 1em;
						border-top-right-radius: 1em;
						border-top-left-radius: 1em;
					}
					#categoryInformation h2:first-child{
						margin: 0;
					}
						#categoryInformation > div a{
							padding: 10px 0;
							width: 100%;
							text-align: center;
							display: block;
						}
				
				/* @End Secondary Navigation Section */
				
		/* @End Content Section */
		
	/* @End Middle Section */
	

	/* @Footer Section */
	#footer{
		width: 100%;
		height: 40px;
		margin: -2px 0 10px 0;
		background: #fff;
		-webkit-border-bottom-right-radius: 1em;
		-webkit-border-bottom-left-radius: 1em;
		-moz-border-radius-bottomright: 1em;
		-moz-border-radius-bottomleft: 1em;
		border-bottom-right-radius: 1em;
		border-bottom-left-radius: 1em;
		border-top: 3px double #4b7045;
	}
		#footer p{
			color: #000;
			text-align: center;
			line-height: 40px;
			margin: 0;
		}
			#footer p a{
				color: #000;
				text-decoration: none;
				font-weight: normal;
			}
		#footer ul{
			text-align: center;
			background: #ff9;
			margin: 0;
		}
			#footer ul li{
				display: inline;
				text-align: center;
				margin: 10px;
				height: 2em;
				line-height: 2em;
			}
	/* @End Footer Section */
	
/* @End Page Structure Section */

.rotate-neg-90{
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 50% 50%;
  /* IE support too convoluted for the time I've got on my hands... */
}

/* Clearfix to be put in the parent element that contains floated items */
.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%;
}