body {
    background-color: #000000;
}

/*  Fonts */
html, body, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

h1 {
    color: #00A4E4;
    font-size: 20px;
    margin-bottom: 10px;
}

h2, h2 a {
    color: #000000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    text-decoration: none;
}

h3, h3 a {
    color: #00A4E4;
    font-size: 14px;
}

strong {
    font-weight: bold;
}

table, tr, td {
    border: none;
}

th {
    white-space: nowrap
}

ul {
    list-style: inherit;
    margin-left: 40px;
}

li {
    padding: 0 0 5px;
}

blockquote {
    border: 1px solid #a9a9a9;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #00A4E4;
}

/* This makes being a CMS admin more like microsoft word which everyone is used to.*/
p, ul {
    margin: 0;
}

label {
    color: black;
    font-weight: normal;
    /*padding-bottom: 0.5em;*/
    /*padding-right: 1em;*/
}

/* CAUSES ISSUES FOR BOOTSTRAP FORMS *?
/*input[type="text"], input[type="password"], select {*/
    /*margin-top: 5px;*/
    /*margin-bottom: 5px;*/
/*}*/

/*input[type="text"], input[type="password"] {*/
    /*!*width: 140px;*!*/
/*}*/

input[type="radio"], input[type="checkbox"] {
    margin-right: 0.5em;
}

img {
    max-width: 100% !important;
}

/**
* Apps don't have the luxury of plugin margin css so they have this
*/
.appCont {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

#relivMainBody .rcmPlugin {
    margin-bottom: 16px;
}

.rcmPluginContainer {
    overflow: hidden;
}

#sitewrapper {
    height: auto !important;
    min-height: 600px;
    position: relative;
    background: white;
    margin: 0 auto;
    padding-top: 0px;

    /*overflow: hidden; removed to make phones work */
}

#relivlogo {
    background-image: url("//reliv-content.s3-us-west-2.amazonaws.com/migrate/themes/reliv-guest-site/header-and-footer/reliv-logo.png");
    height: 121px;
    /* left: 50%; */
    /* margin-left: -503px; */
    /* position: absolute; */
    /* top: -4px; */
    float: left;
    width: 121px;
    z-index: 902;
}

.GuestSiteTopNav {
    position: relative;
    overflow: hidden;
}

.HeaderPhoneNumber p {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 10px;
}

/*  Main Navigation */

#relivNavStretchedBar {
    position: relative;
}

.GuestSiteTopLogin a.loginLink,
.GuestSiteTopLogin a.logOutLink {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.GuestSiteTopLogin .popup {
    top: 20px;
    left: -170px;
}

/*  Top Spacer */
#relivTopSpacer {
    height: 25px;
}

/* Main Body */
/*#relivMainBody {*/
/*max-width: 1028px;*/
/*margin: auto;*/
/*background: #ffffff;*/
/*}*/

#relivNavBar {
    margin: auto;
}

/* Left Body */
#relivLeftColumn {
    width: 108px;
    height: auto !important;
    min-height: 500px;
    height: 400px;
    float: left;
    padding-right: 30px;
}

/* Right Column */
#relivRightColumn {
    width: 194px;
    float: left;
    margin-left: 17px;
}

/* Center Column */
#relivCenter {
    /*float: left;*/
    max-width: 706px;
    min-height: 300px;
}

/* End Main Body  */

.RelivBlogFeed {
    width: 100%;
}

/* Footer */

#relivGuestFooterContainer {
    position: relative;
}

/* end nav */
.rcmPlugin.RcmRssFeed.RelivBlogFeed a {
    color: #00A4E4;
}

.RcmRotatingImage .learnMore {
    position: absolute;
    left: 260px;
    top: 355px;
}

.RcmRotatingImage .learnMore h2 {
    color: #8DC63F;
    font-weight: bold;
}

.RcmEventListDisplay {
    width: 675px;
}

.RcmEventListDisplay .event {
    text-align: center;
}

