table { padding:0px; border: 0px; }
table.grid { padding:10px; border: 0; margin:15px; background:#343434; }
table.grid td { padding:10px; margin:15px; background:#343434; vertical-align:top; }
table.grid tbody { border:0; }
table.grid tr { border:0; }

.grid { border: 0; }

a:link {	color: #fff;	font-size: 14px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif;  font-weight:800;}
a:visited { text-decoration: none; font-size: 14px;	color: #fff; font-family: Helvetica, Arial, sans-serif;  font-weight:800;}
a:hover {	font-size: 14px; color: #94b633; text-decoration: none; font-family: Helvetica, Arial, sans-serif;   font-weight:800;}
a:active {text-decoration: none; color:#94b633;	font-size: 14px; font-family: Helvetica, Arial, sans-serif;  font-weight:800;}

a.main:link {	color: #000000;	font-size: 10px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif}
a.main:visited { text-decoration: none; font-size: 10px;	color: #000000; font-family: Helvetica, Arial, sans-serif}
a.main:hover {	font-size: 10px; color: #3e3e3e; text-decoration: none; font-family: Helvetica, Arial, sans-serif}
a.main:active {text-decoration: none;	font-size: 10px; font-family: Helvetica, Arial, sans-serif}

a.main:link {	color: #000000;	font-size: 10px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif}
a.main:visited { text-decoration: none; font-size: 10px;	color: #000000; font-family: Helvetica, Arial, sans-serif}
a.main:hover {	font-size: 10px; color: #3e3e3e; text-decoration: none; font-family: Helvetica, Arial, sans-serif}
a.main:active {text-decoration: none;	font-size: 10px; font-family: Helvetica, Arial, sans-serif}

a.headersub:link {	color: #1e1e1e;	font-size: 10px;	text-decoration: none; font-weight: 400; font-family: Verdana, Geneva, sans-serif}
a.headersub:visited { text-decoration: none; font-size: 10px; color: #1e1e1e; font-weight: 400; font-family: Verdana, Geneva, sans-serif}
a.headersub:hover {	font-size: 10px; color: #94b633; text-decoration: none; font-weight: 400; font-family: Verdana, Geneva, sans-serif}
a.headersub:active {text-decoration: none;	font-size: 10px; font-weight: 400; font-family: Verdana, Geneva, sans-serif}

a.categorylink:link {	color: #fff;	font-size: 12px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding-right:1px;  padding-left:0;}
a.categorylink:visited { text-decoration: none; font-size: 12px;	color: #fff; font-family: Helvetica, Arial, sans-serif; padding-right:1px;  padding-left:0;}
a.categorylink:hover { font-size: 12px; color: #94b633; text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding-right:1px;  padding-left:0;}
a.categorylink:active {text-decoration: none;	font-size: 12px; font-family:  Helvetica, Arial, sans-serif; padding-right:1px; padding-left:0;}

a.footersub:link {	color: #1e1e1e;	font-size: 9px;	text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}
a.footersub:visited { text-decoration: none; font-size: 9px; color: #1e1e1e; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}
a.footersub:hover {	font-size: 9px; color: #94b633; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}
a.footersub:active {text-decoration: none;	font-size: 9px; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}

a.footer:link {	color: #fff; font-size: 11px;	text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}
a.footer:visited { text-decoration: none; font-size: 11px; color: #fff; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}
a.footer:hover {	font-size: 11px; color: #94b633; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}
a.footer:active {text-decoration: none;	font-size: 11px; font-family: Verdana, Geneva, sans-serif; font-weight: 400;}

a.showcaselink:link { color: #94b633;	font-size: 12px; text-decoration: underline; font-family: Helvetica, Arial, sans-serif;}
a.showcaselink:visited { text-decoration: underline; font-size: 12px;	color: #94b633; font-family: Helvetica, Arial, sans-serif;}
a.showcaselink:hover {	font-size: 12px; color: #fff; text-decoration: none; font-family: Helvetica, Arial, sans-serif}
a.showcaselink:active {text-decoration: none;	font-size: 12px; font-family:  Helvetica, Arial, sans-serif;}

a.findlink:link {	color: #94b633;	font-size: 12px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding-left:15px;}
a.findlink:visited { text-decoration: none; font-size: 12px;	color: #94b633; font-family: Helvetica, Arial, sans-serif; padding-left:15px;}
a.findlink:hover {	font-size: 12px; color: #fff; text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding-left:15px;}
a.findlink:active {text-decoration: none;	font-size: 12px; font-family:  Helvetica, Arial, sans-serif; padding-left:15px;}

a.showcasehome { width:125px; height:125px; position:absolute; top:0; left:0; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif; z-index:10;}

a.categoryshowcase:link { width:200px; height:151px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}
a.categoryshowcase:visited { width:200px; height:151px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}
a.categoryshowcase:hover { width:200px; height:151px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}
a.categoryshowcase:active { width:200px; height:151px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}


a.category { width:202px; height:25px; position:absolute; top:0; left:0; background: #000 url(../images/range_cornerbottom.gif) bottom right no-repeat; color: #fff; text-indent:10px	font-size: 12px; text-transform:uppercase;	text-decoration: none; font-family: Helvetica, Arial, sans-serif;}

a.enlarge:link { width:100px; height:100px; position:absolute; top:0; left:0; background: url(../images/overlay_enlarge.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}

a.flaglink:link {	color: #fff;	font-size: 12px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding:0 5px 0 5px;}
a.flaglink:visited { text-decoration: none; font-size: 12px;	color: #fff; font-family: Helvetica, Arial, sans-serif; padding:0 5px 0 5px;}
a.flaglink:hover {	font-size: 12px; color: #94b633; text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding:0 5px 0 5px; }
a.flaglink:active {text-decoration: none;	font-size: 12px; font-family:  Helvetica, Arial, sans-serif; padding:0 5px 0 5px;}

img.flag { padding: 0 10px 0 25px;; margin: 0 0 0 0; border:0; vertical-align:middle;}

img.nopadding { padding: 0 0 0 0; margin: 0 0 0 0; border:0;}
img.titleicon { padding: 0 0 0 0; margin: 0 10px 0 0; border:0; vertical-align:top;}
img.homeshowcase { padding: 0 0 0 0; margin: 0 0 0 0; border:1px solid #fff;}
img.categorylink { padding: 0 0 0 0; margin: 0 0 0 0; border:1px solid #fff;}
img.thumbnailimage { padding: 0 0 0 0; margin: 0 0 0 0; border:1px solid #3a3a3a;}

.inputtext { border:1px solid #000; background:#FFF; font:Verdana, Geneva, sans-serif; color: #000000; font-size: 9px; margin:0 0 0 0; padding:0; height:17px; vertical-align:middle;}

input:focus, textarea:focus{
background-color: #e8f7bf;
}

#submitsearch {
	background:url(../images/button_go.jpg) top center no-repeat;
	width:32px;
	height:19px;
    border:0;
	padding:0;
	margin:0 0 0 0;
	vertical-align:middle;
    }

#submitsearch:focus {
	background:url(../images/button_go.jpg) bottom center no-repeat;
	width:32px;
	height:19px;
    border:0;
	padding:0;
	margin:0 0 0 0;
	vertical-align:middle;
    }
	
/********** Classes for home scroller *****************/

* { margin:0; padding:0; }

#newsticker { 
width:340px; 
background:#4b4b4b; 
padding:5px 5px 0; 
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#94b633;
margin:2px auto;
height:110px;
overflow:hidden;
}

#newsticker a { color: #94b633;	font-size: 12px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif; }
#newsticker a:hover { color: #ffffff;	font-size: 12px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif; }
#newsticker img { border: 0; }

.newsticker-jcarousellite { width:330px; }
.newsticker-jcarousellite ul li{ list-style:none; height:104px; display:block; padding-bottom:1px; margin-bottom:5px; }


.clear { clear: both; }


/********************** Mega Menu classes ******************************/

*{outline: none;}
img {border: 0;}
.container {
	width: 747px;
	padding: 0;
	margin: 0 auto;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 747px;
	background: #1e1e1e url(../images/navback.png) repeat top center;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 45px;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left bottom;
}

/* Button definitions */
ul#topnav a.garden {
	background: url(../images/menu_garden.png) no-repeat;
	width: 173px; 
	margin-left:10px;
	margin-right:10px;
}
ul#topnav a.storage {
	background: url(../images/menu_storage.png) no-repeat;
	width: 98px; 
	margin-left:10px;
	margin-right:10px;
}
ul#topnav a.pet {
	background: url(../images/menu_pet.png) no-repeat;
	width: 143px; 
	margin-left:10px;
	margin-right:10px;
}
ul#topnav a.snow {
	background: url(../images/menu_snow.png) no-repeat;
	width: 125px; 
	margin-left:10px;
	margin-right:10px;
}
ul#topnav a.explore {
	background: url(../images/menu_explore.png) no-repeat;
	width: 97px; 
	margin-left:10px;
	margin-right:10px;
}

/****************** Main drop down area ***********************/
ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #ffffff url(../images/menu_back.jpg) repeat-x;
	padding: 6px 20px 20px;
	float: left;
	border: 1px solid #000;
	display: none;
	height: 456px;
	overflow:hidden;
	
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 1px; margin-top:0;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 220px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #696969;
}
ul#topnav .sub ul li.suboptions {
	width: 100%;
	color: #696969;
	line-height:12px;
	padding-top:0;
	padding-bottom:0;
	font-weight: 800;
}
ul#topnav .sub ul li.subheader {
	width: 100%;
	color: #323232;
	padding-bottom:0;
	line-height:12px;
	font-weight: 800;
}
ul#topnav .sub ul li.subend {
	width: 100%;
	color: #696969;
	line-height:12px;
	padding-bottom:4px;
	font-weight: 800;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 14px;
	font-weight: 800;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	font-size: 14px;
	color: #94b633;
	font-weight: 800;
}
ul#topnav .sub ul li h4 {
	padding: 0;  margin: 0;
	font-size: 13px;
	font-weight: bold;
	line-height:12px;
}
ul#topnav .sub ul li h4 a {
	padding: 5px 0;
	background-image: none;
	color: #323232;
	font-size:13px;
	font-weight:bold;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 3px 5px 3px 15px;
	display: block;
	text-decoration: none;
	color: #323232;
	font-size:12px;
}
ul#topnav .sub ul li a:hover {color: #94b633; background-position: 5px 12px ;}

/* Additional custom styles for drop down */
.h2arrow { width:16px; height:16px; vertical-align:text-bottom; padding-left:10px; }

/* Breadcrumb Bar */

a.breadcrumb:link {	color: #fff;	font-size: 14px;	text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding-right:1px;  padding-left:1px; font-weight:800;}
a.breadcrumb:visited { text-decoration: none; font-size: 14px;	color: #fff; font-family: Helvetica, Arial, sans-serif; padding-right:1px;  padding-left:1px; font-weight:800;}
a.breadcrumb:hover { font-size: 14px; color: #94b633; text-decoration: none; font-family: Helvetica, Arial, sans-serif; padding-right:1px;  padding-left:1px; font-weight:800;}
a.breadcrumb:active {text-decoration: none;	font-size: 14px; font-family:  Helvetica, Arial, sans-serif; padding-right:1px; padding-left:1px; font-weight:800;}


.youarehere p	{
	font-family: Helvetica, Arial, sans-serif;
	font-style:italic;
	font-size: 14px;
	color: #ffffff;
	text-align:right;
	padding-top:10px;
	padding-right:5px;
	padding-left:5px;
	font-weight: bold;
	}
	

.bclink p	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #94b633;
	font-style:italic;
	text-align:left;
	padding-top:10px;
	padding-left:5px;
	font-weight:800;
	}	
	
.bcarrow {
	vertical-align: middle;
	padding: 0;
	margin:0;
	padding-right:5px;
	padding-left:10px;
	}
	
/* Titlebar in content area */

.titlebar p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style:italic;
	text-align:left;
	padding-top:10px;
	padding-left:25px;
	text-transform:uppercase;
	font-weight: 800;
	}
	
.titlebarpl p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style:italic;
	text-align:left;
	padding-top:10px;
	padding-left:25px;
	text-transform:uppercase;
	font-weight: 800;
	}	
	
/* Product listing page */

img.productlisting { padding: 0 0 0 0; margin: 0 0 0 0; border:0;}

a.productshowcase:link { width:100px; height:100px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}
a.productshowcase:visited { width:100px; height:100px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}
a.productshowcase:hover { width:100px; height:100px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}
a.productshowcase:active { width:100px; height:100px; position:absolute; top:-1px; left:-1px; background: url(../images/overlay_info.gif) top left no-repeat; color: #000;	font-size: 10px;	text-decoration: underline; font-family: Helvetica, Arial, sans-serif}



.titlebar a:hover {
	background-position: left bottom;
	height:35px;
	width:35px;
}

/* Navbar Button definitions */

.titlebarpl .nav1box {
	width:35px; height:35px; position:absolute; top:0; left:150px; background: url(../images/nav_1.png) top left no-repeat;
	}

.titlebarpl .nav1box:hover {
	background: url(../images/nav_1.png) bottom left no-repeat;
	}
	
.titlebarpl .nav1box a {
	color: transparent;
	}
	
	
.titlebarpl .nav2box {
	width:35px; height:35px; position:absolute; top:0; left:200px; background: url(../images/nav_2.png) top left no-repeat;
	}

.titlebarpl .nav2box:hover {
	background: url(../images/nav_2.png) bottom left no-repeat;
	}
	
.titlebarpl .nav1box a {
	color: transparent;
	}
	
	
	
	.titlebarpl .nav3box {
	width:35px; height:35px; position:absolute; top:0; left:250px; background: url(../images/nav_3.png) top left no-repeat;
	}

.titlebarpl .nav3box:hover {
	background: url(../images/nav_3.png) bottom left no-repeat;
	}
	
.titlebarpl .nav3box a {
	color: transparent;
	}
	
	
.titlebarpl .nav4box {
	width:35px; height:35px; position:absolute; top:0; left:300px; background: url(../images/nav_4.png) top left no-repeat;
	}

.titlebarpl .nav4box:hover {
	background: url(../images/nav_4.png) bottom left no-repeat;
	}
	
.titlebarpl .nav4box a {
	color: transparent;
	}
	
	
.titlebarpl .nav5box {
	width:35px; height:35px; position:absolute; top:0; left:350px; background: url(../images/nav_5.png) top left no-repeat;
	}

.titlebarpl .nav5box:hover {
	background: url(../images/nav_5.png) bottom left no-repeat;
	}
	
.titlebarpl .nav5box a {
	color: transparent;
	}
	
	
	
.titlebarpl .nav6box {
	width:35px; height:35px; position:absolute; top:0; left:400px; background: url(../images/nav_6.png) top left no-repeat;
	}

.titlebarpl .nav6box:hover {
	background: url(../images/nav_6.png) bottom left no-repeat;
	}
	
.titlebarpl .nav6box a {
	color: transparent;
	}
	
	
	
.titlebarpl .nav7box {
	width:35px; height:35px; position:absolute; top:0; left:450px; background: url(../images/nav_7.png) top left no-repeat;
	}

.titlebarpl .nav7box:hover {
	background: url(../images/nav_7.png) bottom left no-repeat;
	}
	
.titlebarpl .nav7box a {
	color: transparent;
	}
	
	
	
.titlebarpl .nav8box {
	width:35px; height:35px; position:absolute; top:0; left:500px; background: url(../images/nav_8.png) top left no-repeat;
	}

.titlebarpl .nav8box:hover {
	background: url(../images/nav_8.png) bottom left no-repeat;
	}
	
.titlebarpl .nav8box a {
	color: transparent;
	}
	
	
	
.titlebarpl .nav9box {
	width:35px; height:35px; position:absolute; top:0; left:550px; background: url(../images/nav_9.png) top left no-repeat;
	}

.titlebarpl .nav9box:hover {
	background: url(../images/nav_9.png) bottom left no-repeat;
	}
	
.titlebarpl .nav9box a {
	color: transparent;
	}
	
	
	
	

/* Product page nav */

.titlebar .navprevbox {
	width:150px;
	height:25px;
	position:absolute;
	top:0;
	left:10px;
	text-align:left;
	padding-top:10px;
	}


a.navprev:link { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style:italic;
	text-transform:uppercase;
	font-weight:800;
	}

a.navprev:hover { color:#94b633 }	



.titlebar .navnextbox {
	width:100px;
	height:25px;
	position:absolute;
	top:0;
	left:880px;
	text-align:left;
	padding-top:10px;
	}

a.navnext:link { 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style:italic;
	text-transform:uppercase;
	font-weight:800;
				}
a.navnext:hover { color:#94b633 }


	
/* Thumbnail rollver code */

#largeImg {
border:0;
height:400px;
padding:0;
width:400px;
}
.thumbnails img {
border:1px solid #3a3a3a;
height:100px;
padding:0;
width:100px;
margin:0;
}

.thumbnails img:hover {
border-color:#000000;
}