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

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

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


	body,
	td {
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		11px;
		color: 			#373938;
	}

.BottomText {
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		10px;
		color: 			#2e2e2e;
		padding-top:	20px;
	}
	
input {
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		11px;
		color: 			#BCBEC0;
	}
	
.OrderBox input {
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		11px;
		color: 			#555555;
	}
	
.FrontForm {
		color: 			#BCBEC0;
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		10px;
		background-image:url(Graphics/FormBG.jpg);
		background-position: bottom;
		background-repeat: repeat-x;
		border:			1px solid #414142;
		margin-bottom: 	2px;
		background-color: #000;
	}
.QuickSearch {
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		11px;
		color: 			#BCBEC0;
	}


	p { /* text area text */
		font-family: 	Verdana, Arial, Helvetica, sans-serif;
		font-size:		11px;
		line-height:	140%;
		color: 			#BCBEC0;
	}

	

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


a:active,
a:hover{
	color: 				#fedf2e;
	text-decoration: 	none; 
	}	
	
.LgProdFoot a,
.LgProdFoot a:link,
.LgProdFoot a:visited{
	color: 				#373938;
	text-decoration: 	none; 
	}


.LgProdFoot a:active,
.LgProdFoot a:hover{
	color: 				#fedf2e;
	text-decoration: 	none; 
	}	



.LgProdCheckout a,
.LgProdCheckout a:link,
.LgProdCheckout a:visited{
	color: 				#373938;
	text-decoration: 	none; 
	}


.LgProdCheckout a:active,
.LgProdCheckout a:hover{
	color: 				#fedf2e;
	text-decoration: 	none; 
	}
	
.TextLinks a,
.TextLinks a:link,
.TextLinks a:visited{
	color: 				#373938;
	font-size:			11px;
	text-decoration: 	none; 
	}


.TextLinks a:active,
.TextLinks a:hover{
	color: 				#fedf2e;
	text-decoration: 	none; 
	font-size:			11px;
	}	



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

	html,
	body {
		scrollbar-track-color: 		#ffffff;
		scrollbar-face-color: 		#E7E7E8;
		scrollbar-arrow-color: 		#ffffff;
		scrollbar-3dlight-color: 	#ffffff;
		scrollbar-highlight-color: 	#ffffff;
		scrollbar-shadow-color: 	#ffffff;
		scrollbar-darkshadow-color: #ffffff;
		background-color:			#141414;
		margin-top:					15px;
	}


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

#Container {
	margin:			0 auto;
	padding: 		0px;
	background-color: #000000;
	background-image:url(Graphics/BG3.jpg);
	background-position: top center;
	background-repeat: no-repeat;

	/*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;*/
	}

#Container2 {
	margin:		0 auto;
	padding: 		0px;	
	background-color: #000000;
	background-image:url(Graphics/BG3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	/*min-height:	100%;		100%;	 Height of the footer for full page layout */
	/*height:		100%;	 Height of the footer for full page layout */
	}
	


#MainContainer {
	height:				420px;
	text-align:			left;
	padding:			15px;
	padding-top:		0px;
	padding-bottom:	0px;
	}	
		
#MainContainer2 {
	text-align:			left;
	background-color:	#ffffff;
	padding:			15px;
	}		
#MainArea {
	position: 			relative;
	text-align:			left;
	width:					950px;
    /*padding-bottom:	80px;    Height of the footer, for site full page layout */
	}
#MainArea2 {
	position: 			relative;
	text-align:			left;
	width:				690px;
	top:				0px;
	right:				0px;
	float:				left;
	display:			inline;

    /*padding-bottom:	80px;    Height of the footer, for site full page layout */
	}
.ProdMenuArea {
	position:			relative;
	top:				0px;
	float:				left;
	display:			inline;
	width:				235px;
	height:				600px;

	}

.Stripes {  /* FIX THIS  needs 100% height somehow */
	background-image:	url(Graphics/Stripes.gif);
	background-position: left;
	background-repeat: 	repeat-y;

	}
		
