/* CSS Document */
html
{
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: 50% 0% fixed #FFFFFF repeat-y url(../images/bodyBG.jpg);
	margin: 0;
	padding: 0;
}
table, input
{
	font-size: 12px;
}
.Content a, .Content a:link, .Content a:hover, .Content a:visited, .Content a:active
{
	color: #000000;
	text-decoration: none;
}
.Content a.highlight, .Content a.highlight:link, .Content a.highlight:hover, .Content a.highlight:visited, .Content a.highlight:active
{
	color: #0000aa;
	font-weight: bold;
	text-decoration: underline;
}
.Content a:hover
{
	text-decoration: underline;
}
.page
{
	width: 813px;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 50px 0;
	background: #FFF;
/*	left: 50%;
	margin: -10px 0px 50px -400px;*/
}
p	{margin: 5px 0px 5px 0px;}
ul	{margin: 0px; padding: 0px;}
li	{margin: 0px; padding: 0px;}
h1 {font-size: 25px; margin: 0px 0px 0px 0px; text-decoration: none; line-height: 25px; clear: left}
h2 {font-size: 20px; margin: 10px 0px 5px 0px; text-decoration: none; line-height: 22px; clear: left; font-weight: 500;}
h3 {font-size: 18px; margin: 10px 0px 5px 0px; text-decoration: none; line-height: 20px; clear: left; font-weight: 500;}
.CLEAR	{clear: both;}
.Top
{
	height: 116px;
	#height: 110px;
	padding-top: 40px;
	width: 800px;
}
.TopLogo img
{
	position: absolute;
	z-index: 10;
	top: 6px;
	left: 10px;
}
.TopLogo .LogoShadow
{
	position: absolute;
	left: 0px;
	top: 65px;
	z-index: 5;
}
.TopBasket
{
	background-image:url(../images/basket-BG.gif);
	position: absolute;
	padding: 5px 5px 4px 52px;
	right: 4px;
	top: 60px;
	_top: 50px;
	width: 55px;
	height: 30px;
	font-weight: bold;
}
.TopBasket a
{
	color: #444;
	text-decoration: none;
}
.TopMenu
{
	position: absolute;
	top: 126px;
	#top: 119px;
	left: 0px;
	width: 800px;
	z-index: 100;
}
.TopMenu ul
{
	margin: 0px;
	padding: 0px;
}
.TopMenu li
{
	background: none;
	background-repeat: no-repeat;
	background-position:bottom;
	float: left;
	list-style: none;
/*	position: relative;
	z-index: 10;*/
}
.TopMenu li div {
	position: relative;
}
.TopMenu .dropMenu {
	background: #A6CC03;
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	width: auto;
	min-width: 100%;
	z-index: 100;
}
.TopMenu li:hover {
/*	background: #A6CC03;*/
}
.TopMenu li:hover .dropMenu {
	display: block;
}
.TopMenu .dropMenu li {
	white-space: nowrap;
	float: none;
}
.TopMenu .dropMenu li a {
	background: none;
	padding: 5px;
	height: auto;
	color: #FFF;
	display: block;
	float: none;
}
.TopMenu .dropMenu li a:hover {
	background: #8CAE02;
	text-decoration: underline;
}
.TopMenu .TopMenu1FP a
{
	padding: 3px 10px 3px 10px;
	_padding: 3px 11px 3px 12px;
}
.TopMenu li a
{
	background: none;
	padding: 3px 10px 3px 11px;
	text-decoration: none;
	height: 35px;
	float: left;
	color: #333;
	font-weight: bold;
	display: block;
	font-size:12px;
}
.TopMenu1:hover { background-image: url(../images/TopMenu/MenuDownArrow1.jpg?1); }
.TopMenu2:hover { background-image: url(../images/TopMenu/MenuDownArrow2.jpg?1); }
.TopMenu3:hover { background-image: url(../images/TopMenu/MenuDownArrow3.jpg?1); }
.TopMenu4:hover { background-image: url(../images/TopMenu/MenuDownArrow4.jpg?1); }
.TopMenu5:hover { background-image: url(../images/TopMenu/MenuDownArrow5.jpg?1); }
.TopMenu6:hover { background-image: url(../images/TopMenu/MenuDownArrow6.jpg?1); }
.TopMenu7:hover { background-image: url(../images/TopMenu/MenuDownArrow7.jpg?1); }
.TopMenu8:hover { background-image: url(../images/TopMenu/MenuDownArrow8.jpg?1); }
.TopMenu9:hover { background-image: url(../images/TopMenu/MenuDownArrow9.jpg?1); }
.TopMenu10:hover { background-image: url(../images/TopMenu/MenuDownArrow10.jpg?1); }
.TopMenu11:hover { background-image: url(../images/TopMenu/MenuDownArrow11.jpg?1); }

