/* COMMON PAGE CLASSES */


* { font-family:Arial, Helvetica, Verdana, sans-serif; }
html, body
{
	height:100%;
	margin:0;
	padding:0;
	border:0;
	font-size:1em;
	color:#81AFDB;
	background:url('/images/homepage/bg-blueline.gif') repeat-x left top;
}

img
{
	
	border:0;
}

h1, h2, h3, h4, h5, h6, h7
{
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float:left;
}

a { outline:none; cursor:hand; }

.clear
{
	position:relative;
	width:1px;
	font-size:1px;
	line-height:1px;
	clear:both;
}

#reklami { 
	background:url('/images/faq/bg-faq.jpg') top left no-repeat; 
	float:left;
	_float:none;
	min-height:580px; 
	height:580px; 
}
#reklami #mainContent {
	margin: 100px 0px 0px 200px;
}

#spacer{
	display: block;
	height: 90%;
	float: left;
	width: 1px; /* 1px would be enough this is for display only */
	font-size: 1px; /* to make sure width is not overridden */
	padding: 0;
	margin: 0;
}

div.container
{
	display: block;
        position: absolute;
	width: 99%; /* to suit but leave room for spacer */
	padding: 0;
	margin: 0;
	background:url('/images/shared/bg-shared.jpg') no-repeat top left;
	font-size:0.8em;
	left:0;
}

div#mainContent
{
	z-index:2;
	margin: 0;
	padding: 0;
}

#hslogo {float:left;margin-right:10px}

#navbar
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
    padding-left:0px;
    margin-top:0px;
	padding-top:0px;
	z-index:15;
}

.pgLink
{
	float:left;
	margin-top:26px;
	padding:0;
	vertical-align:middle;
}

#footer {
	clear: both;
	height: 10%;
	padding: 0 0 0 20px;
	font-size:.7em;
	color:#81AFDB;
	float:left;
	position:absolute;
	top:640px;
	left:10px;
}

#disclaimer {
	position:absolute; 
	left:20px; 
	padding:0px; 
	margin-top:-57px; 
	width:220px; 
	height:auto; 
	font-size:7pt; 
	color:#7CA4CC;
	z-index:5;
}

#disclaimer a:link, #disclaimer a:visited, #disclaimer a:hover {
	color:#7CA4CC;
}

#footerReg {
	font-size:.8em;
	position:relative;
	margin:270px 0 0 20px;
	padding:0;
	border:0;
	z-index:15;
	color:#81AFDB;
}

#footerDiag
{
	font-size:.8em;
	width:949px;
	position:relative;
	left:20px;
	margin:0;
	padding:0;
	z-index:15;
	color:#81AFDB;
}

#footer img, #footerReg img {
    display:block;
    margin:0 0 10px 0;
}

#footer a, #footerDiag a, #footerReg a {
	color:#81AFDB;
	text-decoration:underline;
	margin:0;
}



.potydevice {
    position:absolute;
    top:345px;
    left:380px;
    width:160px;
    height:auto !important; height:154px;
}

/* BACKGROUND IMAGES FOR SITE PAGES */

#homepage { 
	background:url('/images/homepage/bg-homepage-nfhp2.jpg') top left no-repeat; 
	float:left;
	_float:none;
	min-height:580px; 
	height:580px; 

}

*+html #homepage { 
	background:url('/images/homepage/bg-homepage-nfhp2.jpg') top left no-repeat; 
	float:none;
}

#faq { background-image:url('/images/faq/bg-faq.jpg'); }

#faq { 
	background:url('/images/faq/bg-faq.jpg') top left no-repeat; 
	float:left;
	_float:none;
	min-height:580px; 
	height:580px; 
}

*+html #faq { 
	background:url('/images/faq/bg-faq.jpg') top left no-repeat; 
	float:none;
}

#registration { background-image:url('/images/registration/bg-registration.jpg'); height:882px; min-height:882px; }
body#registration {background:url('/images/registration/bg-blueline-reg.png') repeat-x left top;}

/* PRODUCT PAGE BACKGROUND IMAGES  */

#products { 
	background:url('/images/shared/bg-shared.jpg') top left no-repeat; 
	float:left;
	_float:none;
	min-height:580px; 
	height:580px; 
}

*+html #products { 
	background:url('/images/shared/bg-shared.jpg') top left no-repeat; 
	float:none;
}

#classic { background:url('/images/products/bg-classic.jpg') no-repeat top left; }
#formen { background:url('/images/products/bg-for-men.jpg') no-repeat top left; }
#twoinone { background:url('/images/products/bg-twoinone.jpg') no-repeat top left; }
#citrus { background:url('/images/products/bg-citrus.jpg') no-repeat top left; }
#menthol { background:url('/images/products/bg-menthol.jpg') no-repeat top left; }
#ocean { background:url('/images/products/bg-ocean.jpg') no-repeat top left; }
#soothing { background:url('/images/products/bg-soothing.jpg') no-repeat top left; }
#sensitive { background:url('/images/products/bg-sensitive.jpg') no-repeat top left; }
#shine { background:url('/images/products/bg-shine.jpg') no-repeat top left; }
#smooth { background:url('/images/products/bg-smooth.jpg') no-repeat top left; }
#volume { background:url('/images/products/bg-volume.jpg') no-repeat top left; }
#colour { background:url('/images/products/bg-colour2.jpg') no-repeat top left; }