.RcmEventListDisplay h3 {
    font-weight: bold;
}

div.error,
label.invalid,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #F15D22;
}

div.error input,
label.invalid input,
.has-error input {
    background-color: #F15D22;
}

/* </RcmGoogleSearchBox> */

/* back buttons disappear when loading*/
form.processing .btn.btn-default {
    border-color: transparent;
    color: transparent;
    background-color: transparent;
}

/* forward buttons turn to spinner when loading */
.btn.btn-primary {
    background-position: -999px;
    background-image: url('/modules/guest-responsive/images/small-loader.gif');
    background-repeat: no-repeat;
}

form.processing .btn.btn-primary {
    border-color: transparent;
    color: transparent;
    background-position: center;
}

/* preload spinner so we can see it in all browser*/
.GlobalBagDisplay {
    width: 180px;
    color: white;
    margin: -6px 0 0 20px;
    vertical-align: middle;
    height: 30px;
    /*position: absolute;*/
    /*top: -3px;*/
    /*left: 844px;*/
}

.GlobalBagDisplay .textWrap {
    padding: 7px 0 0 10px;
    float: left;
}

.GlobalBagDisplay img {
    margin-top: -3px;
    float: left;
}

.GlobalBagDisplay a, .GlobalBagDisplay a:hover {
    color: white;
}

/* <RcmCallToActionBox> */
.RcmCallToActionBox .top {
    margin: 0em auto .5em auto;
}

.RcmCallToActionBox a {
    text-align: center;
    color: black;
}

.RcmCallToActionBox a:hover {
    color: black;
    text-decoration: none;
}

.RcmCallToActionBox .rollImg {
    width: 90px;
    height: 93px;
    margin: 0 auto;
}

.RcmCallToActionBox .rollImg:hover {
    background-position: 91px 0;
}

/* </RcmCallToActionBox> */

/* Custom Styling */
.padded-table td {
    padding: 10px;
    border: 1px solid #000000;
}

/* Left Nav */
#relivLeftColumn {
    margin-top: 20px;
}

@media print {
    /* make order confirmation print well */
    #relivTopNavigation {
        display: none !important
    }

    .rcmBagDisplayItemList .item {
        border: none;
    }

    #relivNavStretchedBar {
        display: none !important
    }

    #relivGuestFooterContainer {
        display: none !important
    }

    #ContentManagerTopAdminPanel {
        display: none !important
    }

    #ToolBarSpacer {
        display: none !important
    }

    #rcmAdminPagePopoutWindow {
        display: none !important
    }

    .rcmAdminPanelSpacer {
        display: none;
    }

    .rcmAdminPanelWrapper {
        display: none;
    }

    #rcmLayoutEditorContainer {
        display: none !important
    }

    #relivLeftColumn {
        display: none !important
    }

    #relivRightColumn {
        display: none !important
    }

    #relivCountrySelector {
        display: none !important;
    }

    #relivlogo {
        display: none !important
    }

    .paymentItems .subTotals {
        float: right;
    }

    .RcmCheckout .itemListToPrint {
        font-size: 12px;
        margin-left: -18px;
        display: inline-block;
    }
    
    .itemListToPrint .cartHeader {
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
        height: 24px;
        /*background-color: black;*/
        font-weight: bold;
        color: white;
        margin-bottom: 1em;
        padding-top: 2px;
        margin-top: 1em;
    }

    .itemListToPrint th {
        text-align: left;
    }
}

/*
  order confirmation print items
*/
.itemListToPrint {
    display: none;
}

.itemListToPrint .name {
    width: 250px;
}

.itemListToPrint .qty {
    width: 60px;
}

.itemListToPrint .price {
    width: 75px;
}

.itemListToPrint .bv, .itemListToPrint .pv {
    width: 60px;
}

.itemListToPrint .skuNumber {
    width: 100px;
}

.itemListToPrint th.name {
    padding-left: 14px;
}