/*****************************   Page Specific Menus   ********************************/
/*** Frontpage ***/
.TopMenu1FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow1.jpg?1); }
.TopMenu2FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow2.jpg?1); }
.TopMenu3FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow3.jpg?1); }
.TopMenu4FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow4.jpg?1); }
.TopMenu5FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow5.jpg?1); }
.TopMenu6FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow6.jpg?1); }
.TopMenu7FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow7.jpg?1); }
.TopMenu8FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow8.jpg?1); }
.TopMenu9FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow9.jpg?1); }
.TopMenu10FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow10.jpg?1); }
.TopMenu11FP:hover { background-image: url(../images/TopMenu/FP/MenuDownArrow11.jpg?1); }
/*** End of Frontpage ***/
/*****************************   END of page specific menu's   ********************************/

.TopMenu li a:hover
{
	background-position: bottom;
}

.SearchBox
{
	float: right;
	background: url(../images/TopMenu/Search-BG.gif);
	height: 19px;
	width: 100px;
	background-repeat: no-repeat;
	padding-left: 5px;
	/* Remove these three to set Search at end of Top Menu */
	position: absolute;
	top: -50px;
	right: 120px;
}
.SearchBox input
{
	background: none;
	border: none;
	width: 90px;
	color: #444;
}
.PriceBuy
{
	height: 28px;
	width: 133px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 5px -3px;
}
.PriceBuyRed
{
	background-image:url(../images/PriceBuyBGRed.gif);
}
.PriceBuyGrn
{
	background-image:url(../images/PriceBuyBGGrn.gif);
}
.PriceBuy .Price
{
	float: left;
	padding: 2px 0px 0px 8px;
}
.PriceBuy .Buy
{
	float: right;
	padding-right: 11px;
}
.PriceBuy .Buy a, .PriceBuy .Buy a:link, .PriceBuy .Buy a:active, .PriceBuy .Buy a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.PriceBuy .More
{
	float: right;
	padding-right: 7px;
}
.PriceBuy .More a, .PriceBuy .More a:link, .PriceBuy .More a:active, .PriceBuy .More a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.FooterMenu
{
	border-top: 1px solid #ccc;
	background: none;
}
.FooterMenuUL
{
	clear: both;
	height: 21px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.FooterMenuUL li
{
	float: left;
	list-style: none;
	padding: 3px 10px 3px 10px;
}
.FooterMenuUL li a
{
	color: #333;
	text-decoration: none;
}
.FooterMenuUL li a:hover
{
	text-decoration: underline;
}
.GreenTxt
{
	color: #A7CC02;
	margin: 0px;
}
.Content
{
	border-top: 1px solid #040404;
	background-color: #FFFFFF;
	min-height: 500px;
	_height: 500px;
	clear: both;
	position: relative; /* this has been added for the frontpage, if causing an issue */
	padding: 13px 5px 5px 5px;
}

.ProdRow
{
	height: 162px;
	clear: both;
	position: relative;
}
.ProdBox
{
	width: 133px;
	margin-right: 5px;
	float: left;
}
.ProdBox .ProdName
{
	font-weight: bold;
	height: 45px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.ProdBox .ProdName a
{
	color: #000000;
	text-decoration: none;
}
.ProdBox img
{
	border: 2px solid #FFFFFF;
	margin: 5px 0px 0px 0px;
}
.BaseExtDiv
{
	clear: both;
	height: 5px;
}
.PrevView
{
	clear: both;
	padding: 5px;
	background-color: #FFFFFF;
	position: relative;
}
.PrevView h3
{
	margin: 0px 0px 6px 0px;
	color:#616C0B;
}
.LinkedProd
{
	clear: both;
}
#fullScreen
{
	background:#000000 none repeat scroll 0 0;
	left:0;
	filter:alpha(opacity=60);
	opacity:0.6;
	position:absolute;
	top:0;
	z-index:999998;
}
.messageBox
{
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
	font-family:verdana;
	font-size:12px;
	padding:10px;
	position:absolute;
	text-align:center;
	z-index:999999;
}
.smlTxt
{
	font-size: 0.8em;
}
.PrevViewClear
{
	margin-bottom: 3px;
}
.PrevViewClear a
{
	color: #000000;
}
.Bold
{
	font-weight: bold;
}
.sidePad
{
	padding: 0px 15px 5px 15px;
}
.quote
{
	font-weight: bold;
	font-style: italic;
}
.plantname
{
	font-style: italic;
}
.Content ul, .Content ol
{
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
.inlineCheck
{
	margin: 0px 0px 0px 0px;
	position: relative;
	top: 2px;
}