/* DIAGNOSTIC PAGES BACKGROUND IMAGES  */
#diagIntro { background:url('/images/diagnostic/bg-intronew.jpg') no-repeat top left; }
#diagQ1 { background:url('/images/diagnostic/bg-q1.jpg') no-repeat top left; }
#diagQ2 { background:url('/images/diagnostic/bg-q1.jpg') no-repeat top left; }
#diagQ3 { background:url('/images/diagnostic/bg-q1.jpg') no-repeat top left; }
#diagQ4 { background:url('/images/diagnostic/bg-q1.jpg') no-repeat top left; }
#diagQ5 { background:url('/images/diagnostic/bg-q1.jpg') no-repeat top left; }
#diagResults { background:url('/images/diagnostic/bg-results.jpg') no-repeat top left; }

/* CLASSES FOR HOMEPAGE */

.mainHome {width:900px; height:500px; position:relative;}
.mainHome .topImage {position:absolute; left:317px; top:62px; width:466px; height:197px;}
.mainHome .productImage {position:absolute; left:335px; top:259px; width:186px; height:231px;}
.mainHome .beStar {position:absolute; left:521px; top:259px; width:333px; height:42px;}
.mainHome .winFree {position:absolute; left:521px; top:301px; width:211px; height:47px;}

.mainHome .textHome { color:#1b4f6e; position:absolute; left:555px; top:270px; width:310px; }
.mainHome .textHome h2 { color:#e9008a; font-size:1.4em; }
.mainHome .textHome a { color:#e9008a; text-decoration:none; }
.mainHome .textHome a:hover { text-decoration:underline; }
.mainHome .textHome .pink { color:#e9008a; }
 
.mainHome .enterNow1 {position:absolute; left:521px; top:446px; width:22px; height:38px;}
.mainHome .enterNow2 {position:absolute; left:543px; top:446px; width:211px; height:38px;}
.mainHome .enterNow3 {position:absolute; left:754px; top:446px; width:29px; height:38px;}

.noMarginTop {margin-top:0px;}

.mainHome .textHome2 { font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; left:610px; top:495px; width:210px; text-decoration:none;}
.mainHome .textHome2 #hs{ font-family:Arial, Helvetica, Verdana, sans-serif; color:#072974; font-size:13px; font-weight:bold; }
.mainHome .textHome2 #dr{ font-family:Arial, Helvetica, Verdana, sans-serif; color:#e4751e; font-size:13px; font-weight:bold; }
.mainHome .textHome2 #hs1 { font-family:Arial, Helvetica, Verdana, sans-serif; color:#072974; font-size:12px;}
.mainHome .textHome2 #hs2 { font-family:Arial, Helvetica, Verdana, sans-serif; color:#072974; font-size:12px; font-weight:bold; }
.mainHome .textHome2 #cat { font-family:Arial, Helvetica, Verdana, sans-serif; color:#e4751e; font-size:14px; text-decoration:none; font-weight: 500}

.mainHome .textHome3 { font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; left:230px; top:605px; width:210px; text-decoration:none;}
.mainHome .textHome3 #hs{ font-family:Arial, Helvetica, Verdana, sans-serif; color:#072974; font-size:13px; font-weight:bold; }
.mainHome .textHome3 #ta{ font-family:Arial, Helvetica, Verdana, sans-serif; color:#e4751e; font-size:13px; font-weight:bold; }


/* CLASSES FOR HOMEPAGE */

.mainHome1 {width:900px; height:500px; position:relative;}
.mainHome1 .topImage {position:absolute; left:317px; top:62px; width:466px; height:197px;}
.mainHome1 .productImage {position:absolute; left:335px; top:259px; width:186px; height:231px;}
.mainHome1 .beStar {position:absolute; left:521px; top:259px; width:333px; height:42px;}
.mainHome1 .winFree {position:absolute; left:521px; top:301px; width:211px; height:47px;}

.mainHome1 .textHome { font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; left:560px; top:365px; width:210px; text-decoration:none;}
.mainHome1 .textHome #hs{ font-family:Arial, Helvetica, Verdana, sans-serif; color:#072974; font-size:13px; font-weight:bold; }
.mainHome1 .textHome #dr{ font-family:Arial, Helvetica, Verdana, sans-serif; color:#e4751e; font-size:13px; font-weight:bold; }
.mainHome1 .textHome #hs1 { font-family:Arial, Helvetica, Verdana, sans-serif; color:#072974; font-size:12px; }
.mainHome1 .textHome #cat { font-family:Arial, Helvetica, Verdana, sans-serif; color:#e4751e; font-size:14px; text-decoration:none; font-weight: 500}
.mainHome1 .textHome2 { font-family:Arial, Helvetica, Verdana, sans-serif; text-decoration:none;}
.mainHome1 .textHome2 #new{ font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; left:707px; top:200px; 				 						color:#e4751e; font-size:15px; font-weight:bold; text-decoration:none;}
.mainHome1 .textHome2 #hs3{ font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; left:707px; top:216px; 				 						color:#ffffff; font-size:15px; font-weight:bold; text-decoration:none;}
.mainHome1 .textHome2 #hs4{ font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; left:705px; top:231px; 				 						color:#ffffff; font-size:15px; font-weight:bold; text-decoration:none;}
.mainHome1 .textHome2 #hs5{ font-family:Arial, Helvetica, Verdana, sans-serif; position:absolute; left:703px; top:248px; 				 						color:#ffffff; font-size:11px; font-style: italic; text-decoration:none;}
 
.mainHome1 .enterNow1 {position:absolute; left:521px; top:446px; width:22px; height:38px;}
.mainHome1 .enterNow2 {position:absolute; left:543px; top:446px; width:211px; height:38px;}
.mainHome1 .enterNow3 {position:absolute; left:754px; top:446px; width:29px; height:38px;}

.mainHome1 #damage_rescue {
	position:absolute;
	top:315px;
	left:550px;
}

#homepage1 { 
	background:url('/images/homepage/bg-homepage-nfhp2_1.jpg') top left no-repeat; 
	float:left;
	_float:none;
	min-height:580px; 
	height:580px; 

}

*+html #homepage1 { 
	background:url('/images/homepage/bg-homepage-nfhp2_1.jpg') top left no-repeat; 
	float:none;
}

.mainHome1 #damages_2 {
	position:absolute;
	top:131px;
	left:575px;
}

