*:focus
{
    outline-style: solid;
    outline-width: 1px;
    outline-color: #DDDDDD;
}

#headerAnnouncementWhiteLabelDiv
{
    display: none;
    width: 100%;
    min-width: 100%;
    background-color: #283038;
}

#headerAnnouncementWhiteLabelText
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 10pt;
    font-family: cabin, oswald, arial;
    color: #999999;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    text-align: center;
}

#headerAnnouncementWhiteLabelText a, #headerAnnouncementWhiteLabelText a:active, #headerAnnouncementWhiteLabelText a:link, #headerAnnouncementWhiteLabelText a:visited, #headerAnnouncementWhiteLabelText a:hover
{
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: #EEEEEE;
    text-decoration: none;
}

#header
{
    min-width: 100%;
    position: relative;
    padding-top: 24px;
    padding-bottom: 26px;
    text-align: justify;
    line-height: 0px;
    vertical-align: top;
    
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -webkit-align-items: center;        
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

#headerLogoText
{
    display: inline-block;
    font-size: 16pt;
    font-family: oswald, arial;
    color: #444444;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#headerLogoImage
{
    max-height: 60px;
    max-width: 200px;
}

#headerLogoImageSmall
{
    display: none;
    border: none;
    max-width: 50px;
}    

#headerContainerDiv2019
{
    min-width: 100%;
    background-color: #F5F5F5;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    line-height: 0px;
    text-align: center;
}

#header
{
    min-width: 100%;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: justify;
    line-height: 0px;
    vertical-align: top;
}

#headerNavigationContainerDiv2019
 {
    min-width: 100%;
    height: 34px;
    margin-bottom: 15px;
    background-color: #FFFFFF;
    border-top: 1px solid #D5D5D5;
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: none;
    text-align: center;
}

#headerLogoDiv
{
    display: inline-block;
    order: 1;
    -webkit-order: 1;
    max-width: 225px;
    overflow: hidden;
}    

#searchFormHeaderContainerDiv
{
	display: inline-block;
	width: calc(100% - 800px);
    order: 2;
    -webkit-order: 2;
}

#searchFormHeader
{
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
    width: 100%;
    height: 36px;
    margin: 0px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    text-align: left;
}

#headerSearchTypeDiv
{
    display: inline-block;
	flex-shrink: 0;
    box-sizing: border-box;
    width: 85px;
    height: 100%;
    background-color: #FFFFFF;
    border-right: 1px solid #DDDDDD;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: none;
}      

#searchFormCustomInput
{
    position: relative;
    display: inline-block;
    height: 50px;
    width: 75%;
    max-width: 500px;
    border: 1px solid #CCCCCC;
    text-align: left;
}

#searchFormHeaderInput
{
    float: none;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    width: calc(100% - 30px);
    height: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    background-color: #FFFFFF;
    border: none;
    box-shadow: none;
    outline: none;
    font: 9pt arial;
    color: #000000;
}

#searchFormHeaderImageXClearSearch
{
    display: none;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 0px;
}

.buttonHeaderClearNavigationFilter,
.buttonHeaderClearNavigationFilter:active,
.buttonHeaderClearNavigationFilter:link,
.buttonHeaderClearNavigationFilter:visited
{
    display: inline-block;
    box-sizing: border-box;
	margin-left: 8px;
	margin-right: 0px;
	margin-top: 0px;
    padding: 4px;
	padding-right: 8px;
    text-transform: none;
    background-color: #E5E5E5;
    border: none;
    border-radius: 2px;
    text-align: left;
	overflow: visible;
	text-overflow: visible;
	white-space: nowrap;
}

.buttonHeaderClearNavigationFilter:hover
{
	background-color: #E1E1E1;
}

.buttonHeaderClearNavigationFilter > .filterX
{
    display: inline-block;
    padding-left: 2px;
	padding-right: 5px;
	margin-top: 0px;
    font-size: 8pt;
    font-family: glyphicons;
    color: #777777;
    vertical-align: middle;
	line-height: 100%;
}

.buttonHeaderClearNavigationFilter > .filterText
{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
	margin-top: 0px;
    font-size: 7pt;
    font-family: helvetica, avenir, montserratregular, arial;
	letter-spacing: 0.25px;
	color: #555555;
	max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height: 100%;
}

.buttonHeaderClearNavigationFilter:hover > .filterX,
.buttonHeaderClearNavigationFilter:hover > .filterText
{
    color: #000000;
}


#headerSearchFiltersContainerDiv
{
	display: none;
	width: 100%;
	margin-top: 5px;
	border: none;
	text-align: left;
}


.buttonHeaderClearNavigationFilter2,
.buttonHeaderClearNavigationFilter2:active,
.buttonHeaderClearNavigationFilter2:link,
.buttonHeaderClearNavigationFilter2:visited
{
    display: inline-block;
    box-sizing: border-box;
	margin-top: 0px;
	margin-bottom: 4px;
    padding: 4px;
	padding-right: 8px;
    text-transform: none;
    background-color: #E5E5E5;
    border: none;
    border-radius: 2px;
    text-align: left;
	overflow: visible;
	text-overflow: visible;
	white-space: nowrap;
}

.buttonHeaderClearNavigationFilter2:hover
{
	background-color: #E1E1E1;
}

.buttonHeaderClearNavigationFilter2 > .filterX
{
    display: inline-block;
    padding-left: 2px;
	padding-right: 5px;
	margin-top: 0px;
    font-size: 8pt;
    font-family: glyphicons;
    color: #777777;
    vertical-align: middle;
	line-height: 100%;
}

.buttonHeaderClearNavigationFilter2 > .filterText
{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
	margin-top: 0px;
    font-size: 6pt;
    font-family: helvetica, avenir, montserratregular, arial;
	letter-spacing: 0.25px;
	color: #555555;
	max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height: 100%;
}

.buttonHeaderClearNavigationFilter2:hover > .filterX,
.buttonHeaderClearNavigationFilter2:hover > .filterText
{
    color: #000000;
}


#searchFormHeaderImageXClearSearch > .filterX
{
    display: inline-block;
	padding-right: 5px;
	margin-top: -1px;
    font-size: 8pt;
    font-family: glyphicons;
    color: #777777;
    vertical-align: middle;
	line-height: 100%;
}

#searchFormHeaderImageMagnifyingGlassLink
{
    display: inline-block;
    box-sizing: border-box;
    padding-right: 8px;
}

#searchFormHeaderImageMagnifyingGlass
{
    display: inline-block;
    box-sizing: border-box;
	height: 100%;
	max-height: 18px;
    vertical-align: middle;
    border: none;
}

.searchFormHeaderActivated #headerSearchTypeDiv
{
    display: inline-block;
}

.searchFormHeaderTagExists #searchFormHeaderImageXClearSearch
{
    display: inline-block;
}

.searchFormHeaderActivated #searchFormHeaderInput
{
    width: calc(100% - 120px);
}

.searchFormHeaderActivated.searchFormHeaderTagExists #searchFormHeaderInput
{
    width: calc(100% - 150px);
    padding-left: 0px;
}    

#headerMainLinksContainer
{
    display: inline-block;
    box-sizing: border-box;
    width: 325px;
    order: 3;
    -webkit-order: 3;        
} 

#headerShoppingCartDivNew
{
    position: relative;
    display: inline-block;
    width: 40px;
    text-align: right;
    padding: 0px;
    margin: 0px;
    order: 4;
    -webkit-order: 4;
}    

#linkNavigationSearchIcon
{
    display: none;   
}

#headerNavigationSearchIcon
{
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    height: 100%;
    max-height: 20px;
    margin: 0px;
    margin-left: 10px;
}    

.headerNavigationButton, .headerNavigationButton:active, .headerNavigationButton:link, .headerNavigationButton:visited, .headerNavigationButton:hover
{
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 15px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    font-size: 10pt;
    font-family: cabin, arial, sans-serif;
    text-decoration: none !important;
}

.headerNavigationButton:hover
{
    color: #FFFFFF !important;
    border-color: #6AC99D;
    background-color: #6AC99D;
    text-decoration: none;
}

.headerNavigationLinks2019, .headerNavigationLinks2019:active, .headerNavigationLinks2019:link, .headerNavigationLinks2019:visited, .headerNavigationLinks2019:hover
{
    display: inline-block;
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid transparent;
    font-size: 11pt;
    font-family: montserratregular, cabin;
    letter-spacing: 1px;
    text-decoration: none;
    color: #444444;
    text-transform: uppercase;
}

.headerNavigationLinks2019:hover
{
    border: 1px solid rgba(0,0,0,0.15);
}

#headerNavigationDiv2019
{
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1000;
}

#headerNavigationDivLeft2019
{
    float: left;
}

#headerNavigationDivRight2019
{
    float: right;
    padding-right: 0px;
}

.headerNavigationMenusContainerDiv
{
    margin: 0px;
    padding: 0px;
    z-index: 50000;
}

.headerNavigationMenusContainerDiv > li
{
    float: left;
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 10pt;
    font-family: arial;
}

.headerNavigationMenusContainerDiv > li > a
{
    display: inline-block;
    overflow: hidden;
    height: 18px;
    margin: 0px;
    padding: 0px;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: none;
    color: #555555;
    text-align: center;
    text-decoration: none;
    font-family: montserratlight, cabin, oswald, arial;
    font-size: 10pt;
    font-weight: normal;
    letter-spacing: 0px;
    text-shadow: none;
    opacity: 1.00;
    transition: background-color 0s;
    line-height: 100%;
    vertical-align: middle;
    text-transform: none;
    border-bottom: 3px solid transparent;
}

.headerNavigationMenusContainerDiv > li:hover > a, .linkHighlighted > a
{
    border-bottom: 3px solid #57DBD7;
    opacity: 1.0;
    text-shadow: none;
    transition: background-color 0.250s;
}


.headerNavigationMenusContainerDiv > li[data-first-position='1'] > a
{
    padding-left: 0px;
    padding-right: 15px;
    transition: padding 0.1s;
}

.headerNavigationMenusContainerDiv > li[data-first-position='1']:hover > a
{
    padding-left: 8px;
    padding-right: 7px;
}

#menuTopShop
{
    display: none;
}

#menuTopThreeLines2019
{
    display: none;
}

#menuTopThreeLines2019 > a
{
    padding-left: 0px;
    padding-right: 15px;
    transition: padding 0.1s;
}

#menuTopThreeLines2019:hover > a
{
    border-color: transparent;
}

#menuTopThreeLines2019 > a > div
{
    background-color: #444444 !important;
}

.headerNavigationDropDownMenu2019
{
    position: absolute;
    box-sizing: border-box;
    
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
    -webkit-align-content: flex-start;
    align-items: flex-start;
    -webkit-align-items: flex-start;        
    justify-content: space-between;
    -webkit-justify-content: space-between;    
    
    width: 100%;        
    left: 0px;
    right: auto;
    top: 0px;
    z-index: 2000;
    padding: 25px;
    margin-top: -1px;
    visibility: hidden;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    text-align: justify;
}

li .headerNavigationDropDownMenu2019
{
    width: 220px;
}

li .headerNavigationDropDownMenu2019, .headerNavigationDropDownMenu2019.menuVerticalOffset
{
    top: 34px;
    margin-top: 0px;
    border: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    box-shadow: 0px 5px 25px -15px #EEEEEE;
}

.headerNavigationDropDownMenu2019GroupContainerDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 15%;
    padding-left: 1%;
    padding-right: 1%;
    min-width: 180px;
    vertical-align: top;
    padding-bottom: 30px;
    border: none;
}

.headerNavigationDropDownMenu2019[data-num-drop-down-menu-item-groups = '1'] .headerNavigationDropDownMenu2019GroupContainerDiv
{
    width: 100%;
    min-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border: none;
}

.headerNavigationDropDownGroupHeaderDiv
{
    display: inline-block;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;
    text-align: left;

}

.headerNavigationDropDownGroupHeaderText
{
    display: inline-block;
    font-size: 12pt;
    font-family: cabin, oswald, arial;
    letter-spacing: 0.5px;
    color: #444444;
    text-shadow: none;
    text-decoration: none;
}

.headerNavigationDropDownGroupHeaderText > a, .headerNavigationDropDownGroupHeaderText > a:link
{
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    text-shadow: inherit;
    text-decoration: inherit;
}

.headerNavigationDropDownGroupHeaderText > a:hover
{
    color: #000000;
}

.headerNavigationDropDownGroupList
{
    display: inline-block;
    width: 100%;
}

.headerNavigationDropDownGroupList > li
{
    display: inline-block;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 10pt;
    font-family: arial;
    color: #444444;
    transition: background-position 0.250s;
    text-align: left;
}

.headerNavigationDropDownGroupList > li > a
{
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: inherit;
}

.headerNavigationDropDownGroupList > li:hover > a
{
    text-decoration: underline;
}

.headerNavigationDropDownGroupList sup
{
    padding-left: 5px;
    font-size: 7pt;
    font-family: arial;
    color: #58DBD7;
    text-decoration: none;
}


@media screen and (max-width: 1250px)
{
	#searchFormHeaderContainerDiv
	{
		width: calc(100% - 550px);
	}	
    
    #headerMainLinksContainer
    {
        width: 220px;
    }
     
    #menuTopMemberActivity, #menuTopMemberInbox
    {
        display: none;
    }
}

@media screen and (max-width: 1000px)
{
            
    #menuTopThreeLines2019
    {
        display: inline-block;
    }

    .menuTopProducts
    {
        display: none;
    }

    #menuTopCollections
    {
        display: none;
    }
    
    .headerNavigationMenusContainerDiv > li[data-first-position='1'] > a
    {
        padding-left: 8px;
        padding-right: 7px;
    }

}


@media screen and (max-width: 880px)
{
    #headerLogoImage
	{
        max-width: 150px;
    }

 	#searchFormHeaderContainerDiv
	{
		width: calc(100% - 480px);
	}
             
}

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

}

@media screen and (max-width: 720px)
{
    
    #headerMainLinksContainer
    {
        width: calc(100% - 280px);
    }        
    
    #headerNavigationDiscoverLink2019
    {
        display: none;
    }    
        
    #searchFormHeaderContainerDiv
    {
        display: none;
    }
    
    #linkNavigationSearchIcon
	{
        display: inline-block;  
    }

    .headerNavigationMenusContainerDivright > li:first-child > a
        {
        padding-left: 8px;
        padding-right: 7px;
        margin-right: 5px;
    }

}

@media screen and (max-width: 640px)
{
    #headerLogoDiv
        {
        max-width: 180px;
    }
    
    #headerMainLinksContainer
    {
        width: calc(100% - 240px);
    }        
}

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

    #headerContainerDiv2019 .container
       {
        width: 95%;
        padding-left: 5px;
        padding-right: 5px;
    }

    #headerNavigationContainerDiv2019 .container
       {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }        
    
    .headerNavigationDropDownMenu2019GroupContainerDiv
        {
        width: 40%;
        min-width: 120px;
    }    

    #menuTopThreeLines2019 > a
       {
        padding-left: 8px;
        padding-right: 7px;
    }           
}