/* lpo-2441 5.6 */

/* Modal-Overlay Style **/
#modalSUB.modal {
	margin: 211px auto auto -461px;
}
#modalSUB .legend h4,
#modalNL .legend h4{
	font-size: 16px;
	font-weight: bold;
}
#modalNL .legend h4{
	line-height: 19px;
	text-align: left;
}
#modalSUB .overflow span,
#modalNL .overflow span{
	font-weight: bold;
}
#modalNL.modal {
	width: 750px;
	margin: auto auto auto -390px;
}
/** Modal-Overlay Style END **/ 


/** Zalando Page Teaser **/
.message {
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
	border: none;
}
.message p {
	margin: 0px 0px 0px 10px;
}
.message.errorMsg p,
#contactForm .message p{
	float: left;
	width: 90%;
}
.message.errorMsg .iconSprite{
	float: left;
}
#contactForm  .message .iconSprite{
	float: left;
	width: 14px;
	height: 14px;
	margin: 3px 5px 0 0;
	background-position: -83px -107px;
}

.flatpage.newsletter {
	position: relative;
}
.imgBack  {
    width: 1000px;
    height: 492px;
	background: url("//i1.ztat.net/teaser/lp/lp-2013/lpo-2441/INT/lp_onsite_newsletter_2441_mainteaser.jpg");
}
.headBlock {
	position: absolute;
	left: 55px;
	top: 50px;
	font: 24px/26px "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: bold;
	width: 715px;
}
	.headBlock SPAN {
		text-transform: uppercase;
		font-weight: bold;
		color: #f3a03d;   
		font: 24px/26px "Times New Roman", Times, serif;
		font-weight: bold;
	}
.subscribeBlock {
	position: absolute;
	left: 38px; 
	top: 178px;
	width: 315px;
} 
#contactForm{
	width: 315px;
}
#contactForm .overflow{
	margin-top: 5px;
}
#contactForm .key,
.subscribeBlock .sub1{
	font: 14px arial;
	color: #000;
	display: block;
}
.subscribeBlock .sub1{
	font-size: 12px;
	margin: 0px 0px 0px 2px;
}
#lp_email {
	width: 303px;
}   
.myButton {
	padding-right: 1px;
} 
.myButton input{
	background: url("//skin.ztat.net/s/45b/img/sprites/buttons.png") no-repeat scroll left -212px transparent;
	padding: 0 9px 0 10px;
	color: #fff;
	height: 29px;
	width: 151px;
} 
.myButton.inputButOver input{
	background-position: left -182px;
}       
.myButton.inputBut {
	background-color: #f37d00;
	background-position: right -212px;
} 
.myButton.inputButOver {
	background-color: #fa9a26;
	background-position: right -182px;
}        
.myCTA {
  text-decoration: underline;
  cursor: pointer;
 }
