#headerCustomDiv
{
    box-sizing: border-box;
    min-width: 100%;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;

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

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

#headerCustomNavigationShopLink
{
    display: inline-block;
}

#headerCustomNavigationSingleRowMenuContainerDiv
{
    min-width: 100%;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    margin-bottom: 15px;
    border-top: 1px solid #CCCCCC;
    text-align: center;
}

#headerCustomNavigationSingleRowMenuDiv
{
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 1000;
    line-height: 0px;
    font-size: 0px;
    height: 0px;
}

/* Three Lines: Level #1 */
#navigationTopLinkThreeLinesSingleRow
{
    display: none;
    width: 20px;
    vertical-align: middle;
}

#navigationTopLinkThreeLinesSingleRow > a
{
    display: block;
    width: 100%;
}

#navigationTopLinkThreeLinesSingleRow > a > div
{
    display: block;
    width: 100%;
    height: 3px;
    padding: 0px;
    overflow: hidden;
    margin-bottom: 3px;
    border-radius: 0px;
    background-color: #444444;
}

#navigationTopLinkThreeLinesSingleRow:hover > a > div
{
    background-color: #000000;
}

#headerarrow
{
    position: absolute;
    z-index: 5001;
    top: -24px;
    width: 47px;
    height: 24px;
    overflow: hidden;
    visibility: hidden;
}

.headerCustomNavigationMenuDropdown
{
    position: absolute;
    left: 0px;
    top: 34px;
    z-index: 5000;
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    visibility: hidden;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 10pt;
}

.headerCustomNavigationMenuDropdownOneLevelOnly
{
    top: -1px;
}


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

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

#menuTopThreeLines
{
    display: none;
}

#menuTopThreeLines > a
{

}

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

#menuTopThreeLines:hover > a > div
{

}

.navigationmenuright > li > a, .navigationmenuright > li:first-child > a
{
    border-left: 1px solid #DDDDDD;
    border-left: none;
}

.navigationmenuright > li:last-child > a
{
    border-left: 1px solid #DDDDDD;
    border-left: none;
}

.navigationmenuright > li:first-child > a
{
    padding-left: 15px;
    padding-right: 0px;
    transition: padding 0.25s;
}

.navigationmenuright > li:first-child:hover > a
{
    padding-left: 8px;
    padding-right: 7px;
}


.navigationmenu > li:hover > a,
.linkHighlighted > a
{
    color: #222222 !important;
    background-color: #FFFFFF;
    padding-top: 10px !important;
    padding-bottom: 6px !important;
    height: 16px !important;
    border-bottom: 3px solid #57DBD7;
    opacity: 1.0;
    text-shadow: none;
    margin-top: 0px;
    transition: background-color 0.250s;
}

.headerCustomNavigationLinks,
.headerCustomNavigationLinks:active,
.headerCustomNavigationLinks:link,
.headerCustomNavigationLinks:visited
{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 10pt;
    font-family: franklin, oswald, montserratregular, cabin;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #444444;
    line-height: 100%;
    border: 1px solid transparent;
}

.headerCustomNavigationLinks:hover
{
    border: 1px solid #AAAAAA;
}

.navigationmenudropdown
{
    top: 35px;
    border: 1px solid #DDDDDD;
    margin-top: 1px;
}


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

#headerCustomLogoImage
{
    display: inline-block;
    max-height: 20px;
}

#headerCustomLogoImageSmall
{
    display: none;
    max-height: 20px;
}

#headerCustomSearchForm
{
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% - 825px);
    height: 32px;
    margin: 0px;
    border: 1px solid #BBBBBB;
    text-align: left;
    
    order: 3;
    -webkit-order: 3;
}

#headerCustomSearchTypeDiv
{
    float: left;
    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;
}

#headerCustomSearchFormInput
{
    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;
}

#headerCustomSearchFormImageXClearSearch
{
    display: none;
    vertical-align: middle;
    box-sizing: border-box;
    height: 100%;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 8px;
    padding-bottom: 9px;
    border: none;        
}

#headerCustomSearchFormImageMagnifyingGlass
{
    float: right;
    box-sizing: border-box;
    vertical-align: middle;
    height: 100%;
    padding-top: 6px;
    padding-bottom: 8px;
    padding-right: 8px;        
    border: none;
}

.headerCustomSearchFormActivated #headerCustomSearchTypeDiv
{
    display: inline-block;
}

.headerCustomSearchFormTagExists #headerCustomSearchFormImageXClearSearch
{
    display: inline-block;
}

.headerCustomSearchFormActivated #headerCustomSearchFormInput
{
    width: calc(100% - 120px);
}

.headerCustomSearchFormActivated.headerCustomSearchFormTagExists #headerCustomSearchFormInput
{
    width: calc(100% - 150px);
    padding-left: 5px;
}    

