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

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

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


	body,
	form,
	input,
	td {
		font-family: 	Verdana, Helvetica, sans-serif;
		font-size: 		11px;
		color: 			#808284;
	}
	
	p { /* text area text */
		font-family: 	Verdana, Helvetica, sans-serif;
		font-size: 		11px;
		line-height:	140%;
		color: 			#333333;
	}
	.Welcome p { /* welcome area text */
		font-family: 	Verdana, Helvetica, sans-serif;
		font-size: 		11px;
		line-height:	140%;
		color: 			#333333;
		height:			200px;
		overflow: 		auto;
		padding-right: 10px;
	}
	
	a, a:visited {
		color: #00AACF; 
		text-decoration: none; 
		}
	a:hover, a:active, {
		color: #EC008C; 
		text-decoration: none; 
		}
		
	.Link {
		color: #808284; 
		text-decoration: none; 
		}
		
	.Link:hover {
		color: #00AACF; 
		text-decoration: none; 
		}

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

	html,
	body {
		scrollbar-track-color: 		#ffffff;
		scrollbar-face-color: 		#cacaca;
		scrollbar-arrow-color: 		#ffffff;
		scrollbar-3dlight-color: 	#ffffff;
		scrollbar-highlight-color: 	#ffffff;
		scrollbar-shadow-color: 	#ffffff;
		scrollbar-darkshadow-color: #ffffff;
		background-color:			#ffffff;
	}


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

#Container {
	height: 		730px;
	margin:			0 auto;
	margin-top:     10px;
	padding:		2px;
	position:		relative;
	width:			980px; 
	border: 		1px solid #c2cae3;
	 background: 	url('Graphics/star-blue-left-crn.gif') no-repeat bottom left;
	/*min-height:	100%;		100%;	 Height of the footer for full page layout */
	/*height:		100%;	 Height of the footer for full page layout */
	}
#Container2 {

	margin:			0 auto;
	margin-top:     10px;
	padding:		2px;
	position:		relative;
	width:			980px; 
	border: 		1px solid #c2cae3;
	 background: 	url('Graphics/star-blue-left-crn.gif') no-repeat bottom left;
	/*min-height:	100%;		100%;	 Height of the footer for full page layout */
	/*height:		100%;	 Height of the footer for full page layout */
	}
#Top {
    background: 	url('Graphics/LogoBanner.jpg') no-repeat bottom right;
	height:			280px;
	position:		relative;
	}

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

#Footer {
	clear:			both;
	display:		block;
	position:		relative;
	height:			50px;
	/*position:		absolute;
	
	clear:			both;
	display:		block;
   	height:		80px; Height of the footer, all settings for site full page layout */
	}

#Footer2 {
	clear:			both;
	display:		block;
	position:		relative;
	height:			50px;
	bottom:			-60px;
	/*position:		absolute;
	
	clear:			both;
	display:		block;
   	height:		80px; Height of the footer, all settings for site full page layout */
	}
h1 { /* top text */
	color: 				#ffffff;
	font-size: 			24px;
	font-weight: 		normal;
	line-height:		140%;
	margin-left:		20px;
	text-decoration: 	none;
	position:			absolute;
	top:				-45px;
	left:				2px;
	text-transform:		lowercase;
	}

	
h2 { /* is this used yet? */
	color: 				#00AACF;
	font-size: 			14px;
	font-weight: 		normal;
	margin: 			4px 0px 6px 0px;	
	text-decoration: 	none;
	}
	
.Pink {
		color: #EC008C; 
		}
.Orange {
		color: #F7931D; 
		}
.Green {
		color: #8CC63F;
}
.Blue {
		color: #00AACF; 
		}
.Grey {
		color: #808284; 
		}		

/* random hot products on front page styles */
img {border:none;}
 ul.popout {list-style:none; margin:0; padding-top:10px; width: 170px;}
 ul.popout li {float:left; display: inline; border:1px solid #d5d5d5;margin: 0 4px 4px 0; padding: 2px 2px 2px 2px; background-color:#f1f1f1}
 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:#666666}
 
 


/* surrounding product mini images.    */
.surround img {border:none;}
ul.surround {list-style:none; margin:0; padding-top:10px; width: 250px;}
ul.surround li {float:left; display: inline; border:1px solid #c4c9e6; 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:#373938}



/*	--------------------------------------	*/
/* 	TOP AREA	                           	*/
/*	--------------------------------------	*/

#Shop {
	border-right: 		1px solid #64abd1;
	color: 				#ffffff;
	font-size: 			10px;
	font-weight: 		normal;
	line-height:		140%;
	text-decoration: 	none;
	position:			absolute;
	bottom:				13px;
	left:				60px;
	width:				90px;
	}
	
#Shop a {
	color: 				#ffffff; 
	text-decoration: 	none; 
	}
		