.myCTA:hover  {
	color: #000;
	text-decoration: none;
}              
.benefitsBlock  {
	position: absolute;
	left: 396px; 
	top: 148px;
	height: 308px;
	width: 370px;
	padding-top: 20px;
}       
	.benefitsBlock .bubbleIMG,
	.countryCH-fr .bubbleIMG{
		width: 93px;
		height: 93px;
		background: url('//i1.ztat.net/teaser/lp/lp-2013/lpo-2441/INT/bubble_all_v4.png') 0 0 no-repeat;
		position: absolute;
		top: -25px;
		left: 270px;
	}
	.countryDE-de .bubbleIMG{
		background-position: -285px -285px;
	}
	.countryAT-de .bubbleIMG{
		background-position: -190px 0px;
	}
	.countryCH-de .bubbleIMG{
		background-position: -95px 0px;
	}
	.countryFR-fr .bubbleIMG,
	.countryBE-fr .bubbleIMG{
		background-position: -285px 0px;
	}
	.countryNL-nl .bubbleIMG{
		background-position: 0px -285px;
	}
	.countryBE-nl .bubbleIMG{
		background-position: -95px -95px;
	}
	.countryDK-da .bubbleIMG{
		background-position: -285px -190px;
	}
	.countrySE-sv .bubbleIMG,
	.countryNO-no .bubbleIMG{
		background-position: -190px -190px;
	}
	.countryFI-fi .bubbleIMG{
		background-position: -190px -95px;
	}
	.countryGB-en .bubbleIMG{
		background-position: -190px -285px;
	}
	.countryIT-it .bubbleIMG{
		background-position: -95px -285px;
	}
	.countryES-es .bubbleIMG{
		background-position: 0px -190px;
	}
	.countryPL-pl .bubbleIMG{
		background-position: -285px -95px;
	}
	.benefitsBlock .head,
	.benefitsBlock .subHead ,
	.benefitsBlock .sub{
		color: #444;
		font: 14px/16px arial;
	}       
	.benefitsBlock .head  {
		font: 24px/26px goeorgia;
		color: #000;
		margin-bottom: 25px;
		padding-left: 33px;
	}
		.countryIT-it .benefitsBlock .head  {
			margin-bottom: 7px;
		}
	.benefitsBlock .subHead  {
		text-transform: uppercase;
		font-weight: bold;
		color: #f18400;
		padding-left: 30px;
	}
	.benefitsBlock .subHead SPAN  {
		background: url("//media.ztat.net/media/A1276/lp/data/images/lp/onsite/INT/lpo-776/plusSign.png");
		display: block;
		width: 15px;
		height: 15px;
		float: left;
		margin: 3px 16px 25px 0;
	} 
	.benefitsBlock .sub  {
		margin-bottom: 15px;
		padding-left: 62px;
	}     
.flatpage .footnote  {
	font: 10px/12px arial;
	margin: 2px 0px 0px 0px;
	width: 1000px;
} 

/** Facebook Page Teaser **/

/* IE 7 FIX */
*+html #modalCONF.fb {
	margin: auto auto auto -770px;
}
#modalCONF.fb {
	margin: auto auto auto -700px;
	width: 770px;
}
#modalCONF.fb .legend h4{
	text-align: left;
	margin-left: 0px;
}
.fb .imgBack{
    width: 810px;
    height: 397px;
	background: url("//i1.ztat.net/teaser/lp/lp-2013/lpo-2441/INT/lp_onsite_newsletter_2441_subscription_fb.jpg");
}
.fb .headBlock {
	left: 45px;
	top: 30px;
	width: 619px;
	font: 22px/24px "Times New Roman", Times, serif;
}
.fb .subscribeBlock {
	left: 28px;
	top: 150px;
}
.fb .bubbleIMG{
	position:absolute;
	top: -45px;
	left: 210px;
}
	.countryIT-it .fb .bubbleIMG {
		left: 219px;
	}
.fb .benefitsBlock {
	left: 350px;
	top: 125px;
	height: 232px;
	width: 308px;
}
	.countryIT-it .fb .benefitsBlock {
		left: 345px;
		width: 315px;
	}
.fb .head {
	margin-bottom: 10px;
	font: 20px/20px "Times New Roman", Times, serif;
}
.fb .subHead,
.fb .sub{
	font: 12px/14px arial;
}
.fb .subHead{
	font-weight: bold;
}
.fb .sub{
	margin-bottom: 10px;
	padding-left: 55px;
}
	.countryFR-fr .fb .sub,
	.countryCH-fr .fb .sub,
	.countryBE-fr .fb .sub,
	.countryES-es .fb .sub{
		margin-bottom: 5px;
	}
	.countryIT-it .fb .sub {
		margin-bottom: 2px;
	}
	.countrySE-sv .fb .sub {
		margin-bottom: 6px;
	}
.fb .subHead span {
	margin: 1px 10px 20px 0px;
}
.fb .footnote {
	width: 810px;
}

.overflow .ns-example-div{
	overflow: auto;
	height: 500px;
}

.flatpage .footnote.SE{
	font: 11px/12px arial;
	font-weight: bold;
}

.flatpage .footnote.SE .notBold{
	font: 11px/12px arial;
	font-weight: normal;
}

.formContainer{
	width: 315px;
}
.error{
	border: 1px solid #F00;
	padding: 2px;
}
