.scroll-left {
 height: 28px;	
 overflow: hidden;
 position: relative;
/* background: yellow;
 color: orange;
 border: 1px solid orange; */
}
.scroll-left p {
 position: absolute;
 width: 600px;
 height: 100%;
 margin: 0;
 line-height: 28px;
 text-align: center;
 /* Starting position */
 transform:translateX(100%);
 /* Apply animation to this element */
 animation: scroll-left 30s linear infinite;
 border:solid 1px red;
}
/* Move it (define the animation) */
@keyframes scroll-left {
 0%   {
 transform: translateX(100%); 		
 }
 100% {
 transform: translateX(-50%); 
 }
}

.home-page-sale-banner {
    /*background-color: #158496;*/
	/*background: rgb(115,116,119);
background: radial-gradient(circle, rgba(115,116,119,0.8269432773109244) 0%, rgba(21,132,150,1) 60%); */
/* background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(21,132,150,1) 60%);
*/
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(15,15,15,1) 90%);
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding: 4px;
	color:#0f0f0f;
}

.mobile-header-line1 {display:flex;width:100%;height:34px;color:#ffffff; /* border:solid 1px purple */;font-size:14pt;
    flex-direction: row;}
.mobile-header-line1 .logodiv {width:50% !important}
.mobile-header-line1 .logo .icon-logo-and-tagline {display:inline-block;height:30px;	}
.mobile-header-line1 .account{width:38%;text-align:right;font-size:10pt; font-weight:600;margin-top:7px;}
.mobile-header-line1 .cart{width:12%;text-align:right;font-size:10pt; font-weight:600;background: url(/common/img/cart.png);
    background-repeat: no-repeat;
    background-position-x: right;background-size: 36px;    background-position-y: center;}

@media screen and   (min-width:  40rem) {
	.mobile-header-line1  {display: none !important;}
}