#Shop a:hover{
	color: 				#EC008C; 
	text-decoration: 	none; 
	}
	
.InfoMenu {
	list-style-type: 	none;
	margin: 			0;
	margin-top:			10px;
	padding: 			0;
	float:				left;
	width:				800px;

	}
.InfoMenu li{
	display: 			inline;
	}
	
.InfoMenu li a,
.InfoMenu li a:link,
.InfoMenu li a:visited{
	color: 				#808284;
	display: 			inline;
	font-size: 			10px;
	float:				left;
	padding-right: 		20px;
	text-decoration: 	none;
	text-transform:		uppercase;
	}


.InfoMenu li a:active,
.InfoMenu li a:hover{
	color: 				#00AACF;
	}

#InfoMenuOn a{
	color: 				#00AACF;
	}
/*	--------------------------------------	*/
/* 	MAIN AREA	                           	*/
/*	--------------------------------------	*/

.MainProdArea {
	position:			relative;
	float: 				right;
	display:			inline;
	padding:			0px;
	text-align:			left;
	width:				830px;

	}
.MainProdArea2 {
	position:			relative;
	float: 				right;
	display:			inline;
	padding:			0px;
	padding-top:		20px;
	text-align:			left;
	width:				830px;
	height:				950px;
	}
.ProdMenuArea {
	background-color:	#FFFFFF;
	float: 				left;
	display:			inline;
	margin-right:		2px;
	margin-left:		5px;
	padding:			0px;
	width:				135px;
	}

	
#TextAreaBox {
	border:				1px solid #c2cae3;
	border-top:			0px;
	background-color:	#FFFFFF;
	height:				370px;
	position:			absolute;
	padding:			30px;
	text-align:			justify;
	top:				0px;
	left:				0px;	
	width:				440px;
	filter:				alpha(opacity=65);
	opacity:			0.65;
	}
	
.TextArea {
	height:				370px;
	overflow: 			auto;
	padding-right:		10px;
	text-align:			justify;	
	}

.SidePic {
	float:				right;
	height:				450px;	
	width:				550px;
	}


	
/*	--------------------------------------	*/
/* 	WELCOME PAGE STYLES	                           	*/


.BGImage { /*welcome.php templage */
	position:			absolute;
	top:				0px;
	right:				0px;
	}
	
.Welcome { /*welcome.php templage */
	color: 				#808284;
	filter:				alpha(opacity=65);
	opacity:			0.65;
	border:				1px solid #c2cae3;
	border-top:			0px;
	background-color:	#FFFFFF;
	height:				200px;
	position:			absolute;
	padding:			30px;
	text-align:			justify;
	top:				0px;
	left:				0px;	
	width:				440px;
	}

.PopOuts { /*welcome.php popout boxes container */
	float:			right;
	display:		block;
	height: 		440px;
	width: 			290px;
	margin-top:		4px;
	margin-right:	1px;
	position: 		relative;
	}



	
.WhatsHot {
	height: 		156px;
	width: 			290px;
	margin-bottom:	4px;
	margin-right:	2px;
	position: 		relative;
	background-color:#ffffff;
	background: 	url('Graphics/Bar-pink.gif') no-repeat bottom right;
	}
	
.Competition {
	height: 		156px;
	width: 			290px;
	margin-bottom:	4px;
	margin-right:	2px;
	position: 		relative;
	background-color:#ffffff;
	background: 	url('Graphics/bar-orange.gif') no-repeat bottom right;
	}
	
.ShoppingPop {
	height: 		96px;
	width: 			290px;
	margin-bottom:	4px;
	margin-right:	2px;
	position: 		relative;
	background-color:#ffffff;
	background: 	url('Graphics/bar-green.gif') no-repeat bottom right;
	}
	


	
.PopPic {
	position:		relative;
	top:			10px;
	left:			5px;
	padding-left: 	5px;
	padding-top: 	5px;
 	border-left: 	1px solid #c2cae3;
	height: 		130px;
	width: 			100px;
	float:			right;
	display:		inline;
	}

.PopOutText {
	position: 		relative;
	float:			left;
	display:		inline;
	top:			10px;
	left:			35px;
	width:			130px;
	}

