/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
	right: 0px !important;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}

/* Block elements */
header, hgroup, footer, section, article, aside {
	display: block;
}

/* Body, Common Classes & Wrap */

.wrapper {
	margin: 0 auto;
	max-width: 1260px;
}
/*#header hgroup {
	margin: 0 3%;
	padding: 2.5em 0;
}*/
#navigation div {
	margin: 0;
}
#primary {
	display: block;
	width: 100%;
}
#content-header {
	margin: 0 20px;
	width: auto;
}
#content {
	margin: 0 20px;
	width: 75%;
}
#sidebar {
	float: right;
	margin-right: 20px;
	width: 223px;
	margin-bottom: 13px;
}

/* Left Content */

.left-sidebar #content {
	float: right;
}
.left-sidebar #sidebar {
	float: left;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 1px;
}
.wide-sidebar #content {
	float: left;
	margin: 0 -35.5% 0 0;
	width: 100%;
}
.wide-sidebar #content {
	margin: 0 38.6% 0 3%;
	width: 58.4%;
}
.wide-sidebar #sidebar {
	float: right;
	margin-right: 3%;
	width: 32.5%;
}

/* Right Content */
.wide-sidebar.right-sidebar #content {
	margin: 0 20px 0 38.6%;
	width: 58.4%;
}
.wide-sidebar.right-sidebar #sidebar {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	width: 30%;
}
.region-sidebar-first {
	display: block;
}

/* Body Content */
body, input, textarea, .school_programs select {
	color: #242424;
	font: 14px "Noto Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background: #fff;
}

span.button a {
	color: #fff;
}
.request {
	height: 32px;
}
.out-of-stock .button {
	padding: 8px 10px;
	line-height: 32px;
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
}

/* No Sidebars */

.no-sidebars #content {
	float: none;
	margin: 0;
	position: relative;
	width: auto;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 38px;
	margin: .2em 0;
	font-family: "Noto Serif", Times New Roman, sans-serif;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0.2em;
}
h4 {
	font-size: 12px;
	margin: 0 0 0.1em;
}
h5 {
	font-size: 10px;
}
h6 {
	font-size: 8px;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 2em;
}
.front h1 {
	display: none;
}

/* Text elements */
p {
	margin-bottom: 0.5em;
}
ol p, ul p {
	margin-bottom: 0;
}
ul, ol {
	margin: 0 0 10px 16px;
}
ul {
	list-style: disc;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 2em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 2em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 2em;
	overflow: auto;
	padding: 0.75em 2em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

table {
	margin: 0 0 1em;
	width: 100%;
	border:1px solid #ddd;
	border-right:none;
	background:#fff;
}

th {
	font-weight: normal;
	padding: 5px 10px;
	background: #555;
	border: 1px solid #555;
	color: #fff;
}

td {
	padding: 5px 10px;
	border: 1px solid #ccc;
}

/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */

.displayblock {
	display: block;
}
.displaynone {
	display: none;
}

/*--------------------------------------*/
/* Header */
/*--------------------------------------*/

#header {
	background-color: #fff;
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
#site-logo {
	-webkit-box-flex: 1;
	padding: 10px 0;
    -webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.logo img {
	max-width: 233px;
}
#search-bar {
	-webkit-box-flex: 1;
	margin-left: 20px;
}
#contact-details {
	-webkit-box-flex: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 18px;
}
#contact-details a {
	color: #242424;
}
#contact-details a:hover {
	color: #eb6e1f;
}
.phone {
	padding: 0 5px 0 20px;
	margin-top: -2px;
}
#navigation {
	-webkit-box-flex: 2;
}
#responsive-menu-button {
	display: block;
}

/* Front page images */
#front-images {
	margin: 20px 0;
}
#front-images .flex-row1 img {
	max-height: 425px;
	margin: 0;
	border: none;
	padding: 0;
}
#front-images .flex-row2 img {
	max-height: 100px;
	max-width: 300px;
}
.flex-row1, .flex-row2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 15px;
}

/* Shop Online images*/
.shop-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top:	20px;
}
.single-tile a {
	color: black;
}
.multi-tiles {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.multi-tiles a {
	color: white;
}
.flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	position: relative;
}
.tile-overlay {
	position: absolute;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 97%;
	font-weight: bold;
	font: 24px "Noto Serif", Helvetica, sans-serif;
	left: 0;
}
.multi-tiles .tile-overlay {
	color: #fff;
	text-shadow: 2px 2px #000;
}
.flex-tile {
	width: 100%;
	height: 97%;
	-webkit-transform: translate(0,0);
}
.left-text {
	margin-left: 10px;
	width: 120px;
}
.shop-row .left-text {
	width: 240px;
	font-size: 32px;
	margin-left: 20px;
}
.center-text .tile-overlay {
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 30px;
}
.shop-row .flex-tile img {
	max-width: 100%;
}
.multi-tiles .flex-container {
	margin-right: 20px;
}
.multi-tiles .flex-container:last-child {
	margin-right: 0;
}

/* Repairs page image */
.repairs {
	border: none !important;
	float: right;
	margin-left: 10px;
}

/* =Menu
-------------------------------------------------------------- */

#navigation {
	display: block;
	width: 100%;
	border: 2px solid #eb6e1f;
	border-left: 0;
	border-right: 0;
	height: 52px;
}
#main-menu {
	display: block;
	float: left;
}
#main-menu > ul.menu {
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: table;
}
#main-menu > ul.menu li {
	border: none;
	position: relative;
	display: table-cell;
	text-align: center;
}
#main-menu > ul.menu > li:first-child a {
	padding-left: 16px;
}
#main-menu > ul.menu a {
	color: #242424;
	line-height: 52px;
	padding: 0 25px;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#main-menu > ul.menu ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 52px;
	left: 0;
	list-style: none;
	width: 150px;
	z-index: 999999;
}
#main-menu > ul.menu ul li {
	display: block;
	overflow: visible;
}
#main-menu > ul.menu ul ul {
	left: 100%;
	top: 0;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	list-style: none;
	width: 181px;
	z-index: 199;
}
#main-menu > ul.menu ul a {
	background: #4b4b4b;
	border-top: 1px solid #eb6e1f;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1em;
	padding: 10px;
	width: auto;
}
#main-menu > ul.menu ul li {
	text-align: left;
}
#main-menu > ul.menu ul ul a {
	background: #727272;
	border-left: 1px solid #eb6e1f;
	width: auto;
}
#main-menu > ul.menu ul ul ul a {
	background: #999;
}
#main-menu > ul.menu li:last-child,
#main-menu > ul.menu ul li {
	border:none;
}
#main-menu > ul.menu li:hover > a,
#main-menu > ul.menu ul :hover > a,
#main-menu > ul.menu a:focus {
	background: #2e2e2e;
	color: #eb6e1f;
}
#main-menu > ul.menu li:hover > ul {
	display: block;
}
#main-menu > ul.menu a.active {
	color: #eb6e1f;
}
#main-menu ul li.leaf, #main-menu ul li.expanded {
	list-style: none;
}