.header-left-third {width:calc(20vw); text-align:center; margin-top:3px;padding-left:.5rem !important;padding-right:.5rem !important;}
.header-middle-third {width:calc(20vw); text-align:center;padding-left:.5rem !important;padding-right:.5rem !important; }
.header-right-third {width:calc(20vw); text-align:center; padding-left:.5rem !important;padding-right:.5rem !important;}
@media screen and   (max-width: 39.375rem) {
	.header-left-third {display:none;}
.header-middle-third {width:calc(100vw); text-align:center;border:solid 1px red;height:34px}
.header-right-third {display:none;}
}
.ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget {width:auto; background-color:#158496 ; color:#ffffff;height:auto;padding:10px 30px 10px 30px; vertical-align:middle;font-size:10pt;}
.ui-dialog-title {float:none;text-align:center;}
.ui-button-icon.ui-icon.ui-icon-closethick {display:none;}
.detail-page-image-overlay .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {display:block;}
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {display:none;}
#modal_dialog {border: 1px solid #aaaaa;;padding:0;width:80%;height:auto;border-radius:4px;}
.ui-dialog-titlebar {margin-bottom:6px;}
.ui-dialog-content.ui-widget-content {border: 1px solid #aaaaa;width:auto;height:auto;}
.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #158496; 
    color: #ffffff;
    font-weight: bold;
}

#modal_dialog .title {width:100%;font-weight:600; text-align:center;}
#modal_dialog .message {width:100%;font-weight:normal; border: 1px solid #aaaaaa;font-size:14px;border-radius: 4px; width:100%;height:100%;padding: 4px 4px 4px 4px;} 
#modal_dialog .buttons {width:100%;text-align: center; margin-top:30px;}
#modal_dialog #btnNo {width:40%; background-color:#158496 ; color:#ffffff;font-size:12pt;}
#modal_dialog #btnYes {width:40%; background-color:#158496 ; color:#ffffff; font-size:12pt;}

/*
a {
  text-decoration: none;
  font-weight: bold;
  background: linear-gradient(135deg, rgba(43,171,217,1) 0%, rgba(0,130,200,1) 100%);
  -webkit-background-clip: text;
  color: transparent;
}

*/
/* Scroller styling */
.scroller {
   height: 2.2em;
  line-height: 2.2em; 
  position: relative;
  overflow: hidden;
  width: 10em;
  background-color:#158496;height:34px;text-align:center;color:#ffffff;font-weight:normal;border-top:solid 1px #808080; 
  background: radial-gradient(circle, rgba(21,132,150,1) 0%, rgba(118,170,179,1) 100%);
  width:100%;
  margin-bottom:4px;
 /* animation-iteration-count: 2; */
}
.scroller > a span {
  position: absolute;
  top: 0;
  animation: slide 18s 1;
  font-weight: normal;
   width:100%;
   display:inline-block;
   left:0;
}
@keyframes slide {
  0% {
    top: 0;
  }
/*  25% {
    top: -1.2em;
  } */
  33% {
    top: -2.4em;
  }
   66% {
    top: -4.6em;
  }
 /* 75% {
    top: -3.6em;
  } */	
}
.dept-scroller {/* background-color: #0f0f0f; margin: 20px auto;*/
            text-align: center;padding: 0 5px 3px 5px;
           
            width: 100%;
             
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
            /* border: 1px solid #ddd;
           
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
            font-size: 1rem;
            line-height: 1.6;
			 -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}
.dept-scroller a {padding: 0 4px 0 4px;font-size:10pt; font-weight:normal;}
.special-scroller { background-color: lightgray;
            text-align: center;padding: 0 5px 0 5px;
           color:#000000;
            width: 100%;
             
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
            /* border: 1px solid #ddd;
           
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
            font-size: 1rem;
            line-height: 1.6;
			 -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */}

.special-scroller a {padding: 0 4px 0 4px;font-size:10pt; font-weight:normal;color:#000000;}
.special-scroller a:visited {color:#000000;}
.site-header { background-image: url(https://images.wolfgangsvault.com/wvfeatures/bg-head-blk-2.jpg);font-family:Arial,sans-serif; position:sticky;top:0;z-index:100;border:solid 1px #0f0f0f} /* background:#0f0f0f; */
.site-header .sticky-container { z-index:2; } /* background-color:#0f0f0f;  */
.site-header header { font-size:0;position:relative;padding:5px 0 0;display:flex;flex-direction:row; } /* background:#0f0f0f; */
.site-header header, .site-header header.is-stuck { margin:0 !important;} /* background-color:#0f0f0f;  */
.site-header .tag { /* display:flex; */ position:relative;font-size:20pt;margin:0;overflow:hidden; }
.site-header .tag:before, .site-header .tag:after { color:#0f0f0f;font-size:144px;display:block;position:absolute;left:0;top:-36px;margin:0;overflow:hidden;width:100%; }
.site-header .t { display:flex;flex-direction:row;flex-wrap:nowrap;width:calc(80vw);height:40px;padding:0;align-items:center; }
.site-header .search { display:flex;position:relative;margin:0; }
.site-header .search .dropdown-button {white-space: nowrap; position:relative;display:flex;justify-content:space-between;flex-shrink:1;
/*background: linear-gradient(0deg, rgba(21,119,150,1) 0%, rgba(21,150,146,1) 100%);*/
background: rgb(210,215,221);
background: linear-gradient(180deg, rgba(210,215,221,1) 0%, rgba(146,148,150,1) 61%);
font-size:12px;padding:6px 10px;height:30px;max-width:-moz-fit-content;max-width:fit-content;color:#000000; } /* #d7d7d7 */
.site-header .search .dropdown-button-hamburger {white-space: nowrap; position:relative;display:flex;justify-content:space-between;flex-shrink:1;
/*background: linear-gradient(0deg, rgba(21,119,150,1) 0%, rgba(21,150,146,1) 100%);*/

font-size:12px;padding:6px 10px;height:30px;max-width:-moz-fit-content;max-width:fit-content; margin-left: -10px;} /* #d7d7d7 */
.site-header .search .dropdown-button-hamburger:after { font-size:12px;margin:0 0 0 5px;display:flex;content:'\e803';font-family:'icons';color:#ffffff; }
/*.site-header .search .dropdown-button:after { font-size:12px;margin:0 0 0 5px;display:flex;content:'\e804';font-family:'icons';color:#ffffff; } */
.site-header .search .dropdown-button span { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000000; }


 

.site-header .search .mobile-menu .dropdown-button {background:none;white-space: nowrap; position:relative;display:flex;justify-content:space-between;flex-shrink:1;
font-size:12px;padding:6px 0;height:30px;max-width:-moz-fit-content;max-width:fit-content; } /* #d7d7d7 */

/* .site-header .search.hamburger .dropdown-button:after { font-size:12px;margin:0 0 0 5px;display:flex;content:'\e804';font-family:'icons';color:#ffffff; }*/
.site-header .search .mobile-menu .dropdown-button:after { font-size:20px;margin:-10px 0 0 5px;display:flex;content:'\e803';font-family:'icons';color:#ffffff; }
.site-header .search.hamburger .dropdown-button span { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000000; }
#search_tips_button {color: #000000;display:flex;margin:auto 0 auto 0;padding:0.33em 0.5em 0.25em 0.5em;font-weight:bold; border-radius:1em;font-size:10pt;line-height:1;z-index:11;
margin-top: 5px;
    margin-left: 4px;
/*background: linear-gradient(0deg, rgba(21,119,150,1) 0%, rgba(21,150,146,1) 100%);*/
background: rgb(210,215,221);
background: linear-gradient(180deg, rgba(210,215,221,1) 0%, rgba(146,148,150,1) 61%); } /* margin:auto 0 auto .5rem; */
#search_tips_button, #search_tips_button:visited, #search_tips_button:active, #search_tips_button:hover { color:#000000;text-decoration:none; }
#search_tips { display:none;position:absolute;padding:1em;font-size:14pt;line-height:1.2;top:calc(100% + 5px);right:-185px;width:500px;max-width:100%;background:#FFF;z-index:5000;max-height:600px } /*;max-height:200px;*/
#search_tips:before { color:#FFF;position:absolute;font-size:25px;left:190px;top:-15px; }
#search_tips div { overflow:auto;max-height:calc(600px - 2em);font-size:12px; }
#search_tips div .header { font-weight:bold;font-size:120%;margin:0 0 0.5em; }
#search_tips div p { margin:0 0 1em; }
#search_tips div ul {  margin-left: -15px;line-height: 130%; }
#search_tips div li {  margin-bottom:3px; }
.announcement {background-color:#158496;width:100%;height:28px;text-align:center;margin-bottom:4px;display:inline-block;}
.announcement .message {background-color:#158496;height:28px;text-align:center;color:#ffffff;font-weight:normal;border-top:solid 1px #808080; max-width:970px; border:solid 1px blue;display:inline-block;width:100%;}
#top-navigation-menu-button {background-color:red;height:100px;width:100px;}
@media screen and   (min-width: 970px) {
	.announcement .message {width:970px;}
}

@media screen and   (min-width: 40rem) {
	
	.site-header .search .mobile-menu {display:none;}
}
.headline-link:visited {color:#000000 !important;}

.mobile-menu {width: 40px;padding-top: 5px;}
.site-header .mobile-menu .dropdown {top:16px; display:none;position:absolute;z-index:11;background:#FFF;padding:15px;margin:6px 0 0; background-color:#0f0f0f;}
/*.site-header .mobile-menu .dropdown { display:none;position:absolute;z-index:11;background:#FFF;padding:15px;margin:6px 0 0; background-color:#0f0f0f;top: 20px;
    left: 3px;} */
.site-header .dropdown { display:none;position:absolute;z-index:900;background:#FFF;padding:15px;margin:6px 0 0; background-color:#0f0f0f;top: 10px;
    left: 0;} 
	.site-header .dropdown.mobile { display:none;position:absolute;z-index:11;background:#FFF;padding:15px;margin:6px 0 0; background-color:#0f0f0f;top: 0;
    left: 0;width:90%;}
.site-header .dropdown-hamburger { display:none;position:absolute;z-index:11;background:#FFF;padding:15px;margin:6px 0 0; background-color:#0f0f0f;}

#top-navigation-sign-in-account-dropdown-mobile { top:43px;right:-25px;width: 250px;left:auto; right: 0; } /* -51px; */
#top-navigation-sign-in-account-dropdown-mobile:before { margin:-31px 28px 0 0;right:20%; top: 28px;}
#top-navigation-sign-in-account-mobile-dropdown-mobile:before  { right:0;top:-10px;}
.site-header .dropdown .arrow { position:absolute; }
.site-header .dropdown:before, .site-header .dropdown .arrow:before { color:#FFF;position:absolute;font-size:25px; }
.site-header .dropdown li { font-size:15px;margin:0 0 8px;font-family:'Open Sans',Arial,sans-serif;font-weight:normal;color:#ffffff;     text-align: left;}
.site-header .dropdown li:last-child { margin:0; }
.site-header .dropdown li.padded {  }
.site-header .dropdown li.padded a:before, #top-navigation-search-dropdown li.padded:before { height:10px;content:'\25A0';display:inline-block;vertical-align:middle;font-size:12px;color:#CCC;margin:-10px 3px 0; }
.site-header .dropdown li.hover { color:#158496;text-decoration:underline;cursor:pointer; }
.site-header .dropdown li a { display:block;font-weight:normal !important;white-space:nowrap; }
.site-header .dropdown li a:hover { color:#158496; }
.site-header .dropdown-menu-container { display:flex;} /*flex-direction:row !important; align-items:flex-end;  */
.site-header .dropdown-menu-container ul.dropdown { align-items:flex-start; }
.site-header .dropdown-menu-container a { display:flex;flex-direction:column; }
.site-header .dropdown-menu-container .toggle { justify-content:flex-end;padding-left:0.5rem;padding-right:0; padding-bottom:20px;} /*  padding-bottom:12px; */
.site-header .dropdown-menu-container .toggle:before { font-size:9pt;margin-bottom:6px; }
.site-header .dropdown-menu-container .clipper { display:block;margin-right:-0.5rem; }
.site-header .dropdown-menu-container a:first-child {  }
.site-header .search input { width:100%;height:30px;display:flex;flex-grow:1;font-size:16px;border:solid #d7d7d7;border-width:1px 0;background:#f7f7f7;padding:4px 10px 5px;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0; cursor:auto;}
.site-header .search .icon-search { display:flex;background:#0f0f0f;color:#FFF;width:37px;height:31px;justify-content:center; }
.site-header .search .icon-search:before { display:inline-block;vertical-align:middle;font-size:13px;margin:8px 0 0; }
.site-header .social-links { font-size:0;flex-basis:262px;display:flex;flex-direction:row-reverse;min-height:48px }
.site-header .social-links li { display:flex;cursor:pointer;font-size:20pt;line-height:22pt;color:#000;margin:0 0 0 1.4rem; }
.site-header .social-links li a, .site-header .social-links li a:visited, .site-header .social-links li a:active, .site-header .social-links li a:hover { font-family:'Open Sans',sans-serif;color:#586865; }
.site-header .social-links li:before { margin:0; }
.site-header .toggle { position:relative; } /* padding-right:17px; */
.site-header .toggle i { position:absolute;bottom:2px; }
.site-header .toggle.icon-menu i { bottom:4px; }
.site-header .toggle i:before { color:#ffffff;font-size:12px; }
.site-header .stacked { /*display:flex;align-content:flex-end;flex-direction:column; */ cursor:pointer;height:36px; }
.site-header .stacked.account{/* margin-top: -18px; margin-left: 6px; position: absolute;
    right: 60px; */ margin-right: 28px;/* width: 80px; */
    display: inline-block;text-align:right;}
.site-header .stacked b { display:inline-block;font-family:'Open Sans',sans-serif; }
.site-header .stacked .small { font-size:12px;font-weight:normal;margin-top:2px; }
.site-header .stacked .large, .site-header .generic-links li a {margin-top:12px; font-size:15px;font-weight:bold;/* margin-top:-5px */;white-space:nowrap ;z-index:1001; }

.site-header .search .icon-search { display:flex;background:#0f0f0f;color:#FFF;width:37px;height:31px;justify-content:center; }
.site-header .search .icon-search:before { display:inline-block;vertical-align:middle;font-size:13px;margin:8px 0 0; }

.site-header .generic-links { display:flex;flex-direction:row;height:38px;flex-grow:1; }
.site-header .generic-links li { position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin-right:1rem; ;z-index:1002;}
.site-header .icon-cart { /* display:flex position:absolute;right:44px ;*/text-align:center;width:35px;height:36px;font-size:16px;cursor:pointer;/* position:absolute;left:calc(96%);*/}
.site-header .icon-cart:beforex { color:#ffffff;/* margin:8px 0 0 0; position:absolute */;z-index:1;font-size:36px; margin:0;}
.site-header .icon-cart:after { content:attr(data-count);color:#000000;font-size:11px;top: 8px;
    /*right:-17px;; position:absolute;*/ z-index:2;display:inline-block;width:20px;text-align:center; color:#000000;  padding-right: 4px;  
    top: 15px;
    right: calc( 100% / 2);}

@media screen and (min-width: 40em) and (max-width: 63.9375em) { /* Medium only  and (max-width: 63.9375em)*/
.site-header .icon-cart:after { content:attr(data-count); top: 8px;  /*padding-left: 54px; */
    top: 15px;
    right: calc( 100% / 2);}
}
	
	.site-header .icon-hamburger { color:#ffffff; font-size: 14pt;font-family:'icons';content:'\e803';display:flex;text-align:center;width:35px;height:36px;cursor:pointer; margin-right:0;padding-right:0;position:absolute;left:calc(100% - 40px);} 
/* .site-header .icon-account {  font-size: 14pt;font-family:'icons';content:'\e808';display:flex;text-align:center;width:35px;height:36px;cursor:pointer; margin-right:0;padding-right:0;position:absolute;left:calc(100% - 40px);} */
.site-header .icon-account {  font-size: 14pt;display:flex;text-align:center;width:35px;height:36px;cursor:pointer; margin-right:0;padding-right:0;position:absolute;left:calc(100% - 40px);}
.site-header .icon-account:before { color:#ffffff;margin:1px 0 0 -10px;position:absolute;z-index:1;font-size:36px; }
.site-header .icon-account:after { color:#000000;font-size:11px;margin:8px -3px -8px 3px;position:relative;z-index:2;display:inline-block;width:26px;text-align:center; }


.site-footer { background:#F1F1F1; }
.site-footer ul:not(.mobile-social) a, .site-footer ul:not(.mobile-social) a:visited, .site-footer ul:not(.mobile-social) a:active { color:#555;text-decoration:none; }
.site-footer ul:not(.mobile-social) a:hover { color:#555;text-decoration:underline; }
.site-header .generic-links > li.hidden { visibility:hidden;cursor:default; }
#top-of-page .sell-text { display:flex;justify-content:center;align-items:center;width:100%;background-image:url('/wolfgangs.img/header-bar.jpg');background-size:cover; }
#top-of-page .sell-text a { display:flex;font-size:12pt;padding:0.25em 0.5em;  }
.site-header .overlay { position:absolute;left:-50%;background:#FFF;flex-direction:column;padding:1rem 1.5rem 0.75rem;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.25);top:calc(100% + 0.25rem);transition:opacity 1s;opacity:0; }
.site-header .overlay.fade-in { opacity:1; }
.site-header .overlay.fade-out { opacity:0; }
.site-header .overlay:before { font-family:'icons';content:'\e805';position:absolute;width:0;overflow:visible;left:50%;top:-13pt;color:#FFF;font-size:14pt; }
.site-header .overlay .button, .site-header .overlay span { display:flex;flex-direction:row;font-family:'Open Sans',sans-serif;margin:0 !important; }
.site-header .overlay .button { border:solid 1px #999;background:#0f0f0f;border-radius:3px;width:calc(100% - 1.3rem);margin:0 0.65rem 0.5em !important;padding:0.5rem 0;font-size:10pt;line-height:1;font-weight:600;justify-content:center; }
.site-header .overlay span { color:#000;font-size:8pt;white-space:nowrap;font-weight:normal; }
.site-header .overlay span a { color:#158496;font-size:8pt;margin:0;padding-left:0.33em;font-weight:normal;font-family:'Open Sans',sans-serif; }

#top-navigation-shop-by-department-dropdown:before { top:-8px;left:77px; }

#top-navigation-collector-dropdown:before { top:-8px;left:77px; }


#top-navigation-music-dropdown:before { top:-16px;left:77px; }
#top-navigation-sign-in-account-mobile { cursor:pointer; }
#top-navigation-sign-in-account-mobile-dropdown { margin-top:30px;margin-right:-3px; display:none;z-index:2000} <!-- wack -->
#top-navigation-sign-in-account-mobile-dropdown:before { margin:-30px 0 0 80%; right:0; z-index: 2010;}
#top-navigation-sign-in-account-dropdown { top:43px;right:-25px;width: 250px;left:auto; right: 0; } /* -51px; */
#top-navigation-sign-in-account-dropdown:before { margin:-31px 28px 0 0;right:20%; top: 28px;}
#top-navigation-sign-in-account-mobile-dropdown:before  { right:0;top:-10px;}
#top-navigation.checkout .t .social-links, #top-navigation.checkout .t .generic-links, #top-navigation.checkout .t .search, #top-navigation.checkout .icon-cartx { display:none !important; }
#top-navigation.checkout .b { display:none; }
#top-navigation.checkout .phone-sign-in.show-for-small-only { display:none !important;}

.daytrotter-subhead { background:#000;color:#FFF;margin:0 0 1rem;display:flex;width:100%; }
.daytrotter-subhead .brand { display:flex;align-items:center;height:44px;flex-grow:1; }
.daytrotter-subhead .brand:before { color:#FFF;font-size:27pt;vertical-align:middle;margin:4px 0 0 15px;position:absolute; }
.daytrotter-subhead .icon-daytrotter-script-logo { display:flex;vertical-align:middle;width:260px;height:44px;overflow:hidden;position:relative;font-size:0; }
.daytrotter-subhead .icon-daytrotter-script-logo:before { color:#FFF;font-size:100pt;vertical-align:middle;position:absolute;margin:-40px 0 0 60px; }
.daytrotter-subhead .tagline { display:flex;vertical-align:middle;font-family:'Open Sans',sans-serif,serif;font-size:10pt;line-height:15px;width:276px; }
.daytrotter-subhead .icon-shallow-triangle { display:flex;vertical-align:middle;width:300px;height:44px;background:#494949;position:relative;box-sizing:border-box;border-left:solid 20px #494949; }
.daytrotter-subhead .icon-shallow-triangle:before { color:#000;position:absolute;left:-54px;top:-1px;font-size:46px; }
.daytrotter-subhead .icon-shallow-triangle a { font-family:'Montserrat', sans-serif;display:block;text-align:center; }
.daytrotter-subhead .icon-shallow-triangle > li { display:flex;position:relative;border:solid #CCC;border-width:0 1px 0 0;box-sizing:border-box;width:50%; }
.daytrotter-subhead .icon-shallow-triangle > li:last-child { border:none; }
.daytrotter-subhead .icon-shallow-triangle > li > a { text-transform:uppercase;display:block;height:100%;width:100%;box-sizing:border-box;font-size:11pt;line-height:120%;padding:15px 0; }
.daytrotter-subhead .icon-shallow-triangle li ul { width:100% !important;margin-top:44px;background:#000;display:none;position:absolute;z-index:100;width:32.7%;left:-1px;padding:15px 0; }
.daytrotter-subhead .icon-shallow-triangle li.open ul { display:block; }
.daytrotter-subhead .icon-shallow-triangle li ul li a { font-size:10pt;padding:10px 0 12px; }

@media screen and (max-width: 39.9375em) { /* Phones only */
.site-header .search   { margin-top:8px;}
.site-header .search .icon-search {margin-right:12px;}
  .site-header .toggle i { right:-3px; }
  #top-of-page .sell-text a { font-size:3vw; }
  #top-navigation-music-dropdown { top:32px;right:-5px;left:auto; }
  #top-navigation-music-dropdown:before { right:-7px;left:auto; }
  .site-header .search { width: calc(100vw - 12px);
        flex-grow: 1;
        margin-top: 12px;
        margin-bottom: 7px;
        margin-left: 8px;
        margin-right: 8px;}
  .site-header .search .dropdown-button { display:block; }
  .site-header .search input { border-width:1px 0 1px 1px; /*z-index:-1;*/}
  #search_tips { right:0; }
  #search_tips:before { left:auto;right:-7px; }
  .site-header .tag.show-for-small-only { display:flex !important; }
  .site-header .generic-links > li:nth-child(5n), .site-header .authenticated .generic-links > li:nth-child(4n) { flex-grow:0;flex-shrink:1; }
   /* .site-header .generic-links li a.stacked {  min-width:48px } */
  .site-footer footer { padding-top:1rem; }
  .site-footer ul:not(.mobile-social) { border:solid 1px #BBB;margin:10px;background:#FFF;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding-top:10px; }
  .site-footer ul:not(.mobile-social) a { display:block;padding:10px;font-size:12pt;line-height:13pt;text-align:left;border:none;border-width:0 0 1px;position:relative; }
  .site-footer ul:not(.mobile-social) li:last-child a { border:none; }
  /*.site-footer ul:not(.mobile-social) a:before, .site-footer ul:not(.mobile-social) a:after { content:"";position:absolute;background-color:#000;width:4px;height:13px;right:20px;top:-15px; }
  .site-footer ul:not(.mobile-social) a:before { transform:translate(-2px, 24px) rotate(-45deg); }
  .site-footer ul:not(.mobile-social) a:after { transform:translate(-2px, 31px) rotate(45deg); } */
  .site-footer .copyright { color:#aaa;display:block;font-size:10pt;line-height:12pt;text-align:center;text-transform:uppercase;padding:1rem 0 0; }
  .daytrotter-subhead { padding:8px;flex-wrap:wrap; }
  .daytrotter-subhead .icon-daytrotter-script-logo { width:134px;height:18px;overflow:visible;display:flex; }
  .daytrotter-subhead .icon-daytrotter-script-logo:before { font-size:60pt;margin:-30px 0 0 22px; }
  .daytrotter-subhead .brand { width:100%;height:18px;display:block;margin:0 0 8px;display:flex; }
  .daytrotter-subhead .brand:before { font-size:13pt;margin:0; }
  .daytrotter-subhead .tagline { font-size:6pt;line-height:9px;width:149px;margin:-2px 0 2px; }
  .daytrotter-subhead .icon-shallow-triangle { width:100%;height:22px;display:flex;border:none; }
  .daytrotter-subhead .icon-shallow-triangle:before { display:none; }
  .daytrotter-subhead .icon-shallow-triangle > li > a { height:22px;font-size:7pt;padding:6px 0; }
  .daytrotter-subhead .icon-shallow-triangle li ul { padding:7px 0;left:0;width:32%;margin-top:22px; }
  .daytrotter-subhead .icon-shallow-triangle li ul li a { font-size:6.5pt;padding:5px 0 6px; }
  
  
  .site-header .generic-links li { position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin-right:1rem; ;z-index:1002;}
/* site-header .icon-cart { display:flex;text-align:center;width:35px;height:36px;font-size:16px;cursor:pointer; position:absolute;left:calc(100% - 40px);color:red} */
.site-header .icon-cart {content:'';top: -12px; display:flex;text-align:center;width:35px;height:36px;font-size:16px;cursor:pointer; position:absolute;left:calc(100% - 40px);color:#000000;font-weight:normal;}
.site-header .icon-cart:before {content:'' !important; color:#ffffff;margin:1px 0 0 0;position:absolute;z-index:1;font-size:36px; }
.site-header .icon-cart:after { content:attr(data-count);color:#000000;font-size:11px;margin:8px -3px -8px 40px;position:relative;z-index:2;display:inline-block;width:16px;text-align:center; /*border:solid 1px purple; */}

/*.site-header .icon-account {  font-family:'icons';content:'\e808';display:flex;text-align:center;width:35px;height:36px;font-size:16px;cursor:pointer; margin-right:0;padding-right:0;position:absolute;left:calc(100% - 80px);} */
.site-header .icon-account {  display:flex;text-align:center;width:35px;height:36px;font-size:16px;cursor:pointer; margin-right:0;padding-right:0;position:absolute;left:calc(100% - 82px);}
.site-header .icon-account:before { color:#ffffff;margin:1px 0 0 -10px;position:absolute;z-index:1;font-size:36px; }
.site-header .icon-account:after { color:#000000;font-size:11px;margin:8px -3px -8px 3px;position:relative;z-index:2;display:inline-block;width:26px;text-align:center; }

}
 /*.site-header #top_navigation_authenticate {position:absolute;right:66px; top:2px;} */
@media screen and (max-width: 63.9375em) { /* Medium and Small only */
  .site-header header { flex-direction:row;padding-bottom:5px; /* height:80px;*/}
  .site-header .t { width:100%;padding:0;flex-wrap:wrap;margin:0; }
  .site-header .t.shift-auth-right-on-small .phone-sign-in { justify-content:flex-end; }
  .site-header .phone-get-app, .site-header .phone-sign-in { flex-grow:1;align-self:stretch;color:#000;display:flex;font-size:9pt;font-weight:bold;font-family:'Open Sans',sans-serif;flex-direction:row;line-height:21pt;justify-content:center; }
  .site-header .phone-get-app.hidden, .site-header .generic-links > li.hidden { display:none; }
  .site-header .phone-get-app { flex-grow:0; }
  .site-header .phone-sign-in { margin-right:50px; }
  .site-header .tag { /*width:112px;height:30px; */}
  /* content:'\e807'; */
  .site-header .tag:before { font-size:115px;top:-42px;left:-19px;color:#0f0f0f;overflow:visible; }
  .site-header .icon-cart {/* position:absolute;/*top:0;right:0; */}
  
   .site-header .icon-account { position:absolute;top:0;right:0; }
   
   
  .site-header .generic-links, .site-header .stacked { height:32px; }
  .site-header #top_navigation_authenticate {position:absolute;right:66px; top:2px;}
  .site-header .generic-links {  } /* justify-content:space-between; */
  .site-header .generic-links li { flex-grow:1;margin:0; }
  .site-header .generic-links > li { flex:0 1 auto;margin-right:10px;height: 20px; } <!--  wack margin:0 -->
  .site-header .generic-links li a, .site-header .stacked .large { font-size:9pt;color:#ffffff;}
  .site-header .generic-links li a:not(.stacked) { margin-bottom:0; } <!-- wack  margin-bottom:3.5px; -->
  .site-header .generic-links li li { margin:0 0 8px;}
  .site-header .stacked { height:36px; }
  .site-header .stacked .small { font-size:7pt; }
  .site-header .dropdown-menu-container .toggle:before { margin-bottom:-2px; }
  
  .site-header .dropdown-menu-container .toggle { justify-content:flex-end;padding-left:0.5rem;padding-right:0; padding-bottom:14px;} 
  
  /*.site-header .toggle i { right:-3px;padding-bottom:4px; } */
   .site-header .toggle i { right:-2px;padding-bottom:6px; }
  .site-footer .mobile-social { display:flex;flex-direction:row;justify-content:center;padding:2rem 0; }
  .site-footer .mobile-social li { display:flex;font-size:20pt;margin:0 1rem; }
  .site-footer .mobile-social li a, .site-footer .mobile-social li a:visited, .site-footer .mobile-social li a:active, .site-footer .mobile-social li a:hover { color:#aaa;text-decoration:none; }
  #top-navigation-shop-by-department-dropdown { top:32px; }
  #top-navigation-shop-by-department-dropdown:before { left:-8px; }
  
  #top-navigation-collector-dropdown { top:32px; }
  #top-navigation-collector-dropdown:before { left:-8px; }
  
  
  #top-navigation.checkout .t .tag { margin-bottom:0; }
  #top-navigation-sign-in-account-dropdown { top:30px;right:46px; z-index:8888;}
  #top-navigation-sign-in-account-dropdown:before { margin:-31px 10px 0 0;right:-5px }
  .site-header .generic-links > li:last-child .overlay { left:auto;right:0; }
  .site-header .generic-links > li:last-child .overlay:before { left:75%; }
  #top-navigation-music-dropdown[style='display:block;'], #top-navigation-music-dropdown[style='display: block;'], #top-navigation-music-dropdown[style='display:block'], #top-navigation-music-dropdown[style='display: block'] { display:flex !important; }
  #top-navigation-music-dropdown { flex-direction:row;flex-wrap:wrap;width:calc(100vw - 1.5rem);max-width:440px; }  
  #top-navigation-music-dropdown li { width:50%; }  
  #top-navigation-music-dropdown li.l { margin:0; }  
}
@media screen and (max-width: 39.9375em) {
	.site-header .t  {display:none;}
}
@media screen and (max-width: 375px) { /* super-small only, like iPhone 6 */
  .site-header .phone-get-app, .site-header .phone-sign-in { font-size:7pt;margin-left:0.85rem; }
  .site-header .generic-links, .site-header .stacked { height:48px;}
  .site-header .toggle { padding-right:10px; padding-bottom:21px}
  .site-header .generic-links li a, .site-header .stacked .large { font-size:10pt;min-width:48px;}
  .site-header .generic-links li a:not(.stacked) { margin-bottom:0; } /*min-width:48px*/
  .site-header .stacked .small { font-size:8pt; }
}

@media screen and (min-width: 376px) and (max-width: 39.9375em) { /* larger phones only, like iPhone 6Plus */
  .site-header .phone-get-app, .site-header .phone-sign-in { font-size:10pt;margin-left:0.85rem; }
  .site-header .generic-links, .site-header .stacked { height:40px; color:#ffffff;justify-content: space-between; }
  .site-header .generic-links li a, .site-header .stacked .large  { font-size:11pt;min-width:48px;min-height:48px }
    .site-header .generic-links li a, .site-header .stacked .large .item  { font-size:11pt;min-width:22px;min-height:22px }
 /* .site-header .generic-links li a.toggle { margin-bottom:8; } */ /*min-width:48px*/
  .site-header .stacked .small { font-size:9pt; }
  .site-header .generic-links li a:not(.stacked) { margin-bottom:-1px; line-height:28px;}
}

@media screen and (orientation:landscape) and (max-width: 63.9375em) {
  #top-navigation-shop-by-department-dropdown[style='display:block;'], #top-navigation-shop-by-department-dropdown[style='display: block;'], #top-navigation-shop-by-department-dropdown[style='display:block'], #top-navigation-shop-by-department-dropdown[style='display: block'] { display:flex !important; }
  #top-navigation-shop-by-department-dropdown { flex-direction:row;flex-wrap:wrap;width:calc(100vw - 1.5rem);max-width:540px; }
  #top-navigation-shop-by-department-dropdown li { width:50%; }
  #top-navigation-shop-by-department-dropdown li:last-child { margin:0 0 8px; }
  
    #top-navigation-collector-dropdown[style='display:block;'], #top-navigation-shop-by-department-dropdown[style='display: block;'], #top-navigation-shop-by-department-dropdown[style='display:block'], #top-navigation-shop-by-department-dropdown[style='display: block'] { display:flex !important; }
  #top-navigation-collector-dropdown { flex-direction:row;flex-wrap:wrap;width:calc(100vw - 1.5rem);max-width:540px; }
  #top-navigation-collector-dropdown li { width:50%; }
  #top-navigation-collector-dropdown li:last-child { margin:0 0 8px; }
  
}
.header-right-third-group {width:100px; margin-left:auto;margin-right:auto;height:54px;background: url(/common/img/cart.png);
    background-repeat: no-repeat;
    background-position-x: right;background-size: 36px;    background-position-y: center;}
	.header-right-third-group.logged-in {width:120px; }
.site-header .logo { padding-left:2px;width:140px;} /*  height:38px; width:90%;*/

@media screen and (min-width: 40em) { /* Medium up */
  .site-header .tag { } /* width:190px; height:55px; */
  .site-header .search { width:100%;flex-grow:0;margin-top: 12px; }
  .site-header .tag.show-for-medium-only { /* display:flex !important; */ }
  .site-header .tag:before { color:#000; }
  /*content:'\e84f'*/
  .site-header .tag:after { color:#0f0f0f;background:#FFF;height:91px;font-family:"icons";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;line-height:1em; }
  .site-footer footer { padding-top:1rem;padding-bottom:0; }
  .site-footer ul:not(.mobile-social) { display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center; }
  .site-footer ul:not(.mobile-social) li { display:flex;padding:5px 10px;font-size:10pt;line-height:13pt;position:relative; }
  .site-footer .copyright { color:#555;display:inline-block;font-size:10pt;line-height:12pt;text-align:center;text-transform:uppercase;margin-top:2rem; }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) { /* Medium only */
  .site-header .search { /*width:calc(100% - 1.875rem - 190px - 60px);*/ align-items:center;height:50px;/*margin-left:1.875rem;margin-right:1.875rem; padding-left:.5rem;padding-right:.5rem;*/margin-top:2px; }
  #search_tips { right:-20px; }
  #search_tips:before { left:auto;right:13px; }
  .site-header .dropdown { align-self:flex-start;text-align:left; }
  .site-header .icon-cart { /*top:11px;left:calc(100% - 50px); } /* top:15px;top:60px */
  .site-header .dropdown-menu-container .toggle:before { margin-bottom:-6px; }
  .site-header .toggle i { right:-3px;padding-bottom:0; }
  .site-header .generic-links { margin-top:10px; justify-content: space-between;}
  .site-header .generic-links li a, .site-header .stacked .large { font-size:11pt;min-width:48px;min-height:48px }
  .site-header .generic-links li a, .site-header .stacked .large .item  { font-size:11pt;min-width:22px;min-height:22px;color:#ffffff }
  .site-header .generic-links li a:not(.stacked) { margin-bottom:-1px; }
  .site-header .generic-links li:not(:last-child) { margin-right:2rem; }
  .site-header .generic-links li:last-childx { flex-grow:1;flex-shrink:1;align-items:flex-end; }
  .site-header .stacked .small { font-size:9pt; }
  #top-navigation-music-dropdown { top:32px;left:-143px; }
  #top-navigation-music-dropdown:before { left:197px; }
  #top-navigation-shop-by-department-dropdown { top:25px; }
  #top-navigation-shop-by-department-dropdown:before { left:62pt; }
  
    #top-navigation-collector-dropdown { top:25px; }
  #top-navigation-collector-dropdown:before { left:62pt; }
  
  
  #top-navigation-search-dropdown { top:33px; }
  #top-navigation-search-dropdown .arrow { top:-16px;margin-left:6px; }
 #top-navigation-sign-in-account { right:46pt;  position:absolute;top:20px;}
  .daytrotter-subhead .tagline { display:none; }
  .daytrotter-subhead .brand { width:260px;flex-grow:1; }
  .site-header .dropdown-menu-container .toggle { justify-content:flex-end;padding-left:0.5rem;padding-right:0; padding-bottom:10px;} /*  padding-bottom:12px; */
  
  .site-header .icon-account { top:11px; font-family:'icons';content:'\e808';display:flex;text-align:center;width:35px;height:36px;font-size:16px;cursor:pointer; margin-right:0;padding-right:0;position:absolute;left:calc(100% - 100px);}
.site-header .icon-account:before { color:#ffffff;margin:1px 0 0 -10px;position:absolute;z-index:1;font-size:36px; }
.site-header .icon-account:after { color:#000000;font-size:11px;margin:8px -3px -8px 3px;position:relative;z-index:2;display:inline-block;width:26px;text-align:center; }


}
@media screen and (min-width: 40em) {
.site-header #top-navigation:not(.checkout) .t { margin:0;/*width:calc(100% - 2.6rem - 128px);margin-left:1rem; */}
  .site-header #top-navigation:not(.checkout) .tag { /* width:140px; margin:9px 0 0;height:38px; */padding:0; }
}

@media screen and (min-width: 64em) { /* Large and up */
  
  .site-header .tag:before { display:none; }
  .site-header #top-navigation:not(.checkout) .tag:after { height:80px;top:-28px;font-size:106px; }
  .site-header .generic-links { justify-content:space-between;margin-right:2rem;margin-left:1rem;min-height:38px;color:#ffffff;z-index:1000;}
  .site-header .generic-links > li { flex:0 1 auto;margin:0; }
  .site-header .generic-links > li:not(.show-for-medium) { margin-right:2rem;min-width:38px;z-index:1000; }
  .site-header .generic-links > li.hidden { flex-grow:1; }
  .site-header .icon-cart { /*width:44px; */ display:inline-block;}
  .site-header .icon-account { width:34px; }
  
  
  .site-header .tag.show-for-medium-only { display:none !important; }
  .site-header .search { 100%); margin-left: 2rem; margin-right:2em;} /* 262*/
  .site-header .generic-links li a:not(.stacked) { margin-bottom:-2px; }
  .site-header .nonessential .toggle { padding-right:0; }
  .site-header .nonessential .toggle i, .site-header .dropdown-menu-container .toggle { display:none; }
  .site-header .dropdown-menu-container a { margin-bottom:0 !important; }
  .site-header .toggle i { right:-2px; }
  #top-navigation-sign-in-account i { left:56pt; }
  .site-footer .mobile-social { display:none; }
  #top-navigation-shop-by-department-dropdown { top:38px;z-index:1000; }
  #top-navigation-shop-by-department-dropdown:before { left:-6pt; }
  
    #top-navigation-collector-dropdown { top:38px;z-index:1000; }
  #top-navigation-collector-dropdown:before { left:-6pt; }
  
  
  #top-navigation-search-dropdown { top:31px; }
  #top-navigation-search-dropdown .arrow { top:-16px;margin-left:-10px; }
  #top-navigation-music-dropdown { top:38px; }
  #top-navigation-music-dropdown:before { left:41pt; }
  #top-navigation.checkout header { height:69px; } /* height:90px; */
  .music-landing-left-nav .bold { display:none; }
}