﻿/*
 * Button
 */
/*.tag {
    width: 82px !important;
    height: 34px !important;
    position: absolute !important;
    margin-left:-41px !important;
    left: 50% !important;
    padding-top: 7px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
	margin-left:-50px !important;
}*/
.tag-copyright {
    position: absolute !important;
    width: auto;
    height: auto !important;
    top: 0px !important;
    left: 50% !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/*.tag-copyright {
    position: absolute !important;
    width: 80px !important;
    height: 30px !important;
    top: 0px !important;
    left: 50% !important;
    margin-left:-40px !important;
    padding-left: 13px !important;
    padding-right: 11px !important;
}*/
/*
 * Defines how the background and border color matches. Including hover effects
 */
/*
 * Predefined Call To Action Buttons
 * Combined with Color (a.cta-blueBg-whiteText), Font-Size, Size (e.g a.cta-Size-100) to use them.
 */
 div[class*="cta-"], a[class*="cta-"] {
    display: inline;
    text-decoration: none !important;
    /*margin-top: 25px !important;
    margin-bottom: 25px !important;*/
    cursor: pointer !important;
 }
 div[class*="cta"]:hover, a[class*="cta"]:hover {
    cursor: pointer !important;
 }
 div[class*="cta-nolink"], a[class*="cta-nolink"] {
    display: inline;
    text-decoration: none !important;
    /*margin-top: 25px !important;
    margin-bottom: 25px !important;*/
    cursor: pointer !important;
 }
 div[class*="cta-nolink"]:hover, a[class*="cta-nolink"]:hover {
    cursor: none !important;
 }
div.cta-wrapper {
    display: block;
}

/**Brown with white Text**/
a.cta-brown-white {
    color: #FFF !important;
    background-color: #643d34 !important;
    border: 1px solid #FFF !important;
}
a.cta-brown-white:hover {
    color: #643d34 !important;
    background-color: #FFF !important;
}
/**blue with white Text**/
a.cta-blue-white {
    color: #FFF !important;
    background-color: #58AED5 !important;
    border: 1px solid #FFF !important;
}
a.cta-blue-white:hover {
    color: #58AED5 !important;
    background-color: #FFF !important;
}
/**white with blue **/
a.cta-white-blue {
    color: #58AED5 !important;
    background-color: #FFF !important;
    border: 1px solid #58AED5 !important;
}
a.cta-white-blue:hover {
    color: #FFF !important;
    background-color: #58AED5 !important;
}
/**pink with white **/
a.cta-pink-white {
    color: #FFF !important;
    background-color: #C28AA9 !important;
    border: 1px solid #FFF !important;
}
a.cta-pink-white:hover {
    color: #C28AA9 !important;
    background-color: #FFF !important;
}
a.cta-darkpink-white {
    color: #FFF !important;
    background-color: #E8AAA6 !important;
    border: 1px solid #FFF !important;
}
a.cta-darkpink-white:hover {
    color: #E8AAA6 !important;
    background-color: #FFF !important;
}

/**white with pink **/
a.cta-white-pink {
    color: #C28AA9 !important;
    background-color: #FFF !important;
    border: 1px solid #C28AA9 !important;
}
a.cta-white-pink:hover {
    color: #FFF !important;
    background-color: #C28AA9 !important;
}
/**Yellow with white **/
a.cta-yellow-white {
    color: #FFF !important;
    background-color: #F2BC43 !important;
    border: 1px solid #FFF !important;
}
a.cta-yellow-white:hover {
    color: #F2BC43 !important;
    background-color: #FFF !important;
}
/**white with Yellow **/
a.cta-white-yellow {
    color: #F2BC43 !important;
    background-color: #FFF !important;
    border: 1px solid #F2BC43 !important;
}
a.cta-white-yellow:hover {
    color: #FFF !important;
    background-color: #F2BC43 !important;
}
/**white with Dark Grey **/
a.cta-white-darkgrey {
    color: #54585a !important;
    background-color: #FFF !important;
    border: 1px solid #54585a !important;
}
a.cta-white-darkgrey:hover {
    color: #FFF !important;
    background-color: #54585a !important;
}

/**milky white with Dark Grey **/
a.cta-milkywhite-darkgrey {
    color: #54585a !important;
    background-color: #F9F9F9 !important;
    border: 1px solid #54585a !important;
}
a.cta-milkywhite-darkgrey:hover {
    color: #F9F9F9 !important;
    background-color: #54585a !important;
}

/**light Grey with Dark Grey **/
a.cta-lightGrey-darkgrey {
    color: #54585a !important;
    background-color: #e6e6e6 !important;
    border: 1px solid #54585a !important;
}
a.cta-lightGrey-darkgrey:hover {
    color: #e6e6e6 !important;
    background-color: #54585a !important;
}
/**transparent with Dark Grey (hover: light Grey)  **/
a.cta-lightgrey-darkgrey {
    color: #54585a !important;
    background-color: transparent !important;
    border: 1px solid #54585a !important;
}
a.cta-lightgrey-darkgrey:hover {
    color: #E6E6E7 !important;
    background-color: #54585a !important;
}
/** transparent with white text , no hover **/
a.cta-transparent-white {
    color: #FFF !important;
    background-color: transparent !important;
    border: 1px solid #FFF !important;
}
/**transparent with Dark Grey (hover: blue) **/
a.cta-transparent-darkgrey-hoverblue {
    color: #54585a !important;
    background-color: #93d0eb !important;
    border: 1px solid #54585a !important;
}
a.cta-transparent-darkgrey-hoverblue:hover {
    color: #93d0eb !important;
    background-color: #54585a !important;
}
/**transparent with Dark Grey (hover: light pink) **/
a.cta-transparent-darkgrey-hoverlightpink {
    color: #54585a !important;
    background-color: #dbb0c8 !important;
    border: 1px solid #54585a !important;
}
a.cta-transparent-darkgrey-hoverlightpink:hover {
    color: #dbb0c8 !important;
    background-color: #54585a !important;
}
/**transparent with Dark Grey (hover: light pink) **/
a.cta-transparent-darkgrey-hoverwoundcare {
    color: #54585a !important;
    background-color: #fed26f !important;
    border: 1px solid #54585a !important;
}
a.cta-transparent-darkgrey-hoverwoundcare:hover {
    color: #fed26f !important;
    background-color: #54585a !important;
}
/**Very light Grey with Oral Care **/
a.cta-verylightgrey-oralcare {
    color: #58AED5 !important;
    background-color: #f7f5f3 !important;
    border: 1px solid #58AED5 !important;
}
a.cta-verylightgrey-oralcare:hover {
    color: #f7f5f3 !important;
    background-color: #58AED5 !important;
}
/**Very light Grey with Fem Care **/
a.cta-verylightgrey-femcare {
    color: #C28AA9 !important;
    background-color: #f7f5f3 !important;
    border: 1px solid #C28AA9 !important;
}
a.cta-verylightgrey-femcare:hover {
    color: #f7f5f3 !important;
    background-color: #C28AA9 !important;
}
/**Very light Grey with Wound Care **/
a.cta-verylightgrey-woundcare {
    color: #F2BC43 !important;
    background-color: #f7f5f3 !important;
    border: 1px solid #F2BC43 !important;
}
a.cta-verylightgrey-woundcare:hover {
    color: #f7f5f3 !important;
    background-color: #F2BC43 !important;
}
/**Very light Grey with Protective Care **/
a.cta-verylightgrey-protectivecare {
    color: #E9AFAB !important;
    background-color: #f7f5f3 !important;
    border: 1px solid #E9AFAB !important;
}
a.cta-verylightgrey-protectivecare:hover {
    color: #f7f5f3 !important;
    background-color: #E9AFAB !important;
}
a.cta-verylightgrey-protectivecare.cta-hovered {
    color: #f7f5f3 !important;
    background-color: #E9AFAB !important;
}
/*White with Oral Care **/
a.cta-white-oralcare {
    color: #58AED5 !important;
    background-color: #ffffff !important;
    border: 1px solid #58AED5 !important;
}
a.cta-white-oralcare:hover {
    color: #ffffff !important;
    background-color: #58AED5 !important;
}
a.cta-oralcare-white {
    color: #ffffff !important;
    background-color: #58AED5 !important;
}
a.cta-oralcare-white:hover {
    color: #58AED5 !important;
    background-color: #ffffff !important;
    border: 1px solid #58AED5 !important;
}

/**White with Fem Care **/
a.cta-white-femcare {
    color: #C28AA9 !important;
    background-color: #ffffff !important;
    border: 1px solid #C28AA9 !important;
}
a.cta-white-femcare:hover {
    color: #ffffff !important;
    background-color: #C28AA9 !important;
}
a.cta-femcare-white {
    color: #ffffff !important;
    background-color: #C28AA9 !important;
}
a.cta-femcare-white: hover {
    color: #C28AA9 !important;
    background-color: #ffffff !important;
    border: 1px solid #C28AA9 !important;
}

/**Milky White with Fem Care **/
a.cta-milkywhite-femcare {
    color: #C28AA9 !important;
    background-color: #F9F9F9 !important;
    border: 1px solid #C28AA9 !important;
}
a.cta-milkywhite-femcare:hover {
    color: #F9F9F9 !important;
    background-color: #C28AA9 !important;
}
a.cta-femcare-milkywhite {
    color: #F9F9F9 !important;
    background-color: #C28AA9 !important;
}
a.cta-femcare-milkywhite: hover {
    color: #C28AA9 !important;
    background-color: #F9F9F9 !important;
    border: 1px solid #C28AA9 !important;
}


/**White with Wound Care **/
a.cta-white-woundcare {
    color: #F2BC43 !important;
    background-color: #ffffff !important;
    border: 1px solid #F2BC43 !important;
}
a.cta-white-woundcare:hover {
    color: #ffffff !important;
    background-color: #F2BC43 !important;
}
a.cta-woundcare-white {
    color: #ffffff !important;
    background-color: #F2BC43 !important;
}
a.cta-woundcare-white:hover {
    color: #F2BC43 !important;
    background-color: #ffffff !important;
    border: 1px solid #F2BC43 !important;
}


/**White with Protective Care **/
a.cta-white-protectivecare {
    color: #E9AFAB !important;
    background-color: #ffffff !important;
    border: 1px solid #E9AFAB !important;
}
a.cta-white-protectivecare:hover {
    color: #ffffff !important;
    background-color: #E9AFAB !important;
}
a.cta-protectivecare-white {
    color: #FFFFFF !important;
    background-color: #B57D79 !important;
    border: 1px solid #FFFFFF !important;
}
a.cta-protectivecare-white:hover {
    color: #B57D79 !important;
    background-color: #FFFFFF !important;
}

a.cta-lighttan-darkgrey {
    color: #54585a !important;
    background-color: #EEEAE7 !important;
    border: 1px solid #54585a !important;
}
a.cta-lighttan-darkgrey:hover {
    color: #EEEAE7 !important;
    background-color: #54585a !important;
}


/*
 * Defines how the button resize
 */
a.cta-word-wrap {
    display: inline-block;
    max-width: 80%;
}

a.cta-size-10 {
    padding: 10px 10px !important;
    margin: 10px 0px; /*left and right margin causes buttons to break in mobile view*/
}

@media screen and (min-width: 992px) {
    a.cta-size-10 {
        padding: 10px 20px !important;
        margin: 10px 0px; /*left and right margin causes buttons to break in mobile view*/
    }
}

/*
 *  Others
 */
div.cta-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

a.Feminine-Buy-Now img {
	width: 96px !important;
	height: 47px !important;
	margin-top: 30px !important;
}