.ProdMenuAreaWS {
	position:			relative;
	top:				0px;
	width:				235px;
	height:				500px;
	}
	
#CatImage {
	position:			relative;
	width:				950px;
	height:				206px;
	margin:				0;
	padding: 			0px;
	text-align:			left;
	background-image:	url(Graphics/Loading-Banner.jpg);
	background-position: left;
	background-repeat: 	no-repeat;
	}	
.ProdArea {
	position: 			relative;
	text-align:			left;
	width:				705px;
	padding: 	 	    0px;
	margin:				0px;
	text-align:			left;
}
.ProdAreaWS {
	text-align:			left;
	padding: 	 	    0px;
	margin:				0px;
	text-align:			left;
}

h1 { /* main text headers */
	color:				#000000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			22px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	margin-left:		10px;
	margin-top:			12px;
	margin-bottom:		10px;
	padding: 			2px;
	padding-left:		30px;
	font-weight:		normal;
	width:				672px;
	height:				27px;
	background-color: #fedf2e;
	}
	
h1.Prods   { /* main text headers */
	color:				#000000;
	background-color: 	#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			18px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				0;
	margin-left:		10px;
	margin-top:			12px;
	margin-bottom:		10px;
	padding: 			2px;
	padding-left:		30px;
	padding-top:		4px;
	font-weight:		normal;
	width:				672px;
	height:				24px;
	background-image:url(Graphics/ProdHeaderBG.gif);
	background-position: top center;
	background-repeat: 	repeat-x;
	border:				1px solid #b3b3b5;
	z-index:			1;
	}
	

.WSHeader { /* main text headers */
	color:				#000000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			22px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	margin-top:			12px;
	margin-bottom:		10px;
	padding: 			2px;
	padding-left:		30px;
	font-weight:		normal;
	width:				813px;
	height:				27px;
	background-color: #fedf2e;
	}

.WSHeaderArrow {
	position: 	relative;
	float: 		right;
	margin-top:	6px;
	top:		0px;
	right:		0px;
	z-index:	1;
}
h2 { /* sub headers & promo on front page*/
	color:				#000000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		capitalize;
	margin:				0;
	padding: 			5px;
	padding-left:		30px;
	font-weight:		normal;
	width:				700px;
	height:				40px;
	background-color: 	#fedf2e;
	}

.TextLinks {  /* text page links from product header bar*/
	position: absolute;
	top:			18px;
	right:		15px;
	z-index:	2;
	color:				#000000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
}
.TextLinks:a {
	color: 				#000000;
	text-decoration: 	none;
	}
.TextLinks:hover {
	color: 				#5974b9;
	text-decoration: 	none;
	}
	
.Icon  { /* main prod headers icon */
	position: absolute;
	top:			15px;
	left:		-207px;
	z-index:	1;
	}
	
.Yellow{
		color: 		#fedf2e;
		font-size:	14px; 
		}
.Grey {
		color: #BCBEC0; 
		}

.Footer {
	padding-top:	30px;
	padding-bottom:	10px;
	color: 			#808284;
	background-color: #020202;
	font-size:		10px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	}

.Footer2 {
	padding-top:	0px;
	padding-bottom:	10px;
	color: 			#808284;
	background-color: #020202;
	font-size:		10px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	}
	
.Line {
	border-bottom:		1px solid #414142;
}

.PDFUpload {
	size:			12px;
	margin-top:		10px; 
	margin-bottom: 	10px; 
	padding-bottom: 5px; 
	border-bottom:	1px solid #e6e6e6; 
}
.PDFUpload {
	size:			12px;
	margin-top:		10px; 
	margin-bottom: 	10px; 
	padding-bottom: 5px; 
	border-bottom:	1px solid #e6e6e6; 
	color: 				#000000;
	text-decoration: 	none; 
}
.PDFUpload a {
	color: 				#000000;
	text-decoration: 	none; 
	margin-right:		10px;
}
.PDFUpload a:hover {
	color: 				#fedf2e;
	text-decoration: 	none; 
	margin-right:		10px;
}
/*	--------------------------------------	*/
/* 	TOP AREA	                           	*/
/*	--------------------------------------	*/

