@charset "utf-8";
/* CSS Document */

	body {
		margin: 0px;
		width: auto;
		background: url(images/background.jpg) top left repeat-x #436b00;
	}
	
	#page {
		margin: 25px auto;
		width: 940px;
		height: auto;
		/*padding-bottom: 20px;
		 background-color: white; */
		-webkit-box-shadow: 0px 0px 24px 8px rgba(0,0,0,0.28);
		-moz-box-shadow: 0px 0px 24px 8px rgba(0,0,0,0.28);
		box-shadow: 0px 0px 24px 8px rgba(0,0,0,0.28); */
	}
	
	/* top div with logo, number and search bar */
	
		#top-div {
			width: 920px;
			height: 86px;
			background-color: #fff;
			padding: 10px;
		}
	
			#logo {
				width: 460px;
				margin: none;
				float: left;
				/*padding: 5px 5px 5px 10px;*/
			}
			
			#top-logo-right-div {
				height: 66px;
				width: 405px;
				float: left;
				text-align: right;
				padding: 25px 55px 0 0;
				color: #608900;
			}
			
			#callus {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				text-transform: uppercase;				
			}
			
			#number {
				height: 20px;
				width: 150px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 24px;
				font-weight: bold;
			}
			
			#search {
				height: 40px;
				width: 169px;
				float: right;
				margin: 24px 30px 0 0px;
				padding: 5px 0 5px 5px;
				background-color: #66808f;
			}
			
					#search-bar {
						height: 19px;
						width: 90px;
						float: left;
						margin: 7px 0px 3px 15px;
						background-color: #fff;
						color: #CCC;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						padding: 2px 0 0 2px;
					}
					
					#go {
						height: 29px;
						width: 32px;
						float: right;
						margin: 5px 10px 8px 3px;
						background-color: #44555f;
						padding: 2px 0 2px 2px;
						color: #fff;	
						font-family: Arial, Helvetica, sans-serif;
						font-size: 16px;
						font-weight: bold;
					}
					
							#go a {
								text-decoration: none;
								color: #fff;	
								font-family: Arial, Helvetica, sans-serif;
								font-size: 16px;
								font-weight: bold;
							}
							
									#go a:hover {
										color: #eef7d5;
									}
		
		/* navigation bar */
		
		#nav {
			width: auto;
			height: 40px;
			background-color: #425563;
			vertical-align: middle;
			line-height: 40px;
			padding: 0 20px;
		}
		
		#nav-bar {
			width: 700px;
			float: left;
			text-align: left;
		}
		
				#nav ul {
					list-style: none;	
					margin: 0;
					padding: 0;
				}
	
				#nav li {
					display: inline;
					color: #FFF;
					padding: 0 25px;
				}
				
						#nav ul li a {
							color: #fff;
							text-decoration: none;
							font-size: 15px;
							font-family: Arial, Helvetica, sans-serif;
							font-weight: normal;
							text-decoration: none;
						}
						
								#nav ul li a:hover {
									color: #c5e68d;	
								}
					
				/* Search */
				.searchnav {
					width: 200px;
					float: left;
				}


.searchnav input[type=text] {
	border: 1px solid #c9c9c9;
	font-size: 12px;
	background-color: white;
	padding: 4px;
	color: #808083;
	-webkit-appearance: none;
	border-radius: 0;
	width: 120px;
}

