/**
* CyberSource - Existing cards Styling ::::::::::::::::::::::: BEGINS
*/

.cs-cards-content-wrapper {
    margin-top: 20px;
}

.cybersource-existing-cards {
    width: 100%;
    display: table;
    margin: 20px 0px;
    border-top: solid 1px #ccc;
    padding: 10px 0px;
}

.cybersource-card-element {
    display: inherit;
    width: 40%;
    border-bottom: dashed 1px transparent;
    padding-left: 5%;
    margin-right: 5%;
}

.cybersource-card-element:nth-child(even) {
    margin-left: 5%;
    margin-right: 0px;
    width: 40%;
}

.cybersource-card-element .meta p {
    margin: 0px;
    padding: 0px;
}

.cybersource-card-element .actions {
    width: 50%;
    display: inline-block;
}

.cybersource-card-element .actions button.remove-cs-card {
    background-color: #e53a29;
    color: #fff;
    border-color: transparent;
    margin: 4px 0 0 0;
}

/**
* CyberSource - Existing cards Styling ::::::::::::::::::::::: ENDS
*/

/**
*
*   Multi Step Checkout Important fixes - This section should be refactored to use proper HTML5/CSS3 oriented styling
*
*
*   MultiStep Checkout Important Fixes :::::::::::::::::::::::: BEGINS
*/

.float-left-fix-wrapper {
    width: 100%;
    float: left;
}

div#nameOnCardC {
    position: inherit !important;
}

#cvvNumberC {
    width: 100%;
    float: left;
}

#cvvNumberC div.control-group {
    float: right !important;
}

.save_payment_details {
    width: 100%;
    display: block;
    float: left;
}

.save_payment_details input#SaveDetails {
    margin: 4px 4px 0px 0px;
}

/* label for the one above  (SaveDetails) */
.save_payment_details label[for=SaveDetails] {
    font-weight: bold;
}

div#cardNumberC label.cardNumber {
    margin-top: 0px !important;
}

/**
*   MultiStep Checkout Important Fixes :::::::::::::::::::::::: ENDS
*/