<!-- Futurstate StyleSheet -->



body {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 10px;
	scrollbar-face-color: #ffffff; 
	scrollbar-shadow-color: #666666; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #666666; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #666666;
	background: #ffffff;
}

#PageBox {
	width: 600px; /* added units */
	padding: 0px;
	margin: 0px;
}

#titlebar {
	font-family: "trebuchet ms"; /* added quotation marks - fonts with spaces in names should be enclosed in quotation marks */
	background: #ffffff;
	font-variant: small-caps;
	/* took out the width, not neccessary, was causing a box model problems */
	color: #666666;
	font-size: 32px;
	background-image: url(bannerfinalfinal.jpg);
	background-repeat: no-repeat;
	background-position:left top;
 height:40px;
	border: 1px solid;
	border-color: #666666;
	padding-right: 20px;
	text-align: right;
	letter-spacing: 10px;
	vertical-align: middle; /* no property with name valign-font:, changed to vertical-align: */

	margin-bottom: 0px;
}

#FooterNav {
	font-family: "trebuchet ms"; /* added quotation marks - fonts with spaces in names should be enclosed in quotation marks */
	background: #ffffff;
	font-variant: small-caps;
	/* took out the width, not neccessary, was causing a box model problems */
	color: #666666;
	font-size: 32px;
 
 height:40px;
	border: 1px solid;
	border-top: 0px;
	border-color: #666666;
	padding-right: 20px;
	
	letter-spacing: 10px;
	vertical-align: middle; /* no property with name valign-font:, changed to vertical-align: */

	margin-bottom: 0px;
}




#tabnav {
	padding: 0px;
	margin: 0px;
/* Add margin-top: 1px; for Mozilla, other wise remove for IE */
	margin-bottom: 10px;
	height:20px;
}

#tabnav ul {
	float: right;
	height: 20; /* added uniTs */
	margin: 0px;
	padding: 0px;
	/* ul have by default some margins (that's why Mozilla and Opera pushed the menu further down. ul has by default a padding-left at 40px to generate identing. We nullified those values. */ 
}

#tabnav li {
	padding: 0px 0px 0px 0px;
	display: inline;
	list-style-type: none;
	margin:0px 0px 0px 0px;
	vertical-align: top;
}

#tabnav a:link, #tabnav a:visited {
	background: #666666;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin:0px 0px 0px 0px;
	border: 1px solid #666666;
	text-decoration: none;
	color: #ffffff;
}

#tabnav a.active:link, #tabnav a.active:visited { /* altered from incorrect a:link.active to correct syntax a.active:link */
	background: #fff;
	color: #666666;
}

#tabnav a:hover {
	background: #fff;
	color: #666666;
}
#OntopCover
{
	width: 				118px;
	height:				129px;
	border: 			1px solid #666666;
	background: 			#ffffff;
	z-index:			6;		
	/* Mozilla top:71 IE 77 */

	position:			absolute;
}

#imagebar
{
	margin:0px;
	border: 			1px solid #666666;
	padding: 			0px 0px 0px 116px;
		padding: 			3px 0px 5px 116px;
	/* FIX in PAGE GENERATION: If the height is set to 140 Mozilla OK, if set to 147 IE OK */
	height:				147px;
	/* FIX in PAGE GENERATION: If the width is set to AUTO Mozilla OK, if set to 100% IE OK */
	width: 				auto;


	overflow: 			auto;
	scrollbar-face-color: 		#ffffff; 
	scrollbar-shadow-color:		#666666; 
	scrollbar-highlight-color: 	#ffffff; 
	scrollbar-3dlight-color: 	#666666; 
	scrollbar-darkshadow-color:	#ffffff; 
	scrollbar-track-color: 		#ffffff; 
	scrollbar-arrow-color: 		#666666;
	background: 			#ffffff;
	z-index:			5;	
}




#imagebar table
{
background: #666666;

height: 120px;
}

#imagebar a:link, #imagebar a:visited
{
background: 		#999999;
	font-size: 		10px;
	line-height: 		14px;
	font-weight: 		bold;
	padding: 		2px;
	margin: 		2px;
	display: block;
	text-decoration: 	none;
	color: 			#016F4A;
	width: 			100px;
	height: 		100px;
	text-align:		center;	
}

#imagebar a.active:link, #imagebar a.active:visited
{
	background: 		#fff;
	color: 			#000;
}

#imagebar a:hover
{
	background: 		#ffffff;
}

