/*************/
/*           */
/* Formulare */
/*           */
/*************/

* html #login-form {
        padding: 0;
        background: white;
        border-left: solid 1px #F2B7EF;
        border-right: solid 1px #F2B7EF;
}
* html #register-form {
        padding-bottom: 30px;
}
*+ html #register-form {
        padding-bottom: 30px;
}
#recommend-form, #contact-form, #newsletter-form{
        padding: 20px;
        width: 380px;
}
#login-form label, #register-form label, #recommend-form label, #contact-form label, #newsletter-form label{
        display: block;
        text-align: right;
        float: left;
        width: 95px;
        padding: 8px 10px 2px 0;
}
#recommend-form label, #contact-form label, #newsletter-form label{
        width: 130px;
}
#register-form .checkbox{
        float: left;
        margin-left: 90px;
        padding-bottom: 10px;
}
#register-form .label-right {
        width: 224px;
        /*float: right;*/
        font-size: 10px;
        text-align: left;
        line-height: 1em;
        vertical-align: middle;
        margin-top: 5px;
        padding: 0;
        text-transform: none;
        height: 15px;
}
* html #register-form .label-right {
        line-height: 1.6em;
        margin-top: 2px;
}
*+ html #register-form .label-right {
        line-height: 1.6em;
        margin-top: 2px;
}
#login-form .text, #register-form .text{
        margin-bottom: 7px;
        width: 220px;
        height: 15px;
        padding-left: 2px;
        /*border: 0px;*/
        font-size: 11px;
}

#login-form .td-text, #register-form .td-text{
        /*background: url(../images/screen/form_input.gif) no-repeat 0 2px;*/
        /*padding: 0 10px 0 2px;*/
        height: 26px;
}
@media all and (min-width: 0px) {
        body:not(:root:root) #login-form .td-text, #register-form .td-text{
                background: url(../images/screen/form_input.gif) no-repeat 0 1px;
        }
}
* html #login-form .td-text, * html #register-form .td-text{
        background: url(../images/screen/form_input.gif) no-repeat 0 1px;
        padding-bottom: 1px;
}
*+ html #login-form .td-text, *+ html #register-form .td-text{
        background: url(../images/screen/form_input.gif) no-repeat 0 1px;
        padding-bottom: 1px;
}

#recommend-form .text, #contact-form .text{
        height:13px;
        padding-left: 2px;
        margin-top: 5px;		
        position: relative;
        margin-top: 5px;
        width: 195px;
}

#newsletter-form .text{
        padding-left: 2px;
        position: relative;
        margin-top: 5px;
        width: 196px;
}

#recommend-form textarea, #register-form textarea, #contact-form textarea, #newsletter-form textarea{
        width: 197px;
        height: 60px;
		margin-top:5px;
}
* html #recommend-form textarea, * html #register-form textarea, * html #contact-form textarea{
        width: 195px;
}
*+ html #recommend-form textarea, *+ html #register-form textarea, *+ html #contact-form textarea{
        width: 195px;
}

