@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900');

@import url('https://fonts.googleapis.com/css?family=Rum+Raisin');

html, body { height: 100%; }

body { padding: 0 0 0 0; }

.navbar-toggle {
    float: left;
    margin-left: 15px;
}

@media (min-width: 0) {
    .navbar-toggle {
        display: block; /* force showing the toggle */
    }
}

option {
    text-overflow: ellipsis;
    width: 100%;
}

input[type=radio] { margin: 5px; }

label[for] { cursor: pointer; }

/*@media (min-width: 992px) {
  body {
    padding: 0;
  }

  .navbar {
    right: auto;
    background: none;
    border: none;
  }
}*/

div.SmallerAlert {
    font-size: x-small;
    padding: 2px;
}

table.DisplayGrid td {
    border: 1px groove Black;
    padding: 3px;
    vertical-align: top;
    text-align: left;
}

table.DisplayGrid th {
    border: 1px groove Black;
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    text-align: center;
}

div.ButtonDiv {
    text-align: center;
    padding: 10px;
}

ul.ServiceList {
    padding: 0px 0 0px;
    margin: 0 0 0 40px;
}

div.ButtonDiv div.col-xs-12 a.btn {
    width: 100%;
    margin-top: -10px;
}

.LeftAlignOnMobileRightAlignOtherwise { text-align: right; }

tr.Clickable:hover > td {
    background-color: Black;
    color: white;
    cursor: pointer;
}

@media (max-width: 767px) {
    .LeftAlignOnMobileRightAlignOtherwise { text-align: left !important; }

    div.smallerTextOnMobile { font-size: smaller; }

    div.InputPrompter { text-align: left; }

    div.CouponWrapperDiv { width: 100%; }

    .navmenu { width: 200px; }

    div.AppointmentCheckboxL {
        padding-left: 20px;
        padding-right: 5px;
    }

    .btn { font-size: 16px !important; }

    select { max-width: 80%; }
}

@media (min-width: 768px) {
    div .InputPrompter {
        text-align: left;
        font-size: 18px;
        vertical-align: middle;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
    }

    a.ExplainMiniButton {
        font-size: 12px;
        width: 100px;
        margin-left: 10px;
        border: 1px solid blue;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    div.InputContainer {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    select, input[type=text], input [type=password] {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    div.ButtonDiv input[type=button], div.ButtonDiv button, div.ButtonDiv a.btn {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/*****************************************************
  /**************      stacktable            ********/

/****************************************************/

.stacktable { width: 100%; }

.st-head-row { padding-top: 1em; }

.st-head-row.st-head-row-main {
    font-size: 1.5em;
    padding-top: 0;
}

.st-key {
    width: 49%;
    text-align: right;
    padding-right: 1%;
}

.st-val {
    width: 49%;
    padding-left: 1%;
}

/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }

.stacktable.small-only { display: none; }

@media (max-width: 800px) {
    .stacktable.large-only { display: none; }

    .stacktable.small-only { display: table; }
}

div.aspNetHidden { height: 3px; }

option.DimItem { background-color: #DEDADA; }

table.Padded > tbody > tr > td { padding: 5px; }

table.Padded > tbody > tr > th { padding: 5px; }

table.TopAlign { vertical-align: top; }

table.CenterAlignCells td { text-align: center; }

table.BorderAcross td {
    border-top: 1px solid Black;
    border-bottom: 1px solid black;
}

table.NoBorders td { border: none; }

.ui-datepicker.ui-datepicker-multi { width: 95%; }

div.ui-datepicker-header div.ui-datepicker-title select.ui-datepicker-month {
    width: 40%;
    float: left;
    padding: 2px;
}

div.ui-datepicker-header div.ui-datepicker-title select.ui-datepicker-year {
    width: 40%;
    float: right;
    padding: 2px;
}

table.ui-datepicker-calendar td a {
    margin-left: 0;
    margin-right: 0;
}

a.ui-datepicker-prev { font-size: smaller; }

.ui-datepicker { width: 231px; }

a.ui-datepicker-next { font-size: smaller; }

.ui-datepicker table.ui-datepicker-calendar { max-width: 300px; }

tr.Bolder td { font-weight: bold; }

.NavMenuTopper {
    background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/SplashBannerStripColors.jpg');
    height: 85px !important;
}

.nav-main li { border-bottom: 2px solid white; }

div.BGSplashStrip {
    background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/Blue-Swirl-Pattern-Repeatable.png');
    height: 85px !important;
    background-repeat: repeat;
}

@media (max-width: 400px) {
    div.BGSplashStrip {
        background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/Blue-Swirl-Pattern-Repeatable.png');
        background-repeat: repeat;
    }
}

.navbar-toggle:focus {
    background-color: transparent !important;
    border-color: #21479E !important;
}

.navbar-toggle { border-color: white; }

.navbar-toggle .icon-bar { background-color: white !important; }

.navbar-toggle:hover .icon-bar { background-color: #21479E !important; }

.navmenu { width: 240px; }

input[type=checkbox].form-control {
    max-width: 34px !important;
    display: inline !important;
}

.alert { font-size: 1em; }

div.starCaption { font-size: 1.5em; }

@media (min-width: 768px) {
    div.starCaption { font-size: 3.13em; }
}

div.rating-stars { cursor: pointer; }

div.bootbox-body { font-size: 16px; }

div.alert-info {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 15px;
    border: none;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
}

img.header_logo { width: 288px; }

@media (max-width: 400px) {
    img.header_logo {
        width: 216px;
        margin-left: -15px;
        margin-top: 6px;
    }
}

h1 {
    font-family: 'Rum Raisin', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 2.8em;
    font-weight: 600;
    margin: 20px 0 20px;
}

h1 {
    font-family: 'Rum Raisin', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 2.8em;
    font-weight: 600;
    margin: 20px 0 20px;
}

span#cphBodyTop_lbl {
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 400;
}

span#cphBodyTop_lblCurShopInfo {
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 600;
}

div.alert { box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0); }

.appointment_date {
    color: #fff;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1em;
    font-weight: 400;
}

div.PetPickerDiv {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 15px;
    margin: 0 auto 20px;
    padding: 20px 0;
    border: 1px solid #333;
}

span.previous_customer_record {
    color: #fff;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1em;
    font-weight: 600;
}

div.previous_customer_record_div {
    padding: 20px;
    background-color: #da1c5c;
    border-radius: 15px;
    margin: -30px auto -10px;
}

select.form-control { width: 93%; }

div.headerContainer {
    width: 100%;
    height: 300px;
    background-repeat: repeat;
    padding: 45px 0px;
    background-position: center;
}

div.headerContainingDiv {
    display: block;
    margin: auto;
    width: 90%;
    /* 1140px; */
}

.btn-primary {
    background-color: #da1c5c;
    border-color: #da1c5c;
    margin: 20px 0;
}

.btn-secondary {
    background-color: #da1c5c;
    border-color: #da1c5c;
    margin: 20px 0;
}

.btn-tertiary {
    background-color: #fff !important;
    border: 1px solid #333 !important;
    margin: 20px 0 !important;
    color: #333 !important;
    font-weight: 400 !important;
}

.btn-appt {
    display: inline-block;
    width: 131px;
    margin-right: 4px !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}

.btn-upcoming {
    background-color: #da1c5c;
    border-color: #da1c5c;
    margin: 20px 0;
    display: inline-block;
    padding: 6px 30px !important;
    font-weight: 400 !important;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    font-size: .75em !important;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
    padding: 6px 10px !important;
}

.btn-upcoming:hover {
    background-color: #21479e;
    border-color: #21479e;
    color: #fff;
}

/*.btn-primary:hover{
    background-color:#21479e;
    border-color:#21479e;
}*/

.alert_upsell { margin-bottom: 0px; }

div#cphBodyTop_divExistingPets {
    background-color: #fff;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border: 2px solid #333;
}

div#cphBodyTop_divExistingCust {
    background-color: #fff;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border: 2px solid #333;
}

div#cphBodyTop_divPrelimPrice {
    background-color: #fff;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border: 2px solid #333;
}