#TopMenuContainer {
	position:				relative;
	width:					980px;
	height:					40px;
	margin:					0 auto;
	padding: 				0;
	margin-top:				20px;
	margin-bottom:			9px;
	text-align:				left;	
	
	}	
	
.InfoMenu {
	margin: 			0;	
	padding: 			0;
	}
.InfoMenu li {
	list-style-position: inside;
	display: 			inline;
	font-size: 			11px;
	float:				left;
	padding-right: 		10px;
	padding-left: 		10px;
	height:				18px;
	text-decoration: 	none;
	text-transform: 	capitalize;

	}
	
.InfoMenu li a,
.InfoMenu li a:link,
.InfoMenu li a:visited{
	color:				#808284;

	}


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

#InfoMenuOn a{
	color: 				#fedf2e;
	}
	
	
.QuickSearch {
	width: 200px;
	white-space: nowrap;
	color:		#808284;
	}	
	
.Location {
	height:				18px;
	padding: 			0;
	padding-left:		45px;
	text-align:			left;	
	border-bottom:		1px solid #414142;
	border-top:			1px solid #414142;
	margin-bottom:		3px;
	color: 				#BCBEC0;
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	}		

/* Main Nav menu	*/
.MainNavContainer {
	position:			relative;
	width:				903px;
	height:			14px;
	margin:			0;
	top:					5px;
	padding: 			2px;
	padding-left:		15px;
	padding-right:		30px;
	padding-top:			1px;
	margin-bottom:	10px;
	margin-left:		15px;
	border:				1px solid #414142;
	text-align:			left;
	background-color: #19171a;
	z-index: 2;
	}		
.MainNavContainer h3 {
	color:				#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				0;
	margin-bottom:		10px;
	margin-right:		10px;
	padding: 			0;
	display:			inline;
	float:				left;
	font-weight:		normal;
	}
	
.MainNav L1{
	margin: 			0;	
	padding: 			20px;
	margin-top:			30px;
	width:				80px;
	background-color: 	#020202;
	height:				20px;
	z-index:	0;
	}
.MainNavL1 li{
	color:				#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				0;
	margin-bottom:		10px;
	margin-right:		10px;
	padding: 			0;
	display:			inline;
	float:				left;
	font-weight:		normal;
	list-style: none;
	}
	
	
.MainNav {
	margin: 		0;	
	position: 		absolute;
	padding: 		20px;
	padding-top: 	10px;
	top:			17px;
	left:			10px;
	width:			380px;
	background-color: 	#020202;
	height:			130px;
	filter:			alpha(opacity=85);
	opacity:		0.85;
	z-index:		0;
	border-top:		1px solid #414142;
	}
.MainNav li{
	list-style-position: inside;
	display: 			inline;
	font-size: 			11px;
	width:				110px;
	height:				80px;
	float:				left;
	text-decoration: 	none;
	text-transform: 	capitalize;
	font-weight:		bold;
	}
	
.MainNav li a,
.MainNav li a:link,
.MainNav li a:visited{
	color:				#BCBEC0;

	}


.MainNav li a:active,
.MainNav li a:hover{
	color: 				#fedf2e;
	
	}

#MainNavOn a{
	color: 				#fedf2e;
	}
	
.MainSubNav {
	position:			relative;
	margin: 			0;	
	padding: 			0;
	margin-top:			10px;
	width:				110px;
	}
.MainSubNav li{
	list-style-position: inside;
	display: 			inline;
	font-size: 			11px;
	width:				110px;
	height:				5px;
	margin-top:			1px;
	float:				left;
	text-decoration: 	none;
	text-transform: 	capitalize;
	font-weight:		normal;
	}
	
