/*Card overrides*/
.ux-card.ux-badge-card .row.margin {
    height: auto;
}

/*Badges*/
.ux-badge {
    background-color: transparent;
    position: relative;
}

.ux-badge .ux-badge-graphic {
    font-weight: bold;
    background-color: #CCCCCC;
    height: 83px;
    background-repeat: no-repeat;
    background-position: top right;
    width: 83px;
    box-sizing: border-box;
    padding-left: 0;
    margin: 10px -6px 16px 10px;
}

.ux-badge .ux-badge-graphic .offer-copy {
    color: #FFFFFF;
    display: block;
    width: 82px;
    height: 69px;
    white-space: normal;
    text-align: center;
    font-size: 15pt !important;
    overflow: hidden;
    padding-top: 10px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

/* delete lines 43-69 after promo h2's converted to h3's */
.ux-badge H2, .ux-badge H3 {
    font-size: 13pt;
    line-height: normal;
    font-weight: normal;
    color: #000000;
    width: 196px;
    text-align: left;
    height: 61px;
    padding: 0px;
    margin: 0;
    text-align: left;
    white-space: normal;
    /*+placement: anchor-top-right 12px 30px;*/
    position: absolute;
    right: 12px;
    top: 30px;
}

.ux-badge H2 A, .ux-badge H3 A {
    word-wrap: break-word;
    display: block;
    /*[disabled]overflow:hidden;*/
    /*[disabled]width:auto;*/
    height: 64px;
    text-shadow: none;
    color: #333;
}

/* formatting for titles and offer copy -pete */
P.card-promo-p {
    margin-left: 10px;
    width: 280px;
    color: #787878;
    font-size: 13px;
}

.offer-copy SPAN {
    font-size: 25px;
    font-size: 31 px\9;
    /* IE 8 and below */
    font-weight: bold \9;
    /* IE 8 and below */
    letter-spacing: -0.01em;
}

.offer-copy SPAN SUP {
    top: -0.20em;
}

DIV.image {
    margin-bottom: 8px;
}

.four-letter-emph {
    /* such as FREE, SAVE etc. can be used for 2-3 letter also */
    font-weight: 600;
    font-size: 30px !important;
}

.see {
    padding-top: 110px;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 36px;
}

P.p-see {
    text-align: center;
    padding-bottom: 115px;
}

/*Colors*/
.ux-badge-default-color .ux-badge-graphic {
    background-color: #EE3134 !important;
}

.ux-badge-inv-color .ux-badge-graphic {
    background-color: #EE3134;
}

.ux-badge-inv-color A, .ux-badge-inv-color A:link, .ux-badge-inv-color A:visited {
    color: #333;
}

.ux-badge-ab-color .ux-badge-graphic {
    background-color: #EE3134;
}

.ux-badge-ab-color A, .ux-badge-ab-color A:link, .ux-badge-ab-color A:visited {
    color: #333;
}

.ux-badge-gib-color .ux-badge-graphic {
    background-color: #EE3134;
}

.ux-badge-gib-color A, .ux-badge-gib-color A:link, .ux-badge-gib-color A:visited {
    color: #333;
}

.ux-badge-molc-color .ux-badge-graphic {
    background-color: #EE3134;
}

.ux-badge-molc-color A {
    color: #333;
}

.ux-badge-nov-color .ux-badge-graphic {
    background-color: #EE3134;
}

.ux-badge-nov-color A, .ux-badge-nov-color A:link, .ux-badge-nov-color A:visited {
    color: #333;
}

.ux-badge-amb-color .ux-badge-graphic {
    background-color: #EE3134;
}

.ux-badge-amb-color A, .ux-badge-amb-color A:link, .ux-badge-amb-color A:visited {
    color: #333;
}

.ux-badge-ion-color .ux-badge-graphic {
    background-color: #EE3134;
}

.ux-badge-ion-color A {
    color: #333;
}

/* font */
.source-sans-pro {
}

.wt7 {
    font-weight: 700;
}

.wt6 {
    font-weight: 600;
}

/* there is no 500 weight */
.wt4 {
    font-weight: 400;
}

.wt3 {
    font-weight: 300;
}

.wt2 {
    font-weight: 200;
}