﻿
/*===================================================================================*/
/*  Cart Additions 2.78555858411332334.3
/*===================================================================================*/

/* style modifications for NZ, CA, AU cart validation */
.validation-msg{background: #e74c3c; color: #fff; font-size: 13px; padding: 20px 20px; border-radius: 4px; margin: 0 0 40px; display: none;}
.validation-msg.show{display: block;}
.validation-msg h5{font-size: 15px; margin: 0 0 10px;}
.validation-msg h5 .fa{margin-right: 6px;}
.validation-msg p{margin: 0 0 10px;}
.validation-msg p:last-child{margin: 0;}
.cart-buttons--checkout .enroll-popup-trigger.fail-validation{display: none;}
.enroll-popup-trigger.fail-validation{display: none;}
.sticky-pl{position: relative;}
.sticky-pl input{padding: 0 20px;}
.pl{position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}

.hvrcart {border:solid 1px #fff; padding:4px; margin-top:-2px}  
.hvrcart:hover {border:solid 1px #898888; padding:4px; margin-top:-2px;}

.enrbutton {
    background: #8fd5d5;
    border:solid 1px #8fd5d5;    
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 8px 19px;
    margin-right:17px;
    font-weight: bold;}

.enrbutton:hover {
    background-color: #48bdbd;
    text-align: center;
    display: inline-block;
    padding: 8px 19px;
    border:solid 1px #8fd5d5;
    color: #fff;}

.enrhding {
padding: 3px;
text-indent: 38px;
font-size: 1.2rem;
line-height: 1.38em;
color: #242424;
margin-top: 10px;
text-align: left;
font-family: 'Nunito Sans', sans-serif;
font-weight: bold;
text-transform:none; margin:0px; text-indent:2px; border-bottom:solid 1px #898888; color:#898888;}

.modal_price2 {	display:none;}

@font-face {
  font-family: 'helveticaneueltstd-ltex';
  font-style: normal;
  font-weight: normal;
  src: local("helveticaneueltstd-ltex"), url("../fonts/HelveticaNeueLTPro-LtEx.woff") format("woff"); }

@font-face {
  font-family: 'HelveticaNeueLTStd-MdEx';
  font-style: normal;
  font-weight: normal;
  src: local("HelveticaNeueLTStd-MdEx"), url("../fonts/HelveticaNeueLTPro-MdEx.woff") format("woff"); }

.icon-left.fa-shopping-cart {
    margin-right: 11px;
}
.icon-left {
    margin-right: 5px;
    font-size: 18px;
}

.header-new__right {
    padding-top: 14px;
	padding-bottom: 6px
}

.header-new__right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    position: relative;
}

.header-new__right ul li {
    min-width: 86px;
}
.header-new__right ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 5px;
    margin-bottom: 0;
}

.header-new__right ul li a {
    color: #807b7b;
    font-size: 14px;
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    text-decoration:none;
}

.header-new__right ul li a:hover {
    color: #8FD5D5;
}


header-new__right ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;    
    text-align: right;
}

.header-new__right .acct-sub {
    position: absolute;
    padding: 15px 0 5px;
    border-radius: 3px;
    display: none;
    top: 100%;
    left: 0;
    width: 164px;
    background-color: #fff;
    border: solid 1px #f7f7f7;
    text-align: left;
    z-index: 10;
}

.header-new__right ul li:hover .acct-sub {
    display: block;
}

.header-new__right ul li a span.count {
    display: block;
    position: absolute;
    border: 1px solid #fff;
    left: 30px;
    top: -4px;
    background: #3EC1CD;
    color: #fff;
    font-weight: bold;
    font-size: 10px;
    height: 15px;
    width: 15px;
    line-height: 13px;
    text-align: center;
    border-radius: 2px;
}

.account-new {
    max-width: 300px;
    padding-right: 6px;
    float: right;
    text-align:right;
}

.w-icon-dropdown-toggle {
	margin-right: 0px;
}

.nav-button.country {
    padding: 0px 15px 0px 0px;
    font-size: 12px;
}

a, input, button, .banner__arrow {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.w-dropdown {
    text-align: right !important;
}

.w-dropdown-toggle {
	    text-align: right !important;
}

/*=============================================================================================*/
/*  Error Message and Info Message
/*=============================================================================================*/

/* alert message */
.errormessage {border-style:solid; border-width: 1px; border-color: #f2dd8c; color: #333333; background-color: #fff5cc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 9px;}
.errormessage.warning {background-color: #fff5cc; padding-left: 20px; padding-bottom: 0px;}
.notice {background:url('../images/alert_lg.png') no-repeat 0px 0px; 
text-height: 28px; height: 28px; padding: 3px; text-indent:38px; color: #242424; margin-top: 10px; text-align:left; font-family: 'Nunito Sans', sans-serif; font-weight:bold;
}
.errormessage ul {list-style:none; padding-left: 4px !important; margin-top:16px;}
.errormessage ul li {padding-left:15px; line-height: 14px; height: 18px; background :url('../images/ul.gif') no-repeat 0 4px; font-family: 'Nunito Sans', sans-serif; font-size:14px; text-align:left;
}

.noticemessage {border-style:solid; border-width: 1px; border-color: #CCF1F9; color: #000; background-color: #F2FBFE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 9px; width:100%}
.noticemessage.info {background-color: #F2FBFE; padding-left: 20px; padding-bottom: 00px;}
.noticemsg {background:url('../images/icn_information.png') no-repeat 0px 0px; 
text-height: 28px; height: 28px; padding: 3px; text-indent:38px; color: #242424; margin-top: 10px; text-align:left; font-family: 'Nunito Sans', sans-serif; font-weight:bold;
}
.noticemessage ul {list-style:none; padding-left: 4px !important; margin-top:16px; margin-bottom:45px;}
.noticemessage ul li {padding-left:15px; line-height: 18px; height: 18px; background :url('../images/ulb.gif') no-repeat 0 4px; font-family: 'Nunito Sans', sans-serif; font-size:14px; text-align:left;
}

.noticemessagegreen {border-style:solid; border-width: 1px; border-color: #CCF1F9; color: #000; background-color: #F2FBFE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; text-align:left;}
.noticemessagegreen ul {margin:0px 0; list-style:none; padding-left: 14px;}
.noticemessagegreen ul li {padding-left:24px; line-height: 21px; font-size: 14px; background :url('../images/grn_checkmark_16.png') no-repeat 0px 9px;
}

.prod_info {float: left; margin-right: 20px; width: 110px; line-height: 30px;}

/* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {  
	.errormessage.warning {background-color: #fff5cc; padding-left: 10px; padding-bottom: 10px;}
	}

    @media only screen and (max-width: 767px) { 
    .errormessage ul li {font-size: 11px; line-height:14px; margin-bottom:11px;}    
	.notice {background:url('../images/alert_icon_small.png') no-repeat 0px 0px; 
text-height: 28px; height: 28px; padding: 3px; text-indent:25px; color: #242424; margin-top: 10px;
}  
    .noticemessage ul li {font-size: 11px; line-height:14px; margin-bottom:11px;} 
	.noticemsg {background:url('../images/icn_information_small.png') no-repeat 0px 0px; 
text-height: 28px; height: 28px; padding: 3px; text-indent:25px; color: #242424; margin-top: 10px;
}
.enrollbuttons {display:none;} 
}

@media only screen and (max-width: 480px) { 
.hrfmbl {display:none;} 
.noticemessage ul {
    list-style: none;
    margin-left: -8px;
    margin-top: 4px;
}
	
.account-new {
    max-width: 100px;
    padding-right: 10px;
}
	
.header-new__right {
    padding-top: 6px;
}
	
.errormessage ul {
    list-style: none;
    margin-left: -8px;
    margin-top: 4px;
}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
.errormessage ul li {font-size: 11px; line-height:14px; margin-bottom:11px;}    
.notice {background:url('../images/alert_icon_small.png') no-repeat 0px 0px; 
text-height: 28px; height: 28px; padding: 3px; text-indent:25px; color: #242424; margin-top: 10px;
} 
    .noticemessage ul li {font-size: 11px; line-height:14px; margin-bottom:11px;} 
	.noticemsg {background:url('../images/icn_information_small.png') no-repeat 0px 0px; text-height: 28px; height: 28px; padding: 3px; text-indent:25px; color: #242424; margin-top: 10px;
}