.mainHome #damage_rescue {
	position:absolute;
	top:450px;
	left:605px;
}

.mainHome #player {
	position:absolute;
	top:450px;
	left:25px;
}


.prodImage {
	position:absolute;
	top:100px;
	left:500px;
}

.prodImage2 {
	position:absolute;
	top:330px;
	left:417px;
}

.productDetail p
{
	width:345px;
	margin:5px 0 5px 0;
	padding:0;
	border:0;
	font-size:0.7em;
}

.damage
{
	font-weight:bold;
	color:#e4751e;
}

.damage .frame { font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration:none }
.damage .frame #title { font-family: Arial, Helvetica, Verdana, sans-serif; position:absolute; left:210px; top:175px; width:210px; text-decoration:none; color:#264a83; font-size:11.5px; font-weight:bold;  }
.damage .frame #u_title { font-family: Arial, Helvetica, Verdana, sans-serif; position:absolute; left:210px; top:195px; width:165px; text-decoration:none; color:#4b545a; font-size:10px; font-weight:400; }
.damage .frame #cat { font-family: Arial, Helvetica, Verdana, sans-serif; position:absolute; left:210px; top:250px; width:165px; text-decoration:none; color:#e4751e; font-size:11px; font-weight:bold;}

#damage { background:url('/images/products/bg-damage.jpg') no-repeat top left; }


/* --- styles for NFH P2 homepage --- */

.mainHome #logo {
	position:absolute;
	top:70px;
	left:370px;
}

.mainHome #hdr-voting-time {
	position:absolute;
	top:80px;
	left:435px;
}

.mainHome #uk-map {
	position:absolute;
	top:70px;
	left:5px;
}

.mainHome #product {
	position:absolute;
	top:290px;
	left:330px;
}



.hpPoty
{
	position:absolute;
	top:94px;
	left:573px;
	width:59px;
	height:71px;
	margin:0;
}

.hpBottles
{
	position:absolute;
	top:60px;
	left:595px;
	margin:0;
}

.hpCrowned
{
	position:absolute;
	top:227px;
	left:557px;
	width:360px;
	height:90px;
	margin:0;
}

.hpGenome
{
	position:absolute;
	top:350px;
	left:560px;
	width:352px;
	height:45px;
	margin:0;
}

.hpCrack
{
	position:absolute;
	top:420px;
	left:570px;
	width:290px;
	height:63px;
	margin:0;
}

.hpFindOutMore
{
	position:absolute;
	top:490px;
	left:570px;
	width:144px;
	height:29px;
	margin:0;
}

.hpSmooth
{
	position:absolute;
	top:221px;
	left:634px;
	width:265px;
	height:164px;
	margin:0;
}

.hpDandruff
{
	position:absolute;
	top:252px;
	left:748px;
	width:177px;
	height:164px;
	margin:0;
}

