/*	--------------------------------------	*/
/* 	STANDARD HTML TAG RESETS               	*/
/*	--------------------------------------	*/

	body,
	h1, h2, h3,
	p, ul, li,
	form {
		border:	0;
		margin:	0px;
		padding:0px;
	}

/*	--------------------------------------	*/
/* 	STANDARD HTML TAG DEFINITION           	*/


	body,
	input,
	td {
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		11px;
		color: 			#5F564C;
	}
	
	input,
	form{
		color: 			#5F564C;
	}
	
	p { /* text area text */
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		11px;
		line-height:	140%;
		color: 			#5F564C;
	}

	

a,
a:link,
a:visited{
	color: 				#998B7D;
	text-decoration: 	none; 
	}


a:active,
a:hover{
	color: 				#98A53C;
	text-decoration: 	none; 
	}	
	
	



/*	--------------------------------------	*/
/* 	SCROLL BARS							 	*/

	html,
	body {
		scrollbar-track-color: 		#ffffff;
		scrollbar-face-color: 		#e0e0e0;
		scrollbar-arrow-color: 		#ffffff;
		scrollbar-3dlight-color: 	#ffffff;
		scrollbar-highlight-color: 	#ffffff;
		scrollbar-shadow-color: 	#ffffff;
		scrollbar-darkshadow-color: #ffffff;
		background-color:			#ffffff;
		background-image:url(Graphics/PageBG.jpg);
		background-position: center;
		background-repeat: repeat-y;
	}


/*	--------------------------------------	*/
/* 	PAGE ELEMETS                           	*/
/*	--------------------------------------	*/

#Container {
	height: 		833px;
	margin:			0 auto;
	position:		relative;
	width:			980px; 


	/*min-height:	100%;		100%;	 Height of the footer for full page layout */
	/*height:		100%;	 Height of the footer for full page layout */
	/*filter:				alpha(opacity=75);*/
	/*opacity:			0.75;*/
	}


	
#Top {
	height:			515px;
	position:		relative;
	background-image:url(Graphics/LogoBG.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	}
#Top2 {
	height:			383px;
	position:		relative;
	background-image:url(Graphics/LogoBG.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	}

#MainContainer {
	height:				385px;
	position:			relative;
	text-align:			left;
	padding: 			30px;
	padding-top:		0px;
	margin-top:			30px;
	}	
		
#MainContainer2 {
	height:				420px;
	position:			relative;
	text-align:			left;
	padding: 			30px;
	padding-top:		0px;
	margin-top:			30px;
	}	

#MainContainer3 {
	height:				780px;
	position:			relative;
	text-align:			left;
	padding: 			30px;
	padding-top:		0px;
	margin-top:			30px;
	}		
	
#MainArea {
	position: 			relative;
	text-align:			left;
	width:				980px;

    /*padding-bottom:	80px;    Height of the footer, for site full page layout */
	}

#MainArea2 {
	position: 			relative;
	text-align:			left;
	width:				760px;
	border-left:		1px solid #e0e0e0;
	float:				left;
	display:			inline;
	margin-left:		10px;
    /*padding-bottom:	80px;    Height of the footer, for site full page layout */
	}
	

.ProdMenuArea {
	position:			relative;
	top:				0px;
	width:				147px;
	height:				450px;
	float:				left;
	display:			inline;
	}
	
.MainPic {
	position:			relative;
	height:				356px;
	margin-bottom:		131px;
	}
	
.MainPic2 {
	position:			relative;
	height:				226px;
	margin-bottom:		129px;
	}

h1 { /* main text headers */
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			0;
	margin-bottom:		10px;
	font-weight:		normal;
	}
	
	
h2 { /* sub headers & promo on front page*/
	color: 				#98A53C;
	font-size:			11px;
	font-weight: 		bold;
	margin: 			0px;
	margin-bottom:		10px;	
	text-decoration: 	none;
	padding: 			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	}
	
.LightBrown{
		color: 		#998B7D;
		}
		
.Brown{
		color: 		#98A53C;
		}
		
.Green {
		color: 				#98A53C;
		font-size:			11px;
		font-weight: 		bold; 
		}

