/* 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;	
}

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

/*** PROMO ***/

/* Mothersday */
.promo-formItem { float:left; padding-right:10px; }
.promo-formItem input { border:1px solid #000; }
.promo-cell { padding-top:3px; }
.promo-link { color:#555555; }
.promo-link-terms { font-size:11px;text-decoration:underline;color:#555555; }
.promo-link-small { font-size:10px;color:#555555; }
.promo-button { background:#fff; border:1px solid #000; padding-left:5px; font-size:10px; text-align:left; }
.promo-form-checkbox { float:left;margin:0 5px 1px 0; }

#promo-container { width:957px; height:447px; }
#promo-container,#promo-container div,#promo-container span,#promo-container p
	{ font-size:11px; color:#555555; }
#promo-container label { font-size:11px; }
.promo-form-error { font-size:11px;color:red; }
#promo-containerMain { width:957px; background:url('../img/promo/bg_gr_pink.jpg') bottom repeat-x #fff; }
#promo-containerMain div h1 { text-indent:-999999px; }
#promo-containerMain div p { margin:10px 0 10px 0; }
#promo-containerLeft { float:left; width:263px; padding:15px 70px 0 20px; }
#promo-containerRight { float:left; width:560px; padding:15px 0 0 0; }
#promo-containerRight form { display:inline; }
#promo-formLeft {
	position:relative;
	float:left;
	width:400px;
	
}
#promo-formLeft input { border:1px solid #000; margin-top:3px; }
#promo-formLeft label { cursor:pointer; }
#promo-formRight {
	position:relative;
	float:left;
	width:160px;
}
#promo-form-name { width:150px; margin-right:10px; }
#promo-form-lastname { width:200px }
#promo-form-address { width:150px; margin-right:10px; }
#promo-form-zip { width:87px; margin-right:10px; }
#promo-form-city { width:101px }
#promo-form-phone { width:150px; margin-right:10px; }
#promo-form-dob { width:200px }
#promo-form-email { width:150px; margin-top:3px; }

/* Foilshavers */
#foils-container { width:957px; }
#foils-container,#foils-container div,#foils-container span,#foils-container p
	{ font-size:11px; color:#ccc; }
#foils-container label { font-size:11px; }
#foils-containerMain { width:954px; background:url('../img/promo_foils/bg_gr_grey.jpg') bottom repeat-x #000; }
#foils-containerMain { border-left:1px solid #666; border-right:1px solid #666; }
#foils-containerMain div h1 { text-indent:-999999px; }
#foils-containerMain div p { margin:10px 0 10px 0; }
#foils-containerLeft { padding:15px 70px 0 20px; }
#foils-containerRight { float:left; width:560px; padding:15px 0 0 0; }
#foils-containerRight form { display:inline; }
.foils-link-terms { font-size:11px;text-decoration:underline;color:#ccc; }
.foils-link-small { font-size:10px;color:#ccc; }
.foils-button { padding-left:5px; font-size:10px; text-align:left; color:#ccc; background:#000; }

#foils-form-name { width:175px; margin-right:10px; }
#foils-form-lastname { width:175px }
#foils-form-address { width:150px; margin-right:10px; }
#foils-form-zip { width:87px; margin-right:10px; }
#foils-form-city { width:100px }
#foils-form-phone { width:150px; margin-right:10px; }
#foils-form-dob { width:200px }
#foils-form-email { width:150px; margin-top:3px; }
#foils-formLeft { position:relative; float:left; width:400px; }
#foils-formLeft input { border:1px solid #666; margin-top:3px; }
#foils-formLeft label { cursor:pointer; }
.foils-form-slogan { width:365px; border:1px solid #666; background:#666; color:#fff; margin:3px 0 5px 0; }

/* Female Depilation */
#femdep-container { width:957px; }
#femdep-container,#femdep-container div,#femdep-container span,#femdep-container p
	{ font-size:11px; color:#555; }
#femdep-container label { font-size:11px; }
#femdep-containerMain { width:957px; background:url('../img/promo_femdep/bg_gr_purple.jpg') bottom repeat-x #fff; }
#femdep-containerMain div h1 { text-indent:-999999px; }
#femdep-containerMain div p { margin:10px 0 10px 0; }
#femdep-form-name { width:175px; margin-right:10px; }
#femdep-form-lastname { width:175px }
#femdep-form-address { width:150px; margin-right:10px; }
#femdep-form-zip { width:87px; margin-right:10px; }
#femdep-form-city { width:100px }
#femdep-form-phone { width:150px; margin-right:10px; }
#femdep-form-dob { width:200px }
#femdep-form-email { width:150px; margin-top:3px; }
#femdep-form-retour { width:360px; height:85px; margin-top:3px; border:1px solid #555; }

/* Teaser */
#promo-teaser1,#promo-teaser2,#promo-teaser3 { float:left; width:317px; height:317px; }
#promo-teaser1 { color:#555;margin-left:2px; } 
#promo-teaser1 p a,#promo-teaser2 p a { color:#555; font-size:11px; }
#promo-teaser2 { color:#555; margin-left:2px; }
#promo-teaser3 {  }
#promo-teaser3 p a { color:#fff; font-size:11px; }
.promo-teaser-content { padding:18px; }
.promo-teaser-content p { margin:7px 0 7px 0; font-size:11px; }

/* Die Hard */

#diehard-containerMain { position:relative; width:959px; height:479px; background:url('../img/promo_diehard/bg_produkte.jpg') no-repeat; }
#diehard-containerForm { position:relative; width:959px; height:479px; background:url('../img/promo_diehard/bg_formular.jpg') no-repeat; }
#diehard-stoerer { position:absolute; left:541px; width:229px; height:132px; background:url('../img/promo_diehard/stoerer.jpg') no-repeat; }
#diehard-prods { position:absolute; top:167px; left:71px; }
#diehard-introText { position:absolute; left:41px; top:17px; width:468px; }
#diehard-introText h1,#diehard-form-contentLeft h1,#diehard-form-contentMid h1 { font-size:22px; line-height:26px; margin:0; color:#222; }
#diehard-introText p,#diehard-form-contentLeft p,#diehard-form-contentMid p { font-size:12px; margin-top:5px; color:#222; line-height:15px; }
#diehard-introText h2 { font-size:12px; font-wight:bold; color:#222; }
#diehard-form-contentMid h2 { font-size:16px; font-wight:bold; color:#222; margin-top:30px; }
#diehard-footer { position:absolute; top:430px; left:40px; width:876px; }
#diehard-footer-buttonMore { float:left; }
#diehard-footer-buttonPDF { float:left; margin-left:13px; }
#diehard-footer-buttonPDF a { font-size:10px; color:#666; }
#diehard-footer-buttonForm { float:right; }
#diehard-footer-buttonDownload { float:left; margin-left:110px; }
#diehard-footer-buttonFormPDF { float:left; margin-left:32px; }
#diehard-footer-buttonFormPDF a { font-size:10px; color:#666; }
#diehard-terms { position:absolute; top:165px; left:780px; width:140px; font-size:11px; }


#diehard-form-contentLeft { position:absolute; left:38px; top:17px; width:275px; }
#diehard-vis { position:absolute; top:103px; left:-5px; }
#diehard-form-contentMid { position:absolute; left:352px; top:17px; width:414px; }
#diehard-formular { position:absolute; top:147px; left:2px; width:408px; height:233px; cursor:pointer; }
/*** /PROMO ***/

/*** BODY HAIR BANDITS ***/
#bodyhair-containerMain { position:relative; width:957px; height:477px; background:url('../img/specials/bodyhair/bg.gif') no-repeat; }
#bodyhair-plakate { position:absolute; width:497px; height:346px; top:131px; left:443px; background:url('../img/specials/bodyhair/plakate.gif') no-repeat; }
#bodyhair-content {
	padding:21px 0 0 25px;
	width:395px;
	color:#e2e0e0;
	font-size:11px;
	font-family:Verdana-sans-serif;
}
#bodyhair-content p { margin:10px 0 20px 0; }
#bodyhair-content p,#bodyhair-content a,#bodyhair-content strong { font-size:11px; }
#bodyhair-content p a { color:#e2e0e0; text-decoration:underline; font-weight:bold; }
#bodyhair-content h1 {
	font-family:Helvetica,sans-serif;
	font-size:22px;
	font-weight:bold;
	line-height:26px;
	color:#fff;
	text-transform:uppercase;
	margin:0;
}


#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; top:15px; left:563px; background:url('../img/hairmapping/vis_top.gif') no-repeat; width:144px; height:84px; }

#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-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;
	font-weight:bold;
}
.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;  } 


/*** /BODY HAIR BANDITS ***/

/*** C M S B O X ***/

div#cmsboxLayer { width:100%; background:#4d4d4d; }
.cmsbox td,.cmsbox span { font-family:Verdana,sans-serif;font-size:11px;color:#2d2d2d; }
.cmsboxOptions { float:left; margin-right:5px; }


/*** E N D  C M S B O X ***/


/*** P A G E   S T R U C T U R E ***/
div#contentBackground {
	padding: 21px 0px 21px 18px;
	background: url(../img/bg_page.png) repeat-x 0px 100% #000000;
}

div#contentCMS { 
	padding: 21px 0px 21px 18px;
	margin:3px 0;
	position:relative;
	background: url(../img/backgrounds/gradient_main.gif) repeat-x #666;
}
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: 955px;
}

div#content
{
	width: 955px;
}



div#servicelinks
{
	margin-top: 40px;	
}


/*** 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 ***/

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

div#prodfinder,
div#prodfinder_big
{
	float: left;
	width: 237px;
}

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

div#prodfinder_big {
	background: url(../img/bg_prodfinder_big.png) no-repeat left top;
	height: 112px;
}

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

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

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

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

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

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

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

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

* html div#prodfinder label,
* html div#prodfinder_big 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#bannerteaser
{
float: left;
        width: 239px;
        height: 114px;
        margin-left: 2px;
	/*background: url(../img/bg_prodfinder_big.png) no-repeat left top;*/
        padding: 0px 0px;
        text-align: center;
}

div#bannerteaser a
{
	color: #ffffff;
	display: block;
	text-align: left;
	margin: auto;
	width: 231px;
}


div#serviceteaser,
div#remingtonteaser
{
	float: left;
	width: 239px;
	height: 79px;
	margin-left: 2px;
	background: url(../img/bg_teaser-service.gif) no-repeat left top;
	padding: 6px 0px 4px 0px;
	text-align: center;
}

div#serviceteaser a
{
	color: #000000;
	display: block;
	text-align: left;
	margin: auto;
	width: 231px;
}

div#serviceteaser strong
{
	display: block;
	margin-bottom: 2px;
	font-size: 11pt;
}

div#remingtonteaser
{
	text-align: left;
	width: 465px;
	background: transparent;
	padding: 0px 0px 0px 10px;
}

div#remingtonteaser a
{
	color: #6a6d6f;
	line-height: 14px;
}

div#remingtonteaser img
{
	display: block;
	margin: 4px 0px 4px 0px;
}

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



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


div#footer
{
	float: right;
	color: #807F7F;
	padding: 83px 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: 35px 0 0 0;
	
}

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

}

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