.hpQuestions
{
	position:absolute;
	top:454px;
	left:567px;
	width:185px;
	height:45px;
	margin:0;
}

.hpOval
{
	position:absolute;
	top:340px;
	left:690px;
	width:240px;
	height:155px;
	margin:0;
}


.hpDisclaimer
{
	position:absolute;
	top:554px;
	left:571px;
	width:320px;
	height:45px;
	color:#7CA4CC;
	font-size:7pt;
}

.hpDisclaimer a:link, .hpDisclaimer a:link, .hpDisclaimer a:visited, .hpDisclaimer a:hover
{
	color:#7CA4CC;
	font-size:7pt;
	text-decoration:underline;
}

.hpExpress
{
	position:absolute;
	top:473px;
	left:728px;
	width:265px;
	height:82px;
	margin:0;
}

body#home 
{
	background:transparent url(../images/homepage/bg-blueline2.gif) repeat-x scroll left top;
}

/* CLASSES FOR PRODUCT PAGES */

#bsf {
	position:absolute;
	width:111px;
	height:115px;
	top:320px;
	left:676px;
	margin:0;
	padding:0;
	z-index:10;
}

#hdrProd
{
	height:75px;
	left:442px;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:140px;
	width:400px;
	z-index:1;
}

.productsList
{
	position:absolute;
	width:400px;
	height:300px;
	top:200px;
	left:450px;
	margin:0;
	padding:0;
	z-index:1;
}

.productsLeft {
	float:left;
	width:200px;
	height:119px;
	padding:0 0 15px 0;
}

.productsRight {
	float:right;
	width:200px;
	height:119px;
	padding:0 0 15px 0;	
}

.productLanding1 {
	position:absolute;
	width:208px;
	height:379px;
	top:150px;
	left:130px;
	margin:0;
	padding:0;
	z-index:4;
}

.productLanding2 {
	position:absolute;
	width:100px;
	height:179px;
	top:230px;
	left:100px;
	margin:0;
	padding:0;
	z-index:3;
}

.productLanding3 {
	position:absolute;
	width:100px;
	height:179px;
	top:230px;
	left:310px;
	margin:0;
	padding:0;
	z-index:3;
}

.prodloz
{
	position:absolute;
	width:221px;
	height:125px;
	top:277px;
	left:96px;
	margin:0;
	padding:0;
	background:url('/images/products/bg-prod-loz.gif') no-repeat top left;
	z-index:2;
	visibility:hidden;
}

.hdrRange
{
	width:183px;
	margin:12px 0 8px 0;
	padding:0;
}

.btnRange
{
	width:183px;
	margin:0 0 6px 0;
	padding:0;
	border:0;
}

.bottle1
{
	position:absolute;
	width:208px;
	height:379px;
	top:205px;
	left:317px;
	margin:0;
	padding:0;
	z-index:3;
}

.bottle2
{
	position:absolute;
	width:100px;
	height:179px;
	top:98px;
	left:193px;
	margin:0;
	padding:0;
	z-index:2;
}

.bottle3
{
	position:absolute;
	width:100px;
	height:179px;
	top:55px;
	left:419px;
	margin:0;
	padding:0;
	z-index:2;
}

.bottle4
{
	position:absolute;
	width:100px;
	height:179px;
	top:183px;
	left:602px;
	margin:0;
	padding:0;
	z-index:3;
}

.productDetail
{
	position:absolute;
	width:411px;
	/*height:310px;*/
	left:418px;
	top:170px;
	overflow:auto;
	color:#29457d;
	z-index:4;
	margin-left:-50px;
	padding-left:50px;
}

#vote-now-inc {
	margin:0 0 0 -50px;
	width:420px;
	z-index:100;
}

#vote-now-inc #link {
	float:left;
	width:250px;
}

#vote-now-inc #copy {
	color:#276a93;
	float:left;
	margin-top:30px;
	width:170px;
}

#vote-now-inc #copy h4 {
	color:#e6058e;
	display:block;
	font-size:1em;
}

#vote-now-inc #copy p {
	display:block;
	width:170px;
}


/*.fixHeightProductDetail {height:150px !important;} why? */

.produtDetColour1 {position:absolute; left:398px; top:300px; width:192px; height:50px; z-index:10;}
/*.produtDetColourLinks {position:absolute; left:420px; top:311px; width:141px; height:60px; z-index:10;} why? */
.nominate1Colour {position:absolute; left:420px; top:365px; width:41px; height:42px; z-index:10;}
.nominate2Colour {position:absolute; left:461px; top:365px; width:129px; height:42px; z-index:10;}
.nominate3Colour {position:absolute; left:589px; top:300px; width:176px; height:107px; z-index:10;}

#ctaDiagnostic{
	height:300px;
	left:450px;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:477px;
	width:400px;
	z-index:1;
}

.prodlinks
{
	margin:10px 0 8px 0;
	padding:0;
}