span#noBreedList {
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
}

#cphBodyTop_btnSave {
    margin: auto;
    display: block;
}

div#cphBodyTop_pnlExistingAppointment {
    background-color: #fff;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border: 2px solid #333;
}

.col-xs-10 {
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label { font-weight: 600; }

div#divSearchResults {
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.alert-danger {
    background-color: transparent;
    border: none;
    color: #da1c5c;
    border-radius: 15px;
}

div.alert-success {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 15px;
    color: #333;
    font-weight: 400;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    font-size: 1.4em;
    border: none;
}

div.alert-warning {
    background-color: #fff;
    color: #da1c5c;
    border-radius: 15px;
    border: 2px solid #da1c5c;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

select { font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

input { font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

div#cphBodyTop_divUpcomingAppointments {
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.7em;
    line-height: 1em;
    font-weight: 600;
}

span.upcomingAppointmentList {
    color: #fff;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 600;
}

div.bootbox-body { font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.currentShopConfirm {
    padding: 20px 20px 0 20px;
    margin-top: -20px;
}

#btnCheckAvailability { margin: 0 !important; }

div.headerContainer { background-repeat: no-repeat; }

#bookHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/new_appointment.jpg'); }

#changeHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/change_appointment.jpg'); }

#addonHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/addons_header.jpg?9:40 AM'); }

#detailsHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/details_header.jpg'); }

#precheckHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/precheck_header.jpg'); }

#upcomingHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/upcoming_header.jpg'); }

#confirmedHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/confirmed_header.jpg'); }

#profileHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/profile_header.jpg'); }

#addPetHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/add_pet_header.jpg'); }

#questionnaireHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/questionnaire_header.jpg'); }

#profileCompleteHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/profile_complete_header.jpg'); }

#notReadyHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/welcomeback_header.jpg'); }

#cphBodyTop_M_ { margin-left: 280px; }

#primaryBreedInfo {
    text-align: right;
    font-size: 1em;
    margin-top: -17px;
    margin-right: 11px;
    margin-left: 11px;
}

#addonValidGroup { margin-top: -50px; }

.luxuryBeddingAddonContainer, .luxuryBeddingAddonContainerMobile {
    padding: 20px 0 0 30px;
    font-size: 1em !important;
}

.weeklyRetailSpecial {
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    float: left;
}

.weeklyRetailSpecialHeader {
    color: #da1c5c;
    font-size: 4em;
    font-family: 'Rum Raisin', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: -10px 0 10px 0;
    text-align: center;
}

#keepinBoGo { background-color: transparent; }

#keepinBoGo-div-1 {
    width: 66%;
    float: left;
}

#keepinBoGo-div-2 {
    width: 34%;
    float: right;
}

.keepinBoGoBullet { padding: 20px; }

.keepinBoGoTextDiv { padding: 10px 0 0 0; }

.keepinBogoText {
    font-size: 1.4em;
    font-family: raleway;
    font-weight: 600;
    color: #333;
}

.rebuyRetail {
    color: #21479e;
    font-family: Raleway;
    font-weight: 900;
    font-size: 3.5em;
    text-align: center;
    margin: -10px 0 10px 0;
}

.rebuyRetailDiv {
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    background-color: #27aae1;
}

.addonDescription {
    font-family: Raleway;
    color: #333;
    font-size: 1.4em;
    font-weight: 400;
    margin: -10px 0;
}

tr.beddingUpsellRow td { padding-bottom: 10px; }

/*New CSS from Chris*/

.timeTable { padding-bottom: 20px; }

form.formLogin {
    width: 30%;
    float: right;
}

div.loginMainDiv { background-color: rgba(255, 255, 255, 0.4); }

@media screen and (max-width: 1023px) {
    div.loginMainDiv { background-color: rgba(255, 255, 255, 0.7); }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    div.headerContainingDiv {
        display: block;
        margin: auto;
        width: 100%;
        background-size: cover;
    }
}

.loginH1 {
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 2.4em;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0;
}

.loginH2 {
    color: #333;
    font-family: 'Rum Raisin', Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: -10px;
}

#loginUsernameInput { width: 100%; }

#loginFirstNameInput { width: 100%; }

#loginLastNameInput { width: 100%; }

#loginEmailInput { width: 100%; }

#loginPasswordInput {
    width: 100%;
    margin: auto;
}

