/* Global */
@media (max-width: 1399px) {
    html, body, .main-body { height: 100%; /* fix mobile footer issue with bootstrap 5 */}
}

body {
	padding-bottom: 0;
	font: 14px/26px Graphik,Helvetica,Helvetica Neue,Arial !important;
	color: #6b45ff
}

.container-xxl {
	padding-right: 0px !important;
	padding-left: 0px !important;
	background-color: white;

    overflow-x: hidden; /* stop body having small margin on right, and page scrolling */
}

/* No link underline */
a { text-decoration: none; }

.btn-main { text-transform: uppercase; white-space: nowrap!important; }


.btn-alt {
    /*color: #fff;
    background-color: transparent;
    border-color: #fff;*/
    text-transform: uppercase;
    white-space: nowrap!important;
}
/*
.btn-alt:hover {
    color: #eee;
}
*/



/* Utility */
.img-max {
	width: 100%;
    height: auto;
}

.gap {
	height: 20px;
}

.vgutter-1 {
	padding-bottom: 0.25rem;
}

.hidden, .rm_hide {
	display: none;
}

.fixed {
	position: fixed !important;
}

@media (min-width: 768px) {
	.w-md-50 {
		width: 50% !important;
	}
}

@media (min-width: 768px) {
    .mw-md-50 {
        max-width: 50% !important;
    }
}

@media (min-width: 992px) {
	.mw-lg-33 {
        max-width: 33% !important;
    }
}




/* Fonts - TODO: Move into GRUV.css */
@font-face {
    font-family: 'Graphik';
    src: url('/content/fonts/graphik-regular.eot');
    src: url('/content/fonts/graphik-regular.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/graphik-regular.woff2') format('woff2'),
        url('/content/fonts/graphik-regular.woff') format('woff'),
        url('/content/fonts/graphik-regular.ttf') format('truetype'),
        url('/content/fonts/graphik-regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling_Gothic_FB_Normal';
    src: url('/content/fonts/titling_gothic_fb_normal.eot');
    src: url('/content/fonts/titling_gothic_fb_normal.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/titling_gothic_fb_normal.woff2') format('woff2'),
        url('/content/fonts/titling_gothic_fb_normal.woff') format('woff'),
        url('/content/fonts/titling_gothic_fb_normal.ttf') format('truetype'),
        url('/content/fonts/titling_gothic_fb_normal.svg#titling_gothic_fb_normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Titling_Gothic_FB_Wide';
    src: url('/content/fonts/titling_gothic_fb_wide.eot');
    src: url('/content/fonts/titling_gothic_fb_wide.eot?#iefix') format('embedded-opentype'),
        url('/content/fonts/titling_gothic_fb_wide.woff2') format('woff2'),
        url('/content/fonts/titling_gothic_fb_wide.woff') format('woff'),
        url('/content/fonts/titling_gothic_fb_wide.ttf') format('truetype'),
        url('/content/fonts/titling_gothic_fb_wide.svg#titling_gothic_fb_wide') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}




/* Alert Bar */
.alert-bar {
	text-align: center;
}

.alert-bar a {
	display:grid;
}

.alert-bar img {
	width: 100%;
}





/* Header */
.header {
	text-align: center;
	background-color: #6b45ff;
	color: white;	
}


.header .logo h2 {
    display: none;
}

.header .logo-link {
    display: block;
    height: 100%;
}

/* -- Header: quick links on right side */

.quick-links {
	padding-top: 25px;
	text-align: right;
	padding-right:14px;
}

.quick-links div {
	display: inline-block;
}

.quick-links a {
	color: #fff;
    font-weight: normal;    
}

.sign-in {	
    border: 2px solid #fff;
    border-radius: 6px;
    padding: 5px 7px;
    margin-right: 5px;
}

.header .quick-basket {
	padding-right: 2vw;
	position:relative;
}
@media (min-width: 1400px) {
	.header .quick-basket {padding-right:21px;}
	}


.header .quick-basket .basket-icon {
	margin-left: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;	
	position:relative;
	top:3px;
}

.header .quick-basket .quick-basket-button span.badge {position:absolute;top:0;right:3px;}

.header .search { padding-top:24px; padding-left: 14px; position: relative; }
.header .search-button { position: absolute; height: 40px; width: 40px; right: 0px; top: 22px; z-index: 2; cursor: pointer; }






/* Mobile Header */
.mobile-header {
	background-color: #6b45ff;
	width:100%;
	height:50px;
	display: flex;
}





#hamburger { width: 60px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; 
    -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; zoom: 0.65; -moz-transform: scale(0.6); margin: 15px auto; 
    /* Firefox fixes: left: 10px; top: 18px; position: relative; height: 45px; */ }

#hamburger span { display: block; position: absolute; height: 6px; width: 100%; background: white; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);
	-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#hamburger span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#hamburger span:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#hamburger span:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
#hamburger.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px; }
#hamburger.open span:nth-child(2) { width: 0%; opacity: 0; } 
#hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; }




.mobile-header .menu {
	width:50px;
	border-right: 1px solid rgb(124, 119, 0);
}

.mobile-header .search, .mobile-header .basket { width:50px !important; border-left: 1px solid rgb(124, 119, 0); }
.mobile-header .search-icon, .mobile-header .basket-icon { margin-left: 15px; display: block; width: 20px; height: 20px; margin-top: 15px; }
.mobile-header .basket .badge { display: inline-block; position: relative; left: 25px; top: -35px; }

.mobile-header #txtMobileSearchTerm { margin-top: -4px; display: none; }




/* Menu */
.menu { font-weight: normal; }

.menu a, menu.nav-link:focus, menu.nav-link:hover {    
	color: white !important;
	font-size: 15px;
}

.menu a {padding:14px 6px;}

.dropdown-menu {border-radius:0;width:100%;border:0;}
@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
/* Stop top level menus moving down a 2 pixels when clicked */
.dropdown-menu.show { margin-top: -2px !important; }

li.nav-item {border:0 !important;}

#mobile-menu {
	z-index: 2000;
	position: fixed;	
	width: 100%;	
	left: 0px;
}

