/* Key: */
/* GLOBAL CLASSES */
/* HELPERS */
/* ADDRESS BOOK */
/* EDIT ADDRESS MODAL */
/* AUTOSHIP MANAGER */
/* Your Orders */
/* YOUR ACCOUNT */
/* login */

/* RESET */
.ui-widget-content a {
    color: #005daa;
}

.ui-widget-content .frequencyLink {
    color: #900;
    text-decoration: underline;
}

a:hover {
    cursor: pointer;
}

/* GLOBAL CLASSES */
.left {
    float: left;
}

.v-align-middle {
    vertical-align: middle;
}

.width-auto {
    width: auto;
}

.width-full {
    width: 100%;
}

.productRow {
    margin-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
}

.leftActions {
    float: left;
    width: 200px;
    margin-top: 37px;
}

.leftActions ul {
    margin-top: 0;
    list-style: none;
}

.leftActions .systemMsg {
    margin-left: -5px;
}

.leftActions li div {
    margin-left: 10px;
}

.leftActions ul li {
    margin-bottom: 4px;
    word-break: break-word;
}

.productDisplay ul {
    list-style: none;
    padding-left: 0;
    padding-right: 10px;
    margin: 0;
}

.productDisplay ul li {
    margin-top: 15px;
    float: left;
    width: 100%;
    display: block;
    clear: both;
}

.dialog .productDisplay ul li {}

.productDisplay ul li img.product {
    margin-right: 15px;
    float: left;
}

.productDisplay {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    padding-left: 20px;
    border-left: 1px solid #d9d9d9;
    width: 70%;
}

.productDisplay .totals {
    display: inline-block;
    padding-right: 20px;
    padding-top: 5px;
    border-top: 1px solid #d9d9d9;
    clear: both;
    margin-top: 15px;
}

.sp-modal-content .productDisplay {
    padding-left: 0;
    margin-left: 0;
}

.orderTitle {
    font-size: 16px;
}

.orderTitle .expandingLink {
    font-size: 75%;
}

.orderDeatils td {
    width: 75px;
    text-align: right;
}

.orderDeatils td.first {
    width: 85px;
    text-align: left;
}

/* MY ACCT HUB PAGE */
.accountContent .two3rds {
    width: 75%;
}

#accountList.accountContent {
    float: none;
    width: 100%;
}

.acctHubBlock {
    border: 1px solid #c5c5c5;
    width: 206px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 3px 3px 10px -2px;
}

.acctHubBlock:nth-child(1) {
    margin-left: 0px;
}

.blockRow {
    margin-top: 35px;
}

.acctHubBlock .blockHead {
    font-size: 17px;
    background: #036;
    border-radius: 10px 10px 0 0;
    color: #fff;
}

.acctHubBlock ul {
    list-style: none;
}

.acctFreeShip {
    background: #79be3f;
    color: #fff;
    border-radius: 0 0 10px 10px;
}

.acctHubBlock a {
    display: block;
    margin-bottom: 8px;
}

.acctHubBlock.doubleBlock {
    width: 445px;
}

.doubleBoxInner {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

#accountList.accountContent .changeUpTo {
    float: none;
    margin-right: 4px;
}

#accountList.accountContent .deliveryGroup {
    float: none;
    margin-left: 100px;
}

/* ADDRESS BOOK */
.address-list {
    border-top: 0.1rem solid #CACACA;
}

.address-row {
    margin: 0;
    padding-top: 1.2rem;
    border-bottom: 0.1rem solid #CACACA;
}

.address-row .note {
    width: 100%;
}

.reverse-link:hover {
    text-decoration: none;
}

.address-row .page-alert {
    box-sizing: border-box;
    width: calc(100% + 0.4rem);
    margin-top: 1rem;
}

@media only screen and (min-width: 768px) {
    .address-row {
        padding-top: 2rem;
    }

    .address-row .page-alert {
        margin-top: 1.6rem;
    }
}

@media only screen and (min-width: 1200px) {
    .address-row {
        padding-top: 2.4rem;
    }

    .address-row .page-alert {
        margin-top: 2rem;
    }
}

.default-address {
    display: block;
    margin-bottom: 0.8rem;
}

.addressbook-wrapper .edit-link {
    display: block;
    margin: 0 0 2.4rem;
    text-decoration: none;
}

.addressbook-wrapper .indicator.icon {
    position: relative;
    display: inline-block;
    border-radius: 100%;
    fill: #FFF;
    vertical-align: middle;
    transform: translate3d(0, -0.1rem, 0);
}

.addressbook-wrapper .indicator.icon {
    width: 1.4rem;
    height: 1.4rem;
    padding: 0.4rem 0.5rem 0.5rem;
    background: #014195;
}

.addressbook-wrapper .icon[data-iconoffset] svg {
    height: 1.9rem;
}

#addressBookWrapper {
    min-height: 400px;
}

.addressRow {
    border-bottom: 1px solid #ddd;
    margin: 5px 0;
    padding: 0;
    padding-left: 0;
    float: left;
    width: 100%;
    margin-bottom: 1.2rem;
}

@media only screen and (min-width: 980px) {
    .addressRow {
        padding: 1.2rem 1.2rem 1.2rem 0;
    }
}

.addressRow:last-of-type {
    padding-bottom: 20px;
}

.addressLeft {
    float: left;
    width: 75%;
}

.addressRight .BlueButton {
    margin-top: 20px;
}

.addressActions {
    margin: 1.2rem 0;
}

.addressActions .button:not([data-display='link']),
.addressActions .button:not([data-display='link'])+.button {
    margin: 0 8px 5px 0;
}

.defaultAddress {
    color: #666;
    display: block;
    margin-bottom: 5px;
}

.barnShipDay {
    margin-bottom: 4px;
}

.note.cantdothat {
    display: inline-block;
    width: 390px;
    margin-top: 5px;
}

.special-instructions textarea {
    min-height: 100px;
}

/* EDIT ADDRESS */
.editBlock {
    margin-bottom: 10px;
}

.editBlock .left {
    margin-right: 40px;
}

.editBlock label.optional:after {
    content: '(optional)';
    font-style: italic;
    font-weight: lighter;
}

.editBlock select {
    padding: 1px;
    margin-top: 1px;
}

