.responsive-image
{
max-width:300px;
height:auto;
}

@media all and (max-width: 375px) {

	.responsive-image {
		max-width: 100%;
		height: auto;
	}
}

.spacing{
margin-left:50px;
}

@media all and (max-width: 800px) {

	.spacing {
		margin-left: 0px;
		padding-top: 30px;
	}

}


/****************************************************************************
Homepage Slides Banner
****************************************************************************/

.width45 {
	max-width: 400px;
}

.bannerintro {
	max-width: 500px;
}


/****************************************************************************
Site search - AddSearch Widget plugin
****************************************************************************/
/* addsearch class is AddSearch Widget plugin predefined CSS class */
.addsearch {
}

.search-box,
.close-icon,
.search-wrapper {
padding: 10px;
}

.search-wrapper {
position: absolute;
width: 625px;
padding: 0;
}

.search-box {
box-sizing: border-box;
background-color: white;
background-image: url('../images/search-icon_sm.png');
background-repeat: no-repeat;
background-position: 5px 10px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
width: 21px;
height: 19px;
cursor: pointer;
float: right;
padding: 20px 0px 20px 35px;
position: relative;
z-index: 3;
}

.search-box:focus {
border: 1px solid #e8e8e8;
box-shadow: 0px 0px 5px #dddddd;
width: 72%;
}

.close-icon {
background-color: transparent;
display: inline-block;
outline: 0;
position: absolute;
z-index: 1;
right: 15px;
top: -2px;
color: #7087a1;
font-size: 22px;
cursor: pointer;
float: right;
z-index: 3;
}

.close-icon:hover {
color: #024ea4;
}

.search-box:not(:valid) ~ .close-icon {
display: none;
float: right;
}

/****************************************************************************
Contact us page - contact form
****************************************************************************/
.reloadCaptchaIcon {
	margin-left: 10px;
	margin-top: -2px;
	position: absolute;
}


.ContactInfoFlexContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	/*width: 785px;*/
	/*border: 1px solid red;*/ /*for debugging*/
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.ContactInfoFlexItem {
padding: 10px;
margin: 5px auto 20px auto;
text-align: center;
}

.ContactInfoFlexItem img {
width: 100px;
height: auto;
}

a.tab-to-call-telephone {
font-weight: normal;
color: #000000;
}


/* Contact form */
.ValidationSummary {
line-height: 5px;
font-size: 12px;
color: Red;
}

.RequiredField {
font-size: 12px;
color: Red;
}

.ContactForm {
box-shadow: 0px 0px 10px #dddddd;
padding: 20px 30px 20px 30px;
}

.ContactFlexContainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin-top: 20px;
}

.ContactFlexItem {
margin-bottom: 15px;
width: 45%;
margin-right: 5%;
}

.ContactTextBox {
border: 1px solid #cccccc;
padding: 7px 8px;
margin-top: 5px;
width: 100%;
}

.ContactExtraSpacing {
margin-top: -10px;
}

.ContactCommentsBlock {
width: 95%;
}

.ContactCommentsTextBox {
border: 1px solid #cccccc;
padding: 5px;
margin-top: 5px;
width: 100%;
}


/* CAPTCHA mmages generator */
.ContactCaptchaBlock {
margin-top: 10px;
}

.imageCAPTCHAGenerated {
width: 200px;
height: 30px;
margin-top: -10px;
}

.ContactCaptchaTextBox {
border: 1px solid #cccccc;
padding: 7px 8px;
width: 200px;
}

.inputVeriCodeErrorMessage {
color: red;
font-size: 12px;
}