#mobile-header {
	display: none;
}
#mobile-search {
	display: none;
}
#main-menu > ul.menu > li.first {
	display: none;
}

/* Google Map of Fine Music */
.location {
	float: left;
}
.map {
	float: right;
	padding-top: 10px;
}
.map iframe {
	width: 550px;
	height: 360px;
}

/* Image Gallery */
.commerce-product-field-field-image {
	float: left;
}
#imagezoom-thumb-wrapper ul {
	list-style: outside none none;
	margin: 0;
}
#imagezoom-thumb-wrapper li {
	float: left;
	padding-right: 10px;
}

/* Featured Slider */
#slider {
		/*background-color: #555;*/
		/*border-bottom: 2px solid #ccc;*/
		border-radius: 0;
		-moz-border-radius: 0;
		margin: 0 0 1em;
		position: relative;
		overflow:hidden;
}

#slider-wrap img {
		border: medium none;
	display: block;
		height: auto;
		/*padding: 0.7em 2% 0.3em;*/
	padding: 0;
		max-width: 100%;
}
#slider-wrap a:hover img {
	background: none;
	border: none;
}
#slider-wrap a {
	float: left;
	display: block;
	width: 100%;
	/*padding: 11px 11px 10px;*/
}

#slider-wrap .featured-text {
		color: #fff;
		padding: .5em;
		position: absolute;
		bottom: 0;
		background: rgb(40, 181, 255);
		opacity: 0.8;
		font-size: 1.2em;
		line-height: 1.2em;
		border-top: 3px solid rgb(0, 173, 255);
}
#slider-wrap .featured-text p{
	margin: 0;
}
#slider-wrap .featured-text a {
	display: inline;
	padding: 0;
}
#content #nav-slider {
	padding: 0;
}
#nav-slider img {
	 max-width:33px;
	 height:auto;
	 width:100%;
 }
#nav-slider .nav-previous,
#nav-slider .nav-next {
		cursor: pointer;
		display: block;
		max-width: 33px;
		opacity: 0.7;
		position: absolute;
		top: 106px;
		width: 6%;
		z-index: 99;
}
#nav-slider .nav-previous:hover,
#nav-slider .nav-next:hover {
	opacity: 10;
}
#nav-slider .nav-previous {
	 /* left: 11px;*/
}
#nav-slider .nav-next {
	right: 0px;
}

#breadcrumbs {
	font-size: 11px;
}
.easy-breadcrumb {
	font-size: 12px;
	margin-left: 5px;
	opacity: 0.5;
	margin-bottom: 20px;
}
.easy-breadcrumb span {
	margin-right: 5px;
}
.easy-breadcrumb a {
	color: #242424;
	text-transform: uppercase;
}
.easy-breadcrumb_segment-title {
	font-weight: bold;
	text-transform: none;
}

/* User menu */
.overlay {
	z-index: 499;
	background: #000;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
}
#header .popup {
	position: fixed;
	top: -400px;
	left: 50%;
	width: 350px;
	margin-left: -195px;
	background-color: #fff;
	color: #222222;
	padding: 20px;
	z-index: 999;
	display: block;
}
#header .popup h2, #header .popup label, #header .popup a {
	font-family: "Noto Sans", Helvetica, Arial, sans-serif;
}
#header .popup h2 {
	font-size: 18px;
	font-weight: bold;
}
#header .popup label, .popup li {
	font-size: 14px;
}
#header .popup .form-item, #header .popup .item-list {
	margin-bottom: 10px;
}
#header .popup ul {
	margin-left: 7px;
}
.user-menu .close a {
	font-size: 16px;
	line-height: 0.5;
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	padding: 8px 8px 10px;
	color: #fff;
	background: #eb6e1f;
}
.user-menu .close a:hover {
	color: #eb6e1f;
	background: #242424;
}
.popup .item-list ul li {
	margin-left: 12px;
}
.item-list {
	margin-bottom: 10px;
	margin-left: 16px;
}

.user-menu > ul.menu {
	list-style: none;
	margin-left: 10px;
	padding-left: 0;
}
.user-menu > ul.menu > li {
	border: none;
	float: left;
	position: relative;
	list-style: none outside none;
	margin: 10px 0;
	padding: 0 0 0 1em;
}
.user-menu > ul.menu > li:last-child {
	padding-right: 0;
}
.user-menu > ul.menu > li:first-child {
	border-left: none;
	padding: 0;
}
.user-menu > ul.menu > li > a {
	color: #242424;
	text-decoration: none;
	display: block;
}
.user-menu > ul.menu > li {
	font-size: 20px;
}
.user-menu > ul.menu > li > a:hover {
	color: #eb6e1f;
}
.user-menu > ul.right {
	float: right;
	margin: 0;
}
.cart-icon-wrapper:hover {
	color: #eb6e1f;
}

/* =Content
----------------------------------------------- */

#main {
	background-color: #fff;
	clear: both;
	padding: 15px 0 0;
}

#content-wrap {
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0 0 1em;
	position: relative;
	width: auto;
}

.node h2.title, h1.page-title, .node h2.title a, h1.page-title a {
	color: #242424;
	text-decoration: none;
}
.node h2.title, h1.page-title {
	clear: both;
	line-height: 1.5em;
}

.not-front h1.page-title {
	margin-bottom: 0.5em;
}

#main #content .node-teaser {
	padding-bottom:30px;
	border-bottom:1px solid #DDDDDD;
	margin-bottom: 15px;
}

.node-teaser img {
	border: 1px solid #CCCCCC;
	padding: 6px;
	height: auto;
	max-width: 97.4%;
	margin: 0.5em 1em 0.5em 0;
	float: left;
}
.node-print-music img {
	max-width: 280px;
}

.node-teaser p {
	margin-bottom: 1em;
}


.image-left {
	float: left;
	margin-right: 20px;
}

.image-right {
	float: right;
	margin-left: 20px;
}

