/* ~~ general stuff ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html,body {height:100%;margin:0;}
body {min-width:1003px;margin:0;color:#333;font:11px Verdana, Arial, Helvetica, sans-serif;background:#fbfdf9 url(../images/bg-body.png) repeat-x center 0;}
img {border-style:none;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}
input, textarea, select {font:100% arial,sans-serif;vertical-align:middle;color:#000;}
form, fieldset {margin:0;padding:0;border-style:none;}
#wrapper {position:relative;min-height:100%;margin:0 auto;}
.w1{width:990px;margin:0 auto;padding-bottom:100px;}
* html header {height:auto !important;height:125px;}

#header {min-height:75px;padding:13px 0 11px 146px;position:relative;width:625px;}
#header .logo {background:url("../images/logo.png") no-repeat scroll 0 0 transparent;height:131px;left:0;position:absolute;text-indent:-9999px;top:-5px;width:159px;}
#header strong.logo a {display:block;height:100%;}
#header p {margin:0 0 0 10px;font-weight:bold;}
#header p.fb-text {font-size:16px;font-weight:normal;}
#header p strong {font-size:18px;}

.slogan {width:795px;overflow:hidden;padding:31px 0 0;color:#383838;}
.slogan h1,
.slogan h2 {margin:0;font-size:28px;line-height:36px;}
.slogan h1 {float:left;}
.slogan h2 {font-weight:normal;}
.keywords {color:#999;text-decoration:underline;}
.without-sidebar #content{float:none;margin:0 auto;}

/* ~~ content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main {width:100%;overflow:hidden;}
#content {width:786px;float:left;overflow:hidden;margin-bottom:20px;}
#content .content-t{background:url(../images/bg-content-t.png) no-repeat scroll 0 10px transparent;padding:738px 0 0;width:786px;}
#content .content-c {background:url(../images/bg-content-c.png) repeat-y;width:100%;float:left;}
#content .content-c .holder {width:732px;position:relative;margin:-707px 0 0 0;padding:0 31px 0 23px;float:left;}
#content .content-b {background:url(../images/bg-content-b.png) no-repeat;width:786px;height:23px;overflow:hidden;float:left;}
#content .container {width:100%;overflow:hidden;padding:10px 0 0;}
#content .container-holder {width:670px;background:#fff;padding:6px 31px 13px;}
#content .container-holder .heading {padding:0;margin:20px 0 15px;}

.heading .informer{font:bold 18px/22px Verdana, sans-serif;margin-bottom:24px;}
.heading .informer p{}
.heading .informer p.first{margin-top:5px;}
.heading .informer p.last{margin-bottom:0;margin-right:200px;}
.heading .informer em{color:#CC0066;font-size:102%;font-style:normal;}
.heading .informer .countdown-holder {margin:0;float:right;font-size:12px;font-weight:normal;font-family:Verdana; }
.heading h3.fb-h3-1 {font-weight:normal;}
.heading h3.fb-h3-2 {margin:8px 0; font-weight:normal;}
.heading img.fb-h-i{float:left; width:120px; margin-right:10px; height:120px;}

#content .countdown-holder .title {float:left;margin:0 5px 0 0;line-height:32px; font-size:8px; font-weight:bold; }
#content .countdown-holder .countdown {float:left;margin:0;border:1px #ccc solid;padding:3px 5px;background-color:#A7E2FA;font-size:12px;}
#content .container-b {background:url(../images/bg-container-b.png) no-repeat;width:732px;height:10px;margin:0 0 23px;overflow:hidden;}
#content .form-register {background:none repeat scroll 0 0 #FFFFCC;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;margin:0 auto 10px;padding:14px 14px 0 15px;width:641px;}
#content .form-register .field {background:url(../images/bg-field.gif) no-repeat;width:187px;padding:6px 5px 5px 9px;display:block;overflow:hidden;}
#content .form-register .field input {border:0;outline:0;background:none;width:187px;float:left;padding:0;font-size:16px;color:#666;}
#content .form-register .field input.error, #content .form-register .field.error input {color:red;font-weight:bold;}
#content .form-register .row ul.errorlist {list-style-type:none;padding:0;width:190px; color:red; margin: 0;}
#content .form-register .row #credit_errors ul.errorlist {width:auto;}
#content .form-register .row {width:100%;padding:0 0 18px;font-size:11px;line-height:16px;}
#content .form-register .row:after {clear:both;display:block;content:"";}
#content .form-register .row img {float:left;margin:0 15px 0 0;}
#content .form-register em {position:relative;display:block;margin:-9px 3px -7px 0;font-size:12px;line-height:16px;font-style:normal;text-align:right;}
#content .form-register em a {color:#D41579;}
#content .form-register .column {position:relative;float:left;margin:13px 21px 0 0;}
#content .form-register .row.spare {padding-bottom: 0;}
#content .form-register .row.spare .column {margin-right:40px;}
#content .form-register .row.spare .column.last {margin-right:10px;}
#content .form-register .column-alt {width:460px;float:left;}
#content .form-register label {display:block;font-size:15px;font-weight:bold;line-height:16px;margin:2px 0 5px;}
#content .form-register select {position:relative;font-size:16px;line-height:16px;margin:3px 0 0;padding:0;width:205px;}
#content .form-register .selectArea {position:absolute;}
#content .form-register .selectArea .center {font-size:16px;color:#333;}
#content .form-register p {margin:0;}
#content .form-register .btn-submit {float:left;text-indent:-9999px;background:url(../images/btn-submit.png) no-repeat;width:191px;height:30px;font-size:0;line-height:0;overflow:hidden;border:0;padding:0;margin:35px 0 0 2px;cursor:pointer;}
#content .form-register .btn-submit:hover,
#content .form-register .btn-submit.hover {background-position:0 -30px}
#content .form-register .errorlist {list-style-type:none;margin:0; padding:0;width:200px;color:red;}
#content .form-register .title-wrapper{margin-top:5px;min-height:50px;position:relative;}
#content .form-register .title-wrapper h3{font-size:18px;font-weight:normal;line-height:22px;}
#content .form-register .title-wrapper .icon{background:url("../images/logo-fashion-gutschein.jpg") no-repeat scroll center center transparent;height:130px;position:absolute;right:14px;top:-77px;width:145px;}
#content h3,h4 {margin:0;font-size:18px;line-height:22px;color:#383838;}
#content h4 {font-weight:normal;}
#content h5 {margin:0 0 12px;font-size:14px;line-height:17px;color:#d41579;}
#content .boxes {width:690px;background:url(../images/bg-boxes.gif) repeat-y;position:relative;margin:0 0 15px;}
#content .boxes-holder {background:url(../images/bg-boxes-b.gif) no-repeat 0 100%;width:690px;}
#content .boxes-holder:after {content:"";display:block;clear:both;}
#content .boxes .box {float:left;border-top:1px solid #6dcff7;padding:2px 3px;margin:0 19px 0 0;font-size:13px;line-height:16px;font-weight:bold;color:#4e9ac3;}
#content .boxes .box .visual {margin:0 0 2px;}
#content .boxes .box .visual img {vertical-align:top;}
#content .boxes .box p {margin:0;}
#content .boxes .box .block {width:102px;padding:4px 95px 9px 8px;}
#content .boxes .box span {position:absolute;bottom:-16px;padding:18px 20px;margin:0 0 0 138px;background:url(../images/bg-box-span.gif) no-repeat;width:40px;height:45px;text-align:center;font-weight:bold;color:#fff;}
* html #content .boxes .box span {bottom:-19px;}
#content .promo {font-size:12px;line-height:15px;text-align:center;color:#383838;}
.promo strong {display:block;margin:0 0 18px 30px;text-align:left;}
#content .promo ul {display:inline-block;list-style:none;margin:0;padding:0;}
#content .promo ul li {display:inline;margin:0 25px 0 0;vertical-align:middle;}
#content .promo ul li img {vertical-align:middle;}
#content .promo ul li img.middle{margin-top:15px;}
#sidebar {width:200px;float:right;padding:2px 0 0;}
#footer {text-align:center;position:relative;width:100%;height:15px;padding:17px 0;margin-top:-50px;font-size:12px;line-height:15px;background: url(../images/bg-footer.gif) repeat-x 50% 0;}
#footer .holder {width:995px;margin:0 auto;}
#cms-footer{margin-top:20px;padding-top:15px;}
.lang-fr #content .form-register .btn-submit { background:url(../images/btn-submit-02-fr.png) no-repeat; }

.add-nav {display:inline-block;margin:0;padding:0;list-style:none;}
.add-nav li {display:inline;margin:0 17px 0 0;}
.add-nav li, .add-nav li a {color:#595b56;}

.heading .container-right {background-color: #f5f5f5;text-align: center;width:150px; height: 118px; border: 1px solid #ddd; padding: 10px; position: absolute; top: 0; right: 15px;}
.heading .container-text{font-size:20px; padding: 15px 0;}
.heading .container-description{margin-bottom:4px}
.heading .price {color: #d51a23;font-size: 24px;font-weight: bold;padding-bottom: 10px;}
.heading .discount {width: 100%;padding-top: 8px;border-top: 1px solid #cccccc;font-size: 16px;}
.heading .image {position: absolute; top: 117px; right: 86px;}
.heading .col{width: 490px; position: absolute; top: 117px; left: 385px;}
.heading .bottom{clear: both;font-size: 12px;font-weight: bold;padding-top: 3px;  width: 285px;}
.heading .money {color: #d51a23; font-size: 24px; font-weight: bold;}
.heading .title {color: #d51a23; font-size: 20px; margin-bottom: 10px; width: 285px;}
.heading .info {color: #5c5c5c; font-size: 14px;  width: 285px;}

/* ~~ new style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#sidebar .container {margin:0 0 22px 4px;position:relative;}

.default-landing-page .row table{border-collapse:collapse;border:0;}
#header.out-block{min-height:100px;padding:0 !important;width:100% !important;}
#header.out-block .content{margin:0 auto;position:relative;width:786px;}
#header.out-block .content .logo{position:absolute;}
#header.out-block .content #logo {background-image:url(../../language_specific/de/logo-132x99.png);height:99px;width:130px;}
#header.out-block .content #logo-fashion{background-image:url("../images/logo-fashion.png");height:71px;left:40px;top:55px;width:231px;z-index:10;}
#header.out-block .content #logo-fashion-big{background:url("../images/logo-fashion-big.png") no-repeat scroll center center transparent;left:140px;width:470px;}
body.lang-fr #header.out-block .content #logo-fashion-big{background-image:url("../images/logo-fashion-big-generic.png");}

#header.out-block .text{margin-left:185px;}
#header.out-block .text p.first{font-size:14px;height:47px;line-height:47px;}
#header.out-block .text p.first strong{font-size:1.25em;}
#header.out-block .text p.last{font-size:19px;font-weight:normal;line-height:1.3em;margin:18px 0 15px;}
#header.out-block .text p.last strong{font-size:1.17em;}

#content .form-register #credit.row {padding-top:10px;}
#content .form-register #credit .field.short {background:url(../images/bg-field-01.gif) no-repeat;width:100px;}
td#code_error ul.errorlist {text-align: left !important;}
#content .form-register #credit .field input{text-align:left;width:100%;}
#content .form-register #credit .btn-submit{background-image:url(../images/btn-submit-01.png);margin:0 0 3px 35px;padding:0;}
#content .form-register #credit.compactbutton .btn-submit{margin-left:10px;}
body.lang-fr #content .form-register #credit .btn-submit{background-image:url(../images/btn-submit-01-fr.jpg);margin:0 0 0 75px;padding:0;}
#content .form-register #credit em{font-size:12.75px;margin:12px 8px 0 0;}
#content .form-register #credit .errorlist{text-align:center;width:auto; margin: 0 -10px;}

#credit #label{font-size:15px;font-weight:bold;padding-right:20px; line-height:25px;}
#credit.compactbutton #label{padding-right:10px;}
#credit #defis{color:#999;font-size:25px;padding:0 7px;}

/* ~~ localized i18n stuff ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body.promotion-code.lang-fr #content .form-register .btn-submit {background-image:url(../images/btn-submit-01-fr.jpg);} 

/* ~~ submit button ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.submit-button-wrapper{display:inline-block;height:30px;overflow:hidden;position:relative;white-space:nowrap;width:auto;z-index:0;}
.submit-button-wrapper .l,
.submit-button-wrapper .r{background-image:url("../images/btn-submit-html.png");display:block;height:93px;position:absolute;z-index:-1;}
.submit-button-wrapper .l{left:0;right:15px;}
.submit-button-wrapper .r{clip:rect(auto, auto, auto, 485px);right:0;width:500px;}
.submit-button-wrapper:hover .l,
.submit-button-wrapper:hover .r{background-position:0 -30px;}
.submit-button-wrapper .submit-button{background-color:transparent;border:0 none;color:#FFFFFF !important;cursor:pointer;display:block;font-size:14px;font-weight:bold;height:30px;line-height:30px;margin:0 15px !important;outline:0 none;padding:0 !important;text-align:center;text-decoration:none !important;white-space:nowrap;}
.submit-button-wrapper .submit-button:focus{outline:0 none;}
.submit-button-wrapper .submit-button::-moz-focus-inner{border:0;}

.submit-button-wrapper.disabled .l,
.submit-button-wrapper.disabled .r{opacity:0.25;}
.submit-button-wrapper.disabled .submit-button{cursor:default;}

.submit-button-wrapper.middle-inline{float:right; margin-top:35px;}

/* ~~ clear fix ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cf {display:block;zoom:1;}
.cf:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.languageChooser {
	color:#222;
	margin-left:27px;
    position: absolute;
    top: 0;
    right:0;
}

.languageChooser a {
	color:#D41579
}

.languageChooser li {
    height:19px;
	line-height:19px;
	margin:4px 0 5px 5px;
    float: left;
    display: block;
    list-style-type: none;
}

.languageChooser li .language-btn-active{
    color: white;
}

.languageChooser li:not(.first) {
	border-left:1px solid #D41579;
	padding-left:5px;
}

.languageChooser .language-btn-active {
	color:#D41579;
	font-weight:400
}

/* ~~ new popup landingpage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.dd-overlay {
	position: fixed;
	z-index:999998;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#333;
	-ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
	filter:alpha(opacity=75); /* IE5-7 */
	-moz-opacity: 0.75; /* Mozilla */
	opacity: 0.75;
	display: none;
}