.PopOutText h3  {
	color: 			#EC008C;
	margin:			0px;
	margin-bottom:	7px;
	text-transform:	uppercase;
	font-size:		11px;
	font-weight: 	normal;
	padding:		0px;
	width:			270px;
 	}


.PopOutText p {
	font-size:		10px;
	line-height:	120%;
	}
	
.PopLink:link, .PopLink:visited {
	color: 			#00AACF;
	text-transform:	uppercase;
	}
	
.PopLink:hover, .PopLink:active, .PopLink:selected{
	color: 			#EC008C;
	}
	


/*	--------------------------------------	*/
/* 	FOOTER AREA	                           	*/
/*	--------------------------------------	*/


.Foot {
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#808284;
	text-align: 		right;
	line-height: 		140%;
	margin-top:			14px;
}


.RightDiv {
	float:	right;
}

.LeftDiv {
	float:	left;
}



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


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

/*	--------------------------------------	*/
/* 	SMALL CARD	AND CAT CARD               	*/


#SmCard {
	position: 		relative;
	margin:			0px;
	padding:		0px;
	width:			167px;
	height:			215px;
	background: 	url('Graphics/SmCArdBG.gif') no-repeat bottom left;
	}

.SmProdName {
	text-decoration: 	none;
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#808284;
	line-height: 		140%;
	text-align:			left;
	padding-left: 		3px;
	}
	
.SmProdName:hover {
	color: 				#e2007d;
	text-decoration: 	none;
	}
	
.SmProdCell {
	position: 			relative;
	display: 			block;
	text-align:			left;
}
.SmProdPrice { /*not used in thissite */ 
	text-decoration: 	none;
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			12px;
	color: 				#808284;
	display: 			block;
	line-height: 		160%;
	text-align:			left;
}
.SmProdDesc { /*not used in thissite */ 
	text-decoration: 	none;
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#808284;
	border-bottom: 		2px solid #808284;
	padding-top: 		3px;
	text-align:			justify;
	width:				157px;
}
.SmProdID { /*not used in thissite */ 
	text-decoration: 	none;
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#808284;
	display: 			block;
	line-height: 		160%;
	border-top: 		1px solid #c7c7c8;
	width:				157px;
	text-align:			left;
}
	
.Pic {
	width:				150px;
	height:				150px;
	position:			absolute;
	bottom:				12px;
	left:				7px;	
	}

/* Category card - text class */

#SmCatCard {
	position: 		relative;
	margin:			0px;
	padding:		0px;
	width:			167px;
	height:			192px;
	background: 	url('Graphics/SmCArdBG.gif') no-repeat bottom left;
	}
.SmProdFoot {
	height:			30px;
	}
.CatDesc {
	color: 				#808284;
	text-decoration: 	none;
	}
	
.CatDesc:hover {
	color: 				#e2007d;
	text-decoration: 	none;
	}


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


#LgCard { /*Large Product container */
	position: 		absolute;
	top:			0px;
	left:			0px;
	width:			830px;
	height:			560px;	
	}
	
.LgCardPic { /* image container on large card */ 
	float:			left;
	display:		inline;
	height:			560px;
	padding:		5px;
	margin-top: 	10px;
	width:			394px;
	text-align:		center;
	background: 	url('Graphics/LgCArdBG.gif') no-repeat top left;
	}
	
.LgProdInfo { /* lg card text area container */ 
	float:			right;
	display:		inline;
	width: 			370px;
	}

.LgProdFoot{ /* back / next container */ 
	width:			384px;
	height:			20px;
	float:			right;
	display:		block;
	position:		relative;

	padding:     	10px;
	text-align:		center;
	font-size:		10px;
	}

.LgProdArea {  /* inside scroll area  */
	height:			530px;
	overflow:		auto;
	padding-top:	20px;
	padding-right:	10px;
	}

h2.LgProdName {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	color: 			#1E66AB;
	margin-bottom:	10px;
	padding:		0px;
	font-weight:	normal;
	line-height: 	100%;
	width: 			350px;
	border-bottom: 		1px solid #c7c7c8;
	}
	
h4 { /*lg card product id */ 
	color: 			#1E66AB;
	text-decoration: none;
	font-family: 	Verdana, Helvetica, sans-serif;
	font-size: 		10px;
	margin:			0px;
	padding:		0px;
	line-height: 	140%;
	font-weight:	normal;
}

