/* basic stylesheet */

body
{
	margin: 21px 0px 21px 18px;
	padding: 0px;
	color: #ffffff;
	background: url(../img/bg_page.png) repeat-x 0px 100% #000000;
}

body *
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

img
{
	border: none;	
} 

a
{
	text-decoration: none;	
}
a.bold
{
	color:#666666;
	font-weight:bold;
}

div.clear
{
	height: 0% !important;
	font-size: 0px !important;
	clear: both;
	border: 0.1px;
}


#hairm-container { 
	position:relative;
	width:716px; height:513px;
	border-left:1px solid #363636; border-right:1px solid #363636;			
}

div,img,p { behaviour:url('../img/iepngfix.htc'); }

#hairm-container { position:relative; background:url('../img/hairmapping/content_gradient.gif') bottom left repeat-x; }

#hairm-headline { padding:23px 15px 20px 15px; }
.hairm-dotted { background:url('../img/hairmapping/dotted.gif') repeat-x; text-indent:-999999px; margin:10px 0 0 0; width:100%; height:1px; }
#hairm-header-vis { position:absolute; margin-top:15px; left:563px; background:url('../img/hairmapping/vis_top.gif') no-repeat; width:144px; height:84px; }
html:not([dummy]) #hairm-header-vis { margin-top:17px; }

#hairm-teaser-container { position:relative; margin:0 15px 15px 15px; }
.hairm-teaser { width:168px; height:268px; cursor:pointer; float:left; }
.hairm-teaser p { margin:226px 0 0 7px; }
#hairm-teaser1 { background:url('../img/hairmapping/teaser_dry.gif') no-repeat; }
#hairm-teaser2 { background:url('../img/hairmapping/teaser_thick.gif') no-repeat; margin:0 0 0 3px; }
#hairm-teaser3 { background:url('../img/hairmapping/teaser_fine.gif') no-repeat; margin:0 0 0 3px; }
#hairm-teaser4 { background:url('../img/hairmapping/teaser_normal.gif') no-repeat; margin:0 0 0 3px; }
#hairm-questionaire-container { position:absolute; top:393px;; width:375px; height:82px; background:url('../img/hairmapping/bg_questionaire.gif') no-repeat; margin:10px 0 0 15px; cursor:pointer; }
#hairm-questionaire-content { padding:13px 0 0 141px; font-size:11px; }
#hairm-questionaire-content img { margin:4px 0 5px 0; }
#hairm-questionaire-content p { color:#e0dddd; margin:0 0 0 9px; }

#hairm-keyvisual-normal { width:225px; height:320px; background:url('../img/hairmapping/keyvisual_normal.gif') no-repeat; }
#hairm-keyvisual-dry { width:225px; height:320px; background:url('../img/hairmapping/keyvisual_dry.gif') no-repeat; }
#hairm-keyvisual-thick { width:225px; height:320px; background:url('../img/hairmapping/keyvisual_thick.gif') no-repeat; }
#hairm-keyvisual-fine { width:225px; height:320px; background:url('../img/hairmapping/keyvisual_fine.gif') no-repeat; }
.hairm-keyvisual { margin-bottom:15px; }
.hairm-keyvisual p { padding:279px 8px 0 8px; margin:0; }

#hairm-looks-keyvis-dry1 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_dry_big1.gif') no-repeat; }
#hairm-looks-keyvis-dry2 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_dry_big2.gif') no-repeat; }
#hairm-looks-keyvis-dry3 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_dry_big3.gif') no-repeat; }
#hairm-looks-keyvis-thick1 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_thick_big1.gif') no-repeat; }
#hairm-looks-keyvis-thick2 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_thick_big2.gif') no-repeat; }
#hairm-looks-keyvis-thick3 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_thick_big3.gif') no-repeat; }
#hairm-looks-keyvis-fine1 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_fine_big1.gif') no-repeat; }
#hairm-looks-keyvis-fine2 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_fine_big2.gif') no-repeat; }
#hairm-looks-keyvis-fine3 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_fine_big3.gif') no-repeat; }
#hairm-looks-keyvis-normal1 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_normal_big1.gif') no-repeat; }
#hairm-looks-keyvis-normal2 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_normal_big2.gif') no-repeat; }
#hairm-looks-keyvis-normal3 { width:224px; height:262px; background:url('../img/hairmapping/keyvis_normal_big3.gif') no-repeat; }