#preface-area{
	background: #242424;
}
#preface-area .block,
.region-content-top .block {
	clear: both;
	font-size: 12px;
}
.shipping-block {
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 9px 0;
}
.shipping-block a {
	color: #fff;
	text-align: center;
}
.shipping-block a:hover {
	color: #eb6e1f;
}
.shipping-block p {
	margin:	0;
}

#sidebar .block {
	background-color: #FFFFFF;
	border: 1px solid rgb(226, 226, 226);
	border-radius: 0;
	clear: both;
	margin-bottom: 2em;
	padding: 1em;
	font-size: 12px;
	width: 180px;
}

#sidebar .block > h2 {
	border-bottom: 1px solid rgb(238, 238, 238);
	color: #555;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 1em;
	padding: 0 0 0.5em;
	text-transform: uppercase;
}
#sidebar .item-list {
	margin: 0;
}

#preface-area .block p,
.region-content-top .block p,
#sidebar .block p {
	margin-bottom: 0;
}

#preface-area .block img,
.region-content-top .block img,
#sidebar .block img {
	height: auto;
	max-width: 97.4%;
}

#preface-block-wrap.in1 .preface-block {
	margin: 0;
}

#preface-block-wrap.in2 .preface-block {
	float: left;
	width: 48.5%;
}
#preface-block-wrap.in2 .preface-block + .preface-block {
	float: right;
}

#preface-block-wrap.in3 .preface-block {
		float: left;
		margin-right: 3%;
		width: 31.3%;
}
#preface-block-wrap.in3 .preface-block + .preface-block + .preface-block {
	margin-right: 0;
}

.cart-font {
	float: left;
	padding-top: 6px;
}

description ul {
	overflow: hidden;
	margin-left: 0;
	padding-left: 13px;
	margin-bottom: 0.5em;
}
description ul lu {
	list-style-position: outside;
	padding-left: 0;
}
description p, .price_suffix p {
	margin-bottom: 0.5em;
}

/*------------------------------------------*/
/* Schools */
/*------------------------------------------*/
.instrument_program {
	display: none;
}
.instrument_program tr td:last-child {
	text-align: center;
}

/*------------------------------------------*/
/* Blocks */
/*------------------------------------------*/

/*  Brands  */
.brands {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 50px;
}

/*  Current Sale  */
.sale-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 40px;
}
.current-sale {
	width: 728px;
	height: 300px;
	overflow: hidden;
	margin: 30px 0;
}
.current-sale img {
	width: 728px;
	margin-top: -36px;
}

/*------------------------------------------*/
/* Views Overrides */
/*------------------------------------------*/

.view a {
	color: #242424;
}
.view-product-search .views-field-title a,
.view-search-products .views-field-title a,
.view-site-search .views-field-title a, a {
	color: #1982d1;
	text-decoration: none;
}
.view-search-content {
	display: block;
	margin-left: 20px;
}
li.views-fluid-grid-item {
	margin: 2px 0;
}
li.views-fluid-grid-item {
	background-color: #fff;
}
.views-table thead a {
	color: #fff;
	font-weight: bold;
}
.views-table thead a img {
	margin-left: 5px;
}
.views-field .commerce-add-to-cart {
	margin-bottom: 2px;
}
.block-search-api-sorts h2 {
	float: left;
	margin-right: .2em;
}
.search-api-sorts {
	float: left;
	width: 120px;
}
.views-widget .form-item, .views-exposed-widgets, .views-exposed-widget .form-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin:	0;
}
.view-search-products img,
.view-product-search .views-row > .views-field-field-image-hard-link {
	width: 100px;
	margin-top: 6px;
}
.view-search-products .views-row > .views-field-commerce-price,
.view-product-search .views-row > .views-field-commerce-price  {
	-webkit-box-flex: 1;
}
.views-widget .form-item select.form-select, .views-exposed-widget .form-item select.form-select {
	width: auto;
}
.views-widget .form-item label, .views-exposed-widget .form-item label {
	padding: 6px 10px 0 0;
}
.views-widget .form-item select {
	margin-right: 35px;
}
.block-mefibs {
	margin-top: 10px;
}
#block-system-main {
	clear: both;
	float: none;
}
.views-fluid-grid .views-field-title-1, .views-fluid-grid .views-field-title {
	height: 49px;
}
.view-landing-instruments img {
	max-width: 100%;
}
/*.block-addtoany {
	display: -webkit-flex;
	display: flex;
	float: right;
	margin-bottom: 1em;
}*/
ul.specs, ul.details, ul.contributors {
	margin-bottom: 0px;
}
div.views-field-field-image {
	height: 280px;
	position: relative;
}
/*div.views-field-field-image span {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}*/
.views-fluid-grid img {
	max-height: 280px;
	max-width: 280px;
}
.views-fluid-grid li {
	height: 360px;
}
.product-tile-title {
	height: 50px;
}
.product-tile-image {
	height: 280px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

/*----------------------------------------------- */
/* Display Suite Overrides */
/*----------------------------------------------- */
.group-left {
	width: 100%;
}
.group-right {
	margin-left: 40px;
}
.group-row {
    -webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/*----------------------------------------------- */
/* Product Display */
/*----------------------------------------------- */
/* -------------- Fix Titles ------------------*/
.node-type-instruments .page-title, .node-type-accessories .page-title, .node-type-print-music .page-title {
	display: none;
}
h2.mobile-title {
	display: none;
}

/* Price Formatter*/
.field-commerce-price {
	color: #E76C1F;
	font: 32px "Noto Serif", Times New Roman, sans-serif;
	font-weight: bold;
}
.field-commerce-price .field-label {
	display: none;
}

/*----- Tabs -----*/
.product-tabs {
	width: 100%;
	display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.product-links:after {
	display: block;
	clear: both;
	content: '';
}
ul.product-links {
	margin: 0 0 10px 0;
}
.product-links li {
	margin-right: 20px;
	float: left;
	list-style: none;
}
.product-links a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #242424;
}
.product-links a:hover {
	text-decoration: underline;
	color: #e76c1f;
}
.product-links li.active a, .product-links li.active a:hover {
	text-decoration: underline;
	color: #e76c1f;
}

/*----- Content of Tabs -----*/
.product-content {
	padding: 0;
}
.product-content h2 {
	display: none;
}
.tab {
	display: none;
}
.tab.active {
	display: block;
}

/* Stock Availability */
.deliver, .collect, .store {
	height: 50px;
	width: 60px;
	float: left;
	margin-right: 15px;
}
.stock-yes, .stock-no {
	margin-top: 20px;
}
.stock-yes .deliver {
	background: url(images/deliver-yes-sm.png) no-repeat;
	background-position: center;
	background-size: auto 33px;
}
.stock-no .deliver {
	background: url(images/deliver-no-sm.png) no-repeat;
	background-position: center;
	background-size: auto 33px;
}
.stock-yes .collect {
	background: url(images/collect-yes-sm.png) no-repeat;
	background-position: center;
	background-size: auto 35px;
}
.stock-no .collect {
	background: url(images/collect-no-sm.png) no-repeat;
	background-position: center;
	background-size: auto 35px;
}
.store-yes .store {
	background: url(images/store-yes-sm.png) no-repeat;
	background-position: center;
	background-size: auto 33px;
}
.store-no .store {
	background: url(images/store-no-sm.png) no-repeat;
	background-position: center;
	background-size: auto 33px;
}
.stock-no, .store-no {
	color: #999;
}
.deliver-wrapper, .collect-wrapper, .store-wrapper, .store-info {
	display: block;
	width: 320px;
}
.store-wrapper {
	margin-bottom: 10px;
}
.shipping-title {
	font-weight: bold;
	padding-top: 2px;
	font-size: 16px;
}
.message {
	line-height: 1;
}
.store-now {
	color: #51b64c;
	font-weight: bold;
}
.store-info {
	font-weight: bold;
	padding-top: 2px;
}
.form-item-quantity, .attribute-widgets .form-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.form-item-quantity label, .attribute-widgets label {
	padding-top: 4px;
	margin-right: 10px;
}
.form-item-quantity input.form-text {
	width: 40px;
}
.attribute-widgets select.form-select {
	width: auto;
}

/* Rent to Buy */
.rental {
	width: 160px;
	height: 42px;
	margin-left: 14px;
}
.flex-rental {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-rental p {
	margin: 0;
}
/* Studio19 Overrides */
#studio19-widget {
	padding: 0;
}

/* Product Display Images */
.commerce-product-field-field-image {
	width: 100%;
}
.fleximg {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.product-images img, .fleximg img {
	max-height: 280px;
	width: auto;
}
.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
	display: block!important;
}
/*.flexslider .flex-direction-nav a {
  display: block;
  opacity: 1;
}*/
/*.flexslider {
    width: 280px;
    margin-bottom: 0;
    max-height: 280px;
    box-sizing: border-box;
}
.flexslider .slides, .flexslider .slides > li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flexslider .slides img {
    width: 280px;
    height: 280px;
}
.flexslider .slides li {
    position: relative;
    max-height: 280px;
}*/

/* Facet Search Filter Overrides */

#sidebar ul li {
	list-style-image: none;
	list-style-type: none;
}

/*----------------------------------------------- */
/* =Footer */
/*----------------------------------------------- */

#footer, #footer button {
	clear: both;
	font: 13px "Noto Sans", Helvetica, sans-serif;
}