/* Contact submit button */
.ContactSubmitButton {
background-color: #024ea4;
color: #ffffff;
padding: 10px 25px 10px 25px;
font-size: 14px;
display: block;
margin: 30px auto 30px auto;
font-weight: 700;
/*transition-duration: 0.4s;*/ /*the speed of the "hover" effect*/
}

	
/* Media queries */
@media all and (max-width:820px) {
	.ContactInfoFlexContainer {
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
}


@media all and (max-width:629px) {

	.ContactInfoFlexItem {
		margin: 0px auto 0px auto;
	}

	.ContactForm {
		margin-top: 20px;
	}
}

@media all and (max-width:567px) {

	.ContactFlexItem {
		width: 100%;
		margin-right: 0%;
	}

	.ContactCommentsBlock {
		width: 100%;
	}
}

@media all and (max-width:415px) {

	.ContactSubmitButton {
		width: 100%;
	}
}


/****************************************************************************
Stores locations search &  Retailers list for buy baby formula page
****************************************************************************/
.storeLocatorContainer {
margin-top: 30px;
max-width: 765px;
box-shadow: 0px 0px 10px #dddddd;
}

.storeLocatorContent {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 10px 15px 0px 15px;
margin-left: auto;
margin-right: auto;
width: 73%;
}

.storeLocatorSearchResultsContent {
margin: auto;
padding-bottom: 20px;
}

.inputErrorMessageDiv {
margin-top: -5px;
color: red;
position: absolute;
margin-left: 20px;
}

.storeLocatorLabelZipCodeDiv {
margin: 10px 30px 25px 20px;
line-height: 20px;
font-size: 16px;
color: #024ea4;
font-weight: bold;
}

.storeLocatorLabelRadiusDiv {
color: #024ea4;
margin-bottom: 5px;
margin-right: 30px;
margin-top: 10px;
font-weight: bold;
line-height: 20px;
font-size: 16px;
}


.inputText {
	width: 150px;
	height:40px;
	box-sizing: border-box;
	padding: 10px;
	margin-top: 10px;
	border: none;
	display: block;
	border-radius: 0px;
	background-color: #f6f6f6 !important; /*fix safari browser css prefix*/
	border: 1px solid #c5c0c0 !important; /*fix safari browser css prefix*/
	appearance: none; /*remove browsers vendors css prefixes*/
	-webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
	-moz-appearance: none; /*remove mozilla browser css prefix*/
	-ms-appearance: none; /*remove internet explorer browser css prefix*/
}


.inputDropdownList {
	width: 150px;
	height: 40px;
	box-sizing: border-box;
	/*padding: 15px;*/
	padding: 11px 10px 11px 10px;
	margin-top: 10px;
	border: none;
	display: block;
	border-radius: 0px;
	background-color: #f6f6f6 !important; /*fix safari browser css prefix*/
	border: 1px solid #c5c0c0 !important; /*fix safari browser css prefix*/
	appearance: none; /*remove browsers vendors css prefixes*/
	-webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
	-moz-appearance: none; /*remove mozilla browser css prefix*/
	-ms-appearance: none; /*remove internet explorer browser css prefix*/
}

.inputDropdownList {
	
	background: url('../images/icon-arrow-down3.png') right no-repeat;
	background-position: 95%;
	appearance: none; /*remove browsers vendors css prefixes*/
	-webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
	-moz-appearance: none; /*remove mozilla browser css prefix*/
	-ms-appearance: none; /*remove internet explorer browser css prefix*/
}

.storeLocatorButtonDiv {
margin-top: 17px;
}


.findStoresButton {
	background-color: #024ea4 !important; /*fix safari browser css prefix style*/
	color: #ffffff;
	border: 1px solid #024ea4 !important; /*fix safari browser css prefix style*/
	width: 150px;
	padding: 11px 25px 11px 25px;
	margin: auto;
	margin-top: 23px;
	font-weight: bold;
	font-size: 14px;
	border-radius: 0px;
	appearance: none; /*remove browsers vendors css prefixes*/
	-webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
	-moz-appearance: none; /*remove mozilla browser css prefix*/
	-ms-appearance: none; /*remove internet explorer browser css prefix*/
}




	.findStoresButton:hover,
	.findStoresButton:focus,
	.findStoresButton:active {
		background-color: #03438b !important;
		cursor: pointer;
	}

/****************************************************************************
Retailers List
****************************************************************************/
.retailers {
margin-top: 50px;
max-width: 785px;
}

.retailer {
margin-bottom: 43px;
text-align: center;
border-radius: 5px;
border: 1px solid #e8e8e8;
box-shadow: 0px 0px 5px #dddddd;
width: 242px;
display: inline-block;
margin-right: 16px;
}

.retailer img {
width: 150px;
height: auto;
margin: auto;
padding-top: 12px;
padding-bottom: 12px;
}

img.image-resize-stores-locator {
width: 133px;
height: auto;
margin-top: -20px;
}

.buyNowButton {
display: inline-block;
background-color: #024ea4;
color: #ffffff;
font-weight: bold;
padding: 11px;
margin-bottom: 10px;
padding: 10px 25px 10px 25px;
font-size: 14px;
}

.buyNowButton:hover,
.buyNowButton:focus,
.buyNowButton:active {
background-color: #03438b;
cursor: pointer;
}

.amazonlocatoricon {
max-width: 130px;
padding-top: 10px;
margin-left: 40px;
}



@media all and (max-width:1030px)
{

	/*.inputText {
		padding: 11px 0px 11px 5px !important;
	}

	.inputDropdownList {
		padding: 11px 10px 11px 10px !important;
	}*/

	

}


@media all and (max-width:1000px) {

	.retailer {
		max-width: 30%;
	}
}


@media all and (max-width:800px) {

	.storeLocatorContainer {
		width: 95%;
	}

	.storeLocatorContent {
		width: 90%;
	}

	.amazonlocatoricon {
	max-width: 100px;
	padding-top: 10px;
	margin-left: 20px;
	}

}


@media all and (max-width:670px) 
{

	.storeLocatorContent {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}

	.storeLocatorSearchResultsContent {
		margin-top: 30px;
	}


	.storeLocatorLabelZipCodeDiv {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.storeLocatorLabelRadiusDiv {
		margin-right: 0px;
	}


	.inputText,
	.inputDropdownList {
		width: 100%;
		margin-top: 5px;
	}

	.findStoresButton {
		width: 100%;
	}

	.inputErrorMessageDiv {
		margin-left: 0px;
	}

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

	.retailer {
		max-width: 45%;
	}
}


@media all and (max-width:415px) {

	.retailer {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
		display: block;
	}
}


/* Remove browser default styles */
* {
	border-width: 0px;
}

::placeholder {
	color: #d2d2d2;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #d2d2d2;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #d2d2d2;
}


/****************************************************************************
Modal Window for Buy Now Button
/****************************************************************************/
.colwidth40 {
margin-top: 30px;
}

/* The modal's background */
.modal-buy-now {
display: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

/* Display the modal when targeted */
.modal-buy-now:target {
display: table;
z-index: 3;
}

/* The modal box */
.modal-dialog-buy-now {
display: table-cell;
vertical-align: middle;
}

/* The modal's content */
.modal-dialog-buy-now .modal-content-buy-now {
margin: 20px auto;
background-color: #f5f5f5;
position: relative;
padding: 0;
outline: 0;
text-align: justify;
width: 100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: example;
-webkit-animation-duration: 0.5s;
animation-name: example;
animation-duration: 0.5s;
}

.modal-content-header-buy-now {
color: #024ea4;
text-align: center;
margin-top: 50px;
margin-bottom: 10px;
font-family: "Lato Black", Arial, sans-serif;
}

.online-retailers {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 50px;
}

.online-retailer {
text-align: center;
margin: 5px;
width: 45%;
}

.online-retailer img {
background-color: #fff;
padding: 10px;
border: 2px solid #f5f5f5;
max-width: 100%;
height: auto;
}

.online-retailer img:hover,
.online-retailer img:focus {
border: 2px solid #e8e8e8;
}

.body-container-buy-now {
padding: 2px 16px;
}

/* Closed the modal window */
.close-button-buy-now {
position: absolute;
color: #fff;
right: 5px;
padding: 0px 4px 2px 4px;
background-color: #b2aeae;
margin-top: 2px;
}

.close-button-buy-now:hover,
.close-button-buy-now:focus {
background-color: #908d8d;
}

	
@media all and (min-width: 415px) 
{

	/* The modal's content */
	.modal-dialog-buy-now .modal-content-buy-now {
		/*margin-top:50px;*/
	}

	.online-retailer {
		width: auto;
	}

	.online-retailer img {
		max-width: 100%;
		height: auto;
	}
}

@media all and (min-width: 769px) 
{

	.colwidth40 {
		margin-top: 0px;
	}

	/* The modal's content */
	.modal-dialog-buy-now .modal-content-buy-now {
		margin: 170px auto 800px auto;
		width: 600px;
	}

	/* The modal's background */
	.modal-buy-now {
		position: fixed; /* Makes the modal sticky when the user scrolls */
		background-color: rgba(0,0,0,0.6); /* Grey color */
	}
}


/* Add animation (Chrome, Safari, Opera) */
@-webkit-keyframes example 
{
	from {
		top: -100px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}


/* Add animation (Standard syntax) */
@keyframes example 
{
	from {
		top: -100px;
		opacity: 0;
	}

	to {
		top: 0px;
		opacity: 1;
	}
}


/* For allowing users to exit by clicking outside the modal window */
/* Comment this out will prevent users clicking outside the modal window */
/*.modal .close-button::before {
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
content: "";
cursor: default;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);	
}*/


/****************************************************************************
Tooltip for Modal window for Buy Now button
****************************************************************************/
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
}

/* Tooltip text */
/* Bottom tooltip with top arrow */
.tooltip .tooltiptext {
visibility: hidden;
width: 150px;
background-color: #fff;
border: 1px solid #9f9c9c;
color: #000;
text-align: center;
font-size: 12px;
border-radius: 5px;
padding: 10px 5px;
top: 100%; /* At the bottom of the tooltip */
left: 50%;
margin-left: -75px; /* Use half of the width (150/2 = 75), to center the tooltip */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
opacity: 0; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
transition: opacity 1s;
position: absolute; /* Position the tooltip text */
z-index: 1;
}

/* Top arrow */
.tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%; /* At the top of the tooltip */
left: 50%;
margin-left: -5px;
border-width: 6px;
border-style: solid;
border-color: transparent transparent #9f9c9c transparent;
}

/* Show the tooltip text when user mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}


/****************************************************************************
Frequently asked questions (FAQs) page
****************************************************************************/
.accordion {
background-color: #eee;
cursor: pointer;
padding: 10px;
border: none;
text-align: left;
outline: none;
transition: 0.4s;
font-size: 14px;
color: #024ea4;
font-weight: 700;
}

.accordion .active, .accordion:hover {
background-color: #ccc;
}

/* Add '+' sign after 'Section' text */
.accordion:after {
content: '\f067';
color: #2a64a5;
float: right;
margin-right: 5px;
font-size: 18px;
font-family: FontAwesome;
font-weight: 100;
}

/* Add '-' sign after 'Section' text */
.accordion.active:after {
content: '\f068';
}

.panel {
padding-left: 25px;
margin-top: 10px;
background-color: white;
max-height: 0px;
overflow: hidden;
transition: max-height 0.2s ease-out;
}


.answer-container {
border-left: 2px solid #eee;
padding-left: 5px;
margin-top: -10px;
margin-bottom: 20px;
}

.answer-item {
font-size: 14px;
margin: 0px;
color: #024ea4;
font-weight: 700;
}


@media all and (max-width:415px) {

	/* Homepage footer links*/
	.footerlinks a {
		display: inline-block;
		padding-bottom: 10px;
	}
}


/****************************************************************************
Parenting Hacks Videos page
****************************************************************************/
.videos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.video {
width: 235px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
padding: 5px;
margin-bottom: 30px;
text-align: center;
}

.video img {
width: 100%;
height: auto;
margin-bottom: 10px;
}

.video .icon-video-play {
width: 35px;
height: 35px;
background-image: url('../newsfeed/images/icon-video-play-off_sm.png');
display: block;
margin-left: auto;
margin-right: auto;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
border-radius: 50%;
margin-bottom: 15px;
}

.video .icon-video-play:hover,
.video .icon-video-play:active {
width: 35px;
height: 35px;
background-image: url('../newsfeed/images/icon-video-play-on_sm.png');
}

.icon-video-play {
text-indent: -10000px; /*Hide the 'play video' button by moving it to the left 10000 pixels off the screen*/
}

.video-wrapper {
margin-top: 20px;
margin-bottom: 20px;
}

.resourcesLinks a {
border: 1px solid #acafb1;
display: inline-block;
font-weight: bold;
padding: 10px;
margin-top: 20px;
margin-right: 5px;
border-radius: 4px;
}

.resourcesLinks a:hover,
.resourcesLinks a:active {
background-color: #e8e8e8;
}


.resourcesLinks img {
vertical-align: middle;
margin-right: 5px;
}

@media all and (max-width:415px) 
{

	.resourcesLinks a {
		display: block;
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 769px) 
{

	.videos {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.video {
		margin: 20px;
	}
}


@media all and (max-width: 600px) 
{

	.video-wrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		height: 0;
	}

	.video-wrapper iframe,
	.video-wrapper embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

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

@media all and (max-width:800px) 
{

	.IngredientTable {
		width: 100%;
	}

	.image-responsive {
		max-width: 100%;
	}
}


/****************************************************************************
Newsletter & Sweepstakes sign up forms
****************************************************************************/
::placeholder {
color: lightgray;
font-size: 12px;
}

.SignUpTextBox {
padding: 7px 8px
}

/* Sign up button */
.SignUpButton {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
background-color: #024ea4;
color: #ffffff;
padding: 10px 25px 10px 25px;
font-size: 14px;
}

.icon-calendar {
background-image: url('../images/icon-calendar2.png');
background-repeat: no-repeat;
background-position: 95%;
background-color: #fff;
appearance: none; /*remove browsers vendors css prefixes*/
-webkit-appearance: none; /*remove chrome/opera/safari browser css prefix*/
-moz-appearance: none; /*remove mozilla browser css prefix*/
-ms-appearance: none; /*remove internet explorer browser css prefix*/
}


/* Create a custom Checkbox */
input.signup-form-checkmark {
position: relative;
top: 5px;
right: 5px;
height: 18px;
width: 18px;	
}

input.signup-form-checkmark:hover {
cursor: pointer;
}

@media all and (max-width:769px) 
{

	.SignUpStructure {
		flex-direction: column;
	}

	.SignUpLine {
		display: block;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}

	.SignUpTextBox {
		width: 100%;
	}
}

@media all and (max-width:569px)
{

	.SignUpImage {
		width: 100%;
		margin-top: 20px;
		padding: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
	}

	.SignUpForm {
		width: 100%;
	}
}

@media all and (max-width:415px)
{

	.SignUpButton {
		width: 100%;
		display: block;
	}
}

/****************************************************************************
Scroll back-to-top of the page
****************************************************************************/
#backToTop {
overflow: hidden;
z-index: 99999;
display: none;
cursor: pointer;
border-radius: 5px;
position: fixed;
bottom: 5px;
right: 5px;
background-color: #09417f;
color: #fff;
text-align: center;
text-decoration: none;
padding: 10px;
font-weight: normal;
}

#arrow-up {
font-size: 14px;
top: -2px;
position: relative;
}

#backToTop:hover {
background-color: #073467;
}

#Top {
		
font-size: 12px;
top: -10px;
position: relative;
}