.Footer {
	padding-top:	12px;
	margin:			0 auto;
	position:		relative;
	width:			800px; 
	color: 			#998B7D;
	font-size:		10px;
	letter-spacing: 2px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	
	}
.FooterContainer {
	margin:				0 auto;
	margin-top:			10px;
	background-image:	url(Graphics/Footer.jpg);
	background-position: top center;
	background-repeat: 	no-repeat;
	height: 			43px;
	}
	
	
/*	--------------------------------------	*/
/* 	TOP AREA	                           	*/
/*	--------------------------------------	*/

	
#MenuContainer {
	height: 		43px;
	position:		relative;
	width:			980px;
	z-index:		1;
	}	
	
.InfoMenu {
	padding: 			0;
	height: 			43px;
	position:			relative;
	margin:				0 auto;
	width:				780px;
	}
.InfoMenu li{
	list-style-position: inside;
	display: 			inline;
	float:				left;
	padding-right: 		20px;
	padding-left: 		20px;
	text-decoration: 	none;
	text-transform:		lowercase;
	color: 				#998B7D;
	font-size:			10px;
	letter-spacing: 	2px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;	
	}
	
.InfoMenu li a,
.InfoMenu li a:link,
.InfoMenu li a:visited{
	color:				#998B7D;

	}


.InfoMenu li a:active,
.InfoMenu li a:hover{
	color: 				#98A53C;
	
	}

#InfoMenuOn a{
	color: 				#98A53C;
	}
	
/*	--------------------------------------	*/
/* 	SUBMENU ON TEXT.PHP					   	*/	


	
.SubMenu {
	list-style-position: inside;
	margin: 			0;	
	padding: 			0;
	position:			relative;
	width:				145px; 
	text-align:			left;
	float:				left;
	display:			inline;	
	}

.SubMenu li{
	clear:				both;
	display: 			block;
	float:				left;
	width:				145px; 
	white-space:		normal;
	}
	
.SubMenu li a,
.SubMenu li a:link,
.SubMenu li a:visited {
	font-size:			10px;
	color:				#998B7D;
	text-transform:		capitalize;
	line-height: 		140%;
	width:				145px; 
	float:				left;
	padding-top:		2px;
	padding-bottom:		5px;
	text-decoration: 	none;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	}
	
.SubMenu li a:active,
.SubMenu li a:hover {
	color: 				#98A53C;
	}

#SubMenuOn a{
	color: 				#98A53C;
	}







/*	--------------------------------------	*/
/* 	MAIN AREA	                           	*/
/*	--------------------------------------	*/





/* WELCOME AREA  */


.WelcomeText {
	width:				350px;
	height:				400px;
	position:			relative;
	padding-right:		20px;
	border-right:		1px solid #e0e0e0;
	float:				left;
	display:			inline;	
	}	
		
.WelcomeText p {
	color:				#5F564C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		140%;
	text-align:			left;
	overflow:			auto;
	height:				370px;
	}

.WelcomeText h1 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			0;
	padding-bottom: 	10px;
	font-weight:		normal;
	}

.PromoBox {
	width:				180px;
	height:				400px;
	position:			relative;
	padding-left:		10px;
	padding-right:		10px;
	border-right:		1px solid #e0e0e0;
	float:				left;
	display:			inline;	
}
.PromoBox h1 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			0;
	padding-bottom: 	10px;
	font-weight:		normal;
	}
.PromoBox h2 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	margin:				0;
	padding: 			0;
	font-weight:		bold;
	}
.PromoBox p {
	color:				#5F564C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		130%;
	text-align:			left;
	}
	
.PromoBox2 {
	width:				163px;
	height:				400px;
	position:			relative;
	padding-left:		10px;
	float:				left;
	display:			inline;	
}
.PromoBox2 h1 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			0;
	padding-bottom: 	10px;
	font-weight:		normal;
	width:				160px;
	}	
.PromoBox2 h2 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	margin:				0;
	padding: 			0;
	font-weight:		bold;
	width:				160px;
	}
.PromoBox2 p {
	color:				#5F564C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		130%;
	text-align:			left;
	width:				160px;
	}	
.Image1 {
	padding:			0px;
	border:				1px solid #e0e0e0;
	position:			relative;
	margin-top:			10px;
	width:				180px;
	height:				100px;
}

