/* CSS Document */

img.diag
{
	display:block;
	border:0;
}

.errormsg
{
	color:#CD0D2E;
}

div.diagnosticSection	{
	position:relative;
	width:908px;
	min-height:509px !important;
	_height:509px;
	margin:0 5px 10px 20px;
	float:left;
	display:inline;
	background:url(../images/diagnostic/diagnostic-bg.gif);
	background-color:#FFFFFF;
}

div.diagnosticRow {
	position:relative;
	min-height:470px !important;
	_height:470px;
	margin:0;
	padding:0;
	border:0;
}

div.diagnosticRow a img {
    border:0px;
}

div.diagnosticHdr {
	width:571px;
	margin:23px 0 14px 15px;
	padding:0;
	border:0;
	float:left;
}

p.diagnosticHdr
{
	width:442px;
	margin:10px 0 0 0;
	padding:0;
	border:0;
}

div.individualProduct {
	width:178px;
}

div.diagnosticOptions
{
	margin: 27px 0 0 0;
	padding:0;
	border:0;
	float:left;
}

div.resultProduct
{
	position:relative;
	width:178px;
	min-height:470px !important;
	_height:470px;
	margin:0 0 0 3px;
	padding:0;
	border:0;
	float:left;
	display:inline;
}


div.resultHeading
{
	position:absolute;
	width:178px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
}

.infoPopup
{
	position:absolute;
	top:20px;
	left:5px;
	width:168px;
	min-height:150px !important;
	_height:150px;
	margin:0;
	padding:0;
	border:0;
	visibility:hidden;
	z-index:2;
}

.productPopup
{
	width:158px;
	margin:0;
	padding:0 10px 10px 10px;
	border:0;
	background:url(../images/expert/bg-popup.gif) top left repeat-y;
}

.productDetails
{
	width:138px;
	margin:0;
	padding:20px 0 0 18px;
	border:0;
	display:block;
}

.productDetailThumbs
{
	width:84px;
	margin:0;
	padding:10px 20px 0 0;
	border:0;
	float:left;
	display:block;
}

.resultProducts
{
	width:531px;
	margin:0;
	padding:0;
	border:0;
	float:left;
	display:block;
}

#flashcontent
{
	width:360px;
	margin:0;
	padding:0;
	border:0;
	float:left;
}

.always-smooth
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#060;
}

.always-smooth-smooth-sleek
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#060;
}

.smooth-sleek
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#060;
}


.anti-breakage
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#BA3019;
}

.anti-dandruff
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
}

.clarifying
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
}

.classic
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
}

.classic-care
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
}

.red-expressions
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#922818;
}

.brunette-expressions
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#756228;
}

.blonde-expressions
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#B28832;
}

.color-expressions
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#e7c170;
}

.colour-care
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#e7c170;
}

.full-thick
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#000;
}

.ice-shine
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
        color:#399;
}

.moving-volume
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#6f2970;
}

.perfect-curls
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
        color:#936;
}

.repair-protect
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#D1855B;
}

.secret-support
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
}

.sheer-volume
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#6f2970;
}

.therapeutic-health
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
}

.triple-amino
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
}

.radiant-colour
{
	width:148px;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
	border:0;
	font-weight:bold;
	font-size:1.2em;
	color:#D1855B;
}