.searchnav form .gobtn {
	border: 0;
	background-color: #a2b2bf;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: white;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 38px;
	margin-top: -1px;
	margin-left: -4px;
}
							
				/* shopping cart */				
				#shopping-cart {
					height: 30px;
					width: 210px;
					float: right;
					margin: 0px;
					padding: 0px;
				}
						#cart-image {
							height: 30px;	
							width: 29px;
							float: left;	
						}
				
						#shopping-cart-items {
							width: 180px;
							height: 15px;
							float: right;
							margin-top: 8px;
						}
						
								a.shopping-cart-items {
									font-family: Arial, Helvetica, sans-serif;
									color: #44555f;
									font-weight: bold;
									font-size: 13px;
									text-decoration: none;
								}
								
								#shopping-cart-items a:hover {
									color: #fff;
								}
								
		
		#main-middle {
			height: auto;
			width: 920px;	
			background-color: #FFF;
			margin: 0px;
			padding: 10px;
		}
		
		#left-box {
			height: auto;
			width: 220px;
			margin-right: 15px;
			float: left;
			/*margin: 20px 0 0 30px;*/
			background-color: #FFF;
		}
		


							/* shop now link */
							
							#shop-now {
								width: 120px;
								height: 20px;
								float: left;
								margin: 10px 0 15px 0;
							}
						
								a.shop-now {
									font-family: Arial, Helvetica, sans-serif;
									font-size: 20px;
									font-weight: bold;
									text-transform: uppercase;
									color: #a4c246;
									text-decoration: none;
								}
								
									#shop-now a:hover {
										color: #44555f;
									}
				
						/* left side product links */
						
						 a.link, a.level-1 {
							height: 30px;
							width: 200px;
							float: left;
							background-color: #627e8e;
							padding: 0 10px;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 14px;
							color: #fff;
							font-weight: bold;
							margin-top: 7px;
							text-decoration: none;
							height: 40px;
							line-height: 40px;
							vertical-align: middle;
						}

								a.link:hover, a.level-1:hover #land {
									background-color: #44555f;
								}	

								#prices {
									height: auto;
									width: 198px;
									float: left;
									border-color: #747474;
									border-width: 1px;
									margin-top: 5px;
									background-color: #eef7d5;
								}
								
										#prices ul {
											list-style: none;
											margin: 0px;
											text-align: left;
											padding: 5px 0 0px 25px;
										}
										
											#prices li {
												font-family: Arial, Helvetica, sans-serif;
												font-size: 14px;
												padding: 0px 5px;
												font-weight: bold;
												line-height: 30px;
												
											}
											
												#prices ul li a {
													text-decoration: none;
													color: #747474;
												}
											
													#prices ul li a:hover {
														color: #9bafbb;	
													}
								
					#customer-service-box {
						height: auto;
						width: 190px;	
						background-color: #66808f;
						padding: 12px 0 12px 10px;
						float: right;
						margin: 15px 0 20px 0;
					}
			
			
						.cust-serv-header {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 16px;
							color: #fff;
							font-weight: bold;
						}

								.cust-serv-info ul {
									list-style: none;
									text-align: left;
									margin: 0px;
									padding: 0;
								}
								
									.cust-serv-info li {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 12px;
										line-height: 28px;
										font-weight: bold;
									}
								
											.cust-serv-info ul li a {
												text-decoration: none;
												color: #fff;
											}
											
													.cust-serv-info ul li a:hover {
														color: #bad1de;
													}
						
			 /* right side box with current page, login, main text, and products */
			 				
			#right-box {
				height: auto;
				width: 685px;
				float: left;
				/* margin: 15px 30px 0 0px; */
				background-color: #FFF;
			}
				
				#right-box ul {
					padding: 0;
					margin: 5px 0 0 36px;
				}
			
				#right-box ul li {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					color: #608317;
					line-height: 26px;
				}
				
					#right-box ul li a{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 14px;
						color: #608317;
						line-height: 22px;
						text-decoration: none;
					}
					
					#right-box ul li a:hover {
						text-decoration: underline;
					}
				
				/* aka breadcrumbs */
				#breadcrumbemptybox {
					width: auto;
					height: 23px;
					background-color: #e8edf0;
				}
				
				#right-upper-box {
					width: auto;
					height: 23px;
					line-height: 23px;
					vertical-align: middle;
					background-color: #e8edf0;
					margin-bottom: 12px;
					padding-left: 5px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #777c7f;
				}

					#right-upper-box .breadnolink {
						color: #435664;

					}
					
						#right-upper-box a {
							text-decoration: none;
							color: #777c7f;
						}
						
							#right-upper-box a:hover {
								text-decoration: underline;
							}
			
				#welcome-login {
					width: 160px;
					height: 16px;
					float: right;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #a4c246;
					text-align: right;
				}
				
						a.welcome-login {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #a4c246;
							text-decoration: none;	
						}
				
							#welcome-login a:hover {
								color: #44555f;	
							}
				
				#current-page a {
					/*font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #7e9f2c;
					text-decoration: none;*/
				}
				
				#current-page {
					/*margin-top: 20px;
					height: 15px;
					width: 400px;
					float: left;*/
				}
				
						#current-page a:hover {
							/*color: #44555f;
							text-decoration: underline;*/
						}
								
			#main-textbox {
		
			}
			
			#products-box {
				height: 700px;
				width: 622px;
				float: right;	
			}
			
					#product {
						height: 330px;
						width: 200px;
						float: left;
						margin: 0px 5px 0 0;
					}
					
					.clearfix:after {
						content: ".";
						display: block;
						height: 0;
						clear: both;
						visibility: hidden;
					}
					
						.clear {
							clear: both;
						}

							#product-image {
								width: 190px;
								height: 190px;
								border-style: solid;
								border-width: 1px;
								border-color: #333;
								overflow: hidden;
							}
							
							#product-name {
								background-color: #eef7d5;
								padding: 5px;
								height: 30px;
								width: 180px;
								
							}
							
									.product-name {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 11px;
										font-weight: bold;
										color: #55790f;	
										line-height: 16px;
									}
									
										a.product-name {
											text-decoration: none;
										}
										
										#product-name a:hover {
											color: #9bafbb;	
										}
							
							#product-info {
								height: 100px;
								width: 190px;
								padding: 5px 0 0 10px;
							}
							
									.product-info {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 11px;
										/*font-weight: bold;
										color: #55790f;
										line-height: 18px;*/
									}
									
									.categorydesc {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 13px;
										line-height: 22px;
										color: #55790f;
									}
									
									.prodprice {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 17px;
										line-height: 22px;
										color: #7c7d78;
										margin-bottom: 15px;
									}
									
									.product-description {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 13px;
										line-height: 22px;
										color: #5e5f5b;
									}
									
										.product-description a {
											color: #7ea8c1;
											font-weight: bold;
										}
										
										.product-description a:hover {
											color: #627e8e;
										}
										
										.product-description .additionalsizes {
											margin-top: 20px;
										}
										
										.product-weight {
											margin: 20px 0 0 0;
										}
										
									
									.product-attributes span {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 13px;
										color: #7c7d78;
									}
									
									.product-text {
										font-family: Arial, Helvetica, sans-serif;
										font-size: 12px;
										color: #55790f;
										
									}
									
										.product-text a {
											font-family: Arial, Helvetica, sans-serif;
											font-size: 12px;
											color: #55790f;
											line-height: 18px;
											text-decoration: underline;
										}
										
										.product-text a:hover {
											text-decoration: none;
										}
											
									.right-links {
									float: right;
									}
									
									.price {
										color: #5e707b;	
									}
									
									#add-to-cart {
										height: 16px;
										width: 70px;
										float: left;	
										margin-top: 5px;
										background: url(https://www.bigplanters.com/images/add-to-cart-bg.jpg) repeat-x;
									}
									
										a.add-to-cart {
											font-family: Arial, Helvetica, sans-serif;
											font-size: 10px;
											color: #fff;
											font-weight: bold;
											text-decoration: none;
											padding-bottom: 3px;
											display: block;
											padding-left: 9px;
										}
										
												#add-to-cart a:hover {
													color: #bad1de;	
												}
										
					/* previous and next buttons */
									
					#previous-next {
						height: 16px;
						width: 200px;
						float: right;
						margin-top: 10px;
						}
					
							#previous-next ul {
									list-style: none;
									margin: 0px;
									text-align: right;
									}
						
									#previous-next li {
										display: inline;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 12px;
										padding: 0px 5px;
										}
								
										#previous-next ul li a {
											text-decoration: none;
											color: #44555f;
											}
											
												#previous-next ul li a:hover {
													color: #a4c246;	
												}
				
			/* bottom with logo, number, email, and nav */
			
			#bottom {
				height: auto;
				width: 940px;
				margin: 0px auto;
			}
			
				#bottom-logo {
					height: 73px;
					width: 279px;
					float: left;
				}
				
				#bottom-number {
					height: 40px;
					width: 130px;
					float: left;	
					font-family: Arial, Helvetica, sans-serif;
					font-size: 18px;
					color: #cddaab;
					margin: 40px 0 0 5px;
				}
				
							#bottom-number a {
								font-family: Arial, Helvetica, sans-serif;
								font-size: 18px;
								color: #cddaab;
								text-decoration: none;
							}
							
									#bottom-number a:hover {
										color: #fff;	
									}
						
				#bottom-nav {
					height: 43px;
					width: 510px;
					float: right;
					padding: 30px 0 0 0;
				}
							#bottom-nav ul {
								list-style: none;
								margin: 0px;
								text-align: right;	
							}
				
							#bottom-nav li {
								list-style: none;
								display: inline;
								color: #cddaab;
								font-size: 12px;
								font-family: Arial, Helvetica, sans-serif;
								text-transform: capitalize;
								padding-left:6px;
								
							}
						
								#bottom-nav ul li a {
									color: #cddaab;
									font-size: 12px;
									font-family: Arial, Helvetica, sans-serif;
									text-decoration: none;
								}
									
									#bottom-nav ul li a:hover {
										color: #fff;	
									}

			p, .miva-headertext {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #608317;
				line-height: 22px;
			}
			
			p a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #608317;
			}
			
			p a:hover {
				text-decoration: none;
			}