#login-form br, #register-form br, #recommend-form br, #contact-form br, #newsletter-form br {
        clear: left;
        /* verteilt die Zeilen gleichmäßig */
        margin: 8px;
}
#register-form select {
        /*margin-left: -2px;*/
        width: 226px;
        height: 20px;
        /*border: none;*/
        /*background: url(../images/screen/form_select.gif) no-repeat;*/
        font-size: 11px;
}
#recommend-form select, #contact-form select, #newsletter-form select{
        width: 202px;
		margin-top:5px;
}
#login-form a {
        margin-top: 20px;
}
#login-form .submit-btn, #register-form .submit-btn{
        border: none;
        width: 88px;
        height: 17px;
        color: #fff;
        padding: 0 0 3px 0;
        background: url(../images/screen/form_submit_btn.png) no-repeat;
        font-size: 10px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
}
#recommend-form .submit-btn, #contact-form .submit-btn, #newsletter-form .submit-btn{
        border: none;
        width: 187px;
        height: 22px;
        color: #fff;
        padding: 0 0 3px 0;
        background: url(../images/screen/form_submit_btn_187.png) no-repeat;
        font-size: 10px;
        text-align: center;
        text-transform: uppercase;
        margin-left: -20px;
        position: relative;
        left: -45px;
        cursor: pointer;
}
#recommend-form .submit-btn, #contact-form .submit-btn, #newsletter-form .submit-btn{
        float: right;
        margin-right: -47px;
        margin-top: 10px;		
        cursor: pointer;
}
#login-form .submit-btn{
        margin: 0 -83px 0 20px;
        cursor: pointer;
}
#register-form .submit-btn{
        cursor: pointer;
}
#register-form a{
        text-decoration: underline;
}
#register-form .required {
        color: #D311CA;
}
* html #register-form.shipping-adress{
        margin: 0;
}
*+ html #register-form.shipping-adress{
        margin: 0;
}
.center form {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        text-align: left;
}
#register #message {
        width: 355px;
        padding: 0;
        margin: 0;
        position: relative;
        top: 10px;
        left: 0px;
        text-align: center;
}
* html #register #message {
        width: 335px;
        padding: 0;
        margin: 0;
}
*+ html #register #message {
        width: 335px;
        padding: 0;
        margin: 19px 0 0;
}
/* markiert den Hintergrund falls es ein Muss-Feld ist */
.unvalid-input {
        background-color: #D63086;
}
.edit-account-btn {
        border: none;
        width: 187px;
        height: 22px;
        color: #fff;
        padding: 0 0 3px 0;
        background: url(../images/screen/form_submit_btn_187.png) no-repeat;
        font-size: 10px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
}
* html .edit-account-btn {
        padding: 0;
}
*+ html .edit-account-btn {
        padding: 0;
}
#enter-perfume-form {
        margin-left:30px;
        margin-top:30px;
        width:355px;
}
#enter-perfume-form label{
        color: #000;
        text-transform: uppercase;
        font-size: 10px;
        display: inline;
}
#enter-perfume-form .text{
        width: 228px;
        height: 17px;
        padding-left: 2px;
        border: none;
        background: url(../images/screen/form_input.gif) no-repeat;
}
#enter-perfume-form .btn{
        float: right;
        margin-top:15px;
        border: none;
        width: 132px;
        height: 22px;
        color: #fff;
        padding: 0 0 3px 0;
        background: url(../images/screen/form_submit_btn_120.gif) no-repeat;
        text-align: center;
        text-transform: uppercase;
        font-size: 10px;
        cursor: pointer;
}


.msgBox{
	width:550px;
	padding:10px;
	margin:auto;
	border:1px solid #F7E0EA;
}



/****************/
/*              */
/* Hilfsklassen */
/*              */
/****************/
/* Overflow-Methode zum Clearen von floats */
.clear {
        overflow: hidden;
}
* html .clear {
        height: 1%;
}
.hide {
        display: none;
}
.visible {
        visibility: visible;
}
.unvisible {
        visibility: hidden;
}
* html .unvisible{
        margin-left: -2000px !important;
        visibility: visible;
}
*+ html .unvisible{
        margin-left: -2000px !important;
        visibility: visible;
}
/* Typo */

.left {
        text-align: left;
}

.float-left {
        float: left;
}
.float-right {
        float: right;
}
.highlight-red {
        color: #D311CA;
}
.highlight-green {
        font-weight: bold;
        color: #D0FA14;
}
.underline {
        text-decoration: underline;
}
.text-transform-none {
        text-transform: none;
}
 .uppercase {
         /*text-transform: uppercase;*/
 }