.editBlock input.noBottomMargin {
    margin-bottom: 0;
}

.editBlock input[type='text']#PostalCode {
    width: 88px;
}

.editBlock .barnCheck label {
    color: #555;
    font-size: 12px;
    font-weight: normal;
}

.editBlock input#IsBarn:checked~label {
    background: #faffa7;
    color: #333;
    font-weight: bold;
    padding-right: 15px;
}

.editBlock input:focus,
.editBlock textarea:focus {
    background: #efefef;
}

#BarnManagerInfo {
    display: none;
}

.barnCheck {
    display: inline-block;
    width: 100%;
}

img.barnIcon {
    vertical-align: text-bottom;
}

.FindYourBarnLink {
    float: left;
    font-size: 12px;
    margin-top: 2px;
    margin-left: 18px;
}

.note {
    font-size: 1.2rem;
    line-height: 1.5;
}

.required {
    color: #8e0505;
}

.buttonWrap {
    text-align: right;
    width: 100%;
}

.buttonWrap a {
    color: #555;
    display: inline-block;
    line-height: 25px;
}

/* AUTOSHIP MANAGER */

.snoozeBanner {
    border: 2px solid #f60;
}

.autoShipAddress {
    margin: 2px 0;
}

.emptyATSM li {
    margin-top: 4px;
}