.Image2 {
	padding:			0px;
	border:				1px solid #e0e0e0;
	position:			relative;
	top:				0;
	margin-left:		10px;
	float:				left;
	width:				150px;
	height:				210px;
}
/* random hot products on front page  */
img {border:none;}
 ul.popout {list-style:none; margin:0; padding-top:10px; width: 350px;}
 ul.popout li {float:left; display: inline; border:1px solid #98A53C;margin: 0 4px 4px 0; padding: 2px 2px 2px 2px; background-color:#eaedf6;text-align: center;}
 ul.popout li a {display:inline; height:40px; width:40px; background:center; }
 ul.popout li a:hover { background-color:#DDDDDD; color:#000000;}
 a {text-decoration:none; color:#5F564C}


/* surrounding product mini images.    */
.surround img {border:none;}
ul.surround {list-style:none; margin:0; padding-top:10px; width: 360px;}
ul.surround li {float:left; display: inline; border:1px solid #98A53C; margin: 0 4px 4px 0; padding: 2px 2px 2px 2px; background-color:#ffffff;text-align: center;}
ul.surround li a {display:inline; height:40px; width:40px; background:center; }
ul.surround li a:hover { background-color:#ffffff; color:#000000;}
.surround a {text-decoration:none; color:#5F564C}

.Line {
    border-bottom:		1px solid #a6abbe;
	height:				1px;
}

.Line2 {
    border-top:		1px solid #a6abbe;
}


	
/* TEXTPAGES AREA  */
	
.TextArea {
	width:				500px;
	height:				450px;
	position:			relative;
	padding-right:		30px;
	padding-left:		30px;
	border-right:		1px solid #e0e0e0;
	border-left:		1px solid #e0e0e0;
	float:				left;
	display:			inline;	
	margin: 			0;
	margin-left: 		10px;
	margin-right: 		10px;
	}	
		
.TextArea p {
	color:				#5F564C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		140%;
	text-align:			left;
	overflow:			auto;
	height:				420px;
	width:				500px;
	}
.TextAreaNews {
	color:				#5F564C;
	position:			absolute;
	top:				25px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		140%;
	text-align:			left;
	overflow:			auto;
	height:				420px;
	width:				500px;
	}
.TextArea h1 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			0;
	padding-bottom: 	10px;
	font-weight:		normal;
	}

.TextPromoBox {
	width:				193px;
	height:				450px;
	position:			relative;
	padding-left:		10px;
	float:				left;
	display:			inline;	
}
.TextPromoBox h1 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			0;
	padding-bottom: 	10px;
	font-weight:		normal;
	}
.TextPromoBox h2 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align:			left;
	margin:				0;
	padding: 			0;
	font-weight:		bold;
	}
.TextPromoBox p {
	color:				#5F564C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		140%;
	text-align:			left;
	overflow:			auto;
	height:				290px;
	width:				200px;
	}


.TextImage {
	padding:			0px;
	border:				1px solid #e0e0e0;
	position:			relative;
	margin-top:			10px;
	width:				180px;
	height:				100px;
}


/*	--------------------------------------	*/
/* 	NEWs stuff	*/

.NewsBox {
	width:				480px;
	position:			relative;
	padding:			0px;
	float: 				left;
	display:			block;
	margin:				0;
}
.NewsBox h1 {
	color:				#98A53C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			0;
	padding-bottom: 	5px;
	font-weight:		normal;
	}	
.NewsBox h2 {
	color:				#5F564C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align:			left;
	margin:				0;
	padding: 			0;
	font-weight:		bold;
	}
.NewsBoxText {
	color:				#5F564C;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		130%;
	text-align:			left;
	margin:				0;
	padding: 			0;	

	}	


.Image3 {
	margin:				0;
	padding: 			0;
	border:				1px solid #e0e0e0;
	position:			relative;
	top:				0;
	margin-left:		10px;
	float:				right;
	width:				150px;
	height:				120px;
}









	
	





/*	--------------------------------------	*/
/* 	COMPETITION - FUN STUFF PAGE		   		

#CompAreaBox {
	border-bottom:		5px solid #121212;
	background-color:				#5F564C;
	height:				248px;
	overflow: 			auto;
	position:			absolute;
	padding:			30px 40px 30px 40px;
	text-align:			justify;
	top:				0px;
	right:				0px;	
	width:				360px;
	}
	
#CompAreaBox p {
	padding-bottom:     10px;
}
	
.SidePic2 {
	position:			absolute;
	bottom:				0px;
	right: 				0px;
	height:				293px;	
	width:				440px;
	}
	
.CompContainer {
	border-right:		5px solid #121212;
	background-color:				#5F564C;
	overflow:			auto;
	text-align:			left;
	height:				540px;
	width:				532px;
	position: 			relative;
	padding:			30px 3px 30px 0px;
	float:				left;
	display:			block;
	}
	
.CompCard {
	height: 		182px;
	width: 			497px;
	margin-bottom:	10px;
	margin-right:	15px;
	position: 		relative;
 	background:url(Graphics/FunBG.jpg) repeat-y left;
	border: 		2px solid #383838;
	border-left:	0px solid #383838;
	}

img.CompTitle {
	position:		absolute;
	top:			0px;
	right:			0px;
	text-align:		left;
	}

.CompPic {
	position:		absolute;
	text-align:		left;
	top:			3px;
	right:			34px;
	margin-left:	10px;
	border: 		2px solid #383838;
	}

.CompText {
	position: 		absolute;
	text-align:		left;
	top:			10px;
	left:			0px;
	padding-left:	10px;
	width:			170px
	}

.CompText h3  {
	color:				#5F564C;
	margin:			0px;
	margin-bottom:	7px;
	text-transform:	uppercase;
	font-size:		13px;
	font-weight: 	normal;
	padding:		0px;
 	}

.CompText p {
	font-size:		10px;
	line-height:	120%;
	padding-bottom: 10px;
	}
	
.CompLink:link, .CompLink:visited {
	color: 			#98A53C;
	text-transform:	uppercase;
	font-size:			11px;
	}
	
.CompLink:hover, .CompLink:active, .CompLink:selected{
	color: 			#00acee;
	}

/*	--------------------------------------	*/	
/* 	Comp details (gallery layout)  PAGE		   	*/	

/* gallery pic styles 

#Thumbs .imagethumb{
	margin: 4px;
	padding: 1px;
	border: 1px solid #000000;
	text-decoration: none;
}

#Thumbs .imagethumb:hover{
	margin: 4px;
	padding: 1px;
	border: 1px solid #00ABC3;
	text-decoration: none;
}

#Thumbs .imagethumbon{
	margin: 4px;
	padding: 1px;
	border: 1px solid #00ABC3;
	text-decoration: none;
}


#CompDetailsBox {
	border-bottom:		5px solid #121212;
	background-color:				#5F564C;
	height:				199px;
	overflow: 			auto;
	position:			absolute;
	padding:			30px 40px 30px 40px;
	text-align:			justify;
	top:				0px;
	right:				0px;	
	width:				360px;
	}
	
#CompDetailsBox p {
	padding-bottom:     10px;
}
	
.SidePic3 {
	position:			absolute;
	bottom:				43px;
	right: 				0px;
	height:				293px;	
	width:				440px;
	}
	
.CompContainer {
	border-right:		5px solid #121212;
	background-color:				#5F564C;
	overflow:			auto;
	height:				540px;
	width:				532px;
	padding:			30px 3px 30px 0px;
	text-align:			center;
	}
	
.CompDetailsCaption {
	position:			absolute;
	bottom:				0px;
	right: 				0px;
	height:				18px;	
	width:				420px;
	padding:			10px;
	border-top:			5px solid #121212;
	background-color:				#5F564C;
	}
	
#galleryImageTitle {
	font-size:			16px;
	float:				left;
	display:			inline;
	font-weight:		bold;
	padding-right:      10px;
	}

#galleryImageText {
	padding-top:		2px;
	font-size:			11px;
	}
	


/*	--------------------------------------	*/
/* 	EZYCAT CLASSES                         	*/
/*	--------------------------------------	*/


/* Classes for the page numbers - except for the main word "Pages", which is a unclassed table cell  */
.PageNumberBar {  
	font-size:			11px; 
	color: 				#5F564C;
}	
.PageNumberCurrent{  
	font-size:			11px; 
	color: 				#98A53C;
	text-decoration: 	none;  
	font-weight: 		bold;
}
.SmLinkOff {  
	font-size:			11px; 
	color: 				#5F564C;
}
.SmLinkOff:hover {  
	font-family: 	Verdana, Arial, Helvetica, sans-serif; 
	font-size:			11px; 
	font-style: 		normal; 
	color: 				#98A53C; 
	text-decoration: 	none; 
	font-weight: 		bold;
}

.Cart {
	border-bottom:		1px solid #a6abbe;
	font-size:			15px;
	line-height: 		140%;
	padding-bottom: 	15px;
	padding-top: 		10px;
	text-align:			right;	
	color: 				#5F564C;
	}
/*	--------------------------------------	*/
/* 	SMALL CARD	AND CAT CARD               	*/


#SmCard {
	position: 		relative;
	margin:			0px;
	padding:		0px;
	width:			160px;
	height:			260px;
	}

.SmProdName {
	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	color: 				#5F564C;
	line-height: 		140%;
	text-align:			center;
	text-transform:		capitalize;
	}
	
.SmProdName:hover {
	color: 				#98A53C;
	text-decoration: 	none;
	}
	
.SmProdCell {
	position: 			relative;
	display: 			block;
	text-align:			center;
}
.PriceContainer {
	position:			relative;
	left:				-24px;
	margin:				0px;
	padding:			0px;
	Clear:				both;
}
.SmProdPrice { 
	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			10px;
	color: 				#5F564C;
	float:				left;
	display: 			inline;
	line-height: 		160%;
	text-align:			left;
	width:				60px;
}
/*.SmProdDesc { not used in thissite 
	text-decoration: 	none;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#5F564C;
	border-bottom: 		2px solid #5F564C;
	padding-top: 		3px;
	text-align:			justify;
	width:				157px;
} */
.SmProdID {  
	text-decoration: 	none;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			10px;
	float:				left;
	display: 			inline;
	color: 				#5F564C;
	display: 			inline;
	line-height: 		160%;
	width:				100px;
}
	
.Pic {
	width:				160px;
	height:				214px;
	padding:			0px;
	margin-bottom:		6px;
	border:		1px solid #e0e0e0;
	}

/* Category card - text class */
.CatDesc {
	color: 				#5F564C;
	text-decoration: 	none;
	}
	
.CatDesc:hover {
	color: 				#98A53C;
	text-decoration: 	none;
	}










		
.
/*	--------------------------------------	*/
/* 	LARGE PRODUCT CARD	                   	*/



.ProdSide { /*Large Product image side container - doesn't seen to be workingbut allows the next class to work! */
	position:			relative;
	width:				360px;
	height:				630px;
}	
.LgCardPic { /* image container on large card */
	background-color:	#ffffff;
	padding:			6px;
	position:			absolute;
	width:				350px;
	height:				489px;
	top:				0px;
	right:				0px;
	margin-left:		10px;
	color:				#98A53C;
	text-align:			center;
	border-left:		1px solid #e0e0e0;
	}
.Surounding {
	background-color:	#ffffff;
	padding:			6px;
	border:				1px solid #e0e0e0;
	position:			relative;
	width:				350px;
	height:				165px;
	margin-left:		9px;
}	


	
.LgProdFoot{ /* back / next container */ 
	height:			14px;
	position:		absolute;
	bottom:			6px;
	left:			6px;
	padding:     	10px;
	text-align:		center;
	font-size:		11px;
	width:			330px;
	border-top:		1px solid #e0e0e0;
	}

.LgProdInfo { /* lg card text area container */ 
	width:				380px;
	height:				700px;
	position:			relative;
	top:				0px;
	right:				0px;
	padding:			21px;
	}
	
.LgProdArea {  /* inside scroll area  */
	height:			630px;
	width:			360px;
	padding-right: 	10px;
	overflow:		auto;
	}

h2.LgProdName {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		16px;
	color: 			#98A53C;
	margin-right:	10px;
	margin-bottom:	10px;
	padding:		0px;
	font-weight:	normal;
	line-height: 	100%;
	text-transform:	capitalize;
	text-align:		left;
	width:			330px;
	}
	
h4 { /*lg card product id */ 
	color: 			#5F564C;
	text-decoration: none;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 		10px;
	margin:			0px;
	padding:		0px;
	line-height: 	140%;
	font-weight:	normal;
}

.Line {
	border-bottom:		1px solid #e0e0e0;
}
	

	
.LgProdDesc {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 		11px;
	color: 			#5F564C;
	line-height: 	140%;
	padding-top: 	10px;
	width:			330px;
	padding-bottom: 	10px;
	}

/* For the cell of the price / features / document uploads title - make sure this cell has colspan="3" */
.LgProdVarTitle {
	text-transform: 	capitalize;
	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			13px;
	color: 				#98A53C;
	line-height: 		180%;
	margin-top:			10px;
}

/* For the product feature / price name cell - if this is wrapping too much increase the width. */
.LgProdVarName {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			10px;
	color: 				#98A53C;
	text-transform: 	capitalize;
	line-height: 		180%;
	width: 				80px;
}

/* For the product feature / price details cell  */
.LgProdVarText {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			10px;
	color: 				#5F564C;
	line-height: 		180%;
	padding-left: 		6px;
}

/* For the variations description cell  */
.varDesc { 
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			10px;
	color: 				#5F564C;
	padding-left: 	 	6px;
}


/*	--------------------------------------	*/
/* 	PRODUCT MENU                         	*/

/* Cascading product menu styles */


.MenuCellLevel1 {
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	padding-right: 		0px;
	text-align:			right;
	
	}


.MenuCellLevel1On {
	font-size:			11px;
	color: 				#98A53C;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	padding-right: 		0px;
	text-align:			right;
	
	}
	
/* Product Level 2 Menu Cells */
.MenuCellLevel2 {
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
	
}



.MenuCellLevel2On {
	color: 				#98A53C;
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
	
}

/* Product Level 3 Menu Cells */
.MenuCellLevel3 {
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
}



.MenuCellLevel3On {
	color: 				#98A53C;
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
}


/* Product Level 4 Menu Cells */
.MenuCellLevel4 {
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
}



.MenuCellLevel4On {
	color: 				#98A53C;
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
}


/* Product Level 5 Menu Cells */
.MenuCellLevel5 {
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
}



.MenuCellLevel5On {
	color: 				#98A53C;
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	text-align:			right;
	padding-left: 		0px;
	padding-right: 		0px;
}
/*  Main product menu text */
A.Light {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.Light:visited {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.Light:active {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.Light:hover {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}
A.LightOn {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}
/*  Main product level 1 menu text */
A.LightLevel1 {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLeel1:visited {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel1:active {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel1:hover {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}
A.LightLevel1On {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}

/*  Main product level 2 menu text */
A.LightLevel2 {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:visited {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:active {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:hover {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}
A.LightLevel2On {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}

/*  Main product level 3 menu text */
A.LightLevel3 {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:visited {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:active {
	color:				#5F564C; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:hover {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}
A.LightLevel3On {
	COLOR: 				#98A53C; 
	TEXT-DECORATION: 	none
}

/*	--------------------------------------	*/
/* 	NAV AND FORM	                         	*/

/* "View Cart" order form classes */
.OrderBox {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
	color: #5F564C;
	border: 1px  solid  #e0e0e0 ;
	background-color: #ffffff;
	width:		90%px;
	margin-top: 10px;
}
.OrderTitle {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	FONT-weight: bold;
	line-height: 180%;
	color:		#98A53C;
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #ffffff;
	border-bottom: 1px  solid  #e0e0e0 ;
	border-right: 1px  solid  #e0e0e0 ;
}

.OrderText {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	border-bottom: 1px  solid  #e0e0e0 ;
}
.OrderSubmit {
	height: 30px;
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 3px;
	background-color:				#ffffff;
}

/* navigation bar for ezycat product systems with sub cats */
#Nav {
	position:relative;
	top:6px;
	left:35px;
	display:block;
	clear:both;
}

.NavCell {
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color: #98A53C;
	font-weight: normal;
	text-decoration: none;
}

.NavBar {
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color: #98A53C;
	font-weight: normal;
	text-decoration: none;
}

.NavBarOn {
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color: #98A53C;
	font-weight: bold;
	text-decoration: none;
}