#loginPasswordInput2 {
    width: 66%;
    margin: auto;
}

#loginRememberCheck {
    width: 10% !important;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#loginRemember {
    text-align: left !important;
    padding-top: 7px !important;
    padding-left: 5px !important;
    padding-bottom: 0px;
    width: 60%;
    color: #333;
}

#cphBodyTop_btnLogIn {
    margin-top: 0px;
    width: 100%;
}

#cphBodyTop_btnForgotPassword {
    margin-top: 0px;
    width: 100%;
}

#cphBodyTop_btnNewUser {
    margin-top: 0px;
    width: 100%;
}

#loginLoginBtn {
    width: 96%;
    padding: 15px 0 0 15px;
}

#loginLoginBtn2 {
    width: 96%;
    padding: 15px 0 0 15px;
}

.loginbutton {
    width: 91%;
    margin-left: 15px;
    background-color: #8dc63f !important;
    border-color: #8dc63f !important;
    font-size: 1.4em !important;
}

.loginbutton:hover {
    background-color: #9ed750 !important;
    border-color: #9ed750 !important;
}

.getstartedbutton {
    background-color: #da1c5c;
    font-size: 2em;
    font-weight: 900;
    padding: 20px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    width: 91%;
    margin-left: 15px;
}

.getstartedbutton:hover {
    background-color: #fc3e7e !important;
    border-color: #fc3e7e !important;
}

.nextbutton { width: 15%; }

.recTable {
    width: 50%;
    margin: auto;
}

.startOverDiv {
    width: 15%;
    margin-left: auto;
}

.createAcctBtn {
    width: 50%;
    display: block !important;
    margin: auto !important;
}

.getStartedBtn {
    width: 50%;
    display: block !important;
    margin: auto !important;
}

.yesbutton {
    width: 50%;
    background-color: #8dc63f !important;
    border-color: #8dc63f !important;
    display: block !important;
    margin: auto !important;
}

.yesbutton:hover {
    background-color: #9ed750 !important;
    border-color: #9ed750 !important;
}

.nobutton {
    width: 50%;
    display: block !important;
    margin: auto !important;
}

@media screen and (max-width: 1023px) {
    .nextbutton { width: 45%; }

    .recTable { width: 100%; }

    #loginPasswordInput2 { width: 100%; }

    .startOverDiv { width: 45%; }

    .createAcctBtn { width: 100%; }

    .getStartedBtn { width: 100%; }

    .yesbutton { width: 80%; }

    .nobutton { width: 80%; }

    #loginEmailInput { margin-top: 5px; }
}

#loginBelowMenu { padding: 10px 0; }

#loginContainerDiv {
    width: 100%;
    padding: 4% 20%;
    background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/portalLoginPageBG.jpg');
    min-height: 600px;
}

.newUserAlert {
    background-color: #27aae1;
    color: #fff;
}

#saveNotes { padding: 6px 30px !important; }

#cancelNotes { padding: 6px 30px !important; }

#cphBodyTop_pnlLuxuryBedding {
    background-image: url(https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/luxury_bedding.jpg);
    background-size: 100%;
    background-position-y: 72%;
    width: 70%;
    display: block;
    margin: auto;
    min-height: 350px;
}

#cphBodyTop_pnlLuxuryBeddingMobile {
    display: none;
    background-color: transparent;
    width: 81%;
    min-height: 309px;
}

#feedbackHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/feedback_header.jpg'); }

#loginHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/login_header.jpg'); }

#logoutHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/logout_header.jpg'); }

#welcomeHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/welcome_header.jpg'); }

#welcomeBackHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/welcomeback_header.jpg'); }

#createAccountHeader { background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/create_account_header.jpg?4:11 PM'); }

#contactCall { margin: 0 0 20px 0; }

#contactEmail { margin: 0 0 20px 0; }

#contactGive { margin: 0 0 20px 0; }

#contactMsg { margin: 0 0 20px 0; }

.contactInfo {
    font-size: 1em;
    font-weight: 400;
    color: #333;
}

.addName {
    margin-top: -4px;
    margin-right: -6px;
}

.addNameInput { width: 75%; }

.addFurInput { width: 66%; }

.addFurSelect {
    width: 100% !important;
    max-width: 99%;
}

#addMixedInput { width: 98%; }

.addMixedSelect {
    width: 100% !important;
    max-width: 100%;
}

#addForm { display: inherit; }

#addFormMobile { display: none; }

.createInput { font-size: 18px; }

.btn-tertiary:hover {
    color: #777 !important;
    border-color: #777 !important;
}

.btn-tertiary:active {
    color: #111 !important;
    border-color: #111;
    background-color: #ddd !important;
}

.btn-bedding { font-size: 2em !important; }

button .btn-default {
    background-color: #fff !important;
    border: 1px solid #333 !important;
    margin: 20px 0 !important;
    color: #333 !important;
    font-weight: 400 !important;
}

.btn {
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 900;
    font-family: Raleway;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #da1c5c;
    border-color: #da1c5c;
}

.btn-tertiary {
    color: #333;
    background-color: #fff;
    border-color: #333;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #da1c5c;
    border-color: #da1c5c;
}

.btn-tertiary:focus,
.btn-tertiary.focus {
    color: #333;
    background-color: #fff;
    border-color: #333;
}

.btn-primary:hover {
    color: #fff;
    background-color: #fc3e7e;
    border-color: #fc3e7e;
}

.btn-tertiary:hover {
    color: #555;
    background-color: #fff;
    border-color: #555;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #b7fa3a;
    border-color: #b7fa3a;
}

.btn-tertiary:active,
.btn-tertiary.active,
.open > .dropdown-toggle.btn-tertiary {
    color: #111;
    background-color: #ddd;
    border-color: #111;
}

.newCustPetName {
    margin-bottom: 0px;
    padding-right: 0;
}

.newCustWeight {
    margin-bottom: 10px;
    margin-left: -50px;
    margin-right: 0px;
    text-align: right;
}

.newCustWeightInput {
    margin-bottom: 20px;
    padding: 0;
}

.ShopLocation {
    width: 90%;
    display: block;
    margin: auto;
}

.newCustPetType {
    margin-bottom: 10px;
    display: block;
    width: 10.333333%;
    padding: 0;
    margin-left: 20px;
}

#btnFindAppointment { margin-top: -5px; }

.PricingDiv { margin-top: 10px; }

.newUserH3 {
    font-weight: 600;
    margin-bottom: -10px;
}

.newUserPickup {
    padding-right: 0;
    width: 25.333333%;
}

.newUserPickupInput { width: 44.333333%; }

.newUserZipInput {
    width: 17.666667%;
    margin-left: -30px;
}

.newUserFirstName {
    width: 15.666667%;
    padding-right: 0;
}

.newUserLastName {
    width: 15.666667%;
    padding-right: 0;
}

.newUserLastNameInput { width: 34.333333%; }

#btnBookIt { margin-top: -5px; }

.mixedBreedInput { padding-right: 0; }

.addPetPrimary {
    width: 27%;
    padding-right: 0;
}

.addPetPrimaryInput { width: 72%; }

.addPetApproxAge {
    padding-right: 0;
    width: 29.333333%;
}

.addPetApproxInput { width: 19.666667%; }

.profileZip {
    padding-left: 0;
    width: 13.666667%;
}

.profileZipInput { width: 19.333333%; }

.profileApproxAge {
    padding-right: 0;
    width: 23.333333%;
}

.profileApproxInput { width: 26.666667%; }

.beddingUpsellImage {
    width: 100%;
    padding: 8px 0 0;
}

.modal-footer .btn-default {
    color: #333 !important;
    font-weight: 400;
    border: 1px solid #333;
    margin-top: 20px;
    background-color: #fff;
}

.modal-footer .btn-default:hover {
    color: #777 !important;
    background-color: #fff;
    border-color: #777;
}

.modal-footer .btn-default:active {
    color: #111 !important;
    background-color: #ddd;
    border-color: #111;
}

div.MinionBox.alert {
    margin-bottom: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #333;
    border-radius: 0;
}

.newCustDate { text-align: right; }

.petQuestionTextSmall {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #cbd5dd;
    padding: 6px 12px;
}

.petQuestionTextTall {
    height: 70px;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
    max-width: 100%;
    resize: none;
    border-radius: 2px;
    border: 1px solid #cbd5dd;
    padding: 6px 12px;
    margin-bottom: 20px;
}

.medicalDivContainer {
    background-color: #fff;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border: 2px solid #333;
    padding: 15px 10px !important;
    border-radius: 15px;
    margin-bottom: 20px;
}

