body
{
	margin: 0;
	padding: 0;
	font-family: Arial;
}

img
{
	border: none;
}

br
{
	clear: both;
}

.Container
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 760px;
	margin: 0 0 0 -380px;
}

/*************** Masthead ***************/
.Masthead
{
	position: absolute;
	top: 10px;
	left: 0;
	width: 760px;
	height: 105px;
	background: no-repeat url(../Images/Masthead.jpg);	
}

/*************** Menu ***************/
.Menu
{
	position: absolute;
	top: 117px;
	left: 0;
	width: 760px;
	height: 35px;
	background: repeat-x url(../Images/Menu/MenuBG.jpg);
	overflow: hidden;
}

.Menu ul
{
	display: table;
	height: 35px;
	margin: 0 0 0 40px;
	padding: 0;
	white-space: nowrap;
}

.Menu li
{
	display: table-cell;
	margin: 0;
	padding: 0;
	list-style: none;
}

.Menu li a
{
	display: block;
	float: left;
	height: 35px;
	background: repeat-x url(../Images/Menu/MenuBG.jpg);
	line-height: 30px;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	cursor: pointer;
}

.Menu li a b
{
	float: left;
	margin: 0 18px 0 18px;
	font-weight: normal;
}

.Menu li a:hover
{
	background-position: 0 -35px;
}

.Menu li a.Home { width: 73px; background: url(../Images/Menu/Home.jpg); }
.Menu li a.Home:hover { background-position: 0 -35px; }

.Menu li a.News { width: 61px; background: url(../Images/Menu/News.jpg); }
.Menu li a.News:hover { background-position: 0 -35px; }

.Menu li a.AboutUs { width: 82px; background: url(../Images/Menu/AboutUs.jpg); }
.Menu li a.AboutUs:hover { background-position: 0 -35px; }

.Menu li a.Products { width: 78px; background: url(../Images/Menu/Products.jpg); }
.Menu li a.Products:hover { background-position: 0 -35px; }

.Menu li a.FAQ { width: 59px; background: url(../Images/Menu/FAQ.jpg); }
.Menu li a.FAQ:hover { background-position: 0 -35px; }

.Menu li a.HowToBuy { width: 91px; background: url(../Images/Menu/HowToBuy.jpg); }
.Menu li a.HowToBuy:hover { background-position: 0 -35px; }

.Menu li a.Links { width: 70px; background: url(../Images/Menu/Links.jpg); }
.Menu li a.Links:hover { background-position: 0 -35px; }

.Menu li a.Downloads { width: 91px; background: url(../Images/Menu/Downloads.jpg); }
.Menu li a.Downloads:hover { background-position: 0 -35px; }

.Menu li a.ContactUs { width: 96px; background: url(../Images/Menu/ContactUs.jpg); }
.Menu li a.ContactUs:hover { background-position: 0 -35px; }

.Menu li a.Selected { background-position: 0 -35px; }

/*************** Main ***************/
.Main
{
	width: 760px;
	margin: 155px 0 0 0;
	padding: 0 0 22px 0;
	background: #a3c040;
}

/*************** Content ***************/
.Content
{
	float: left;
	width: 760px;
	background: #fff;
}

.MainContent
{
	float: left;
	width: 620px;
}

/*************** Left Column ***************/
.LeftColumn
{
	float: left;
	width: 140px;
}

.LeftColumn .LeftMenu
{
	margin: 0 0 3px 0;
	background: #f3f6eb;
	border: solid 1px #d5e3c0;
}

.LeftMenu ul
{
	margin: 5px 13px;
	padding: 0;
	list-style: none;
}

.LeftMenu li
{
	margin: 5px 0;
	padding: 0;
	border: solid 1px #fff;
	border-width: 0 0 2px 0;
	font-size: 12px;
	color: #95969a;
}

.LeftMenu li a
{
	text-decoration: none;
	color: #95969a;
}

.LeftMenu li a:hover
{
	color: #81ac43;
}