#footer-top {
	background: #F5F6F5;
	color: #242424;
	padding: 30px 0;
	overflow: hidden;
}
#footer-top button {
	font-weight: bold;
	height: 40px;
	width: 159px;
	padding-bottom: 10px;
	margin-top: 7px;
}
#footer-top h2 {
	margin: 0;
}
#footer-top p {
	font-size: 18px;
}
.subscribe h2 {
	font: 38px "Noto Serif", Helvetica, sans-serif;
}

#footer-middle {
	background-color: #242424;
	color: #fff;
}
#footer-middle h2 {
	font-size: 13px;
	margin: 23px 0;
}
#footer h3 {
	color: #E96D1F;
	font-size: 13px;
	margin-top: 20px;
}
#footer p {
	margin-bottom: 0;
}
#footer a {
	color: #fff;
	font-weight: normal;
}
.column-content {
	display: block;
}
#footer a:hover {
	color: #eb6e1f;
}
#footer-middle .wrapper {
	padding: 30px 0 0 0;
}
#footer-middle .wrapper, #footer-top .wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
  	justify-content: space-between;
}
#footer-top .wrapper {
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
}
#footer-middle .wrapper {
  	-webkit-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
.footer-column1 {
	-webkit-flex: 1;
	line-height: 21px;
}
.footer-column2 {
	-webkit-flex: 2;
	flex: 2;
}
.footer-top-first {
	margin-right: auto;
}
.footer-top-second, .footer-top-third {
	margin: 0 auto;
}
.footer-top-fourth {
	margin-left: auto;
}
#footer .newsletter h2 {
	color: #eb6e1f;
}
.hours {
	margin-top: 10px;
}
.brand-first {
	display: -webkit-box;
	-webkit-box-pack: start;
}
.brand-last, .footer-top-fourth {
	display: -webkit-box;
	-webkit-box-pack: end;
}
.brand {
	display: -webkit-box;
	-webkit-box-pack: justify;
}
#footer-bottom {
	background-color: #242424;
}
#footer-bottom > .wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 11px;
	overflow: hidden;
	padding: 30px 0;
}
/*.copyright {
	display: block;
	float: left;
	padding-bottom: 30px;
}
.social-links {
	color: #fff;
	float: right;
	margin-top: -6px;
}*/

/* Social Profile */
.social-profile {
	position: absolute;
	left: 49%;
}
.social-profile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-profile ul li {
	float: left;
}
.social-profile ul li a {
	display: block;
	/*background: url("images/social-profiles.png") no-repeat right top;*/
	width: 40px;
	height: 40px;
 /* -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
/* transition
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
*/
	text-indent: -99999px;
}
.social-profile ul li a:hover{
	background-position: 0px -40px !important;
}
.social-profile ul li a:active {
	-moz-box-shadow: inset 0 0 6px #000;
	-webkit-box-shadow: inset 0 0 6px #000;
	box-shadow: inset 0 0 6px #000;
}
.social-profile ul li.facebook a {
	background: url(images/facebook.png) no-repeat 0 0;
}
.social-profile ul li.facebook a:hover {
	background-color: rgb(59, 89, 152);
}
.social-profile ul li.twitter a {
	background: url(images/twitter.png) no-repeat 0 0;
}
.social-profile ul li.twitter a:hover {
	background-color: rgb(72, 196, 210);
	background-position: 0px -40px !important;
}
.social-profile ul li.you-tube a {
	background: url(images/youtube.png) no-repeat 0 0;
}
.social-profile ul li.you-tube a:hover {
	background: url(images/youtube.png) no-repeat 0 0;
}
.social-profile ul li.google-plus a {
	background: url(images/google.png) no-repeat 0 0;
}
.social-profile ul li.google-plus a:hover {
	background-color: rgb(244, 87, 80);
}
.social-profile ul li.rss a {
	background: url(images/rss.png) no-repeat 0 0;
}
.social-profile ul li.rss a:hover{
	background-color: rgb(254, 153, 0);
}
.social-profile ul li.linkedin a {
	background: url(images/linkedin.png) no-repeat 0 0;
}

