/* main header */
#PlentyWebOrderSystemTitle {
background: #EEEEEE;
border-bottom: 2px solid #CCCCCC !important;
color: #444444;
font-size: 18px;
font-weight: normal;
padding: 5px 10px;
margin-bottom: 0;
}

/* main container */
#PlentyWebOrderSystemMainContainer {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
line-height: 17px;
padding: 16px;
}

/* 2 COLUMN LAYOUT */

/* table */
#PlentyWebOrderSystemTable { 
display: table;
width: 100%;
}
/* row */
#PlentyWebOrderSystemTableRow { 
display: table-row;
}
/* cell */
#PlentyWebOrderSystemTableRow > div { 
display: table-cell;
width: 50%;
}
#PlentyWebOrderSystemContainer1 {
padding-right: 8px;
}
#PlentyWebOrderSystemContainer2 {
padding-left: 8px;
}


/* LABEL INPUT LIST */

/* table */
#PlentyWebOrderSystemContainer1 > div,
#PlentyWebOrderSystemContainer2 > div {
display: table;
width: 100%;
}
/* row */
.PlentyWebOrderSystemData {
display: table-row;
}
/* cell */
.PlentyWebOrderSystemData > div {
display: table-cell;
vertical-align: middle;
}
/* label cell */
.PlentyWebTableCellLabel {
}
/* input cell */
.PlentyWebTableCellInputs,
.PlentyWebTableCellInputsMulti {
width: 61%;
}

/* label */
.PlentyWebTableCellLabel > span {
display: block;
}
/* input wrappers */
.PlentyWebTableCellInputs > span,
.PlentyWebTableCellInputsMulti > span {
display: block;
margin: 2px 0;
}
/* input */
.PlentyWebTableCellInputs > span > input,
.PlentyWebTableCellInputsMulti > span > input,
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayDayInput > input,
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayMonthInput > input,
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput > input  {
width: 100%;
margin-left: -1px;
color: #404040 !important;
}
/* select */
.PlentyWebTableCellInputs > span > select {
margin-left: -1px;
}
/* input wrapper multi (street, nr., zip, city) */
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputStreetInput,
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputCityInput {
width: 74%;
}
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputHouseNoInput,
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputZipCodeInput {
width: 22%;
}
/* input wrapper multi (street, nr., zip, city) */
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputStreetInput,
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputZipCodeInput {
float: left;
}
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputHouseNoInput,
.PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputCityInput {
float: right;
}
.PlentyWebOrderSystemClear {
clear: both;
}
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayInput {
display: block;
}
/* input wrapper multi (date of birth) */
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayDayInput,
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayMonthInput,
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput {
display: block;
float: left;
vertical-align: top;
text-align: center;
width: 9%;
}
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput {
width: 22%;
}
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayMonthInput,
#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput {
margin-left: 4%;
}

#PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayInput input {
text-align: center;
}

#PlentyWebOrderSystemBirthdayTitle,
#PlentyWebOrderSystemVATNumberTitle {
}
#PlentyWebOrderSystemBirthdayNotice,
#PlentyWebOrderSystemVATNumberNotice {
display: block;
font-size: 0.8em;
padding: 2px 0;
}

/* select */
#PlentyWebOrderSystem select {
border: 1px solid #CCCCCC;
font-size: 12px;
margin-top: 2px;
margin-bottom: 0;
height: 34px; /*no height set*/
padding: 7px 5px 7px 0; /*no padding set*/
}
#PlentyWebOrderSystem select:hover,
#PlentyWebOrderSystem select:focus {
border-color: #666666; /*1474d4*/
}
#PlentyWebOrderSystemSalutation {
width: 33%;
}
#PlentyWebOrderSystemCountry {
width: 66%;
}