#imagebar3
{
	border: 			1px solid #666666;
	padding: 			2px 0px 0px 0px;
	/* FIX in PAGE GENERATION: If the height is set to 140 Mozilla OK, if set to 147 IE OK */
	
	/* FIX in PAGE GENERATION: If the width is set to AUTO Mozilla OK, if set to 100% IE OK */
	width: 				100%;
	overflow: 			auto;
	scrollbar-face-color: 		#ffffff; 
	scrollbar-shadow-color:		#666666; 
	scrollbar-highlight-color: 	#ffffff; 
	scrollbar-3dlight-color: 	#666666; 
	scrollbar-darkshadow-color:	#ffffff; 
	scrollbar-track-color: 		#ffffff; 
	scrollbar-arrow-color: 		#666666;
	background: 			#ffffff;
	z-index:			5;	
}


#imagebar3 table
{
background: #666666;


}

#imagebar3 a:link, #imagebar3 a:visited
{
	background: 		#999999;
	font-size: 		10px;
	line-height: 		14px;
	font-weight: 		bold;
	padding: 		2px;
	margin: 		2px;
	display: block;
	text-decoration: 	none;
	color: 			#016F4A;
	width: 			100px;
	height: 		100px;
	text-align:		center;	
}

#imagebar3 a.active:link, #imagebar3 a.active:visited
{
	background: 		#ffffff;
	color: 			#000000;
}

#imagebar3 a:hover
{
	background: 		#ffffff;
}


#ContentBox
{
	width:				600px;
	height:				auto;
	color:				#666666;
	border:				1px solid;
	border-color:			#666666;
	margin-top:			16px;	
	padding:			5px;
	background: 			#ffffff;
	font-family: Arial, sans-serif;
}

#LeftImage
{


}
#LeftImageText
{
text-align:	center;
font-size: 		12px;
}


#RightContentArea
{

width:			270px;
Height:			auto;
text-align:		center;
valign-font:		middle;
border:			2px solid;
border-color:		#666666;

}

#RightContentArea p
{
text-align:		justify;
padding:		10px;
padding-top:		0px;
text-indent:		0px;
font-size: 		12px;

}




#RightContentArea h1
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		18px;
letter-spacing:			5px;
}
#RightContentArea h2
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		14px;

}


#RightContentArea ul
{
text-align:left;
padding: 0px;
margin: 0px;
margin-right: 10px;
list-style: square;
margin-left: 25px;
margin-bottom: 15px;
margin-top: 13px;
width: auto;
font-size:12px;
}

#RightContentArea li
{

}


#MiddleContentArea
{

width:			100%;
Height:			auto;
text-align:		center;
valign-font:		middle;
border:			2px solid;
border-color:		#666666;

}

#MiddleContentArea p
{
text-align:		normal;
padding:		10px;
padding-top:		0px;
text-indent:		0px;
font-size: 		12px;

}




#MiddleContentArea h1
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		18px;
letter-spacing:			5px;
}
#MiddleContentArea h2
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		14px;

}
#MiddleContentArea h3
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		14px;
letter-spacing:			5px;
}

#MiddleContentArea ul
{
text-align:		left;
padding: 0px;
margin: 0px;
margin-right: 10 px;
list-style: square;
margin-left: 25 px;
margin-bottom: 15 px;
margin-top: 13 px;

	
	
width: auto;

font-size: 		12px;
}

#MiddleContentArea li
{

}
#imagebar2Title
{
width: auto;
text-align:		left;
padding:		2px;
color: ffffff;
background: #666666;
font-size: 		12px;


}


#MiddleContentArea p
{
text-align:		justify;
padding:		5px;
text-indent:		0px;
font-size: 		12px;
color: 333333;

margin:0px;
}


#MiddleContentArea a:link, #MiddleContentArea a:visited
{
background: 		#ffffff;
	font-size: 		10px;

	padding: 		2px;
	margin: 		2px;
	display: block;
	text-decoration: 	none;
	color: 			#999999;

	text-align:		center;	
}

#MiddleContentArea a.active:link, #MiddleContentArea a.active:visited
{
	background: 		#999999;
	color: 			#ffffff;
}

#MiddleContentArea a:hover
{
	background: 		#999999;
	color: 			#ffffff;
}



#TEXTBLOCK
{
width: auto;
text-align:		left;
padding:		5px;
color: 333333;
background: #ffffff;
font-size: 		10px;
}

