/* ============================================================================ */
/* TYPOGRAPHY                                                                   */
/* ============================================================================ */

.small-text { font-size: 0.6em; }
.red-text { color: #c80000; }
.success { color: #3ebd26; font-weight: bold; }
.error { color: #c80000; font-weight: bold; }

/* ============================================================================ */
/* TABLES                                                                       */
/* ============================================================================ */

table.formatted {
    width: 100%;    
    }

    table.formatted th,
    table.formatted td {
        padding: 7px 10px;
    }

    table.formatted th {
        border-top: 1px solid #e1f0f5;
        border-bottom: 2px solid #e1f0f5;
        text-align: left;
        font-weight: bold;
        color: #444444;
        }

    table.formatted.divided tr td {
        border-bottom: 1px solid #dddddd;
        }

    table.formatted.striped tr:nth-child(even) {
        background-color: #f4f4f4;
        }

    table.formatted tr.featured {
        background-color: #e1f0f5;
        padding: 0px 10px;
        }

/* ============================================================================ */
/* LISTS                                                                        */
/* ============================================================================ */

ul.formatted {
    margin-bottom: 15px;
    }

    ul.formatted li {
        list-style-type: circle;
        margin-left: 20px;
        }

/* ============================================================================ */
/* BUTTONS                                                                      */
/* ============================================================================ */

/*.form-button, .form-button:visited { 
    background-color: #efefef; 
    border: 1px solid #aeaeae; 
    color: #555555;
    cursor: pointer;
    display: inline-block;
    padding: 4px 15px;
    text-align: center;
    text-decoration:none !important;
        -webkit-transition: background-color 3000ms ease-in-out;
        -moz-transition: background-color 250ms ease-in-out;
        -o-transition: background-color 250ms ease-in-out;
        -ms-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out; 
    }    
.form-button:hover { background-color: #dfdfdf; text-decoration:none !important; }

.form-button.blue, .form-button.blue:visited { background-color: #2173ad; border: 1px solid #004688; color: #FFF; }
.form-button.blue:hover { background-color: #10629C; }

.form-button.green, .form-button.green:visited { background-color: #3ebd26; border: 1px solid #00881c; color: #FFF; }
.form-button.green:hover { background-color: #00881c; }

.form-button.red, .form-button.red:visited { background-color: #c80000; border: 1px solid #850000; color: #FFF; }
.form-button.red:hover { background-color: #850000; }

.form-button.orange, .form-button.orange:visited { background-color: #d7821a !important; border: 1px solid #c56c00; color: #FFF; }
.form-button.orange:hover { background-color: #c56c00 !important; }

.form-button.right { margin: 0 0 0 10px; }
.form-button.full-size { width: 100%; }*/

/* ============================================================================ */
/* FORMS 
    <div class="form-rows-header">
        Form Heading
    </div>
    <div class="form-rows alternating divided">
        <div class="form-row">
            <label>Textbox</label>
            <div><input type="text" id="regularInput" /></div>
        </div>

        <div class="form-row">
            <label>List</label>
            <div>
                <select>
                    <option value="Option 1">Option 1</option>
                    <option value="Option 2">Option 2</option>
                    <option value="Option 3">Option 3</option>
                    <option value="Option 4">Option 4</option>
                </select>
            </div>
        </div>

        <div class="form-row">
            <label>Textarea</label>
            <div><textarea></textarea></div>
        </div>

        <div class="form-row">
            <label>Plain Text</label>
            <div>Some cool cat content goes here...</div>
        </div>
    </div>                                                              
/* ============================================================================ */

.form-rows-header {
    border-top: 1px solid #e1f0f5;
    border-bottom: 1px solid #e1f0f5;
    padding: 7px 10px;
    font-weight: bold;
    }

.form-rows {
    
    }
    
    .form-rows.divided .form-row:first-child {
        border-top: 1px solid #e1f0f5;
        }

    .form-rows.divided .form-row {
        border-bottom: 1px solid #e1f0f5;
        }

    .form-rows.alternating .form-row {
        padding-left: 10px;
        padding-right: 10px;
        }

    .form-rows.alternating .form-row:nth-child(odd) {
        background-color: #f4fafb;
        }

.form-row {    
    padding-top: 7px;
    padding-bottom: 7px;
    }
    
.form-row:before, .form-row:after { content: " "; display: table; }
.form-row:after { clear: both; }

    .form-row > label {
        display: block;
        margin: 0px;
        }

    .form-row > div {
        display: block;            
        margin: 0px;
        }
    
        .form-row > div input[type=email], 
        .form-row > div input[type=password], 
        .form-row > div input[type=text],
        .form-row > div select,
        .form-row > div textarea { 
            width: 100%;
            max-width: 450px;
        }

.form-row > div input[type=number].cv2 { float: left; margin: 0 5px 0 0;padding: inherit 0; width: 45px; }
.form-row > div select.day { float: left; margin: 0 5px 0 0; width: 60px; }
.form-row > div select.month { float: left; margin: 0 5px 0 0; width: 60px; }
.form-row > div select.year { float: left; margin: 0 5px 0 0; width: 70px; }

@media only screen and (max-width: 768px) {
    .form-row > label { margin-bottom: 2px; }
}

@media only screen and (min-width: 768px) {
    .form-row.block-label > label { margin-bottom: 2px; }
    .form-row:not(.block-label) > label { float: left; width: 25%;  }
    .form-row:not(.block-label) > div { float: left; width: 75%; }
    .form-row.no-label > div { margin-left: 25%; }

    .checkout-column .form-row.no-label > div { margin-left: 0; width: 100%; }
}

/* ============================================================================
/* FEEDBACK PANELS
/* ============================================================================ */

.feedback-panel {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    font-weight: bold;
    border-color: #0486c4;
    background-color: #d9f0fb;
    }

    .feedback-panel__message:not(:first-child) {
        margin-top: 6px;
        }

    .feedback-panel__message {
        min-height: 16px;
        padding: 0px 0px 0px 21px;
        background-repeat: no-repeat;
        background-position: left 3px;
        color: #0486c4;
        }

        .feedback-panel__message--success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTg5YWJiNy04NTY5LTkwNDYtYjQ5YS04YzY4NWE0ODRlZjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzFDRTM0NTZEOTMzMTFFNEEwRDZFM0IwRDc2OEE0MDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzFDRTM0NTVEOTMzMTFFNEEwRDZFM0IwRDc2OEE0MDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWJiNjk2ZmUtNDc5MS05ZDQ1LThlMTktY2Y3OWU2ODlhMTdkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OWYzODM4MjMtZDkyZi0xMWU0LWFhNGMtZmVkNjgwODQ2MGI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hWLuuAAAAjpJREFUeNqcU01oE0EUfjOz2fxpu2kLQUlpFK2GQjyIB+OtqE3pXRC9eGpFoeBZEOzFnuOld/EseJDtUTBUFDwIFoNixKIEbExCom2T3fV9k8my1JsTPjK77/vevHnvW5F/RIfXVcYCo8QomHfbjCrDZWxGySKSIM+4y1jOnpk8knISFE/HdGC/16ffrT1qfNzt8uMG4zGjjphyLofitezsxMr0uaydyiTJshUJITSsuKIkJ5zKj9sqJku93T9TzH/HaI0S3Id4csbhmogCn+EFDLMPTLlSUMpJkrREkZN4uI40d17O5MaYOBT5g4D8fkDega+B/Y1jq1RMX9QccKGB1kLDcGehpD7VB4wIz1hzE+fpZm5V7xffnCRwoeGeLKCCEhqGOgN/KBqdPtj3KR04VLnwLOz0mMportawFgkKo25b/Htx6RPdO7seXuN5+X0ovvJyhtoHTb03moIVnem147dJCYuWctep3q7RnbkHYWzenSaVlP+YBm+2MWesp98rNAgGeh8Vl91ZvrfQU8CURt6AFgmqMAmJIWFp6zT5GIVZt17NU1/tkYyJSBKhjQUtErhwWOD5HOSSmLS4dUqLH35YoR3vM6mEJGlLHQMHXONKVxpvb/za6QydpwhGofLrE1TtuKQg5NPxDjFwwDWW3hw5sQZ7wmGJo3E9Z5ykSzZlAxhz81ubGrXmE9asR63cgrdhz59fWkX2uw0B/3O93LBunzqNHn19+6PLnIoR1w9/jf/1Of8VYAAgzvFAeEbCwgAAAABJRU5ErkJggg==); }
        .feedback-panel__message--error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTg5YWJiNy04NTY5LTkwNDYtYjQ5YS04YzY4NWE0ODRlZjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkI3QThDQ0REOTMzMTFFNDg0NTI5MzlGODlDMDdERkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkI3QThDQ0NEOTMzMTFFNDg0NTI5MzlGODlDMDdERkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjJmNGE4ZjEtYmVkNi1hODQxLTg0NDMtZWExMjhiMTFkNTQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkxODlhYmI3LTg1NjktOTA0Ni1iNDlhLThjNjg1YTQ4NGVmNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvyQbLMAAAH0SURBVHjapFO7TgJBFL2zC7sgyMMgtjYWkGhjTJDGxEJ+wlosKP0Dbay1ofcn5AO0MMbEGChsjI3RKAGyPhZY1nOGwaCFMXGSk707c859zL2jDvLyc20BFaAMFMxeCzgDToHGNDkyZS8CNaC6lnKTeceWdMTSB93hqPTUD0oXPX8Hv3XgGLjjmb2Z+BLvr6bc3Y1s3Mk7EXFtS0LjOQZ7Hg6LScdxLVV+8IMctq+AziSDGsTbxYQjwzAUfxTKAOrAHNpwFVVIFyAHa/uy5z/iu2eZmqtLM9GxGEIPDnpBKJ3hSIM293hGDrnUUEsHFdYcUQqHIu9G3IbwGWkQbeOEZ+SQSw21LKHMCxvBYNo+jFeQu1owLiFuLsOF0EUZjE8NtXRQ4G2HSI01rzc9+W1dL89qrulQwZJ/LmbQYp/TUVvf9nkxqWv+VgLCpG0lc4iawlehlO5A96jFDM4wJEKDrXJhJECiIGtAm3s8I4dcaqilfYoJ89ge9jluKR2F0XJgE5PIPCOHXGqotcxs12/fBro9vOWkcZKBMGPE3HPVuIXkmpFuTCbxGJO1wAnjkGBcdat421ysmZEYufnaF3BPzHv4egsdzjZmPLjx+itw4DDVGByp8WOS+4+hNF7ePXCOsHU4eUzTr5Ebe0wL9f35OX8KMACWoN9NKNcdqwAAAABJRU5ErkJggg==); }
        .feedback-panel__message--general { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTg5YWJiNy04NTY5LTkwNDYtYjQ5YS04YzY4NWE0ODRlZjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkY0Q0U5MTFEOTMzMTFFNDgyNjk4NjYzM0JDQzJDOUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkY0Q0U5MTBEOTMzMTFFNDgyNjk4NjYzM0JDQzJDOUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmUwOGQzYjAtYmY2NS00YTQ2LWFhMjktYThmMmM1NDg4MmY4IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NTE2ZjQyYmItZDkyZi0xMWU0LWFhNGMtZmVkNjgwODQ2MGI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+skBJUAAAAi5JREFUeNqkUzFrU1EU/u59973X2Neq2FaKIEWMkg4FtYsdOokdBJeCS39AHfwJghUHcdaluIlT0cXN4uQgCGpdNBgdQoaqRWhqo2mavHc938lLCXHTwAc393zfued85zyDK3cx8LssWBDMCUr5XVnwSvBcsN5PNn0JpgQ3BMvx1IUkSCZgDx3WQPZ7B2ljC63q24b8XRU8EFQZC3DmUk98Jz557nqhOB+5kXHYMAZ8JtceNiogSMYQTU5HxkVz6c63MQlsCOq9BDcpjiZZsYjSNtDZE+x3z1lHE8FauNHjMIGbkSQp27F5z8vhRFEe7KjIt37B7/1E1qwreOadxoRDLjXUMsECezZBoC/5dlMFxZE2Hi2dUvCsSSRGDrnUUOvoNg2D9welnz1q8O7W/IHTi7MncP72S1R2pS0XiXMRVCNaVlCi256GZRl82sHK1dODo9U7xpQj3HxCJYv//DFBmXM2xqrL4jBWnn35uwK5Y0w5wqWGWo5xWsq5yDnrqMSLH40WnryuYTxxKG/uYunhe1S2PUw0DBMOaaLOdg1p/esaN5FjfJrMXktkL7ujottipvbMdeXLToRhoWuivNN4s8atXLT5bq+2tz7DWKcEE8tLQ6OwhSMKnnmnMeGQm6/0em8TK1xPblgwfAzGhfJqKOMKuyIXd6vIPNrfP6FV23gsmnv9q1znbnM99zc/zJgwpkp6lpKNUcPYc/Pji4Zw7ufi6uDX+E+f8x8BBgBRJOmXDcyrIwAAAABJRU5ErkJggg==); }
    
    .feedback-panel__close {
        float: right;
        cursor: pointer;       
        text-indent: -10000px;
        width: 20px;
        height: 20px;
        border-radius: 4px;
        background: #0486c4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpi/P//PwMlgIkMPWK4DEgAYpBz2vFojgbiC0AcDxcBeQGK//1HgKlAzIgkB8IZQPwcKv8CJo6swPY/KpiCJJeNpPklEFthMwCEXdEM6QLiRiQ+SLMTsh50A0DY7z9u4IWuHpsBMP+igwxsanFFIzuRYlhdEInHC5GEvBAKDSgYaIQGJHIghuIyIBBJ83No1MHkGtCiMRCbAcia0QMMlKja0AzBMCAeiJ8BcQiOmAHhUqgh8TAxxoHIjSgAIMAAq64n8PWvVy8AAAAASUVORK5CYII=) no-repeat center center;
        }

/* ============================================================================ */
/* FORMATTING STYLES                                                            */
/* ============================================================================ */

.right { float: right!important; }
.left { float: left!important; }
.block-formatting-context { overflow: auto!important; } /* stackoverflow.com/questions/1260122/expand-div-to-take-remaining-width?lq=1 */
.text-right { text-align: right!important; }
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.block { display: block!important; }
.inline { display: inline!important; }
.inline-bottom { display: inline!important; vertical-align: bottom!important; }
.inline-block, .iblock { display: inline-block!important; }
.hidden { display: none!important; }
.line-through { text-decoration: line-through; }

.margin-0  { margin:  0px!important; } .margin-top-0  { margin-top:  0px!important; } .margin-right-0  { margin-right:  0px!important; } .margin-bottom-0  { margin-bottom:  0px!important; } .margin-left-0  { margin-left:  0px!important; }
.margin-5  { margin:  5px!important; } .margin-top-5  { margin-top:  5px!important; } .margin-right-5  { margin-right:  5px!important; } .margin-bottom-5  { margin-bottom:  5px!important; } .margin-left-5  { margin-left:  5px!important; }
.margin-10 { margin: 10px!important; } .margin-top-10 { margin-top: 10px!important; } .margin-right-10 { margin-right: 10px!important; } .margin-bottom-10 { margin-bottom: 10px!important; } .margin-left-10 { margin-left: 10px!important; }
.margin-15 { margin: 15px!important; } .margin-top-15 { margin-top: 15px!important; } .margin-right-15 { margin-right: 15px!important; } .margin-bottom-15 { margin-bottom: 15px!important; } .margin-left-15 { margin-left: 15px!important; }
.margin-20 { margin: 20px!important; } .margin-top-20 { margin-top: 20px!important; } .margin-right-20 { margin-right: 20px!important; } .margin-bottom-20 { margin-bottom: 20px!important; } .margin-left-20 { margin-left: 20px!important; }
.margin-25 { margin: 25px!important; } .margin-top-25 { margin-top: 25px!important; } .margin-right-25 { margin-right: 25px!important; } .margin-bottom-25 { margin-bottom: 25px!important; } .margin-left-25 { margin-left: 25px!important; }
.margin-35 { margin: 35px!important; } .margin-top-35 { margin-top: 35px!important; } .margin-right-35 { margin-right: 35px!important; } .margin-bottom-35 { margin-bottom: 35px!important; } .margin-left-35 { margin-left: 35px!important; }
.margin-70 { margin: 70px!important; } .margin-top-70 { margin-top: 70px!important; } .margin-right-70 { margin-right: 70px!important; } .margin-bottom-70 { margin-bottom: 70px!important; } .margin-left-70 { margin-left: 70px!important; }

.padding-none { padding: 0px!important; }
.padding-5  { padding:  5px!important; } .padding-top-5  { padding-top:  5px!important; } .padding-right-5  { padding-right:  5px!important; } .padding-bottom-5  { padding-bottom:  5px!important; } .padding-left-10 { padding-left: 10px!important; }
.padding-10 { padding: 10px!important; } .padding-top-10 { padding-top: 10px!important; } .padding-right-10 { padding-right: 10px!important; } .padding-bottom-10 { padding-bottom: 10px!important; } .padding-left-10 { padding-left: 10px!important; }
.padding-15 { padding: 15px!important; } .padding-top-15 { padding-top: 15px!important; } .padding-right-15 { padding-right: 15px!important; } .padding-bottom-15 { padding-bottom: 15px!important; } .padding-left-15 { padding-left: 15px!important; }
.padding-20 { padding: 20px!important; } .padding-top-20 { padding-top: 20px!important; } .padding-right-20 { padding-right: 20px!important; } .padding-bottom-20 { padding-bottom: 20px!important; } .padding-left-20 { padding-left: 20px!important; }
.padding-25 { padding: 25px!important; } .padding-top-25 { padding-top: 25px!important; } .padding-right-25 { padding-right: 25px!important; } .padding-bottom-25 { padding-bottom: 25px!important; } .padding-left-25 { padding-left: 25px!important; }
.padding-30 { padding: 30px!important; } .padding-top-30 { padding-top: 30px!important; } .padding-right-30 { padding-right: 30px!important; } .padding-bottom-30 { padding-bottom: 30px!important; } .padding-left-30 { padding-left: 30px!important; }
.padding-35 { padding: 35px!important; } .padding-top-35 { padding-top: 35px!important; } .padding-right-35 { padding-right: 35px!important; } .padding-bottom-35 { padding-bottom: 35px!important; } .padding-left-35 { padding-left: 35px!important; }
.padding-50 { padding: 50px!important; } .padding-top-50 { padding-top: 50px!important; } .padding-right-50 { padding-right: 50px!important; } .padding-bottom-50 { padding-bottom: 50px!important; } .padding-left-50 { padding-left: 50px!important; }


/* ============================================================================ */
/* CREDIT CARD IMAGES                                                           */
/* ============================================================================ */
.delta,
.mc,
.solo,
.switch-maestro,
.maestro,
.visa,
.visadebit,
.visa-electron { padding-right: 51px; background-repeat: no-repeat; background-position:right; }

.delta { background-image: url(/common/images/cards/delta.png); }
.mc { background-image: url(/common/images/cards/mastercard.png); }
.solo { background-image: url(/common/images/cards/solo.png); }

.maestro,
.switch-maestro { background-image: url(/common/images/cards/maestro.png); }
.visa { background-image: url(/common/images/cards/visa.png); }
.visadebit { background-image: url(/common/images/cards/visa.png); }
.visa-electron { background-image: url(/common/images/cards/visa-electron.png); }