/* input */
#PlentyWebOrderSystem input[tyle=text],
#PlentyWebOrderSystem input[tyle=password] {
border: 1px solid #CCCCCC;
padding: 2px 3px;
font-size: 12px;
height: 28px; /*13px*/
margin-top: 2px;
margin-bottom: 0;
}
#PlentyWebOrderSystem input[tyle=text]:hover,
#PlentyWebOrderSystem input[tyle=password]:hover,
#PlentyWebOrderSystem input[tyle=text]:focus,
#PlentyWebOrderSystem input[tyle=password]:focus {
border-color: #666666 !important; /*1474d4*/
}

/* note */
#PlentyWebOrderSystemContainer4 {
margin-top: 16px;
}


#PlentyWebLoginRegisterRadios > div > label > input[type=radio] {
height: auto !important;
}

.PlentyMandatoryField {
font-weight: bold !important;
}
div#PlentyWebPayoneCreditCardContainer
{
display : table;
}

div#PlentyWebPayoneCreditCardContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneCreditCardContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneCreditCardContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneCreditCardNotice,div#PlentyWebPayoneCreditCardNotice
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}


#PlentyWebPayoneCreditCardSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneDebitContainer
{
display : table;
}

div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneDebitNotice,div#PlentyWebPayoneDebitNotice
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}


#PlentyWebPayoneDebitSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneEpsContainer
{
display : table;
}

div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneEpsNotice,div#PlentyWebPayoneEpsNotice
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneEpsSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneGiropayContainer
{
display : table;
}

div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneGiropayNotice,div#PlentyWebPayoneGiropayNotice
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneGiropaySubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneIdealContainer
{
display : table;
}

div#PlentyWebPayoneIdealContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneIdealContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneIdealContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneIdealNotice,div#PlentyWebPayoneIdealNotice
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneIdealSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneSofortueberweisungContainer
{
display : table;
}

div#PlentyWebPayoneSofortueberweisungContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneSofortueberweisungContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneSofortueberweisungContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneSofortueberweisungNotice,div#PlentyWebPayoneSofortueberweisungNotice
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneSofortueberweisungSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneDebitContainer
{
display : table;
}

div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneDebitNotice,div#PlentyWebPayoneDebitNotice
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}


#PlentyWebPayoneDebitSubmit
{
margin-top:5px;
text-align:right;
}.PayoneCreditCardTable
{
	border: 1px black solid;
	width: 70%
}

.PayoneCreditCardTable td, th
{
	padding: 6px 10px 5px 15px;
	border: 0px;
}

.PayoneCreditCardTable tr:first-child th
{
	background-color: #4e5559;
	padding-left: 10px;
	border: 1px solid black;
	color: #FFFFFF;
}
			
.PayoneCreditCardTable input
{
	height: 20px;
	line-height: 1;
}div#PlentyWebPayoneDebitContainer
{
display : table;
}

div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneDebitTextVor,div#PlentyWebPayoneDebitTextNach
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneDebitSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneGiropayContainer
{
display : table;
}

div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneGiropayTextVor,div#PlentyWebPayoneGiropayTextNach
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneGiropaySubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneSofortUeberweisungContainer
{
display : table;
}

div#PlentyWebPayoneSofortUeberweisungContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneSofortUeberweisungContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneSofortUeberweisungContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneSofortUeberweisungTextVor,div#PlentyWebPayoneSofortUeberweisungTextNach
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneSofortUeberweisungSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneEpsContainer
{
display : table;
}

div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneEpsTextVor,div#PlentyWebPayoneEpsTextNach
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneEpsSubmit
{
margin-top:5px;
text-align:right;
}div#PlentyWebPayoneIDealContainer
{
display : table;
}

div#PlentyWebPayoneIDealContainer > div.PlentyFormContainer
{
display : table-row;
}

div#PlentyWebPayoneIDealContainer > div.PlentyFormContainer > span.PlentyFormTitle,
div#PlentyWebPayoneIDealContainer > div.PlentyFormContainer > span.PlentyFormValue
{
display: table-cell;
vertical-align: top;
padding:0 5px;
}

div#PlentyWebPayoneIDealTextVor,div#PlentyWebPayoneIDealTextNach
{
clear: both;
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

#PlentyWebPayoneIDealSubmit
{
margin-top:5px;
text-align:right;
}