.snoozeDaysList {
    margin-right: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.snoozeWeek {
    display: block;
}

.snoozeDate {
    font-size: 14px;
    font-weight: normal;
}

.snoozeDaysList>a {
    flex-grow: 1;
    padding: 4px 12px;
    font-weight: bold;
    margin: 8px;
    border: 2px solid #6e6e6e;
    border-radius: 4px;
    background: transparent;
    color: #6e6e6e;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    *display: inline;
    *zoom: 1;
}

@media only screen and (min-width: 980px) {
    /* .snoozeDaysList > a {
        width: auto;
        margin: 8px 0;
    } */
}

.snoozeDaysList>a:hover {
    text-decoration: none;
    background: #eaeaea;
    color: #000000;
}

.snoozeDaysList>a:active {
    background: var(--blue);
}

.snoozeButtons h5 {
    width: 100%;
    margin-bottom: 5px;
}

.snoozeButtons button {
    width: 110px;
    margin-right: 2px;
}

.snoozeButtons {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.reminderMessage {
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

.ui-datepicker-trigger {
    line-height: 30px;
    margin-left: 2px;
    vertical-align: top;
    cursor: pointer;
    width: 22px;
}

.barn.note {
    margin-bottom: 5px;
}

.supplyShipForm {
    margin: 20px 0;
}

#nonBarnSaverShipDayWarning {
    margin: 5px 0;
}

.amPm {
    background: #dfdfdf;
    color: #888;
    font-weight: bold;
    margin-left: 2px;
    padding: 2px 5px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.costDetails,
.subTotalDetails {
    cursor: pointer;
}



.subTotal a.costDetails,
.atsBorder .subTotalDetails {
    color: #07529e;
}

.heading {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    color: #888;
}

.itemRow td {
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0;
}

td.dogProductName {
    padding-right: 20px;
}

.itemRow td a.YellowButton {
    margin-left: 10px;
}

.atsStatusBlock {
    width: 150px;
    margin: 0 auto;
    cursor: pointer;
    border: 2px solid #06c;
    border-radius: 13px;
    margin-bottom: 15px;
    position: relative;
}

.atsStatusBlock:not(.dimStatusBtn)::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(0, 17px);
    content: '';
    display: block;
    width: 2px;
    height: 15px;
    background-color: #06c;
    z-index: 0;
}

.atsStatusLabel {
    text-transform: uppercase;
    background: #06c;
    color: #fff;
    border-radius: 10px 10px 0 0;
    letter-spacing: 1px;
}

.atsBorder {
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff;
}

.atsLayout {
    display: flex;
}

.atsLayout>div:first-of-type {
    width: 40%;
}

.atsLayout .atsDetailsContainer {
    flex-grow: 1;
}

.atsDetailsContainer {
    border-left: 1px solid #ddd;
    background: #f7f7f4;
    border-radius: 0 10px 10px 0;
}

.asIcon {
    display: inline-block;
    width: 30px;
    height: 20px;
    top: 5px;
    position: relative;
    background: url('/images/checkout-sprite.png') no-repeat;
    background-position: -9px -110px;
}

.dimStatusBtn {
    border: 2px solid #ddd;
}

.dimStatusBtn .atsStatusLabel {
    background: #ddd;
    color: #06c;
}

.inline {
    display: inline-block;
}

.formRow select.manageOrder {
    font-size: 15px;
    border-radius: 10px;
    height: 38px;
    width: 357px;
    max-width: 100%;
    background: #0551a5;
    color: #fff;
    border: 2px solid #0551a5 !important;
}

.optionsBtn {
    float: left;
    width: 100%;
}

.nextOrderBtn {
    border-radius: 10px;
    display: block;
}

.atsIcons {
    background: url('/images/views/autoshipmanager/smartpakDetailIcons.png');
    width: 25px;
    height: 25px;
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -12px;
}

.editIcon {
    background-position: -25px -26px;
    background-size: 100px;
}

.greenCheckIcon {
    background-position: -25px 24px;
    background-size: 100px;
}

.greyCheckIcon {
    background-position: -25px 49px;
    background-size: 100px;
}

.alertIcon {
    background-position: -25px 0px;
    background-size: 100px;
}

.greenCheck {
    color: #0a9e2b;
}

.atsMobile .image_edit {
    bottom: 0px;
}

.centerLine {
    margin-bottom: -10px;
    position: relative;
    top: -1px;
}

.rightStatus {
    margin-top: -21px;
}

.mainAtsDetails {
    border: 2px solid #06c;
    position: relative;
}

.perksColor {
    color: #1e7c19;
}

.capitalize {
    text-transform: uppercase;
}

a.atsNoLinkLine {
    text-decoration: none;
}

.freeShipImg {
    display: inline-block;
}

.freeShipImg img {
    width: 120px;
    position: relative;
    top: 5px;
}

.clockText {
    color: #d9891f;
}

.emptyATSM .atsTitle {
    display: flex;
    align-items: center;
    font-size: 40px;
    color: #0551a5;
    font-weight: 700;
}

.emptyATSM .underTitle {
    font-size: 25px;
    color: #0551a5;
    font-weight: 700;
    position: relative;
    top: -10px;
}

.emptyATSM .bucketCopy {
    display: flex;
}

.emptyATSM .bucketCopy .BlueButton {
    border-radius: 8px;
    width: 100%;
    max-width: 400px;
    text-align: center;
    box-sizing: border-box;
    display: block;
}

.emptyATSM .learnMore {
    text-align: center;
}

.emptyATSM .autoshipCopy {
    line-height: 2;
}

@media (max-width: 480px) {
    .emptyATSM .atsTitle {
        font-size: 20px;
    }

    .emptyATSM .atsTitle>img {
        width: 120px;
    }

    .emptyATSM .underTitle {
        font-size: 13px;
        top: -5px;
    }

    .emptyATSM .bucketCopy .pll {
        padding-left: 0px !important;
    }

    .emptyATSM .bucketCopy .BlueButton {
        margin: 10px 0;
    }

    .emptyATSM .learnMore {
        margin-bottom: 10px;
    }

    .atsMobile {
        width: 94%;
        margin-bottom: 0 !important;
        padding: 10px !important;
        border-bottom: 1px solid #ddd;
        box-shadow: 0px 7px 5px #ddd;
    }

    .removeBottomCushion {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .atsDetailsContainer {
        border-radius: 0;
        border-bottom: 1px solid #ddd;
        padding: 10px !important;
    }

    .atsStatusBlock {
        width: 90%;
    }

    .col {
        margin-bottom: 0 !important;
    }

    .atsMobile .image_edit {
        left: 55px;
    }

    .atsMobile .profileImage {
        margin-left: 0;
        width: 75px;
        max-height: 75px;
    }

    .atsMobile .profileImage img {
        width: 75px;
    }

    .formRow.atsBorder {
        margin-bottom: 30px;
    }

    .atsLayout {
        display: block;
    }

    .atsLayout>div:first-of-type {
        width: auto;
    }

    .freeShipImg {
        display: block;
    }

    .freeShipImg img {
        width: auto;
        top: 0;
    }

    #statusContainer {
        margin-top: 15px;
    }
}

/* YOUR ORDERS */
.emptyYourOrders {
    width: 860px;
}

.emptyYourOrders ol li {
    margin-bottom: 5px;
}

.productDisplay.tracking {
    border-left: none;
    float: none;
    margin-top: 0;
}

.dialog .productDisplay.tracking {
    width: 100%;
    margin: 0;
    padding: 0;
}

.dateRange {
    float: right;
    margin: 10px;
    padding-right: 10px;
}

.dateRangeBar {
    padding: 3px 10px 0px 10px;
    display: block;
    background: #e9f1fe;
    border: 1px solid #c9d0e0;
    margin-bottom: 10px;
    font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#dropLabel {
    font-weight: bold;
    padding-left: 8px;
}

#showMeDrop {
    padding-top: 5px;
}

.productDisplay.tracking div.left {
    width: 350px;
}

.trackingNumber {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.orderHistoryAccountName {
    display: block;
    padding-top: 10px;
    clear: both;
}

.orderHistory .leftActions {
    margin-top: 25px;
}

.orderHistoryBottomBorder {
    border-bottom: 1px solid #d9d9d9;
}

.orangeBorder {
    border: 3px solid #f60;
    margin: 24px;
}

.redBorder {
    border: 3px solid #900;
}

.closeBackOrder {
    border: 1px solid #000;
    line-height: 10px;
    background: #ddd;
    position: relative;
    top: -10px;
    left: 10px;
    cursor: pointer;
}

.requiredActions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.backOrderActionSize {
    font-size: 20px;
}

.backOrderArrow {
    font-size: 45px;
}

.backOrderMobile {
    background: #900;
}

.backOrderMobile a {
    color: #fff;
}

/* YOUR ACCOUNT */
.systemMsg.minus.accountAlert {
    margin: 10px 0px;
}

.leftsidebar {
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 185px;
}

.leftsidebar .YellowButton {
    padding: 6px !important;
    margin-bottom: 10px;
}

.accountContent {
    float: left;
    padding: 0px 10px;
}

.customerProfile h2,
.accountContent h2,
.accountList h2 {
    background: #ebebeb;
    border: 1px solid #c5c5c5;
    padding: 2px 10px;
    margin-top: 0;
    position: relative;
}

.customerProfile h2 a,
.accountContent h2 a {
    font-size: 60%;
    font-weight: normal;
}

.customerProfile h2 span.downArrow,
.accountContent h2 span.downArrow {
    background: url('/images//04_Account/account_arrow_sprite.png') no-repeat 0 -6px;
    bottom: -6px;
    display: inline-block;
    height: 6px;
    left: 10px;
    position: absolute;
    width: 12px;
}

span.activeSmartPakIcon {
    background: url('/images//04_Account/account_arrow_sprite.png') no-repeat 0 -12px;
    display: inline-block;
    height: 11px;
    width: 30px;
}

span.inactiveSmartPakIcon {
    background: url('/images//04_Account/account_arrow_sprite.png') no-repeat 0 -23px;
    display: inline-block;
    height: 11px;
    width: 30px;
}

.animalRow {
    width: 400px;
    float: left;
}

.animalRow .formRow {
    height: 104px;
}

.animalRow .animalDetails {
    background: #ddd;
    border-top: 1px solid #333;
    border-radius: 0 0 10px 10px;
    height: 38px;
    width: calc(100% - 24px);
    position: relative;
    left: -8px;
    top: 8px;
    font-size: 1.2rem;
    line-height: 1.5;
}

strong.animalName {
    display: inline-block;
    font-size: 17px;
    width: 380px;
    word-wrap: break-word;
}

.addNewImg {
    position: relative;
    top: 12px;
}

span.basicAnimalInfo,
.colicareBadge {
    font-size: 95%;
    color: #777;
}

.expandArrow {
    width: 13px;
    height: 11px;
    cursor: pointer;
    display: inline-block;
    float: right;
}

.expandSmartPak .expandArrow {
    background: url('/images//04_Account/expand_collapse_arrow.png') no-repeat 0 -11px;
}

.contractSmartPak .expandArrow {
    background: url('/images//04_Account/expand_collapse_arrow.png') no-repeat 0 0;
}

.colicareBadge span {
    background: url('/images//04_Account/account_arrow_sprite.png') no-repeat -17px 0px;
    height: 11px;
    width: 15px;
    display: inline-block;
}

/*CUSTOMER PROFILE*/
.customerName {
    font-size: 13px;
    font-weight: bold;
    line-height: 100%;
}

.CustomerProfileName {
    float: right;
    width: 120px;
    word-wrap: break-word;
}

/* edit animal modal*/
.editAnimalRow {
    padding-bottom: 15px;
}

.editAnimalRow label {
    display: inline-block;
    min-width: 28%;
}

.editAnimalRow .edit_input span {
    color: #888;
    font-size: 88%;
}

.disableEditMessage {
    margin-bottom: 10px;
}

.animalImage {
    max-width: 90px;
    min-width: 90px;
}

.sp-modal .animalImage {
    float: left;
    padding-right: 20px;
}

.userImage {
    max-width: 60px;
    min-width: 60px;
}

.customerImage>span {
    display: block;
    overflow: hidden;
    max-height: 60px;
}

#nameImageWrap {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
}

.profileImage {
    float: left;
    margin-right: 10px;
    position: relative;
    width: 90px;
    max-height: 90px;
    overflow: hidden;
}

.profileImage>span {
    display: block;
    overflow: hidden;
    max-height: 90px;
}

.image_edit {
    background: url('/images/04_Account/account_arrow_sprite.png') no-repeat scroll -15px -11px white;
    border: 1px solid #dddddd;
    display: inline-block;
    height: 18px;
    left: 70px;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    width: 18px;
}

.customerProfile div.customerImage {
    position: relative;
    float: left;
    width: 60px;
    margin-right: 10px;
    margin-bottom: 0;
    height: 65px;
}

.customerProfile .YellowButton {
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: baseline;
}

.customerProfile .image_edit {
    left: 45px;
    top: 45px;
}

.badgeWrapper {
    float: right;
}

.accountBadge {
    background: url('/images/04_Account/account_arrow_sprite.png') no-repeat scroll 0 0 white;
    cursor: pointer;
    float: left;
    height: 46px;
    margin-left: 10px;
    width: 46px;
}

.smartPakBadge {
    background-position: 0 -76px;
}

.smartPakBadge.active {
    background-position: 0 -29px;
}

.coliCareBadge {
    background-position: -46px -76px;
}

.coliCareBadge.active {
    background-position: -46px -29px;
}

.wizardBadge {
    background-position: -92px -76px;
}

.wizardBadge.active {
    background-position: -92px -29px;
}

#horse_name_sel {
    padding: 4px;
    font-size: 15px;
    margin-right: 10px;
    width: 200px;
}