#headerCustomMainLinksContainer
{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;    
    /*justify-content: space-between;*/
    justify-content: center;
    
    box-sizing: border-box;
    width: 400px;
    order: 2;
    -webkit-order: 2;
} 

#headerCustomProfileLink
{
    display: inline-block;
    order: 4;
    -webkit-order: 4;
}

#headerCustomProfileImage
{
    display: inline-block;
    max-width: 22px;
}


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


#headerCustomNavigationSearchIcon
{
    display: none;
    box-sizing: border-box;
    vertical-align: middle;
    height: 100%;
    max-height: 20px;
    margin: 0px;
}    

.headerCustomNavigationButton, .headerCustomNavigationButton:active, .headerCustomNavigationButton:link, .headerCustomNavigationButton:visited, .headerCustomNavigationButton: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;
}

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

.headerCustomNavigationMenuTextList
{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.headerCustomNavigationMenuTextList > li
{
    display: inline-block;
    width: 100%;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
}

.headerCustomNavigationMenuTextList > li:hover
{

}

.headerCustomNavigationMenuTextList > li > a
{
    display: inline-block;
    width: calc(100% - 18px);
    width: -webkit-calc(100% - 18px);
    width: -moz-calc(100% - 18px);
    padding-left: 0px;
    font-size: 10pt;
    font-family: arial, helvatica, sans-serif;
    font-weight: normal;
    color: #444444;
    text-decoration: none;
}

.headerCustomNavigationMenuTextList > li:hover > a
{
    color: #000000;
    text-decoration: underline;
}


@media screen and (max-width: 1250px)
{
    #headerCustomMainLinksContainer
        {
        width: 300px;
    }
 
    #headerCustomNavigationDiscoverLink
        {
        display: none;
    }        

    #headerCustomSearchForm
        {
        width: calc(100% - 700px);
    }    
    
}

@media screen and (max-width: 1200px)
{
    #menuTopCommunityRight
        {
        display: none;
    }
}

@media screen and (max-width: 1100px)
{                
    #menuTopMemberInbox, #menuTopMemberActivity
        {
        display: none;
    }

}    

@media screen and (max-width: 1000px)
{   
    #headerCustomMainLinksContainer
        {
        width: 200px;
    }
 
    #headerCustomNavigationBestSellersLink
        {
        display: none;
    }
        
    #menuTopThreeLines
        {
        display: inline-block;
    }

    #menuTopThreeLines > a
        {
        display: inline-block;
        padding-left: 0px;
        padding-right: 15px;
        transition: padding 0.1s;            
    }        
           
    #menuTopThreeLines:hover > a
        {
        /*padding-left: 8px;
        padding-right: 7px;*/
        border-color: transparent;
    }
    
    #menuTopArt > a
        {
        padding-left: 8px;
        padding-right: 7px;
    }
    
    #menuTopApparel
        {
        display: none;
    }
    
    #menuTopCommunityRight2
        {
        display: none;
    }
    
}


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

    #headerCustomMainLinksContainer
        {
        width: 120px;
    }
    
    #headerCustomNavigationCoversLink
        {
        display: none;
    }
 
    #headerCustomSearchForm
        {
        width: calc(100% - 460px);
    }
    
}

@media screen and (max-width: 800px)
{
    #menuTopSubjects
        {
        display: none;
    }
}

@media screen and (max-width: 720px)
{
    #headerCustomLogoImage
        {
        display: inline-block;
    }
    
    #headerLogoCompanyName
        {
        display: none;
    }
    
    #headerCustomMainLinksContainer
        {
        width: calc(100% - 380px);
    }        

    #menuTopThreeLines
        {
        display: inline-block;
    }
    
    #headerCustomSearchForm
        {
        display: none;
        width: 100%;
        margin-top: 20px;
        order: 5;
        -webkit-order: 5;
    }
    

    #headerCustomNavigationSearchIcon
        {
        display: inline-block;
    }
    
    .navigationmenuright > li:first-child > a
        {
        padding-left: 8px;
        padding-right: 7px;
        margin-right: 5px;
    }

    #searchFormCustomInput
        {
        width: 90%;
    }
}

@media screen and (max-width: 640px)
{
    #headerCustomMainLinksContainer
    {
        width: calc(100% - 220px);        
    }        
    
    #headerCustomNavigationShopLink
	{
		max-width: 60px;
        margin-left: 0px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 600px)
{
    #headerAnnouncementDiv
        {
        display: inline-block;
    }
    
    #headerAnnouncementDiv p
        {
        font-size: 9pt !important;
    }
    
    #navigationTopLinkThreeLinesSingleRow
        {
        display: inline-block;
    }    
    
    #headerCustomLogoImage
        {
        display: none;
    }

    #headerCustomLogoImageSmall
        {
        display: inline-block;
        max-height: 15px;
    }    
    
}

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

    #headerCustomContainerDiv .container
        {
        width: 95%;
        padding-left: 0px;
        padding-right: 0px;
    }          
}