.itemListToPrint th.qty {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.itemListToPrint .item {
    border-bottom: 1px dotted grey;
}

.itemListToPrint td.name {
    padding: 5px;
}

/*
  end
  order confirmation print items
*/

.RcmForm .display-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.apertureSliderFrame {
    margin-top: 20px;
}

label.invalid {
    color: #F15D22;
}

.error {
    color: #F15D22;
}

.portalButton {
    background-color: #F8971D;
    float: right;
}

.rcmBagDisplayItemList .qty select {
    margin-top: 2px;
}

.rcmBagDisplayItemList .remove {
    margin-top: 2px;
}

.sectionEdit {
    float: right;
}

label.check {
    display: inline;
}

input.rcnInput {
    width: 200px
}

.money {
    text-align: right;
}

.tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.tools img {
    cursor: pointer;
    margin-left: 10px;
}

.tools img.right {
    margin-left: 0;
}

.editMsg {
    color: #f8971d
}

.hide {
    display: none;
}

table.fullWidth .first, table.fullWidth .remove {
    padding-left: 20px;
}

.rcmApertureProgressIndicator {
    position: relative;
}

.rcmApertureProgressIndicator div.line {
    position: absolute;
    border-top: 1px dotted gray;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: -1;
}

.rcmApertureProgressIndicator span {
    background-color: gray;

    float: left;
    height: 20px;
    width: 20px;
    margin: 0;
    color: white;
    padding: 5px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.rcmApertureProgressIndicator span.current {
    background-color: #00A4E4;
}

.rcmApertureProgressIndicator span.completed {
    background-color: grey;
}

@media (max-width: 767px) {
    #relivLeftColumn {
        display: none;
    }
}

.hideFinalTotals .finalTotal {
    display: none;
}

.receiptTopInfo td {
    padding-right: 1em;
}

.btn.btn-primary {
    background-color: #00A4E4;
}

.ui-dialog, .ui-dialog-content {
    overflow: visible !important;
    z-index: 2000;
}

.arrowLogo {
    background-image: url('//reliv-static.s3-us-west-2.amazonaws.com/art/WebStuff/Homepage/2013upgrade/arrow-web.png');
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: center right;
}

.RcmCallToActionBox div h1 {
    background-image: url('//reliv-static.s3-us-west-2.amazonaws.com/art/WebStuff/Homepage/2013upgrade/arrow-web.png');
    background-repeat: no-repeat;
    background-position: center right;
    width: auto;
    display: inline;
    padding-bottom: 2px;
}

.caption {
    display: table-caption;
    text-align: left;
}

.footer {
    line-height: 14px;
    font-size: 10px;
    color: #FFFFFF;
}

.footer a {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 12px;
    text-decoration: none;
}

.footer a:hover {
    color: #00A4E4;
}

/* <RcmLogin plugin> */
.rcmPlugin.RcmLogin .loginFooter {
    clear: both;
    padding: 1em 0 1em 0;
}

/* </RcmLogin plugin> */

#relivGuestFooter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;

}

#relivGuestFooter p {
    color: #ffffff;
    font-size: 10px;
    line-height: 13px;
}

#relivGuestFooter a,
#relivGuestFooter a:link {
    color: #ffffff;
    font-size: 10px;
    line-height: 13px;
    text-decoration: none;
}

#relivGuestFooter a:hover {
    color: #00b1b0;
}

#relivGuestFooter a:visited {
    color: #ffffff;
}

#relivGuestFooter td {
    padding: 4px;
}

#relivGuestFooter div span table tbody tr td p {
    vertical-align: inherit;
}

#relivGuestFooter .FarLeftFooter {
    display: inline-block;
    vertical-align: top;
}

#relivGuestFooter .LeftFooter {
    display: inline-block;
    vertical-align: top;
}

#relivGuestFooter .MiddleFooter {
    display: inline-block;
    vertical-align: top;
}