.profileBadge {
    background-position: -138px -76px;
}

.profileBadge.active {
    background-position: -138px -29px;
}

.profileBadge>span {
    color: white;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    margin-top: 33px;
    text-align: center;
    width: 100%;
}

.accountBadge.profileBadge.active>span {
    display: none;
}

.canineSmartPakBadge {
    background-position: -230px -76px;
}

.canineSmartPakBadge.active {
    background-position: -230px -29px;
}

.portionPakBadge {
    background-position: -184px -76px;
}

.portionPakBadge.active {
    background-position: -184px -29px;
}

.accountBadge a {
    display: block;
    height: 100%;
    width: 100%;
}

.didYouKnow {
    color: #888888;
    margin-right: 13px;
    padding: 5px 10px;
}

.didYouKnow h4 {
    padding-left: 30px;
    background: url('/images/04_Account/didyouknow.png') no-repeat scroll 0 0;
}

#fileProfileImage {
    margin-bottom: 10px;
}

.validation-summary-errors ul {
    list-style: none outside none;
    padding: 2px 10px;
}

input[id^='txtOrganizationId'] {
    margin-left: 29px;
}

.customizeSection {
    float: left;
    padding: 28px 0 28px 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.customizeSection::after {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #ccc;
    content: '';
}

.sectionBorder {
    border-bottom: 1px solid #ccc;
}

.horseAttributes {
    margin-left: 15%;
    list-style: none;
    padding: 0;
}

.addDetails {
    margin: 0 0 1% 10%;
}

/*Order history and ATSM display in main my account page*/
.accountContent .emptyYourOrders {
    width: auto;
}

.smartPakActions ul li {
    margin-bottom: 4px;
    margin-top: 0;
}

.autoShipOrders ul li .left {
    width: 200px;
}

div.accountContent .productRow.orderHistory {
    width: 100%;

    padding-bottom: 40px;
    position: relative;
}

div.accountContent .leftActions {
    width: 130px;
    float: left;
    margin-top: 15px;
}

div.accountContent .orderHistory .leftActions {
    width: 200px;
}

div.accountContent .leftActions ul {
    margin: 0;
    padding-left: 10px;
}

div.accountContent .leftActions .systemMsg {
    display: inline;
}

.accountContent ul li .left {
    width: 170px;
}

div.accountContent .leftActions ul li:after {
    margin-left: 2px;
}

div.accountContent .productDisplay {
    margin-left: 0;
    float: right;
    width: 245px;
}

.accountContent .dateRangeBar {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 0;
}

.deliveryGroup {
    float: right;
    width: 409px;
    margin-top: 10px;
}

.accountMessageWrap {
    width: 100%;
    background: #efefef;
    float: left;
    margin-top: 20px;
    clear: both;
}

.accountMessage {
    padding: 5px;
    color: #666;
}

.calIcon {
    background: url('/images/04_Account/account_arrow_sprite.png') no-repeat scroll 0 -12px white;
    display: inline-block;
    height: 15px;
    width: 15px;
}

#progressbar {
    background: url('/images/04_Account/progress_bg.jpg') repeat scroll 0 14px #dddddd;
    border: 1px solid #005daa;
    border-radius: 5px 5px 5px 5px;
    padding: 0;
    position: relative;
    margin-top: 5px;
}

#progressbar #bluePercent {
    background: url('/images/04_Account/progress_bg.jpg') repeat scroll 0 0 #005daa;
    width: 0%;
    /* Adjust with JavaScript */
    height: 14px;
    margin-bottom: 0;
}