.MainSubNav li a,
.MainSubNav li a:link,
.MainSubNav li a:visited{
	color:				#BCBEC0;

	}


.MainSubNav li a:active,
.MainSubNav li a:hover{
	color: 				#fedf2e;
	
	}

#MainSubNavOn a{
	color: 				#fedf2e;
	}
		
/* Main folio Menu in Footer	*/
#MenuContainer {
	position:			relative;
	width:				960px;
	margin:				0 auto;
	padding: 			0;
	margin-top:		2px;
	padding-top:		10px;
	border-top:			1px solid #414142;
	text-align:			left;
	padding-left: 		20px;	
	}	
	
/*	--------------------------------------	*/
/* 	SUBMENU ON TEXT.PHP					   	*/	


	
.SubMenu {
	margin: 			0;
	padding: 			0;
	width:				235px;
	}
		
.SubMenu li{
	display: 			block;
	float:				left;
	width:				207px;
	background-color:	#d1d2d4;
	padding-top: 		6px;
	padding-bottom: 	6px;
	padding-left: 		28px;
	border-bottom:		1px solid #ffffff;
	background-image:url(../Graphics/SubMenuArrow.gif);
	background-position:  left;
	background-repeat: no-repeat;
	}
	
.SubMenu li a,
.SubMenu li a:link,
.SubMenu li a:visited {
	font-size:			12px;
	list-style-type: 	none;
	line-height: 		140%;
	text-align:			left;
	color:				#373938;
	text-decoration: 	none;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	}
	
.SubMenu li a:active,
.SubMenu li a:hover {
	color: 				#373938;
	font-weight:		bold;
	}

#SubMenuOn a{
	color: 				#373938;
	font-weight:		bold;
	}




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


.WelcomeImageContainer {
	padding:			0px;
	position:			relative;
	margin-bottom:		5px;
}
.WelcomeImage {
	padding:			0px;
	position:			relative;
}
.WelcomeImage li{
	list-style:			none;
}
.ImageNavContainer {
	position:			relative;
	float: 				right;
	bottom:				30px;
	z-index:			1;
}
.ImageNav {
	width:				120px;
	height:				20px;
	position:			relative;
	float:				left;
	display:			inline;
	}
.ImageNav li{
	list-style:			none;
	display: 			inline;  
	font-size: 			15px;
	float:				left;
	margin-right:		5px;
	text-decoration: 	none;
	width:				20px;
	height:				20px;
	text-align:			center;
	color:				#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border:				1px solid #414142;
}
.ImageNav li a,
.ImageNav li a:link,
.ImageNav li a:visited{
	color:				#ffffff;
	}


.ImageNav li a:active,
.ImageNav li a:hover{
	color: 				#fedf2e;
	
	}
.WelcomeBoxes {
	width:				640px;
	height:				160px;
	position:			relative;
	float:				left;
	display:			inline;
	
	}
.ImgButton {
	position: 			relative;
	z-index:			0;	
	background-color:	#ffffff;
}
	.FadeOut {
	position: 			absolute;
	background-color:	#ffffff;
	filter:				alpha(opacity=0);
	opacity:			0.0;
	width:				153px;
	height:				148px;
	z-index:			1;

}	
.WelcomeBoxes li{
	list-style-position: inside;
	display: 			inline;
	font-size: 			15px;
	float:				left;
	margin-right:		5px;
	text-decoration: 	none;
	width:				153px;
	height:				160px;
	/* height:				200px;when box on and open so can read text and also remove overflow hidden.*/
	}
	
.WelcomeBoxes li a,
.WelcomeBoxes li a:link,
.WelcomeBoxes li a:visited{
	color:				#fedf2e;

	}


.WelcomeBoxes li a:active,
.WelcomeBoxes li a:hover{
	color: 				#ffffff;
	
	}
	

