*
{
    margin: 0px;
    padding: 0px;
}

*:focus
{
    /*outline-style: solid;
    outline-width: 2px;
    outline-color: #444444;*/
}    
    
html
{
    overflow-x: hidden;
}

body
{
    width: 100%;
    min-width: 310px;
    margin: 0px;
    background-color: #000000;
    background-image: url('/assets/images/BackgroundBlackWeaveSmall.jpg');
    background-position: top left;
    overflow-x: hidden;
    touch-action: manipulation;
    -webkit-touch-action: manipulation;
}

h1
{
    float: left;
    font-family: oswald, arial;
    font-size: 28pt;
    font-weight: normal;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: #444444;
    text-shadow: 2px 2px 4px #BBBBBB;
    text-shadow: none;
    line-height: 110%;
}

h2
{
    font-family: oswald, arial;
    font-size: 20pt;
    font-weight: normal;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: #444444;
    line-height: 110%;
}

p
{
    font: 8pt arial;
}

a,
a:link,
a:active,
a:visited,
a:hover
{
    font: 8pt arial;
    color: #445577;
    text-decoration: none;
}

a:hover
{
    color: #AD9AFF;
}

button
{
    background-color: transparent;
    border: none;
    padding: 0px;
    font-family: arial, sans-serif;
    color: #444444;
    cursor: pointer;
}

select
{
    background-color: #FFFFFF;
}