#bluePercent #horsePercent {
    background: url('/images/04_Account/account_arrow_sprite.png') no-repeat scroll -36px -4px transparent;
    height: 25px;
    position: absolute;
    left: 10px;
    top: -4px;
    width: 44px;
}

.qq-uploader {
    margin-bottom: 10px;
}

.qq-upload-button input[type='file'] {
    margin-top: 20px;
}

#animalProfileImageUploadEdit {
    display: none;
}

.changeUpTo {
    float: left;
    clear: both;
}

.suggestions {
    border-top: 1px solid #dddddd;
    margin-top: 10px;
    padding-top: 10px;
}

#myaccount_rr li {
    width: 25%;
}

#myaccount_rr li a {
    display: block;
    width: 100%;
}

.pakContentSlider {
    min-width: 100%;
}

.discountMsg {
    color: #999;
    font-style: italic;
    padding-left: 3px;
    font-size: 11px;
    display: block;
}

.shipWidth br {
    display: block;
}

.cardDisplay {
    background: url('/images/views/billinginfo/credit_cards_accepted_new.png') no-repeat 43px 0;
    display: inline-block;
    width: 43px;
    height: 26px;
    margin-top: 5px;
    background-size: 221px 26px;
}

.cardDisplay.Visa {
    background-position: 0 0;
}

.cardDisplay.MasterCard {
    background-position: -43px 0;
}

.cardDisplay.AmericanExpress {
    background-position: -86px 0;
}

.cardDisplay.Discover {
    background-position: -129px 0;
}

.cardDisplay.PayPal {
    background-position: -177px 0;
}

.uploadHorsePic {
    width: 98%;
    position: relative;
    top: -8px;
    background: #06529e;
    padding: 3px 3px 3px 15px;
    margin-left: 11px;
    color: #fff;
}

.uploadHorsePic img {
    width: 46px;
    height: 46px;
    position: relative;
    top: 10px;
}

#uploadArrow {
    top: 17px;
}

.uploadHorsePic span {
    position: relative;
    top: -15px;
    display: inline;
    margin: 0 0 0 1%;
    font-size: 19px;
    vertical-align: text-top;
    letter-spacing: 0.5px;
}

/* UPDATE BILLING PAGE */

h3.editHead {
    margin-bottom: 20px;
    border-bottom: 1px solid #cecece;
}

.billingIndent {
    margin-left: 10px;
}

.billingAlertIndent {
    margin: 30px 250px 30px 100px;
    position: relative;
}

.sectionContainer {
    display: flex;
}

.billingInfoContainer {
    display: flex;
    justify-content: start;
    width: 90%;
}

.cardContainer {
    border: 1px solid #ececec;
    box-shadow: 0px 2px 5px 0px rgba(236, 236, 236, 1);
    border-radius: 8px;
    width: 352px;
    margin: 5px 25px 20px 0;
}

.cardHeader {
    background-color: #0071cf;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2.33px;
    border-radius: 8px 8px 0 0;
    height: 46px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#streetAddress {
    margin: 16px 0;
}

#lineBreak {
    border-top: 1px solid #ececec;
    display: block;
    margin: 0 auto;
}

.editIconPencil {
    background: url('/images/views/billinginfo/editbillinginfoicon.png') no-repeat 0px 0;
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    margin: 0 5px 0 2px;
    cursor: pointer;
}

#profileContent .editContainer .editIconPencil {
    margin-right: 4px;
}

.editContainer {
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.editContainer a {
    font-size: 15px;
    color: #004b97;
}

.removeFloatOnMobile {
    float: none !important;
}

.billingLabel {
    font-size: 13px !important;
    font-weight: normal !important;
    margin: 0 0 5px 10px !important;
    display: block;
}

.largeInput {
    width: 75% !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 8px !important;
    margin: 0 0 8px 10px !important;
    height: 20px !important;
    color: #191919 !important;
    font-size: 14px !important;
    padding: 4px !important;
}

.mediumInput {
    width: 55% !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 8px !important;
    margin: 0 0 8px 10px !important;
    height: 20px !important;
    color: #191919 !important;
    font-size: 14px !important;
    padding: 4px !important;
}

.smallInput {
    width: 25% !important;
    height: 20px !important;
    border: 1px solid #c9c9c9 !important;
    border-radius: 8px !important;
    margin: 0 0 8px 10px !important;
    color: #191919;
    font-size: 14px;
    padding: 4px !important;
}

.selectInput {
    width: 78px !important;
    margin: 0 0 16px 10px !important;
    height: 28px !important;
    color: #191919 !important;
    background-color: #ffffff;
    border: 1px solid #c9c9c9 !important;
    font-size: 14px;
    background: url('/images/views/billinginfo/Select_Arrow.png') no-repeat 63px #fff;
    -webkit-appearance: none;
    background-size: 10px;
    padding-left: 5px;
}

.changesContainer {
    display: flex !important;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 15px;
}

.saveDetails {
    background-color: #004b97;
    color: #ffffff;
    border: 1px solid #004b97;
    border-radius: 8px;
    padding: 10px;
    width: 131px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.cancelChanges {
    background-color: #ffffff;
    color: #004b97;
    border-radius: 8px;
    border: 1px solid #004b97;
    padding: 10px;
    width: 131px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

#deleteCreditCard {
    background-color: #a80000;
    color: #ffffff;
    border-radius: 8px;
    border: 1px solid #a80000;
    padding: 10px;
    width: 292px;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    font-size: 14px;
}

#deletePayPal {
    background-color: #a80000;
    color: #ffffff;
    border: 1px solid #a80000;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
}

.editPayPalButton {
    background-color: #ffffff;
    color: #004b97;
    border-radius: 8px;
    border: 1px solid #004b97;
    padding: 10px;
    width: 131px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
}

#payPalButtons {
    display: none;
}

.cardType {
    font-size: 14px;
    padding: 10px 0 5px 20px;
}

form .cardType {
    margin-left: -10px !important;
}

.addCard {
    margin-left: 20px;
    font-size: 13px;
    color: #004b97;
}

.creditCardInfo {
    flex-grow: 1;
    margin-bottom: 10px;
}

.creditCardInfo,
.payPalText {
    margin-left: 10px;
    line-height: 18px;
    font-size: 14px;
}