div.medicalDivContainer label {
    background-color: #fff;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

.medicalDiv {
    padding: 0 20px 10px;
    margin-top: -21px;
    margin-bottom: 6px;
    height: 54px;
}

.personalityDiv {
    padding: 0 20px;
    margin-top: -16px;
    margin-bottom: 6px;
    height: 38px;
}

/*Uploader CSS*/

.plupload {
    border: 2px solid #333;
    border-radius: 17px;
    color: #333;
}

.plupload_header {
    border-radius: 15px 15px 0 0;
    background: #8dc63f;
}

.plupload_header_content {
    background: none;
    min-height: 56px;
    padding-left: 10px;
    color: #FFF;
}

.plupload_container {
    padding: 0px;
    background: none;
}

.plupload_filelist_header {
    background: #fff;
    border-bottom: 1px solid #333;
}

.plupload_header_title {
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.plupload_scroll .plupload_filelist { background: #fff; }

.plupload_filelist_footer {
    background: #fff;
    border-top: 1px solid #333;
}

.plupload_header_text { font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.plupload_file_name { font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.plupload_file_status { font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.plupload_file_size { font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.plupload_filelist_footer { border-radius: 0 0 15px 15px; }

.plupload_droptext {
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.plupload_button {
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 25px;
    font-size: 14px;
}

.plupload_wrapper { font-size: 14px; }

.ServiceExplain {
    width: 20px;
    font-size: 0.7em;
    padding: 0;
    border-radius: 15px;
    background-color: #8dc63f;
    margin-right: 10px;
}

.ServiceExplain:hover { background-color: #8dc63f; }

.ServiceExplain:active { background-color: #8dc63f; }

@media screen and (max-width: 1023px) {
    .yesbutton { min-width: 100px; }

    .nobutton { min-width: 100px; }

    .ServiceExplain {
        width: 25px;
        margin-bottom: 5px;
    }

    select.form-control {
        width: 100%;
        max-width: 100%;
    }

    .AppointmentPetRow {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .plupload_header_text { padding: 0px 10px 10px 0; }

    .plupload_filelist_footer { padding: 10px 10px; }

    .plupload_droptext { font-size: 12px; }

    .plupload_button {
        padding-left: 20px;
        font-size: 12px;
    }

    .plupload_wrapper { font-size: 12px; }

    .plupload_file_name { margin-bottom: 12px; }
}

@media only screen and (max-width: 529px) {
    .plupload_filelist_footer { min-height: 43px; }

    .plupload_filelist_footer .plupload_file_name { width: 100%; }

    .plupload_filelist_footer .plupload_file_action {
        width: 20%;
        margin-left: 0;
        margin-right: 0 !important;
    }

    .plupload_filelist_footer .plupload_file_status { width: 20%; }

    .plupload_filelist_footer .plupload_file_size { width: 20%; }

    .plupload_filelist_footer .plupload_progress { width: 20%; }

    .plupload_filelist_footer .plupload_progress_container { width: 20%; }
}

@media only screen and (max-width: 767px) {
    .plupload_filelist_header .plupload_file_name { width: 25%; }

    .plupload_filelist_header .plupload_file_action {
        width: 5%;
        margin-left: 0;
        margin-right: 0 !important;
        padding-left: 10%;
    }

    .plupload_filelist_header .plupload_file_status { width: 25%; }

    .plupload_filelist_header .plupload_file_size { width: 30%; }

    .plupload_delete .plupload_file_name { width: 25%; }

    .plupload_delete .plupload_file_action {
        width: 5%;
        margin-left: 0;
        margin-right: 0 !important;
        padding-left: 10%;
    }

    .plupload_delete .plupload_file_status { width: 25%; }

    .plupload_delete .plupload_file_size { width: 30%; }
}

@media only screen and (max-width: 321px) {
    .plupload_add { width: 20%; }

    .plupload_start { width: 37%; }

    .plupload_filelist_footer { min-height: 60px; }

    .plupload_button { padding-left: 20px; }
}

/*end Uploader CSS*/

/*Gallery page CSS*/

div.galleryContainer {
    background-color: #fff;
    color: #333;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    border: 2px solid #333;
}

.galleryImageBox { padding: 0 2%; }

.galleryImage {
    width: 100%;
    border-radius: 15px;
    border: 2px solid #333;
}

@media screen and (max-width: 1023px) {
    .galleryImageBox { padding: 2% 4%; }

    div.galleryContainer { padding: 1% 4%; }
}

/*End Gallery Page CSS*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
    #cphBodyTop_pnlLuxuryBedding { display: none; }

    #cphBodyTop_pnlLuxuryBeddingMobile {
        display: block;
        margin: auto;
    }

    .upsell_price_single_digit {
        width: 100%;
        margin-left: 0 !important;
        display: block;
    }

    .upsell_price_per_dog { font-size: 55%; }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1440px) {
    #loginContainerDiv {
        width: 100%;
        padding: 1% 7% 1% 0%;
        background-repeat: no-repeat;
        margin-right: 20%;
        background-position-x: 20%;
        min-height: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
    .upsellBeddingMobile { height: 370px !important; }
}

@media screen and (max-width: 1024px) {
    .upsellBeddingMobile {
        background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/luxury_bedding.jpg');
        background-repeat: no-repeat;
        border-radius: 15px;
        width: 100%;
        height: 120px;
        background-size: 100%;
        margin: -60px 0 20px;
    }

    .profileIfYes { margin-bottom: 20px; }

    .medicalDiv { height: inherit; }

    .personalityDiv { height: inherit; }

    .newUserH3 {
        font-weight: 600;
        margin-bottom: -10px;
    }

    .newUserPickup { width: 100%; }

    .newUserPickupInput { width: 100%; }

    .newUserZipInput {
        width: 100%;
        margin-left: 0px;
    }

    .newUserFirstName {
        width: 100%;
        padding-right: 0;
    }

    .newUserLastName {
        width: 100%;
        padding-right: 0;
    }

    .newUserLastNameInput { width: 100%; }

    .newUserPasswordInput { margin-bottom: 15px; }

    #hrefMoreInfo { font-size: x-small !important; }

    .newCustDate { text-align: left; }

    .newCustWeight {
        margin-bottom: 10px;
        margin-left: 0px;
        margin-right: 0px;
        text-align: left;
    }

    .newCustWeightInput { padding: 0 15px; }

    .newCustPetType {
        width: 100%;
        text-align: left;
    }

    #btnFindAppointment { margin-top: 15px; }

    .InputPrompter { font-size: 18px; }

    .btn-bedding {
        width: 100%;
        margin-bottom: 20px !important;
        font-size: 1em !important;
    }

    .upsell_price_per_dog {
        margin: 5px 0 20px !important;
        font-size: 25%;
    }

    #confirmBedding {
        width: 250px;
        font-size: 100% !important;
        padding: 6px;
        margin-top: 0;
    }

    .addWeight { margin-bottom: 10px; }

    .addPet { margin-bottom: 0px; }

    .createInput { margin-bottom: 20px; }

    #cphBodyTop_pnlLuxuryBedding { display: none; }

    #cphBodyTop_pnlLuxuryBeddingMobile {
        display: block;
        margin: auto;
    }

    #addForm { display: none; }

    #addFormMobile { display: inherit; }

    .addNameInput {
        width: 100%;
        margin-bottom: 10px;
    }

    .addWeightInput {
        width: 100%;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .addFurInput {
        width: 100%;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .addFurSelect {
        width: 100% !important;
        max-width: 100%;
    }

    .addMonthInput {
        width: 100%;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .addMonthSelect {
        width: 100% !important;
        max-width: 100%;
    }

    .addPetInput {
        width: 100%;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .addPetSelect {
        max-width: 100%;
        width: 100% !important;
    }

    .addPetApproxAge { width: 100%; }

    .addPetApproxInput {
        width: 100%;
        margin-bottom: 10px;
    }

    .addBreedInput {
        max-width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }

    .addPetPrimary { width: 100%; }

    .addPetPrimaryInput {
        width: 100%;
        margin-bottom: 10px;
    }

    .addPetPrimarySelect {
        width: 100% !important;
        max-width: 100%;
    }

    .addMixedInput {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }

    .addMixedSelect {
        max-width: 100%;
        width: 100% !important;
    }

    #primaryBreedInfo {
        text-align: center;
        font-size: 0.58em;
        margin-top: -10px;
    }

    .profileZip {
        padding-left: 15px;
        width: 100%;
    }

    .profileZipInput { width: 100%; }

    .profileApproxAge {
        padding-right: 0;
        width: 100%;
    }

    .profileApproxInput { width: 100%; }

    #loginContainerDiv {
        padding: 4% 8%;
        background-position-x: 25%;
        min-height: 0;
    }

    form.formLogin {
        width: 100%;
        float: left;
    }

    /*#feedbackHeader {
        width: 100%;
        background-size: 225%;
        background-repeat: no-repeat;
        background-position-x: 71%;
        height: 18.3% !important;
    }

    #questionnaireHeader {
        width: 100%;
        background-size: 225%;
        background-repeat: no-repeat;
        background-position-x: 58%;
        height: 18.3% !important;
    }

    #profileCompleteHeader {
        width: 100%;
        background-size: 260%;
        background-repeat: no-repeat;
        background-position-x: 73%;
        height: 18.3% !important;
    }

    #loginHeader {
        width: 100%;
        background-size: 200%;
        background-repeat: no-repeat;
        background-position-x: 40%;
        background-position-y: 110%;
    }

    #logoutHeader {
        width: 100%;
        background-size: 260%;
        background-repeat: no-repeat;
        background-position-x: 91%;
        height: 18.3% !important;
    }

    #welcomeHeader {
        width: 100%;
        background-size: 209%;
        background-repeat: no-repeat;
        background-position-x: 96%;
    }

    #addHeader {
        width: 100%;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position-x: 90%;
    }

    #bookHeader {
        width: 100%;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position-x: 96%;
        height: 18.3% !important;
    }

    #addPetHeader {
        width: 100%;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position-x: 42%;
        height: 18.3% !important;
    }

    #welcomeBackHeader {
        width: 100%;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position-x: 42%;
        height: 18.3% !important;
    }

    #addonHeader {
        width: 100%;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position-x: 70%;
    }

    #upcomingHeader {
        width: 100%;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position-x: 42%;
        height: 18.3% !important;
    }*/

    /*#confirmedHeader {
        width: 100%;
        background-size: 210%;
        background-repeat: no-repeat;
        background-position-x: 17%;
        height: 18.3% !important;
    }*/

    #feedbackHeader,
    #questionnaireHeader,
    #profileCompleteHeader,
    #loginHeader,
    #logoutHeader,
    #welcomeHeader,
    #addHeader,
    #bookHeader,
    #addPetHeader,
    #welcomeBackHeader,
    #addonHeader,
    #upcomingHeader,
    #confirmedHeader,
    #createAccountHeader,
    #profileCompleteHeader {
        background-position: left;
        background-size: cover;
        width: 100%;
        height: 150px;
    }

    /*#createAccountHeader {
        width: 100%;
        background-size: 226%;
        background-repeat: no-repeat;
        background-position-x: 54%;
        height: 18.3% !important;
    }

    #profileCompleteHeader {
        width: 100%;
        background-size: 260%;
        background-repeat: no-repeat;
        background-position-x: 73%;
        height: 18.3% !important;
    }*/

    #cphBodyTop_h1 { font-size: 2.8em !important; }

    h1 { font-size: 2.8em !important; }

    h1 { font-size: 2.8em !important; }

    .headerContainingDiv {
        width: 95% !important;
        display: inline-block !important;
        margin-left: 10px !important;
    }

    .headerContainer {
        height: auto !important;
        padding: 8% 0px !important;
    }

    #contactDivA { width: 100% !important; }

    #contactDivB { width: 100% !important; }

    #cphBodyTop_M_ { margin-left: 0px; }

    #carousel-example-generic {
        margin: 20px auto;
        width: 95%;
    }

    #carousel-custom {
        margin: 20px auto;
        width: 95%;
    }

    #carousel-custom .carousel-inner {
        width: 90%;
        text-align: center;
    }

    #carousel-custom .carousel-indicators {
        margin: 10px 0 0;
        overflow: auto;
        position: static;
        text-align: left;
        white-space: nowrap;
        width: 100%;
    }

    #carousel-custom .carousel-indicators li {
        background-color: transparent;
        -webkit-border-radius: 0;
        border-radius: 0;
        display: inline-block;
        height: auto;
        margin: 3px !important;
        width: auto;
    }

    #carousel-custom .carousel-indicators li img {
        display: block;
        opacity: 0.5;
    }

    #carousel-custom .carousel-indicators li.active img { opacity: 1; }

    #carousel-custom .carousel-indicators li:hover img { opacity: 0.75; }

    #carousel-custom .carousel-outer { position: relative; }
}

/*Addon Service Upsell CSS*/

#serviceAddonHeader {
    background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/service_addon_header.jpg');
    height: 300px;
    background-position: top;
}

.addonsCompare { margin-top: 0px; }

.addonContainer {
    width: 31%;
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 15px;
    padding: 20px;
    display: inline-block;
    margin: 1%;
    vertical-align: top;
}

.ButtonDiv_upsell {
    display: block;
    margin: 20px auto 15px;
    text-align: center;
    width: 90%;
}

.btn-upsell {
    color: #ffffff !important;
    background: #bbb;
    border-color: #bbb;
    font-size: 18px;
}

.addon_head {
    color: #333;
    font-size: 1.7em;
    font-weight: 900;
    text-align: center;
    font-family: 'Raleway', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1em;
    letter-spacing: -1px;
}

#facial_upsell {
    width: 100%;
    padding: 0;
}

#pawdicure_upsell {
    width: 100%;
    padding: 0;
}