.BoxHeader {
	background-color:	#202023;
	z-index:			1;
	filter:				alpha(opacity=75);
	opacity:			0.75;
	width:				143px;
	height:				17px;	
	overflow:			hidden;
	/*height:			17px;	when box off and closed  and also remove overflow hidden.*/
	/*height:			60px;	when box on and open so can read text and also remove overflow hidden.*/
	padding:			5px;
	position:			relative;
	top:				-27px;
}


.BoxHeader p {
	color:				#BCBEC0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		120%;
	text-align:			left;
	margin:				0;
	}

.BoxHeader h3 {
	color:				#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				0;
	margin-bottom:		8px;
	padding: 			0;
	font-weight:		normal;
	}
	
.Enews {
	padding:			5px;
	padding-left: 		20px;
	border-bottom:		1px solid #414142;
}
.Enews p {
	color:				#BCBEC0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		120%;
	text-align:			left;
	margin:				0;
	}

.Enews h3 {
	color:				#ffffff;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				0;
	margin-bottom:		8px;
	padding: 			0;
	font-weight:		normal;
	}

/* 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 #414142;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:#373938}


/* 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 #414142; 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}


	

	

#TextAreaContainer {
	width:				690px;
	position:			relative;
	margin-left:		15px;
	float:				left;
	display:			inline;
	}
	
.TopImage {
	padding:			0px;
	position:			relative;
	margin-bottom:		20px;
}

.StyleImage {
	padding:			0px;
	padding-left:		40px;
	width:				400px;
}


.TextArea {
	width:				700px;
	position:			relative;
	}	
	
		
.TextArea p {
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		150%;
	text-align:			left;
	position:			relative;
	}
		
	
.StyleTextArea p {
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		170%;
	text-align:			left;
	position:			relative;

	}
		
		
.Date {
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	text-align:			left;
	position:			relative;
	}	

		
.Caption {
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align:			left;
	position:			relative;
	}	

.StyleTextArea {
	width:				480px;
	padding-top:		100px;
	}	

.StyleHeader { /* main text headers */
	color:			#000000;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		22px;
	text-align:		left;
	text-transform:	capitalize;
	position:		absolute;
	margin:			0;
	left:			-30px;
	top:			0px;
	margin-top:		12px;
	margin-bottom:	10px;
	padding: 		2px;
	padding-left:	30px;
	padding-top:	20px;
	padding-bottom:	8px;
	font-weight:	normal;
	width:			480px;
	height:			35px;
	z-index:		1;
	background-color: #fedf2e;
	}
	
.StyleHeader2 { /* main text headers */
	color:			#000000;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		22px;
	text-align:		left;
	text-transform:	capitalize;
	position:		relative;
	margin:			0;
	left:			-30px;
	margin-top:		12px;
	margin-bottom:	10px;
	padding: 		2px;
	padding-left:	30px;
	padding-top:	20px;
	padding-bottom:	8px;
	font-weight:	normal;
	width:			480px;
	height:			35px;
	background-color: #fedf2e;
	}
	
.TextArea h1 {
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	border-bottom:		1px solid #414142;
	text-align:			left;
	text-transform:		uppercase;
	margin:				0;
	margin-bottom:		10px;
	padding: 			0;
	padding-bottom:		3px;
	font-weight:		bold;
	height:				18px;
	background-color:	#FFFFFF;
	width:				700px;
	letter-spacing:		-1px;
	}


.ProdMenuArea h1 {
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			17px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				0;
	padding: 			0;
	font-weight:		bold;
	height:				10px;
	background-color:	#FFFFFF;
	width:				235px;
	letter-spacing:		-1px;
	}


/*	-------------------------------	*/
/* 	headers for wsale prod layout	*/

.Header {
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			16px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				10px;
	margin-bottom:		0px;
	margin-top:			20px;
	padding: 			0;
	font-weight:		bold;
	letter-spacing:		-1px;
	}



.SubHeader {
	color:				#a7a9ac;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			14px;
	text-align:			left;
	text-transform:		uppercase;
	margin:				10px;
	margin-top:			0px;
	padding: 			0;
	font-weight:		bold;
	letter-spacing:		-1px;
	}