.animate {
	transition: all 1s ease;
}

.slide-left {    
    transform: translate(-100%, 0);
}

.slide-right {    
    transform: translate(100%, 0);
}

.position-left-offscreen {
	left: -100% !important;
}

.position-right-offscreen {
	left: 100% !important;
}

.page {
	background-color: #6b45ff;	
}

.page a {
	color: white;
}

#page-1 {
	z-index: 2001;
	position: fixed;
	/*top: 83px;*/
	left: 0px;
	width: 100%;
	height: 100vh;
	color: white;
	/*background-color: #6b45ff;*/
}

#page-2 {
	z-index: 2001;
	position: fixed;
	/*top: 83px;*/
	/*left: 100vw;*/
	left: 0px;
	width: 100%;
	height: 100vh;
	color: white;
}

#mobile-menu .list-group-item {
	font: 14px/26px Graphik,Helvetica,Helvetica Neue,Arial!important;
    background-color: inherit; /*#6b45ff;*/
    color: white;
    border-bottom: 1px solid white;    
}

#mobile-menu .page-title {    
	font-family: 'Titling_Gothic_FB_Wide';
    font-size: 30px;
    height: 58px;
    padding: 20px 8px;
}





/* Sub Header - scrolling area with vendor specific css to hide scrollbar */
.sub-header { display: flex; flex-wrap: nowrap; margin-top: 7px; margin-bottom: 7px !important;
	overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */ }
.sub-header::-webkit-scrollbar { /* WebKit */ width: 0px; height: 0px; }

@media (min-width: 1200px) {
	.sub-header > div:nth-child(-n+8) {
	    display: block;
	    width: 12.5%
	}

	.sub-header img {
		width: 100%;
	}
}








/* Block */

.block-title {
	text-align: center;
    font-family: Titling_Gothic_FB_Wide,Helvetica,Helvetica Neue,Arial!important;        
    font-weight: normal;
    font-size: 22px;
    padding: 10px;
    color: white;
}

.block-what-is-hot .block-title {	
    background-color: #008678;
    border-top: 1px solid #008678;
}

.video-column {
	background-color: #6b50ff;
}

.video-player video {
	border: 1px solid #fff;
	border-radius: 12px;
	padding-bottom: 0;
    background-color: black;
}

.video-player {
	width: 85%;
    margin: 0 auto;        
}








/* Top X Lists */

.container-fluid {
	/*padding-bottom: 5px;*/
	padding: 0 0 5px 0;
	
}

.block-coming-soon {
	border: 1px solid #f25d61;
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;
	padding-bottom: 10px;
}