.LgProdTop { /*not used in this site */ 
	background-image:		url(Graphics/LgCardTop.gif);
	background-repeat: 		no-repeat;
	background-position: 	top left;
	width:			338px;
	height:			400px;
	position: 		absolute;
	top:			0px;
	margin:			0px;
	text-align: 	center;
	padding-top: 	10px;
	padding-left: 	10px;
	padding-right: 	10px;
	}
	

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

/* For the cell of the price / features / document uploads title - make sure this cell has colspan="3" */
.LgProdVarTitle {
	text-transform: 	uppercase;
	text-decoration: 	none;
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#808284;
	border-bottom: 		1px solid #c7c7c8;
	width: 				300px;
}

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

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

/* For the variations description cell  */
.varDesc { 
	font-family: Verdana, Helvetica, sans-serif;	
	font-size: 10px;
	color: #808284;
}


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

/* Cascading product menu styles */
.MenuCellPop {
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		3px;
	padding-bottom: 	3px;
	padding-left: 		3px;
	}


.MenuCellPopOn {
	color: 				#00AACF;
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		3px;
	padding-top: 		3px;
	padding-bottom: 	3px;
	}

.MenuCellLevel1 {
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		3px;
	padding-bottom: 	3px;
	padding-left: 		3px;
	}


.MenuCellLevel1On {
	color: 				#00AACF;
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		3px;
	padding-top: 		3px;
	padding-bottom: 	3px;
	}
	
/* Product Level 2 Menu Cells */
.MenuCellLevel2 {
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		30px;
	padding-top: 		3px;
	padding-bottom: 	3px;
	
}



.MenuCellLevel2On {
	color: 				#00AACF;
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		30px;
	background: 		url('Graphics/star-blue-menu2.gif') no-repeat left;
	padding-top: 		3px;
	padding-bottom: 	3px;
}

/* Product Level 3 Menu Cells */
.MenuCellLevel3 {
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		40px;
	padding-top: 		3px;
	padding-bottom: 	3px;
}



.MenuCellLevel3On {
	color: 				#00AACF;
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		40px;
	background: 		url('Graphics/star-blue-menu3.gif') no-repeat left;
	padding-top: 		3px;
	padding-bottom: 	3px;
}


/* Product Level 4 Menu Cells */
.MenuCellLevel4 {
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		50px;
	padding-top: 		3px;
	padding-bottom: 	3px;
}



.MenuCellLevel4On {
	color: 				#00AACF;
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		50px;
	background: 	url('Graphics/star-blue-menu4.gif') no-repeat left;
	padding-top: 		3px;
	padding-bottom: 	3px;
}


/* Product Level 5 Menu Cells */
.MenuCellLevel5 {
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		50px;
	padding-top: 		3px;
	padding-bottom: 	3px;
}



.MenuCellLevel5On {
	color: 				#00AACF;
	list-style-type: 	none;
	line-height: 		140%;
	padding-left: 		50px;
	background: 	url('Graphics/star-blue-menu4.gif') no-repeat left;
	padding-top: 		3px;
	padding-bottom: 	3px;
}
/*  Main product menu text */
A.Light {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.Light:visited {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.Light:active {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.Light:hover {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
A.LightOn {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
/*  Main product level 1 menu text */
A.LightLevel1 {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLeel1:visited {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel1:active {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel1:hover {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
A.LightLevel1On {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}

/*  Main product level 2 menu text */
A.LightLevel2 {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:visited {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:active {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:hover {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
A.LightLevel2On {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}

/*  Main product level 3 menu text */
A.LightLevel3 {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:visited {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:active {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:hover {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
A.LightLevel3On {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
/*  Main product level 4 menu text */
A.LightLevel4 {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel4:visited {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel4:active {
	COLOR: 				#808284; 
	TEXT-DECORATION: 	none
}
A.LightLevel4:hover {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
A.LightLevel4On {
	COLOR: 				#00AACF; 
	TEXT-DECORATION: 	none
}
/*	--------------------------------------	*/
/* 	NAV AND FORM	                         	*/

/* "View Cart" order form classes */
.OrderBox {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
	color: #808284;
	border: 1px  solid  #bfbfbf ;
	background-color: #ffffff;
}
.OrderTitle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	FONT-weight: bold;
	line-height: 180%;
	color: #ffffff;
	white-space: nowrap;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #e2007d;
	border-bottom: 1px  solid  #808284 ;
	border-right: 1px  solid  #808284 ;
}

.OrderText {
	padding: 3px;
	border-bottom: 1px  solid  #808284 ;
}
.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: #e2007d;
	font-weight: normal;
	text-decoration: none;
}

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

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