/* KOMPANY BRAND COLORS */
/* PRIMARY COLORS*/
/*white */
/*kompany green */
/*grey */
/* SECONDARY COLORS*/
/* dark grey */
/* ligher grey */
/* COMPLIMENTARY COLORS*/
/* blue1 */
/* blue2 */
/* blue3 */
/* blue4 */
/* ALERT COLORS*/
/* pink */
/* orange */
/* green */
/* ALTERNATIVE GREYS */
/* alt grey1 */
/* alt grey2 */
/* alt grey3 */
/* alt grey4 */
/* alt grey5 */
/* VISIBILITY HANDLING */
/* BRAND TYPOGRAPHY 'Lato', sans-serif */
/* BODY */
/* HEADER */
/*  Footer */
/* BIG Search */
/* TABS */
/* PPAGE */
/*prod title colours*/
/*ppage wash*/
/* BRAND FORMS */
/* e.g. mandy */
/* BUTTONS */
/* POSITIVE kompany green */
/*default*/
/*hover*/
/*active*/
/* SYS_ACTION TEAL*/
/*default*/
/*hover*/
/*active*/
/* CHECKOUT - Green */
/*default*/
/*hover*/
/*active*/
/* DARK */
/*default*/
/*hover*/
/*active*/
/* CHECKOUT POP - Purple*/
/*default*/
/*$button-checkout-background: $kompany-brand-c1;
$button-checkout-background-gradient:$kompany-brand-c1 0%, $kompany-brand-c1 100%;
$button-checkout-color: #ffffff;
$button-checkout-border: $kompany-brand-c1;
/*hover*/
/*$button-checkout-background-hover: #7b276f;
$button-checkout-border-hover: #7b276f;
$button-checkout-color-hover: #ffffff;
/*active*/
/*$button-checkout-background-active: #7b276f;
$button-checkout-border-active: #7b276f;
$button-checkout-color-active: #ffffff;
*/
/* BUTTON ICONS*/
/* SECTOR PAGES */
/* SEA PAGES */
/* BUTTON BOOTSTRAP */
/* CHECKLIST PAGE */
/* Checklist LH NAV */
/* TABLE */
/* PAYMENT */
/* BOOKSHELF TABS */
/* ACCESS PLANNS */
/* kompany style guide page*/
/*  GLOBAL MIXINS  */
/********/
.payment {
  padding: 0px;
  background-color: #fff; }

.payment .pcont {
  margin: 20px 10px; }

.payment .charging .subtotalCost,
.payment .charging .vat {
  font-size: 11pt;
  padding-right: 22px; }

.payment .charging .totalCost .totalPrice,
.payment .charging .totalCost .smallCaps,
.payment .summaryCost .totalPrice,
.payment .summaryCost .smallCaps {
  font-size: 15pt;
  font-weight: normal; }

.payment .summaryCost .totalPrice {
  margin-left: 10px; }

.payment .upsell {
  margin: auto;
  background-color: #f1f4f6;
  padding: 6px;
  margin: 5px 0px 15px; }

.payment .upsell h4,
.payment .upsell p {
  text-align: center; }

.payment .upsell h4 a {
  font-size: 9pt;
  white-space: pre;
  line-height: 20px; }

.payment .upsell p {
  font-size: 11pt; }

.payment .upsell .button {
  display: inline;
  text-align: center;
  margin-bottom: 5px; }

.payment .upsell.bca {
  background: url("/images/framework/charge/charge_badge.png") no-repeat scroll center 10px #f1f1f1; }

.payment .upsell.claim {
  background: url("/images/framework/claimprofile/claim_180_en.png") no-repeat scroll center 10px #f1f4f6; }

.payment .focusme {
  background-color: #e8edf1;
  padding: 15px; }

.payment .focusme .button + .button + .button {
  margin-top: 10px; }

.payment .upsell.leftme {
  text-align: left;
  background-color: #f1f1f1;
  padding: 10px; }

.payment .upsell.leftme h1 {
  margin-top: -7px;
  padding-top: 0px; }

.payment .upsell.leftme h1.smart {
  color: #000;
  font-size: 24pt;
  font-weight: normal;
  letter-spacing: 5pt;
  line-height: 28pt;
  position: relative;
  margin: 0px; }

.payment .upsell.leftme h1.smart span {
  font-size: 12pt;
  line-height: 19pt;
  margin: 0;
  margin-bottom: 16px;
  padding: 0;
  position: absolute;
  top: 0;
  color: #68cbe1; }

.payment .upsell.leftme h4 {
  text-align: left;
  margin: 0px; }

.payment .upsell.leftme a.more {
  clear: both;
  padding-left: 2px;
  display: block;
  margin: 10px 0px; }

.payment .upsell.leftme .button {
  display: inline-block; }

.payment .upsell.leftme .offerblock {
  background: url("/images/framework/subscription/super_sprite.png") no-repeat scroll -45px -548px;
  min-height: 115px;
  width: 88px; }

/********************************************************************************************/
/* PHASEBLOCKS (top of payment screen) - Start */
.phase {
  clear: both;
  background-color: #D9D9D6; }

.phase,
.phase li {
  margin: 0px;
  padding: 0px; }

.phase li {
  float: left;
  margin: 0px;
  text-align: center;
  padding: 8px 0px 10px 0px;
  font-size: 10pt; }

.phase li small {
  font-weight: normal; }

.phase li .elipse {
  width: 20px;
  height: 20px;
  line-height: 13pt;
  background-color: #e8edf1; }

/*Active*/
.phase li.active {
  background: url(/images/icons/payment/progress_indicator.png) no-repeat center bottom;
  font-weight: bold; }

.phase li.active .elipse {
  background-color: #fff; }

/*Complete*/
.phase li.complete {
  background: none;
  color: #43B02A; }

.phase li.complete .elipse {
  background: #43B02A url("/images/icons/buttons/button_sprite.png") -7px -138px no-repeat;
  text-indent: -100000px;
  border-color: #43B02A; }

/* PHASEBLOCKS (top of payment screen) - End */
/********************************************************************************************/
/*******************************************************/
/*  CART COMPLIANCE - Start  */
.payment .cartsummary {
  margin-right: 30px; }

.payment .cartframe {
  padding-right: 10px; }

.payment .cartCompliance {
  bottom: 0;
  clear: both;
  margin: 22px 0px 0px;
  position: relative;
  background: #D9D9D6;
  padding: 15px 30px 5px; }

.payment .cartCompliance a {
  text-decoration: none;
  color: #39b54a; }

.payment .cartCompliance ul a {
  color: #808080; }

.payment .cartCompliance p {
  color: #808080;
  font-size: 8pt;
  line-height: 14pt; }

.payment .cartCompliance p span {
  text-transform: uppercase;
  color: #333; }

.payment .cartCompliance ul li {
  float: right;
  text-align: center;
  margin: 10px 10px; }

.payment .cartCompliance li p {
  margin: 0px; }

.payment .cartCompliance .eurolabel {
  background: url(/images/framework/badges/at_euro.png) 0px 0px no-repeat;
  width: 84px;
  height: 80px;
  position: relative;
  margin-top: 2px; }

.payment .cartCompliance .eurolabel p {
  top: 59px;
  color: #666;
  line-height: 11pt;
  position: absolute;
  font-size: 8pt; }

.payment .cartCompliance .eurotrust {
  background: url(/images/framework/badges/euro_trust.png) 0px 0px no-repeat;
  width: 63px;
  height: 80px;
  position: relative;
  margin-top: 2px; }

.payment .cartCompliance li.pci p {
  top: 5px;
  color: #666;
  line-height: 11pt;
  position: relative;
  font-size: 8pt;
  text-align: center; }

.payment .cartsummary .continueblock {
  margin-top: 0px; }

.payment .cartContent ul.lineItems .lineItem .itemDescription .itemNameAndType {
  margin-left: 43px; }

.payment .cartContent ul.lineItems .lineItem .itemDescription .itemDesc {
  margin-left: 0px; }

/*  CART COMPLIANCE - End  */
/*******************************************************/
/*******************************************************/
/*  PAYMENT CONFIRM - Start  */
.payment .confirm li {
  margin: 4px 0px; }

.payment .confirm li span {
  text-transform: uppercase;
  margin-right: 4px;
  color: #808080; }

.payment .confirm .focusme.fb li span {
  text-transform: none; }

.payment .confirm .focusme.fb .termsblock li span {
  color: #323232;
  cursor: pointer; }

.payment .confirm li .button {
  margin: 5px 0px; }

.payment .confirm li .button span {
  color: #fff; }

.payment .confirm li a {
  margin-left: 4px; }

.payment .confirm .upsell {
  margin-top: 15px; }

.payment .confirm .upsell h4 {
  margin-top: 110px; }

.payment .confirm .cartContent {
  margin-top: 15px; }

.payment .confirm ul.lineItems .lineItem .itemDescription .itemDesc {
  /*display:none;*/ }

/*  PAYMENT CONFIRM - End  */
/*******************************************************/
/*******************************************************/
/*  PAYMENT CHECKOUT - Start  */
.payment .totalcost {
  border-bottom: 1px dotted #aaaaaa;
  margin-bottom: 10px;
  margin-top: 10px; }

.payment .totalcost h2 {
  font-size: 14px; }

.payment .summaryCost {
  text-align: right;
  margin-top: 12px;
  padding-right: 22px; }

.payment ul.lineItems {
  padding-left: 0px;
  padding-top: 0px; }

.payment ul.lineItems .lineItem .itemDescription {
  width: 80%; }

.payment ul.lineItems .lineItem .itemDescription .itemIcon {
  height: 57px;
  /*cursor:pointer;*/ }

.oss .payment ul.lineItems .lineItem .icon.icon-removeLineItem {
  top: 10px;
  /*right: -20px;*/ }

.payment ul.lineItems .lineItem .icon.icon-removeLineItem {
  top: 9%; }

.payment ul.lineItems .lineItem .itemDescription .itemIcon .sample {
  background: url(/images/icons/icon_sprite.png) 2px -3110px;
  width: 35px;
  height: 35px;
  /*cursor:pointer;*/
  position: relative;
  top: 57px; }

.payment ul.lineItems .lineItem .itemDescription .itemNameAndType {
  float: none; }

.payment ul.lineItems .lineItem .itemDescription .itemDesc {
  font-size: 11px;
  line-height: 16px;
  margin-left: 35px; }

.payment ul.lineItems .lineItem .itemDescription .itemDesc h2 {
  text-align: right;
  margin-right: 20px;
  color: #F00; }

.payment ul.lineItems .lineItem .itemDescription .itemDesc ul {
  margin: 5px 0px 5px 10px;
  padding-left: 0px; }

.payment ul.lineItems .lineItem .itemDescription .itemDesc ul li {
  list-style-type: disc; }

.payment ul.lineItems .lineItem .itemDescription .itemDesc ul li.noticeme {
  list-style-type: none;
  background-color: #daddc6;
  padding: 5px;
  margin-left: -10px; }

.payment ul.lineItems .lineItem .itemDescription .itemDesc ul li.linkme {
  list-style-type: none;
  margin-left: -10px; }

.cartContent .icon-removeLineItem {
  top: 8px;
  right: 5px; }

.charging .totalCost {
  padding-left: 0px;
  padding-right: 22px;
  margin-bottom: 0px; }

.charging .totalCost a {
  float: left;
  font-weight: normal;
  margin-top: 7px; }

.charging .totalCost.pnow .totalPrice {
  color: #39b54a; }

.cartsummary .charging .creditme {
  margin: 0px 20px 5px 0px;
  padding: 0px; }

.cartsummary .charging .creditme .progress {
  top: -6px;
  font-size: 6px; }

.payment .block.message .sepa .elipse {
  width: 15px;
  height: 15px; }

/*  PAYMENT Steps  */
.payment .payoptions h2.secure {
  background: url(/images/icons/icon_sprite.png) -2px -356px no-repeat #eeecec;
  padding-left: 23px;
  line-height: 24pt;
  margin-left: 5px; }

.payment .payoptions .digicert {
  float: right;
  margin-bottom: 5px; }

.payment .mandy {
  text-align: right; }

.payment .payoptions,
.firmpaymethod.checkout {
  background-color: #eeecec;
  padding: 10px; }

.firmpaymethod.checkout .block.method ul#paymentMethod label {
  padding: 9px 0px; }

.marketingPages.smartplans .firmen .features .paymentmethods ul {
  margin: 0px; }

.marketingPages.smartplans .firmen .features ul#paymentMethod label > div {
  width: 100%; }

.payment .payoptions .block .titletag h4 {
  margin: 15px 0px 0px 10px;
  padding: 0px; }

.payment .payoptions .termsblock .titletag h4 {
  margin: -3px 0px 0px -15px;
  padding: 0px; }

.payment .payoptions .block .titletag p {
  margin: 0;
  padding: 0; }

.payment .payoptions .block .titletag .elipse,
.payment .payoptions .termsblock .titletag .elipse,
.marketingPages.smartplans .firmen .checkout .elipse {
  width: 25px;
  height: 25px;
  line-height: 16pt;
  margin-left: 0px;
  float: left;
  margin-top: 0px; }

.payment .payoptions fieldset {
  margin: 0px 16px;
  padding-top: 0px; }

.payment .payoptions .costcenter fieldset {
  padding-left: 0px; }

.payment .termsblock {
  background: #fff;
  padding: 10px 10px 20px;
  margin: 17px; }

.payment .payoptions .termsblock input {
  margin: 0px 5px 0px 5px;
  float: left; }

.payment .payoptions .termsblock .button {
  margin: 12px 0px 0px 0px;
  clear: both;
  width: 100%; }

.payment .payoptions .termsblock .button .btn {
  display: block; }

.payment .buttonframe {
  background: #fff;
  padding: 15px;
  margin-top: 10px; }

.payment .termsblock p.opt {
  font-size: 9pt;
  margin: 15px 0px 0px;
  padding: 0px; }

.payment .termsblock .gdpr_consent .text-justify p {
  font-weight: bold; }

.payment .textfield input,
.payment .multitextfield input {
  width: 100%; }

.payment .payme fieldset {
  margin: 0;
  padding: 0; }
  .payment .payme fieldset.paypal_fields {
    margin-top: 15px; }

.payment .payoptions .button .btn,
.payment .payme .button .btn {
  padding: 7px 15px; }

.payment .cartContent .lineItem.type0 .icon.icon-removeLineItem {
  display: none; }

/*  PAYMENT CHECKOUT - End  */
/*******************************************************/
/* ******* PAYMENT ICONS ******* */
.checkout .block.method ul#paymentMethod li,
.checkout .block.method ul#paymentMethod_blank li,
fieldset[data-type="creditcard_headers"] ul {
  clear: both; }

.checkout .block.method ul#paymentMethod label,
.checkout .block.method ul#paymentMethod_blank label {
  display: block;
  width: 100%;
  height: 22px;
  padding-top: 5px;
  padding-bottom: 10px;
  float: none; }

.checkout .block.method ul#paymentMethod label > div,
.checkout .block.method ul#paymentMethod_blank label > div {
  float: left;
  width: 100%;
  cursor: pointer; }

fieldset[data-type="creditcard_headers"] ul li {
  float: left;
  width: 100%;
  margin-bottom: 10px; }

.checkout .block.method ul#paymentMethod label > div input,
.checkout .block.method ul#paymentMethod_blank label > div input {
  cursor: pointer;
  float: left;
  margin-right: 5px;
  margin-top: 7px; }

/* ENGLISH & GERMAN PAYMENT SELECTION */
.checkout .block.method ul#paymentMethod li div div.cc2,
.checkout .block.method ul#paymentMethod li div.de div.cc2,
fieldset[data-type="creditcard_headers"] ul li.cc2 {
  /*VISA*/
  width: 45px;
  height: 28px;
  float: left;
  background-image: url("/images/icons/payment/svg/visa.svg");
  background-repeat: no-repeat;
  margin-right: 2px; }

.checkout .block.method ul#paymentMethod li div div.cc1,
.checkout .block.method ul#paymentMethod li div.de div.cc1,
fieldset[data-type="creditcard_headers"] ul li.cc1 {
  /*Master*/
  width: 45px;
  height: 28px;
  float: left;
  background-image: url("/images/icons/payment/svg/master.svg");
  background-repeat: no-repeat;
  margin-right: 2px; }

.checkout .block.method ul#paymentMethod li div div.cc3,
.checkout .block.method ul#paymentMethod li div.de div.cc3,
fieldset[data-type="creditcard_headers"] ul li.cc3 {
  /*Diners*/
  width: 45px;
  height: 28px;
  float: left;
  background-image: url("/images/icons/payment/svg/diners.svg");
  background-repeat: no-repeat;
  margin-right: 2px; }

.checkout .block.method ul#paymentMethod li div div.cc4,
.checkout .block.method ul#paymentMethod li div.de div.cc4,
fieldset[data-type="creditcard_headers"] ul li.cc4 {
  /*Amex*/
  width: 45px;
  height: 28px;
  float: left;
  background-image: url("/images/icons/payment/svg/amex.svg");
  background-repeat: no-repeat;
  margin-right: 2px; }

.checkout .block.method ul#paymentMethod li div div.cc5,
.checkout .block.method ul#paymentMethod li div.de div.cc5,
fieldset[data-type="creditcard_headers"] ul li.cc5 {
  /*DISCOVER*/
  width: 45px;
  height: 28px;
  float: left;
  background-image: url("/images/icons/payment/svg/discover.svg");
  background-repeat: no-repeat;
  margin-right: 2px; }

.nonjcb .checkout .block.method ul#paymentMethod li div div.cc6,
.nonjcb .checkout .block.method ul#paymentMethod li div.de div.cc6 {
  /*DISCOVER*/
  display: none; }

.checkout .block.method ul#paymentMethod li div div.cc6,
.checkout .block.method ul#paymentMethod li div.de div.cc6,
fieldset[data-type="creditcard_headers"] ul li.cc6 {
  /*JCB*/
  width: 45px;
  height: 28px;
  float: left;
  background-image: url("/images/icons/payment/svg/jcb.svg");
  background-repeat: no-repeat;
  margin-right: 2px; }

.checkout .block.method ul#paymentMethod li div div.pp,
.checkout .block.method ul#paymentMethod li div.de div.pp,
.payme .recurly .pp span,
.checkout .block.method ul#paymentMethod_blank li div div.pp,
fieldset[data-type="creditcard_headers"] ul li.pp {
  /*Paypal*/
  width: 106px;
  height: 30px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -199px -29px;
  float: left; }

.payme .recurly .paypal {
  /*Paypal*/
  min-width: 106px;
  min-height: 30px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -199px -29px;
  padding-left: 200px; }

.checkout .block.method ul#paymentMethod li div div.sue {
  /*Sofo*/
  width: 74px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -107px -145px;
  float: left; }

.checkout .block.method ul#paymentMethod li div div.inv,
.checkout .block.method ul#paymentMethod_blank li div div.inv {
  /*Invoice*/
  width: 74px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -170px -204px;
  float: left; }

.checkout .block.method ul#paymentMethod li div div.ec {
  /*EC LSV*/
  width: 105px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -155px -61px;
  float: left; }

.checkout .block.method ul#paymentMethod li div div.sepa {
  /*SEPA*/
  width: 106px;
  height: 30px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -460px -29px;
  float: left; }

/* GERMAN PAYMENT SELECTION */
.checkout .block.method ul#paymentMethod li div.de div.sue {
  /*Sofo*/
  width: 74px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: 1px -142px;
  float: left; }

.checkout .block.method ul#paymentMethod li div.de div.inv,
.checkout .block.method ul#paymentMethod_blank li div.de div.inv {
  /*Invoice*/
  width: 155px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -4px -205px;
  float: left; }

.checkout .block.method ul#paymentMethod li div.de div.ec {
  /*EC LSV*/
  width: 100px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: 10px -61px;
  float: left; }

/* ITALIAN PAYMENT SELECTION */
.checkout .block.method ul#paymentMethod li div.it div.inv,
.checkout .block.method ul#paymentMethod_blank li div.it div.inv {
  /*Invoice*/
  width: 74px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -284px -205px;
  float: left; }

.checkout .block.method ul#paymentMethod li div.it div.ec {
  /*EC LSV*/
  width: 132px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -324px -61px;
  float: left; }

/* FRENCH PAYMENT SELECTION */
.checkout .block.method ul#paymentMethod li div.fr div.inv,
.checkout .block.method ul#paymentMethod_blank li div.fr div.inv {
  /*Invoice*/
  width: 150px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -509px -205px;
  float: left; }