#TEXTBLOCK UL
{

text-align:		left;
padding:		5px;
margin-left: 15px;


}

#TEXTBLOCK p
{
text-align:		justify;
padding:		5px;
text-indent:		0px;
font-size: 		12px;
color: 333333;
}

#TEXTBLOCK a:link, #TEXTBLOCK a:visited {
display: inline;
font-size: 		12px;
text-decoration: underline;
color: #666666;
padding:		0px;
Margin:			0px;
}

#TEXTBLOCK a.active:link, #TEXTBLOCK a.active:visited {

font-size: 		12px;
display: inline;
color: #999999;
background: #ffffff;
padding:		0px;
Margin:			0px;
}

#TEXTBLOCK a:hover {
font-size: 		12px;
display: inline;
color: #999999;
background: #ffffff;
padding:		0px;
Margin:			0px;
}

#RightContentArea p.RightContentAreaDescriptiveText
{
text-align:		justify;

text-indent:		10px;
font-size: 		12px;


}


#RightContentArea a:link, #RightContentArea a:visited
{
background: 		#ffffff;
	font-size: 		10px;

	padding: 		2px;
	margin: 		2px;
	display: block;
	text-decoration: 	none;
	color: 			#666666;

	text-align:		center;	
}

#RightContentArea a.active:link, #RightContentArea a.active:visited
{
	background: 		#999999;
	color: 			#ffffff;
}

#RightContentArea a:hover
{
	background: 		#999999;
	color: 			#ffffff;
}








#imagebar2
{
padding: 			2px 0px 0px 0px;
	/* FIX in PAGE GENERATION: If the height is set to 140 Mozilla OK, if set to 147 IE OK */
	height:				auto;
	/* FIX in PAGE GENERATION: If the width is set to AUTO Mozilla OK, if set to 100% IE OK */
	width: 				100%;
	overflow: 			auto;
	scrollbar-face-color: 		#ffffff; 
	scrollbar-shadow-color:		#666666; 
	scrollbar-highlight-color: 	#ffffff; 
	scrollbar-3dlight-color: 	#666666; 
	scrollbar-darkshadow-color:	#ffffff; 
	scrollbar-track-color: 		#ffffff; 
	scrollbar-arrow-color: 		#666666;
	background: 			#ffffff;
	z-index:			5;	
}


#imagebar2 table
{
background: #666666;
width:100%;
height: auto;
}

#imagebar2 a:link, #imagebar2 a:visited
{
background: 		#999999;
	font-size: 		10px;
	line-height: 		14px;
	font-weight: 		bold;
	padding: 		1px;
	margin: 		1px;
	display: block;
	text-decoration: 	none;
	color: 			#016F4A;
	width: 			50px;
	height: 		50px;
	text-align:		center;	
}

#imagebar2 a.active:link, #imagebar2 a.active:visited
{
	background: 		#fff;
	color: 			#000;
}

#imagebar2 a:hover
{
	background: 		#ffffff;
}
#imagebar2 img
{
width: 50px;
height: 50px;
}
#clothesForm
{

padding: 			0px 0px 0px 0px;
	/* FIX in PAGE GENERATION: If the height is set to 140 Mozilla OK, if set to 147 IE OK */
	height:				auto;
	/* FIX in PAGE GENERATION: If the width is set to AUTO Mozilla OK, if set to 100% IE OK */
	width: 				100%;
	overflow: 			auto;
	scrollbar-face-color: 		#ffffff; 
	scrollbar-shadow-color:		#666666; 
	scrollbar-highlight-color: 	#ffffff; 
	scrollbar-3dlight-color: 	#666666; 
	scrollbar-darkshadow-color:	#ffffff; 
	scrollbar-track-color: 		#ffffff; 
	scrollbar-arrow-color: 		#666666;
	background: 			#ffffff;


}
#clothesForm table
{
width:100%;

}

#clothesForm td
{
text-align:		left;
padding:		2px;
padding-left:		4px;
color: ffffff;
background: #666666;
font-size: 		12px;
height: 30px;
}
#clothesForm TD.formHeader2 
{
background: #ffffff;
}
#clothesForm form
{
padding: 0px;
margin: 0px;
}
#clothesForm a:link, #clothesForm a:visited
{
	background: 		#999999;
	font-size: 		10px;
	line-height: 		14px;
	font-weight: 		bold;
	padding: 		2px;
	margin: 		1px;
	display: inline;
	text-decoration: 	none;
	color: 			#ffffff;
	width: 			Auto;
	height: 		Auto;
	text-align:		center;	
	border: 1px solid;
	border-color: #ffffff;
}