#relivGuestFooter .RightFooter {
    display: inline-block;
    vertical-align: top;
}

#relivGuestFooter .FarRightFooter {
    display: inline-block;
    vertical-align: top;
}

.footer {
    color: #FFFFFF;
}

@media print {
    .modal {
        display: none;
    }
}

/** <Tab Plugin> **/
.RcmTabs .tab-pane {
    padding: 1em 2em 1em 2em;
    min-height: 20em;
}

.RcmTabs .panel-default {
    border: 1px solid transparent;
}

.RcmTabs .panel-heading {
    background: none;
    border: 1px solid transparent;
}

.RcmTabs .panel-body {
    border: 1px solid transparent;
}

/** </Tab Plugin> **/

/** <GuestResponsive RcmActionButton Plugin> **/
.rcmPlugin.RcmActionButton .button-box {
    height: 120px;
    overflow: hidden;
}

.rcmPlugin.RcmActionButton .button-area {
    height: calc(120px - 1em);
    overflow: hidden;
}

.rcmPlugin.RcmActionButton .button-content {
    overflow: hidden;
}

/** </GuestResponsive RcmActionButton Plugin> **/

#relivTopNavigation, #relivNavStretchedBar {
    font-size: 12px;
}

/* End bootstrap-undoing hacks to make top nav bar work in all countries */

.RcmBrightcovePlayer .nav-tabs > li {
    margin-bottom: -5px;
}

.RcmBrightcovePlayer .videoArea {
    width: 167px;

}

.RcmMessageList .rcmMessageList > div > h2 {
    display: none;
}

.rcmMessageList .userMessageListEmpty {
    display: none;
}

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

.RcmDynamicNavigation .navbar {
    min-height: inherit !important;
}

.RcmDynamicNavigation .navbar-default {
    background: none;
    border: none;
}

.RcmDynamicNavigation .navbar-nav {
    border: 1px solid #ffffff;
    margin: 6px 1px 1px 1px;
}

.RcmDynamicNavigation .navbar-default .navbar-collapse {
    border: none;
    border-color: transparent;
}

#relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav > li > a,
#relivNavBar .RcmDynamicNavigation .dropdown-menu > li > a {
    color: #000000;
}

#relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav > .open > a,
#relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav > .open > a:focus {
    background: #000000;
}

.RcmDynamicNavigation .caret {
    display: none
}

.RcmDynamicNavigation .rcmPluginContainer {
    overflow: visible;
}

#relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav > .open > a:hover {
    color: #ffffff;
}

#relivTopNavigation .navbar-default .navbar-nav > li {
    height: 25px;
    margin-left: -10px;
    padding-right: 8px;
}

.RcmDynamicNavigation .navbar-default .navbar-nav > li > a {
    font-size: 12px;
    padding: 0 1.4em 0 10px;
    line-height: 33px;
    font-weight: bold;
}

#relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav > li > a {
    color: white;
}

.RcmDynamicNavigation .navbar-nav {
    border: none;
    margin: 0;
}

#relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

#relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #00A4E4;
}

#relivNavBar .RcmDynamicNavigation .navbar-nav > li > .dropdown-menu {
    border: 3px solid black;
    margin-top: -3px;
    margin-left: 8px;
}

/*
  responsive theme additions to existent theme
*/
@media only screen and (min-width: 768px) {
    #relivNavBar .navbar-default .navbar-nav > li {
        margin-right: 1em;
    }
}

/*to override bootstrap and get rig of large size*/
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 970px;
    }
}

.RcmHtmlArea img {
    height: auto !important;
}

.RcmHtmlArea img {
    height: auto !important;
}

.RcmHtmlArea {
    height: auto !important;
}

#relivTopNavigation .RcmHtmlArea {
    margin-top: 30px;
    margin-left: -5px;
}

#relivTopNavigation .navbar-toggle {
    display: none;
}