.social-profile ul li.pinterest a {
	background-position: -484px 0;
}
.social-profile ul li.flickr a {
	background-position: -440px 0;
}
.social-profile ul li.tumblr a {
	background-position: -220px 0;
}


/* -------------- Form Elements  ------------- */

fieldset {
	background: #ffffff;
	border: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom: 32px;
	padding: 0;
	position: relative;
	top: 12px; /* Offsets the negative margin of legends */
	-khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

.fieldset-wrapper { margin: 34px 0 10px; }

.node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; }

.filter-wrapper { top: 0; padding: 1em 0 0.2em;
-khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.filter-help a { font-size: 0.857em; padding: 2px 20px 0; }

.filter-wrapper .form-item label { margin-right: 10px; }

.filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; }

.filter-guidelines { padding: 0 1.5em 0 0.5em; }

fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0;  -webkit-border-radius: 0; border-radius: 0; }

fieldset legend {
	color: #fff;
	background: #555;
	border: 1px solid #555;
	border-bottom: none;
	display: block;
	left: -1px;
	padding: 5px 0;
	position: absolute;
	text-indent: 10px;
	text-shadow: none;
	top: -12px; width: 100%;
	-khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

fieldset.collapsed legend { -khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

fieldset .fieldset-wrapper { padding: 0 10px; }

fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; font-style: italic; }

input { margin: 0; padding: 4px; }

textarea { line-height: 1.5; }

textarea.form-textarea, select.form-select { padding: 4px 4px 4px 0; }

input.form-text, textarea.form-textarea, select.form-select, .school_programs select {
	border: 1px solid #ccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 33px;
	width: 100%;
}

.password-suggestions ul li { margin-left: 1.2em; }

.form-item { margin-bottom: 1em; margin-top: 2px; }

.form-actions{ margin: 0; padding: 0; }

.form-type-radio label, .form-type-checkbox label { margin-left: 4px; }

.form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; }

/* Contact Form */

.contact-form #edit-name { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.contact-form #edit-mail { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.contact-form #edit-subject { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.contact-form #edit-message { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-top-left-radius: 0; -khtml-border-top-right-radius: 0; -moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;
border-top-left-radius: 0; border-top-right-radius: 0; }

.contact-form .resizable-textarea .grippie {  width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-khtml-border-bottom-left-radius: 0; -khtml-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

/* Comment form */

.comment-form label { float: left; font-size: 0.929em; }

.comment-form input, .comment-form .form-select { margin: 0;
-khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.comment-form .form-type-textarea label { float: none; }

.comment-form .form-item,
.comment-form .form-radios,
.comment-form .form-type-checkbox,
.comment-form .form-select { margin-bottom: 10px; overflow: hidden; }

.comment-form .form-type-checkbox,
.comment-form .form-radios { margin-left: 120px; }

.comment-form .form-type-checkbox label,
.comment-form .form-radios label { float: none; margin-top: 0; }

.comment-form input.form-file { width: auto; }

.comment-form .form-text { display: block; margin: 0; width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.comment-form .form-item .description { font-size: 0.786em; line-height: 1.2; margin-left: 120px; }

#content h2.comment-form { margin-bottom: 0.5em; }

.comment-form .form-textarea { -khtml-border-radius-topleft: 0; -khtml-border-radius-topright: 0;
-moz-border-radius-topleft: 0; -moz-border-radius-topright: 0;
-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;
border-top-left-radius: 0; border-top-right-radius: 0; }

.comment-form fieldset.filter-wrapper .fieldset-wrapper,
.comment-form .text-format-wrapper .form-item { margin-top: 0; margin-bottom: 0; }

.filter-wrapper label { width: auto; float: none; }

.filter-wrapper .form-select { min-width: 120px; }

.comment-form fieldset.filter-wrapper .tips { font-size: 0.786em; }

#comment-body-add-more-wrapper .form-type-textarea label { margin-bottom: 0.4em; }

#edit-actions input { margin-right: 20px; }

/* Other Overrides */

.checkout-buttons {
	top: 0;
	margin-bottom: 20px;
}
#edit-checkout {
	margin-right: 0 !important;
}

.checkout-buttons .fieldset-wrapper {
	margin: 1em 0;
}
.search-results .search-info {
	display: none;
}

div.password-suggestions { border: 0; }

.ui-widget-overlay { background: #222222; opacity: 0.7; }

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane { padding: 1em; }

#forum .name { font-size: 1.083em; }

#forum .description { font-size: 1em; }

/* Form Buttons */

.checkout-buttons .checkout-cancel,
.checkout-buttons .checkout-back,
button, .button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #e76c1f;
	border: none;
	border-radius: 1px;
	color: #fff;
	position: relative;
	font-weight: bold;
	padding: 10px 30px;
	text-transform: uppercase;
	-webkit-appearance: none;
}

.checkout-buttons .checkout-cancel:hover,
.checkout-buttons .checkout-back:hover,
button:hover, .button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #555555;
	color: #eb6e1f;
	cursor: pointer;
	text-decoration: none;
}

.on-request input[type="submit"]:hover,
.out-of-stock input[type="submit"]:hover {
	cursor: default;
	background: #eb6e1f;
	color: #fff;
}

button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }

#block-views-exp-site-search-page,
#block-views-exp-product-search-page,
#block-views-exp-search-products-page,
#block-search-form {
/*	position: absolute;
	top: 50px;
	right: 0;*/
}

#block-views-exp-site-search-page .form-item,
#block-views-exp-search-products-page .form-item,
#block-views-exp-product-search-page .form-item {
	margin: 0;
	float: left;
}
#block-search-form .content { margin-top: 0; }

#block-views-exp-site-search-page input,
#block-views-exp-product-search-page input,
#block-views-exp-search-products-page input,
.views-widget .form-item input,
#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input {
	font-size: 16px;
	height: 42px;
	border: none;
	width: 307px;
}
.views-widget .form-item input {
	width: 13em;
}
.popup input[type="text"], .popup input[type="password"] {
	width: 100%;
}
#views-exposed-form-search-products-page {
	border: 1px solid #ccc;
	border-radius: 2px;
}
.views-exposed-form .views-exposed-widget {
	padding: 0;
}