#Top:active {
text-decoration: none;
}

#Top:hover {
text-decoration: underline;
}


/******************************************************************
Skip-to-Content
"Skip Navigation" Links 
Allow keyboard and screen reader users to go to the main content 
To make background color transition 
To highlight the main content section and set focus to it 
******************************************************************/
#skipToContent:focus {
	animation: colorchange 2.5s; /* milliseconds (ms) */
	-webkit-animation: colorchange 2.5s; /* milliseconds (ms) */
	outline: 0;
}

@keyframes colorchange {
	0% {
		background: #FFF;
	}

	50% {
		/*background: #ffff66;*/
		background: #fcffad
	}

	100% {
		background: #FFF;
	}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
	0% {
		background: #FFF;
	}

	50% {
		background: #fcffad
	}

	100% {
		background: #FFF;
	}
}


/* To make the Skip to Main Content to center of the screen and slowly popout */
a.skipToMainContent {
	padding: 6px;
	position: absolute;
	top: -70px;
	width: 20%;
	margin-left: 40%;
	margin-right: 40%;
	color: white;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background: #024ea4;
	-webkit-transition: top 1s ease-out;
	transition: top 1s ease-out;
	z-index: 9999;
	text-align: center;
	font-weight: 600;
}

a.skipToMainContent:focus {
	position: absolute;
	top: 0px;
	outline: 0px solid #fff !important;
	/*-webkit-transition: top .1s ease-in;*/ /*Comment this line will make Skip to Main Content slowly popout*/
	/*transition: top .1s ease-in;*/ /*Comment this line will make Skip to Main Content slowly popout*/
	/*outline: 0px solid yellow !important;*/
	font-weight: 600;
}