.displayCCInline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 20px;
}

#registerPayPal {
    width: 100%;
}

.addPayPalAccount {
    margin: 8px 0 20px -3px;
}

#dbAlerticon {
    width: 64px;
    height: 58px;
    background-image: url('/images/colicare/colicare-sprite.png');
    background-position-x: -1554px;
    background-repeat: no-repeat;
    position: absolute;
    left: -80px;
}

#billingInfoHead {
    margin-bottom: 0px;
}

#billingInfoNote {
    margin-top: 0 0 20px 0;
    font-size: 15px;
    word-wrap: break-word;
    width: 730px;
}

#spnCCEdit .profileItem {
    float: left;
    margin-right: 80px;
}

#ccLogoHead {
    display: inline-block;
}

#dvCustomerProfileCreditCards {
    overflow: hidden;
}

#backupCardNote,
.clearDiv {
    clear: both;
}

#backupCardNote {
    padding-bottom: 15px;
    margin-left: 20px;
}

#backupCardColumn {
    max-width: 320px;
}

/* #deleteCreditCard {
    float: right;
    clear: both;
} */

#ppLogoHead {
    display: inline-block;
    margin-bottom: 15px;
}

#isPayMethod,
#makePayMethod {
    float: right;
}

.defaultPayIcon {
    height: 25px;
    margin-right: 0px;
}

#notDefaultPay {
    height: 14px;
    margin-right: 3px;
    margin-bottom: -2px;
}

.liveStar {
    font-size: 18px;
    color: #436ba8;
}

.ie8 .liveStar {
    display: none;
}

#deleteX {
    font-size: 18px;
    font-weight: bold;
    color: #f00;
}

button.NoButton,
.NoButton:hover {
    background: none !important;
    border: 0 !important;
    vertical-align: bottom;
    font-weight: normal !important;
}

.profileItem h3 {
    font-size: 17px;
    border-bottom: 1px solid #888;
    line-height: 0px;
    max-width: 240px;
}

.ccEncrypted {
    display: inline-block;
    vertical-align: 60%;
    margin-left: 10px;
    font-weight: bold;
    font-style: italic;
}

.input_field#PostalCode {
    width: 100px;
    display: inline-block !important;
}

#StateId {
    margin-top: 0px;
    display: inline;
}

#PrimaryCardExpirationMonth,
#PrimaryCardExpirationYear {
    display: inline-block;
}

#editCustomerAddressForm .edit_input input {
    display: block;
}

.optional {
    font-size: 13px;
    color: #888;
    font-style: italic;
}

.BlueButton.save_name {
    margin-right: 10px;
}

#addACard {
    margin-top: 5px;
}

#addACard .edit_display {
    margin-left: 15px;
    font-size: 15px;
}

#recharge {
    text-decoration: underline;
}

.customerProfile .edit_display,
.customerProfile .billingIndent {
    margin-left: 0px;
}

.customerProfile .editHead .edit_display {
    padding-left: 12px;
}

#billingFoot {
    margin-top: 15px;
    border-top: 1px dashed #cdcdcd;
}

#billingFoot h3 {
    font-size: 15px;
    margin-bottom: 0px;
}

.billingFootCopy {
    margin-left: 5px;
    margin-bottom: 20px;
    margin-top: 0px;
    font-size: 11px;
}

.qq-upload-button input[type='file'] {
    visibility: hidden;
}

/* STAND ALONE MY PROFILE PAGE (2017) */

#profileContent {
    position: relative;
}

#profileContent>div:first-child {
    padding: 28px 28px 28px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#profileContent br {
    display: none;
}

.profileIndent br {
    display: block !important;
}

#profileContent .edit_display {
    margin: 0;
}

#riderProfileWrap {
    width: 62%;
    float: left;
    border-right: 1px solid #ddd;
    padding-right: 5px;
    min-height: 225px;
}

#billingWrap {
    width: 36%;
    float: right;
}

#billingWrap br {
    display: block;
}

#riderProfileWrap .inlineEditForm {
    margin-left: 12px;
    margin-bottom: 12px;
}

#customerProfileImageContainer {
    max-height: 120px;
    position: relative;
}

.userImage {
    max-width: inherit;
    min-width: inherit;
    width: 120px;
    height: 120px;
}

.CustomerProfileName {
    float: none;
    width: auto;
    margin: 8px auto 0px;
}

#customerEdit {
    font-size: 13px;
}

#nameImageWrap {
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding-bottom: 32px;
    margin-bottom: 8px;
}

#riderProfileWrap h2,
#billingWrap h3 {
    margin-bottom: 5px;
}

#billingWrap h3 {
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom: none;
}

#profileContent .image_edit {
    position: relative;
    left: -25px;
    bottom: 1px;
}

.edit_address {
    margin-left: 5px !important;
}

#dvCustomerProfileCompletionPercentage {
    float: right;
    width: 220px;
}

.formOK {
    color: #008000;
    font-weight: bold;
    font-size: 24px;
    padding: 5px 10px;
    margin: 0px 4px;
    border-radius: 30px;
    vertical-align: -2px;
}

.formOK:hover {
    background-color: #008000;
    color: #fff;
    text-decoration: none;
    border: none;
}

.formX {
    color: #f00;
    font-weight: bold;
    font-size: 22px;
    padding: 3px 6px;
    vertical-align: -2px;
    border-radius: 34px;
}

.formX:hover {
    background-color: #f00;
    color: #fff;
    text-decoration: none;
}

#profileContent input,
#profileContent select {
    font-size: 13px;
    padding: 4px;
}

#profileContent #editCustomerNameForm input {
    width: 130px;
}

#dvCustomerProfileName .display_text {
    font-size: 13px;
}

#profileContent #Username {
    width: 205px;
}

#profileContent #editCustomerAddressForm input {
    width: 95%;
}

#profileContent #editCustomerAddressForm #PostalCode {
    width: 80px;
}

.chkCol {
    display: inline-block;
    width: 130px;
    margin-left: 8px;
    margin-top: 4px;
    vertical-align: top;
}

#col3 {
    width: 160px;
    vertical-align: top;
}

#membershipButtons {
    margin: 5px 0 10px 0;
}