#block-views-exp-site-search-page input.form-submit,
#block-views-exp-product-search-page input.form-submit,
#block-views-exp-search-products-page input.form-submit,
#edit-submit-site-search,
#edit-submit-product-search,
#edit-submit-search-products,
#search-block-form input.form-submit,
#search-form input.form-submit {
	margin-left: 0;
	margin-right: 0;
	top: 8px;
	height: 25px;
	width: 34px;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/search-button.png) no-repeat center top;
	overflow: hidden;
}
#edit-submit-product-search,
#edit-submit-search-products,
#edit-submit-site-search {
	margin-top: 0;
}
/*#block-views-exp-site-search-page input[placeholder] {
	color: transparent;
}
*/
#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus {
	background-position: center bottom;
}

#search-form .form-item-keys label {
	display: block;
}

ol.search-results {
	padding-left: 0;
}

.view-site-search .view-content {
	margin-left: 16px;
}
.view-search-products .views-row, .view-product-search .views-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.search-results li, .view-site-search .views-row,
.view-search-products .views-row,
.view-product-search .views-row {
	border-bottom: 1px solid #d3d7d9;
	padding-bottom: 0.4285em;
	margin-bottom: 0.5em;
}

.search-results li:last-child, .view-site-search .views-row-last,
.view-search-products .views-row-last,
.view-product-search .views-row-last {
	border-bottom: none;
	padding-bottom: none;
	margin-bottom: 1em;
}

.search-results .search-snippet-info { padding-left: 0; }

.submitted {
	background: #E7E5E3;
	padding: .2em 1em;
	border-radius: 0;
	clear: both;
	display: inline-block;
	margin-bottom: .5em;
	font-size: .8em;
}

.links li a {
	background-color: #E7E5E3;
	color: #100100;
	padding: 4px 5px;
	border-radius: 0;
	text-shadow: none;
	font-weight: normal;
}

.links li a:hover {
	background-color: #D7D5D3;
	color: #100101;
}

/* Form Button Overrides*/

.button-operator {
	padding: 0 20px;
}

/*------------------------------------*/
/* Product Display Overrides*/
/*------------------------------------*/
.field-type-commerce-price {
	display: inline-block;
}
/*
.field-type-commerce-price .field-item::after,
.views-field-commerce-price .field-content::after {
    content: " (inc GST)";
}
.field-name-commerce-order-total .field-item::after {
	content: "" !important;
} */
.field-type-taxonomy-term-reference, .field-type-commerce-product-reference {
	margin-bottom: 10px;
}
.field-name-commerce-order-total {
	display: block !important;
}
.commerce-add-to-cart {
	margin-top: 10px;
}

/* Commerce Review Order Overrides */
table.checkout-review .pane-data-full {
	padding: 10px;
}
.commerce-order-handler-area-order-total .commerce-price-formatted-components {
	margin-bottom: 0;
}
.checkout-help {
	margin-bottom: 10px;
}
table.checkout-review .pane-title td {
	padding-left: 10px;
}
.views-field-commerce-total {
	text-align: right;
}

/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
#content table.cke_editor {
	background: transparent;
	border: 0;
}
#content table.cke_editor td {
	background: transparent;
	padding: 0;
	border: 0;
}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/
.poll .vote-form .choices .title {
	font-size: 14px;
	font-weight: normal;
	line-height: 2;
}

.poll .vote-form .choices {
	margin: 0;
}

.form-item label {
	font-weight: bold;
}

/*-------------------------------------------*
/* Menus and item lists
/*-------------------------------------------*/
.item-list ul {
	margin: 0;
	padding: 0;
}

.item-list ul li {
	margin: 0;
	padding: 0;
}
.item-list ul li ul li {
	margin-left: 16px;
}

ul.menu li {
	margin: 0;
	padding: 0;
}

ul.inline {
	clear: both;
}

ul.inline li {
	margin: 0;
	padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {
	border-bottom: 1px solid #b7b7b7;
	margin: 0 0 5px 0;
}

ul.primary {
	border: none;
	margin: 0;
	padding: 0;
}

ul.primary li a {
	background: none;
	border: none;
	display: block;
	float: left;
	line-height: 1.5385em;
	margin: 0;
	padding: 0 1em;
	border-radius: 0;
	margin-right: 5px;
}

ul.primary li a:hover, ul.primary li a.active {
	background: #666;
	border: none;
	color: #fff;
}

ul.primary li a:hover {
	background: #888;
	text-decoration: none;
}

ul.secondary {
	background: #666;
	border-bottom: none;
	clear: both;
	margin: 0;
	padding: 0;
}

ul.secondary li {
	border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
	border: none;
	color: #ccc;
	display: block;
	float: left;
	line-height: 1.5385em;
	padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
	background: #888;
	color: #fff;
	text-decoration: none;
}

ul.secondary a.active {
	border-bottom: none;
}

ul.inline, ul.links.inline {
	margin-left: 0;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {
	margin: 0 0 10px 0;
}

.field-name-field-tags a{
	-moz-transition: opacity 0.2s ease-in-out 0s;
	background: none repeat scroll 0 0 rgb(38, 156, 203);
	color: #FFFFFF !important;
	line-height: 1em !important;
	margin-bottom: 3px;
	margin-right: 3px;
	opacity: 0.9;
	padding: 4px 6px;
	font-size: .8em;
}

.field-name-field-tags a:hover{
	opacity: 1;
}

.field-name-field-tags div {
	display: inline;
}

#main .field-label{
	color: #333;
}

#main .field-items .field-item{
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
	margin: 1.5385em 0;
}

.profile dd {
	margin-bottom: 1.5385em;
}

.profile h3 {
	border: none;
}

.profile dt {
	margin-bottom: 0;
}

.password-parent {
	width: 36em;
}

/* Comments */

.comment h2.title { margin-bottom: 1em; }

.comment div.user-picture img { margin-left: 0; }

.comment { margin-bottom: 20px; display: table; vertical-align: top; }

.comment .attribution { display: table-cell; padding: 0 35px 0 0; vertical-align: top; overflow: hidden; }

