@font-face {
    font-family: 'BrandonText-Regular';
    src: url("../fonts/HVD Fonts - BrandonText-Regular.otf") format("opentype");
    font-style: normal;
}

@font-face {
    font-family: 'BrandonText-Bold';
    src: url("../fonts/HVD Fonts - BrandonText-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: 'BrandonText-RegularItalic';
    src: url("../fonts/HVD Fonts - BrandonText-RegularItalic.otf") format("opentype");
    font-style: italic;
}

/*  --------------------- Global ------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
figure {margin:0;}
audio, canvas, video 	{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] 	{ display: none; }
html 		{font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;font:bold 13px/100% Arial, Helvetica, sans-serif;}

body 
{
    background-color:#dcdcdc;
/*    margin: 0; font-size: 1em; line-height: 1.4; height: 100%;font-weight: 100; 
    background-color:#dcdcdc; font-family: Arial, Helvetica, sans-serif; font-family: 'Roboto Condensed', sans-serif;*/
/*    max-width: 100%;
    margin-right: 1.5rem;
    margin-left: 1.5rem;*/
    font-family: "BrandonText-Regular" !important;
}

::-moz-selection { background: #e70000; color: #fff; text-shadow: none; border:none !important; }
::selection { background: #e70000; color: #fff; text-shadow: none; border:none !important;}

* { box-sizing: border-box; }

a {color: #000;text-decoration: none; font-weight: normal; -webkit-transition: color .2s ease-out; -moz-transition: color .2s ease-out; -ms-transition: color .2s ease-out; -o-transition: color .2s ease-out; transition: color .2s ease-out;}

a:hover 	{color: #D44942 !important;}
a:visited 	{color: #000; }
a:focus 	{outline: none;}
button::-moz-focus-inner {border: 0;}

ul			{list-style-type: none; padding:3px; margin:0;}
img			{border:0px;}
p			{line-height:1.6em;}

/* 	---------------------- Defaults ------------------- */
.clear 					{clear:both;}
.clearfix 				{*zoom: 1;}
.clearfix:before, 
.clearfix:after 		{content: " "; display: table; clear: both;}

.bold					{font-family: 'BrandonText-Bold' !important;font-weight: bold;}
.normal					{font-weight: normal;}
.underline				{text-decoration: underline;}
.strikethrough			{text-decoration: line-through;}
.italic					{font-family: "BrandonText-RegularItalic" !important; font-style: italic;}
.upper, .heading		{text-transform: uppercase;}
.size-10				{font-size:10px;}
.size-11				{font-size:11px;}
.size-12				{font-size:12px;}
.size-14				{font-size:14px;}
.size-16				{font-size:16px;}
.size-18				{font-size:18px;}
.size-20				{font-size:20px;}
.size-30				{font-size:30px;}
.line-height-16			{line-height:1.6em;}
.font-shadow			{text-shadow: 1px 1px 5px rgba(61, 61, 61, 1);}
.single-description     {font-size: 1.2rem;}
.left					{float:left;}
.right					{float:right;}
.center					{margin:0 auto;}
.center-text			{text-align:center;}
.left-text				{text-align:left;}
.right-text				{text-align:right !important;}
.wrap-text				{word-wrap: break-word;}

.text-shadow			{text-shadow:0px 1px #005869;}

h3.price                {font-size:2.18rem;}
.no-gap	
{
    margin:0;
    list-style: none;
    display: inline-block;
    font-weight: bolder;
}

h2 a.bread-crumb-home-features-link {
    font-size:1.3rem;
}
.no-padding				{padding:0 !important;}
.no-margin              {margin: 0 !important;}

.border-none			{border:none;}
.grey-border			{border:1px solid #ddd;}
.black-border			{border:1px solid #000;}

.border-left			{border-left:1px solid #fff;}
.border-right			{border-right:1px solid #fff;}
.border-top				{border-top:1px solid #fff;}
.border-bottom			{border-bottom:1px solid #fff;}

.border-left-lightgrey	{border-left:1px solid #E0E0E0;}
.border-right-lightgrey	{border-right:1px solid #E0E0E0;}
.border-top-lightgrey	{border-top:1px solid #E0E0E0;}

.border-top-darkgrey	{border-top:1px #bbb;}

.border-top-dark		{border-top: 1px solid #555;}
.border-bottom-dark		{border-bottom: 1px solid #555;}
.border-widget-header	{border-bottom: 1px solid #000;}

.dark					{background:#000; color:#fff;}
.dark a,  
.light					{background:#fff;color:#000;}
.light a				{color:#000;}

.lightgrey				{background:#E6E6E6;}
.gray                   {background-color: #f1f1f1;}
.color-white,
.color-white a			{color: #fff !important;}
.color-dark,
.color-datk a			{color: #000;}
.color-darkgrey a       {color: #333 !important;}
.color-lightgrey		{color: #AAA;}
.color-lightgrey a		{color: #AAA; text-decoration: underline;}
.color-green			{color: #00A5C8;}
.color-green a			{color: #00A5C8; text-decoration: underline;}
.color-silverdark,
.color-silverdark a		{background-color: #2B2B2B;color: #B6B6B6;}

.color-red, 
.color-red a			{color:#D44942;}
.color-green,
.color-green a			{color:#577A3A;}
.color-orange,
.color-orange a			{color:#FF8C00;} 
.white-hover:hover		{background-color: #fff;}

.search					{
                         background:url("https://d2rkyy1xo9fsdq.cloudfront.net/magnifier-black-icon-2.png") no-repeat scroll 93% 50% #FFF;
                         border: none;
                         border-radius: 0;
                         font-size:16px;}

.top-gap-tiny 			{margin-top:5px;}
.top-gap				{margin-top: 10px;}
.top-absolute-gap		{top:12px !important;}
.bottom-gap				{margin-bottom:0px;}
.left-gap				{margin-left:10px;}
.left-gap-16			{margin-left:16px;}
.left-gap-23			{margin-left:23px;}
.left-gap-165			{margin-left:165px;}
.left-gap-250			{margin-left:250px;}
.right-gap				{margin-right:10px;}

/*.adjust-left		{padding-left:0px; margin-left: -30px;}*/
.padding-gap-tiny		{padding:5px;}
.padding-gap-medium		{padding:9px;}
.padding-gap			{padding:10px;}
.top-padding-gap		{padding-top:10px;}
.bottom-padding-gap		{padding-bottom:10px;}
.bottom-margin	{margin-bottom: 1.5rem;}
.left-padding-gap		{padding-left:10px;}
.right-padding-gap		{padding-right:10px;}
.right-padding-gap-tiny	{padding-right:5px;}

.display-block			{display:block !important;}
.display-none			{display:none !important;}
.display-inline			{display:inline;}
.display-flex           {display:flex;}

.relative				{position:relative;}
.absolute				{position:absolute;}
.fixed                  {position: fixed;}

.auto-scroll			{overflow-y: auto; overflow-x:hidden;}
.y-hidden				{overflow-y: hidden;}
.x-hidden				{overflow-x: hidden;}
.overflow-hidden		{overflow:hidden;}

.content-wide			{width:100%;}
.content-high			{height:100%;} 
.content-50				{width:50%;}

.width-10				{width:10px;}
.width-15				{width:15px;}
.width-20				{width:20px;} 
.width-25				{width:25px;}
.width-28				{width:28px;}
.width-45				{width:45px;}
.width-48				{width:48px;}
.width-60				{width:60px;}
.width-64				{width:64px;}
.width-75				{width:75px;}
.width-80				{width:80px;}
.width-85				{width:85px;}
.width-105				{width:105px;}
.width-125				{width:125px;}
.width-135				{width:135px;}
.width-140				{width:140px;}
.width-146				{width:146px;}
.width-155				{width:155px;}
.width-165				{width:165px;}
.width-192				{width:192px;}
.width-198				{width:198px;}
.width-250				{width:250px;}
.width-324				{width:324px;}
.width-340				{width:340px;}
.width-350				{width:350px;}
.width-354				{width:354px;}
.width-364				{width:364px;}
.width-393				{width:393px;}
.width-450				{width:450px;}
.width-495				{width:495px;}  
.width-515				{width:515px;}
.width-570				{width:570px;}
.width-960				{width:960px;}
.width-970				{width:970px;}
.width-980				{width:980px;}
.width-1348				{width:1348px;}
.height-20				{height:20px;}
.height-30				{height:30px;}
.height-60				{height:60px;}
.height-64				{height:64px;}
.height-80				{height:80px;}
.height-85				{height:85px;}
.height-95				{height:95px;}
.height-112				{height:112px;} 
.height-135				{height:135px;}
.height-140				{height:140px;}
.height-165				{height:165px;}
.height-198				{height:198px;}
.height-218				{height:218px;}
.height-222				{height:222px;}
.height-250				{height:250px;}
.height-265				{height:265px;}
.height-285				{height:285px;}
.height-300				{height:300px;}

.border-radius-5		{border-radius:5px;} 	
.border-radius-2		{border-radius:2px;} 	
.border-less			{border:0;}

.shadow 				{ -moz-box-shadow: 0px 8px 6px -6px #000; -webkit-box-shadow: 0px 8px 6px -6px #000; box-shadow: 0px 8px 6px -6px #000; }
.text-shadow-blog		{ text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); }

.list-style-none		{list-style:inside none;}		
.list-style-none li		{outline:none; float:left;}

.pointer				{cursor:hand; cursor:pointer;}
.single-availability p  {margin:0 0 0 5px !important;}

#single-charted, img.single-cover
{

}

.notification			{background: #fafad2; border:1px solid #ffd324;margin: 15px 0 10px 0; padding: 10px;font-size: 20px;font-weight: bold;color: #f00;}
.archive-products       {width:100%;}

div.jp-interface ul.jp-controls a {
    text-indent: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    color: #fff;
}

div.jp-audio div.jp-type-playlist div.jp-interface,
div.jp-type-playlist,
div.jp-audio ul.jp-controls li,
div.jp-audio ul.jp-controls li a {
    height: 100%;
}

span.chart-title,
span.merchandise-title {
	background: rgba(0,0,0,0.5);
	color: white;
	cursor: pointer;
	display: table;
	left: 0;
	position: absolute;
	top: 0;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
span.chart-title {height: 165px;width: 165px;}
span.merchandise-title {width:340px;height:222px;}

span.chart-title span,
span.merchandise-title span {display: table-cell;  text-align: center;  vertical-align: middle;font-size:1.8em;}

.chart-person-link {
    font-size: 14px;
}

.chart-person-link:hover span.chart-title, .merchandise-link:hover span.merchandise-title {
	opacity: 1;
}

/*  ----------- site Specific ------------------- */ 

.dark-gradient-up		{color: #fff; background-image: linear-gradient(bottom, rgb(99,99,99) 6%, rgb(0,0,0) 55%); background-image: -o-linear-gradient(bottom, rgb(99,99,99) 6%, rgb(0,0,0) 55%); background-image: -moz-linear-gradient(bottom, rgb(99,99,99) 6%, rgb(0,0,0) 55%); background-image: -webkit-linear-gradient(bottom, rgb(99,99,99) 6%, rgb(0,0,0) 55%); background-image: -ms-linear-gradient(bottom, rgb(99,99,99) 6%, rgb(0,0,0) 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.06, rgb(99,99,99)), color-stop(0.55, rgb(0,0,0)) );}
.dark-gradient-down		{color: #fff; background-image: linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.06, rgb(0,0,0)), color-stop(0.55, rgb(33,33,33)) );}
.dark-gradient-hover:hover{background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,33,40,0) 38%, rgba(0,68,81,0.65) 77%, rgba(0,88,105,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(38%,rgba(0,33,40,0)), color-stop(77%,rgba(0,68,81,0.65)), color-stop(100%,rgba(0,88,105,0.65))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,33,40,0) 38%,rgba(0,68,81,0.65) 77%,rgba(0,88,105,0.65) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,33,40,0) 38%,rgba(0,68,81,0.65) 77%,rgba(0,88,105,0.65) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,33,40,0) 38%,rgba(0,68,81,0.65) 77%,rgba(0,88,105,0.65) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,33,40,0) 38%,rgba(0,68,81,0.65) 77%,rgba(0,88,105,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6005869',GradientType=0 );}

.dark-bar{color: #fff; background:#000;}

.yellow-gradient		{background-image: linear-gradient(bottom, rgb(225,232,41) 6%, rgb(0,0,0) 55%); background-image: -o-linear-gradient(bottom, rgb(225,232,41) 6%, rgb(0,0,0) 55%); background-image: -moz-linear-gradient(bottom, rgb(225,232,41) 6%, rgb(0,0,0) 55%); background-image: -webkit-linear-gradient(bottom, rgb(225,232,41) 6%, rgb(0,0,0) 55%); background-image: -ms-linear-gradient(bottom, rgb(225,232,41) 6%, rgb(0,0,0) 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.06, rgb(225,232,41)), color-stop(0.55, rgb(0,0,0)) );}

div[class*='arrow']:after, div[class*='arrow']:before	{cursor:pointer; position:absolute;content:'';}	
.arrow-down:before, .arrow-down:after	{top:13px; right:10px; border:5px solid transparent; border-top:5px solid #000; border-width:6px;} 						
.arrow-up:before, .arrow-up:after		{top:5px; right:10px;  border:5px solid transparent; border-bottom:5px solid #000;border-width:6px;} 						
.arrow-left:before, .arrow-left:after	{top:9px; left:-20px; border:5px solid transparent; border-right:5px solid #fff;border-width:5px;}
.arrow-right:before,.arrow-right:after	{top:9px; left:-13px; border:5px solid transparent; border-left:5px solid #fff;border-width:5px;}

.arrow-down-d:before, .arrow-down-d:after	{top:13px; left:10px; border:5px solid transparent; border-top:5px solid #000; border-width:6px;} 						
.arrow-up-d:before, .arrow-up-d:after		{top:5px; left:10px;  border:5px solid transparent; border-bottom:5px solid #000;border-width:6px;} 						
.arrow-left-d:before, .arrow-left-d:after	{top:6px; left:-20px; border:5px solid transparent; border-right:5px solid #000;border-width:5px;} 						
.arrow-right-d:before,.arrow-right-d:after	{top:6px; left:-13px; border:5px solid transparent; border-left:5px solid #000;border-width:5px;}  

.circle-shape-orange {color: #FF8C00; }
.circle-shape-green {color: #24D330;}
.circle-shape-red {color: #CC1100;}
.circle-shape-blue {color: #00B2EE;}
.circle-shape-brown {color: #975142;}

.product-message-orange {background-color: #FF8C00; padding:10px 0 !important;}
.product-message-green {background-color: #24D330; padding:10px 0 !important;}
.product-message-red {background-color: #CC1100; padding:10px 0 !important;}
.product-message-blue {background-color: #00B2EE; padding:10px 0 !important;}
.product-message-brown {background-color: #975142; padding:10px 0 !important;}


.blog-content a	{font-weight: bold;}

ul.vouchers {
    list-style: disc;
}

ul.vouchers li {
    float:left;
    text-align: left;
    font-size: 16px;
}

/*	----------- Login box -----------------------*/	
#basket-box								{left:759px; display:none; z-index: 5; color:#fff; width: 180px; border-radius:0 0 5px 5px; position: absolute; top:37px; border:1px solid #222; padding:10px; padding-left: 8px; background-image: linear-gradient(bottom, rgb(0,0,0) 45%, rgb(99,99,99) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 45%, rgb(99,99,99) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 45%, rgb(99,99,99) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 45%, rgb(99,99,99) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 45%, rgb(99,99,99) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.45, rgb(0,0,0)), color-stop(1, rgb(99,99,99)));}
#basket-box	li							{border-bottom:1px solid #555; padding: 5px 0px;}								

.list table								{width:100%;border-collapse:collapse;text-align:center;}
.list table	table						{background:#999;}
.list table td							{border-top: 1px solid #ccc; padding: 10px 0 5px;text-align:left;}
.list table td:first-child              {text-align: right;}
.list table input[type="text"],
.list table input[type="password"]		{max-width:300px;}
.list table	select 						{width:164px;margin: 0;padding:4px 5px;background: #fff;color:#888;border:1px solid #9C9D9E;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;overflow:hidden;}

.list table label 						{position:relative; float:right;}
.list table label.label-left 			{position:relative; float:left;}
.list table label:after 				{content:'<>';font:12px "Consolas", monospace;color:#AAA;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:6px; top:4px;padding:0 0 2px;border-bottom:0px solid #ddd;position:absolute;pointer-events:none;}
.list table label:before 				{content:'';right:3px; top:3px;width:20px; height:18px;background:#fff;position:absolute;pointer-events:none;display:block;}


 
.list table tr:first-child td			{border-top: 0px solid #ccc;}

/*#cart table td:first-child				{width:85px;}
#cart table td + td + td, #cart table td + td + td + td, #cart table td + td + td + td + td {width:65px;}
#cart table input[type="text"]			{width:20px;text-align:center; margin-left:10px;}
*/

.floatingbar-menu ul li
{
    color:#fff;
    font:normal 13px/100% Arial, Helvetica, sans-serif;
    outline:none;
    float:right; 
    text-align:center;
    padding-top: 0px;
    height:28px;
    background-color: #343a40 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.floatingbar-menu ul li:hover			{color: #D44942;}													

.floatingbar-menu .login-box , 
.floatingbar-menu .register-box,

/*This is the login form style*/
.floatingbar-menu .user-box
{
    display:none;
    color:#fff;
    border-radius:0;
    position: absolute; 
    right:0px;
    top:52px;
    border:0;
}

.floatingbar-menu input[type="text"], #login input[type="password"]	{width: 193px; margin-bottom:10px;}


.login-register{margin-left:50px;}

#login-button
{
    margin-left: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.025rem .75rem;
}

#register-button
{
    background-color: #343a40 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.025rem .75rem;
}

#facebook-login 						{cursor: pointer;background-image:url('https://vf-assets.s3.amazonaws.com/Facebook30procent.png'); background-repeat:no-repeat; height:33px; width:193px; border-radius: 5px 5px 5px 5px;margin-top:10px;}
#twitter-login 							{cursor: pointer;background-image:url('https://vf-assets.s3.amazonaws.com/Twitter20procent.png'); background-repeat:no-repeat; height:33px; width:193px; border-radius: 5px 5px 5px 5px;margin-top:10px;}
#twitter-login:hover,#facebook-login:hover	{background-position:0px -33px;}

.product-latest-holder-wrapper {background-color: #D44942;}
.product-place-list 					{width:690px; height:165px; float:left; background-color: #ccc; margin-bottom:10px;}

/* OPTIMIZE ! NEEDS TO BE MORE GENERIC */
.product-place-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    background-color: #fff;
    background-clip: content-box;
    transition: all 0.6s ease;
}

.chart-place-holder {
    transition: all 0.6s ease;
}

#chart-info-wrapper {
    background-color: #f1f1f1;
}

#chart-info-wrapper > div.chart-place-holder > figure,
.chart-description-wrapper {
    margin: 30px 0;
}

#archive-grid-view > [class*='col-'],
#archive-charts-grid-view > [class*='col-'],
#archive-grid-view-artist > [class*='col-'],
#archive-grid-view-label > [class*='col-'],
#archive-grid-view-related > [class*='col-'],
#archive-grid-view-bought > [class*='col-'],
#archive-grid-view-home > [class*='col-'],
#archive-grid-view-home-preorders > [class*='col-'],
#archive-grid-view-home-features > [class*='col-'],
#archive-grid-view-sales > [class*='col-'],
#chart-info-wrapper > [class*='col-']
{
    display: flex;
    flex-direction: column;
}

.touch {
    -webkit-overflow-scrolling: touch;
}

#archive-grid-view .product-place-holder .product-cover div,
.product-box .product-place-holder .product-cover div				{text-align:center;}
#archive-grid-view .product-place-holder .product-cover a,
.product-box .product-place-holder .product-cover a		 			{color:#fff;padding-top:0px; margin:0px;line-height:80px;}
#archive-grid-view .product-place-holder .price-cover,
.product-box .product-place-holder .price-cover					{width:165px; height:165px; position:absolute; z-index:0; color:#fff;}
#archive-grid-view .product-place-holder .price-cover div,
.product-box .product-place-holder .price-cover div 				{bottom:0;right:0;padding:10px 12px;-webkit-border-top-left-radius: 8px;-moz-border-radius-topleft: 8px;border-top-left-radius: 8px;border-top:1px solid #ccc;border-left:1px solid #ccc; background: rgb(84,84,84);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQ1NDU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%);background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%);background: -o-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); 
background: -ms-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(135deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#000000',GradientType=1 );}
#archive-grid-view .product-place-holder .price-cover a,

.product-box .product-place-holder .product-cover a					{color:#fff;padding-top:15px; padding-top:0px; margin:0px;}

#archive-grid-view .product-place-holder table,
.product-box .product-place-holder table							{border-collapse:collapse;}
#archive-grid-view .product-place-holder table tr:not(:last-child),
.product-box .product-place-holder table tr:not(:last-child)		{border-bottom:1px solid #ccc;}
#archive-grid-view .product-place-holder table tr+td,
.product-box .product-place-holder table tr+td						{border-right:1px solid #ccc;}

#archive-grid-view .product-place-holder .cover-select,
.product-box .product-place-holder .cover-select{cursor:hand;cursor:pointer;color:#fff;width:99px; height:99px;}

#archive-grid-view .product-place-holder .cover-select:hover,
.product-box .product-place-holder .cover-select:hover			{background-color:#005869;}

.archive-sale{position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 0 75px 75px;border-color: transparent transparent #ff3300 transparent;margin: 123px 0 0 123px;}

.archive-sale-caption{font-size: 12px;
                      margin: 165px 0 0px 160px;
                       position: relative;
    text-transform: uppercase;
    -webkit-transform: rotate(314deg);
    -moz-transform: rotate(314deg);
    -ms-transform: rotate(314deg);
    -o-transform: rotate(314deg);
    transform: rotate(314deg);
    color:#fff;
    text-align: center;}
  
.archive-fcoming{position:absolute;width: 0;height: 0;border-style: solid;border-width: 0 0 75px 75px;border-color: transparent transparent #FF8C00 transparent;margin: 123px 0 0 123px;}

.archive-fcoming-caption{font-size: 11px;margin: 157px 0 0 151px;position: absolute;text-transform: uppercase; -webkit-transform: rotate(314deg);-moz-transform: rotate(314deg);-ms-transform: rotate(314deg);-o-transform: rotate(314deg);transform: rotate(314deg);color:#fff;text-align: center;} 

.archive-preorder{
    position:absolute;
    width: 0px;
    height: 186px;
    border-style: solid;
    border-width: 64px 0px 75px 78px;
    border-color: transparent transparent #00b2ee transparent;
    margin: 12px 0 0 120px;
} 
 
.archive-preorder-caption
{
    font-size: 11px;
    margin: 157px 0 0 154px;
    position: absolute;
    text-transform: uppercase; 
    -webkit-transform: rotate(314deg);
    -moz-transform: rotate(314deg);
    -ms-transform: rotate(314deg);
    -o-transform: rotate(314deg);
    transform: rotate(314deg);
    color:#fff;
    text-align: center;
}
  
     
.views					{margin-top:3.7px;}

#archive-list			{background: url("https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png") 0 -270px no-repeat; width:19px; height:17px;}
#archive-list:hover		{background-position: 0 -287px;cursor:pointer;}
#archive-grid			{background: url("https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png") 0 -304px no-repeat; width:18px; height:17px;}
#archive-grid:hover		{background-position: 0 -321px;cursor:pointer;}
#archive-list-view .product-place-holder .archive-playlist a.single-playtrack:before {content:'\25BA\0020';}

.submit-button							{padding:2px 0;margin-top:10px;border-radius:5px; width:100px;color: #fff; background-image: linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 6%, rgb(33,33,33) 55%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.06, rgb(0,0,0)), color-stop(0.55, rgb(33,33,33)) );}
.submit-button:hover					{background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,33,40,1) 38%, rgba(0,68,81,1) 77%, rgba(0,88,105,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(38%,rgba(0,33,40,1)), color-stop(77%,rgba(0,68,81,1)), color-stop(100%,rgba(0,88,105,1))); background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,33,40,1) 38%,rgba(0,68,81,1) 77%,rgba(0,88,105,1) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,33,40,1) 38%,rgba(0,68,81,1) 77%,rgba(0,88,105,1) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,33,40,1) 38%,rgba(0,68,81,1) 77%,rgba(0,88,105,1) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,33,40,1) 38%,rgba(0,68,81,1) 77%,rgba(0,88,105,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000FF', endColorstr='#a6005869',GradientType=0 ); }

.side-box								{width: 255px; padding-left:5px; padding-left:5px; padding-top:5px; padding-bottom:6px; }

.side-box .side-box-heading
{
    position:relative; 
    width: 250px; 
    height: 30px; 
    margin-bottom:20px; 
    color:#000; 
    font-weight:bold; 
    font-size:14px; 
    text-align:left; 
    /*text-transform:uppercase;*/ 
    /*cursor: move;*/
}


.side-box ul							{width:255px; cursor: hand; cursor: pointer;margin-top:5px;}
.side-box ul li							{padding-top:5px; padding-bottom:5px; border-bottom:1px dashed #B0B0B0; width:122.5px; float:left;margin-right:5px; margin-bottom:5px; text-align:center; color:#fff;}
.side-box ul li.last					{border-bottom:0px solid #fff;}
.side-box ul li:hover					{background-color:#fff; }
.side-box ul li:nth-child(odd)			{}
.side-box ul li:nth-child(even)			{}
.side-box ul li:last-child				{margin-bottom:0px;}
.side-box ul.browse li:last-child:not(:nth-child(odd)) {width:250px;  border-radius: 5px;}
.side-box ul.browse li:first-child		{width:250px;}
.side-box ul.wide li					{width:245px; text-align:left;} 
.side-box input[type="submit"] 			{color:#000; border:none; width: 251px; height:25px; text-align: left; background: inherit; padding-left:0px;}
.side-box input[type="submit"]:hover 	{}

/*  ----------- container	------------ */
#container 								{width:960px; margin: 0px auto; background-color: #dcdcdc; box-shadow: 0 10px 13px 5px #dcdcdc; -moz-box-shadow: 0 10px 13px 5px #dcdcdc; -webkit-box-shadow: 0 10px 13px 5px #dcdcdc;min-height: 850px;}	

#page-loading
{
    /*width:690px;*/
    z-index:3;background:#dcdcdc;-moz-opacity: 0.70;opacity: 0.70;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

#page-loading1
{
    /*width:690px;*/
    z-index:3;background:#dcdcdc;-moz-opacity: 0.70;opacity: 0.70;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

#page-content{align-items: center;}
#product_box {  }

.logo{height:48px; width:147px; float: left; margin-left:10px;background: url('https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png');}

#breadcrumb-loader						{margin-top:2px;}

/*  ----------- Navigation --------- */
#home
{
    width: 45px; height: 37px; overflow:hidden; outline:none; margin-top: -2px;
}
/*#home a span
{
    background: url("http://assets.website.images.phonica.s3.amazonaws.com/phonica-graph2.png") 0 -230px no-repeat; width:15px;height:14px;
}
#home a span:hover						{background: url("http://assets.website.images.phonica.s3.amazonaws.com/phonica-graph2.png") 0 -244px no-repeat;}*/
#navigation-wrapper-outer
{
    background:#fff;
    margin-right: 0px;
    margin-left: 0px;
}

#navigation-wrapper
{
    margin: 0px auto 0 auto;
    padding-top: 80px;
}

#navigation
{
    height:37px;
    display:block;
    padding:0;
    margin-top:5px; 
    border-bottom:0px solid #000; 
    margin-left:0px;
} 
#navigation	a							{color:#000;padding: 2px 4px;} 
#navigation > ul > li 					{float:left; display:block; position:relative;cursor: pointer;} 
#navigation > ul > li:hover 			{border-bottom:1px solid #ff0000;} 

#navigation > ul > li > a
{
    outline:none;
    display:block;
    position:relative;
    padding:13.3px 29px;
    font:normal 11.1px/100% Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}

#navigation > ul > li:first-child > a	{padding:11.5px 14px;}  
#navigation > ul > li.has-sub > a{padding:13.3px 35px 13.3px 20px;} 
#navigation > ul > li:after	{content:''; position:absolute; top:0px; bottom:0px; right:0px; z-index:1;} 
#navigation > ul > li.has-sub > a:before{ content:''; position:absolute; top:15px; right:14px; border:5px solid transparent; border-top:5px solid #000; } 
#navigation ul li.has-sub:hover > a {top:0px; z-index:5;} 
#navigation ul li.has-sub:hover > ul, li.has-sub:hover > div{display:block; background-color:#fff ;margin-left: -1px; padding-top: 1px; top: 38px;} 
#navigation ul li.has-sub > a:hover{}
#navigation ul li > ul, #navigation ul li > div{ display:none; width:auto; position:absolute; top:37px; padding:0px; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:5;}
#navigation ul li > ul li		{display:block; position:relative; border-bottom: 1px solid #666;outline:none;color:#fff; font-size:12px;} 
/*#navigation > ul > li:last-child{border-right:0px;border-radius: 0 5px 5px 0;float:left; outline:none; height: 37px; border-right: 1px solid #000;padding-right: 5px;} 
#navigation > ul > li:last-child:before{content:''; position:absolute; border-left:1px solid #666; top:0px; bottom:0px; left: -2px;} 
#navigation > ul > li:last-child:after{border-right:0px;} */
#navigation ul li > ul li:hover {border-bottom-color:#f00;}

/*  -----------	Pagination Navigation -------------- */

.pagination-wrapper a,
.pagination-orders-wrapper a,
.pagination-wishlist-wrapper a			{padding:3px;}

.pagination-wrapper span,
.pagination-orders-wrapper span,
.pagination-wishlist-wrapper span		{padding:0 4px 0 5px}

/*  -----------	Slideshow -------------- */
#slideshow {position:relative;  height:66px; width: 960px; overflow:hidden;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:2;}
#slideshow IMG.active {z-index:4;}
#slideshow IMG.last-active { z-index:3;}

/*  -----------	Playlist -------------- */
#playlist	{background:#f1f1f1;}

.ui-highlight {line-height: 1.2em; background-color:#ddd;margin-top:10px;border:1px dashed #005869; border-radius:8px;padding:5px;box-shadow: inset 0px 0px 10px 5px #888;}

/*  -----------	Tabular Data -------------- */

.table-default 							{border-collapse:collapse;width:100%;border-bottom:1px solid #BBB;table-layout:fixed;}
.table-default input[type="text"],
.table-default input[type="password"],
.list input[type="text"]				{border:1px solid #9C9D9E;padding:4px 6px;width:100%}

.table-default td, th					{padding:10px !important;text-align: left;border-top:1px solid #BBB;border-left:1px solid #BBB;border-right:1px solid #BBB;word-wrap:break-word;}
.table-default tr:hover,
.table-default tr.alt:hover				{background-color: #FAFAD2;}
.table-default th						{background-color: #E8E8E8;}
.table-default tr						{background-color:#fff;border-top:1px solid #BBB;}
.table-default tr.alt					{background-color:#F5F5F5;border-top:1px solid #BBB;}

.table-default-small 					{border-collapse:collapse;width:100%;}
.table-default-small input[type="text"]	{border:1px solid #9C9D9E;padding:4px 6px;}
.table-default-small td, th				{padding:5px 5px 5px 0px;text-align: left;}
.table-default-small th					{background-color: #E8E8E8;}
.table-default-small tr:first-child		{border-top:none !important; border-bottom:1px solid #BBB;}
.table-default-small tr#cartbox-empty	{border-top:none !important; border-bottom:none !important;}
.table-default-small tr.alt				{border-top:1px solid #BBB; border-bottom:1px solid #BBB;}

/*  -----------	Buttons -------------- */

.button-default-primary 			{color:#fff !important;display:block;padding:4px 8px;background: #00A5C8;border:none;}
.button-default-secondary			{color:#000 !important;display:block;padding:4px 8px;background: #000;border:none;}
.button-default-apply				{color:#fff !important;display:block;padding:4px 8px;background: #D44942;border:none; }
.button-default-neutral				{color:#fff !important;display:block;padding:4px 8px;background: #000;border:none;}

.button-default-arrow				{color:#fff !important;display:block;padding:6px 9px;background: #000 url("https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png") 8px -749px no-repeat;text-transform:uppercase;position:relative;}
.button-default-arrow:hover			{color:#000 !important;background-position: 8px -779px; background-color:#fff;}

.button-default-primary:hover,
.button-default-secondary:hover,
.button-default-apply:hover,
.button-default-neutral:hover		{color:#000 !important;background: #fff; /* Old browsers */}
							
.button-default-primary:disabled,
.button-default-secondary:disabled,
.button-default-apply:disabled,
.button-default-neutral:disabled	{background: #e0f3fa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZjNmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4ZjBmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I4ZTJmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmRmZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
background: -webkit-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
background: -o-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
background: -ms-linear-gradient(top,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
background: linear-gradient(to bottom,  #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); }

/* ----------- List View Buttons in Archive ----------- */

.price-cover a:hover						{color:#fff !important; background-color:#00A5C8 !important;}
.archive-playlist-button a.archive-listenall:hover	{color:#d44942 !important; background-color: #fff !important;}
.price-cover a span,
.product-cover a span						{background: url("https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png") 0 0 no-repeat; margin-top:2px;display:block;top:13px;left:32px;}
.product-cover a span						{position: absolute;}
.price-cover a.buy span,
.product-cover a.buy span					{background-position: 0 -809px;width:14px;height:11px;}
.price-cover a.wishlist span,			
.product-cover a.wishlist span				{background-position: 0 -821px;width:15px;height:12px;}
.price-cover a.archive-listenall span,
.price-cover a.product-latest-listenall span,
.product-cover a.archive-listenall span		{background-position: 0 -844px;width:17px;height:13px;}
.product-cover a.archive-product-link span	{background-position: 0 -834px;width:14px;height:9px;}
a.archive-listenall,
a.product-latest-listenall {display:flex;
    align-items:center;
    margin: 0 15px;
}

.button-social
{
    width: 27px;
    height: 27px;
    border: 0;
    opacity:1;
    background: url("https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png") 0 0 no-repeat;
}
.button-social:hover	{cursor:pointer;}
.facebook				{background-position: 0 -389px;}
.facebook:hover			{background-position: 0 -419px;}
.twitter				{background-position: 0 -449px;}
.twitter:hover			{background-position: 0 -479px;}
.youtube				{background-position: 0 -509px;}
.youtube:hover			{background-position: 0 -539px;}
.rss					{background-position: 0 -569px;}
.rss:hover				{background-position: 0 -599px;}
.soundcloud				{background-position: 0 -629px;}
.soundcloud:hover		{background-position: 0 -659px;}
.mixcloud				{background-position: 0 -689px;}
.mixcloud:hover			{background-position: 0 -719px;}	
					
/*  -----------	Infobox -------------- */
 
#infobox {
    background-color: #343a40;
    border: 0;
    max-width: 180px;
    min-width: 180px;
    min-height: 200px;
    position: fixed;
    z-index: 10;
    right: 0;
    top: 80px;
    color: #fff;
}
#infobox-cover		{width:85px;height:85px;}

/*  -----------	Cartbox -------------- */

#cartbox			{background: rgb(84,84,84); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQ1NDU0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
					 background: -moz-linear-gradient(-45deg,  rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%); 
					 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(0,0,0,1))); 
				  	 background: -webkit-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); 
					 background: -o-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); 
					 background: -ms-linear-gradient(-45deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); 
					 background: linear-gradient(135deg,  rgba(84,84,84,1) 0%,rgba(0,0,0,1) 100%); 
					 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#000000',GradientType=1 );
					 border-right:1px solid #ccc; 
					 border-top:1px solid #ccc;
					 border-bottom:1px solid #ccc;
					 color: #fff;
					 max-width:190px; 
					 min-width:190px;
					 min-height:300px;
					 position:fixed;
					 z-index: 10;
					 left:0;
					 top:80px;
					 -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
					 -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
					 box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
display:none;}

#cartbox, 
#cartbox-bar		{-webkit-border-top-right-radius: 8px;
					 -webkit-border-bottom-right-radius: 8px;
					 -moz-border-radius-topright: 8px;
					 -moz-border-radius-bottomright: 8px;
					 border-top-right-radius: 8px;
					 border-bottom-right-radius: 8px;}

#cartbox-bar div	{margin:135px 0 0 24px;} 

/*  -----------	Forms -------------- */
 
.ui-tabs .ui-tabs-nav li.error-message,
.ui-tabs .ui-tabs-nav li.ok-message			{padding:0 10px !important;float:none !important;}
.error-message								{border:1px solid #D44942; background-color: #EEB4B4;}
.ok-message									{border:1px solid #577A3A; background-color: #C0D9AF;}
.error-message, .ok-message,
.error-message p, .ok-message p             {margin:5px 0;}
#newsletter-container						{border:0;width:500px;}

/*  -----------	Widgets -------------- */
.widget-extra-cover		{width:125px;height:125px;}

/*  -----------	Cookies box -------------- */

#account-profile-default {
    background:#fff6bf;
    border:1px solid #ffd324;
}

#cookie_box
{ 
    position: fixed;
    display: none; 
    bottom: 0px; 
    border-top:1px solid #ffd324;
    font-size: 0.8em;
    z-index: 1000;
    background:#fff6bf;
    padding:5px;
    text-align:center;
    width:100%;
    color:#000;
}
  
#cookie_box a
{
    color:#990000;
    text-decoration: none;
} 

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

.mfp-hide {
  display: none !important; }

/*  -----------	GDPR box -------------- */

#gdpr_box
{
    position: fixed;
    display: none;
    bottom: 0px;
    border-top:1px solid #ffd324;
    font-size: 1.4em;
    z-index: 1000;
    background:#fff6bf;
    padding: 25px 5px;
    text-align:center;
    width:100%;
    color:#000;
}

#gdpr_box a
{
    color:#990000;
    text-decoration: none;
}

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

/*  -----------	Autocomplete box -------------- */

.autocomplete-suggestions           { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion            { padding: 2px 5px; white-space: nowrap; overflow: hidden;cursor:pointer; }
.autocomplete-selected              { background: #F0F0F0; }
.autocomplete-suggestions strong    { font-weight: normal; color: #d44942; }
.autocomplete-group                 { padding: 2px 5px; }
.autocomplete-group strong          { display: block; border-bottom: 1px solid #000; }

#search-suggestions                 {background-color: #222222; border:1px solid #000000; width: 97%; z-index:1; display: none;}

#search-suggestions ul              {margin:0;}
#search-suggestions ul li           {width: 97%; margin:0;padding:0; border-bottom: 1px solid #dddddd; transition: background 0.25s;}
#search-suggestions a {
    color:#EEEEEE;
    padding:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
#search-suggestions ul li:hover             {}
#search-suggestions ul li:last-child        {display:none;}
#search-suggestions ul li:only-child        {display:block;}
#search-suggestions ul li:last-child:hover  {background-color: #222222; cursor: auto;}

.product-admin-qty {
	background: #fff6bf none repeat scroll 0 0;
	border: 1px solid #ffd324;
	margin-left: -80px;
	margin-top: 0;
	padding: 5px 15px;
	position: absolute;
}


/*  -----------	Static Pages Styling -------------- */

.static-content p strong { font-weight: bold; }
.static-content p a      { font-weight: bold; text-decoration: underline; }
.static-content ul 	     { list-style: disc; margin: 0;  padding: 0;}
.static-content ul li    { padding-left: 16px; margin-left:16px;}
/*  -----------	Static Pages Styling End-------------- */




#outer-container
{
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
}

.no-left-margin[style]
{
    margin-left: 0px !important; height: 70px;
}
div#phonica-logo
{
    margin-right: 20px;
}

#floating-top-bar
{ 
    height: 70px;
    color: #fff;
    position: fixed;
    z-index: 9999;
    background-color: #000;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    vertical-align: middle;
    display: inline-block; 
}

#floating-top-bar-content
{ 
    margin-left: 0px !important;
    margin-right: 0px;
    height: 70px;
}

#basket
{
    color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #fff !important;
    padding: 0.025rem .75rem;
}


#nav-bar {
    background-color: #000;
}

#otr
{
    text-transform: lowercase !important;
    font-size: 20px !important;
    font-weight: normal !important;
    font-weight:bold;
    color: #fff !important;
}

#otr-button
{
    top: -10px;
}

#otr-btn
{
    height: 33px !important;
    font-size: 17px !important;
    font-weight: normal !important;
    /*color: #fff !important;*/
    font-weight: bold;
    /*padding: 2px 4px !important;*/
    text-transform: lowercase !important;
    /*position: absolute !important;*/
    letter-spacing: 0.5rem;
    margin-left: -1rem;
/*    margin-top: -5px;
    padding-top: 2px;*/
}

#otr-li
{
    margin-top: 0px;
    margin-left: 10px !important;
}

div#page-archive {
    overflow: hidden;
    /*margin-top: 25px !important;*/
}

#phonica-blog-logo
{
    display: inline-block;
    float: left;
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    vertical-align: middle;
    opacity: 7;
}

#bottom-bar
{
    width: 100%;
    background: #000;
    color: #fff;
    position: relative;
    margin-top: 5rem;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0rem;
}
#bottom-bar-content
{
    margin-right: 2.5rem;
    margin-left: 2.5rem;
    font-size: 10px;
}

#bottom-content
{
    padding-bottom: 1.5rem;
}


#mid-ad-wrapper
{
    margin-top: -1.5rem !important;
    max-width: 1280px !important;
    overflow: hidden;
    padding-right: 42px;
}

#mid-ad
{
    background-color: #aaa;
    /*width: 1204px;*/
    height: 180px;
/*    margin: 0px -18px;
    margin-top: 0px;*/
}

.page-heading
{
    border-bottom:1px solid #000; margin:0px; text-transform:uppercase;
}

#navbar
{
    margin-top: 77px;
    background-color: #fff;
    justify-content: center;
    padding: .5rem 1.15rem;
}

#navbar-btn
{
    /*margin-left: 3rem;*/
    width: 150px;
}

.navbar-toggler {
    border: none;
}

.main-navigation-wrapper-top {
    background: #fff;
}

#navbarcontent
{


    padding:0;
    letter-spacing: 2.5px;
    font-family: "Segoe UI",Arial,sans-serif;
    text-transform: uppercase !important;
    color: #000 !important;
    /* padding: 13.3px 11px; */
    /* font: normal 12.7px/100% Arial, Helvetica, sans-serif; */
    font: normal 10.7px/100% Arial, Helvetica, sans-serif;
    display: flex;
    flex-grow: 1;
}

#navbarcontent > li > a
{
    font-size: 14px;
    color: #000;
    font-family: 'BrandonText-Bold';
    font-weight: bold;
}

/*#navbarcontent > li > a > otr
{
    font-weight:bold;
    color: #fff !important;
}*/

.margin-1rem{margin-left: 1rem;}




#breadcrumb-container
{
    /*margin-bottom: 15px !important;*/
    padding-top: 12px !important;
    padding-bottom: 1px !important;
    /*overflow: hidden;*/
}

#bread-crumb
{
/*    position: relative;
    padding-left: 10px;
    padding-top: 3px;
    margin-left: 37px;
    border-radius: 0rem !important;
    max-width: 1235px !important;
    overflow: hidden;
    padding-right: 0px;*/
/*    margin-left: 37px;
    margin-right: 47px;*/

}

#breadcrumb-container2
{
    max-width: 1280px !important;
    overflow: hidden;
    padding-right: 26px;
}


#bread-crumb2
{
    position: relative;
    height: 26px;
    padding-left: 10px;
    padding-top: 5px;
    max-width: 100%;
    border-radius: 0rem !important;
    margin-top: 10px;
    margin-right: 0px;
}

#breadcrumb-container3
{
    max-width: 1280px !important;
overflow: hidden;
padding-right: 26px;
}

#bread-crumb3
{
    position: relative;
height: 26px;
padding-left: 10px;
padding-top: 5px;
max-width: 100%;
border-radius: 0rem !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 11px;
}

#breadcrumb-container4
{
/*    padding-right: 66px;
    margin-left: 29px;
    padding-left: 0px;
    margin-top: 0.7rem !important;
    margin-bottom: 1.5rem;*/

margin-top: 0.7rem !important;
margin-bottom: 1.5rem;
max-width: 1280px !important;
overflow: hidden;
padding-right: 26px;
}

#bread-crumb4
{
    position: relative;
    height: 26px;
    padding-left: 10px;
    padding-top: 5px;
    max-width: 100%;
    border-radius: 0rem !important;
    
}

#bread-crumb-right,
#bread-crumb-related-right,
#bread-crumb-label-right,
#bread-crumb-artist-right,
#bread-crumb-bought-right {
    display: inline-block;
    text-align: right;
}

#outer-wrapper
{
    /*margin-top: -2em !important;
    max-width: 97%;*/
}

#outer-wrapper1
{
    margin-top: -2em !important;
    max-width: 97%;
}

#archive-grid-view, #archive-charts-grid-view,
#archive-grid-view-artist, #archive-grid-view-label,
#archive-grid-view-related, #archive-grid-view-bought,
#archive-grid-view-home,
#archive-grid-view-home-preorders,
#archive-grid-view-home-features,
#archive-grid-view-sales,
#chart-info-wrapper  {
    /*margin-left: 10px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

#archive-grid-view1 {
    margin-left: 10px;
}
#archive-template-grid-view {
    /*margin-left: 15px;*/
}

#product-place-holder > img {
    /*margin-left: 15px;*/
}

.social-media-wrapper {background-color:#000;}
.padding-vertical { padding: 15px 0; }
#social-media > a > svg {font-size: 18px !important;color:#fff;}
#social-links > a {color: #fff;}

.left-ad {
    float: left;
    width: 500px;
    background-color: linen;
}

.right-ad{
    background-color: skyblue;
}​

.ad3
{
    height:180px; 
    width:50%; 
    background-color: #fef1ec !important;
    margin-left: -15px !important;
}

#ad4
{
    height:180px; 
    width:50%; 
    background-color: lime;
    margin-right: -15px;
}

#body-wrapper{}

#preorder-wrapper
{
    margin-top: -2.5rem !important;
    margin-bottom: -1.5rem !important;
    max-width: 1280px !important;
    overflow: hidden;
}

#preorders-grid-view
{
    margin-top: 2.5rem !important;
}

#chartsnav
{
    margin-right: 3.5em;
    margin-left: 2.7em;
    justify-content: center !important;
}

#chart-header
{
    margin-top: -2rem;
    text-transform: none !important;
}

#chartscontent1 {
    width: 100% !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    padding-top: 30px !important;
    margin-left: 0rem;
    z-index: 2;
    font-size: 15px;
    padding: 0px;
    letter-spacing: 2px;
    font-family: "Segoe UI",Arial,sans-serif;
    /* text-transform: uppercase !important; */
    color: #000 !important;
}

#chartscontent2 {
    width: 100% !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    padding-top: 30px !important;
    margin-left: 0rem;
    z-index: 2;
    font-size: 15px;
    padding: 0px;
    letter-spacing: 2px;
    font-family: "Segoe UI", Arial,sans-serif;
    /* text-transform: uppercase !important; */
    color: #000 !important;
}

#top-ad-wrapper-wrapper
{
    margin-top: 0px;
}

#top-ad-wrapper
{
/*    width: 99%;
    margin-left: 4px;*/
    overflow: hidden;
}


#top-ad
{
    background-color: #fff;
    /*max-width: 1224px;*/
/*    height: 90px;
    margin: 0px auto;
    margin-left: 15px;*/
}

.single-incvat
{
    font-size: 18px;
}

#price
{
    margin-top: 3rem;
}

/*.page-no{margin-right: 17px;}*/
#chartslist{margin-bottom: 5px;}

#pagination-wrapper-bottom-right{padding-right: inherit !important;}

#pagination-wrapper-bottom1{margin-right: 16px;}

#pagination-wrapper-top-right{margin-right: -19px;}


/*.navigation-adjust{margin-left: -25px;}*/

.breadcrumb-adjust{max-width: 100% !important; margin-right: 0px !important; margin-left: 0px !important;}
.breadcrumb {font-size: 1.3rem;}
#product-place-holder{width:13%;}


/*#div-gpt-ad-1454499042756-1{width:50%}*/

#div-gpt-ad-1454499042756-1 {
    height: 90px;
    /*margin-left: 29px;*/
    overflow:hidden;
}

div#div-gpt-ad-1454499042756-2 {
    height: 90px;
/*    width: 50%;
    margin-right: 49px;*/

}

#div-gpt-ad-1608140185153-0 {
    display:none;
    margin: 1rem 0;
}


#banner2{height:90px; width:50%; background-color: chartreuse;}

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

#outer-rapper {
    margin-top: -2em !important;
    max-width: 97%;
}

#google_ads_iframe_/319791195/top-banner-01_0
{
    border: 0px;
    width: 100%;
    vertical-align: bottom;
}

.oh{overflow-x: hidden;}

#product-cover{
    overflow: hidden;
    /*width: 198px;*/
}


#loader-progress {
    width: 100%;
    background-color: grey;
}
#progress-bar {
    width: 1%;
    height: 30px;
    background-color: green;
}


.nav-link {
    display: block;
    padding: 1rem;
    border-bottom: 1px solid #000;
}
.nav-link:hover {
    border-bottom: 1px solid #D44942;
}

.nav-item {
    flex-grow: 1;
}

#page-search {
    margin-top: 2em;
    max-width: 1270px;
}

.product-details {
    background-color: #f1f1f1;
    padding: 15px 0;
}

.product-special-message {
    padding: 10px 0;
    color:#fff;
}

.product-special-message > div > h3 {
    margin-bottom: 0;
}
.product-details-container  {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}

.product-extras, .product-heart {
    background-color: #fff;
    padding: 15px 0;
}

.product-formats {
    display:flex;
    align-items:center;
    justify-content: flex-end;
}

.product-formats-reverse {
    display:flex;
    align-items:center;
}

.figcaption-wrap {
    font-size: 1.1rem;
}

.chart-cover, .chart-info-cover, .archive-cover {
    width:100%;
}

.dropdown-menu {
    border-radius: 0;
    margin:0;
    padding:0;
}

.dropdown-item {
    padding: 0.55rem 1.2rem;
    font-family: 'BrandonText-Regular';
}

.navbar, .navbar-nav {
    padding: 0;
}

#shoppingbasket .btn,
#login-signup .btn {
    border:none !important;
}

#shoppingbasket-wrapper {
    margin: -10px 0 0 0;
}

#login .btn:hover {
    background-color: none;
}

#login > ul {
    padding: 0;
}

#infobox-content-guest a.ajax-link {
    color: #fff;
}


/* Mobile Responsive */

#navigation-mobile { display:none; position: fixed;z-index:9999;bottom:0;left:0;height:14.583333%; width:100%; color:#fff;}

#navigation-mobile > .row,
#navigation-mobile > .row > div  {     height: 100%;  }

#navigation-mobile ul {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: 100%;
}

#navigation-mobile ul li {
    height: 100%;
}

#navigation-mobile ul li a {
    color: #fff;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

#navigation-mobile ul li a:hover,
#navigation-mobile ul li a:focus {
    text-decoration: none !important;
}
#navigation-mobile ul li a:hover {
    color: #d44942 !important;
}

div.jp-playlist {
    display:none;
    width: 46%;
    position: absolute;
}

#mobile-cart-total {
    display: block;
    position: absolute;
    white-space: nowrap;
    background-color: #D44942;
    color: #fff;
    border-radius: 100%;
    font-size: 1rem;
    width: 20px;
    height: 20px;
    bottom: 0;
    margin-left: -10px;
    top: 0px;
}

#login-signup, #shoppingbasket {
    align-items: center;
    justify-content: center;
    display: flex;
}

.jp-playlist-mobile {
    display:none;
}

.jp-playlist-mobile a {
    color:#fff;
}

#search-submit {
    display: none;
}


@media (max-width: 768px) {
    .product-formats {
        justify-content: center;
    }
    .product-extras {
        padding: 15px 0 0;
        font-size:16px;
    }
    .product-heart {
        font-size: 16px;
    }
}

@media (max-width: 1267px) {

    .main-navigation-wrapper-top {
        margin-top: 110px;
    }
}

@media (max-width: 990px) {

    h3 {
        font-size: 1.3rem;
    }

    #outer-wrapper, #page-content {
        margin-top: 0px; /*margin-top: 59px;*/
    }

    .main-navigation-wrapper-top {
        margin-top:0;
        height: 85.4167%;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        display: none;

    }

    #navbar {
        margin-top: 0;
    }

    #navbarcontent {
        display: flex;
        overflow-y:scroll;
    }

    #navbarcontent li {
        width: 100%;
    }

    #navbarcontent > li > a {
        font-size: 1.2rem;
    }

    .dropdown-menu {
        width: 100%;
        border: none;
        position: static;
    }

    .dropdown-item {
        white-space: normal;
        line-height: 1.6rem;
        padding-left: 1rem;
        font-size: 1.2rem;
    }


    #login-signup, #shoppingbasket {
        display: none;
    }

    #phonica-logo {
        align-items: center !important;
        justify-content: center !important;
        display: flex !important;
        margin-right: 0px;
    }

    /* core rewrites */
    #page-panel {
        /*display: block !important;*/

    }

    #navigation-wrapper {
        margin: 0 auto;
    }

    /* Mobile Bottom Menu */
    #navigation-mobile {
        display: block;
    }

    /* Browse */
    #bread-crumb, #navigation, #div-gpt-ad-1454499042756-1, #div-gpt-ad-1454499042756-2 {
        display: none;
    }

    #div-gpt-ad-1608140185153-0 {
        display: block;
    }

    #breadcrumb-container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #top-ad-wrapper-wrapper {
        margin-top: 73px;
    }

    /*  ----------- Mobile Navigation Handles --------- */
    .mobile-nav-1, .mobile-nav-2, .mobile-nav-3, .mobile-nav-4, .mobile-nav-5 {
        display: none;
    }

    .mobile-nav {
        display: none;
    }
    /*  ----------- Player for Mobile     --------- */
    .logo {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #player, #login, #user {
        overflow: hidden;
        width: 0;
    }

    #floating-top-bar-content {
        width: 100%;
    }

    .logo-mobile-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
    }
    #bread-crumb-label-content-left > div {
     float: none !important;
    }

    .autocomplete-suggestions {
        display: none !important;
    }

    div#player {
        margin: 0;
        width: 100%;
        height: 17.5833%;
        position: fixed;
        bottom: 14.5833%;
        background: #000;
        border-bottom: 1px solid #fff;
        padding-left:0;
    }

    .jp-playlist-mobile {
        display: block;
    }

    .jp-playlist-full {
        display: none !important;
    }

    div#jp_container_2 {
        align-items: center !important;
        justify-content: center !important;
        display: block !important;
    }

    div.jp-audio {
        width: inherit;
        height: 100%;
    }

    div.jp-interface ul.jp-controls {
        margin: 0;
    }

    div.jp-interface ul.jp-controls a:hover,
    div.jp-interface ul.jp-controls a:focus {
        text-decoration: none;
    }

    div.jp-audio div.jp-type-playlist div.jp-progress {
        left: 10%;
        position: absolute;
        top: 5%;
        width: 80%;
    }

    div.jp-audio div.jp-progress {
        height: 15%;
    }

    div.jp-audio div.jp-type-playlist div.jp-time-holder {
        color: #fff;
        font-size: 1.6rem;
        left: 10%;
        top: 22%;
        width: 80%;
        z-index: 0;
    }

    div.jp-current-time, div.jp-duration {
        width: 11%;
        font-size: .85rem;
    }

    div.jp-audio ul.jp-controls {
        bottom: 15%;
        height: 50%;
        margin: auto 20%;
        position: absolute;
        width: 60%;
    }

    div.jp-audio ul.jp-controls li {
        display: flex;
        width: 13%;
        margin: 0 5%;
    }

    div.jp-audio ul.jp-controls li a i,
    div.jp-audio ul.jp-toggles li a i {
        display: block;
        margin: 0 auto;
    }

    .jp-gui a {
        background-image: none;
        font-size: 1.8rem;
        color: #fff;
    }

    div.jp-display {
        background: #343a40 none repeat scroll 0 0;
        font-size: 1.1rem;
        padding: 5px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        top: -34px;
        height: auto;
    }

    div.jp-audio div.jp-volume-bar {
        display: none !important;
    }

    div.jp-audio .jp-type-playlist ul.jp-toggles {
        left: 10%;
        position: absolute;
        top: 5%;
        width: 10%;
        display: none;
    }

    ul.jp-toggles li a {
        background: none;
        display: none;
        line-height: 100%;
        margin-top: 0;
        text-indent: 0;
        width: auto;
        height: auto;
    }

    div.jp-title, div.jp-playlist {
        max-height: 85.4167% !important;
        background-image: none;
        background: #000;
        box-shadow: none;
        top: 0;
        height: 85.4167%;
        right: 0;
        border: 0 none;
        border-radius: 0;
        margin-left: 0;
        margin-top: 0;
        overflow-y: auto !important;
        padding: 1px 10px;
        position: fixed;
        width: 100%;
    }

    .jp-free-media {
        display: none !important;
    }

    div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
        font-size: 1.4rem;
    }

    /*  ----------- Navigation for Mobile     --------- */
    #floating-top-bar {
        position: relative;
    }

    #home {
        width: 100%;
        height: 37px;
        overflow: hidden;
        outline: none;
        display: none !important;
    }

    #home a span {
        background: url("https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png") 0 -230px no-repeat;
        width: 15px;
        height: 14px;
        margin: 0 auto;
    }

    #home a span:hover {
        background: url("https://d2rkyy1xo9fsdq.cloudfront.net/phonica-graph2.png") 0 -244px no-repeat;
    }

    #navigation-wrapper-outer {
        background: #fff;
        width: 100%;
        height: 85.4167%;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
    }

    #navigation-wrapper {
        margin: 0 auto;
    }

    #navigation {
        height: auto;
        display: block;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #000;
    }

    #navigation a {
        color: #000;
        padding: 2px 4px;
    }

    #navigation a:hover,
    #navigation a:active,
    #navigation a:focus {
        text-decoration: none !important;
    }

    #navigation > ul > li {
        float: none;
        display: block;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid #fff;
    }

    #navigation > ul > li:hover {
        border-bottom-color: #f00;
    }

    #navigation > ul > li > a {
        outline: none;
        display: block;
        position: relative;
        padding: 13.3px 11px;
        font: normal 1.6rem Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
    }

    #navigation > ul > li:first-child > a {
        padding: 11.5px 14px;
    }

    #navigation > ul > li.has-sub:hover {
        border-bottom-color: #fff;
    }

    #navigation > ul > li.has-sub > a {
        padding: 13.3px 35px 13.3px 20px;
    }

    #navigation > ul > li:after {
        content: '';
        position: relative;
        top: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 0;
    }

    #navigation > ul > li.has-sub > a:before {
        content: '';
        position: relative;
        top: 0px;
        right: 0px;
        border: 0;
        border-top: 0;
    }

    #navigation ul li.has-sub:hover > a {
        top: 0px;
        z-index: 0;
    }

    #navigation ul li.has-sub:hover > ul,
    li.has-sub:hover > div {
        display: block;
        background-color: #fff;
        margin-left: 0px;
        padding-top: 0px;
        top: 0px;
    }

    #navigation ul li.has-sub > a:hover {
        text-decoration: none !important;
        border-bottom-color: #fff;
    }

    #navigation ul li > ul,
    #navigation ul li > div {
        width: 100%;
        display: block;
        position: relative;
        top: 0;
        padding: 0px;
        background: #fff;
        border-radius: 0;
        z-index: 0;
    }

    #navigation ul li > ul li {
        display: block;
        position: relative;
        border-bottom: 1px solid #666;
        outline: none;
        color: #fff;
        font: normal 1.6rem Arial, Helvetica, sans-serif;
    }

    /*#navigation > ul > li:last-child{border-right:0px;border-radius: 0 5px 5px 0;float:left; outline:none; height: 37px; border-right: 1px solid #000;padding-right: 5px;}
     #navigation > ul > li:last-child:before{content:''; position:absolute; border-left:1px solid #666; top:0px; bottom:0px; left: -2px;}
     #navigation > ul > li:last-child:after{border-right:0px;} */
    #navigation ul li > ul li:hover {
        border-bottom-color: #f00;
    }

    /*  ----------- Search Form for Mobile     --------- */
    #form-search {
        background: #fff;
        width: 100%;
        height: 85.4167%;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
    }

    #search-text {
        font-size: 2.5rem;
        height: 20%;
        text-align: left;
        width: 100%;
        border-bottom: 1px solid #000;
    }

    #search-advanced-submit {
        display: none;
    }

    #search-submit {
        display: block;
        background: #000 none repeat scroll 0 0;
        padding: 0;
        color: #fff;
        font-size: 2rem;
        height: auto;
        text-align: center;
        width: 100%;
    }

    #search-suggestions {
        width: 100%;
        height: 65.4167%;
        border: none;
        display: block !important;
        position: fixed;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    #search-suggestions ul {
        width: 100%;
        border: none;
    }

    #search-suggestions ul li {
        width: 100%;
        border: none;
        font: 1.6rem Arial, Helvetica, sans-serif;
        border-bottom: 1px solid #666;
        color: #000;
        text-align: left;
    }

    #search-suggestions ul li a {
        padding: 2px 4px;
        color: #000;
    }

    #search-suggestions ul li a:hover {
        text-decoration: none;
    }

    #search-suggestions ul li:hover {
        border-bottom-color: #f00;
    }

    /*  ----------- Cart/Basket for Mobile     --------- */
    #cartbox {
        background: #fff;
        width: 100%;
        height: 85.4167%;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0 !important;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        min-width: 100%;
        min-height: 85.4167%;
    }

    #cartbox h3 {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        align-items: center;
        font: bold 1.6rem Arial, Helvetica, sans-serif;
        outline: medium none;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        color: #000 !important;
    }

    .cartbox-mobile-wrapper {
        width: 100% !important;
        height: 100%;
    }

    #cartbox-content {
        padding: 2px 4px;
        color: #000;
        font: 1.15rem Arial, Helvetica, sans-serif;
        color: #000;
        text-align: left;
    }

    .cartbox-content-mobile-wrapper {
        height: 65.4167%;
        top: 10%;
        position: fixed;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .cartbox-mobile-header {
        height: 10%;
        top: 0;
        left: 0;
        position: fixed;
        display: flex;
    }

    .cartbox-mobile-checkout {
        height: 10%;
        bottom: 14.5833% !important;
        width: 100%;
        position: fixed;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .cartbox-mobile-checkout a {
        height: 100%;
        width: 100%;
        padding: 0;
        font-size: 1.6rem;
        align-items: center;
        display: flex;
    }

    .cartbox-mobile-checkout a span {
        margin-left: auto;
        margin-right: auto;
    }

    #cartbox-qty {
        color: #000;
    }

    #infobox {
        left: 20vw;
        max-width: 60vw;
        min-height: 20vh;
        min-width: 60vw;
        position: fixed;
        top: 18vh;
        z-index: 10;
    }

    .user-box.color-white a {
        background-color: #ddd;
        color: #111;
        padding: 1.5vh;
    }

    #bottom-bar .mobile-bottom-text {
        margin: 0px 1%;
    }

    .floatingbar-menu .login-box, .floatingbar-menu .register-box, .floatingbar-menu .user-box {
        background-image: none;
        background-color: #fff !important;
        border: 1px solid #222;
        border-radius: 0;
        color: #fff;
        height: 86vh;
        left: 0;
        padding: 10px 10px 10px 8px;
        top: 0;
        width: 100vw;
        position: fixed;
    }

    .mobile-box-float {
        width: 193px;
        margin: 15vh auto;
    }

    /* this is set like this so it is centered */
    .mobile-box-float .mobile-only-text {
        display: block;
    }

    .mobile-box-float .mobile-only-text span {
        display: block;
        margin: 5% 0;
    }

    .mobile-box-float #user-yourcart {
        display: none;
    }

    .floatingbar-menu input[type="text"], #login input[type="password"] {
        width: 100%;
        color: #222;
    }

    .mobile-account-show {
        background-image: none;
        background-color: #fff !important;
        color: #111;
        height: 86vh;
        left: 0;
        margin: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 10;
        padding: 2% !important;
        overflow-y: scroll;
    }

    #account-details-wrapper {
        float: none;
    }

    #account-details-wrapper .width-393 {
        width: 100%;
    }

    #tab-account-details .color-lightgrey.left-padding-gap.right-padding-gap.bottom-padding-gap.size-12.line-height-16 p {
        display: none;
    }

    .list table input[type="text"], .list table input[type="password"] {
        width: 100%;
    }

    .product-cover tr:last-child {
        display: none;
    }

    .size-12 {
        font-size: 0.8em;
    }

    #tab-orders-history h3 + p {
        display: none;
    }

    #infobox .left.content-wide p.bold.no-gap {
        font-size: 0px;
    }

    .product-extra-label-more.ajax-link.heading.right,
    .product-extra-artist-more.ajax-link.heading.right,
    .product-extra-bought-more.ajax-link.heading.right {
        display: none;
    }


    #login .right.pointer {
        display: none;
    }

    @media (max-height: 425px) {
        .mobile-box-float {
            margin: 0 auto;
        }

        /* this is set like */
    }

}

.search-suggestion-wrapper {
    width: 15% !important;
    right: 52px;
}

.search-suggestion-header {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-bottom: 1px solid #000;
}

.animated-link-highlighted {
    -webkit-animation: color-change 30s infinite;
    -moz-animation: color-change 30s infinite;
    -o-animation: color-change 30s infinite;
    -ms-animation: color-change 30s infinite;
    animation: color-change 30s infinite;
}

@-webkit-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-moz-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-ms-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@-o-keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}
@keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
}