a.skipToMainContent:hover,
a.skipToMainContent:active {
	text-decoration: underline;
}

	
@media all and (max-width:769px) 
{
	a .skipToMainContent {
		top: -100px;
	}
}


/*====================================*/
/* Enhance Flying Focus Friendly */
/*===================================*/
/*#flying-focus {
position: absolute;
margin: 0;
-webkit-transition-property: left, top, width, height, opacity;
transition-property: left, top, width, height, opacity;
-webkit-transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
transition-timing-function: cubic-bezier(0, 0.2, 0, 1);
visibility: hidden;
pointer-events: none;
box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset;
border-radius: 2px;
}

#flying-focus.flying-focus_visible {
	visibility: visible;
	z-index: 9999;
}*/

/* Doesn't work in Firefox */
/*.flying-focus_target {
outline: none !important; 
}
	
.flying-focus_target::-moz-focus-inner {
	border: 0 !important;
}*/
/* Replace it with @supports rule when browsers catch up */
/*@media screen and (-webkit-min-device-pixel-ratio: 0) {
#flying-focus {
	box-shadow: none;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -3px;
}
}*/


/****************************************************************************
Keyboard accessibility -
Set visual focus indicator: gives users (people with disabilities) visual guidance 
when navigating the menu, links and form controls.
Non-underlined links must become underlined on hover and focus.
****************************************************************************/
/* Set focus indicator for navigate submenu using Tab keyboard */
.dropdown:active .dropdown-content,
.dropdown:focus .dropdown-content,
.dropdown:focus-within .dropdown-content {
	display: block;
}



/* Select all elements, and set their outline indicator color */
*:focus {
	/*outline: 1px solid #ef5a9a !important;*/
	outline: 1px solid #cdc6c6 !important;
}


.colwidth40 a:focus,
.smart-tub a:focus {
	outline: 1px solid #ef5a9a !important;
}

/* Contact Form */
.ContactTextBox:focus,
.ContactCommentsTextBox:focus,
.ContactCaptchaTextBox:focus {
	border: 1px solid #ef5a9a !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Newsletter & Sweepstakes Sign Up Forms */
.SignUpTextBox:focus {
	border: 1px solid #ef5a9a !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Store Locator */
.inputText:focus,
.inputDropdownList:focus {
	border: 1px solid #ef5a9a !important;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.SignUpButton:hover,
.SignUpButton:focus,
.SignUpButton:active,
.ContactSubmitButton:hover,
.ContactSubmitButton:focus,
.ContactSubmitButton:active {
	background-color: #073467;
	cursor: pointer;
}

/* Remove focus outline indicator on link click */
.ContactCaptchaBlock a:focus,
.ContactCaptchaBlock a:active {
	outline: none !important;
}

* a:active:hover,
* a:focus:hover {
	outline: none !important;
}