.newlp-iefix {
	z-index: 999999 !important;
	background-color: #ffffff !important;
	border: 10px solid #444 !important;
	border-radius:5px !important;
	position: fixed !important;
	width: 891px !important;
	height: 550px !important;
	padding: 5px !important;
	margin: 0 !important;
}

#lp-content input.error {
	border: 1px solid red !important;
	background: #fbd8d8 !important;
}
#lp-content label.error {
	width: 184px !important;
	color: red !important;
	font-size: 11px !important;
	line-height: 9px !important;
}

#nopopup-lp .content-bg {
	background-color: #ffffff !important;
	border: 1px solid #666 !important;
	position: absolute !important;
	width: 891px !important;
	height: 550px !important;
	padding: 0px !important;
	margin: 0 0 0 50px !important;
	overflow: hidden;
}
#nopopup-lp #content .heading {padding:0;margin:0 0 15px 0px;}
#nopopup-lp #content h3 {
    font-size: 23px;
    font-weight: normal;
    margin: 5px 0 0 0;
    color: #626262;
}

#nopopup-lp #content h4 {
    font-size: 12px;
    margin: 10px 0 0 0px;
    color: #626262;
    font-weight: bold;
}

#nopopup-lp #content .form-register {
    border-style: none;
    float: left;
    padding: 15px 0 0 0;
    width: 340px;
    background: none;
}

