/*  	Author	: Andrew Jordan
	Date	: Aug 2004 
	Project	: 195 Hairlines
	Version	: 1.0
	Note	: Style Sheet for the 195 Hairlines Website for Nioxin Pages. 
*/
/*
#D4A9D7 - Light Indigo - like main background
#744977 - Heavyily Dark Coloured Purple
#996E9B - Medium Shade of Dark Purple
#4E224E - Very Dark for Text on light
#FFCCFF - Lighter Lilac for text on dark
#E7E7E7 - Light Grey Background

*/

.DIVINFO {
	position: relative; 
/*	left: 170px; top: 385px; */
/* 	width:520px; height:135px; */
	z-index: 1; 
	overflow:auto;	
	visibility: hidden;
	filter='alpha(opacity=100)';
	background-color:transparent;
}
.DIVNPRODUCT {
	position: absolute; 
	width:540px; height:240px; 
	z-index: 0; 
	overflow:auto;	
	visibility: hidden;
	filter='alpha(opacity=80)';
	background-color:transparent;*/
}
.DIVINFOBACKDROP {
	position: absolute; left: 170px; top: 385px; width:540px; height:140px; 
	z-index: -1; 
	border-style: DOUBLE;
	border-color: WHITE;
	border-top-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-right-width: 3px;
	filter='alpha(opacity=99)';
	-moz-opacity:0.9;
	opacity: 0.9;
	background-color:transparent;	
	background-color:#E7E7E7; /* html.background-color:#D4A9D7;  <== This is the Colour for all MASKS used */
}
/* ok */
.DIVSTAGEPICTURE {
	position: absolute; left: 420px; top: 250px;
	z-index: -1; 
	overflow:auto;
	filter='alpha(opacity=45)';
	-moz-opacity:0.45;
	opacity: 0.45;
	background-color:transparent;
}
.DIVSTAGEMENU {
	position: absolute; left: 570px; top: 102px;
	z-index: 4; 	
	background-color:transparent;	
}
.DIVSTAGE2 {
	position: absolute; left: 495px; top: 104px;
	z-index: 0; 
	overflow:auto;
}
.DIVSTAGE3 {
	position: absolute; left: 565px; top: 105px;
	z-index: 0; 
	overflow:auto;
}
.IFRAME {
	border-style: NONE;
	/*background-color:transparent;	*/
}
P.NPARA {  /* As used in the CONTACT CENTER Mask */
	position: absolute; left: 0px; top: 0px; width:510px; height:130px; 
	margin-top:  3px;
	font-size:	 65%;
	letter-spacing:1.1 px;
/*	background-color: #E7E7E7; /*#D4A9D7;*/
	color:BLACK; /* #D4A9D7; */
/*	color: WHITE; /*#744977;	*/
	text-align:  LEFT;	
	font-weight: NORMAL; font-style:NORMAL; 
	FONT-FAMILY: tahoma, helvetica, sans-serif;		
} 
.NPRODUCT {
	border-style: DOUBLE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	letter-spacing:1.1 px;
	background-color:#E7E7E7; 
	FONT-FAMILY:tahoma;
	font-weight:normal;
	margin-left: 5px; 
	margin-top: 5px; 	
	font-variant: small-caps;
	font-size: 70%;
	vertical-align:TOP;
	height:7px;
}
.NPRODUCTMX { 
	color:#4E224E; 
	font-size: 80%;
	height:130px;	
}
.NPRODUCTH {
	height:40px;
	font-weight: BOLD;
	margin-left: 5px; 
	margin-top: 5px; 
	vertical-align:BOTTOM;		
	font-size: 85%;
}
.NTABLEPRODUCTNOBORDER {
/*	background:CYAN;*/
	border-style: NONE;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-right-width: 5px;
	border-spacing: 8px;
	color:#4E224E	; /*#E7E7E7;*/
	font-size: 75% ;font-weight:NORMAL; font-style:NORMAL;
	}

A:visited.NPRODUCT {
	border-style: NONE;
	letter-spacing:1.1 px;
	color:#996E9B; 
	vertical-align:BOTTOM;
	font-size: 75% ;font-style:NORMAL; text-align:LEFT;
	FONT-FAMILY:   tahoma;
	font-weight:normal;
	margin-left: 5px; 
	margin-top: 5px; 	
	font-variant: small-caps;
	background-color:transparent;	
}
A:link.NPRODUCT {
	border-style: NONE;
	letter-spacing:1.1 px;
	color:#996E9B; 
	vertical-align:BOTTOM;
	font-size: 75% ;font-style:NORMAL; text-align:LEFT;
	FONT-FAMILY:   tahoma;
	font-weight:normal;
	margin-left: 5px; 
	margin-top: 5px; 	
	font-variant: small-caps;
	background-color:transparent;	
}
A:hover.NPRODUCT {
	font-size:75%;
	text-decoration: NONE;
	background:#996E9B;color:WHITE;font-weight:NORMAL;	
}

.NPRODUCTICONS {
/*	background:CYAN;*/
	border-bottom-width: 5px;
	border-right-width: 5px;
	valign:LEFT;font-size: 75% ;font-weight:NORMAL; font-style:NORMAL; text-align:RIGHT;
}