#aromatherapy_upsell {
    width: 100%;
    padding: 0;
}

.addon_sub_head {
    font-size: .7em;
    line-height: 10pt;
    font-weight: 600;
    color: #777;
    letter-spacing: -1px;
}

.upsell_table { }

.upsell_image {
    border-radius: 15px;
    width: 90%;
}

.upsell_description_div { padding: 20px 20px 0 20px; }

.upsell_description {
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1;
    color: #333;
    text-align: center;
    margin-bottom: -20px;
}

.addonDogList {
    padding: 0px 0px;
    background-color: #fff;
    border-radius: 15px;
    margin-bottom: 20px;
}

.addonDogListName {
    margin: 10px;
    color: #333;
    font-size: large;
    text-align: left;
}

.upsell_price_single_digit {
    color: #da1c5c;
    font-size: 6em;
    font-family: Raleway;
    font-weight: 600;
    text-align: center;
    line-height: 22pt;
    margin: 20px 0 -20px 0;
}

.upsell_price_double_digit {
    color: #da1c5c;
    font-size: 6em;
    font-family: Raleway;
    font-weight: 600;
    text-align: center;
    line-height: 22pt;
    margin: 20px 0 -10px 0;
    letter-spacing: -1px;
}

.upsell_price_per_dog {
    text-align: center;
    color: #333;
    font-weight: 400;
    margin: -5px 0 -10px;
    font-size: 20%;
    line-height: 1.5em;
    letter-spacing: 0px;
}