.white {
        color: #fff;
}
/* Buttons */
.submit-200 {
        width: 200px;
        height: 22px;
        margin-top: 20px;
        margin-right: 20px;
        padding-bottom: 5px;
        border: none;
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        background: url(../images/screen/form_submit_btn_200.png) no-repeat;
}
.payment-page .submit-200 {
        margin-bottom: -10px;
        margin-right: -3px;
        margin-top: 13px;
}
* html .payment-page .submit-200 {
        margin-right: -3px;
        margin-top: -5px;
}
*+ html .payment-page .submit-200 {
        margin-right: -3px;
        margin-top: -5px;
}
.form-input-70 {
        width: 72px;
        height: 15px;
        /*border: none;*
        /*background: url(../images/screen/form_input_70.png) no-repeat;*/
		font-size: 12px;
}
.form-input-150 {
        width: 156px;
        height: 15px;
        /*border: none;*/
        /*background: url(../images/screen/form_input_150.png) no-repeat;*/
		font-size: 12px;
}
.form-input-170 {
        width: 176px;
        height: 17px;
        border: none;
        background: url(../images/screen/form_input_170.gif) no-repeat;
}




/* JavaScript: Formular-Elemente */
/* Checkboxen */
.checked {
        /*background:transparent url(../images/screen/checkbox_activated_btn.gif) no-repeat scroll 0 0px;*/
        margin-top: 0px !important;
        padding-top: 2px !important;
}
.unchecked {
        /*background:transparent url(../images/screen/checkbox_btn.gif) no-repeat scroll 0 0px;*/
        margin-top: 0px !important;
        padding-top: 2px !important;
}
.js-checkbox {
        left:-11px;
        position:relative;
        top:-9px;
}
#basket-form .js-checkbox {
        left:-11px;
        position:relative;
        top: -1px;
}
* html .js-checkbox {
        left:-11px;
        position:relative;
        top: 4px;
}
*+ html .js-checkbox {
        left:-11px;
        position:relative;
        top: 4px;
}
* html .unchecked{
        margin-top: 0 !important;
}
*+ html .unchecked {
        margin-top: 0 !important;
}
* html .checked{
        margin-top: 0 !important;
}
*+ html .checked {
        margin-top: 0 !important;
}
/* Radio-Buttons */
.activated {
        background:transparent url(../images/screen/radio_activated_btn.gif) no-repeat scroll 0 0px; 
	   
	
        margin-top: -15px !important;
        margin-left: 20px !important;
        padding: 0 0 0 25px !important;
        text-align: left !important;
		
		
}
.deactivated {
        background:transparent url(../images/screen/radio_btn.gif) no-repeat scroll 0 0px; 
	   
	 
        margin-top: -15px !important;
        margin-left: 20px !important;
        padding: 0 0 0 25px !important;
        text-align: left !important;
		
		
}
* html .deactivated{
        margin-top: 0 !important;
}
*+ html .deactivated {
        margin-top: 0 !important;
}
* html .activated{
        margin-top: 0 !important;
}
*+ html .activated {
        margin-top: 0 !important;
}
/* Dropdown-Listen */
.dropdown-container {
        margin-top: -21px;
        font-size: 10px;
        text-align: left;
        cursor: pointer;
        padding: 5px 0;
}
* html .dropdown-container {
        margin-top: -15px;
}
*+ html .dropdown-container {
        margin-top: -15px;
}
.dropdown-handle {
        padding-top: 2px;
        padding-left: 5px;
}
.dropdown-list {
        display: none;
        margin-top: -3px;
        position: absolute;
        text-align: left;
        background: #fff;
        border: 1px solid #E988E5;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 90px;
        z-index: 20000;
}
* html .dropdown-list {
        height: 90px;
        overflow-y: scroll;
}
.dropdown-list:hover {
        cursor: pointer;
}
#contact-form div.dropdown-list ul, #recommend-form div.dropdown-list ul {
        list-style: none;
}
.dropdown-list li.hover {
        background: #E988E5;
}
#creditcard {
        /*background: url(../images/screen/form_select_150.gif) no-repeat scroll 0 0;*/
        /*border: none;*/
        /* width: 162px; */
		width:162px;
}
.expiry {
        /*background: url(../images/screen/form_select_70.gif) no-repeat scroll 0 0;*/
        /*border: none;*/
        text-align: right;
        width: 78px;
}
.paypalImg label{
    position: relative;
    top: 0px;
}

.inputExampleText{
	font-size: 10px;
	color:#808080;
	font-style: italic;
}

.tdAlignCenter{
	text-align:center;
}