#flare
{
	position:absolute;
	z-index:3;
	width:665px;
	height:460px;
	top:120px;
	left:338px;
}

#mainContent h1
{
	position:absolute;
	top:143px;
	left:417px;
	margin:0;
	padding:0;
}

.productDetail p
{
	width:345px;
	margin:5px 0 5px 0;
	padding:0;
	border:0;
	font-size:0.7em;
}

.classic
{
	font-weight:bold;
	color:#29457D;
}

.twoInOne
{
	font-weight:bold;
	color:#29457D;
}

.formen
{
	font-weight:bold;
	color:#29457D;
}

.citrus
{
	font-weight:bold;
	color:#29457D;
}

.ocean
{
	font-weight:bold;
	color:#0088F7;
}

.menthol
{
	font-weight:bold;
	color:#2F9A50;
}

.sensitive
{
	font-weight:bold;
	color:#3B78C4;
}

.shine
{
	font-weight:bold;
	color:#7EBC07;
}

.soothing
{
	font-weight:bold;
	color:#089F92;
}

.smooth
{
	font-weight:bold;
	color:#AB0058;
}

.volume
{
	font-weight:bold;
	color:#80189E;
}

.colour
{
	font-weight:bold;
	color:#D30401;
}

.poty {
    position:absolute;
    top:470px;
    left:785px;
    width:163px;
    height:auto !important; height:183px;
	z-index:5;
}

.potyProd {
    position:absolute;
    top:337px;
    left:266px;
    width:32px;
    height:auto !important; height:39px;
	z-index:5;
}

.potyHome {
    position:absolute;
    top:470px;
    left:755px;
    width:163px;
    height:auto !important; height:183px;
	z-index:5;
}

/* CLASSES FOR REGISTRATION PAGES */

#registerContent {
    position:relative;
    top:130px;
    left:110px;
    width:750px;
    height:auto !important; height:480px;
    min-height:480px;
    background:#fff url(/images/registration/bg-botw.gif) no-repeat bottom;
    font-size:0.8em;
}
    #registerContent h1 {
        background:url(/images/registration/bg-topw.gif) no-repeat top;
        padding:18px 30px 10px 30px;
        color:#0b3172;
        margin:0;
    }

    #registerContent h4 {
        font-size:1em;
		font-weight:bold;
		color:#0B3172;
        margin:0px 30px 10px 30px;
		padding-top:20px;
        border:0;
		border-top:solid 1px #95bbe1;
		width:690px;
    }

    #registerContent p {
        font-size:1em;
        margin:6px 30px 1em 30px;
        padding-top:30px;
        border:0;
    }

    #registerContent h2 {
        font-size:1em;
        margin:6px 30px 1em 30px;
        padding-top:30px;
    }

    #registerContent h3 {
        font-size:1em;
        font-weight:normal;
        margin:0 0 1em 30px;
    }

    #registerContent small {
        float:right;
        color:#0b3172;
        font-weight:normal;
        margin:-10px 120px;
    }

    #registerContent form {
        display:block;
        clear:both;
		margin:6px 22px;
        padding:10px 0 0 6px;
    }

    #registerContent input, #registerContent select { border:solid 1px #95bbe1; vertical-align:bottom; font-size:.9em; color:#0b3172; }
    #registerContent fieldset { border:0; width:320px; float:left; }
    #registerContent fieldset span { color:#0b3172; }
    #registerContent fieldset.text { margin-right:20px !important; margin-right:0px; }
    #registerContent fieldset.text label { display:block; width:120px; float:left; clear:left; font-weight:normal; }
    #registerContent fieldset.text label.registerIndent { display:block; width:113px; float:left; clear:left; font-weight:normal; }	
    #registerContent fieldset.text input { width:190px; margin-bottom:11px; border:solid 1px #95bbe1; }
    #registerContent div { margin-bottom:1em; }
        #registerContent label input { border:0; margin-left:0; margin-right:5px; }
        #registerContent div label { font-size:.9em; }
        #registerContent div select { margin-right:10px; }
        #consent { vertical-align:middle !important; }
        #other { width:210px; margin-top:5px; }
    #registerContent p { clear:both; margin:0; padding-top:1em; }
        #registerContent p label { display:block; margin-bottom:.4em; font-weight:bold; color:#0b3172; }
        #registerContent p input { vertical-align:middle; }
    #registerContent a { color:#81afdb; margin-left:21px; }
    #registerContent button {
        background-color:#fff;
        float:right;
        border:0;
        font-weight:bold;
        margin:0;
        color:#0b3172;
    }
    #registerContent button img { vertical-align:middle; margin-left:5px; }

    .smb
    {
    	cursor:pointer;
    }

.indentedtext
{
	margin:0 0 0 33px;
	padding:0;
	border:0;
}

.registerIndent 
{
	padding-left:7px;
	width:113px;
}

.registerIndentLeft
{
	margin-left:-7px;
}

/* CLASSES FOR FAQ PAGE */

