/* Import the page layout styles */
@import url(blocks/sake.css);

/* ============== BASIC RESETS ============== */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
table, thead, tbody, tfoot, tr, th, td {
	vertical-align: middle;	
}
html, body {
	height: 100%;
	width: 100%;
}
html {
	overflow-y:scroll;
}
ol, ul {
	list-style: none outside none;
}
address {
	font-style: normal;
}

/* ============== BASIC STYLES ============== */
.clear {
	clear: both;
}
.lclear {
	clear: left;
}
.rclear {
	clear: right;
}
.onepx {
	display: block;
	height: 1px;
	width: 1px;
}
.block {
	display: block;
}
.inline {
	display: inline;
}
.inlineBlock {
	display: inline-block;
}
.invisible {
	visibility: hidden;
}
.help {
	cursor: help;
}
.loading {
	background: transparent url(image/loading.gif) no-repeat 50% 50%;
}
.notloading .loading {
	background: none;
}

a.subtle {
	text-decoration: none;
	color: inherit;
}
a.subtle:hover, a.subtle:focus {
	text-decoration: underline;
}

/* ============== PAGE STYLES ============== */

.staticBG {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
	/*background: rgb(136,121,80) url(image/leafBGopt.jpg) fixed no-repeat 50% 50%;*/
	background-color: #008061;
}