/* H Tags */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #44555f;	
	font-weight: normal;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #44555f;
	margin: 0;
	padding: 0;
}

/* Static Pages */

#maintextheader {
	width: 622px;
	height: 50px;
	margin: 0 0 5px 0;
}

	#dropdown {
		width: 200px;
		height: 35px;
		float: right;
		margin: 15px 0 0 0;
	}
	
	#headertext {
		width: 422px;
		height: 50px;
		float: left;		
	}

.statenoorders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F00;
	font-style: italic;
}
	
	a.statenoorders {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #F00;
		font-style: italic;
	}
	
	a.statenoorders:hover {
		text-decoration: none;
	}
	

	#right-box ul.statelist {
 	 width: 30em;  /* room for columns */
	 margin: 20px 0 0 100px;
	}
	
	#right-box ul.statelist li {
  		float: left;
 		width: 10em;  /* accommodate the widest item */
		list-style: none;
		margin: 0 20px 0 0;
	}

	/* stop the floating after the list */
	#right-box ul.statelist br {
  		clear: left;
	}

	/* anchor styling */
	#right-box ul.statelist li a {
  		display: block;
  		width: 10em;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
  		text-decoration: none;
	}

	#right-box ul.statelist li a:hover
	{
  		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: underline;
	}
	

#treetublogos {
	float: left;
	width: 120px;
	margin: 0 30px;
}