#clothesForm a.active:link, #clothesForm a.active:visited
{
	background: 		#fff;
	color: 			#000;
}

#clothesForm a:hover
{
	background: 		#ffffff;
		color: 			#000;
}


#Cart {
	font-family: Arial, sans-serif;
	background: #ffffff;
	/* took out the width, not neccessary, was causing a box model problems */
	color: #666666;
	font-size: 12px;
	border: 1px solid;
	border-color: #666666;
	padding: 2px;
	text-align: left;
	vertical-align: middle; /* no property with name valign-font:, changed to vertical-align: */
	margin-top: 5px;

}
#Cart form {

margin: 0px;
padding:0px;
font-size: 12px;
vertical-align: middle;
}

#Cart h1
{
	font-weight: 		normal;
	width: 			auto;
	text-align:		right;
	padding:		2px;
	padding-right:		4px;
	color: 			#ffffff;
	background: 		#666666;
	margin-top:		2px;
	margin-bottom: 		0px;
	font-size: 		12px;

}

#Cart a:link, #Cart a:visited
{

	background: 		#999999;
	font-size: 		10px;
	line-height: 		10px;
	font-weight: 		bold;
	padding: 		2px;
	margin: 		0px;
	display: inline;
	text-decoration: 	none;
	color: 			#ffffff;
	width: 			Auto;
	height: 		Auto;
	text-align:		center;	
	border: 1px solid;
	border-color: #666666;
}

#Cart a.active:link, #Cart a.active:visited
{
	background: 		#fff;
	color: 			#000;
}

#Cart a:hover
{
	background: 		#666666;
		color: 			#000;
}


#ViewCartContentArea
{
font-family: Arial, sans-serif;
width:			600px;
Height:			auto;
text-align:		center;
valign-font:		middle;
border:			2px solid;
border-color:		#666666;

}

#ViewCartContentArea p
{
text-align:		justify;
padding:		10px;
padding-top:		0px;
text-indent:		10px;
font-size: 		12px;

}




#ViewCartContentArea h1
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		18px;
letter-spacing:			5px;
}
#ViewCartContentArea h2
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		14px;

}


#ViewCartContentArea ul
{
text-align:left;
padding: 0px;
margin: 0px;
margin-right: 10px;
list-style: none;
margin-left: 25px;
margin-bottom: 15px;
margin-top: 13px;
width: auto;
font-size:12px;
}

#ViewCartContentArea li
{

}

#Cartnav 
{
	padding: 0px;
	margin: 0px;
	height:35px;
	width:580px;
	background: #ffffff;
	align: center;
}
#Cartnav a:link, #Cartnav a:visited 
{
	background: #999999;
	font-family: Arial, sans-serif;
	vertical-align: top;
	font-size: 10px;
	font-weight: bold;
	padding-left: 2px;
	padding-top: 2px;
	margin:0px 0px 0px 0px;
	border: 1px solid #666666;
	text-decoration: none;
	color: #ffffff;
	display: block;
	height: 35px;
	width: 100px;
}

#Cartnav a.active:link, #Cartnav a.active:visited 
{ 
	background: #fff;
	color: #666666;
}

#Cartnav a:hover 
{
	background: #fff;
	color: #666666;
}
#Cartnav table 
{
	height: 35px; /* added uniTs */
	margin: 0px;
	padding: 0px;
	width: 580px;
	background: #ffffff;
}

#Cartnav td 
{
	padding: 0px;
	margin:0px;
	vertical-align: top;
	background: #00ff00;
	font-family: Arial, sans-serif;
	width:100px;
	height:35px;
	font-size: 10px;
	font-weight: bold;
	
}
#Cartnav td.spacer  
{
	padding: 2px;
	margin:0px 0px 0px 0px;
	vertical-align: top;
	background: #666666;
	font-family: Arial, sans-serif;
	font-size: 19px;
	font-weight: bold;
	border: 1px solid #ffffff;
	text-decoration: none;
	color: #ffffff;
	width:20px;
	height: 35px;
}

#Cartnav td.off 
{
	background: #777777;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin:0px;
	border: 1px solid #ffffff;
	text-decoration: none;
	color: #666666;
	width:100px;
	height:35px;
}