#containerFaq
{
	position:relative;
	width:889px;
	height:456px;
	margin:72px 0 0 13px;
	padding:0;
	border:0;
	background:url(/images/faq/bg-faq-oval.gif) no-repeat top left;
}

#faqHdr
{
	width:390px;
	margin:0 0 10px 0;
	padding:0;
	border:0;
	font-size:1.2em;
	font-weight:bold;
	color:#4497D1;
}

#faqBody
{
	width:390px;
	margin:0 0 10px 0;
	padding:0;
	border:0;
	font-size:0.9em;
	color:#233F79;
}

#faq1
{
	position:absolute;
	width:119px;
	top:0;
	left:494px;
	margin:0;
	padding:0;
	border:0;
}

#faq2
{
	position:absolute;
	width:264px;
	top:53px;
	left:580px;
	margin:0;
	padding:0;
	border:0;
}

#faq3
{
	position:absolute;
	width:223px;
	top:110px;
	left:641px;
	margin:0;
	padding:0;
	border:0;
}

#faq4
{
	position:absolute;
	width:198px;
	top:195px;
	left:677px;
	margin:0;
	padding:0;
	border:0;
}
#faq5
{
	position:absolute;
	width:212px;
	top:267px;
	left:677px;
	margin:0;
	padding:0;
	border:0;
}

#faq6
{
	position:absolute;
	width:239px;
	top:346px;
	left:631px;
	margin:0;
	padding:0;
	border:0;
}

#faq7
{
	position:absolute;
	width:279px;
	top:406px;
	left:551px;
	margin:0;
	padding:0;
	border:0;
}

#faqAnswers
{
	position:absolute;
	width:398px;
	height:248px;
	top:100px;
	left:130px;
	margin:0;
	padding:0;
	border:0;
	overflow:auto;
	
}

/* CLASSES FOR DIAGNOSTIC PAGES */

#containerDiag
{
	position:relative;
	width:500px;
	min-height:411px !important;
	_height:411px;
	margin:88px 0 20px 400px;
	padding:0;
	border:0;
}

.diagIntro
{
	width:367px;
	min-height:146px !important;
	_height:146px;
	margin:0 0 36px 0;
	padding:0;
	border:0;
	line-height:1.4em;
	font-size:1.4em;
	font-weight:bold;
	color:#233F79;
}

.diagResults
{
	width:367px;
	min-height:146px !important;
	_height:146px;
	margin:0 0 36px 0;
	padding:0;
	border:0;
	line-height:1.4em;
	font-size:1.4em;
	font-weight:bold;
	color:#233F79;
}

.diagStart
{
	margin:0 0 0 125px;
	padding:0;
	border:0;
}

div#diag-poty {
	float:right;
	margin-top:30px;
}

.diagQ
{
	width:500px;
	margin:0;
	padding:0;
	border:0;
}

.diagContinue
{
	width:480px;
	margin:20px 0 0 0;
	padding:0;
	border:0;
}

.diagForward
{
	float:right;
	margin:0;
	padding:0;
	border:0;
}

.diagBack
{
	float:left;
	margin:0;
	padding:0;
	border:0;
}

.diagLabel
{
	font-size:1.3em;
	color:#233F79;
}

.diagButtons
{
	width:333px;
	margin:33px 0 0 107px;
	padding:0;
	border:0;
}

.diagQuestion
{
	margin:20px 0 0 33px;
	padding:0;
	border:0;
}

.diagNumber
{
	font-size:1.2em;
	font-weight:bold;
	color:#D3D9E5;
}

.diagHdr
{
	font-size:1.4em;
	font-weight:bold;
	color:#233F79;
}

.diagShd
{
	font-size:1.4em;
	font-weight:bold;
	color:#4497D1;
}

.resultsHdr
{
	width:331px;
	font-size:1.3em;
	font-weight:bold;
	color:#233F79;
}

.resultsShd
{
	width:331px;
	font-size:1.1em;
	font-weight:bold;
	color:#6378A1;
}

a.results:link, a.results:visited, a.results:hover, a.results:active
{
	color:#4497D1;
	font-size:1.1em;
	font-weight:bold;
}

.resultImg
{
	vertical-align:middle;
}

/*STYLES FOR BUY AKA WHERE TO BUY*/

#buyIntro 
{
	background:url('/images/buy/bg-buy.jpg') no-repeat top left;
	float:left;
	_float:none;
}

*+html #buyIntro 
{
	background:url('/images/buy/bg-buy.jpg') no-repeat top left;
	float:none;
}

body#buy {
	background: transparent url(/images/buy/bg-blueline-buy.jpg) repeat-x scroll left top;
}

body#diag {
	background: transparent url(/images/buy/bg-blueline-buy.jpg) repeat-x scroll left top;
}

#containerBuy
{
	position:relative;
	width:550px;
	min-height:500px !important;
	_height:500px;
	margin:99px 0 20px 147px;
	padding:0;
	border:0;
}