.TabCell {
	position: 			relative;
	width:				673px;
	border-bottom:		1px dashed #373938;
	height:				28px;
	float:				right;
	display:			inline;
}

.Tab {
	position: 			relative;
	width:				78px;
	padding-bottom: 	2px;
	height:				28px;
	background-image:	url(Graphics/Tab.gif);
	background-position:top;
	background-repeat: 	no-repeat;
	color:				#373938;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	text-align:			center;
	text-transform:		uppercase;
	padding:			2px;
	float:				right;
	display:			inline;
	
}


/*	--------------------------------------	*/
/* 	Wholesale prod cat display			   	*/	


	
.MenuCellWS {
	margin: 			0;
	padding: 			0;
	width:				235px;
	}
		
.MenuCellWS li{
	display: 			block;
	float:				left;
	width:				207px;
	background-color:	#a7a9ac;
	color:				#373938;
	padding-top: 		6px;
	padding-bottom: 	6px;
	padding-left: 		20px;
	border-top:			1px solid #ffffff;
	text-transform: 	uppercase;
	}
	
.MenuCellWS li a,
.MenuCellWS li a:link,
.MenuCellWS li a:visited {
	font-size:			15px;
	list-style-type: 	none;
	line-height: 		140%;
	text-align:			left;
	color:				#373938;
	text-decoration: 	none;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	}
	
.MenuCellWS li a:active,
.MenuCellWS li a:hover {
	color: 				#ffffff;
	background-color:	#808285;
	}
	
.MenuCellWS li:hover {
	color: 				#ffffff;
	background-color:	#808285;
	}

#MenuCellWSOn li a{
	color: 				#ffffff;
	background-color:	#808285;
	}

#MenuCellWSOn a{
	color: 				#ffffff;
	background-color:	#808285;
	}




	
.SubMenuCellWS {
	margin: 			0;
	padding: 			0;
	width:				673px;
	height:				200px;
	background-image:url(Graphics/ProdBGYellow.gif);
	background-position:  top;
	background-repeat: repeat;
	}
		
.SubMenuCellWS li{
	display: 			block;
	float:				left;
	width:				635px;
	color:				#373938;
	padding-top: 		5px;
	padding-bottom: 	4px;
	padding-left: 		20px;
	border-bottom:		1px solid #ffffff;
	text-transform: 	capitalize;
	background-image:	url(Graphics/prodarrow.gif);
	background-position:  right;
	background-repeat: 	no-repeat;
	width:				655px;
	}
	
.SubMenuCellWS li a,
.SubMenuCellWS li a:link,
.SubMenuCellWS li a:visited {
	font-size:			13px;
	list-style-type: 	none;
	line-height: 		140%;
	text-align:			left;
	color:				#373938;
	text-decoration: 	none;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	}
	
.SubMenuCellWS li a:active,
.SubMenuCellWS li a:hover {
	color: 				#373938;
	font-weight:		bold;
	}
	


#SubMenuCellWSOn a{
	color: 				#373938;
	font-weight:		bold;
	}



	
	





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

#CompAreaBox {
	border-bottom:		5px solid #121212;
	background-color:				#373938;
	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:				#373938;
	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:				#373938;
	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: 			#5974b9;
	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:				#373938;
	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:				#373938;
	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:				#373938;
	}
	
#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: 				#393939;
}	
.PageNumberCurrent{  
	font-size:			11px; 
	color: 				#5974b9;
	text-decoration: 	none;  
	font-weight: 		bold;
}
.SmLinkOff {  
	font-size:			11px; 
	color: 				#393939;
}
.SmLinkOff:hover {  
	font-family: 	Verdana, Arial, Helvetica, sans-serif; 
	font-size:			11px; 
	font-style: 		normal; 
	color: 				#5974b9; 
	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: 				#393939;
	}
/*	--------------------------------------	*/
/* 	SMALL CARD	AND CAT CARD               	*/