#EditCart 
{
padding:0px;
margin:0px;


}
#EditCart form
{
padding:0px;
margin:0px;


}
#EditCart li
{
padding: 4px;
}
#EditCart table
{


	font-size: 		10px;
	line-height: 		10px;
	font-weight: 		bold;
	padding: 		0px;
	margin: 		0px;
	display: block;
	text-decoration: 	none;
	width: 580px;
	height: auto;
	text-align:		justify;
	border: 1px solid;
	border-color: #666666;
}

#EditCart table.outer666
{


	font-size: 		10px;
	line-height: 		10px;
	font-weight: 		normal;
	padding: 		2px;
	margin: 		0px;
	display: inline;
	text-decoration: 	none;
border: 0px solid;
	border-color: #666666;
	width: 260px;
}
#EditCart table.outer666b
{


	font-size: 		10px;
	line-height: 		10px;
	font-weight: 		normal;
	padding: 		0px;
	margin: 		0px;
	display: block;
	text-decoration: 	none;
border: 1px solid;
	border-color: #666666;
	width: 270px;
}
#EditCart table.user
{


	font-size: 		10px;
	line-height: 		10px;
	font-weight: 		normal;
	padding: 		2px;
	margin: 		0px;
	display: inline;
	text-decoration: 	none;
border: 1px solid;
	border-color: #666666;
	width: 280px;
}

#EditCart table.user td
{
padding:2px;
}


#EditCart p
{


	font-size: 		12px;
	line-height: 		12px;
	font-weight: 		normal;
	padding: 		4px;
	margin: 		0px;
	
	text-decoration: 	none;

	

}

#EditCart a:link, #EditCart a:visited
{

	background: 		#999999;
	font-size: 		10px;
	line-height: 		18px;
	font-weight: 		bold;
	padding: 		2px;
	margin: 		0px;
	display: inline;
	text-decoration: 	none;
	color: 			#ffffff;
	width: 			Auto;
	height: 		Auto;
	text-align:		center;	
	border: 1px solid;
	border-color: #666666;
}

#EditCart a.active:link, #EditCart a.active:visited
{
	background: 		#fff;
	color: 			#000;
}

#EditCart a:hover
{
	background: 		#666666;
		color: 			#000;
}

#EditCart a.link1:link, #EditCart a.link1:visited
{

	padding:		0px;
	padding-left: 		2px;
	padding-right: 		2px;

	margin: 		0px;
	text-decoration: 	none;
	color: 			#ffffff;
}

#EditCart a.link1:active, #EditCart a.link1:visited
{
	background: 		#fff;
	color: 			#000000;
}

#EditCart a.link1:hover
{
	background: 		#999999;
	color: 			#ffffff;
}


#ImageLayout
{
font-family: Arial, sans-serif;
width:			100%;
Height:			auto;
text-align:		center;
valign-font:		middle;
border:			2px solid;
border-color:		#666666;

}

#ImageLayout p
{
text-align:		normal;
padding:		10px;
padding-top:		0px;
text-indent:		0px;
font-size: 		12px;

}




#ImageLayout h1
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		18px;
letter-spacing:			5px;
}
#ImageLayout h2
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		14px;

}
#ImageLayout h3
{
width: auto;
text-align:		center;
padding:		5px;
color: ffffff;
background: #666666;
margin-top:2px;
margin-bottom: 0px;
font-size: 		14px;
letter-spacing:			5px;
}

#ImageLayout ul
{
text-align:		left;
padding: 0px;
margin: 0px;
margin-right: 10 px;
list-style: square;
margin-left: 25 px;
margin-bottom: 15 px;
margin-top: 13 px;

	
	
width: auto;

font-size: 		12px;
}

#ImageLayout li
{

}



#ImageLayout p
{
text-align:		justify;
padding:		5px;
text-indent:		0px;
font-size: 		12px;
color: 333333;

margin:0px;
}


#ImageLayout a:link, #ImageLayout a:visited
{
background: 		#ffffff;
	font-size: 		10px;

	padding: 		2px;
	margin: 		2px;
	display: block;
	text-decoration: 	none;
	color: 			#999999;
	border: 1px solid;
	border-color: #666666;
	text-align:		center;	
}

#ImageLayout a.active:link, #ImageLayout a.active:visited
{
	background: 		#999999;
	color: 			#ffffff;
}

#ImageLayout a:hover
{
	background: 		#999999;
	color: 			#ffffff;
}

#ImageLayout .x
{
	background: 		#111111;
	color: 			#ffffff;

}