.buyIntro
{
	width:445px;
	margin:0 0 20px 0;
	padding:0;
	border:0;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#233F79;
}

.buyShopsContainer
{
	position:relative;
	width:430px;
	margin:0;
	padding:0;
	border:0;
}

.hdrBuy {
	position:relative;
	margin:0 0 15px -6px;
	padding:0;
	border:0;
	width:430px;
	height:45px;
}

.buyShop01 {
	position:relative; 
	top:10px; 
	left:0px; 
	display:inline; 
	margin:0 37px 0 18px;
}

.buyShop02 {
	position:relative; 
	top:10px; 
	left:10px; 
	display:inline;
}

.buyShop03 {
	position:relative; 
	top:6px; 
	left:15px; 
	display:inline;
}

.buyShop04 {
	position:relative; 
	top:30px; 
	left:0px; 
	display:inline;
}

.buyShop05 {
	position:relative; 
	top:30px; 
	left:23px; 
	display:inline;
}

.buyShop06 {
	position:relative; 
	top:30px; 
	left:50px; 
	display:inline;
}

.buyShop07 {
	position:relative; 
	top:55px; 
	left:142px; 
	display:inline;
}


/* loading - animated gif */

.hideLoadingIndicator {
	display:none;
}

.showLoadingIndicator {
	background:#fff;
	width:200px;
	height:100px;
	position:relative;
	top:254px;
	left:129px;
	z-index:50;
}

.showLoadingIndicator img {
	margin:32px 0 0 86px;
}

/*------------------------- STYLETIPS ----------------------*/


*+html #styleTipsIntro 
{
	background:url('/images/buy/bg-buy.jpg') no-repeat top left;
	float:none;
}

body#styleTipsIntro  {
	background: transparent url(/images/buy/bg-blueline-buy.jpg) repeat-x scroll left top;
}

#containerStyletip
{
	position:relative;
	width:782px;
	min-height:500px !important;
	_height:500px;
	margin:99px 0 20px 130px;
	padding:0;
	border:0;
	background-image: url(/images/styletips/black-bg-middle.gif);
	background-repeat: repeat-y;
	background-position: top;
}

div.tipcontentContainer{
	position:relative;
	width: 782px;
	min-height:500px !important;
	_height:500px;
	margin: 0px 0px 0px 0px;
	padding:0;
	background-image: url(/images/styletips/black-bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.styleTipsIntroIntro
{
	width:445px;
	margin:0 0 20px 0;
	padding:0;
	border:0;
	line-height:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#233F79;
}

div.styletipsLeft {
	position: relative;
	float: left;
	width: 373px;
	
}

div.hairPhoto {
	position: relative;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	/*border: #00FF00 solid 1px;*/
}

div.hivePhoto {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	/*border: #00FF00 solid 1px;*/
}

div.photo01 {
	position: relative;
	height: 19px;
	width: 366px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 6px;

}

div.hive01 {
	position: relative;
	height: 48px;
	width: 366px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;

}

div.photo02 {
	position: relative;
	height: 257px;
	width: 366px;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
	/*border: #00FF00 solid 1px;*/
}

#selctStyleFlash {
	position: relative;
	width: 300px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
}

div.styletipsRight {
	position: relative;
	width: 395px;
	float: left;
	/*border: #00FF00 solid 1px;*/
}

div.tabNavLookHolderoff {
	position: relative;
	width: 400px;
	height: 49px;
}

div.melOn {
	position: relative;
	float: left;
	width: 185px;
	height: 46px;
	margin: 0px 0px 0px 42px; _margin-left:21px;
	padding: 3px 0px 0px 0px;
}

div.lookoff {
	position: relative;
	float: left;
	width: 119px;
	height: 32px;
	margin: 0px 0px 0px 0px;
	padding: 17px 0px 0px 0px;
}

div.tabNavLookHolderon {
	position: relative;
	width: 400px;
	/*border: #FF0000 solid 1px;*/
	height: 49px;
}

div.meloff {
	position: relative;
	float: left;
	width: 180px;
	height: 29px;
	margin: 0px 0px 0px 46px; _margin-left:23px;
	padding: 20px 0px 0px 0px;
}

div.lookon {
	position: relative; 
	float: left;
	width: 125px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
}

h2.pageTitleContainer {
	position: relative;
	width: 395px;
	height: 141px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2.pageTitleContainer02 {
	position: relative;
	width: 383px;
	height: 148px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: #FF0000 solid 1px;*/
}

div.melintro-copy {
	position: relative;
	float: left;
	width: 324px;
	height: 64px;
	margin: 0px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
}

p.melbody-copy {
	position: relative;
	float: left;
	width: 324px;
	margin: 0px 0px 0px 13px;
	padding: 22px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
}

ul.creatList {
	position: relative;
	clear: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
}

li.createList {
	position: relative;
	float:left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
}

div.nextLookButton {
	position: relative;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 40px 0px 0px;
}

/* CLASSES FOR 007 PAGE */

/* ENTRANCE */
#main007 {width:900px; height:560px; position:relative;}
.packshot_007 {
	float:left;
	margin-left:215px;
	margin-top:60px; }
.new {
	position:relative;
	float:left;
	margin-left:35px;
	margin-top:170px;}
.text_main_007 { 
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	position:relative; 
	margin-left:0px;
	margin-top:20px; 
	width:300px; 
	text-decoration:none;
	color:#204299;
	font-size:24px;}



	
/* HOME 007 */	
#breadcrumb {color:#213f97;}
#breadcrumb a {color:#213f97; text-decoration:none;}
	
#top_007 {
	margin-left:470px;
	margin-top:75px; }
	
#ben_skervin {
	float:none;
	position:relative;
	margin-left:0px;
	margin-top:0px;}