#SmCard {
	position: 		relative;
	margin:			0px;
	padding:		0px;
	width:			220px;
	height:			290px;
	}

.SmProdName {
	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color: 				#393939;
	line-height: 		140%;
	text-align:			center;
	text-transform:		capitalize;
	}

.SmProdCell a,
.SmProdCell a:link,
.SmProdCell a:visited {
	color: 				#000000;
	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height: 		140%;
	text-align:			center;
	text-transform:		capitalize;
	}	
.SmProdCell a:hover {
	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color: 				#fedf2e;
	line-height: 		140%;
	text-align:			center;
	text-transform:		capitalize;
	}
	
.SmProdCell {
	position: 			relative;
	display: 			block;
	text-align:			left;
}
.PriceContainer {
	position:			relative;
	margin:				0px;
	padding:			0px;
	Clear:				both;
}
.SmProdPrice { 
	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			10px;
	color: 				#666666;
	float:				left;
	display: 			inline;
	line-height: 		160%;
	text-align:			left;
	width:				220px;
}
/*.SmProdDesc { not used in thissite 
	text-decoration: 	none;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#393939;
	border-bottom: 		2px solid #393939;
	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: 				#666666;
	display: 			inline;
	line-height: 		160%;
	width:				100px;
}
	
.Pic {
	width:				220px;
	height:				220px;
	padding:			0px;
	margin-bottom:		6px;
	background-color:	#ffffff;
	}

/* Category card - text class */
.CatDesc {
	color: 				#393939;
	text-decoration: 	none;
	}
	
.CatDesc:hover {
	color: 				#5974b9;
	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;
}	
.LgCardPic { /* image container on large card */
	background-color:	#ffffff;
	padding:			6px;
	border:				0px solid #414142;
	position:			relative;
	width:				400px;
	height:				550px;
	margin-left:		9px;
	margin-top:			26px;
	margin-bottom:		6px;
	color:				#333333;
	text-align:			center;
	}
.Surounding {
	background-color:	#ffffff;
	padding:			6px;
	border:				0px solid #414142;
	position:			relative;
	width:				250px;
	height:				65px;
	margin-left:		9px;
	color:				#333333;
}	


.LgProdFoot{ /* back / next container */ 
	height:			14px;
	position:		relative;
	top:			6px;
	left:			6px;
	padding:     	10px;
	text-align:		center;
	font-size:		11px;
	width:		400px;
	color:			#333333;
	}	
.LgProdCheckout{ /* back / next container */ 
	position:		relative;
	padding:     	2px;
	text-align:		center;
	font-size:		11px;
	color:			#333333;
	width:			150px;
	border:			1px solid #cccccc;
	background-color: #e6e6e6;
	margin-top:		10px;
	}

.LgProdInfo { /* lg card text area container */ 
	width:				250px;
	height:				500px;
	position:			absolute;
	top:				47px;
	right: 				0px;
	padding:			10px;
	}

	
.LgProdArea {  /* inside scroll area  */
	height:			500px;
	width:			250px;
	padding-right: 	10px;
	overflow:		auto;
	}

h2.LgProdName {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		16px;
	color: 			#333333;
	margin:			0px;
	margin-top:		10px;
	margin-bottom:	10px;
	padding:		0px;
	width: 			250px;
	font-weight:	normal;
	line-height: 	100%;
	text-transform:	capitalize;
	text-align:		left;
	height:			20px;
	background-color: #FFFFFF;
	}
	
h4 { /*lg card product id */ 
	color: 			#373938;
	text-decoration: none;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 		10px;
	margin:			0px;
	padding:		0px;
	line-height: 	140%;
	font-weight:	normal;
}


	

	
.LgProdDesc {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 		11px;
	color: 			#373938;
	line-height: 	140%;
	padding-bottom:	10px;
	width:			250px;

	}

/* For the cell of the price / features / document uploads title - make sure this cell has colspan="3" */
.LgProdVarTitle {

	text-decoration: 	none;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;	
	font-size: 			11px;
	color: 				#333333;
	border-bottom:		0px solid #a6abbe;

}