.comment .attribution img { margin: 0; border: 1px solid #d3d7d9; }

.comment .attribution .username { white-space: nowrap; }

.comment .comment-submitted p { margin: 4px 0; font-size: 1.071em; line-height: 1.2; }

.comment .comment-submitted .comment-time { font-size: 0.786em; }

.comment .comment-submitted .comment-permalink { font-size: 0.786em; text-transform: lowercase; }

.comment .content { font-size: 0.929em; line-height: 1.6; }

.comment .comment-arrow { background: url(images/comment-arrow.gif) no-repeat 0 center transparent;
border-left: 1px solid; border-right: 1px solid; height: 40px; margin-left: -36px; margin-top: 15px; position: absolute; width: 20px; }

.comment .comment-text { padding: 0 25px 10px 35px; display: table-cell; vertical-align: top; position: relative; width: 100%; border-left: 1px solid #d3d7d9; }

.comment .indented { margin-left: 40px; }

.comment-unpublished { margin-right: 5px; padding: 5px 2px 5px 5px; }

.comment .comment-text .comment-arrow { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }

/*-------------------------------------------*
/* Navigation
/*-------------------------------------------*/
.item-list .pager {
	margin-top: 14px;
}

.item-list .pager li {
	background: #555;
	margin-right: 4px;
	color: #eb6e1f;
}
.item-list .pager a {
	color: #fff;
}
.item-list .pager a:hover {
	color: #eb6e1f;
}

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
	display: inline;
	margin-top: 4px;
}

.field-name-taxonomy-forums .field-items {
}

#forum .title {
	font-size: 16px;
}

#forum .submitted {
	font-size: 12px;
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	background: transparent;
	padding: 0;
}

#forum .container {
	background: #a1a1a1;
	color: #fff;
}

#forum .container a {
	color: #000;
	font-weight: bold;
}

#forum div.indent {
	margin-left: 2px;
}

.forum-starter-picture {
	float: left;
	padding: 4px;
	border: 1px solid #d9d9d9;
	margin: 5px 7px 5px 0;
}

#forum th {
	background: #434343;
	text-shadow: none;
	color: #fff;
}

#forum th a {
	color: #fff;
}

#forum td.forum .icon, #forum .icon div {
	background: url(images/no-new-posts.png) no-repeat;
	width: 35px;
	height: 35px;
}

#forum .name a{
	font-size: 16px;
}

/*-----------------------------------*/
/* Font Awesome Overrides*/
/*-----------------------------------*/
#header .fa-stack, #footer .fa-stack {
	right: -4px;
	padding-left: 4px;
}

/*@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("/sites/all/themes/finemusic/fa-solid-900.woff") format("woff"); }

.fa,
.fas {
  	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
  	font-size: 19px;
}
.fa-phone:before {
  content: "\f095";
}
.fa-user:before {
  content: "\f007";
}
.fa-shopping-cart:before {
  content: "\f07a";
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("/sites/all/themes/finemusic/fa-brands-400.woff");

.fab {
  font-family: 'Font Awesome 5 Brands';
}
.fa-facebook-f:before {
	content: "\f39e";
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("/sites/all/themes/finemusic/fa-regular-400.woff");
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
.fa-circle:before {
  content: "\f111";
}*/

/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */
@media screen and (max-width: 1260px) {
	.wrapper {
		max-width: 1000px;
	}
	#front-images {
		margin: 20px 0;
		width: 100%;
	}
	#front-images .flex-row1 img {
		max-height: 336px;
	}
	#front-images .flex-row2 img {
		width: 232px;
		height: 86px;
	}
	.shop-tile img {
		width: 232px;
	}
	.single-tile .shop-tile img {
		width: 100%;
	}
	#content {
		width: 71%;
	}
}

@media screen and (max-width: 1060px) {
	.wrapper {
		max-width: 900px;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 94px;
	}
	#front-images .flex-row1 img {
		max-height: 303px;
	}
	#front-images .flex-row2 img {
		width: 209px;
		height: 74px;
	}
	.shop-tile img {
		width: 209px;
	}
	.left-text {
		font-size: 20px;
		width: 110px;
	}
	#content {
		width: 69%;
		margin-left: 10px;
	}
	.brands {
		-webkit-flex-wrap: wrap;
		-webkit-justify-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around;
	}
}