#nopopup-lp #content .form-register .row {
	padding:0;
	width:100%;
	font-size:11px;
	line-height:16px;
	float:left
}
#nopopup-lp #content span.arrow {
    color: #DD2290;
    float: left;
    font-weight: bold;
    margin: 0 5px 0 20px;
}
#nopopup-lp #content .form-register .field input {
    overflow:hidden;
    border: 1px solid #ddd;
    color: #6D6D6D;
    display: block;
    float: left;
    height: 21px;
    margin: 0;
    padding: 0;
    width: 185px;
    font-size: 14px;
	background: #fff;
}
#nopopup-lp #content .form-register .submit {
    margin: 30px 0 0;
    padding: 0 0 0 140px;
}
#nopopup-lp #content .form-register .submit input{
    padding: 8px 0;
}

#nopopup-lp #content input.error {
	border: 1px solid red !important;
	background: #fbd8d8 !important;
}
#nopopup-lp #content label.error {
	width: 184px !important;
	color: red !important;
	font-size: 11px !important;
	line-height: 9px !important;
	font-weight: normal !important;
}

#nopopup-lp #content #person_de,
#nopopup-lp #content #person_fr {
    display: block;
    float: right;
    height: 297px;
    position: absolute;
    left: 500px;
    top: 54px;
    width: 301px;
}
#nopopup-lp #content #person_de {background: url("../images/person_de.jpg") no-repeat scroll left top transparent}
#nopopup-lp #content #person_fr {background: url("../images/person_fr.jpg") no-repeat scroll left top transparent}

#nopopup-lp #content #landing_footer {
   background: none;
   position: relative;
   left: -25px;
   width: 100%;
   float: left;
   display: block;
   margin-top: 150px;
   height: 100px;
   top: 0;
}
#nopopup-lp #content #landing_footer h4 {
    clear: both;
    float: left;
    width: 900px;
    float: left;
    color: #ABBCC3;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 10px;
}
.lang-de #nopopup-lp #content #landing_footer ul li img {
    float: left;
    margin: 0 30px 0 10px;
}
.lang-fr #nopopup-lp #content #landing_footer ul li img {
    float: left;
    margin: 0 10px 0 10px;
}

#nopopup-lp #content ul.terms {
    position: absolute;
    right: 15px;
    top: 480px;
    width: 200px;
}

#nopopup-lp #content ul.terms li { background: transparent !important;}
#nopopup-lp #content ul.terms li a { color: #666666; }