#relivTopNavigation .RcmDynamicNavigation ul {
    list-style-type: none;
}

.RcmDynamicNavigation .navbar {
    margin-bottom: 0px;
}

#relivTopNavigation .RcmDynamicNavigation .navbar-default .navbar-nav > li:not(.HiddenLink) {
    display: list-item;
}

.responsiveHeader {
    /*height: 34px;*//* so dynamic nav works in mobile */
    background: black;
}

#relivTopNavigation .RcmDynamicNavigation .navbar-default .navbar-nav > li {
    width: 100%;
}

@media only screen and (max-width: 768px) {

    .RcmDynamicNavigation .navbar-toggle {
        padding: 5px 7px;
        margin-bottom: 4px;
        margin-top: 4px;
        float: left;
    }

    .col-xs-10 #relivlogo {
        margin-left: -16px;
    }

    #relivGuestFooter p {
        line-height: 19px;
    }

    #relivTopNavigation .collapse {
        display: block;
    }

    #relivNavBar .RcmDynamicNavigation .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
}

@media only screen and (max-width: 480px) {
    #relivSearch .searchField {
        width: 250px;
    }

    #relivSearch .RcmGoogleSearchBox {
        margin-right: -34px;
    }

    #relivlogo {
        background-size: 117px;
        width: 110px;
        height: 124px;
    }

    #relivTopNavigation .RcmDynamicNavigation .navbar-default .navbar-nav > li {
        width: 150px;
    }
}

@media only screen and (max-width: 992px) {

    #relivSearch {
        float: right;
    }

    #relivCountrySelector .RcmHtmlArea a {
        width: 10px;
        font-size: 0pt;
    }

    .relivSearchInterior {
        margin-left: -20px;
    }

    .countrySelectorInterior, .countrySelector {
        float: right;
        margin-right: -5px;
    }

    .checkoutButtonInterior #relivCheckoutButton {
        margin-right: 7px;
    }

    .countrySelector #relivCountrySelector {
        margin-left: 18px;
    }

}

@media only screen and (min-width: 992px) {
    .checkoutButtonInterior {
        margin-left: -19px;
    }
}

#relivNavBar .RcmDynamicNavigation {
    margin-left: -23px;
}

.rightColumnNav .checkoutButton {
    margin-left: 12px;
}

#relivSearch button {
    color: #FFFFFF;
}

.RcmRotatingImage img {
    width: 100%;
}

#relivCheckoutButton {
    float: right;
    margin-top: 6px;
}

#guestTopNavigation .RcmDynamicNavigation a {
    color: black
}

#guestTopNavigation .RcmDynamicNavigation {
    margin-top: 20px;
    margin-left: -20px;
}

.RcmRotatingImage .images {
    max-width: 968px;
}

.relivSearchInterior #relivSearch {
    margin-left: -16px;
}

#relivCountrySelector .RcmDynamicNavigation li {
    height: 25px;
    width: 100%;
}

#relivCountrySelector {
    margin-top: 16px;
    margin-left: -5px;
}

#relivCountrySelector .RcmHtmlArea {
    /* should fix jumping cart image */
    height: 60px !important;
}

#relivCountrySelector .RcmHtmlArea a {
    height: 22px;
    display: block;
    background: url(//reliv-static.s3-us-west-2.amazonaws.com/art/WebStuff/Cart/Globe-web.png) no-repeat;
    background-position: right;
    background-size: 22px 22px;
    padding-right: 27px;
}

.RcmDynamicNavigation li {
    padding: 0px;
}

/*
  end responsive theme additions to existent theme
*/

/* Center Column */
.homePage #relivHomeCenter {
    min-height: 300px;
}

.homePage #relivHomePageContentHeader {
    max-width: 1028px;
    /*min-height: 300px;*/
    /*margin-bottom: 25px;*/
}

.homePage .rcmPluginContainer .readMore {
    position: absolute;
    bottom: 40px;
    left: 20px;
    display: none;
}

.homePage #relivHomeCenter .htmlArea {
    text-align: center;
}

.homePage .rcmRssFeedReaderMainContainer {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.homePage #relivMainBody .col-lg-1, .homePage .homePage #relivMainBody .col-lg-10, .homePage #relivMainBody .col-lg-11, .homePage #relivMainBody .col-lg-12, .homePage #relivMainBody .col-lg-2, .homePage #relivMainBody .col-lg-3, .homePage #relivMainBody .col-lg-4, .homePage #relivMainBody .col-lg-5, .homePage #relivMainBody .col-lg-6, .homePage #relivMainBody .col-lg-7, .homePage #relivMainBody .col-lg-8, .homePage #relivMainBody .col-lg-9, .homePage #relivMainBody .col-md-1, .homePage #relivMainBody .col-md-10, .homePage #relivMainBody .col-md-11, .homePage #relivMainBody .col-md-12, .homePage #relivMainBody .col-md-2, .homePage #relivMainBody .col-md-3, .homePage #relivMainBody .col-md-4, .homePage #relivMainBody .col-md-5, .homePage #relivMainBody .col-md-6, .homePage #relivMainBody .col-md-7, .homePage #relivMainBody .col-md-8, .homePage #relivMainBody .col-md-9, .homePage #relivMainBody .col-sm-1, .homePage #relivMainBody .col-sm-10, .homePage #relivMainBody .col-sm-11, .homePage #relivMainBody .col-sm-12, .homePage #relivMainBody .col-sm-2, .homePage #relivMainBody .col-sm-3, .homePage #relivMainBody .col-sm-4, .homePage #relivMainBody .col-sm-5, .homePage #relivMainBody .col-sm-6, .homePage #relivMainBody .col-sm-7, .homePage #relivMainBody .col-sm-8, .homePage #relivMainBody .col-sm-9, .homePage #relivMainBody .col-xs-1, .homePage #relivMainBody .col-xs-10, .homePage #relivMainBody .col-xs-11, .homePage #relivMainBody .col-xs-12, .homePage #relivMainBody .col-xs-2, .homePage #relivMainBody .col-xs-3, .homePage #relivMainBody .col-xs-4, .homePage #relivMainBody .col-xs-5, .homePage #relivMainBody .col-xs-6, .homePage #relivMainBody .col-xs-7, .homePage #relivMainBody .col-xs-8, .homePage #relivMainBody .col-xs-9 {
    padding-left: 5px;
    padding-right: 5px;
}

.homePage #relivMainBody .rcmPlugin {
    margin-bottom: 10px;
}

.RcmDynamicNavigation .dropdown-menu > li > a:hover {
    background-color: transparent;
}

form.previewTotals {
    margin-left: 15px;
}

.checkoutSuggestedProductsLabel {
    font-weight: bold;
    margin-left: 15px;
    margin-bottom: 10px;
}

.suggested-product-price {
    color: black;
}

.suggested-product-name{
    margin-top: 10px;
}

@media (max-width: 767px) {
    a.suggested-product {
        display: none !important;
    }

    a.suggested-product:nth-of-type(1), a.suggested-product:nth-of-type(2) {
        display: inline-block !important;
        width: 50% !important;
    }
}

.header-temporary-message-container .content-block{
    padding:0;
    background-color: white;
}

.cart-ui-x-link-button, .checkout-btn-link{
    font-size: 14px;
    padding: 0;
    line-height:20px;
    text-transform: none;
    color:#00A4E4;
}
/** OVER-RIDES for Bootstrap **/
.alert-success {
    background-color: #e4f1d1;
    border-color: #8dc63e;
    color: #6a942e;
}

.alert-success hr {
    border-top-color: #8dc63e;
}

.alert-success .alert-link {
    color: #46631f;
}

.alert-info {
    background-color: #c2e9f6;
    border-color: #00A4E4;
    color: #007ca4;
}

.alert-info hr {
    border-top-color: #00A4E4;
}

.alert-info .alert-link {
    color: #00526d;
}

.alert-warning {
    background-color: #fde6c9;
    border-color: #f8971d;
    color: #ba7116;
}

.alert-warning hr {
    border-top-color: #f8971d;
}

.alert-warning .alert-link {
    color: #7c4b0e;
}

.alert-danger {
    background-color: #fcd8ca;
    border-color: #f15d22;
    color: #b54619;
}

.alert-danger hr {
    border-top-color: #f15d22;
}

.alert-danger .alert-link {
    color: #782e11;
}

.text-success {
    color: #6a942e;
}

.text-info {
    color: #007ca4;
}

.text-warning {
    color: #ba7116;
}

.text-danger {
    color: #b54619;
}

.has-error .checkbox, .has-error .checkbox-inline,
.has-error .control-label, .has-error .help-block,
.has-error .radio, .has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #f15d22;
}

.has-error .form-control {
    border-color: #f15d22;
}

.has-error input {
    background-color: #fcd8ca;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #00A4E4;
    border-color: #00A4E4;
}

.pagination > li > a,
.pagination > li > span {
    color: inherit;
    background-color: transparent;
}

/* Fix Modal scrolling */
@media only screen {
    .modal {
        max-height: none;
        overflow-y: scroll;
    }
}

.panel-primary {
    border-color: #00A4E4;
}

.RcmGlobalBagDisplay {
    position: relative;
    cursor: pointer;
}

.RcmGlobalBagDisplay .rcmPluginContainer {
    border-radius: 10px;
}

.RcmGlobalBagDisplay .itemCountVal {
    color: black;
    position: relative;
    left: 10px;
    bottom: -1px;
    text-align: center;
    width: 17px;
    font-size: 12px; /* size in px to match image */
    font-family: sans-serif;
    font-weight: bold;
    display: block;
}

.RcmGlobalBagDisplay a {
    text-decoration: none;
}

.RcmGlobalBagDisplay .cartImg {
    position: absolute;
    top: 3px;
    left: 0;
}

.RcmGlobalBagDisplay .cartDiv {
    display: none;
}

.RcmGlobalBagDisplay .popCart {
    left: -310px;
    position: absolute;
    top: 25px;
    display: none;
    width: 360px;
    padding: 15px;
    border: 3px solid black;
    background-color: white;
    z-index: 1000;
}

.RcmGlobalBagDisplay:hover .popCart {
    display: block;
}

.RcmGlobalBagDisplay .itemImage,
.RcmGlobalBagDisplay .itemDesc {
    float: left;
}

.RcmGlobalBagDisplay .itemImage {
    width: 50px
}

.RcmGlobalBagDisplay .itemDesc {
    width: 274px
}

.RcmGlobalBagDisplay .itemName {
    color: #00A4E4;
}

.RcmGlobalBagDisplay .itemImg {
    max-width: 40px;
    max-height: 60px;
    margin-right: 10px;
}

.RcmGlobalBagDisplay .item {
    clear: both;
    padding-bottom: 15px;
    overflow: hidden;
    display: block;
}

.RcmGlobalBagDisplay a:hover .itemQty,
.RcmGlobalBagDisplay a .itemQty {
    color: black;
}

.RcmGlobalBagDisplay .button {
    width: 100%;
    text-align: center;
}

.RcmGlobalBagDisplay .itemQty div {
    float: left;
}

.RcmGlobalBagDisplay .cartImg {
    width: 31px;
    height: 24px;
    background-image: url(//reliv-static.s3-us-west-2.amazonaws.com/art/WebStuff/Cart/Cart-web.png);
}

#relivTopNavigation .RcmGlobalBagDisplay {
    margin-top: 18px;
    margin-left: 10px;
}

/* <RcmGoogleSearchBox> */
.RcmGoogleSearchBox {
    overflow: visible;
}

.RcmGoogleSearchBox .searchField {
    max-width: 80%;
    float: left;
}

.RcmGoogleSearchBox .searchField input {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

.RcmGoogleSearchBox .searchButton {
    float: left;
}

.RcmGoogleSearchBox .searchButton span {
    display: none;
}

.RcmGoogleSearchBox button,
.RcmGoogleSearchBox button:hover {
    /*background: url('//reliv-static.s3-us-west-2.amazonaws.com/art/WebStuff/Cart/Search-web.png');*/
    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-size: 1.2em;
    font-weight: bold;
    margin: 4px 0;
    overflow: visible;
    padding: 4px;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}



/* */
#guestMainNavigation .RcmGoogleSearchBox {
    /*float: right;*/
    left: 50px;
    /*width: 220px;*/
}

#guestMainNavigation .RcmGoogleSearchBox .searchField {
    width: 162px;
}

#guestMainNavigation .RcmGoogleSearchBox button,
#guestMainNavigation .RcmGoogleSearchBox button:hover {
    color: #FFFFFF;
}

#relivSearch .RcmGoogleSearchBox .searchField {
    width: 152px;
}

#relivSearch .RcmGoogleSearchBox {
    margin-left: 18px;
}

#relivSearch .RcmGoogleSearchBox {
    margin-right: -18px;
}

/* <BlockSiteSearchBox> */
.BlockSiteSearchBox {
    overflow: visible;
}

.BlockSiteSearchBox .searchField {
    max-width: 80%;
    float: left;
}

.BlockSiteSearchBox .searchField input {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

.BlockSiteSearchBox .searchButton {
    float: left;
}

.BlockSiteSearchBox .searchButton span {
    display: none;
}

.BlockSiteSearchBox button,
.BlockSiteSearchBox button:hover {
    /*background: url('//reliv-static.s3-us-west-2.amazonaws.com/art/WebStuff/Cart/Search-web.png');*/
    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-size: 1.2em;
    font-weight: bold;
    margin: 4px 0;
    overflow: visible;
    padding: 4px;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}



/* */
#guestMainNavigation .BlockSiteSearchBox {
    /*float: right;*/
    left: 50px;
    /*width: 220px;*/
}

#guestMainNavigation .BlockSiteSearchBox .searchField {
    width: 162px;
}

#guestMainNavigation .BlockSiteSearchBox button,
#guestMainNavigation .BlockSiteSearchBox button:hover {
    color: #FFFFFF;
}

#relivSearch .BlockSiteSearchBox .searchField {
    width: 152px;
}

#relivSearch .BlockSiteSearchBox {
    margin-left: 18px;
}

#relivSearch .BlockSiteSearchBox {
    margin-right: -18px;
}

/* This is the compiled version of part of module/rcm-themes/theme-guest-2018/public/css/checkout.scss */
.checkout-legacy-form label {
    margin-bottom: 15px;
    font-weight: normal;
    line-height: 17px;
}
.checkout-legacy-form label input[type="checkbox"] {
    width: auto;
    display: inline;
}
.checkout-legacy-form label input[type="radio"] {
    width: auto;
    display: inline;
    margin-right: 5px;
}
.checkout-legacy-form .radio {
    margin-top: 0;
    margin-bottom: 0;
}
.checkout-legacy-form .radio label {
    margin-bottom: 0;
}
.checkout-legacy-form .checkout-legacy-form-vertical-radio-wrap {
    margin-bottom: 15px;
}
.checkout-legacy-form label.autoshipOrder span {
    display: inline;
}
.checkout-legacy-form .horizontalRadio label {
    margin-bottom: 0;
    display: inline;
    margin-right: 10px;
}
.checkout-legacy-form .shippingMethodLabel {
    margin-bottom: 0;
}
.checkout-payment-container label {
    font-weight: normal;
    line-height: 17px;
}
.checkout-skinny-form-page-wrap {
    max-width: 800px;
    margin: 0 auto;
}