.upsell_dollar {
    color: #da1c5c;
    font-size: .6em;
    font-family: Raleway;
    font-weight: 600;
    text-align: center;
    vertical-align: top;
}

.selectPrice {
    display: inline-block;
    width: 100%;
    height: 100px;
}

.selectDog {
    width: 45%;
    margin: 10px 25% -20px auto;
    height: 100px;
    text-align: center;
}

.addonLearnMore {
    margin-top: 5px;
    color: #da1c5c;
    text-decoration: underline;
    font-weight: 600;
    font-family: Raleway;
}

.addonVideoImg {
    margin: 0px auto 0;
    display: block;
}

.addonReviews {
    margin: 2px auto 0;
    display: block;
}

@media (max-width: 767px) {
    #serviceAddonHeader {
        width: 100%;
        background-size: 200%;
        background-repeat: no-repeat;
        background-position-x: 50%;
        height: 100px !important;
    }

    .addonContainer {
        width: 100%;
        margin: 5% 1%;
    }

    .upsell_description_div { padding: 20px 0 0 0; }

    .upsell_description { font-size: 1em; }

    .addonDogListName { font-size: inherit; }

    .selectPrice { width: 100%%; }

    .selectDog {
        width: 45%;
        margin: 10px 25% -20px auto;
    }

    .upsell_price_single_digit { font-size: 5em; }

    .upsell_price_double_digit { font-size: 5em; }
}

