/* COMMON PAGE CLASSES */


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

img
{
	behavior: url(/includes/iepngfix.htc);
	border:0;
	/*img { background: url(/images/loading.gif) no-repeat 50% 50%; }*/
}
button.tansparent{
	background: transparent;
	cursor: pointer;
	border: 0px;
	margin: -1px 0 0 0;
	padding: 0px;
}
button.submitBtn {
	cursor: pointer;
}
h1, h2, h3, h4, h5, h6, h7
{
	position:relative;
	margin:0;
	padding:0;
	border:0;
	float:left;
}

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

div.container
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
    height:100% !important;
    height:580px;
    min-height:580px;
	margin:0;
	padding:0;
	z-index:10;
	background:url('/images/shared/bg-shared.jpg') no-repeat top left;
	font-size:0.8em;
}

div#mainContent
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:2;
}
#hns_logo {
	position: absolute;
	top: 5px;
	left: 0px;
	margin: 0;
	padding: 0;
	z-index: 15;
}

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

.pgLink
{
	float:left;
	margin:0;
	padding:0;
}

#footer {
    font-size:.8em;
	position:absolute;
	bottom:1%;
	left:20px;
	margin:0;
	padding:0;
	z-index:15;
	color:#81AFDB;
}

#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;
}

/* BACKGROUND IMAGES FOR SITE PAGES */

#homepage { background-image:url('/images/homepage/bg-home.jpg'); min-height:633px; height:633px; margin-bottom:-60px; }
#faq { background-image:url('/images/faq/bg-faq.jpg'); }
#registration { background-image:url('/images/registration/bg-registration.jpg'); height:882px; min-height:882px; }
#hairdefence { background-image:url('/images/hairdefence/bg-hairdefence.jpg'); height:858px !important; }

/* PRODUCT PAGE BACKGROUND IMAGES  */
#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-colour.jpg') no-repeat top left; }
#repair { background:url('/images/products/bg-repair.jpg') no-repeat top left; }

/* DIAGNOSTIC PAGES BACKGROUND IMAGES  */
#diagIntro { background:url('/images/diagnostic/bg-intro.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; }

/* CLASSES FOR HOMEPAGE */



#damages_2 {
	position:absolute;
	top:135px;
	left:575px;
}
.hpBottles
{
	position:absolute;
	top:420px;
	left:0px;
	width:305px;
	height:190px;
	margin:0;
}

.hpKinky
{
	position:absolute;
	top:158px;
	left:581px;
	width:265px;
	height:164px;
	margin:0;
}

.hpNyhed
{
	position:absolute;
	top:167px;
	left:431px;
	width:449px;
	height:408px;
	margin:0;
}

.hpNyhedPic
{
	position:absolute;
	top:112px;
	left:30px;
	width:214px;
	height:115px;
	margin:0;
}

.hpDisclaimer
{
	position:absolute;
	top:595px;
	left:433px;
	margin:0;
	color:#243f8c;
	font-size:10px;
}

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

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

.hpQuestions
{
	position:absolute;
	top:334px;
	left:589px;
	width:360px;
	height:155px;
	margin:0;
}

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


/* CLASSES FOR PRODUCT PAGES */

.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:320px;
	left:418px;
	top:150px;
	overflow:auto;
	color:#29457d;
	z-index:4;
}

#productDetail2
{
	position:absolute;
	width:800px;
	height:570px;
	left:330px;
	top:100px;
	overflow:auto;
	color:#29457d;
	z-index:4;
}

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

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

#mainContent h1
{
	position:absolute;
	top:120px;
	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:#DDBF0B;
}

.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:#EC004A;
}

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

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

/* CLASSES FOR REGISTRATION PAGES */

#registerContent {
    position:relative;
    top:230px;
    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 0 30px;
        color:#0b3172;
        margin:0;
    }

    #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;
        border-top:solid 1px #95bbe1;
    }

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

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

    #registerContent form {
        display:block;
        clear:both;
        margin:6px 30px;
        padding-top:30px;
        border-top:solid 1px #95bbe1;
    }

    #registerContent input, #registerContent select { border:solid 1px #95bbe1; vertical-align:bottom; font-size:.9em; color:#0b3172; }
    #registerContent fieldset { border:0; width:315px; float:left; }
    #registerContent fieldset span { color:#0b3172; }
    #registerContent fieldset.text { margin-right:20px !important; margin-right:60px; }
    #registerContent fieldset.text label { display:block; width:90px; float:left; clear:left; font-weight:bold; }
    #registerContent fieldset.text input { width:210px; margin-bottom:16px; 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;
}

/* 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:65px;
	left:107px;
	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;
}

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

.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:400px;
	margin:33px 0 0 57px;
	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;
}

/* CLASSES FOR HAIRDEFENCE */
#hairdefence #mainContent{
	margin:105px 0 0 255px;
	width:655px;
	height:auto;
	position:relative;
}
#hairdefence .text{
	margin:0 10px 20px 10px;
	height:320px;
}
#hairdefence .text img{
	margin:5px 0 0 -9px;
	position:relative;
}
#hairdefence .text p{
	color:#243f8c;
	font-size:12px;
	margin:9px 0;
	padding:0;
	line-height:16px;
}
#hairdefence .flash{
	margin:0 0 40px 69px;
}
#hairdefence .botText{
	font-size:11px;
	text-align:center;
	color:#243f8c;
}
#hairdefence #footer{
	width:800px;
	position:absolute;
	top:795px;
}