.block-coming-soon .block-title {
	background-color: #f25d61;	
	color: white;
}

.block-coming-soon .block-title a {
	background-color: transparent;	
	color: white;
}

.block-coming-soon .block-title {
	margin-bottom: 10px;
}

.product-row { color: black; padding-bottom: 10px; height: 81px; overflow-y: hidden; border-bottom:1px solid #000;}
.product-row:last-child {border:0;}

.block-coming-soon .product-row {
	border-bottom:1px solid #f25d61;
}

.product-row .sequence {
    float: left;
    font-family: Titling_Gothic_FB_Wide,Helvetica,Helvetica Neue,Arial!important;
    font-size: 15px;
    padding: 20px 7px;
    width: 25px;
}

.product-row h2 {
	margin-left: 10px;
	font-size: 14px;    
    line-height: 15px;
    text-align: left;
    float: left;
    max-width: 40%;
}

.format_home img {
	width:100%;
}

.product-row h2 a {    
    color: black;
}

.product-row .price {
	display: none ;
}

.product-row .image img {
	width: 50px;
}

.product-row .view {
	float: right;
	padding-right: 10px;
}



.block-top-sellers {
	border: 1px solid #6b50ff;
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;
	padding-bottom: 10px;
}

.block-top-sellers .block-title {
	background-color: #6b50ff;	
	color: white;
}

 .block-top-sellers .block-title a {
 	background-color: transparent;	
	color: white;	
 }

.block-top-sellers .block-title {
	margin-bottom: 10px;
}

.block-top-sellers .product-row {
	border-bottom:1px solid #6b50ff;
}

/* Banners - Slick */
.carousel { overflow: hidden; min-width: 100%; width: 0; }			/* From: https://github.com/kenwheeler/slick/issues/982 */

ul.slick-dots { bottom:11px; position: initial; width: 200px; margin: auto; margin-top: -12px; margin-bottom: 12px; }
ul.slick-dots li { float: left; margin-right: 3px; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    border-radius: 5px; border: 1px solid white }
.slick-dots button { display: none !important; }
.slick-dotted.slick-slider {margin-bottom:7px;}
.slick-active { background-color: white !important; }

/* Icons */
.icon {
	background: url(/content/images/tenant/gruv/icons.png) no-repeat left top transparent
}

.search-icon {
    background-position: -7px -7px;
}

.basket-icon {
    background-position: -8px -35px;
}

.payment-cards {
    background-position: -24px -66px;
}


/* Payment cards */
div.cardType.visa_debit, div.cardType.visa, div.cardType.visa_elec, div.cardType.visa_electron, div.cardType.visa_p { background-position: -122px -120px; }
div.cardType.mastercard { background-position: -1px -120px; }
div.cardType.maestro { background-position: -61px -120px; }

div.cardType { display: block; width: 60px; height: 40px; }






/* Newsletter Signup */
.newsletter-signup {
    background-color: #6b45ff; /*#645ba7*/;
	margin-top: 20px;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom-right-radius: 22px;
}

.newsletter-signup .heading {
	 color: white; 
	 text-align: center; 
	 font-weight: bold;
	 font-family: Titling_Gothic_FB_Wide,Helvetica,Helvetica Neue,Arial!important;    
}

.newsletter-signup .discount-title {
	font-size: 4em; 
	line-height: 1em; 
	padding-top: 10px;
}

.newsletter-signup .discount-subtitle {
	font-size: 3em; 
	line-height: 1em; 
	padding-bottom: 20px; 
	font-weight: normal;
}

.newsletter-signup .discount-detail {
	color: white; 
	text-align: center; 
	font-size: 0.9em; 
	padding-top: 20px; 
	padding-bottom: 20px;
}







/* Row of products */
.product-section {
	/* required to fix issue with group of cards not resetting at the end, and partcally overlapping the next container! */
	margin-bottom: 70px;
}

.section-title {
    font-weight: normal;
    text-align: center;    
    padding-bottom: 10px;
}

.product-card { border: none; }
.product-card .flash { margin: -30px auto 0px; display: block; max-width: 100%; border-radius: 18px; }

.product-card .card-body { padding: 10px 0px 0px !important; }
.product-card .card-body a { color: #6b45ff; line-height: 20px !important; }

.product-card .card-footer {
	border: none !important;
	background-color: transparent;
	padding:0;
}





.business-info {
	background-color: #ffb81c;
	margin-bottom: 30px;
}

.business-info .video {
	padding-left: 0px !important;
}

.business-info .video iframe {
	border-bottom-right-radius: 22px;
}


.business-info .copy {
	border-bottom: 0;
    color: #6b45ff;
    font-size: 18px;
    padding: 42px;
    padding-top: 80px;
    padding-bottom: 28px;    
    background: url(/content/images/tenant/gruv/logosm_purple.png) no-repeat 50% 28px;
}

table.product_tracks {width:100%;}
table.product_tracks td.track {width:25%}
table.product_tracks td.track_name {width:50%}
table.product_tracks td.artist {width:25%}



/* Recently Viewed */
.recently-viewed {
	background-color: #eef3f4;
	padding-top: 10px;
	padding-bottom: 10px;
}

.recently-viewed .product-card {
	padding: 5px;
}

.recently-viewed .card-footer {
	padding: .5rem 0px;
}

/* Show 3, 4, 5, and 6 products/columns (and hide the rest) based on the width of the screen */
@media (max-width: 575px) {
	/* 3 visible columns for SM */
	.recently-viewed .col:nth-child(n+4) {
	    display: none;	    
	}
}

@media (max-width: 767px) {
	/* 4 visible columns for MD */
	.recently-viewed .col:nth-child(n+5) {
	    display: none;	    
	}
}

@media (max-width: 991px) {
	/* 5 visible columns for LG */
	.recently-viewed .col:nth-child(n+6) {
	    display: none;
	}
}

@media (min-width: 992px) {
	/* 6 visible columns for XL */
	.recently-viewed .col:nth-child(n+7) { display: none; }
}

@media (min-width: 1199px) {
	/* Recently view images are too big on large desktops, so add padding to reduce image size */
    .recently-viewed .row-cols-lg-6 .col { padding-left: 20px; padding-right: 20px; }
}




footer {
    padding-top: 20px;
	color: white;
	padding: 7px !important;
}

@media (min-width: 768px) {
	footer { padding: 0 0 5px 0; }
}

footer .social {
	font-family: Titling_Gothic_FB_Normal;
	font-weight: bold;
    font-size: 22px;  
    padding-top: 20px;  
}

footer .social .title {
	/*float: left;*/
	vertical-align: super;
	padding-right: 20px;
}

footer .social a {
    width: 30px;
    height: 30px;
    margin-right: 11px;
    display: inline-flex;    
}

a.instagram {
	background-position: -10px -173px;
}

a.facebook {
    background-position: -42px -173px;
}

a.twitter {
	background-position: -71px -172px;
}

footer .line {
	margin-top: 40px;
}




footer .links ul, footer .links li {
	list-style: none outside none;
	margin-left: 0;
    padding-left: 0;
}

footer .links li a {
    color: #fff;
}

footer a:visited {
    text-decoration: none;
    outline: none;
}

footer .logo {
	width: 100%;
	height: 100%;
	background: url(/content/images/tenant/gruv/logoFooter.png) no-repeat 0 0;
	margin-left: 10px;
}

footer .social-links {
	display: inline-flex;
}

footer .payment-cards {
    display: block;
    width: 278px;
    height: 50px;
    margin: 0 auto;
}

footer .copyright {
	color: #d0d3d4;
	font-size: 11px;
}







.breadcrumb {
    background-color: rgb(238, 244, 244);
}

ol.breadcrumb {
    padding: 14px;
    margin-bottom: 0px;
}

.breadcrumb li {
    margin-right: 5px;
}



.product-main-image-container { min-height: 100px; }

.product-image-list div {
	float: left;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
}

.image-thumbnail {
    cursor: pointer;
}

.product-title h1 { display: inline-block; }
.product-title .releaseDate { display: block; }
.product-title #imgDigitalIcon {
	float: right;
}

.product-images video { width: 100%; }

.product-description .selling-price {
	font-size: 26px;
	color: #6b45ff;
	margin: 14px 0;
	font-family: Titling_Gothic_FB_Normal,Helvetica,Helvetica Neue,Arial;
	font-weight: normal;
}

.product-description .buying {
	border: 2px solid #6b45ff;
    border-radius: 6px;
    margin-bottom: 14px;
    padding: 8px 10px 0px;
}

.product-description .buying .qtySelector strong {
	float: left;
}

/*.product-description .buying*/ .qtySelector div {
	display: block;
    border: 2px solid #6b45ff;
	border-radius: 6px;
	width: 85px;
    height: 31px;
	margin-left: 20px;
	margin-bottom: 15px;
}

/*.product-description .buying*/ .qtySelector .minus span {
	background-position: -261px 0;
}

/*.product-description .buying*/ .qtySelector .number span {
	background-position: -288px 0;
}

/*.product-description .buying*/ .qtySelector .plus span {
	background-position: -313px 0;
}

/*.product-description .buying*/ .qtySelector span {
	float: left;
	display: block;
	width: 27px;
	height: 27px;
}
		
.product-description .buying .cta {
	margin-bottom: 10px;
}

.product-description .stockstatusmessage:nth-child(1) {
	border-top: 1px solid #6b45ff;
}

.product-description .stockstatusmessage strong,
.product-description .standard_shipping {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
}

.product-description .deliveryOptions, 
.product-description .stockstatusmessage, 
.product-title .deliveryOptions {
    display: block;
    clear: both;
    margin-bottom: 14px;
}

.product-description .messaging {
    padding-bottom: 30px;
}

.other-formats-available a { margin: 0px 5px 10px 0px; }

.product-trailer {
    margin-bottom: 40px;
}

.abstract {
    padding-bottom: 40px;
}

#responsive-tabs ul.tabs li, #responsive-tabs div.tabs div { color: #6b45ff; border: 2px solid #6b45ff; border-radius: 4px; text-align: center; list-style: none outside none; cursor: pointer; }
#responsive-tabs ul.tabs li { margin-right: 21px; width: 20%; float: left; }
#responsive-tabs div.tabs div { margin: 0px 8px; }
#responsive-tabs ul.tabs li.active, #responsive-tabs div.tabs div.active, #responsive-tabs .tab-draw-header.active { color: #fff; background-color: #6b45ff; }
#responsive-tabs .tab-draw-header { background-color: #fff; font-size: 14px; padding: 7px 14px; color: #6b45ff; border: 2px solid #6b45ff; border-radius: 6px; font-weight: bold; cursor: pointer; }
#responsive-tabs .tab-draw-header .arrow { width: 10px; height: 10px; border-right: 2px solid #6b45ff; border-bottom: 2px solid #6b45ff; transform: rotate(45deg); float: right; }

/* Rotated corner for /\ and \/ */
#responsive-tabs .tab-draw-header.active .arrow { border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(225deg); position: relative; top: 7px; }
#responsive-tabs .tab-content { border-top: 1px solid #6b45ff; margin-top: 1rem; padding-top: 1rem; }
#responsive-tabs .tab-container { color: black; }
#responsive-tabs h3 { font-weight: normal; font-size: 16px; margin: 1rem 0px; }

.product-attributes span {
    display: block;
}

.product-description-info {
    padding-bottom: 1em;
}

#responsive-tabs table {
    max-width: 100%;
	overflow-y: hidden;
	display: block;
}