@media screen and (max-width: 920px) {
	/*  ipad */
	.wrapper {
		max-width: 706px;
	}
	/* Simplify the basic layout */
	#main #content {
		float: none;
		width: auto;
	}
	#content {
		margin-left: 20px;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 137px;
	}
	#main #sidebar {
		float: none;
		margin-right: 20px;
		width: auto;
	}
	#header #main-menu > ul.menu a {
			padding: 0 0.83em;
	}
	#header #main-menu > ul.menu ul a {
			padding: 10px 0.83em;
	}
	#search-bar input {
		width: 180px;
		height: 36px;
	}
	#contact-details {
		font-size: 16px;
	}

	#preface-block-wrap.in2 .preface-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#preface-block-wrap.in3 .preface-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#footer-block-wrap.in1 .footer-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#footer-block-wrap.in2 .footer-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#footer-block-wrap.in3 .footer-block {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#footer-area h3 {
		font-size: 16px;
	}
	.region-sidebar-first {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-webkit-justify-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.map iframe {
		width: 420px;
	}
	#front-images .flex-row1 img {
		max-height: 238px;
	}
	#front-images .flex-row2 img {
		width: 164px;
		height: 60px;
	}
	.left-text {
		font-size: 18px;
		width: 100px;
	}
	.shop-row.multi-tiles {
		margin-top: 10px;
	}
	.shop-row .left-text {
		font-size: 26px;
	}
	.center-text .tile-overlay {
		font-size: 24px;
	}
	.ds-2col-stacked-fluid > .group-left {
		width: 50%;
	}
	.ds-2col-stacked-fluid > .group-right {
		width: 45%;
	}
	.current-sale img {
		width: 100%;
	}
	.group-row {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.group-left {
		width: 100%;
	}
	h2.title {
		display: none;
	}
	h2.mobile-title {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	/*  small tablet */
	.wrapper {
		max-width: 480px;
	}
	.shipping-block {
		padding: 0;
	}
	#shipping {
		padding-right: 0;
		padding-left: 106px;
	}
	#responsive-menu-button {
		display: block;
	}
	#navigation {
		border: none;
		width: auto;
	}
	#main-menu {
		display: none;
	}
	#search-bar {
		order: 2;
		margin: 0 auto
	}
	#search-bar input {
		width: 284px;
	}
	#contact-details {
		display: none;
	}
	#cart-popup {
		right: -10px;
	}
	.popup-arrow {
		right: 27px;
	}

	/* sidr override*/
	 .sidr select {
	 	display: none !important;
	 }
	 .sidr ul li ul li ul li a {
	 	padding-left: 45px;
	 }
	 #sidr-main.sidr ul li ul li {
	 	font-size: 14px;
	 }
	 #sidr-main.sidr ul li ul li ul li {
	 	font-size: 13px;
	 }

	/* Product search bar */
	#mobile-search .views-exposed-widgets {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-justify-content: flex-end;
		-webkit-box-pack: end;
		justify-content: flex-end;
	}
	#mobile-search input[type="text"] {
		width: 100%;
		margin-left: 0;
	}

	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body {
		padding: 0;
	}
	#header,
	#footer-bottom {
		border-radius: 0;
	}
	#main,
	#footer-block-wrap {
		padding-top: 1em;
	}
	#site-name {
		font-size: 28px;
		line-height: 38px;
	}
	h2 {
		font-size: 28px;
	}
	.logo img {
		max-width: 140px;
	}
	#shipping {
		-webkit-justify-content: flex-end;
		-webkit-box-pack: end;
		justify-content: flex-end;
	}
	#shipping img {
		margin-right: 14px;
	}
	#header .social-profile {
		top: 2em !important;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 82px;
	}
	#slider {
		margin-bottom: 0em;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-name {
		padding: 0;
	}
	#site-name,
	#site-slogan {
		margin-right: 0;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Blocks and Views */
	.block-search-api-context, .view-filters {
		padding: 0;
	}

	.contacts {
		padding: .8em .5em;
	}
	.social-profile {
		float: right;
		position: relative;
		left: auto;
		margin-bottom: -1px;
	}
	.social-profile ul li {
		display: inline-block;
		float: none;
	}

	/* Footer */
	#footer-bottom .wrapper {
		flex-direction: column;
		text-align: center;
	}
	#footer-area {
		padding: 1em 20px;
	}
	#footer-top .wrapper, #footer-middle .wrapper {
		flex-direction: column;
		text-align: center;
	}
	#footer-middle .wrapper {
		padding: 0;
	}
	#footer-top h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	#footer-middle h2 {
		margin: 0;
		padding: 16px 0;
		border-bottom: 2px solid #707070;
		cursor: pointer;
	}
	#footer-middle h2:hover {
		color: #eb6e1f;
	}
	.current {
		color: #eb6e1f;
	}
	.column-content {
		padding: 16px 0;
		border-bottom: 2px solid #707070;
	}
	#footer-top p {
		font-size: 14px;
		margin-bottom: 13px;
	}
	.column-content {
		display: none;
	}
	#footer-middle img {
		margin-top: 20px;
	}
	#footer-bottom .wrapper {
		flex-direction: column-reverse;
		-webkit-align-items: center;
		align-items: center;
		padding: 30px 0;
	}
	.copyright {
		margin-top: 20px;
	}
	.ds-2col-fluid > .group-right {
		float: right;
	}
	.map iframe {
		width: 452px;
		margin-bottom: 10px;
	}
	/* Front page images */
	.flex-row1 {
		display: none;
	}
	#front-images .flex-row2 img {
		width: 232px;
		height: 90px;
	}
	.flex-container {
		margin-bottom: 10px;
	}

	/* Shop page images*/
	.multi-tiles {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#shop-images .multi-tiles .flex-tile {
		width: 230px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	#shop-images .multi-tiles .flex-tile img {
		margin-top: -57px;
	}
	#shop-images .multi-tiles .flex-tile {
		width: 230px;
		height: 110px;
	}
	.multi-tiles .flex-container {
		margin-right: 0;
	}
	.shop-row.multi-tiles {
		margin-top: 0;
	}

	/* Brands */
	.brands {
		-webkit-flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.brands img {
		margin-bottom: 10px;
	}

	/* Product pages */
	.deliver-wrapper, .collect-wrapper, .store-wrapper, .store-info {
		width: 280px;
	}
	.flexslider {
		width: 480px;
	}
	.easy-breadcrumb {
		display: none;
	}
	.field-commerce-price {
		font-size: 24px;
	}
	.current-sale {
		height: 100%;
		margin-bottom: 0;
	}
	#content-wrap {
		margin:	0;
	}
}

@media screen and (max-width: 539px) {
	/*  iphone */
	.wrapper {
		max-width: 320px;
	}
	#site-name {
		font-size: 26px;
		line-height: 36px;
	}
	#site-slogan {
		font-size: 12px;
	}
	.site-logo {
		text-align: center;
	}
	#shipping {
		display: none;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 57px;
	}
	#content {
		margin-left: 6px;
		margin-right: 6px;
	}
	.social-profile {
		float: left;
		position: relative;
		left: auto;
	}
	.comment .attribution, .comment .comment-text {
		display: inline-block;
	}
	.map iframe {
		width: 280px;
	}
	#front-images .flex-row2 img {
		max-width: 320px;
		width: 100%
	}
	.repairs {
		display: none;
	}
	.footer-top-second {
		margin-right: 0;
	}
	.footer-top-third {
		margin-left: 0;
		margin-right: auto;
	}
	.footer-top-fourth {
		width: auto;
		text-align: left;
	}
	/* Shop page images*/
	.multi-tiles {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#shop-images .multi-tiles .flex-tile {
		width: 150px;
		height: 96px;
		overflow: hidden;
	}
	#shop-images .multi-tiles .flex-tile img {
		width: 150px;
		margin-top: -23px;
	}
	#shop-images .shop-row .left-text {
		margin-left: 10px;
		font-size: 22px;
	}
	#shop-images .center-text .tile-overlay {
		font-size: 20px;
	}
	.flexslider {
		width: 320px;
	}
	.group-right {
		margin-left: 0;
	}
	input[type="submit"] {
		padding: 10px 26px;
	}
	#cart-popup {
		right: -38px;
	}
	.popup-arrow {
		right: 56px;
	}
}
@media screen and (max-width: 319px) {
	/* small phone */
	.wrapper {
		max-width: 100%;
	}
	.wrapper {
		margin-top: 0;
	}
	#header {
		border-top: none;
	}
	input[type="text"] {
		width: 98%;
	}
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 45px;
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	.wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#header {
		border-top: none !important;
		padding: 0;
	}
	#header hgroup {
		margin: 0;
	}
	#site-name a {
		font-size: 21pt;
	}
	#site-slogan {
		font-size: 10pt;
	}
	#header img {
		display: none;
	}
	#navigation {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.widget-area {
		display: none;
	}
	#footer-bottom {
		display: none;
	}
}

body.cke_editable {
	background: #fff;
}