#container {
	margin: 0 auto;
	width: 976px;
	/*background: #FFF url(image/bgTile.png) repeat-x left top;*/
	background-color: white;
	position: relative;
}

	#header {
		position: relative;		
	}
		 
		#logo {
			width: 273px;
			height: 102px;
			position: absolute; 
			top: 10px;
			left: 21px;
			background: transparent url(image/Logo.png) no-repeat left top;	
		}
			
			#logo-Home {
				width: 370px;
				height: 517px;
				position: absolute; 
				top: 0px;
				left: 0px;
				background: transparent;
				background-image: url(image/Logo-Leaf.png);	
				background-repeat: no-repeat;
				background-position: left top;	
			}
			
			#logo a,
			#logo-Home a {
				display: block;
				height: 100%;
				text-indent: -900em;
				
			}
			
		/* Plant Search */	
		#plantSearch {
			position: absolute;
			top: 12px;
			left: 325px;
			min-width: 280px;
		}
		#plantSearch.home {
			left: 255px;
		}
			#plantSearch label {
				font: normal 13px/150% Arial, Helvetica, sans-serif;
				color: #666;
				float: left;
				padding-right: 0.4em;
			}
			#plantSearch input[type="text"] {
				float: left;
				border: 1px solid #999;
				padding: 2px 0.4em 1px;
				font: normal 11px/100% "Courier New", Courier, monospace;
				color: #777;
			}
			#plantSearch input[type="submit"] {
				margin: 0 0.5em;
				padding: 0.5em 0.3em;
				font: normal bold 8px/100% Arial, Helvetica, sans-serif;
				color: #FFF;
				border: none;
				cursor: pointer;
				/* Modern Browser Styles */
				background: #360;
				-moz-border-radius: 12px;
				-webkit-border-radius: 12px;
				border-radius: 12px;
				/* Crappy IE styles */
				cursor: hand;
				text-indent: -900em\9;
				width: 18px\9;
				height: 17px\9;
				padding: 0\9;
				background: transparent url(image/go.gif) no-repeat 50% 50%\9;
			}
			#plantSearch a {
				font: normal 10px/130% Arial, Helvetica, sans-serif;
				color: #C93;
			}
			
		#topLinks {
			text-align: right;
			padding: 14px 20px 12px 0;
			font: bold 12px/14px Arial, Helvetica, sans-serif;
			color: #666;
		}
			#topLinks li {
				display: inline;
			}
			#topLinks a {
				color: #666;
				text-decoration: none;
			}
			#topLinks a:hover,
			#topLinks a:focus {
				color: #336600;
			}
		
		#BG {
			background-color: #f4f4f4;
			border-top: 1px solid #e4d0ab;
			border-bottom: 1px solid #e4d0ab;
		}
		
		#header-RIM {
			height: 278px;
			background-image: url(image/HeaderRIM.jpg);
			background-position: top right;
			background-repeat: no-repeat	
		}
		
		#topNav {
			font: normal 14px/43px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #E4D0AB;
			padding: 2px 20px 0px 0;
			text-align: right;
		}
			#topNav li {
				display: inline;
			}
			#topNav a {
				color: #336600;
				text-decoration: none;
			}
			#topNav a:hover,
			#topNav a:focus {
				color: #cc9900;
			}
			
	
	#pageContent {
		padding: 2.5em 20px 20px;
	}
	#pageContent.home {
		padding: 0;
		min-height: 260px;
	}
		
		#pageContentHome {
			float: right;
			width: 586px;
		}
		
			#homeFootLinks {
				padding: 18px 0px 20px 0;
			}
			
		a.homeFootLink {
				display: block;
				width: 161px;
				height: 88px;
				text-indent: -900em;
				float: left;
				padding-right: 30px;
				background: url(image/Home-Sprites.jpg) no-repeat left top;
			}
		
		a.homeFootLink.availability {
				background-position: -375px top;
			}
		
		a.homeFootLink.locations {
				background-position: -186px top;
			}
			
		a.homeFootLink.catalog {
				background-position: 4px top;
			}
	
			a.homeFootLink.availability:hover,
			a.homeFootLink.availability:focus {
					background-position: -375px bottom;
				}
			a.homeFootLink.locations:hover,
			a.homeFootLink.locations:focus {
					background-position: -186px bottom;
				}
			a.homeFootLink.catalog:hover,
		 	a.homeFootLink.catalog:focus {
					background-position: 4px bottom;
				}
		
		.homeCopy	{
			padding: 25px 35px 0px 0px;
		}
		
		#homeBrandLinks {
			width: 390px;
			height: 250px;
			position: relative;
		}
		.gardenDebut {
			display: block;
			width: 250px;
			height: 141px;
			position: absolute;
			left: 25px;
			top: 140px;
			background-image: url(image/debutLink3.png);
			background-repeat: none;
			text-indent: -900em;
		}
		.o2 {
			display: block;
			width: 86px;
			height: 78px;
			position: absolute;
			left: 169px;
			top: 172px;
			background-image: url(image/O2Link.gif);
			text-indent: -900em;
		}
		
		#homeSocial {
			position: relative;
			height: 100px;
		}
		#homeSocial .twitter {
			position: absolute;
			left: 130px;
			top: 3em;
		}
		#homeSocial .fb {
			position: absolute;
			left: 175px;
			top: 3em;
		}
		

		#homeContent {
				padding: 35px 20px 35px 290px;
			}
	#footer {
		background-color: #f4f4f4;
		border-top: 1px solid #e4d0ab;
		padding: 0 20px;
		height: 25px;
		color: #000;
		margin-top: 20px;
	}
		#footer a {
			color: #000;
			text-decoration: none;
		}
		#footer a:hover,
		#footer a:focus {
			text-decoration: underline;
		}	
		#footer li {
			display: inline;
			font: normal 11px/25px Arial, Helvetica, sans-serif;
		}
	#footerRight{
		float: right;
	}
		
		#footerRight a:hover,
		#footerRight a:focus {
			color: #336600;
		}	

/* AUTOCOMPLETE STYLES */
body div.autocomplete {
	line-height: 140%;
	padding: 0.25em;
	background: #FFF;
	border: 1px solid #360;
	text-align: left;
}
	div.autocomplete>div {
		padding: 0.2em 0;
	}
	div.autocomplete>div.selected {
		color: #360;
		background: #DFDFDF;
	}
	

#breeders {
	float: right;
	width: 100px;
	margin: 0px 0px 8px 8px;
}