#hairm-mapping-link {
	margin:15px 0 0 0;
	padding:10px 0 0 0;
	width:400px;
	border-top:1px solid #2d2c2d;
	padding-left:8px; background:url('../img/hairmapping/arrow_gold.gif') no-repeat;background-position:0 15px;
}
#hairm-mapping-link a {
	color:#b58e3b;
	font-size:11px;
}

#hairm-mapping-text {
	overflow-y:auto;
	width:430px; height:138px;
	padding-right:10px;
	font-size:11px;
}
.hairm-subteaser-layer {
	position:absolute;
	top:98px; left:0;
	background:url('../img/hairmapping/subteaser_layer.gif') no-repeat;
	width:136px; height:94px;
	z-index:100;
	color:#b58e3b;
	font-weight:bold; font-size:11px;
}
.hairm-subteaser-layer a { 
	color:#b58e3b;
	font-weight:200; font-size:11px;
}
.hairm-subteaser-layer p { font-size:11px; margin:7px 5px 0 8px; }
.hairm-subteaser-link { position:absolute; top:77px; left:16px; }
.hairm-subteaser-arrow { position:absolute; top:81px; left:8px; }
.hairm-button1 {
	background:url('../img/hairmapping/bg_button1.gif') no-repeat;
	width:226px; height:24px;
	padding:5px 0 0 15px;
}
.hairm-button2 {
	background:url('../img/hairmapping/bg_button2.gif') no-repeat;
	width:226px; height:24px;
	padding:5px 0 0 15px;
}
.hairm-button1 a,.hairm-button2 a { color:#fff; font-size:11px; }
#hairm-button-container {
	position:absolute;
	top:335px; 
	left:0;
}