input[id*='txtOrganizationId_'] {
    width: 80px;
    margin-left: 20px;
    margin-bottom: 4px;
    font-size: 14px !important;
    padding: 2px 2px 2px 4px !important;
}

/*********MY ACCOUNT MOBILE STYLES****************/
@media (max-width: 480px) {
    .billingAlertIndent {
        margin: 30px 0 30px 0;
    }

    #billingInfoNote {
        width: auto;
        margin-left: 20px;
    }

    .billingInfoContainer {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin: 0 auto;
    }

    .cardContainer {
        width: 100%;
        margin: 5px 0 20px 0;
    }

    .largeInput {
        width: 90% !important;
    }

    .mediumInput {
        width: 70% !important;
    }

    .changesContainer {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin: 10px 5px 0px 2px;
    }

    .saveDetails {
        width: 80%;
        font-size: 16px;
        margin: 10px 0 5px 0;
    }

    .cancelChanges {
        width: 80%;
        font-size: 16px;
        margin: 0;
    }

    .editPayPalButton {
        width: 80%;
        font-size: 16px;
        margin: 10px 0 5px 0;
    }

    #deleteCreditCard {
        width: 80%;
        font-size: 16px;
        margin: 5px 0 10px 0;
    }

    #backupCardNote {
        padding-bottom: 15px;
    }

    .productDisplay ul li img.product {
        margin-bottom: 15px;
    }

    a {
        cursor: pointer;
    }

    .leftsidebar {
        width: 100%;
    }

    .deliveryGroup div span.note a {
        text-decoration: none;
        color: #666;
        cursor: inherit;
    }

    .leftsidebar .YellowButton {
        padding: 10px;
        text-align: center;
        width: 92%;
    }

    .leftsidebar .leftNav {
        width: 95%;
    }

    .leftsidebar .leftNav li {
        padding: 5px 0;
    }

    .didYouKnow {
        display: none;
    }

    .accountContent .two3rds {
        width: 100%;
        padding: 0;
    }

    .customerProfile h2 a,
    .accountContent h2 a {
        float: right;
        font-size: 12px;
        font-weight: normal;
        padding-top: 2px;
        width: 100%;
    }

    .deliveryGroup {
        clear: both;
        float: none;
        width: auto;
        text-align: center;
    }

    span.orderTitle {
        margin-bottom: 0;
    }

    .calIcon {
        display: none;
    }

    .orderTitle .expandingLink {
        display: none;
    }

    strong.animalName {
        width: auto;
        display: block;
    }

    .badgeWrapper {
        display: none;
    }

    .accountMessageWrap {
        display: none;
    }

    .customerProfile h2 span.downArrow,
    .accountContent h2 span.downArrow {
        display: none;
    }

    .changeUpTo {
        width: 100%;
    }

    div.accountContent .productDisplay {
        width: auto;
    }

    .orderHistory .orderTitle {
        background: none repeat scroll 0 0 rgba(68, 172, 81, 0.5);
    }

    .customerProfile {
        padding: 0;
        width: auto;
    }

    .CustomerProfileName {
        width: auto;
        float: left;
    }

    .sp-modal .userImage {
        display: none;
    }

    .imageUploader {
        float: none;
        width: auto;
    }

    .add_account_horse {
        cursor: pointer;
    }

    .shipSub span div {
        text-align: left;
        display: block;
        background-color: #005daa;
    }

    .shipSub .costDetails {
        width: auto;
        line-height: inherit;
        font-size: inherit;
    }

    .shipSub .totals {
        border-right: 1px solid #ccc;
    }

    .productDisplay .totals {
        padding: 0;
        border-top: none;
    }

    .productDisplay br,
    .orderTitle br {
        display: none;
    }

    .directNav {
        margin-top: 10px;
    }

    /************Billing Admin 2015****************/

    #billingInfoHead {
        font-size: 19px;
        margin: 15px 0 8px 20px;
    }

    .billingIndent {
        margin-left: 5px;
    }

    .profileItem {
        width: 100%;
        margin-bottom: 20px;
    }

    .profileItem h3 {
        max-width: 100%;
    }

    h3.editHead {
        margin-bottom: 20px;
        border-bottom: 1px solid #cecece;
        font-size: 17px;
        overflow: hidden;
        line-height: 16px;
    }

    h3.h5 {
        overflow: hidden;
        line-height: 16px;
    }

    #editPP {
        margin-top: 0px;
        position: relative;
    }

    #acceptedCCImg {
        width: 165px;
    }

    .ccEncrypted {
        display: block;
        margin-top: -8px;
        margin-left: 2px;
    }

    #isPayMethod,
    #makePayMethod {
        text-align: right;
        width: 44%;
        margin-top: -7px;
    }

    #ccLogoHead {
        margin-bottom: 15px;
    }

    #ppLogoHead {
        margin-bottom: 25px;
    }

    #isPayMethod,
    #makePayMethod,
    #isPayMethod a,
    #makePayMethod a {
        line-height: 14px;
    }

    #editPrimaryCC {
        width: 100%;
        margin-right: 0px;
    }

    .formRow input {
        width: 95%;
    }

    #editCustomerAddressForm .input_field {
        width: 95%;
    }

    .edit_display {
        float: right;
        font-size: 14px !important;
        line-height: 19px;
    }

    #backupCardColumn {
        max-width: 100%;
    }

    .liveStar {
        margin-right: 6px;
        vertical-align: bottom;
    }

    .container {
        padding: 0;
    }

    .h5.strong.mvm {
        font-weight: normal !important;
    }

    #header .search {
        background: #fff;
    }

    .search input[type='search'] {
        padding: 7px 9px;
        top: -6px;
        min-height: 1.4em;
        width: 88%;
        border-radius: 5px;
        font-size: 16px;
        left: 3%;
        text-indent: 20px;
        box-shadow: inset #999 0 1px 4px;
        width: 95%;
        margin-left: 2.5%;
        padding-left: 2em;
        background: #fff url('/images/icons/search.png') no-repeat 9px 10px;
    }

    /* custom mobile modal styles: */

    #modalRoot #loginModule .col {
        width: 100%;
    }

    .wideButtons .sp-modal-close {
        height: 100px;
    }

    .wideButtons button {
        width: 90%;
        border: none;
    }

    .billingAccept,
    .mmLeftButton {
        background-color: #a73823;
    }

    .billingCancel,
    .mmRightButton {
        background-color: #0551a5;
    }

    .billingQuestions .sp-modal-content,
    .sp-modal-content .changeWarning {
        margin: 100px 16px;
        font-size: 16px;
        text-align: center;
    }

    /* Backorder Styling */
    .orderHistory .formRow input {
        width: auto;
        padding: 0;
        margin: 0 1% 0 0;
        position: relative;
        top: 2px;
    }

    .redBorder .leftActions {
        display: block;
        width: 100%;
        margin: 3% 0;
    }

    .orderHistory .lastCol li {
        margin-bottom: 3%;
    }

    .acctHubBlock li {
        float: left;
        width: 50%;
        min-height: 30px;
    }

    .accountContent {
        float: none;
        padding: 0;
    }

    #perksBenefitsHead {
        width: 80%;
        margin: 10px auto;
    }

    #perksShipFree,
    #perksDiscount,
    #perksEmails,
    #perksCalendar {
        padding: 0 5px;
    }

    .accountContent .firstRowMinHeight,
    .accountContent .secondRowMinHeight,
    .accountContent .firstColMinHeight {
        min-height: auto;
    }

    .acctHubBlock {
        box-shadow: none;
    }

    .animalDetails .inline,
    #myAcctTopCopy a.inline {
        display: inline-block !important;
    }
}