.LeftMenu li.Selected a
{
	padding: 0 0 0 15px;
	background: no-repeat url(../Images/Cross.gif);
	background-position: 0 2px;
	color: #95969a;
}

.LeftMenu li.Selected a:hover
{
	color: #81ac43;
}

.LeftMenu li .Textbox
{
	border: solid 1px #c7ccc5;
	width: 110px;
}

.LeftMenu ul.Sub
{
	margin: 5px 13px 5px 30px;
	padding: 0;
	list-style: disc url(../Images/Menu/LeftSubMenuGreyDisc.gif);
}

.LeftMenu ul.Sub li
{
	padding: 1px 0;
	border: none;
}

.LeftMenu ul.Sub li.Selected
{
	list-style: disc url(../Images/Menu/LeftSubMenuGreenDisc.gif);
}

.LeftMenu ul.Sub li.Selected a
{
	padding: 0;
	background: none;
	color: #81ac43;
}

.LeftColumn .News
{
	margin: 0 0 5px 0;
	background: #f3f6eb;
	border: solid 1px #d5e3c0;
}

.News .NewsTitle
{
	margin: 10px 0 5px 13px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #81ac43;
}

.News ul
{
	margin: 5px 13px;
	padding: 0;
}

.News li
{
	margin: 0;
	padding: 5px 0;
	border: solid 1px #fff;
	border-width: 0 0 2px 0;
	list-style: none;
	font-size: 12px;
	color: #95969a;
}

.News li p
{
	margin: 0 0 3px 0;
}

.News li .ArticleTitle
{
	font-weight: bold;
}

.News li .ArticleTitle a
{
	text-decoration: none;
	color: #95969a;
}

.News li .ArticleTitle a:hover
{
	color: #81ac43;
}

.News li .ReadMore
{
	font-weight: bold;
}

.News li .ReadMore a
{
	text-decoration: none;
	color: #95969a;
}

.News li .ReadMore a:hover
{
	color: #81ac43;
}

.News li .ReadMore img
{
	margin: 0 6px 0 0;
}

/*************** Right Column ***************/
.RightColumn
{
	float: right;
	width: 125px;
}

.RightColumn .Product
{
	margin: 0 0 3px 0;
	background: #f3f6eb;
	border: solid 1px #d5e3c0;
	text-align: center;
}

.RightColumn .Product p.ProductTitle
{
	margin: 8px 0 0 0;
	font-size: 11px;
	text-align: center;
	color: #73a630;
}

.RightColumn .Product p.ProductTitle a
{
	text-decoration: none;
	color: #73a630;
}

.RightColumn .Product p.ProductTitle a:hover
{
	color: #32562a;
}

.RightColumn .Product p.ClickForMore
{
	margin: 5px 0 5px 0;
	font-size: 11px;
	text-align: center;
	color: #73a630;
}

.RightColumn .Product p.ClickForMore a
{
	text-decoration: none;
	color: #73a630;
}

.RightColumn .Product p.ClickForMore a:hover
{
	color: #32562a;
}

.RightColumn .Product p.ClickForMore img
{
	margin: 0 3px 0 0;
}

.RightColumn .Product .ProductImage
{
	display: block;
	margin: 5px auto;
}

/*************** Right Column on Product Pages ***************/
.RightProductColumn
{
	float: right;
	width: 220px;
}

.RightProductColumn .Product
{
	float: left;
	width: 220px;
	margin: 0 0 3px 0;
	background: #f3f6eb;
	border: solid 1px #d5e3c0;
}

.RightProductColumn .Product p.ProductTitle
{
	margin: 8px 0 10px 0;
	font-size: 11px;
	text-align: center;
	color: #73a630;
}

.RightProductColumn .Product p.ProductTitle a
{
	text-decoration: none;
	color: #73a630;
}

.RightProductColumn .Product p.ProductTitle a:hover
{
	color: #32562a;
}

.RightProductColumn .Product p.ClickForMore
{
	margin: 5px 0 5px 0;
	font-size: 11px;
	text-align: center;
	color: #73a630;
}