/* Buttons: Standard */
button.button,
a.button,
a.button:link,
a.button:active,
a.button:visited,
a.button:hover
{
    float: none;
    display: inline-block;
    height: auto;
    background-image: none;
    background-color: #DDDDDD;
    background: -webkit-linear-gradient(#FFFFFF,#EEEEEE);
    background: -moz-linear-gradient(#FFFFFF,#EEEEEE);
    background: linear-gradient(#FFFFFF,#EEEEEE);
    font: 9pt arial;
    color: #444444;
    text-align: center;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
    cursor: hand;
}

button.button:hover,
a.button:hover
{
    background: none;
    background-color: #EEEEEE;
    border: 1px solid #999999;
    box-shadow: 0px 6px 5px -5px #CCCCCC;
}

a.button:active
{

}

a.button:first-child
{
    margin-left: none;
}

a.button:last-child
{
    margin-right: none;
}

a.button span, a.button:link span, a.button:active span, a.button:visited span, a.button:active span
{
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    color: inherit;
    border: none;
}

/* Buttons: Small */
a.buttonsmall {
    float: left;
    display: block;
    color: #444444;
    background: transparent url('/assets/images/ButtonASmall.gif') no-repeat scroll top right;
    font: 9pt arial;
    text-decoration: none;
    height: 19px;
    margin-right: 5px;
    padding-right: 14px; /* sliding doors padding */
    text-decoration: none;
    outline: none;
    cursor: pointer;
    cursor: hand;
}

a.buttonsmall:link {font: 9pt arial; color: #000000; text-decoration: none;}
a.buttonsmall:hover {font: 9pt arial; color: #000000; text-decoration: none;}
a.buttonsmall:visited {font: 9pt arial; color: #000000; text-decoration: none;}

a.buttonsmall span {
    text-align: center;
    background: transparent url('ButtonSpanSmall.gif') no-repeat top left;
    display: block;
    line-height: 14px;
    padding-left: 16px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 3px;
    cursor: pointer;
    cursor: hand;
}

a.buttonsmall:active {
    background-position: bottom right;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonsmall:active span {
    background-position: bottom left;

    /* push text down 1px */
    padding-left: 16px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 4px
}

.buttonbottomprevious, .buttonbottomprevious:link, .buttonbottomprevious:active, .buttonbottomprevious:hover, .buttonbottomprevious:visited, .buttonbottomnext, .buttonbottomnext:link, .buttonbottomnext:active, .buttonbottomnext:hover, .buttonbottomnext:visited
{
    float: none;
    display: inline-block;
    min-width: 100px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12pt;
    font-family: oswald, arial;
    color: #FFFFFF;
    background-color: #444444;
    border: none;
    border-radius: 2px;
    letter-spacing: 1px;
    text-transform: none;
}

.buttonbottomprevious
    {
    padding-left: 15px;
    background-image: url('/images/HomePageSlideshowArrowLeft.gif');
    background-position: 10% center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}

.buttonbottomnext
    {
    padding-right: 15px;
    background-image: url('/images/HomePageSlideshowArrowRight.gif');
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}

.buttonbottomprevious:hover, .buttonbottomnext:hover
{
    background-color: #222222;
}

.container
{
    display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
    min-width: 220px;
    max-width: 1150px;
    margin: auto;
    overflow: visible;
}

/* Header Sections */

#headerAnnouncementDiv
{
    min-width: 100%;
    background-color: #283038;
}

#headerAnnouncementDiv .container
{
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

#headerAnnouncementDiv p
{
    font-size: 10pt;
    font-family: cabin, oswald, arial;
    color: #999999;
    letter-spacing: 0.5px;
    word-spacing: 1px;
}

#headerAnnouncementDiv a, #headerAnnouncementDiv a:link
{
    font-size: inherit;
    font-family: inherit;
    color: #EEEEEE;
    text-decoration: none;
}

#headerAnnouncementDiv a:hover
{
    text-decoration: underline;
}

#headercontainerdiv
{
    min-width: 100%;
    background-color: #F7F7F7;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    line-height: 0px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 0px;
}

#headerwidgetcontainerdiv
    {
    min-width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    line-height: 0px;
    text-align: center;
    border-bottom: 1px solid #AAAAAA;
    box-shadow: none;
    margin-bottom: 15px;
}

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

#headerwidget
    {
    min-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: justify;
    line-height: 0px;
}

#headerlogodivnew
    {
    display: inline-block;
    vertical-align: middle;
    order: 1;
    -webkit-order: 1;
    max-width: 225px;
    overflow: hidden;
}

#headerlogodivnew > img
{
    float: left;
    max-height: 64px;
    padding-top: 0px;
    border: none;
}

#headerextraspacedivnew
{
    display: inline-block;
    width: 200px;
    text-align: center;
    vertical-align: middle;
    order: 2;
    -webkit-order: 2;
}

.outerdiv #headerextraspacedivnew
{
    display: none;
}

#headersearchdivnew
{
    display: inline-block;
    width: 232px;
    vertical-align: middle;
    order: 3;
    -webkit-order: 3;
}

#headerwidgetsearchdivnew
{
    display: inline-block;
    width: 232px;
    margin-right: 120px;
    vertical-align: middle;
    order: 3;
    -webkit-order: 3;
}

#headermainlinksdivnew
{
    display: inline-block;
    width: 330px;
    text-align: center;
    vertical-align: middle;
    order: 4;
    -webkit-order: 4;
}

#headermainlinksdivnew p
{
    display: inline-block;
}

#headersearchicondivnew
{
    display: none;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    order: 5;
    -webkit-order: 5;
}

#headershoppingcartdivnew
{
    display: inline-block;
    width: 86px;
    text-align: center;
    vertical-align: middle;
    margin-top: 0px;
    order: 6;
    -webkit-order: 6;
}

#headerwidgetclosediv
{
    display: inline-block;
    vertical-align: middle;
    order: 7;
    -webkit-order: 7;
}

#headershoppingcartdivnew > div:nth-child(1)
{
    display: inline-block;
    width: 100%;
}

#headershoppingcartdivnew > div:nth-child(1) > p
{
    display: inline-block;
    font: 14pt arial;
    font-weight: bold;
    vertical-align: middle;
}

#headershoppingcartdivnew #currencydivlink > p
{
    padding-left: 25px;
}

/* Header Navigation Links */

.headerlargenavigationlinks,
.headerlargenavigationlinks:active,
.headerlargenavigationlinks:link,
.headerlargenavigationlinks:visited,
.headerlargenavigationlinks:hover
{
    display: inline-block;
    font-size: 16pt;
    font-family: montserratregular, oswald, arial;
    font-weight: normal;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #555555;
    text-shadow: none;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 100%;
    vertical-align: middle;
}

.headerlargenavigationlinks:hover
{
    padding-top: 7px;
    padding-bottom: 5px;
    border-bottom: 2px solid #666666;
    color: #222222;
    box-shadow: 0px 8px 8px -6px #777777;
    box-shadow: none;
}

.headerlargenavigationlinks:first-child
{
    margin-left: 0px;
}

.headerlargenavigationlinks:last-child
{
    margin-right: 0px;
}

a.headernavigationlink:link {padding-left: 2px; padding-right: 2px; letter-spacing: 2px; font: 14pt arial; font-weight: bold; color: #444444; text-decoration: none; text-shadow: 2px 2px 4px #AAAAAA; padding-bottom: 5px;}
a.headernavigationlink:visited {padding-left: 2px; padding-right: 2px; letter-spacing: 2px; font: 14pt arial; font-weight: bold; color: #444444; text-decoration: none; text-shadow: 2px 2px 4px #AAAAAA; padding-bottom: 5px;}
a.headernavigationlink:hover {padding-left: 2px; padding-right: 2px; letter-spacing: 2px; font: 14pt arial; font-weight: bold; color: #000000; text-decoration: none; text-shadow: 2px 2px 4px #888888; padding-bottom: 5px; border-bottom: 2px solid #666666; box-shadow: 0px 8px 8px -6px #777777;}

/* Staff Member Div */
#headerstaffmemberdynamicdiv
{
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 15px;
    background-color: #EEEEEE;
    background-image: url('https://images.fineartamerica.com/public/assets/images/BackgroundTextureGray.gif');
    background-color: #FFFFFF;
    background-image: none;
    border-bottom: 1px solid #BBBBBB;
    border-radius: 0px;
    box-shadow: none;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
}

#headerstaffmemberdynamicdiv > div
{
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
    border: none;
}

#headerstaffmemberdynamicdiv > div > p, #headerstaffmemberdynamicdiv > div > div
{
    float: left;
    width: 100%;
    padding-top: 2px;
    font-size: 8pt;
    font-family: arial;
    text-decoration: none;
    color: #444444;
}

#headerstaffmemberdynamicdiv > div > p:nth-child(1)
{
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-family: oswald, arial;
    font-size: 11pt;
    font-weight: normal;
    color: #444444;
    text-decoration: none;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #AAAAAA;
}

#headerstaffmemberdynamicdiv > div > div
{
    float: left;
    width: 100%;
}

#headerstaffmemberdynamicdiv > div > div > p
{
    float: left;
    width: auto;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
    text-decoration: none;
}

#headerstaffmemberdynamicdiv > div > div > p:nth-child(2)
{
    padding-left: 8px;
    color: #999999;
    text-decoration: none;
}

#headerstaffmemberdynamicdiv a:link, #headerstaffmemberdynamicdiv a:visited
{
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    text-decoration: inherit;
}

#headerstaffmemberdynamicdiv a:hover
{
    text-decoration: underline;
}

/* Header Menu Bar */
#headernavigationcontainerdiv
{
    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;
}

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

#headernavigationmenuleftdiv
{
    float: left;
}

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

/* Header Products (Shop Dropdown) */
.headerproductdiv
{
    display: inline-block;
    width: 5%;
    min-width: 75px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
    border: none;
    overflow: visible;
    vertical-align: top;
}

.headerproductdiv div:nth-child(1)
{
    display: inline-block;
    width: 100%;
    height: 58px;
    vertical-align: top;
}

.headerproductdiv div:nth-child(2)
{
    float: left;
    width: 100%;
}

.headerproductdiv img
{
    max-width: 90%;
    max-height: 50px;
    border: none;
}

.headerproductdivshadow img
{
    box-shadow: 5px 5px 8px #CCCCCC;
}

.headerproductdiv p
{
    display: inline-block;
    width: 100%;
    font-size: 9pt;
    font-family: arial;
    color: #666666;
    letter-spacing: 0px;
    text-transform: none;
}

.headerproductdiv a, .headerproductdiv a:link, .headerproductdiv a:active, .headerproductdiv a:hover
{
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    letter-spacing: inherit;
}

.headerproductdiv:hover a
{
    color: #335599;
}



/* Help Dropdown Text Items */
.headerHelpDiv
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 225px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 40px;
    text-align: left;
}

.headerHelpDiv p
{
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    font-size: 10pt;
    font-family: arial;
    line-height: normal;
    color: #666666;
    text-transform: none;
}

.headerHelpDiv p:nth-child(1)
{
    padding-top: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #999999;
    font-size: 12pt;
    font-family: oswald, arial;
    color: #444444;
}

#dropDownSearchContainerDiv
{
    display: inline-block;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

#searchFormDropDownMenu
{
    display: inline-block;
    width: 75%;
    max-width: 500px;
}

#dropDownSearchTypeDiv
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}

#dropDownSearchInputDiv
{
    display: inline-block;
    vertical-align: middle;
    width: 75%;
    height: 40px;
    overflow: hidden;
    border: 1px solid #DDDDDD;
}

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

/* Footer */
#footer
{
    display: inline-block;
    width: 100%;
    text-align: justify;
    text-justify: distribute-all-lines;
}

[data-web-view = '1'] #footer
{
	padding-bottom: 40px;
}

#footer div:first-child > div
{
    display: inline-block;
    width: 20%;
    min-width: 210px;
    padding-top: 25px;
    text-align: left;
    vertical-align: top;
}

#footer div:first-child > div h3
{
    float: left;
    width: 100%;
    padding: 0px;
    padding-bottom: 7px;
    margin: 0px;
    border-bottom: 1px solid #999999;
    font-size: 10pt;
    font-family: montserratregular, oswald, arial;
    font-weight: normal;
    letter-spacing: 1px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
}

#footer div:first-child > div p
{
    float: left;
    width: 100%;
    font-size: 11pt;
    font-family: arial;
    font-weight: normal;
    color: #646B75;
    padding-top: 5px;
}

#footer div:first-child > div p:nth-child(2)
{
    padding-top: 10px;
}

#footer div:first-child > div a:link,
#footer div:first-child > div a:active,
#footer div:first-child > div a:hover,
#footer div:first-child > div a:visited,
#footer div:first-child > div button
{
    font: 11pt arial;
    color: #646B75;
    color: #888888;
}

#footer div:first-child > div a:hover,
#footer div:first-child > div button:hover
{
    color: #FFFFFF;
}

#buttonShowDiscountPopUp
{
	position: fixed;
	display: inline-block;
	bottom: 20px;
	left: 20px;
	background-color: #222222;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background-image: url('/assets/images/icons/arrowUpWhite.png');
	background-position: center center;
	background-size: 60% 60%;
	background-repeat: no-repeat;
	overflow: hidden;
	opacity: 0.40;
	z-index: 10000;
	transition: width 0.5s, height 0.5s;
}

#buttonShowDiscountPopUp:hover
{
	opacity: 1.0;
}

/* Header: Settings */
#headerBehindTheScenesDiv
{
    display: inline-block;
    width: 100%;
}

.titlebar
{
    background-color: #445577;
    border: 1px solid #444444;
}

.bullet img
{
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    clear: left;
    border: none;
}

.bullet p
{
    float: left;
    display: block;
    width: 95%;
}

.bullet2 img
{
    float: left;
    margin-top: 7px;
    margin-right: 5px;
    clear: left;
    border: none;
}

.bullet2 p
{
    float: left;
    margin-top: 5px;
    display: block;
    width: 96%;
}

.menuclass
{
    background-position: top left;
    background-repeat: repeat-y;
}

.searchtypeoptionlink a:link, .searchtypeoptionlink a:visited
{
    color: #444444;
}

.searchtypeoptionlink a:hover
{
    color: #FFFFFF !important;
    background-color: #999999;
}

.searchTypeOptionsContainer button,
.searchTypeOptionsContainer a:link,
.searchTypeOptionsContainer a:visited
{
    color: #444444;
}

.searchTypeOptionsContainer button:hover,
.searchTypeOptionsContainer button:focus,
.searchTypeOptionsContainer a:hover
{
    color: #FFFFFF;
    background-color: #445577;
}

.outerdiv
{
    width: 970px;
    min-height: 1000px;
    margin: auto;
    padding: 0px;
    overflow: hidden;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    border-top: none;
}

#headerextraspacediv
{
    width: 1px;
    overflow: hidden;
    visibility: hidden;
    display: none;
    font: 9pt arial;
}

#headerstaffmemberdiv
{
    width: 675px;
}

.searchtypeoptionsheader
{
    background-color: #EFEFEF;
}

.searchtypeoptionsheader a:link, .searchtypeoptionsheader a:visited, .searchtypeoptionsheader a:hover
{
    color: #444444;
}

.searchtypeoptionsheader:hover
{
    background-color: #445577;
}

.searchtypeoptionsheader:hover a:link, .searchtypeoptionsheader:hover a:visited, .searchtypeoptionsheader:hover a:hover
{
    color: #FFFFFF;
}

#pixelslicensingheadersearchdiv
{
    padding-left: 0px;
}

@font-face
{
    font-family: avenir;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/avenir.ttf');
    src: url('https://render.fineartamerica.com/font/avenir.woff') format('woff'),
         url('https://render.fineartamerica.com/font/avenir.ttf') format('truetype');
}

@font-face
{
    font-family: avenir;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/montserrat-light.otf');
}


@font-face
{
    font-family: bebas;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/bebas.ttf');
}

@font-face
{
    font-family: cabin;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/cabinregular.otf');
    src: url('https://render.fineartamerica.com/font/cabinregular.woff') format('woff'),
         url('https://render.fineartamerica.com/font/cabinregular.otf') format('otf');
}

@font-face
{
    font-family: centurygothic;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/centurygothic.ttf');
}

@font-face
{
    font-family: cheddarjack;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/cheddarjack.ttf');
}

@font-face
{
    font-family: didot;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/didot.ttc');
}

@font-face
{
    font-family: franklin;
    font-display: swap;
    src: url('/font/franklin-gothic.ttf');
}    

@font-face
{
    font-family: futura;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/futura.ttf');
}

@font-face
{
    font-family: franchisebold;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/franchise-bold.ttf');
}

@font-face
{
    font-family: glyphicons;
	font-display: swap;
    src: url('https://render.fineartamerica.com/font/glyphicons-halflings-regular.eot');
    src: url('https://render.fineartamerica.com/font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://render.fineartamerica.com/font/glyphicons-halflings-regular.woff') format('woff'), url('https://render.fineartamerica.com/font/glyphicons-halflings-regular.ttf') format('truetype'), url('https://render.fineartamerica.com/font/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}    

@font-face
{
    font-family: gotham;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/gotham.ttf');
}

@font-face
{
    font-family: gothamBold;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/gothamBold.ttf');
}

@font-face
{
    font-family: gothamMedium;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/gothamMedium.ttf');
}

@font-face
{
    font-family: knockout47;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/knockout47.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: lanenar;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/lanenar.ttf');
}

@font-face
{
    font-family: leaguegothic;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/leaguegothic-regular-webfont.ttf');
}

@font-face
{
    font-family: manus;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/manus.otf');
}

@font-face
{
    font-family: montserratlight;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/montserrat-light.otf');
}

@font-face
{
    font-family: montserratregular;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/montserrat-regular.otf');
    src: url('https://render.fineartamerica.com/font/montserrat-regular.woff') format('woff'),
         url('https://render.fineartamerica.com/font/montserrat-regular.otf');
}

@font-face
{
    font-family: nevis;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/nevis.ttf');
    src: url('https://render.fineartamerica.com/font/nevis.woff') format('woff'),
         url('https://render.fineartamerica.com/font/nevis.ttf') format('truetype');
}

@font-face
{
    font-family: neosansmedium;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/neosansmedium.otf');
}

@font-face
{
    font-family: neosanslight;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/neosanslight.otf');
}

@font-face
{
    font-family: odachi;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/odachi.otf');
}    

@font-face
{
    font-family: oswald;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/oswaldregular.otf');
    src: url('https://render.fineartamerica.com/font/oswaldregular.eot?#iefix') format('embedded-opentype'),
         url('https://render.fineartamerica.com/font/oswaldregular.woff') format('woff'),
         url('https://render.fineartamerica.com/font/oswaldregular.ttf') format('truetype'),
         url('https://render.fineartamerica.com/font/oswaldregular.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: sunshine;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/sunshineInMySoul.ttf');
}

@font-face
{
    font-family: telegrafico;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/telegrafico.ttf');
}

@font-face
{
    font-family: unifyBold;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/unifyBold.ttf');
}

@font-face
{
    font-family: unifyRegular;
    font-display: swap;
    src: url('https://render.fineartamerica.com/font/unifyRegular.ttf');
}


/* New Navigation Styles */
.navigationmenu
{
    margin: 0px;
    padding: 0px;
    z-index: 50000;
}

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

.navigationmenu > li > a,
.navigationmenu > li > button
{
    display: inline-block;
    overflow: hidden;
    height: 20px;
    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;
    background-image: none;
    background-position: top left;
    background-repeat: repeat-y;
    opacity: 1.00;
    transition: background-color 0s;
    border-left: none;
    line-height: 100%;
    vertical-align: middle;
    text-transform: none;
}

.navigationmenu > li:hover > a
{
    color: #FFFFFF;
    background-color: #374353;
    opacity: 1.0;
    text-shadow: none;
    margin-top: 0px;
    transition: background-color 0.250s;
}

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

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

.navigationmenudropdown
{
    position: absolute;
    left: 0px;
    top: 34px;
    z-index: 5000;
    width: 95%;
    width: calc(100% - 50px);
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    padding: 25px;
    padding-bottom: 0px;
    visibility: hidden;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 5px 25px -15px #EEEEEE;

}

.buttonheadernavigationmenuclose:link, .buttonheadernavigationmenuclose:active, .buttonheadernavigationmenuclose:visited, .buttonheadernavigationmenuclose:hover
{
    float: right;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font: 9pt arial;
    text-decoration: none;
    background-color: #6A7476;
    border-radius: 2px;
    color: #FFFFFF;
}

.buttonheadernavigationmenuclose:hover
{
    background-color: #374353;
}

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

.headernavigationmenutextdiv > div:nth-child(1)
{
    float: left;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;
    text-align: left;

}

.headernavigationmenutextdiv > div:nth-child(1) > p:nth-child(1)
{
    float: left;
    font-size: 12pt;
    font-family: cabin, oswald, arial;
    letter-spacing: 0.5px;
    color: #444444;
    text-shadow: none;
    text-decoration: none;
}

.headernavigationmenutextdiv > div:nth-child(1) > p:nth-child(1) a, .headernavigationmenutextdiv > div:nth-child(1) > p:nth-child(1) a:link
{
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    text-shadow: inherit;
    text-decoration: inherit;
}

.headernavigationmenutextdiv > div:nth-child(1) > p:nth-child(1) a:hover
{
    color: #000000;
    text-shadow: 1px 1px 2px #CCCCCC;
}

.headernavigationmenutextdiv > div:nth-child(1) > p:nth-child(2)
{
    float: right;
    padding-top: 8px;
    font: 9pt arial;
}

.headernavigationmenutextdiv > div:nth-child(1) > p:nth-child(2) a, .headernavigationmenutextdiv > div:nth-child(1) > p:nth-child(2) a:link
{
    font: 9pt arial;
    color: #444444;
    text-decoration: underline;
}

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

.headernavigationmenutextlist > li
{
    display: inline-block;
    width: 100%;
    /*
    background-image: url('/assets/images/HeaderNavigationArrowRight.png');
    background-position: 0px 5px;
    background-repeat: no-repeat;
    */
    padding-top: 1px;
    padding-bottom: 1px;
    transition: background-position 0.250s;
    text-align: left;
}

.headernavigationmenutextlistsubjects > li
{
    padding-top: 0px;
    padding-bottom: 0px;
}

.headernavigationmenutextlist > li:hover > a
{
    /*
    background-color: #EEEEEE;
    background-position: 4px 5px;
    border-radius: 2px;
    */

    text-decoration: underline;
}

.headernavigationmenutextlist > li > a
{
    display: inline-block;
	box-sizing: border-box;
    width: 100%;
    font-size: 10pt;
    font-family: arial;
    font-weight: normal;
    color: #444444;
    text-decoration: none;
}

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

.headernavigationmenutextlistsubjects > li:last-child > a
{

}

.headernavigationmenutextlist > li:last-child > a
{

}

#mobileNavigationDiv
{
    display: none;
    position: absolute;
    z-index: 10001;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 0%;
    min-height: 500px;
    background-color: #FFFFFF;
    border-right: 1px solid #444444;
    transition: width 0.125s;
    text-align: center;
}

#mobileNavigationBackgroundDiv
{
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 0%;
    background-color: rgba(0,0,0,0.50);
}

#mobileNavigationInnerDiv
{
    display: inline-block;
    width: 90%;
    margin-top: 5px;
    position: relative;
}

.mobileNavigationListContainer
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
    transition: all 0.5s ease-in-out;
}

.mobileNavigationMenuTopList
{
    width: 100%;
}

.mobileNavigationMenuTopList > li
{
    display: inline-block;
    width: 100%; 
    border-top: 1px solid #CCCCCC;
    font-size: 12pt;
    font-family: cabin, avenir, montserratregular, oswald, arial;
    color: #444444;
    list-style: none;
    text-align: left;
}

.mobileNavigationMenuTopList > li:last-child
{
    border-bottom: 1px solid #CCCCCC;
}

.mobileNavigationMenuTopList > li a,
.mobileNavigationMenuTopList > li a:link,
.mobileNavigationMenuTopList > li a:active,
.mobileNavigationMenuTopList > li a:visited,
.mobileNavigationMenuTopList > li a:hover,
.mobileNavigationMenuTopList > li a:focus,
.mobileNavigationMenuTopList > li button,
.mobileNavigationMenuTopList > li button:focus
{
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;    
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    text-align: left;
    outline: 0px;
}

.mobileNavigationMenuSubList
{
    display: none;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 15px;
}

.mobileNavigationMenuSubList > li
{
    display: inline-block;
    width: 100%;
    border: none;
    font-size: 11pt;
    font-family: avenir, cabin, oswald, arial;
    color: #666666;
    list-style: none;
    text-align: left;
}

.mobileNavigationMenuSubList > li:last-child
{
    border-bottom: none;
}

.mobileNavigationMenuSubList > li a,
.mobileNavigationMenuSubList > li a:link,
.mobileNavigationMenuSubList > li a:active,
.mobileNavigationMenuSubList > li a:visited,
.mobileNavigationMenuSubList > li a:hover,
.mobileNavigationMenuSubList > li a:focus,
.mobileNavigationMenuSubList > li button,
.mobileNavigationMenuSubList > li button:focus
{
    display: inline-block;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    padding-left: 0px;
}

.mobileNavigationLinkDownArrow
{
    background-image: url('/images/iconDownArrowMobileNavigation.jpg');
    background-size: auto 35%;
    background-position: 100% center;
    background-repeat: no-repeat;
}

.mobileNavigationLinkRightArrow
{
    background-image: url('/images/iconRightArrowMobileNavigation.jpg');
    background-size: auto 50%;
    background-position: 100% center;
    background-repeat: no-repeat;
}

.mobileNavigationLinkLeftArrow,
.mobileNavigationLinkLeftArrow:link,
.mobileNavigationLinkLeftArrow:active,
.mobileNavigationLinkLeftArrow:visited,
.mobileNavigationLinkLeftArrow:hover
{
    float: left;
    font-size: 12pt;
    font-family: oswald, arial;
    color: #6666666;
    margin-top: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    background-image: url('/images/iconLeftArrowMobileNavigation.jpg');
    background-size: auto 70%;
    background-position: 0% center;
    background-repeat: no-repeat;
}

.mobileNavigationBackDiv
{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    padding-bottom: 15px;
    text-align: left;
    overflow: hidden;
}

.mobileNavigationBackDiv img
{
    float: right;
    padding-top: 10px;
}

.mobileNavigationButtonBack
{
    display: inline-block;
    font-size: 12pt;
    font-family: montserratregular, oswald, arial;
    color: #6666666;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    background-image: url('/images/iconLeftArrowMobileNavigation.jpg');
    background-size: auto 60%;
    background-position: 0% center;
    background-repeat: no-repeat;
    text-transform: uppercase;
}

#mobileNavigationButtonHome
{
    background-image: none;
    padding-left: 0px;
}

#mobileNavigationButtonHome:focus
{
    outline: 0px;
}

.mobileNavigationButtonX
{
    display: inline-block;
    box-sizing: border-box;
    padding: 2px;
    font-size: 12pt;
    font-family: glyphicons;
    line-height: 100%;
}

.mobileNavigationButtonX img
{
    float: none;
    display: inline-block;
    padding-top: 0px;
}

.mobileNavigationElementContainer
{
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 6px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    order: 1;
    -webkit-order: 1;
}

#mobileNavigationDepartmentDiv, #mobileNavigationProductDiv, #mobileNavigationMediumDiv
{
    /*display: none;*/
}

#mobileNavigationTagDiv
{
    /*border-top: 1px solid #CCCCCC;*/
}

.mobileNavigationElementContainer:nth-child(n+2)
{
    border-top: none;
}

#mobileNavigationSortOptionDiv
{
    /*margin-top: 40px;
    border-top: 1px solid #CCCCCC;*/
}

.mobileNavigationHeader
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    background-image: url('/assets/images/iconDownArrowMobileNavigation.jpg?test=1234');
    background-size: auto 35%;
    background-position: 100% center;
    background-repeat: no-repeat;
    text-align: left;
}

.mobileNavigationElementContainerExpanded .mobileNavigationHeader
{
    /*background-image: url('/assets/images/iconMobileNavigationMinusSign.jpg?test=1234');*/
    background-image: url('/assets/images/iconUpArrowMobileNavigation.jpg?test=1234');
    background-size: auto 35%;
}

.mobileNavigationHeaderTextDiv
{
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    width: calc(100% - 25px);
}

.mobileNavigationHeaderTitle
{
    display: inline-block;
    width: 100%;
    font-size: 8pt;
    font-family: helvetica;
    color: #666666;
    letter-spacing: 1px;
}

.mobileNavigationHeaderValue
{
    display: inline-block;
    width: 100%;
    margin-top: 2px;
    font-size: 11pt;
    font-family: montserratregular, cabin, helvetica;
    color: #222222;
    text-transform: uppercase;
    overflow: hidden;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
}

.mobileNavigationOptionsDiv
{
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
}

.mobileNavigationElementContainerExpanded .mobileNavigationOptionsDiv
{
    display: inline-block;
}

.mobileNavigationOption,
.mobileNavigationOption:active,
.mobileNavigationOption:link,
.mobileNavigationOption:visited
{
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding-left: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 10pt;
    font-family: avenir, helvetica, arial;
    color: #444444;
    border-left: 4px solid #FFFFFF;
    text-align: left;
}

.mobileNavigationOptionSelected, .mobileNavigationOptionSelected:active, .mobileNavigationOptionSelected:link, .mobileNavigationOptionSelected:visited
{
    font-weight: bold;
    border-color: #58DBD7;
}

.mobileNavigationOption:hover, .mobileNavigationOptionSelected:hover
{
    color: #222222;
    border-color: #666666;
}

#mobileNavigationSearchForm
{
	position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 25px;
}

#mobileNavigationSearchTypeDiv
{
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
    padding-top: 10px;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    border: none;
    border-top: 1px solid #CCCCCC;
}

#mobileNavigationCustomSearchInputContainerDiv
{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #AAAAAA;
}

#mobileNavigationSearchInput
{
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    width: calc(100% - 35px);
    box-sizing: border-box;
    padding: 8px;
    font-size: 16px;
    font-family: avenir, montserratregular, arial;
    border: none;
}

#mobileNavigationSearchXImageButton
{
    float: none;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin: 0px;
    padding: 0px;
    margin-left: 8px;
}

#mobileNavigationSearchXImage
{
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}

#mobileNavigationSearchMagnifyingGlassImageButton
{
    float: none;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin: 0px;
    padding: 0px;
    margin-right: 8px;
}

#mobileNavigationSearchMagnifyingGlassImage
{
    float: none;
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
}

.mobileNavigationSearchFormSelected #mobileNavigationSearchTypeDiv
{
    display: inline-block;
}

.mobileNavigationSearchTagExists #mobileNavigationSearchInput
{
    width: calc(100% - 65px);
}

.fullWidthDropDownMenu
{
    position: absolute;
    box-sizing: border-box;
    width: 100%;        
    left: 0px;
    top: 0px;
    z-index: 2000;
    padding: 25px;
    margin-top: -1px;
    visibility: hidden;
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
}

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

.arrowdown
{
    display: inline-block;
    vertical-align: top;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #FFFFFF;
}

.navigationmenu .mshowmobile
{
    display: none;
}

#mtopthreelines
{
    display: none;
}

#mtopthreelines > a,
#mtopthreelines > button
{
    padding-left: 5px;
    padding-right: 5px;
}

#mtopthreelines > a > div,
#mtopthreelines > button > div
{
    background-color: #444444 !important;
}

#mtopthreelines:hover > a > div,
#mtopthreelines:hover > button > div
{
    background-color: #FFFFFF !important;
}

#breadcrumbContainer
{
    margin-top: 0px;
    padding-bottom: 5px;
    text-align: left;
}

.breadcrumblist
{
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 10pt;
	font-family: avenir, arial;
    color: #666666;
}

.breadcrumbLink
{
    display: inline-block;
    box-sizing: border-box;
    /*max-width: 200px;*/
	padding-bottom: 6px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    list-style: none;
    font-size: inherit;
	font-family: inherit;
    color: inherit;
    text-transform: none;
}

.breadcrumbLink a,
.breadcrumbLink a:link,
.breadcrumbLink a:visited,
.breadcrumbLink a:hover,
.breadcrumbLink a:active
{
    font-size: inherit;
	font-family: inherit;
    color: #666666;
    font-weight: normal;
	text-decoration: none;
}

.breadcrumbLink a span
{
	padding-bottom: 2px;
	border-bottom: 1px solid #CCCCCC;
}

.breadcrumbLink a:hover span
{
	border-bottom: 2px solid #444444;
}

.breadcrumbLink a:after
{
    display: inline-block;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 2px;
	margin-top: -3px;
	font-size: 8pt;
	font-family: glyphicons;
	-webkit-text-stroke: 1px #FFFFFF;
    content: "\e080";
	color: #444444;
}

.breadcrumbLink:last-of-type a:after
{
	display: none;
}

.breadcrumbLink a:hover
{
    color: #222222;
    text-decoration: underline;
	text-decoration: none;
}

#breadcrumbBackLink a:before
{
    display: inline-block;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: -3px;
	font-size: 9pt;
	font-family: glyphicons;
	-webkit-text-stroke: 1px #FFFFFF;
    content: "\e079";
	color: #444444;
    
} 

#breadcrumbBackLink a:after
{
	display: none;
}	


/* New Header */
#headerMainLinksContainer
{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    order: 2;
    -webkit-order: 2;
}

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

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

#headerNavigationShopLink
{
    display: none;
}

#headerNavigationContainerSearch
{
    display: none;
    vertical-align: middle;
}

#headerNavigationDiscoverDiv
{
    display: inline-block;
    position: relative;
}

#searchFormHeader
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    text-align: left;
    margin-left: 25px;
    margin-right: 25px;
}

#headerSearchTypeDiv
{
    float: left;
    width: 85px;
    height: 100%;
    background-color: #FFFFFF;
    border-right: 1px solid #DDDDDD;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    display: none;
}

#headerNavigationSearchIcon
{
    display: inline-block;
    vertical-align: middle;
    max-height: 16px;
    margin-left: -7px;
    margin-top: -2px;
}

#autoPromptDiv
{
	display: none;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 5px;
	min-height: 25px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	z-index: 5000;
}

.autoPromptResultButton
{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 12px;
	font-size: 11pt;
	font-family: avenir, arial;
	color: #222222;
	text-align: left;
}

.autoPromptResultImage
{
	display: inline-block;
	max-width: 50px;
	border-radius: 2px;
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.20);
	vertical-align: middle;
}

.autoPromptResultText
{
	display: inline-block;
	box-sizing: border-box;
	width: calc(100% - 70px);
	margin-left: 15px;
	vertical-align: middle;
}

.autoPromptResultButton:nth-of-type(n + 2)
{
	border-top: 1px solid #DDDDDD;
}

.autoPromptResultButton:nth-of-type(2n)
{
	background-color: #F5F5F5;
}

.autoPromptResultButton:hover
{
	color: #FFFFFF;
	background-color: #444444;
}


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


@media screen and (max-width: 1250px)
{
    #headerNavigationDiscoverLink,
    #headerNavigationDiscoverDiv
        {
        display: none;
    }

}

@media screen and (max-width: 1100px)
{
    #headerNavigationArtLink, #headerNavigationHomeDecorLink, #headerNavigationTechLink, #headerNavigationApparelLink, #headerNavigationMenLink, #headerNavigationWomenLink
            {
        display: none;
    }

    #searchFormHeader
            {
        margin-left: 0px;
    }

    #headerNavigationShopLink
            {
        display: inline-block;
    }

}

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

    #searchFormHeader
            {
        display: none;
    }

    #headerNavigationContainerSearch
            {
        display: inline-block;
    }

    #dropDownSearchContainerDiv
            {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #searchFormDropDownMenu
            {
        width: 100%;
    }
    
}

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

    #headerNavigationSearchLink
            {
        display: none;
    }

    #headerNavigationSearchIcon
            {
        max-height: 20px;
        margin-left: 15px;
        margin-top: -2px;
    }

    #dropDownSearchInputDiv
            {
        width: 90%;
        margin-top: 20px;
    }

    #searchFormCustomInput
            {
        width: 90%;
    }

}

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

    #headerNavigationSellLink
            {
        display: none;
    }
}

/* Media Queries */

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

    #headerNavigationDiscoverLink,
    #headerNavigationDiscoverDiv
        {
        display: none;
    }

}

@media screen and (max-width: 1100px)
{
    #headerNavigationArtLink, #headerNavigationHomeDecorLink, #headerNavigationTechLink, #headerNavigationApparelLink, #headerNavigationMenLink, #headerNavigationWomenLink
            {
        display: none;
    }

    #headerNavigationShopLink
            {
        display: inline-block;
    }

}

@media screen and (max-width: 980px)
{
    #headerstaffmemberdynamicdiv > div
            {
        margin-left: 2px;
        margin-right: 2px;
    }
}

@media screen and (max-width: 968px)
{
    #headermainlinksdivnew  {   width: 140px;   }
    #headermainlinksdivnew > *:nth-child(3) {   display: none;}
    #headermainlinksdivnew > *:nth-child(4) {   display: none;}

    #mtopmemberactivity, #mtopmemberinbox
            {
        display: none;
    }

    #mtopmember > a > img
            {
        display: none !important;
    }

}

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

    .breadcrumblist
    {
        text-align: center;
    }

    #footer div:first-child > div
    {
        display: inline-block;
        width: 45%;
        min-width: 210px;
        padding-top: 25px;
        text-align: left;
        vertical-align: top;
    }

    #headerwidgetsearchdivnew
    {
        margin-right: 50px;
    }

    #mtophome
    {
        display: none;
    }

    #mtopedit > a > span
    {
        display: none;
    }

}

@media screen and (max-width: 640px)
{
    #header
    {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #headershoppingcartdivnew
    {
        width: 23px;
        text-align: right;
        margin-top: 0px;
    }

    #headerwidgetsearchdivnew
    {
        margin-right: 0px;
    }

    #headershoppingcartdivnew > div:nth-child(1) > p
    {
        display: none;
    }

    #headershoppingcartdivnew #currencydivlink
    {
        display: none !important;
    }

    
    /* Navigation Menu */
    #mtopthreelines
    {
        display: inline-block;
    }

    #mtopshop, #mtopproducts, #mtopcollections, #mtopsubjects, #mtopcommunity, #mtopabout, #mtopsell, #menuTopHelp
    {
        display: none;
    }

    /* Artist Websites */
    #mtophome, #mtopimages, #mtopgalleries, #mtopsocial, #mtopcontact
    {
        display: none;
    }

    #headerBehindTheScenesDiv .button
    {
        display: none;
    }

    #breadcrumbContainer
    {
        margin-bottom: 15px;
    }

    .breadcrumblist
    {
        text-align: center;
		margin-bottom: 10px;
    }        
    
    #breadcrumbBackLink
    {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }
    
    #breadcrumbBackLink a
	{
        display: inline-block;
        box-sizing: border-box;
        padding: 8px;
        padding-right: 8px;
        border: 1px solid #CCCCCC;
        border-radius: 2px;
        background-size: auto 50%;
        background-position: 5px center;
        background-color: rgba(0,0,0,0.025);
        
    }        
	
	#breadcrumbBackLink a span
	{
		padding-bottom: 0px;
		border-bottom: none;
	}

    #breadcrumbBackPipe
    {
        display: none;
    }
    
    .breadcrumbListLong .breadcrumbLink:nth-last-of-type(n + 6)
    {
        display: none;
    }        
    
    #footer
    {
        text-align: center;
        width: 100%;
    }

    #footer div:first-child > div
    {
        width: 100%;
    }

}

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

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

    #headernavigationcontainerdiv .container
	{
        width: 100%;
		padding-left: 0px;
		padding-right: 0px;
    }

    #mtopthreelines
            {
        margin-left: 5px;
    }

    #header
            {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
    }

    #headerwidget
            {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -webkit-align-items: center;
    }

    #headerbackgrounddiv
            {
        display: none;
    }

    #headersearchdivnew
            {
        display: none;
        order: 10;
        -webkit-order: 10;
        margin: auto;
        margin-bottom: 25px;
    }

    #headerwidgetsearchdivnew
            {
        display: none;
        order: 10;
        -webkit-order: 10;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #headersearchicondivnew
            {
        display: inline-block;
    }

    .headernavigationmenutextdiv
            {
        width: 40%;
        min-width: 120px;
    }

}

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

}

/*  This is code for the Ecommerce Configurator widget.  */
#headerWidget
    {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

#headerWidgetBackDiv
    {
    display: inline-block;
    vertical-align: middle;
    order: 1;
    -webkit-order: 1;
    font: 9pt arial;
    text-align: left;
    overflow: hidden;
}

#headerWidgetUploadImageDiv
    {
    display: inline-block;
    vertical-align: middle;
    order: 2;
    -webkit-order: 2;
    font-family: oswald, arial;
    font-size: 12pt;
    font-weight: normal;
    letter-spacing: 0px;
    color: #555555;
    text-shadow: none;
    vertical-align: middle;
}

#headerWidgetMainLinksContainerDiv
    {
    display: inline-flex;
    display: -webkit-inline-flex;
    vertical-align: middle;
    order: 3;
    -webkit-order: 3;
    width: 100%;
    width: calc(100% - 400px);     
    font-family: oswald, arial;
    font-size: 12pt;
    font-weight: normal;
    letter-spacing: 0px;
    color: #555555;
    text-shadow: none;
    vertical-align: middle;
    
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;        
    
}    

.headerWidgetMainLink, .headerWidgetMainLink:active, .headerWidgetMainLink:link, .headerWidgetMainLink:visited, .headerWidgetMainLink:hover
    {
    display: inline-block;
    box-sizing: border-box;
    font-size: 11pt;
    font-family: montserrat, arial;
    text-transform: uppercase;
    color: #444444;
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
}

.headerWidgetMainLink:hover
    {
    border-bottom: 2px solid #999999;
}

.headerWidgetMainLinkSelected, .headerWidgetMainLinkSelected:active, .headerWidgetMainLinkSelected:link, .headerWidgetMainLinkSelected:visited, .headerWidgetMainLinkSelected:hover
    {    
    border-bottom: 2px solid #444444;
}

#headerWidgetSearchDiv
    {
    display: inline-block;
    vertical-align: middle;
    order: 3;
    -webkit-order: 3;
}

#headerWidgetSearchIconDiv
{
    display: none;
    vertical-align: middle;
    order: 4;
    -webkit-order: 4;
}

#headerWidgetUserDiv
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 150px;
    text-align: right;
    order: 6;
    -webkit-order: 6;
}

#headerWidgetUserDropdownDiv
    {
    position: absolute;
    left: auto;
    right: 0px;
    top: 35px;
    z-index: 5000;
    width: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    text-align: left;
    visibility: hidden;
    overflow: hidden;
}

#headerWidgetUserDropdownDiv a, #headerWidgetUserDropdownDiv a:active, #headerWidgetUserDropdownDiv a:link, #headerWidgetUserDropdownDiv a:hover, #headerWidgetUserDropdownDiv a:visited
{
    display: inline-block;
    width: 100%;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    font-size: 10pt;
    font-family: arial;
    color: #444444;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#headerWidgetUserDropdownDiv a:hover
{
    color: #000000;
    background-color: #EEEEEE;
}

#headerWidgetuserQuickLinksDiv
{
    display: inline-block;
    display: none;
    width: 100%;
    font: 9pt arial;
}

#headerWidgetUserQuickLinksDiv a, #headerWidgetUserQuickLinksDiv a:active, #headerWidgetUserQuickLinksDiv a:link, #headerWidgetUserQuickLinksDiv a:hover, #headerWidgetUserQuickLinksDiv a:visited
{
    font: inherit;
    color: #444444;
    text-decoration: underline;
}

#headerWidgetUserQuickLinksDiv a:hover
{
    text-decoration: underline;
}

#headerWidgetIconGear
{
    display: inline-block;
    vertical-align: middle;
    max-width: 20px;
    padding-right: 5px;
}

#headerWidgetUserName
    {
    display: inline-block;
    vertical-align: middle;
    font-family: montserrat, oswald, arial;
    font-size: 11pt;
    font-weight: normal;
    letter-spacing: 0px;
    color: #555555;
    text-shadow: none;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ecommerceContainerDiv
{
    display: inline-block;
    width: 100%;
    border: none;
    padding-top: 10px;
    padding-bottom: 40px;
    text-align: center;
}

.ecommerceButton, .ecommerceButton:active, .ecommerceButton:link, .ecommerceButton:visited, .ecommerceButton:hover
    {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 40%;
    max-width: 200px;
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 11pt;
    font-family: avenir, arial;
    background-color: rgba(241, 241, 241, 0.50);
    border: 1px solid #AAAAAA;
    border-radius: 2px;
    box-shadow: 0px 12px 8px -8px rgba(0, 0, 0, 0.08);    
    color: #222222;
    text-decoration: none;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
}

.ecommerceButton.ecommerceButtonAdd, .ecommerceButton.ecommerceButtonDelete
    {
    width: 85%;
}

.ecommerceButton:hover
    {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.40);
    border: 1px solid rgba(121, 206, 167, 1.00);        
    background-color: rgba(121, 206, 167, 1.00);        
    
}

@keyframes rotateArrow
{
    0%
    {
        transform: rotateZ(-220deg);
    }

    100%
        {
        transform: rotateZ(-240deg);
    }                
}

#discoverArrow
{
    position: absolute;
    top: -32px;
    right: -27px;
    width: 40px;

    transform: rotateX(0deg) rotateY(0deg) rotateZ(-220deg);
    transition: transform 1.2s, width 1s, height 1s, padding 1s;
    transform-style: preserve-3d;    
    
    animation-name: rotateArrow;
    animation-duration: 1.00s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-play-state: running;
}

@media screen and (max-width: 900px)
{
    #headerWidgetSearchDiv
            {
        display: none;
        order: 10;
        -webkit-order: 10;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #headerWidgetSearchIconDiv
            {
        display: inline-block;
    }

    #headerWidgetuserQuickLinksDiv
            {
        display: none;
    }

}

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

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

    #headerWidgetUserName
            {
        display: none;
    }
}