/* 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: 			11px;
	color: 				#333333;
	text-transform: 	capitalize;
	line-height: 		160%;
	width: 				80px;
}

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

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


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

/* Cascading product menu styles */


.MenuCellLevel1 {
	font-size:			13px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		10px;
	padding-bottom: 	2px;
	padding-left: 		30px;
	text-align:			left;
	color:				#393939; 
font-weight:      bold;
	}


.MenuCellLevel1On {
	font-size:			13px;
	color: 				#fedf2e;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		10px;
	padding-bottom: 	10px;
	padding-left: 		30px;
	text-align:			left;
	font-weight:      bold;
	
	}
	
/* Product Level 2 Menu Cells */
.MenuCellLevel2 {
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		2px;
	padding-bottom: 	2px;
	padding-left: 		30px;
	text-align:			left;
	color:				#393939; 
}



.MenuCellLevel2On {
	color: 				#fedf2e;
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		2px;
	padding-bottom: 	2px;
	padding-left: 		30px;
	text-align:			left;
	font-weight:      bold;

}

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




.MenuCellLevel3On {
	color: 				#fedf2e;
	font-size:			11px;
	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		2px;
	padding-bottom: 	2px;
	padding-left: 		40px;
	text-align:			left;
	font-weight:      bold;

}


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

}



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


/* Product Level 5 Menu Cells */
.MenuCellLevel5 {
	font-size:			11px;
		color:				#393939; 

	list-style-type: 	none;
	line-height: 		140%;
	padding-top: 		5px;
	padding-bottom: 	5px;
	padding-left: 		60px;
	text-align:			left;
}



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

/*  Main product level 2 menu text */
A.LightLevel2 {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:visited {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:active {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel2:hover {
	COLOR: 				#fedf2e; 
	TEXT-DECORATION: 	none; font-weight: bold;
}
A.LightLevel2On {
	COLOR: 				#373938; 
	TEXT-DECORATION: 	none; font-weight: bold;
}

/*  Main product level 3 menu text */
A.LightLevel3 {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:visited {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:active {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel3:hover {
	COLOR: 				#fedf2e; 
	TEXT-DECORATION: 	none; font-weight: bold;
}
A.LightLevel3On {
	COLOR: 				#373938; 
	TEXT-DECORATION: 	none; font-weight: bold;
}


/*  Main product level 3 menu text */
A.LightLevel4 {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel4:visited {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel4:active {
	color:				#373938; 
	TEXT-DECORATION: 	none
}
A.LightLevel4:hover {
	COLOR: 				#fedf2e; 
	TEXT-DECORATION: 	none; font-weight: bold;
}
A.LightLevel4On {
	COLOR: 				#373938; 
	TEXT-DECORATION: 	none; font-weight: bold;
}


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

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

.OrderText {
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	border-bottom: 1px  solid  #414142 ;
}
.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 { /* not really effectin git */
	position:	relative;
	Float: 		left;
	display: 	inline;
}
#Nav li{
	display: 			inline;
	float:				left;
	min-width:			40px;
	height:				15px;
	list-style-type:	none;	
	text-transform: 	lowercase;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	color: 				#BCBEC0;
	font-weight: 		normal;
	text-decoration:	 none;

	}
.NavCell {
	text-transform: lowercase;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color: 			#BCBEC0;
	font-weight: 	normal;
	text-decoration: none;
	white-space: 	nowrap;

}

.NavBar {
	text-transform: lowercase;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	color: 			#BCBEC0;
	font-weight: 	normal;
	text-decoration: none;
	white-space: 	nowrap;
	margin-left:	1px;
	background-image:url(Graphics/MenuArrow2.gif);
	background-position: right ;
	background-repeat: no-repeat;
	min-width:		40px;
	height:			15px;
	padding-right: 	10px;
}

.NavBarOn {
	text-transform: lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #fedf2e;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	background-image: none;
}