.RightProductColumn .Product p.ClickForMore a
{
	text-decoration: none;
	color: #73a630;
}

.RightProductColumn .Product p.ClickForMore a:hover
{
	color: #32562a;
}

.RightProductColumn .Product p.ClickForMore img
{
	margin: 0 3px 0 0;
}

.RightProductColumn .Product .ProductImage
{
	display: block;
	float: left;
	width: 90px;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
}

.RightProductColumn .Product .ProductImage img
{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.RightProductColumn .Product .ProductSpecs
{
	float: right;
	width: 128px;
}

.RightProductColumn .Product .ProductSpecs p
{
	margin: 0 5px 10px 0;
	font-size: 10px;
	color: #949695;
}

/*************** Middle Column ***************/
.MiddleColumn
{
	float: left;
	width: 380px;
	margin: 0 0 0 10px;
}

* html .MiddleColumn
{
	width: 360px;
	margin: 0 5px;
}

.LargeMiddleColumn
{
	float: left;
	width: 474px;
	margin: 0 10px;
}

* html .LargeMiddleColumn
{
	margin: 0 5px;
}

.IndexMiddleColumn
{
	float: left;
	width: 494px;
}

.MiddleColumn h1,
.MiddleColumn h2,
.LargeMiddleColumn h1,
.LargeMiddleColumn h2,
.FullColumn h1,
.FullColumn h2
{
	margin: 5px 0 10px 10px;
	padding: 0;
	color: #62A520;
}

.MiddleColumn h3,
.LargeMiddleColumn h3
{
	margin: 5px 0 2px 10px;
	padding: 0;
	font-size: 14px;
	color: #aac57e;
}

.MiddleColumn p,
.LargeMiddleColumn p
{
	margin: 0 10px 10px 10px;
	font-size: 13px;
	color: #949695;
}

.MiddleColumn p br
{
	clear: none;
}

.MiddleColumn img
{
	margin: 0 10px;
}

.MiddleColumn .ProductImages,
.LargeMiddleColumn .ProductImages
{
	float: left;
	width: 168px;
	margin: 0 0 0 10px;
	padding: 10px 0;
	background: #f3f6eb;
	border: solid 1px #d5e3c0;
	text-align: center;
}

* html .MiddleColumn .ProductImages
* html .LargeMiddleColumn .ProductImages
{
	margin: 0 0 0 0;
	padding: 5px 0;
}

.LargeMiddleColumn .ProductImages img
{
	display: block;
	margin: 10px auto;
}

.MiddleColumn .ProductSpec
{
	float: right;
	width: 190px;
}

* html .MiddleColumn .ProductSpec
{
	width: 160px;
}

.MiddleColumn .ProductSpec p
{
	margin: 0 0 10px 10px;
	font-size: 13px;
	color: #949695;
}

.MiddleColumn .SpecSheet
{
	margin: 20px 0 0 0;
}

.MiddleColumn .SpecSheet a
{
	text-decoration: none;
	color: #62A520;
}

.MiddleColumn .SpecSheet a:hover
{
	text-decoration: underline;
}

.LargeMiddleColumn a
{
	text-decoration: underline;
	color: #62A520;
}

.LargeMiddleColumn a:hover
{
	text-decoration: none;
}

.LargeMiddleColumn ul
{
	margin: 5px 10px 15px 10px;
}

.LargeMiddleColumn li
{
	font-size: 13px;
	color: #949695;
}

.LargeMiddleColumn li a
{
	text-decoration: underline;
	color: #62A520;
}

.LargeMiddleColumn li a:hover
{
	text-decoration: none;
}

.LargeMiddleColumn ol
{
	margin: 0 10px 15px 0;
}

.LargeMiddleColumn ol li
{
	margin: 0 0 10px 0;
	font-size: 13px;
	color: #949695;
}

.LargeMiddleColumn ol li span
{
	color: #62A520;
}

.LargeMiddleColumn li a
{
	text-decoration: underline;
	color: #62A520;
}

.LargeMiddleColumn li a:hover
{
	text-decoration: none;
}

.LargeMiddleColumn input,
.LargeMiddleColumn select
{
	border: solid 1px #62A520;
}

.LargeMiddleColumn .TitleTextbox
{
	width: 60px
}

.LargeMiddleColumn .FirstnameTextbox
{
	width: 300px
}

.LargeMiddleColumn .FullWidthTextbox
{
	width: 370px
}

.ClickToEnlarge
{
	font-size: 10px!important;
	color: #62A520!important;
}

.FullColumn
{
	float: left;
	width: 600px;
	margin: 0 0 0 10px;
}

* html .FullColumn
{
	margin: 0 0 0 3px;
}

/***** Middle Column *****/
.Splash
{
	float: left;
	width: 486px;
	margin: 0 4px;
	border: solid 1px #d5e3c0;
}

* html .Splash
{
	margin: 0 0;
}

.Splash .LeftText
{
	float: left; 
}

.Splash .RightFlash
{
	float: right;
}

.IndexText
{
	float: left;
	width: 280px;
	margin: 0 0 0 4px;
}

* html .IndexText
{
	margin: 0 0 0 2px;
}

.IndexText h1
{
	margin: 10px 15px 0px 15px;
	font-size: 16px;
	font-weight: bold;
	color: #7f7e83;
}

.IndexText p
{
	margin: 0 15px 10px 15px;
	font-size: 13px;
	color: #7f7e83;
}

.QuoteTop
{
	float: right;
	width: 170px;
	margin: 20px 12px 0 0;
	padding: 14px 0 0 0;
	background: no-repeat url(../Images/QuoteStart.gif);
}

* html .QuoteTop
{
	margin: 20px 6px 0 0;
}

.QuoteTop p
{
	margin: 0 18px;
	padding: 0;
	font-size: 13px;
	line-height: 28px;
	color: #81ac43;
}

.QuoteBottom
{
	background: no-repeat bottom right url(../Images/QuoteEnd.gif);
}

/*************** Breadcrumbs ***************/
#breadCrumb
{
	float: left;
	width: 375px;
	font-size: 11px!important;
	color: #81ac43!important;
}

#breadCrumb ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}


#breadCrumb li
{
	float: left;
	margin: 0 5px 0 0;
	font-size: 11px!important;
	color: #81ac43!important;
}

#breadCrumb li a
{
	text-decoration: none;
	color: #81ac43!important;
}

#breadCrumb li a:hover
{
	text-decoration: underline;
}

/*************** News Articles ***************/
.NewsArticle
{
	float: left;
	margin: 0 0 5px 0;
}

.NewsArticle h3
{
	margin: 0 0 3px 0!important;
	padding: 0;
	border: dashed 1px #81ac43;
	border-width: 0 0 1px 0;
	font-size: 16px;
}

.NewsArticle h4
{
	margin: 0 0 10px 0!important;
	padding: 0;
	font-size: 12px;
	color: #999;
}

.NewsArticle p
{
	margin: 0 0 10px 0!important;
	padding: 0;
	color: #000;
}

.NewsArticle ul
{
	margin: 10px 30px 10px 30px!important;
	padding: 0;
	font-size: 12px;
	color: #000;
}

.NewsArticle li
{
	margin: 0 0 10px 0!important;
	padding: 0;
	color: #000;
}

.NewsArticle a
{
	text-decoration: none;
	color: #81ac43;
}

.NewsArticle a:hover
{
	color: #95969a;
}

.NewsArticle .Left
{
	float: left;
}

.NewsArticle .ReadMore
{
	float: right;
}

/*************** News Articles ***************/
.ErrorText
{
	color: Maroon;
}

/*************** Images ***************/
#lightbox{	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border: solid 1px #81ac43; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #81ac43; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; border: solid 1px #81ac43; border-width: 0 1px 1px 1px; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }