/* Start */
html, body {
    height: 100%;
}
body {
    background-color:#000000;
}

.rcmPlugin {
    display: block;
    border: 0px dotted transparent;

    position: relative;
    float: left;

}

#relivMainBody .RcmHtmlArea {
    /*width: 100%;*/
}

.rcmPluginContainer {
    overflow: hidden;
}

.rcmContainer {
    display: block;
    border: 0px dotted transparent;
}

#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("//content.reliv.com/migrate/themes/reliv-guest-site/header-and-footer/reliv-logo.png");
    height: 121px;
    left: 50%;
    margin-left: -503px;
    position: absolute;
    top: -4px;
    width: 121px;
    z-index: 901;
}

/*  Top Navigation Bar  */
#relivTopNavigation {
    width: 1028px;
    height: 37px;
    margin: auto;
    position: relative;
    z-index: 901;
}

.CountrySelector {
    height: 33px;
    margin: auto;
    padding-left: 143px;
    margin-left: 10px;
}

.CountrySelector .rcmPlugin {
    height: 29px;
}

.CountrySelector {
    position: relative;
    float: left;
    z-index: 900;
}

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

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

/*  Main Navigation */

#relivNavStretchedBar {
    /*width: 100%; removed to fix phones*/
    height: 34px;
    /*background: url("//content.reliv.com/migrate/themes/reliv-guest-site/header-and-footer/top-bar.png") repeat scroll center bottom transparent;*/
    background-color: #000000;
    position: relative;
    z-index: 900;
}

.SiteNavigation {
    margin-top: -1px;
    padding-left: 138px;
    margin-left: 10px;
}

.SiteNavigation {
    height: 33px;
}

.SiteNavigation li a {
    color: #FFFFFF;
}

/* top and country nav */

.SiteNavigation li .popup {
    width: 300px;
}

.SiteNavigation .column, .CountrySelector .column {
    width: 300px;
    padding: 0 0 10px 0;
    float: left;
}

.SiteNavigation li .columnCount_2, .CountrySelector li .columnCount_2 {
    width: 602px;
}

.SiteNavigation .column li a, .RcmLoginLink .column li a {
    font-weight: bold;
    color: #000000;
}

.SiteNavigation li ul li, .RcmLoginLink li ul li {
    padding: 0 20px 0 50px;
    background-repeat: no-repeat;
    background-position: 30px top;
    background-image: url('//content.reliv.com/cdn/images/guest/template/menu_arrow2.jpg');
}

.SiteNavigation li ul li a, .RcmLoginLink li ul li a {
    color: #000000;
    line-height: 21px;
}

.SiteNavigation li ul li:hover, .CountrySelector li ul li:hover, .RcmLoginLink li ul li:hover {
    /*background-color: transparent;*/
    background-repeat: no-repeat;
    background-position: 30px top;
    background-image: url('//content.reliv.com/cdn/images/guest/template/menu_arrow2.jpg');
}

.SiteNavigation li ul li:hover a, .CountrySelector li ul li:hover a, .RcmLoginLink li ul li:hover a {
    color: #8dc63f;
}

.SiteNavigation li .popup, .CountrySelector li .popup, .CountrySelector li .popup, .CountrySelector li .popup, .RcmLoginLink li .popup {
    border: 3px solid black;
}

.SiteNavigation .columnCount_2 .column_1, .CountrySelector .columnCount_2 .column_1 {
    border-right: 2px solid black;
}

/* end top and country nav */

/* Top Nav */

.SiteNavigation li {
    padding: 11px 45px 11px 5px;
}

.SiteNavigation li a {
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.SiteNavigation li ul li.heading, .SiteNavigation li ul li.bold {
    padding: 0 20px 0 30px;
    background-color: transparent;
    background-image: none;
}

.SiteNavigation li ul li.heading a, .SiteNavigation li ul li.bold a {
    color: #00A3E6;
}

.SiteNavigation li ul li.heading {
    padding-top: 15px;
}

.RcmNavigation li ul li:hover {
    background-color: transparent;
}

.SiteNavigation li ul li:hover a {
    color: #8dc63f;
}

/* End nav */

/* Country nav */

.CountrySelector li ul .country a {
    color: #00A3E6;
}

.CountrySelector .column, .CountrySelector .column {
    width: 300px;
    padding: 0 0 10px 0;
    float: left;
}

.CountrySelector ul li a {
    color: #000000;
    font-weight: bold;
}

.CountrySelector ul li a {
    color: #000000;
    font-weight: bold;
    height: 12px;
    padding: 4px 0 4px 30px;
}

.CountrySelector ul li a {
    color: #000000;
    font-weight: bold;
    height: 12px;
    padding: 4px 0 4px 0;
}

.CountrySelector ul li ul li a {
    color: #000000;
    font-weight: bold;
    height: 12px;
    padding: 4px 0 4px 30px;
}

.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, #relivNavBar {
    width: 1028px;
    margin: auto;
}

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

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

/* Right Column */
#relivRightColumn {
    width: 184px;
    float: right;
}

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

/* End Main Body  */

.RelivBlogFeed {
    width: 100%;
}

/* Footer */


#relivGuestFooterContainer {
    /*background-image: url("//content.reliv.com/migrate/themes/reliv-guest-site/header-and-footer/bottom-bar.png");*/
    /*background-repeat: repeat-x;*/
    /*background-position: top;*/
    overflow: hidden;
    position: relative;
}

/*  Country Selector */

.CountrySelector li ul li {
    padding-right: 20px;
    padding-left: 10px;
}

.CountrySelector ul li a {
    height: 10px;
    padding: 0 0 4px 30px;
}

.CountrySelector ul li ul li a {
    color: #000000;
    font-weight: bold;
    height: 12px;
    padding: 4px 0 4px 30px;
}

.CountrySelector li.US ul li.US a {
    padding: 4px 0 4px 30px;
}

.CountrySelector ul li ul li a {
    padding: 2px 0 2px 30px;
}

.CountrySelector ul li ul li, .CountrySelector ul li ul li:hover {
    background-repeat: no-repeat;
    background-position: 18px 4px;
    background-image: url('//content.reliv.com/cdn/images/guest/template/menu_arrow2.jpg');
}

.CountrySelector li.US a,
.CountrySelector li.US ul li.US a,
.CountrySelector li.CA ul li.US a,
.CountrySelector li.AU ul li.US a,
.CountrySelector li.NZ ul li.US a,
.CountrySelector li.UK ul li.US a,
.CountrySelector li.MX ul li.US a,
.CountrySelector li.PH ul li.US a,
.CountrySelector li.MY ul li.US a,
.CountrySelector li.SG ul li.US a,
.CountrySelector li.ID ul li.US a,
.CountrySelector li.BN ul li.US a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/United_States_of_America.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.CA a,
.CountrySelector li.US ul li.CA a,
.CountrySelector li.CA ul li.CA a,
.CountrySelector li.AU ul li.CA a,
.CountrySelector li.NZ ul li.CA a,
.CountrySelector li.UK ul li.CA a,
.CountrySelector li.MX ul li.CA a,
.CountrySelector li.PH ul li.CA a,
.CountrySelector li.MY ul li.CA a,
.CountrySelector li.SG ul li.CA a,
.CountrySelector li.ID ul li.CA a,
.CountrySelector li.BN ul li.CA a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Canada.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.AU a,
.CountrySelector li.US ul li.AU a,
.CountrySelector li.CA ul li.AU a,
.CountrySelector li.AU ul li.AU a,
.CountrySelector li.NZ ul li.AU a,
.CountrySelector li.UK ul li.AU a,
.CountrySelector li.MX ul li.AU a,
.CountrySelector li.PH ul li.AU a,
.CountrySelector li.MY ul li.AU a,
.CountrySelector li.SG ul li.AU a,
.CountrySelector li.ID ul li.AU a,
.CountrySelector li.BN ul li.AU a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Australia.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.NZ a,
.CountrySelector li.US ul li.NZ a,
.CountrySelector li.CA ul li.NZ a,
.CountrySelector li.AU ul li.NZ a,
.CountrySelector li.NZ ul li.NZ a,
.CountrySelector li.UK ul li.NZ a,
.CountrySelector li.MX ul li.NZ a,
.CountrySelector li.PH ul li.NZ a,
.CountrySelector li.MY ul li.NZ a,
.CountrySelector li.SG ul li.NZ a,
.CountrySelector li.ID ul li.NZ a,
.CountrySelector li.BN ul li.NZ a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/New_Zealand.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.UK a,
.CountrySelector li.US ul li.UK a,
.CountrySelector li.CA ul li.UK a,
.CountrySelector li.AU ul li.UK a,
.CountrySelector li.NZ ul li.UK a,
.CountrySelector li.UK ul li.UK a,
.CountrySelector li.MX ul li.UK a,
.CountrySelector li.PH ul li.UK a,
.CountrySelector li.MY ul li.UK a,
.CountrySelector li.SG ul li.UK a,
.CountrySelector li.ID ul li.UK a,
.CountrySelector li.BN ul li.UK a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/European_Union.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.MX a,
.CountrySelector li.US ul li.MX a,
.CountrySelector li.CA ul li.MX a,
.CountrySelector li.AU ul li.MX a,
.CountrySelector li.NZ ul li.MX a,
.CountrySelector li.UK ul li.MX a,
.CountrySelector li.MX ul li.MX a,
.CountrySelector li.PH ul li.MX a,
.CountrySelector li.MY ul li.MX a,
.CountrySelector li.SG ul li.MX a,
.CountrySelector li.ID ul li.MX a,
.CountrySelector li.BN ul li.MX a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Mexico.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.PH a,
.CountrySelector li.US ul li.PH a,
.CountrySelector li.CA ul li.PH a,
.CountrySelector li.AU ul li.PH a,
.CountrySelector li.NZ ul li.PH a,
.CountrySelector li.UK ul li.PH a,
.CountrySelector li.MX ul li.PH a,
.CountrySelector li.PH ul li.PH a,
.CountrySelector li.MY ul li.PH a,
.CountrySelector li.SG ul li.PH a,
.CountrySelector li.ID ul li.PH a,
.CountrySelector li.BN ul li.PH a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Philippines.gif');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.MY a,
.CountrySelector li.US ul li.MY a,
.CountrySelector li.CA ul li.MY a,
.CountrySelector li.AU ul li.MY a,
.CountrySelector li.NZ ul li.MY a,
.CountrySelector li.UK ul li.MY a,
.CountrySelector li.MX ul li.MY a,
.CountrySelector li.PH ul li.MY a,
.CountrySelector li.MY ul li.MY a,
.CountrySelector li.SG ul li.MY a,
.CountrySelector li.ID ul li.MY a,
.CountrySelector li.BN ul li.MY a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Malaysia.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.SG a,
.CountrySelector li.US ul li.SG a,
.CountrySelector li.CA ul li.SG a,
.CountrySelector li.AU ul li.SG a,
.CountrySelector li.NZ ul li.SG a,
.CountrySelector li.UK ul li.SG a,
.CountrySelector li.MX ul li.SG a,
.CountrySelector li.PH ul li.SG a,
.CountrySelector li.MY ul li.SG a,
.CountrySelector li.SG ul li.SG a,
.CountrySelector li.ID ul li.SG a,
.CountrySelector li.BN ul li.SG a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Singapore.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.ID a,
.CountrySelector li.US ul li.ID a,
.CountrySelector li.CA ul li.ID a,
.CountrySelector li.AU ul li.ID a,
.CountrySelector li.NZ ul li.ID a,
.CountrySelector li.UK ul li.ID a,
.CountrySelector li.MX ul li.ID a,
.CountrySelector li.PH ul li.ID a,
.CountrySelector li.MY ul li.ID a,
.CountrySelector li.SG ul li.ID a,
.CountrySelector li.ID ul li.ID a,
.CountrySelector li.BN ul li.ID a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Indonesia.gif');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.BN a,
.CountrySelector li.US ul li.BN a,
.CountrySelector li.CA ul li.BN a,
.CountrySelector li.AU ul li.BN a,
.CountrySelector li.NZ ul li.BN a,
.CountrySelector li.UK ul li.BN a,
.CountrySelector li.MX ul li.BN a,
.CountrySelector li.PH ul li.BN a,
.CountrySelector li.MY ul li.BN a,
.CountrySelector li.SG ul li.BN a,
.CountrySelector li.ID ul li.BN a,
.CountrySelector li.BN ul li.BN a {
    background-image: url('//content.reliv.com/migrate/content/images/country-flags/Brunei.png');
    background-position: left center;
    background-repeat: no-repeat;
}

.CountrySelector li.US ul li a,
.CountrySelector li.CA ul li a,
.CountrySelector li.AU ul li a,
.CountrySelector li.NZ ul li a,
.CountrySelector li.UK ul li a,
.CountrySelector li.MX ul li a,
.CountrySelector li.PH ul li a,
.CountrySelector li.SG ul li a,
.CountrySelector li.ID ul li a,
.CountrySelector li.BN ul li a,
.CountrySelector li.MY ul li a,
.CountrySelector li.US ul li.US,
.CountrySelector li.US ul li.CA,
.CountrySelector li.US ul li.AU,
.CountrySelector li.US ul li.UK,
.CountrySelector li.US ul li.MX,
.CountrySelector li.US ul li.PH,
.CountrySelector li.US ul li.MY,
.CountrySelector li.US ul li.SG,
.CountrySelector li.US ul li.ID,
.CountrySelector li.US ul li.BN,
.CountrySelector li.CA ul li.US,
.CountrySelector li.CA ul li.CA,
.CountrySelector li.CA ul li.AU,
.CountrySelector li.CA ul li.NZ,
.CountrySelector li.CA ul li.UK,
.CountrySelector li.CA ul li.MX,
.CountrySelector li.CA ul li.PH,
.CountrySelector li.CA ul li.MY,
.CountrySelector li.CA ul li.SG,
.CountrySelector li.CA ul li.ID,
.CountrySelector li.CA ul li.BN,
.CountrySelector li.AU ul li.US,
.CountrySelector li.AU ul li.CA,
.CountrySelector li.AU ul li.AU,
.CountrySelector li.AU ul li.NZ,
.CountrySelector li.AU ul li.UK,
.CountrySelector li.AU ul li.MX,
.CountrySelector li.AU ul li.PH,
.CountrySelector li.AU ul li.MY,
.CountrySelector li.AU ul li.SG,
.CountrySelector li.AU ul li.ID,
.CountrySelector li.AU ul li.BN,
.CountrySelector li.NZ ul li.US,
.CountrySelector li.NZ ul li.CA,
.CountrySelector li.NZ ul li.AU,
.CountrySelector li.NZ ul li.NZ,
.CountrySelector li.NZ ul li.UK,
.CountrySelector li.NZ ul li.MX,
.CountrySelector li.NZ ul li.PH,
.CountrySelector li.NZ ul li.MY,
.CountrySelector li.NZ ul li.SG,
.CountrySelector li.NZ ul li.ID,
.CountrySelector li.NZ ul li.BN,
.CountrySelector li.UK ul li.US,
.CountrySelector li.UK ul li.CA,
.CountrySelector li.UK ul li.AU,
.CountrySelector li.UK ul li.NZ,
.CountrySelector li.UK ul li.UK,
.CountrySelector li.UK ul li.MX,
.CountrySelector li.UK ul li.PH,
.CountrySelector li.UK ul li.MY,
.CountrySelector li.UK ul li.SG,
.CountrySelector li.UK ul li.ID,
.CountrySelector li.UK ul li.BN,
.CountrySelector li.MX ul li.US,
.CountrySelector li.MX ul li.CA,
.CountrySelector li.MX ul li.AU,
.CountrySelector li.MX ul li.NZ,
.CountrySelector li.MX ul li.UK,
.CountrySelector li.MX ul li.MX,
.CountrySelector li.MX ul li.PH,
.CountrySelector li.MX ul li.MY,
.CountrySelector li.MX ul li.SG,
.CountrySelector li.MX ul li.ID,
.CountrySelector li.MX ul li.BN,
.CountrySelector li.PH ul li.US,
.CountrySelector li.PH ul li.CA,
.CountrySelector li.PH ul li.AU,
.CountrySelector li.PH ul li.NZ,
.CountrySelector li.PH ul li.UK,
.CountrySelector li.PH ul li.MX,
.CountrySelector li.PH ul li.PH,
.CountrySelector li.PH ul li.MY,
.CountrySelector li.PH ul li.SG,
.CountrySelector li.PH ul li.ID,
.CountrySelector li.PH ul li.BN,
.CountrySelector li.MY ul li.US,
.CountrySelector li.MY ul li.CA,
.CountrySelector li.MY ul li.AU,
.CountrySelector li.MY ul li.NZ,
.CountrySelector li.MY ul li.UK,
.CountrySelector li.MY ul li.MX,
.CountrySelector li.MY ul li.PH,
.CountrySelector li.MY ul li.MY,
.CountrySelector li.MY ul li.SG,
.CountrySelector li.MY ul li.ID,
.CountrySelector li.MY ul li.BN,
.CountrySelector li.SG ul li.US,
.CountrySelector li.SG ul li.CA,
.CountrySelector li.SG ul li.AU,
.CountrySelector li.SG ul li.NZ,
.CountrySelector li.SG ul li.UK,
.CountrySelector li.SG ul li.MX,
.CountrySelector li.SG ul li.PH,
.CountrySelector li.SG ul li.MY,
.CountrySelector li.SG ul li.SG,
.CountrySelector li.SG ul li.ID,
.CountrySelector li.SG ul li.BN,
.CountrySelector li.ID ul li.US,
.CountrySelector li.ID ul li.CA,
.CountrySelector li.ID ul li.AU,
.CountrySelector li.ID ul li.NZ,
.CountrySelector li.ID ul li.UK,
.CountrySelector li.ID ul li.MX,
.CountrySelector li.ID ul li.PH,
.CountrySelector li.ID ul li.MY,
.CountrySelector li.ID ul li.SG,
.CountrySelector li.ID ul li.ID,
.CountrySelector li.ID ul li.BN,
.CountrySelector li.BN ul li.US,
.CountrySelector li.BN ul li.CA,
.CountrySelector li.BN ul li.AU,
.CountrySelector li.BN ul li.NZ,
.CountrySelector li.BN ul li.UK,
.CountrySelector li.BN ul li.MX,
.CountrySelector li.BN ul li.PH,
.CountrySelector li.BN ul li.MY,
.CountrySelector li.BN ul li.SG,
.CountrySelector li.BN ul li.ID,
.CountrySelector li.BN ul li.BN {
    background-image: none;
    background: transparent;
}

/* Prevents the "g" on "login" form being cut off */
.GuestSiteTopNav, .CountrySelector {
    height: 25px;
}

/* end nav */

.RelivBlogFeed a {
    color: #00A3E6;
}

.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;
}

.RcmGoogleSearchBox input {
    width: 125px;
}

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 {
    overflow: visible;
}

.RcmGoogleSearchBox button, .RcmGoogleSearchBox button:hover {
    white-space: nowrap;
    overflow: visible;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    cursor: pointer;
    background: url('//static.reliv.com/art/WebStuff/Cart/Search-web.png');
    width: 19px;
    height: 19px;
    border: none;
    /*hide text */
    text-indent: 9999px;
    position: relative;
    top: 2px;
    left: 5px;
}

/* 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/reliv-guest-site/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*/

/*allow cart to be absolutely positioned because chrome and ie calc its top margin differently*/
/*#relivNavBar .rcmContainer{*/
/*position:relative;*/
/*}*/
.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 {
    height: 190px !important;
    width: 210px !important;
}

.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;
}

.RcmTabs {
    width: 682px;
    margin-right: 16px;
}

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

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

#relivLeftColumn div.RcmNavigation {
    width: 118px;
}

#relivLeftColumn div.RcmNavigation ul li.heading a {
    color: #00A3E6;
    font-size: 12px;
    font-weight: bold;
}

#relivLeftColumn div.RcmNavigation ul li {
    float: none;
}

#relivLeftColumn div.RcmNavigation ul li a {
    color: #000000;
    font-weight: normal;
    font-size: 10px;
}

#relivLeftColumn div.RcmNavigation ul li a:hover {
    color: #8DC63F;
}

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

    #relivNavStretchedBar {
        display: none !important
    }

    #relivGuestFooterContainer {
        display: none !important
    }

    #ContentManagerTopAdminPanel {
        display: none !important
    }

    #ToolBarSpacer {
        display: none !important
    }

    #rcmAdminPagePopoutWindow {
        display: none !important
    }

    #rcmLayoutEditorContainer {
        display: none !important
    }

    #relivLeftColumn {
        display: none !important
    }

    #relivRightColumn {
        display: none !important
    }

    #relivlogo {
        display: none !important
    }
}

/* Added to fix Twitter Bootstrap CSS on firefox */
* {
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

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

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

.RcmGlobalBagDisplay a {
    text-decoration: none;
}

.RcmGlobalBagDisplay {
    position: relative;
    /* Fix gaps in click-able area */
    cursor: pointer;
}

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

.RcmGlobalBagDisplay .cartDiv {
    margin: 7px 10px 5px 37px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
    color: black;
}

.RcmGlobalBagDisplay {
    position: absolute !important;
    left: 847px;
    top: 3px;
}

.RcmGlobalBagDisplay {
    position: relative;
}

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

.RcmGlobalBagDisplay .popCart {
    left: -100px;
    position: absolute;
    top: 25px;
    display: none;
    width: 230px;
    padding: 15px;
    border: 3px solid black;
    background-color: white;
}

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

.RcmGlobalBagDisplay .itemName {
    color: #00A4E4;
    width: 160px;
}

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

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

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

.RcmGlobalBagDisplay a:hover .itemName {
    color: #8DC63F;
}

.RcmGlobalBagDisplay .button {
    width: 200px;
    text-align: center;
}

.RcmGlobalBagDisplay .itemQty div {
    float: left;
}

.zendFormTable {
    display: table;
}

/* hide zend form errors because they are too hard to translate */
.zendFormTable ul {
    display: none;
}

.zendFormTable > label {
    display: table-row;
}

.zendFormTable label > span {
    padding-right: 1em;
    display: table-cell;
}

.zendFormTable label > input[type=text], .zendFormTable label > input[type=password] {
    width: 16em;
    display: table-cell;
}

.zendFormTable label > input[type=text].verificationCode {
    width: 6em;
}

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

.zendFormTable > label > span.hint {
    padding-left: 0.5em;
}

.zendFormTable > label > input.input-error {
    background-color: #F15D22;
    color: black;
}

.zendFormTable > label.input-error {
    color: #F15D22;
}

.zendFormTable h3 {
    font-weight: bold;
}

.zendFormTable .horizontalRadio label {
    margin-right: 1em;
}

/* prevents a bug in RCM-core that makes some ck-editors skinny during edit */
form.RcmCheckout {
    width: 660px;
}

.RcmCheckout input[name="creditCard[verificationCode]"] {
    width: 5em !important;
}

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

.RcmCheckout li {
    padding: 0 0 5px;
}

.RcmCheckout a {
    cursor: pointer;
}

.RcmCheckout .apertureSliderFrame {
    margin-top: 20px;
}

.RcmCheckout label.invalid {
    color: #F15D22;
}

.RcmCheckout .error {
    color: #F15D22;
    margin-bottom: 15px;
}

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

.RcmCheckout blockquote.terms {
    height: 320px;
    overflow-y: scroll;
}

.RcmCheckout input[type="text"], .RcmCheckout input[type="password"], .RcmCheckout select {
    margin-bottom: 10px;
}

.RcmCheckout input[type="text"], .RcmCheckout input[type="password"] {
    width: 140px;
}

.RcmCheckout .sectionEdit {
    float: right;
}

.RcmCheckout label.check {
    display: inline;
}

.RcmCheckout {
    position: relative;
}

.RcmCheckout input.rcnInput {
    width: 200px
}

.RcmCheckout blockquote {
    border: 1px solid #a9a9a9;
}

.RcmCheckout .money {
    text-align: right;
}

.RcmCheckout .orderSuccess a.edit {
    display: none;
}

.orderNumberVal {
    color: #00a4e4;
}

.RcmCheckout .paymentTh {
    width: 25%;
}

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

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

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

.RcmCheckout .editMsg {
    color: #f8971d
}

.RcmCheckout .addressCol {
    padding-right: 20px;
    width: 350px;
}

.RcmCheckout .orderNumber {
    font-weight: bold;
    color: #00A4E4;
}

.RcmCheckout .buttons {
    clear: both;
    padding-top: 20px;
    padding-bottom: 40px;
}

.RcmCheckout .billAddressSameWrap {
    margin-bottom: 10px;
}

.RcmCheckout div.autoShipFrequency {
    margin-top: 20px;
}

.RcmCheckout input[type=text].qtyInput {
    width: 20px;
}

.RcmCheckout .removeButton {
    cursor: pointer;
}

.RcmCheckout .removeButton.disabled {
    cursor: inherit;
}

.RcmCheckout input.invalid {
    background-color: #F15D22;
}

.RcmCheckout button {
    float: right;
}

.RcmCheckout .previewTotalsButton {
    margin-top: 10px;
}

.RcmCheckout .previewTotals td {
    font-weight: bold;
    padding-right: 10px;
}

.RcmCheckout .addressTable td {
    vertical-align: top;
}

.itemTotal, .subtotalVal, .money {
    white-space: nowrap;
    overflow: hidden;
}

.RcmForm td.label {
    padding-right: 10px;
    font-weight: bold;
    font-size: 8pt;
}

.RcmForm td.input {
    text-align: left;
}

.RcmForm table.fullWidth {
    width: 100%;
}

.RcmForm .hide {
    display: none;
}

.RcmForm table.fullWidth th {
    background-color: black;
    color: white;
    padding: 2px 20px 2px 5px;
    text-align: left;
}

.RcmForm table.fullWidth th.last {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.RcmForm .smallVerify, .RcmForm .smallVerify p {
    font-size: 8pt;
    padding: 0 5px;
    vertical-align: top;
}

.RcmForm h2 {
    color: black;
}

.RcmForm tr.rcmCheckoutBvPvTotals {
    display: none;
}

.RcmForm table.rcmBagDisplaySubTotals .total td {
    padding-top: 20px;
}

.RcmForm table.rcmBagDisplaySubTotals {
    font-weight: bold;
    width: 240px;
}

.RcmForm table.rcmBagDisplaySubTotals .bvPv {
    font-weight: normal;
}

.RcmForm .rcmBagDisplayItemList .name {
    width: 320px !important;
}

.RcmForm .bvPv {
    display: none;
}

.RcmForm.showBvPv .bvPv {
    display: inline;
}

.RcmForm.showBvPv th.bvPv, .RcmForm.showBvPv td.bvPv {
    display: table-cell;
}

.RcmForm.showBvPv tr.bvPv {
    display: table-row;
}

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

.RcmForm.orderSuccess .remove {
    display: none;
}

.RcmForm.orderSuccess .name {
    padding-left: 20px;
}

.RcmForm.orderSuccess .edit {
    display: none;
}

.RcmForm .rcmBagDisplaySubTotals {
    float: right;
    padding: 5px 20px;
}

.RcmForm th {
    white-space: nowrap
}

.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;
}

.RcmForm table.fullWidth th.itemTotal {
    text-align: right;
}

.testAutoFill, .adminViewConfirm {
    cursor: pointer;
}

.RcmForm .rcmBagDisplayItemList {
    margin-bottom: 20px;
}

.rcmBagDisplayItemList .itemTotal {
    text-align: right;
}

.rcmBagDisplayItemList .remove {
    padding-left: 20px;
}

.rcmBagDisplayItemList td {
    padding: 2px 20px 2px 5px;
    text-align: left;
    border-bottom: 1px dotted grey;
}

.rcmBagDisplayItemList th.name {
    width: 140px;
}

.rcmBagDisplayItemList th.sku {
    width: 75px;
}

.rcmBagDisplaySubTotals {
    float: right;
}

.rcmBagDisplaySubTotals tr.subtotal {
    font-weight: bold;
}

.rcmBagDisplaySubTotals td {
    padding: 5px 20px;
}

.rcmBagDisplaySubTotals .val {
    text-align: right;
}

.rcmBagDisplayItemList.notEditable .name {
    padding-left: 20px;
    width: 235px;
}

.RcmForm .hideFinalTotals .finalTotal {
    display: none;
}

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

label {
    color: black;
}

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

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

.RcmLoginLink .portal {
    color: #F8971D;
}
/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, tt, var,
center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;

}

.cke_contents, .cke_contents iframe, .cke_wrapper {
    background-color: Transparent !important;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

/**
* End Css Reset
*/

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

h1 {
    color: #00A3E6;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
}

h2, h2 a {
    color: #8DC63F;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px;
    text-decoration: none;
}

strong {
    font-weight: bold;
}

/*a:hover {*/
    /*color: #00A3E6;*/
/*}*/

a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #68649A;
    text-decoration: underline;
}

.arrowLogo {
    background-image: url('//static.reliv.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('//static.reliv.com/art/WebStuff/Homepage/2013upgrade/arrow-web.png');
    background-repeat: no-repeat;
    background-position: center right;
    width: auto;
    display: inline;
    padding-right: 25px;
    padding-bottom: 2px;
}

.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: #00A3E6;
}

/* Login Page */
.loginLeftColumn {
    width: 230px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 10px;
    float: left;
    border-radius: 15px 0 15px 0;
    border: 1px solid #dddddd;
}

.loginRightColumn {
    width: 369px;
    height: 417px;
    float: right;
}

/* Submit Buttons  */
.submitButton {
    border-width: 1px;
    border-style: solid;
    border-color: #5e5e5e #888 #696969 #888;
    font: 11px/16px 'Lucida Grande', Sans-serif;
    color: #000;
    text-decoration: none;
    padding: 0 8px;
    background: #FCFCFC;
    cursor: default;
    position: relative;
    display: inline-block;
    overflow: hidden;

    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    background: -moz-linear-gradient(center top, #fcfcfc 0%, #f3f3f3 35%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(40%, #f3f3f3), color-stop(100%, #ededed));
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 -2px 3px 0px #FFF inset, 0 -10px 0 0 #ededed inset;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 -2px 3px 0px #FFF inset, 0 -10px 0 0 #ededed inset;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 -2px 3px 0px #FFF inset, 0 -10px 0 0 #ededed inset;
}

.submitButton:active {
    border-color: #323d9f #3365b4 #3365b4 #6f6f6f;
    background: #7cb0de;
    background: -moz-linear-gradient(center top, #a7c7e1 0%, #9dc2e1 35%, #7cb0de 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7c7e1), color-stop(40%, #9dc2e1), color-stop(100%, #7cb0de));
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 -2px 5px 0px rgba(182, 226, 244, 1) inset, 0 -10px 0 0 #73abda inset;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 -2px 3px 0px rgba(182, 226, 244, 1) inset, 0 -10px 0 0 #73abda inset;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 -2px 3px 0px rgba(182, 226, 244, 1) inset, 0 -10px 0 0 #73abda inset;
}

.loginError {
    font-weight: bold;
    color: #F15D22;
}

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

}

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

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

#relivGuestFooter a:hover {
    color: #00b1b0;
    font-weight: bold;
    font-size: 10px;
    line-height: 13px;
    text-decoration: none;
}

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

#relivGuestFooter td {
    padding: 4px;
}

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

.footer {
    color: #FFFFFF;
}

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

@media print{
    .modal{
        display: none;
    }
}
/** 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: #00a5db;
    color: #007ca4;
}
.alert-info hr {
    border-top-color: #00a5db;
}
.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;
}