#treetubcompanies {
	float: right;
	width: 422px;
}

	#treetubcompanies ul {
 	 width: 30em;  /* room for columns */
	 margin: 0;
	}
	
	#treetubcompanies ul li {
  		float: left;
 		width: 10em;  /* accommodate the widest item */
		list-style: none;
		margin: 0 20px 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	/* stop the floating after the list */
	#treetubcompanies ul br {
  		clear: left;
	}


		
			
/* IE6 css fixer v0.8: Wed, 29 Sep 2010 21:34:17 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#logo,
#top-logo-right-div,
#number,
#search,
#search-bar,
#go,
#nav-bar,
#shopping-cart,
#cart-image,
#shopping-cart-items,
#left-box,
#upper-left-box,
#shop-now,
a.link,
#prices,
#customer-service-box,
#right-box,
#welcome-login,
#current-page,
#products-box,
#product,
#add-to-cart,
#previous-next,
#bottom-logo,
#bottom-number,
#bottom-nav {display:inline;}

/* fix negative margins */
#nav {position:relative; zoom:1;}
		

/* FORMS -- YIPPEE */
label {
	float:left;
	width:100px;
	height: auto;
	text-align:right;
	padding:2px 10px 3px 0;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #55790f;
}

#right-box ul li.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
}




/* CSS for States pages - photos float */

.stateplanterphoto {
	float: right;
	margin-right: 50px;	
}

#marketphotos {
	float: right;
	margin: 18px 10px 0px 15px;
	
	
}

/* Home Page Banner */

#banner-container {
	width: 622px;
	height: auto;
}

	#banner-title {
		width: 622px;
		height: auto;	
	}
	
		#column1 {
			width: 200px;
			height: auto;
			float: left;
		}
		
		#column2 {
			width: 222px;
			height: auto;
			float: left;
			text-align:center
		}
		
		#column3 {
			width: 200px;
			height: auto;
			float: left;
		}

.banner-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
}

.wasfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #F00;
}
		
.bannertext {		
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#03C;
}

/* nsphere module */

#right-box #main-textbox legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #44555f;	
}

.ns_content_body {  
  line-height:21px;
  width: auto;
  height: 350px;
  overflow: hidden;
  padding: 0 10px;
}

	#right-box #main-textbox .ns_content_body ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		#right-box #main-textbox .ns_content_body li {
			width: 145px;
			float: left;
			margin: 0;
			padding: 0;
		}

#right-box #main-textbox .ns_content_body ul li a { 
	text-decoration: none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #66808F;
	font-weight: normal;
}


/* subfooter callout */

.subfooter {
	margin: 40px 0 0 0;
	padding: 0;
	width: 100%;
	background: #2f302b;
}

a.biganddawn {
	width: 700px;
	height: 87px;
	margin: 0px auto!important;
	padding: 30px;
	display: block;
	text-decoration: none;
	}

	
		a.biganddawn img {
			float: left;
			padding: 3px 15px 15px 0;
			border: 0;
		}
		
		.family-lineone, .family-linetwo {
			text-transform: uppercase;
			font-family: "Helvetica Med Cond", Arial, sans-serif;
			font-weight: normal;
		}
		
		.family-lineone {
			color: #fff;
			font-size: 24px;
		}
		
		.family-linetwo {
			font-size: 18px;
			color: #7b9e21;
		}
		
		.godawn-learnmore {
			text-transform: uppercase;
			font-family: "Helvetica Med Cond", Arial, sans-serif;
			font-weight: normal;
			color: #696969;
			font-size: 14px;
			margin-top: 16px;
		}
		
		a.biganddawn:hover .godawn-learnmore {
			color: #becee5;
		}