/* Comparison table CSS */

.serviceCompareTableContainer { padding: 20px 40px; }

.serviceCompareTable {
    width: 60%;
    margin: auto;
}

.serviceCompareRowA { height: 57px; }

.serviceCompareRowB {
    height: 57px;
    background: #ddd;
}

.serviceCompareItemHeader {
    width: 34%;
    text-align: center;
    background-color: #333;
    color: #fff;
    font-weight: 600;
    padding: 10px 0;
}

.serviceCompareServiceHeader {
    width: 22%;
    text-align: center;
    background-color: #333;
    color: #fff;
    font-weight: 600;
    padding: 10px 0;
}

.serviceCompareItem {
    width: 34%;
    text-align: center;
    padding: 10px 0;
    border: solid 1px #333;
}

.serviceCompareService {
    width: 22%;
    text-align: center;
    padding: 10px 0;
    border: solid 1px #333;
}

/*AddOn Feature Page CSS*/

.bluefacialherobg {
    width: 1920px;
    height: 616px;
    background-image: url('https://terminal.splashanddashfordogs.com/publiccontent/ConsumerPortalImages/bluefacialbg.jpg');
}

.addonBack {
    text-align: left;
    font-size: 15px;
    padding: 0 40px 40px;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-weight: 600;
}

.addonHeroPreheader {
    text-align: left;
    font-size: 2.5em;
    padding: 90px 0 0 40px;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
    font-weight: 600;
}

.addonHeroHeader {
    text-align: left;
    font-size: 4em;
    padding: 0 0 0 40px;
    margin-top: -10px;
    font-family: Raleway, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-weight: 900;
}

.addonHeaderDiv {
    background-color: #21479e;
    width: 1920px;
}

.subheadercontainer {
    text-align: center;
    background: #21479e;
    min-height: 25px;
}

.addon_landing_head {
    color: #333;
    font-size: 2.4em;
    font-weight: 900;
    text-align: center;
    font-family: 'Raleway', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1em;
    letter-spacing: -1px;
}

.addon_landing_sub_head {
    font-size: .7em;
    line-height: 10pt;
    font-weight: 600;
    color: #777;
    letter-spacing: -1px;
}

.beddingUpsellImageAddon {
    width: 100%;
    padding: 8px 0 0;
}

.addon-landing {
    background: rgb(187, 187, 187);
    width: 12%;
}

.addonDogListFeature {
    padding: 10px 20px 5px;
    background-color: #fff;
    border-radius: 15px;
    margin-bottom: 20px;
}

.selectDogFeature {
    width: 25%;
    margin: 20px auto;
    height: 100px;
    text-align: center;
}

ul.feature {
    color: #333;
    font-size: 1.5em;
    font-weight: 400;
    text-align: left;
    font-family: 'Raleway', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.3em;
}

.featurePictureContainer {
    padding: 30px 15px;
    text-align: center;
    white-space: nowrap;
}

.featurePicture {
    margin: 0 10px;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 5px;
}

/*Coupon Callout on Appointment Page*/

.CouponDiv {
    display: block;
    margin: auto;
}

.CouponHeader {
    text-shadow: #555 2px 2px;
    margin-bottom: 0;
}

div.CouponWrapperDiv {
    width: 30%;
    min-height: 30px;
    background: #8dc63f;
    display: inline-block;
    margin-left: auto;
    margin-bottom: 20px;
    border-radius: 10px;
}

div.CouponTitle {
    padding: 7px 20px 0;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.CouponCode {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: #555 2px 2px;
}

div.CouponDescription {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 20px;
}

.CouponPre {
    display: inline-block;
    font-size: 1em;
    color: #333;
    margin-right: 10px;
}

.dailyDiscountDiv {
    display: block;
    margin: 5px auto;
    border-radius: 15px;
    background-color: #8dc63f;
    padding: 20px 40px 10px;
    width: 60%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-shadow: #555 1px 1px;
}

@media only screen and (max-width: 728px) {
    .dailyDiscountDiv {
        font-size: .8em;
        width: 85%;
        padding: 20px 15px 10px;
    }
}