/* Static Content */
div#static-content-text p:first-child {margin-top:0;}
div#static-content-text h2 { font-weight: bold; }
div#static-content-text ul, div#static-content-text ol { margin: 0;padding-left:21px;}
div#static-content-text ul { list-style-type: disc; }
div#static-content-text ol { list-style-type: decimal; }
div#static-content-text ol li { list-style: decimal; }
div#static-content-text ul li { list-style: disc; }
div#static-content-text table { max-width: 100%; overflow-y: hidden; display: block; }
div#static-content-text table td { padding:7px; }
div#static-content-text table thead td { background-color: #ebebeb; }
div#static-content-text table tbody td { border-bottom: 1px solid #ccc; margin-bottom: 14px; }


/* Forms */
.floating-placeholder { position: absolute; top: 0; right: 7px; color: #ddd; }



/* Custom Checkbox / Radio button */
.div-checkbox, .div-radio { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; }
.div-checkbox input[type="checkbox"], .div-radio input[type="radio"] { display: none; }
.div-checkbox .icon, .div-radio .icon  { background-position: -93px -31px; display: inline-block; height: 28px; width: 28px; }
.div-checkbox input[type="checkbox"]:checked + span.icon, .div-radio input[type="radio"]:checked + span.icon { background-position: -63px -31px; }
.div-radio .text { vertical-align: top; padding-left: 10px; }





/* Side nav */
.side-nav-with-filter { width: 170px; }

#side-nav h2 { margin-bottom: 20px; }

/* About, Help, etc */
#side-nav h6 {font-weight:normal;}
#side-nav ul, #side-nav li { list-style: none outside none; padding-left: 0px; margin-left: 0px; line-height: 34px; }
#side-nav a div { color: #666; font-size: 15px; }
#side-nav .icon.filter { float: left; display: block; width: 14px; height: 14px;  margin-right: 7px; position: relative; top: 10px; }
#side-nav .active .icon.filter { background-position: -190px -15px; }
#side-nav .icon.filter {background-position: -190px 0;}


/* Initially hidden on mobile, as it can be slid open or closed */
@media (max-width: 767px) {
	.side-nav-slide { display: none; }
}
/* Perm visible on desktop */
@media (min-width: 768px) {
	.side-nav-slide { display: block !important; }
}



.banner-bottom {
	margin-bottom: 20px;
}



.header-filename { margin-bottom: 20px; }
.category_title { margin: 0 0 25px 0; }







/* Movie view Filters */
.category-options { margin: 20px 0px; }

/* Paging */
.pagination .btn { width: 31px; margin-right: 5px; border-width: 2px; }
@media (max-width: 574px) {
	/*## Wider buttons for mobile paging */
    .pagination .btn { width: 80px; }
}

/* Search */
.suggestions { background-color: white; width: 400px; max-width: 80vw; margin-top: 9px; overflow-y: scroll; z-index:2010; line-height:17px; }
.suggestions .suggest_item { padding: 10px; text-align: left; border-bottom: 1px solid #dddddd; }
.suggestions a { color: #666666; }
.suggestions .suggest_item.selected, .suggestions .suggest_item.selected .description { background-color: #999999; color: #FFFFFF; cursor: pointer; }
.suggestions .suggest_item .description { font-style: italic; font-size: 11px; color: #777; }





#basket-preview, #added-to-basket { position: absolute; top: -1000px; right: -400px; width: 400px; background-color: #fff; z-index: 4000; font-size: 15px; padding: 20px; -webkit-transition: all 0.7s ease-in-out; 
	-moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; border: 1px solid #000; border-bottom: 2px solid #fff; border-bottom-left-radius: 90px; }
#basket-preview.active { top: 0px; right: 0px; }
#basket-preview .footer { padding: 30px; }

/*## No basket animate in/out on mobile, instead show/hide */
#basket-preview {
    display: none;
}

#basket-preview.active {
    display: block;
}

@media (max-width: 574px) {
	#basket-preview .footer {
		padding-bottom: 100px;
	}
}

#added-to-basket { position: fixed; left: 0; right: 0; margin: 0 auto; border: 0px; border-radius: 22px; max-width: 98vw !important;}
#added-to-basket.active { top: 140px; }

/* z-index of 3000 is > everything except for basket-preview/added-to-basket */
#background-modal { display: none; z-index: 3000; background: rgba(0,0,0,0.7); position: fixed; top: 0px; }




/* Basket Page */
.basket-wrapper { padding-bottom: 30px; }
.basket-header { font-family: 'Titling_Gothic_FB_Wide'; font-weight: normal; border-bottom: 1px #ccc solid; }

.totals div > span { float: right; font-weight: bold; }

.basket-bottom { margin-top: 10px; }

.basketLine { border-bottom: 1px #ccc solid; } 
.basketLine .product-image { max-width: 150px; }
.basketLine .qtySelector div { margin-left: 0px; }
.basketLine .product-code, .basketLine .availability, .basketLine .release-date { display: block; } 
.basketLine .lineprice { font-weight: bold; }
.basketLine .btnRemove { text-decoration: underline; margin-top: 20px; display: block; cursor: pointer; }



/* Checkout */
div.totals div.youhavesaved { background-color: #ed1727; color: #fff; padding: 7px; }


/* Payment Gateway */
form#paymentGateway {text-align:center;margin:28px 0;}

/* Basket Breadcrumb */
div.basketBreadcrumb {display:block;width:320px;margin:14px auto !important;position:relative;z-index:1;}
div.basketBreadcrumb div.chain {display:none;}
div.basketBreadcrumb div.bb {float:left;width:75px;background-color:#fff;}
div.basketBreadcrumb div.bb i {display:block;margin:0 auto;width:23px;text-align:center;font-style:normal; background-position:-135px -4px; color:#fff;line-height:25px;}
div.basketBreadcrumb div.bb span {color:#b7b7b7;}
div.basketBreadcrumb div.bb.active i {background-position:-109px -4px; color:#fff;font-weight:bold;}
div.basketBreadcrumb div.bb.complete i {background-position:-161px -4px; color:#fff;font-weight:bold;}
div.basketBreadcrumb div.bb.active span,div.basketBreadcrumb div.bb.complete span {color:#000;font-weight:bold;}
div.basketBreadcrumb div.bb span {clear:both;display:block;text-align:center;}

@media (min-width: 768px) {
    div.basketBreadcrumb { width: 426px !important; }
    div.basketBreadcrumb div.chain { display: block; width: 100%; position: absolute; top: 11px; height: 2px; background-color: #b7b7b7; z-index: 100 }
    div.basketBreadcrumb div.bb { position: relative; background-color: #fff; z-index: 1000; margin-right: 42px; }
    div.basketBreadcrumb div.bb.bbConfirm { margin-right: 0; }
}

.basket-layout .sign-in-and-register, .basket-layout .newsletter-and-social { display: none; }

/*.basket-layout */ .forgotten_password { display: block; padding: 20px 0px; }



#basket-summary { padding-bottom: 20px; }
#basket-summary .about .qty .span, #basket-summary .about .price { font-weight: bold; }
#basket-summary img { max-width: 100px; }


/* Info Boxes */
p.info-box { margin: 0;margin-bottom:7px; background-color: #eef1f4;}
p.info-box a { color: #333333; }
p.info-box>span {display:block;padding:7px 14px;}
p.info-box.green {background-color:#72c02c !important;color:#fff;margin-bottom:14px;}


#addressing { padding-bottom: 50px;}
#addressing h2 { padding-top: 20px;}
.choose-address-body { margin-bottom: 20px; }
.choose-address-body .choose-address { line-height: 20px; }
.choose-address-body .options { margin-top: 20px; font-weight: bold; }

.delivery-types { padding-top: 20px; }



.pagingOrders ul.pagination { display: block; float: right; }
.pagingOrders ul.pagination li { display: block; float: left; }
.pagingOrders .page-range-text { float: right; padding: 3px 6px; }
.pagingOrders .page-range { float: right; margin-right: 20px; }
.orderListHeader { padding-bottom: 10px; }
.orderListBody .orderListRow { border-bottom: 1px solid #ccc; margin-bottom: 14px; padding: 0 2px 10px; }
.orderListBody .orderNo { font-weight: bold; }



.paymentCardRow { border-bottom: 1px solid #ccc; margin-bottom: 14px; }




/* Form Errors */
.input-validation-error { /*background: #fff;*/ border: 1px solid #e01e1f !important; }
.FieldError, .LabelError {color:#e01e1f}

div.pageError, div.pageSuccess { background-color: #eef1f4; margin-top: 10px; margin-bottom: 20px; }
div.pageError p, div.pageSuccess p { padding: 5px 10px; }
div.pageError p span.icon, div.pageSuccess p span.icon { float: left; display: block; height: 15px; margin-right: 7px; position: relative; top: 5px; }
div.pageError p span.icon { width: 15px; background-position: -346px -6px; }
div.pageSuccess p span.icon { width: 18px; background-position: -365px -6px }




/* VAT Invoice */
div#order_invoice { }
div#order_invoice img.invoice_logo { margin: 22px 0; float: left; }
div#order_invoice div.address { width: 300px; float: right; text-align: right; }
div#order_invoice h1 {text-align:center;}
div#order_invoice table {width:100%;}
div#order_invoice table tr td {vertical-align:top;}



.product-landing-description { color: black; padding-bottom: 20px; }
.product-landing-description h1 { color: black; }
.product-landing-description .video-column { background-color: transparent; }




/* Register Account */
.register h2 { margin-top: 30px; margin-bottom: 10px; }



/* Product Image Gallery */
.product-image-gallery {
    width: 85%;
    margin: 0 auto;
    padding-top: 20px;
}

.product-image-gallery a {
    font-size: 21px;
    font-family: 'Titling_Gothic_FB_Wide';
    font-weight: normal;
}




/* Customer Account Management */
.customer-alert-detail { display: block; padding-left: 4px; }




/* OneTrust */
.privacy-options-logo {
	height: 15px !important;
	margin: 5px 1px 0 0;
	vertical-align: top;
    cursor: pointer;
}