#hairm-products-container {
	position:relative;
	background:url('../img/hairmapping/grid_products.gif') no-repeat;
	width:683px; height:319px;
}
.hairm-products-headline {
	position:absolute;
}
.hairm-products-item {
	font-size:11px;
	position:absolute;
	width:160px; height:150px;
	color:#dcdcdc;
	cursor:pointer;
}
.hairm-products-item img { margin-top:3px; }
.hairm-products-item table { height:148px; border:0; }
.hairm-products-item a { font-size:11px; color:#999; }
.hairm-products-item a:hover { font-size:11px; color:#fff; }
-hairm-products-hover:hover { color:#fff; }
#hairm-products1 { top:6px; left:6px; background:url('../img/hairmapping/product_AC3010.gif') no-repeat; background-position:15px 40px; }
#hairm-products2 { top:6px; left:176px; background:url('../img/hairmapping/product_D2009.gif') no-repeat; background-position:15px 40px;  }
#hairm-products3 { top:6px; left:346px; background:url('../img/hairmapping/product_S9901.gif') center center no-repeat;  }
#hairm-products4 { top:6px; left:516px; background:url('../img/hairmapping/product_AS1201.gif') center center no-repeat;  }
#hairm-products5 { top:165px; left:6px; background:url('../img/hairmapping/product_S8203.gif') center center no-repeat;  }
#hairm-products6 { top:165px; left:176px; background:url('../img/hairmapping/product_S8102.gif') center center no-repeat;  }
#hairm-products7 { top:165px; left:346px; background:url('../img/hairmapping/product_CiS25.gif') center center no-repeat;  }
#hairm-products8 { top:165px; left:516px; background:url('../img/hairmapping/product_S9000.gif') center center no-repeat;  }

.hairm-products-layer {
	width:680px; height:316px;
	border:1px solid #545353;
	position:relative;
	margin:1px 0 0 1px;
	
}
.hairm-products-layer-close { position:absolute; top:7px; left:660px; z-index:100; }
.hairm-products-left { position:absolute; width:319px; height:296px; border-right:1px solid #545353; padding:10px; }
.hairm-products-left .hairm-prof-img { position:absolute; top:288px; left:10px; }
#hairm-products-left1 { background:url('../img/hairmapping/product_AC3010_big.gif') center center no-repeat; }
#hairm-products-left2 { background:url('../img/hairmapping/product_D2009_big.gif') center center no-repeat; }
#hairm-products-left3 { background:url('../img/hairmapping/product_S9901_big.gif') center center no-repeat; }
#hairm-products-left4 { background:url('../img/hairmapping/product_AS1201_big.gif') center center no-repeat; }
#hairm-products-left5 { background:url('../img/hairmapping/product_S8203_big.gif') center center no-repeat; }
#hairm-products-left6 { background:url('../img/hairmapping/product_S8102_big.gif') center center no-repeat; }
#hairm-products-left7 { background:url('../img/hairmapping/product_CiS25_big.gif') center center no-repeat; }
#hairm-products-left8 { background:url('../img/hairmapping/product_S9000_big.gif') center center no-repeat; }
.hairm-products-right { position:absolute; left:340px; top:0; width:329px; height:306px; padding:10px; font-size:11px; }
.hairm-products-right p { font-size:11px; margin-top:10px; }
.hairm-products-right #moreinfos { position:absolute; top:288px;; color:#fff; font-size:11px; padding-left:8px; background:url('../img/hairmapping/arrow_white.gif') no-repeat;background-position:0 4px;  } 

#hairm-quest-vis {
	position:absolute;
	top:84px;; left:346px;
	width:371px; height:382px;
	background:url('../img/hairmapping/questionaire_visual.jpg') no-repeat;
}

#hairm-quest-container { width:315px; }
#hairm-quest-container div,#hairm-quest-container p,#hairm-quest-container label { margin:10px 0 7px 0; font-size:11px; }
#hairm-quest-container p { text-decoration:underline;}
#hairm-quest-container label { cursor:pointer; }

/*** P A G E   S T R U C T U R E ***/

div#document
{
	width: 978px;
}

div#header
{
	min-height: 1px;	
}

div#mainnav,
div#logo
{
	float: left;
	height: 37px;
	overflow: hidden;
}

div#mainnav
{
	width: 797px;
	margin-right: 2px;
}

div#logo
{
	width: 157px;
}


div#contentarea
{
	margin-top: 3px;
	width: 960px;
}

div#leftarea
{
	float: left;
	width: 237px;
	margin-right: 2px;
}

div#content
{
	float: right;
	width: 718px;
}

div#content.service
{
	background: url(../img/bg_content-bottom.gif) no-repeat left bottom;	
}

div#contentrow 
{
	float: left;
	color: #000000;
	margin-right: 3px;

}

div#contentrow div.contenthead 
{
	width:677px;
	height: 3px;
	border:0px solid #ff0000;
	overflow: hidden;
	background: url(../img/bg_contentrow_top.gif) no-repeat left top;
}

div#contentrow div.contentfoot
{
	width: 677px;
	height: 3px;
	overflow: hidden;
	border:0px solid #ff0000;
	background: url(../img/bg_contentrow_bottom.gif) no-repeat left top;
}

div#contentrow div.content
{
	width: 597px;
	padding: 15px 40px 15px 40px;
	color:#666666;
	background: url(../img/bg_contentrow_center.gif) repeat left bottom;
}

div#contentrow div.content hr.dashed 
{
	height:0px;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	margin-bottom:41px;
}

div#leftrow
{
	float: left;
	margin-right: 3px;
	background: url(../img/bg_content-top.gif) no-repeat left top;	
}

div#leftrow *
{
	font-size: 11px;
}

div#leftrow div.content
{
	width: 439px;
	color: #000000;
	padding: 15px 23px 15px 15px;
	/*background: url(../img/bg_content-bottom.gif) no-repeat left bottom;*/	
}
div#leftrow div.contentuploads
{
	width: 439px;
	color: #000000;
	padding: 15px 23px 15px 15px;
	background: url(../img/bg_content-bottom.gif) repeat-y left bottom;
	margin: 3px 0 0;
}
div#rightrow
{
	float: left;
	overflow: visible;
}

div#rightrow div.content
{
	padding: 37px 9px 0px 9px;
	width: 218px;
	overflow: visible;
}

* html div#rightrow div.content
{
	overflow: hidden;
}


/*** E N D   P A G E   S T R U C T U R E ***/



/*** M A I N   N A V I G A T I O N ***/


div#mainnav
{
	background: url(../img/bg_mainnav.gif) repeat-x left top;
}

div#mainnav div.item
{
	float: left;
}

div#mainnav div.item a
{
	float: left;
	height: 31px;
	padding: 0px 6px 0px 0px ;
	color: #ffffff;
}

div#mainnav div.item img,
div#mainnav div.item span
{
	vertical-align: middle;
	margin: 5px 6px 5px 6px;
	background: url(../img/bg_mainnavlink-white.gif) no-repeat left;
}

div#mainnav div.spacer
{
	height: 37px;
	width: 2px;
	float: left;
}


div#mainnav div.shaving
{
	background: url(../img/bg_mainnav-blue.png) no-repeat left top;
}

div#mainnav div.shaving a:hover,
div#mainnav div.shaving a.active
{
	color: #6480F4;
}

div#mainnav div.shaving a:hover img,
div#mainnav div.shaving a.active img,
div#mainnav div.shaving a:hover span,
div#mainnav div.shaving a.active span
{
	background: url(../img/bg_mainnavlink-blue.gif) no-repeat left;
}

div#mainnav div.shaving div.spacer
{
	background: url(../img/bg_mainnavspacer-blue.png);
}


div#mainnav div.grooming
{
	background: url(../img/bg_mainnav-green.png) no-repeat left top;
}

div#mainnav div.grooming a:hover,
div#mainnav div.grooming a.active
{
	color: #258625;
}

div#mainnav div.grooming a:hover img,
div#mainnav div.grooming a.active img,
div#mainnav div.grooming a:hover span,
div#mainnav div.grooming a.active span
{
	background: url(../img/bg_mainnavlink-green.gif) no-repeat left;
}

div#mainnav div.grooming div.spacer
{
	background: url(../img/bg_mainnavspacer-green.png);
}


div#mainnav div.depilation
{
	background: url(../img/bg_mainnav-purple.png) no-repeat left top;
}

div#mainnav div.depilation a:hover,
div#mainnav div.depilation a.active
{
	color: #BB93F1;
}

div#mainnav div.depilation a:hover img,
div#mainnav div.depilation a.active img,
div#mainnav div.depilation a:hover span,
div#mainnav div.depilation a.active span
{
	background: url(../img/bg_mainnavlink-purple.gif) no-repeat left;
}

div#mainnav div.depilation div.spacer
{
	background: url(../img/bg_mainnavspacer-purple.png);
}


div#mainnav div.haircare
{
	background: url(../img/bg_mainnav-pink.png) no-repeat left top;
}

div#mainnav div.haircare a:hover,
div#mainnav div.haircare a.active
{
	color: #F0AFBF;
}

div#mainnav div.haircare a:hover img,
div#mainnav div.haircare a.active img,
div#mainnav div.haircare a:hover span,
div#mainnav div.haircare a.active span
{
	background: url(../img/bg_mainnavlink-pink.gif) no-repeat left;
}

div#mainnav div.haircare div.spacer
{
	background: url(../img/bg_mainnavspacer-pink.png);
}


div#mainnav div.servicestart
{
	float: left;
	width: 2px;
	height: 37px;
	background: url(../img/bg_mainnavspacer1-silver.png) no-repeat left top;
}

div#mainnav div.service
{
	float: right;
	background: url(../img/bg_mainnav-silver.png) no-repeat right top;
}

div#mainnav div.service a
{
	padding-right: 30px;
}

div#mainnav div.service a:hover,
div#mainnav div.service a.active
{
	color: #999999;
}

div#mainnav div.service a:hover img,
div#mainnav div.service a.active img,
div#mainnav div.service a:hover span,
div#mainnav div.service a.active span
{
	background: url(../img/bg_mainnavlink-silver.gif) no-repeat left;
}

div#mainnav div.service div.spacer
{
	background: url(../img/bg_mainnavspacer-silver.png);
}
/*** E N D   M A I N   N A V I G A T I O N ***/


/*** S E C T I O N   N A V I G A T I O N ***/


div#sectionnav
{
	padding-top: 36px;
	background: url(../img/bg_sectionnav-top.png) no-repeat top left #363636;
}

div.sncontent
{
	width: 237px;
	padding-bottom: 37px;
	background: url(../img/bg_sectionnav-bottom.gif) no-repeat bottom left;
}

div#sectionnav div.item
{
	vertical-align: middle;
	background: url(../img/bg_sectionnav-spacer.gif) no-repeat top left;
	padding: 1px 0px 0px 0px;
}

* html div#sectionnav div.item
{
	height: 1px;	
}

div#sectionnav div.item a,
div#sectionnav div.item div.item a,
div#sectionnav div.item div.item div.item a
{
	display: block;
	width: 213px;
	padding: 2px 0px 3px 15px;
	margin: 1px 4px 1px 5px;
	color: #ffffff;
	background-image: url(../img/bg_sectionnav-arrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 50%;
}

* html div#sectionnav div.item a,
* html div#sectionnav div.item div.item a,
* html div#sectionnav div.item div.item div.item a
{
	margin: 2px 4px 1px 5px;
}

div#sectionnav div.parent div.item a
{
	padding-left: 32px;
	width: 196px;
	background-position: 23px 50%;
}

div#sectionnav div.parent div.parent div.item a
{
	padding-left: 49px;
	width: 179px;
	background-position: 40px 50%;
}
div#sectionnav div.parent div.parent div.item a.p_active,
div#sectionnav div.parent div.parent div.item a.p_active:hover
{
	background-image: url(../img/bg_sectionnav-arrow.gif);
	background-position: 40px 50%;
}

div#sectionnav div.item a.active:hover
{
	color: #ffffff !important;
}

div#sectionnav div.parent a.active,
div#sectionnav div.parent a.active:hover,
div#sectionnav div.parent div.parent a.active,
div#sectionnav div.parent div.parent a.active:hover

{
	background-image: url(../img/bg_sectionnav-arrow-active.gif) !important;
	background-position: 4px 50% !important;
}

div#sectionnav div.parent div.parent a.active,
div#sectionnav div.parent div.parent a.active:hover

{
	background-position: 23px 50% !important;
}

/*div#sectionnav div.parent div.parent div.parent a.active,
div#sectionnav div.parent div.parent div.parent a.active:hover,*/
div#sectionnav div.parent div.item a.pactive,
div#sectionnav div.parent div.item a.pactive:hover
{
	background-image: url(../img/bg_sectionnav-arrow.gif) !important;
	background-position: 40px 50% !important;
}

div#sectionnav div.parent div.item a.active,
div#sectionnav div.parent div.item a.active:hover
{
	background-image: url(../img/bg_sectionnav-arrow.gif) !important;
	background-position: 23px 50% !important;
}
div#sectionnav div.parent div.parent a.active:hover
{
	background-image: url(../img/bg_sectionnav-arrow.gif);
}

div#sectionnav div.parent div.parent div.item a.active,
div#sectionnav div.parent div.parent div.item a.active:hover
{
	background-image: url(../img/bg_sectionnav-arrow.gif) !important;
}

div#sectionnav div.parent div.parent div.item div.item a.active,
div#sectionnav div.parent div.parent div.item div.item a.active:hover

{
        padding-left: 49px;
	width: 179px;
	background-position: 40px 50%;
	background-image: url(../img/bg_sectionnav-arrow.gif) !important;
			
}

div#sectionnav.shaving div.item a.active
{
	background-color: #6480F4;
}

div#sectionnav.shaving div.item div.item a.active
{
	background-color: #5262A8;
}


div#sectionnav.shaving div.item a:hover,
div#sectionnav.shaving div.item div.item a:hover
{
	color: #6480F4;
	background-image: url(../img/bg_sectionnav-arrow-blue.gif);
}



div#sectionnav.grooming div.item a.active
{
	background-color: #258625;
}

div#sectionnav.grooming div.item div.item a.active
{
	background-color: #2C662C;
}


div#sectionnav.grooming div.item a:hover,
div#sectionnav.grooming div.item div.item a:hover
{
	color: #258625;
	background-image: url(../img/bg_sectionnav-arrow-green.gif);
}



div#sectionnav.depilation div.item a.active
{
	background-color: #BB93F1;
}

div#sectionnav.depilation div.item div.item a.active
{
	background-color: #866EA6;
}


div#sectionnav.depilation div.item a:hover,
div#sectionnav.depilation div.item div.item a:hover
{
	color: #BB93F1;
	background-image: url(../img/bg_sectionnav-arrow-purple.gif);
}



div#sectionnav.haircare div.item a.active
{
	background-color: #F0AFBF;
}

div#sectionnav.haircare div.item div.item a.active,
div#sectionnav.haircare div.item div.item a.pactive
{
	background-color: #B98B96;
}


div#sectionnav.haircare div.item a:hover,
div#sectionnav.haircare div.item div.item a:hover
{
	color: #F0AFBF;
	background-image: url(../img/bg_sectionnav-arrow-pink.gif);
}


div#sectionnav.service div.item a.active
{
	background-color: #999999;
}

div#sectionnav.service div.item div.item a.active,
div#sectionnav.service div.item div.item a.pactive
{
	background-color: #555555;
}


div#sectionnav.service div.item a:hover,
div#sectionnav.service div.item div.item a:hover
{
	color: #999999;
	background-image: url(../img/bg_sectionnav-arrow-silver.gif);
}



div#sectionnav div.item a.active:hover
{
	background-image: url(../img/bg_sectionnav-arrow.gif);
}


/*** E N D   S E C T I O N   N A V I G A T I O N ***/



/*** D I R E C T   L I N K S ***/

div#directlinks
{
	margin-top: 3px;
	width: 237px;
	background: url(../img/bg_directlinks-top.gif) no-repeat left top;	
}

div#directlinks div.dlcontent
{
	width: 224px;
	padding: 18px 7px 15px 6px;
	background: url(../img/bg_directlinks-bottom.gif) no-repeat left bottom;	
}

div#directlinks a
{
	color: #ffffff;
	display: block;
	min-height: 18px;
	padding-bottom: 2px;
	padding-left: 30px;
	margin-bottom: 5px;
	width: 194px;
}

div#directlinks a:hover
{
	font-weight: bold;
}

div#directlinks a.kids
{
	background: url(../img/bg_directlink-gold.gif) no-repeat 0px 100%;
}

div#directlinks a.kids:hover
{
	color: #B9A689;
}
div#directlinks a.kidson
{
	font-weight:bold;
	color: #B9A689;/*29C3D0*/
	background: url(../img/bg_directlink-gold.gif) no-repeat 0px 100%;

}
div#directlinks a.performance
{
	background: url(../img/bg_directlink-silver.gif) no-repeat 0px 100%;
}

div#directlinks a.performance:hover
{
	color: #8F9094;/*006CB6*/
}
div#directlinks a.performanceon
{
	font-weight:bold;
	color: #8F9094;
	background: url(../img/bg_directlink-silver.gif) no-repeat 0px 100%;

}
div#directlinks a.excellence
{
	background: url(../img/bg_directlink-blue1.gif) no-repeat 0px 100%;
}

div#directlinks a.excellence:hover
{
	color: #006CB6;/*#BF311A*/
}
div#directlinks a.excellenceon
{
	font-weight:bold;
	color:#006CB6;
	background: url(../img/bg_directlink-blue1.gif) no-repeat 0px 100%;

}
div#directlinks a.professionnel
{
	background: url(../img/bg_directlink-marine.gif) no-repeat 0px 100%;
}
div#directlinks a.professionnel:hover
{
	color: #368282;
}
div#directlinks a.professionnelon
{
	font-weight:bold;
	color: #368282;
	background: url(../img/bg_directlink-marine.gif) no-repeat 0px 100%;
}
div#directlinks a.precision
{
	background: url(../img/bg_directlink-white.gif) no-repeat 0px 100%;
}
div#directlinks a.precisionon
{
	font-weight:bold;
	background: url(../img/bg_directlink-white.gif) no-repeat 0px 100%;
}
div#directlinks a.active
{
	background: url(../img/bg_directlink-orange.gif) no-repeat 0px 100%;
}

div#directlinks a.active:hover
{
	color: #f68932;
}
div#directlinks a.activeon
{
	color: #f68932;
	font-weight: bold;
	background: url(../img/bg_directlink-orange.gif) no-repeat 0px 100%;
}


/* FEMALE */
div#directlinks a.expression
{
	background: url(../img/expression.gif) no-repeat 0px 100%;
}

div#directlinks a.expression:hover
{
	color: #F18631;
}
div#directlinks a.expressionon
{
	font-weight:bold;
	color:#F18631;
	background: url(../img/expression.gif) no-repeat 0px 100%;

}



/* I-Light */

div#directlinks a.light
{
	background: url(../img/light.gif) no-repeat 0px 100%;
}

div#directlinks a.light:hover
{
	color: #00768d;
}
div#directlinks a.lighton
{
	font-weight:bold;
	color:#00768d;
	background: url(../img/light.gif) no-repeat 0px 100%;

}

div#directlinks a.confidence
{
	background: url(../img/confidence.gif) no-repeat 0px 100%;
}

div#directlinks a.confidence:hover
{
	color: #48D1CC;
}
div#directlinks a.confidenceon
{
	font-weight:bold;
	color:#48D1CC;
	background: url(../img/confidence.gif) no-repeat 0px 100%;

}

div#directlinks a.perfection
{
	background: url(../img/perfection.gif) no-repeat 0px 100%;
}

div#directlinks a.perfection:hover
{
	color: #7DD0B7;
}
div#directlinks a.perfectionon
{
	font-weight:bold;
	color:#7DD0B7;
	background: url(../img/perfection.gif) no-repeat 0px 100%;

}


/*** E N D   D I R E C T   L I N K S ***/



/*** P R O D U C T   F I N D E R ***/

div#prodfinder
{
	width: 237px;
	height: 77px;
	margin-top: 3px;
	background: url(../img/bg_prodfinder.png) no-repeat left top;
}

div#prodfinder *
{
	font-size: 11px;
}

div#prodfinder form
{
	padding: 0px;
	margin: 0px;	
}

div#prodfinder select
{
	width: 179px;
	/*height: 22px;*/
	margin: 0px 0px 2px 8px;
	background-color: #1f1f1f;
	color: #d7d7d7;
	border: 1px solid #3b3f44;
}

* html div#prodfinder select
{
	vertical-align: middle;
}

* html div#prodfinder span.submit
{
	padding-left: 4px;
	border: 1px solid #3a3d40;
}

div#prodfinder input.submit
{
	background-color: transparent;
	border: 1px solid #3a3d40;
	width: 32px;
	height: 20px;
	color: #d7d7d7;
	margin-bottom: 1px;
}

* html div#prodfinder input.submit
{
	width: 26px;
	border: none;
	margin: 0px;
}

div#prodfinder label
{
	display: block;
	padding: 2px 5px 1px 9px;
}

* html div#prodfinder label
{
	padding: 1px 5px 0px 9px;
}

/*** E N D   P R O D U C T   F I N D E R ***/


/*** T E A S E R ***/

div.shavingteaser
{
	width: 237px;
	height: 77px;
	margin-top: 3px;
	background: url(../img/bg_teaser-shaving.gif) no-repeat left top;
}

div.shavingteaser *
{
	font-size: 11px;	
}

div.shavingteaser a
{
	color: #646464;
	display: block;
	width: 155px;
	width: 237px;
}

div.shavingteaser img.teaser
{
	float: left;
}

div.shavingteaser div.content
{
	margin-left: 82px;
	width: 155px;
	padding-top: 3px;
}

div.shavingteaser strong
{
	display: block;
	margin-bottom: 3px;
	color: #222222;	
}

div.downloadteaser,
div.serviceteaser
{
	width: 237px;
	margin-top: 3px;
	background: url(../img/bg_teaser-download-top.gif) no-repeat left top;
}

div.downloadteaser *,
div.serviceteaser *
{
	font-size: 11px;	
}

div.serviceteaser
{
	background: url(../img/bg_teaser-service-top.gif) no-repeat left top;
}
div.serviceteaser span a img {
	margin: 10px 0 0;
}

div.serviceteaser span a {

	display: block;
	color: #020202;
}

div.serviceteaser span
{
	color: #020202;
	display: block;
	width: 219px;
	padding: 9px 9px 14px 9px;
	background: url(../img/bg_teaser-service-bottom.gif) no-repeat left bottom;
}
div.downloadteaser a
{
	color: #020202;
	display: block;
	width: 219px;
	padding: 9px 9px 14px 9px;
	background: url(../img/bg_teaser-download-bottom.gif) no-repeat left bottom;
}

div.downloadteaser strong
{
	display: block;
	margin: 5px 0px 15px 0px;
}

div.downloadteaser img,
{
	display: block;
	margin-top: 30px;
}



/*** E N D   T E A S E R ***/


/*** F O O T E R ***/

div#popstars
{
	float: left;
	color: #fff;
	padding: 30px 0 0 0;
	font-size:8px;
}
div#footer
{
	float: right;
	color: #807F7F;
	padding: 80px 40px 10px 0px;
}

div#footer a
{
	font-size: 11px;
	color: #807F7F;
	padding-right: 10px;
        padding-left: 10px;
	padding-bottom: 1px;
}

div#footer a.copyright
{
	border: none;
	margin-left: 35px;
	padding: 0px;
}

div#popstars
{
	float: left;
	color: #fff;
	padding: 30px 0 0 0;
	font-size:12px;
}

div#popstars span {
	color: #807F7F;
	font-size:9px;

}
/*** F O O T E R ***/


/*** C O N T E N T   +   F O R M S ***/

div#leftrow *
{
	font-size: 11px;
	color: #595959;
}

div#leftrow img.heading
{
	display: block;
	margin-bottom: 12px;	
}

div#leftrow div.spacer,
div#leftrow div.spacerbig,
div#leftrow div.spacermedium
{
	background: url(../img/bg_dotted-white.gif) no-repeat left top;
	height: 1px;
	font-size: 0px;
}

div#leftrow div.spacerbig
{
	height: 30px;
}

div#leftrow div.spacermedium
{
	height: 10px;
}


div#leftrow p,
div#leftrow h1,
div#leftrow h2
{
	padding: 0px;
	margin: 5px 0px 10px 0px;	
}

div#leftrow h1
{
	margin-bottom: 12px;	
}

div#leftrow h2
{
	padding-top: 15px;
	margin-bottom: 5px;
}

div#leftrow p.press,
div#leftrow p.imprint
{
	padding: 25px 0px 5px 0px;
	margin-top: 15px;
	background: url(../img/bg_dotted-white.gif) no-repeat left top;
}

div#leftrow p.imprint
{
	padding: 15px 0px 5px 0px;
	margin-top: 10px;
}

div#leftrow p.press span
{
	display: block;	
}

div#leftrow p.press span.headline
{
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0px 10px 0px;
}

div#leftrow p.press span.download
{
	display: block;
	padding-left: 8px;
	background: url(../img/bg_link-arrow-black.gif) no-repeat 0px 50%;
}

.textwhite {
	color : #ffffff;
}

/*** F O R M S ***/

div#leftrow form
{
	margin: 0px;
	padding: 0px;
	margin-top: 20px;	
}

div#leftrow label
{
	float: left;
	width: 119px;
	padding-right: 10px; 
	vertical-align: middle;
}

div#leftrow input.text
{
	float: left;
	width: 271px;
	border: 1px solid #a5acb2;
	margin-bottom: 15px;
	padding: 2px 3px 2px 3px;
}

* html div#leftrow input.text
{
	padding: 3px;
}

div#leftrow select
{
	float: left;
	width: 277px;
	border: 1px solid #a5acb2;
	margin-bottom: 15px;
}

div#leftrow textarea
{
	float: left;
	width: 277px;
	height: 100px;
	border: 1px solid #a5acb2;
	margin-bottom: 15px;
}

div#leftrow input.checkbox
{
	float: left;
	margin: 0px 15px 15px 129px;
}

div#leftrow label.checkbox
{
	width: 235px;
}

* html div#leftrow label.checkbox
{
	padding-top: 3px;
}

div#leftrow label.checkbox a
{
	color: #595959;
	text-decoration: underline;
}

div#leftrow input.submit,
div#leftrow input.reset
{
	border: 1px solid #a5acb2;
	background-color: #ffffff;
	padding: 0px 11px 0px 11px;
	margin-right: 8px;
	margin-top: 3px;
	cursor: pointer;
}

* html div#leftrow input.submit,
* html div#leftrow input.reset
{
	padding: 0px 8px 0px 8px;
}

div#leftrow input.submit
{
	margin-left: 129px;
}


div#leftrow div.heading
{
	font-size: 16px;
	margin: 0px 0px 28px 132px;	
}

div#leftrow *.error,
div#leftrow p.error strong
{
	color: #ff0000 !important;	
}

div#leftrow p.error
{
	padding-bottom: 15px;
}

div#leftrow p.error br
{
	display: none;
}

div#leftrow p.error strong
{
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
}

/*** E N D   F O R M S ***/


div#leftrow div.content *.margin
{
	margin-top: 15px;
}

div#rightrow *
{
	font-size: 11px;
	color: #bec0c2;
}

div#rightrow p
{
	padding: 0px;
	margin: 0px 0px 30px 0px;	
}

div#rightrow p.spacer
{
	padding-top: 11px;
	background: url(../img/bg_dotted-black.gif) no-repeat left top;
}

/*** C O N T E N T   +   F O R M S ***/

/**** PRINT CONTENT ***/
div#printcontent {
	display:none;
}