/*********END MY ACCOUNT MOBILE STYLES****************/

/************OLD MY ACCOUNT STUFFS****************/

.accountWrapington {
    width: 775px;
    margin: 0px auto;
}

#yourOrders {
    border-top: 1px dotted #ddd;
}

.deliveryBlock {
    border: 1px solid #ddd;
    border-radius: 10px 10px 0px 0px;
}

.orderHistoryShippingInfo {
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    border-radius: 10px 10px 0px 0px;
    padding: 10px;
}

.accountBigButtons {
    margin: 20px 0;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
}

.accountBigButtons .BlueButton {
    padding: 0;
    margin: 10px 0;
}

.accountBigButtons .BlueButton span {
    padding: 5px 25px;
    display: block;
    text-align: center;
}

.colicareRow {
    background: url('/images/colicare/logo-colicare.png') no-repeat left 10px;
    padding-left: 250px;
}

ul.accountLink {
    list-style: none;
    padding-left: 0px;
    width: 250px;
}

ul.accountLink li {
    margin-bottom: 2px;
}

#accountBigButtons .wrapItUp {
    float: left;
    padding-right: 20px;
    width: 190px;
}

#accountUpsell .acctModule {
    width: 100%;
    border-bottom: 0;
}

/************OLD MY ACCOUNT STUFFS****************/

/* login */
.LoginLayout .validation-summary-errors {
    width: 906px;
    padding: 10px;
}

.signIn .stackedForm .formRow {
    margin-left: 0;
}

.signIn .innercell {
    border-right: 1px dotted #666;
}

.myAccountBody {
    overflow: hidden;
    *overflow: visible;
    *zoom: 1;
}

#deadbeatLabel {
    color: #f00;
    font-weight: bold;
}

#dvCustomerProfilePrimaryCreditCard {
    overflow: hidden;
}

/*************************
  Order History
  ***********************/

.dropShipMsg {
    background: #ffffeb;
    border: 1px solid #ebeba6;
    clear: both;
    display: block;
    font-size: 12px;
    margin: 0;
    width: auto;
    padding: 0;
}

.topCallout {
    padding: 10px;
    font-size: 14px;
    line-height: 1.4;
    background-color: #ffc;
}

.shipWidth {
    width: 500px;
}

/*  PERKS BENNIES CENTER */

#perksImg {
    width: 50%;
    margin-bottom: -2px;
}

.perkBold {
    font-weight: bold;
    text-align: center;
}

.perksInactive {
    color: #999;
}

.perksActive .perksTitle,
.perksActive .perkStatus {
    color: #79be3f;
}

.perksBenefitsCopy,
.startSPCopy {
    font-weight: normal;
}

#perksStartSPs {
    color: #333 !important;
}

.perksBenefitsIcon {
    width: 60px;
    height: 33px;
    margin: 0 auto;
    background-image: url('/images/icons/perksIcons.png');
    margin-bottom: 5px !important;
}

#perksBenefitsHead .hint,
#perksBenefitsColumn .hint {
    color: #ddd;
    background: #005daa;
    float: right;
    margin: -15px;
    border: 2px solid #6eb4ef;
}

#activatePerksEmail,
#activatePerksDiscount,
#perksInfo {
    display: block;
    color: #000;
}

.perksActive #activatePerksDiscount,
.perksActive #activatePerksEmail,
.perksActive #perksInfo,
.noSP .perksBenefitsCopy {
    display: none;
}

.noSP .perkBold,
.noSP .perkStatus {
    color: #999;
    display: block;
}

.perksActive #perksShipFreeIcon {
    background-position: -169px 0;
}

.perksInactive #perksShipFreeIcon {
    background-position: -169px -37px;
}

#perksInfoModal {
    margin-top: 10px;
    margin-bottom: 20px;
}

#perksInfoModalImg {
    float: right;
}

.perksActive #perksDiscountIcon {
    background-position: 0 0;
}

.perksInactive #perksDiscountIcon {
    background-position: 0 -37px;
}

.perksActive #perksEmailsIcon {
    background-position: -113px 0px;
}

.perksInactive #perksEmailsIcon {
    background-position: -113px 34px;
}

.perksActive #perksCalendarIcon {
    background-position: -64px 0px;
    width: 45px;
}

.perksInactive #perksCalendarIcon {
    background-position: -64px 34px;
    width: 45px;
}

a.nolinkAttr {
    display: inline;
    margin: 0;
}

.firstRowMinHeight {
    min-height: 170px;
}

.secondRowMinHeight {
    min-height: 185px;
}

.firstColMinHeight {
    min-height: 365px;
}

/******************************
	Mobile My Horses Page
******************************/
@media (max-width: 480px) {
    .horseAttributes {
        margin: 5% 0 0 3%;
    }

    .addDetails {
        margin: 3% 0 5% 3%;
    }
}

#dvPromoCode input[type='text'] {
    border: 1px solid #cccccc;
}