/******** RESET ***********/
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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
/* remember to define focus styles! */
:focus {outline: 0; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none; }
del {text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/******** END RESET ***********/
/******** END RESET ***********/
/******** END RESET ***********/

body{color:#000; font: 13px Arial, Helvetica, sans-serif; background:#fff; }
img{border-style:none;}
a{text-decoration:none; color:#000; }
	a:hover{text-decoration:underline; }
input{vertical-align:middle;}
form,fieldset{border-style:none; text-align: left; }
h1 {font-size: 24px; color: #004506; margin: 0 0 8px 0; }
h2 {font-size: 19px; color: #004506; margin: 0 0 5px 0; }
h3 {font-size: 15px; color: #004506; margin: 0 0 3px 0; }

/* NORM TABLE */
table {/* width: 100%; */ }
	table td {padding: 0 5px 0 0; }
	table td img {vertical-align: text-top; }
	
ul {list-style: inside; list-style-type: disc; margin-left: 15px; margin-bottom: 10px; }
	ul li {line-height: 1.3em; }

#page{ }

h1.pagetitle {text-align: left; }

/*
#header-container {width: 100%; background-color:#97be48; border-bottom: 1px solid #999; }
#header{height: 160px; position: relative; background: url(images/header-background.gif) no-repeat scroll left top; margin: 0 auto; width: 960px; }
*/


div.toplinks-holder {background-color: #000; width: 100%; height: 22px; }
	div.toplinks {margin: 0 auto; width: 960px; text-align: right; padding-top: 3px; position: relative; }
		div.toplinks div.othersites {position: absolute; left: 0; color: #97be48; }
			div.toplinks div.othersites a {color: #BC5329; padding: 0; text-transform: uppercase; }
				div.toplinks div.othersites a.hydroponics {color: #1C74BB; }
				div.toplinks div.othersites a.agriculture {color: #a5b320; }
				div.toplinks div.othersites a:hover {color: #fff; text-decoration: none; }
	div.toplinks a:link, div.toplinks a:visited, div.toplinks a:active {color: #97be48; padding: 0 15px 0 0; }
		div.toplinks a:hover {color: #fff; text-decoration: none; }
	div.toplinks img {padding-right: 5px; vertical-align: middle; }
	div.toplinks a.view {color: #fff; }

div.nav-holder {position: absolute; bottom: 0; width: 100%; height: 33px; z-index: 2; }

#nav {margin: 0 auto; position: relative; width: 750px; height: 33px; list-style: none; }
#nav li {background: url(images/nav-background.png) no-repeat scroll -10px 0; padding: 9px 10px 0; float: left; border-bottom: 1px solid #999; border-right: 1px solid #aaa; height: 24px; }
	#nav li.first {background-position: 0 0; }
	#nav li:hover {background-image: url(images/nav-background-hover.png); }

#nav a:link, #nav a:visited, #nav a:active {text-transform: uppercase; font-size: 12px; color: #6d6e71; }
	#nav a:hover {color: #004506; }
	
#nav li.last-normal {border-right: 0 none; }

#nav li.last {background-position: right top; padding: 9px 10px 0 23px; border-right: none; }
	#nav li.last:hover {background-image: url(images/nav-background.png); }
	#nav li.last a:link, #nav li.last a:visited {color: #fff; }
	#nav li.last a:hover {color:#bc5429; }

#nav li.active {border-bottom: 1px solid #fff; background-image: url(images/nav-background-hover.png); }

.logo-holder {position: absolute; top: 40px; left: 20px; width: 625px; overflow: hidden; }

div.search-form {position: absolute; top: 30px; right: 20px; width: 220px; }

/* FEATURED IMAGE */
.main-slides {display: none; }

.featured-image {position: relative; overflow: hidden; height: 295px; }
	.featured-image div {background:transparent url(../images/splash/category-bg.png) repeat scroll left top; height:55px; left:0; padding:0 0 0 5px; position:absolute; top:243px; width:682px; }
	.featured-image div p {line-height:20px; padding: 0 13px; color: #fff; margin: 6px 0 4px 0; font-size: 15px; }
	.featured-image div a:link, .featured-image div a:visited, .featured-image div a:active {border: 0 none; text-decoration: underline; color: #7AB82F; }
	.featured-image div a:hover {text-decoration: none; }
	.featured-image div img {position: absolute; top: 13px; right: 20px; }

/* HOMEPAGE BOXES */
.box {margin-top: 10px; }

.full-width {border: 1px solid #999; padding: 10px; }
.half-width {width: 316px; float: left; padding: 10px 10px; border:1px solid #999999; height: 125px; }
	.last {margin-right: 0; }
.picture-only {border: 0 none; padding: 0; }
.right{float:right;}

/* WELCOME AND EXCLUSIVES */
.wel-exc {height: 267px; width: 314px; padding: 0; border: 0 none; position: relative; }
	.wel-exc span {position: absolute; bottom: 19px; width: 310px; font-size: 15px; left: 27px; color: #fff; }
.wel-exc a:link, .wel-exc a:visited {font-weight: bold; color: #fff; }
.exclusives span {left: 106px; }
.welcome {}

/* CONTEST BOX HAS BACKGROUND IMAGE */
.contest {background: url(../images/homepage-CoverGirl-contest.png) scroll no-repeat 146px 39px; }
	.contest p {text-align: center; font-size: 22px; text-transform: uppercase; color: #999; width: 130px; padding-top: 15px; }
	.contest p img {padding-top: 10px; }

/* TESTIMONIALS BOX */
.testimonials {background-color: #97BE48; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, rgb(151,190,72)), color-stop(0.68, rgb(122,153,55))); }
.home .testimonials img {margin-right: 40px; width: 183px !important; border: 5px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.home img.last {margin-right: 0; }

/* GUARANTEE BOX */
.guarantee {background-color: #004506; color: #fff; text-align: center; }
	.guarantee h2 {color: #fff; text-align: center; margin: 0; }
	.guarantee p.alt {background-color: #97BE48; color: #BC5329; padding: 3px; margin: 3px 0; text-align: center; font-weight: bold; }

/* SHOPPING CART */
table.basket { }
	table.basket .THHeader {padding: 5px 0; font-size: 15px; }
	table.basket td {vertical-align: middle; }

td.tdRow1Color {background-color: #E2F5C9 !important; }
td.tdRow2Color {background-color: #D0EBAE !important; }

.paddedTable td {padding: 5px 0 5px 2px; }

.free-alert {font-weight: bold; color: #BC5329; }

p span img {padding-right: 10px; }

.form-holder .view{
	float: left;
	font-size: 13px;
	color: #bc380c;
	padding-left: 19px;
	background: url(../images/view-bg.gif) no-repeat 0 2px;
	font-weight: bold;
}
.form-holder ul{
	padding: 0;
	margin: -2px 0 0 22px;
	list-style: none;
	float: left;
}
.form-holder ul li{
	display: inline;
	background: url(../images/sep-green.gif) no-repeat 0 3px;
	padding: 0 8px 0 10px;
}
.form-holder ul a{
	font-size: 11px;
	color: #2f5317;
	font-weight: bold;
}
.form-holder .form{
	clear: left;
	overflow: hidden;
	height: 1%;
	position:relative;
	padding: 8px 0 12px;
}
* html .form-holder .form{margin-top: -7px;}
* +html .form-holder .form{margin-top: -7px;}
.form input{
	float: left;
	margin: 0 4px 0 -4px;
}
.form input.txt,
.side-bar fieldset input.txt{
	font-size: 11px;
	color: #888685;
	height: 16px;
	width: 134px;
	padding: 1px 5px 0;
	border: none;
	margin: 0 10px 0 0;
}
#popup {
	position:absolute;
	top:188px;
	visibility:hidden;
	background:none;
	right:42px;
	width:364px;
	height:66px;
	z-index:3;
}
.show { visibility:visible !important;}
#popup div {
	background:url(../images/popup-bg-new.png) no-repeat;
	width:333px;
	height:100px;
	padding:4px 0 0 39px;
	color:#fff;
	font-size:12px;
}
#popup p {margin:0;}
#popup a {
	position:relative;
	color:#fff;
}
.form a{
	text-indent: -9999px;
	float: left;
	overflow: hidden;
	height: 20px;
	width: 20px;
	background: url(../images/question.gif) no-repeat;
}
#question{
	display: inline;
}

.banner-holder img,
.banner-holder a{
	display: block;
}
.banner-holder a.click{
	position: absolute;
	bottom: 12px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/button-click.gif) no-repeat;
	height: 25px;
	width: 83px;
}
.banner-holder a.catalog{
	bottom: 23px;
	right: 135px;
}
#content{overflow: hidden; margin: 0 auto; width: 960px; }

#content .main-content{width: 692px; float: right; margin: 10px 10px 0 0; }

#wide-content{overflow: hidden; margin: 0 auto; width: 1160px; }
#wide-content .main-content{width: 900px; float: right; margin: 10px 10px 0 0; }

.main-content .txt-box{overflow: hidden; height: 1%; padding: 6px 0 5px; }

.main-content p{
	margin: 0;
}
.main-content .txt-box h2{
	margin-bottom: 2px;
}
.main-content .img-holder{
	float: left;
	width: 164px;
	position: relative;
	margin: 4px 9px 0 0;
}
.main-content .img-holder span{
	color: #bc380c;
	position: absolute;
	bottom: 0;
	text-align: center;
	left: 10px;
	height: 45px;
	font-weight: bold;
}
.main-content .more h2{
	text-align: center;
	margin-bottom:9px;
}
.main-content .more ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
}
.main-content .more .foto{
	float: right;
	margin-right: 16px;
}
/*inner start*/
.inner #content{
	border: none;
	padding-bottom: 80px;
}
.small-nav{
	list-style: none;
	padding: 6px 0 0 21px;
	margin: 0;
}
.small-nav li{
	display: inline;
	font-weight: bold;
	color: #2f5317;
	padding-right: 2px;
}
.small-nav a{
	color: #2f5317;
}
.product{background: transparent url(../images/line.gif) repeat-y scroll 300px 0; }

.product .item-box{overflow: hidden; }
.product .top-box{border: none; }
	.product .item-box div{float:left; padding:0 20px 20px 0; width:300px; }
	.product .item-box h3{color:#BC380C; font-size:13px; margin:0 0 10px; height: 25px; overflow: visible; }
	.product .item-box img{float: left; }
	.product .item-box div div{padding:0 0 0 20px; width:130px; }
	.product .item-box div p{margin: 12px 0 15px; font-size: 11px; color: #484747; }
	.product .item-box div span{font-size: 14px; font-weight: bold; }
	.product .item-box div div a{overflow: hidden; text-indent: -9999px; display: block; height: 17px; margin-top: 14px; }
	.product .item-box div .details{background: url(../images/details.gif) no-repeat; width: 46px; }
	.product .item-box div .add{background: url(../images/add.gif) no-repeat; width: 71px; }
/*inner end*/

td.THHeader {text-align: left; padding-left: 3px; font-size: 15px; }

.suggested-items p {text-align: center; }




.hide {display: none; }

#what-page {display: none; }

/* HOLIDAY STORE CHANGES */
	
	/* HOLIDAY SIDEBAR PRODUCTS */ /* BACKGROUND-COLOR: #02450e */
	/*
	.holiday-list-holder {background: #686868; padding: 10px 0 4px 0; }
	.holiday-list-holder h2 {margin: 0; padding: 0px 5px 2px 10px; font-size: 18px; color:#fff; }
		.holiday-list-holder h2 img {vertical-align: middle; }
	ul.holiday-list {background: url(images/holiday-shop-background.png) scroll left 3px no-repeat; padding: 11px 0 0 80px; margin: 0; height: 80px; list-style: inside disc; color: #97be48; font-weight: bold; line-height: 17px; }
		ul.holiday-list li {background: none; position: relative; padding-left: 27px; }
		ul.holiday-list li a {color: #fff; }
		#header {background-image: url(images/holiday-header-background.png) !important; }
	*/
/*END HOLIDAY STORE*/

/* SPLASH PAGE STYLES */
/**********************/

body#splashpage {font-family: helvetica, arial, sans-serif; background-color: #fff; }

body#splashpage a:link, body#splashpage a:visited, body#splashpage a:active {border: 0 none; text-decoration: none; color: #fff; }
	body#splashpage a:hover, body#splashpage a:visited:hover {text-decoration: underline; }

body#splashpage #wrapper {margin:0 auto; width:900px; }
	body#splashpage #logo {background-color:#97BE48; height:63px; margin-bottom:20px; margin-top:20px; }
	body#splashpage #categories { }
		body#splashpage #categories .category {float:left; padding-right:19px; width:287px; position: relative; overflow: hidden; }
			body#splashpage #categories .last {padding-right: 0; }
		body#splashpage #categories .category h2 {color:#FFFFFF; font-size:26px; font-weight:lighter; text-transform:uppercase; margin: 9px 0 4px 0; }
		body#splashpage #categories .category p {margin: 0; color: #c0c0c0; padding: 0 13px; line-height: 17px; }
		body#splashpage #categories .category img { }
		body#splashpage #categories .category h2 img {vertical-align: text-top; }
		body#splashpage #categories .category div {padding:0 0 0 5px; position:absolute; top:335px; background: transparent url(../images/splash/category-bg.png) scroll repeat left top; width: 281px; height: 150px; }
		
	body#splashpage #footer {margin-bottom: 20px; padding: 0; background: none transparent; position: relative; }
		body#splashpage #footer .color {background-color:#bc5328; height: 130px; }
		body#splashpage #footer .color img {position:absolute; top: 23px; left: 20px; }
		body#splashpage #footer .color img.product {left: 745px; top: -6px; }
		body#splashpage #footer p.text {width: 575px; text-align: left; font-size: 15px; vertical-align: middle; line-height: 20px; color: #eee; padding: 23px 0 0 160px; }


/* UPDATES BY WINSTON */
/*styles for free catalog and view online buttons*/
.banner-holder a.view-online {
	background: url("../images/button-view-online.gif") no-repeat scroll 0 0 transparent;
	bottom: 37px;
	left: 20px;
	
}
.banner-holder a.free-catalog {
	background: url("../images/button-free-catalog.gif") no-repeat scroll 0 0 transparent;
	bottom:7px;
	left: 20px;
}

/* Update for 2011 - Taylor */
/* Nav Stuff */
.side-bar3 {background-color:none; width: 229px; float:left; margin: 10px 0 0 10px; padding-right: 9px; border-right: 1px solid gray;}
.side-bar3 h3 {background-color: #004506; color: white; padding: 6px 0 6px 10px; font-weight: normal;}
.side-bar3 ul {list-style: none; margin:0;line-height: normal;}
.side-bar3 ul li{background-image: url(images/sidebar3-back.png); margin-bottom: 2px;line-height: normal; height: 31px;}
.side-bar3 ul li span.text{bottom: 23px;left: 44px;position: relative; display: block;}

.side-bar3 ul li span.nav_image{width: 31px; height: 31px; background-image: url(images/nav_sprites.png); display: block;}

.sng-exclusive{background: url(images/sng-exclusive.png) no-repeat 165px 0px}

.nav2 {background-position: 0 -31px;}
.nav3 {background-position: 0 -62px;}
.nav4 {background-position: 0 -93px;}
.nav5 {background-position: 0 -124px;}
.nav6 {background-position: 0 -155px;}
.nav7 {background-position: 0 -187px;}
.nav8 {background-position: 0 -219px;}
.nav9 {background-position: 0 -250px;}
.nav10 {background-position: 0 -281px;}
.nav11 {background-position: 0 -312px;}
.nav12 {background-position: 0 -343px;}
.nav13 {background-position: 0 -374px;}
.nav14 {background-position: 0 -405px;}
.nav15 {background-position: 0 -436px;}
.nav16 {background-position: 0 -467px;}
.nav17 {background-position: 0 -498px;}
.nav18 {background-position: 0 -529px;}
.nav19 {background-position: 0 -560px;}
.nav20 {background-position: 0 -591px;}
.nav21 {background-position: 0 -622px;}
.nav22 {background-position: 0 -653px;}
.nav23 {background-position: 0 -684px;}
.nav24 {background-position: 0 -713px;}
.nav25 {background-position: 0 -744px;}

/* Homepage Layout */
.featured-products{background-image: url(/css/images/featured-products.png); position: relative; top: -10px; height:351px; z-index: 10;}
	.featured-products h2{float: left; width: 169px; text-align: center; font-size: 15px; color: #000; position: relative; top: 110px;}
	.featured-products #testimonial-link {background-color: transparent;height: 41px;position: absolute;right: 28px;top: 51px;width: 208px;}
	.featured-products #sng-link {background-color: transparent;height: 17px;left: 225px;position: absolute;top: 297px;width: 46px;}
	.featured-products #bpf-link {background-color: transparent;height: 17px;left: 56px;position: absolute;top: 297px;width: 46px;}
	.featured-products #cw-link {background-color: transparent;height: 17px;left: 399px;position: absolute;top: 297px;width: 46px;}
	.featured-products #pbk-link {background-color: transparent;height: 17px;left: 579px;position: absolute;top: 297px;width: 46px;}
	.featured-products #sng-link2 {background-color: transparent;height: 117px;left: 204px;position: absolute;top: 136px;width: 85px; }
	.featured-products #bpf-link2 {background-color: transparent;height: 117px;left: 37px;position: absolute;top: 136px;width: 85px; }
	.featured-products #cw-link2 {background-color: transparent;height: 117px;left: 381px;position: absolute;top: 136px;width: 85px;}
	.featured-products #pbk-link2 {background-color: transparent;height: 117px;left: 553px;position: absolute;top: 136px;width: 85px;}

.home-boxes{position: relative; bottom:10px;}
	.home-slider2{width:341px; height:124px; float:left; padding-top: 10px;}
		.home-slider2 a{background: url(../images/button-click.gif) no-repeat; height: 25px; width: 83px; z-index: 12; }
	.home-catalog{background-image: url(/css/images/home-catalog2.png); width: 351px; height: 141px; float:right; position: relative;}
		.home-catalog #online-link {background-color: transparent;height: 23px;right: 30px;position: absolute;top: 92px;width: 78px; }
		.home-catalog #catalog-link {background-color: transparent;height: 23px;right: 133px;position: absolute;top: 92px;width: 78px;}
	.home-slider4{ width: 341px; height: 141px; float:left;margin-top: 1px;}
	.home-slider3{width:341px; height:124px; float:right; padding-top: 2px;}
	


.home-email {color: #004506; background-image: url(/css/images/home-email.png); height: 104px;}
.home-email form{float:right; width: 316px;}
.home-email form input{margin-top: 21px;}
.home-email form input.emailbtn{margin: 0; position: relative; bottom: 10px; width: 80px; background-color: #bc5329; color: #fff; border: 1px solid #fff;}
.home-email img{position: relative; top: 10px; left: 98px; width: 134px;}

/* Footer Layout */
#footer-container {width: 100%; min-width: 960px; position: relative; background-color: #9DB850 /* #97be48 */; }

#footer{margin: 0 auto; color: #fff; padding: 10px 0; width: 960px; }
#footer a { text-decoration: none;}
#footer .footer-nav{float: left; margin-top: 4px; }
.footer-nav ul{list-style: none; line-height: 20px; margin-left: 10px }
	.footer-nav ul li {display: inline; }
	.footer-nav ul a {color: #fff; }
	
#footer .midnav{width: 250px; float: left; margin: 20px 0 0 60px; font-size: 16px;}
	#footer .midnav ul{list-style: none; margin: 0; padding-top: 10px; color: #004506;}
	#footer .midnav ul li a{color: #fff;}

#footer .tel {float: right; text-align: left; color: #000; width: 300px; margin-top: 20px; margin-right: 10px;}
	#footer .tel p {font-size: 36px; color: #bc5329; font-weight: bold; }
	#footer .tel ul{float: left; list-style: none; margin: 0; font-size: 16px;}
	#footer .tel img{float:right;}
	#footer .tel ul li a{color: #fff;}
	#footer .tel span{font-size: 16px;}

div.copyright-text {background: url(images/footer-bottom-background.png) scroll repeat-x top left; width: 100%; height: 40px; }
div.copyright-text p {width: 960px; margin: 0 auto; padding: 10px 0; text-align: right; }

a.product-title {font-size: 14px !important; font-weight: bold; color: #BC5329 !important;}
a.product-title:link {text-decoration: none;}
a.product-title:visited {text-decoration: none;}
a.product-title:hover {text-decoration: underline;}
a.product-title:active {text-decoration: none;}

/* Header Styles */
.clearfix{clear:both;}
#header{width:100%;height:250px;background-color:#9DB850;}
#navbar-wrapper{
	width:100%;
	height:85px;
	background-image:url('../images/navigation-bg.png');
}
#navbar{width:960px;height:85px;}
#pages{width:250px;float:left;line-height:inherit;}
#pages .page-widget{
	float:left;
	margin-right:20px;
	width:70px;
	height:85px;
}
#pages .last-child{margin-right:0px;}
#pages .active{background-image:url('../images/pages-active-bg.png');}
#pages .active a{color:#FFF;text-shadow:0px 1px 0px #7C9342;}
.pages-icon{margin-top:20px;}
.pages-desc{font-family:Arial;margin:5px;}
.pages-desc a{font-size:10px;color:#666;text-shadow:0px 1px 0px #DEDEDE;text-decoration:none;}
.pages-desc a:hover{text-decoration:underline;}
#navigation{width:700px;float:right;text-align:right;line-height:85px;}
#navigation ul{margin:0px}
#navigation li.first-child{margin-left:0px;}
#header-content-wrapper{width:960px;height:auto;margin-top:20px;}
#header-content-wrapper .logo{float:left;}
.header-content{float:right; }
.header-content .form-field{
	font-family:Arial;
	font-size:15px;
	color:#AAA;
	background-image:url('../images/form-field-bg.png');
	background-attachment:scroll;
	background-repeat:no-repeat;
	width: 252px;
	height: 25px;
	padding:10px;
	border:0 none;
	margin: 0;
}
.header-content .form-button{
	background-image:url('../images/form-button-bg.png');
	background-attachment:scroll;
	background-repeat:no-repeat;
	width:75px;
	height:45px;
	border:0 none;
	vertical-align:bottom;
}
.header-content .button-1{margin:0px 15px 20px 0px;}
.header-content .button-2{margin:0px 0px 20px 0px;}
.header-search {margin-right: 30px;}


#navigation li{display:inline;margin-left:5px;} /* CHANGED! */
#navigation a{ /* CHANGED! */
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#878787;
	text-shadow:0px 1px 0px #F4F4F4;
	text-decoration:none;
	padding:5px;
}
#navigation a:hover{ /* CHANGED! */
	color:#FFF;
	text-decoration:none;
	text-shadow:none;
	background-color:#8DA649;
	padding:5px;
	border-radius:3px;
	box-shadow:inset 0px 1px 0px #7C9342,inset 0px -1px 0px #7C9342,inset 1px 0px 0px #7C9342,inset -1px 0px 0px #7C9342,inset 0px 2px 0px #B5D75E,inset 0px -2px 0px #B5D75E,inset 2px 0px 0px #B5D75E,inset -2px 0px 0px #B5D75E,0px 0px 5px #999;
}
#navigation a.active{ /* CHANGED! */
	color:#FFF;
	text-decoration:none;
	text-shadow:none;
	background-color:#777;
	padding:5px;
	border-radius:3px;
	box-shadow:inset 0px -1px 0px #FFF,inset 1px 0px 0px #FFF,inset -1px 0px 0px #FFF;
}