.ben_skervin_title { font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#2a1165; font-size:11px; font-weight:bold;}
.ben_skervin_text { font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#2a1165; font-size:11px;}

#expert_chat {
	float:none;
	position:relative;
	margin-left:185px;
	margin-top:5px;}
.expert_chat_title { font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#370a54; font-size:11px; font-weight:bold;}
.expert_chat_text { font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#370a54; font-size:11px;}

#try_it_007 {
	float:none;
	position:relative;
	margin-left:300px;
	margin-top:60px;}
	
#flesz {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	position:absolute;
	left:200px;
	top:100px; }
	
#flesz_home {
	position:absolute;
	left:42px;
	top:57px; }
	
	
/* LEFT MENU */	
#background_007 { 
	background:url('<?php echo $_WEBSITE_ADDRESS; ?>images/007/bg-007.jpg') top left no-repeat;
	float:left;
	_float:none;
	min-height:650px; 
	height:650px; 

}

*+html #background_007 { 
	background:url('<?php echo $_WEBSITE_ADDRESS; ?>images/007/bg-007.jpg') top left no-repeat;
	float:none;
}

#menu_left_007 {
	float:left;
	margin-left:45px;
	margin-top:185px; }

a:visited {
	color:#0050a2;
}
.menu_left_part1 {
	float: none;
	font-family: Arial, Helvetica, sans-serif; 
	position:relative; 
	margin-left:0px;
	margin-top:0px; 
	text-decoration:none;
	color:#2a1165;
	font-size:11px;}
	
	
.menu_left_part2 {
	float: none;
	font-family: Arial, Helvetica, sans-serif; 
	position:relative; 
	margin-left:47px;
	margin-top:13px;  
	text-decoration:none;
	color:#0050a2;
	font-size:11px;
	width: 260px;}	



.menu_title {
	font-size:14px;}

/* PRODUCT PAGE */
#background_product { 
	background:url('<?php echo $_WEBSITE_ADDRESS; ?>images/007/bg-007-1.jpg') top left no-repeat;
	float:left;
	_float:none;
	min-height:650px; 
	height:650px; 

}

*+html #background_products { 
	background:url('<?php echo $_WEBSITE_ADDRESS; ?>images/007/bg-007-1.jpg') top left no-repeat;
	float:none;
}
	
#button_back {
	float:left;
	position:relative;
	margin-left:30px;
	margin-top:433px; }

#hairloss_description {
	position:absolute;
	left:50px;
	top:10px;
	width:310px; 
        z-index: 10;
  }

.new_2 {
	margin-left:60px; }
	
.hairloss_title1 {
	width:215px;
	font-family: Arial, Helvetica, sans-serif;   
	text-decoration:none;
	color:#204299;
	font-size:36px; }
	
.hairloss_subtitle1 {
	width:285px;
	font-family: Arial, Helvetica, sans-serif;   
	text-decoration:none;
	color:#204299;
	font-weight:lighter;
	font-size:17px; }
	
.hairloss_subtitle2 {
	width:310px;
	font-family: Arial, Helvetica, sans-serif;   
	text-decoration:none;
	color:#204299;
	font-weight:bold;
	font-size:12px; }
	
.hairloss_text1 {
	width:310px;
	font-family: Helvetica, Helvetica Neue, sans-serif;   
	text-decoration:none;
	color:#204299;
	font-size:12px; }
	
.hairloss_readon {
	width:310px;
	font-family: Arial, Helvetica, sans-serif;   
	text-decoration:none;
	color:#00a7ef;
	font-weight:bold;
	font-size:12px; }

#anti_hairloss_prod {
	float:left;
	position:relative;
	top:10px;
	left:50px; }

#hairloss_visuals {
	float:left;
	position:relative;
	top:100px;
	left:70px; }

#main-overall-place-holder{left: 10px!important; top:10px!important;}
div#change-brand-place-holder.overall-place-holder div#brands-place-holder-selecting,#countries-place-holder-selecting {z-index: 10;}