.checkout .block.method ul#paymentMethod li div.fr div.ec {
  /*EC LSV*/
  width: 112px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -492px -61px;
  float: left; }

.primarycolumn .payment h3.cards {
  line-height: 32px;
  float: left;
  margin: 11px 5px 0px 18px; }

.primarycolumn .payment div.providerClickContainer {
  float: left;
  padding-top: 13px;
  width: 330px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup {
  float: left;
  margin-right: 15px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc1.de {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: 0px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc1 {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: 0px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc2.de {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -51px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc2 {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -51px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc3.de {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -101px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc3 {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -101px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.pp.de {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -149px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.pp {
  width: 45px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -149px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.sue.de {
  width: 75px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -199px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.sue {
  width: 75px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -199px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.inv.de {
  width: 75px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -199px 0px;
  float: left;
  margin-right: 2px; }

.primarycolumn .payment div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.inv {
  width: 75px;
  height: 28px;
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -199px 0px;
  float: left;
  margin-right: 2px; }

.clickable {
  cursor: pointer; }

div#cartcontainer div.providerClickContainer {
  float: left;
  margin-bottom: 4px;
  margin-left: 1px;
  margin-left: 3px;
  min-width: 200px;
  padding-top: 13px;
  margin-top: 12px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup {
  float: left;
  margin-right: 1px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc1 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: 0 -404px;
  float: left;
  height: 27px;
  width: 39px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc2 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -39px -404px;
  float: left;
  height: 27px;
  margin-right: 0px;
  width: 37px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc3 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -77px -404px;
  float: left;
  height: 27px;
  margin-right: 0;
  width: 37px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc4 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -114px -404px;
  float: left;
  height: 27px;
  width: 32px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.pp {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -146px -404px;
  float: left;
  height: 29px;
  width: 38px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.ec {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -170px -62px;
  float: left;
  height: 29px;
  width: 21px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.sue {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -209px -346px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 50px; }

div#cartcontainer div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.inv {
  display: none; }

/* GEMRAN PAYMENT SELECTION */
div#cartcontainer div.providerClickContainer > div.paymentMethodGroup.de > div.paymentMethodElement.sue {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -209px -404px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 50px; }

div#certs div.providerClickContainer > div.paymentMethodGroup {
  float: left;
  margin-right: 1px;
  cursor: pointer; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc1 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: 0 -431px;
  float: left;
  height: 27px;
  width: 39px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc1:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: 0 -404px;
  float: left;
  height: 27px;
  width: 39px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc2 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -39px -431px;
  float: left;
  height: 27px;
  margin-right: 0px;
  width: 37px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc2:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -39px -404px;
  float: left;
  height: 27px;
  margin-right: 0px;
  width: 37px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc3 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -77px -431px;
  float: left;
  height: 27px;
  margin-right: 0;
  width: 37px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc3:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -77px -404px;
  float: left;
  height: 27px;
  margin-right: 0;
  width: 37px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc4 {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -114px -431px;
  float: left;
  height: 27px;
  width: 32px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.cc4:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -114px -404px;
  float: left;
  height: 27px;
  width: 32px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.pp {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -146px -431px;
  float: left;
  height: 29px;
  width: 54px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.pp:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -144px -404px;
  float: left;
  height: 29px;
  width: 54px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.ec {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -170px -90px;
  float: left;
  height: 29px;
  width: 92px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.ec:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -170px -62px;
  float: left;
  height: 29px;
  width: 92px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.sue {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -223px -373px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 56px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.sue:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -223px -346px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 56px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.inv {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -162px -203px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 78px; }

div#certs div.providerClickContainer > div.paymentMethodGroup > div.paymentMethodElement.inv:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -162px -177px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 78px; }

/* GERMAN PAYMENT SELECTION */
div#certs div.providerClickContainer > div.paymentMethodGroup.de > div.paymentMethodElement.sue {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -223px -431px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 56px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.de > div.paymentMethodElement.sue:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -223px -404px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 56px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.de > div.paymentMethodElement.inv {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -3px -203px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 152px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.de > div.paymentMethodElement.inv:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -3px -177px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 152px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.de > div.paymentMethodElement.ec {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -4px -90px;
  float: left;
  height: 29px;
  width: 84px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.de > div.paymentMethodElement.ec:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -4px -62px;
  float: left;
  height: 29px;
  width: 84px; }

/* ITALIAN PAYMENT SELECTION */
div#certs div.providerClickContainer > div.paymentMethodGroup.it > div.paymentMethodElement.inv {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -282px -203px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 70px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.it > div.paymentMethodElement.inv:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -282px -177px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 70px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.it > div.paymentMethodElement.ec {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -340px -90px;
  float: left;
  height: 29px;
  width: 116px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.it > div.paymentMethodElement.ec:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -340px -62px;
  float: left;
  height: 29px;
  width: 116px; }

/* FRENCH PAYMENT SELECTION */
div#certs div.providerClickContainer > div.paymentMethodGroup.fr > div.paymentMethodElement.inv {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -509px -203px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 150px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.fr > div.paymentMethodElement.inv:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -509px -177px;
  float: left;
  height: 29px;
  margin-right: 2px;
  width: 150px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.fr > div.paymentMethodElement.ec {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -509px -90px;
  float: left;
  height: 29px;
  width: 94px; }

div#certs div.providerClickContainer > div.paymentMethodGroup.fr > div.paymentMethodElement.ec:hover {
  background-image: url("/images/icons/payment/full_sprite.png");
  background-position: -509px -62px;
  float: left;
  height: 29px;
  width: 94px; }

/*  INVOICE SMS CHECK  - Start */
.payment .invoiceBack {
  cursor: pointer;
  float: right;
  position: relative;
  right: 30px;
  top: -55px; }

.payment .invoiceBack:hover {
  color: #39b54a;
  text-decoration: underline; }

.validatemessage {
  padding-left: 22px;
  line-height: 15px;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 12px; }

.validatemessage.fail {
  background: url(/images/icons/inputalert.png) 2px 1px no-repeat;
  margin-top: 30px; }

.validatemessage.pass {
  background: url(/images/icons/inputpositive.png) 2px 1px no-repeat;
  margin-top: 30px; }

.payment .withdrawl.checkbox {
  margin: 15px 0px 20px; }

.payment .withdrawl.checkbox p {
  font-size: 8pt; }

.payment .withdrawl.checkbox span {
  white-space: normal;
  line-height: 17px; }

.payment .withdrawl.checkbox input {
  margin-top: 0px;
  margin-bottom: 35px;
  display: block; }

.payment .charging .effectiveCostMessage {
  padding: 3px 10px;
  background-color: #f2f2f2; }

.payment .charging .effectiveCostMessage h2 {
  font-size: 12pt; }

.checkout .block.method ul#paymentMethod_blank label,
.checkout .block.method ul#paymentMethod_blank label > div input,
.checkout .block.method ul#paymentMethod_blank li,
.checkout .block.method ul#paymentMethod_blank label > div {
  cursor: default; }

.checkout .block.method ul#paymentMethod_blank label > div p,
.checkout .block.method ul#paymentMethod .pp label > div p {
  clear: both;
  margin: 0px 0px 5px 30px;
  padding-top: 5px; }

.checkout .block.method ul#paymentMethod .pp label > div p {
  padding-top: 0px; }

.payoptions fieldset select.address {
  width: 100%; }

/* MERCATEO PAYMENT CSS */
.source-partner-mercateo .payment .payoptions {
  margin-top: 20px; }

.source-partner-mercateo .payment .payoptions .merclogo {
  margin: 10px 0px; }

.source-partner-mercateo .payment .cartsummary .continueblock {
  margin-bottom: 50px; }

.source-partner-mercateo .payment .cartsummary .continueblock a {
  display: none; }

.source-partner-mercateo .payment .charging .totalCost .totalPrice,
.source-partner-mercateo .payment .charging .totalCost .smallCaps {
  font-size: 13pt; }

.payment .payoptions .button.alert.mercateo .btn {
  padding: 5px 10px; }

.button.alert.mercateo .btn span {
  background: url(/images/partners/mercateo/mercateo_sprite.png) 0px -667px no-repeat;
  padding-left: 20px;
  font-size: 10pt; }

/* HIGHLIGHT VAT NONSENSE */
fieldset .highlightme {
  background-color: #fff;
  padding: 0px 10px 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px; }

fieldset .highlightme.pp {
  padding-top: 10px; }

.noticemenow {
  background: url("/images/icons/icon_sprite.png") no-repeat scroll 4px -2245px;
  padding: 1px 0px 0px 35px;
  line-height: 10pt;
  color: #000000;
  position: absolute;
  top: 20px;
  font-size: 8pt;
  width: 210px;
  min-height: 22px; }

.highlightme.pp.mf .noticemenow {
  position: relative;
  line-height: 10pt;
  top: 0px;
  width: auto; }

/*  SUB SELECT ON P1 */
.payment .subselectme ul {
  margin-right: 20px; }

/* Coupon ADD LINK*/
.couponaddme {
  display: none; }

.payment .pcont .partnerblock {
  maring: 10px;
  border: 1px solid #666;
  margin-top: 10px;
  padding: 5px 10px 15px 10px; }

.payment .pcont .partnerblock .button.prisma .btn {
  background: #a9172c;
  border-color: #a9172c;
  color: #fff; }

.payment .globalsysmessage {
  padding-top: 5px;
  padding-bottom: 5px; }

/*  REPONSIVE -Starts */
@media only screen and (max-width: 1200px) {
  .payment .upsell.leftme .span3 {
    display: none; }
  .payment .upsell.leftme .span9 {
    width: 100%; }
  .checkout .block.method ul#paymentMethod li div div {
    margin-bottom: 2px; } }

@media (min-width: 100px) and (max-width: 990px) {
  .phase li,
  .payment .pcont.confirm .span4 {
    display: none; }
  /*.payment .cartsummary,
	.payment .cartframe {
		display:none;
	}*/
  .phase li.active {
    display: block; }
  .payment .pcont.checkout .span7,
  .payment .pcont.checkout .span5,
  .payment .cartCompliance .span7,
  .payment .cartCompliance .span5,
  .payment .pcont.confirm .span8,
  .payment .pcont.confirm .next {
    width: 100%; }
  .payment .cartCompliance ul li {
    width: 30%;
    margin: 0px; }
  .payment .cartCompliance .eurolabel {
    margin: auto; }
  .payment .cartsum {
    margin: 0px; }
  /*.checkout .block.method ul#paymentMethod label > div {
    width: 110%; }*/
  .payment .span6.payme {
    width: 100%; }
  .payment .span6.cartme {
    display: none; }
  .payment .pcont {
    margin: 20px 0; }
  .payment .cartsummary {
    margin-right: 0; }
  .payment ul.lineItems .lineItem .itemDescription {
    max-width: 100%; }
  .payment ul.lineItems .lineItem .itemDescription {
    width: 100%; }
  .payment .summaryCost {
    padding-right: 0; }
  .payment .payoptions h2.secure {
    font-size: 20px; }
  .payment .payoptions fieldset {
    margin: 0; }
  .payment .termsblock {
    margin: 0; } }

/*# sourceMappingURL=payment.css.map */

/*# sourceMappingURL=payment.css.map */