@media only print {
	.printhide {display:none;}	
	#site-wrapper {padding:0;margin:auto;}
	h1.super {font-size:68px; font-style:italic; color:#000000; text-align:center;border:2px #000000 solid; margin-bottom:10px; margin-top:0;}

	#navbar {display:none;}
	#mobileNavigation {display:none;}
	.h1 {margin-block-start: 0.01em !important}
	.pagecontent p {padding:0 !important; max-width:100% !important;}

	#footerL, #footerMid, #footerR {display:none;}
	.instFinish19 {display:none;}
	.instMel19 {height:300px !important; border-radius:24px; }
	.instMel19Large {height:500px !important;}
	
}

@media only screen and (max-width:960px) 	{
	#site-wrapper {padding:0;margin:auto; max-width:94%; } /* 94% =/= 900px */
	h1.super {font-size:54px; font-style:italic; color:#000000; text-align:center;background-color:#e6e6e6; width:100%;border:2px #000000 solid; margin-bottom:10px; }
	#navbar {display:none;}
	#mobileNavigation {display:block; width:80%; margin:auto; text-align:center; padding-bottom:20px;}
	#mobileNavigation p {display:block; max-width:300px; margin:auto; padding:5px; background-color:#e6e6e6; color:#000000; line-height:200%; font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:center;}
	.navTop, .navTopP, .navTopW {padding:3px 0; margin:auto;  width:300px; text-align:center; font-family:"Times New Roman", Times, serif; font-size:120%; font-weight:bold; display:block; line-height:1.25em; color:#000000; border:thin black solid;}
	.navTopFB {padding:3px 0; margin:auto;  width:45px; text-align:center; font-family:"Times New Roman", Times, serif; font-size:120%; font-weight:bold; display:block; line-height:1.25em; color:#000000; border:thin black solid;}
	.narrowNav {display:block;}
	.wideNav {display:none;}
		
	#footerL {display:block; margin:auto; text-align:center;}
	#footerMid {display:block; margin:auto; text-align:center;}
	#footerR {display:block; margin:auto; text-align:center;}

	.w60l, .w60r {display: block !important; width: 100% !important; }
	.w40r, .w40l {display: block !important; width: 100% !important; }
	.w40c {display: block !important; width: 100% !important;}
	.w30 {display: block !important; width: 75% !important; align:center; padding-top:25px; margin: auto;}	
	.w50 {display: block !important; width: 75% !important; align:center; padding-top:25px; margin: auto;}
	.w80j {width: 95%; text-align: justify; margin: auto;}
	.bbRow	 {width: 90%; display: block;}
	.bbTime  {width: 100px; text-align: left; vertical-align: top;}
	.bbEvent {clear:left; width: 80%; padding-left: 30px; text-align: left;}
	.col2 {display: block; margin: auto;}
}

@media only screen and (max-width:1000px)	{
	.bannermid {display:block; margin: auto;}
	.bannerwide{display:none;}
}
@media only screen and (max-width:1369px) and (min-width:1001px)	{
	.bannermid {display:inline-block; max-width:400px; margin: auto; vertical-align: middle;}
	.bannerwide{display:inline-block; max-width: 200px; vertical-align: middle;}
	.p20l {padding-left: 20px;}
}
@media only screen and (min-width:1370px)	{
	.bannermid, .bannerwide {display:inline-block; vertical-align: middle;}
	.p20l {padding-left: 40px;}
}



@media only screen and (max-width:400px)	{
	h1.super {font-size:32px; font-style:italic; color:#000000; text-align:center;background-color:#e6e6e6; width:100%;border:2px #000000 solid;  margin-bottom:10px;}
	#navbar {display:none;}
	}
	
	
@media only screen and (min-width:961px)	{
		body {background-color:#E6E6E6 !important;} /* was fafafa */
		#site-wrapper {padding:0;margin:auto; max-width:85%; background-color:#e6e6e6; } /* was ffffff - border:1px black solid; */
	h1.super {font-size:68px; font-style:italic; color:#000000; text-align:center;background-color:#e6e6e6; border:2px #000000 solid; margin:auto; width:600px;  margin-bottom:10px; margin-top:10px;}
	#navbar {margin:auto; font-size:120%; max-width:955px; text-align:center;}
	#mobileNavigation {display:none;}

	.navGen		 {padding:3px 5px 0 5px; max-width:16%;  margin:auto;  text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold; display:inline-block; line-height:1.25em; color:#000000; vertical-align:top; }
	.navSecond 	{max-width:20% !important; padding:3px 15px 0 15px !important;}
	.navTopP	{max-width:25% !important; padding:3px 25px 0 25px !important;}
	.wideNav {display:inline-block;}
	.narrowNav {display:none;}
	.center {margin:auto; text-align:left;}

	#footerL {width:35%; display:inline-block; margin:auto; text-align:left;}
	#footerL p {width:100%; text-align:left; margin-left:20px;}
	#footerMid {width:27%; display:inline-block; margin:auto; text-align:center;}
	#footerR {width:35%; display:inline-block; margin:auto; text-align:right;}
	#footerR p {width:100%; text-align:right; margin-right:20px;}

	.w60l {display:inline-block; width: 50%; float: left; padding-left: 50px; vertical-align: top;}
	.w40r {display:inline-block; width: 33%; float: right; vertical-align: top;padding-right: 50px;}
	.w60r {display:inline-block; width: 50%; float: right; vertical-align: top; text-align: justify; padding-right: 50px;}
	.w40l {display:inline-block; width: 33%; float: left; padding-left: 50px; vertical-align: top;}
	.w60c {display:block; width: 58%; margin:auto; }
	.w40c {display:inline-block; width: 38%; margin:auto; text-align: left;}
	.w40c p {text-align: left;}
	.w40c h4 {text-align: center;}
	.w30  {display: inline-block; width: 25%; padding: 2%; align-content: center;}
	.w50  {display: inline-block; width: 43%; padding: 2%; align-content: center;}
	.wideVPad {padding-top: 70px;}
	.w80j {width: 80%; text-align: justify; margin: auto;}
	.bbRow	 {width: 540px; margin: auto; display: block;}
	.bbTime  {width: 80px; display: inline-block; text-align: left; vertical-align: top;}
	.bbEvent {width: 400px; padding-left: 30px; display: inline-block; text-align: left;}
	.col2 {display: inline-block; margin: auto; width: 400px; padding: 10px 50px; vertical-align: top; }

	
}

.just {text-align: justify;}
.w60l {text-align: justify;}
.pad40b {padding-bottom: 40px;}
.tacenter {text-align: center;}
.instYoutubebb {text-align: center; display: inline-block;}

body {background-color:#e6e6e6; font-family: Arial, Helvetica, sans-serif; color:#000000;} /* was ffffff */
.central-container, #central-container {width:100%;margin-top:5px; margin-bottom: 50px; line-height:150%;}

#header, #headerTop, #headerBanner {margin:auto; display:block; font-family:"Times New Roman", Times, serif; text-align: center;}
#headerTop h2 {text-align:center; margin:auto; color:#000000; margin-bottom:20px;}

#content-wrapper {padding:0 10px;}
#content {width:100%; display:inline-block;}
.pagecontent {display:block; text-align:center; width:100%; }
.pagecontent p, .testimonials {max-width:80%; margin:auto; padding:10px 0;}
.pagecontent li {max-width:80%; margin:auto; padding:0 0;}
.pagecontent td li {max-width:100%;}


h1, h2, h3, h4, a:link, a:visited, .emailVar {color:#000000;}
p {color:#000000; text-align:center;}
li {color: #000000; font-family: Arial, Helvetica, sans-serif;}
pre {color:#000000; font-family:"Times New Roman"}
dt {color:#000000; text-align:left; padding:10px 0px;}
dd {color:#000000; padding-left:30px; padding:10px 0px;}
img {border:none; margin:auto; display:block; max-width: 99%;}
dd {text-align:right;}

.yellow {color:#FFFF00;}
.red {color:#ff0000; } 
.strike {text-decoration:line-through;}
.reverse, .reverse a {background-color:#e6e6e6; color:#000000; text-align:center; line-height:200%; max-width:80%; margin:auto; margin-bottom:10px;}
.small {font-size:80%;}
.noULine {text-decoration:none;}
.hidden {display:none;}
.navTop a, .navTopW a, .navTopP a, .navSecond a, .navListing a {text-decoration:none; }
.textLeft p, .textLeft ul, .left {text-align:left;}
.textJust p, .textJust ul, .just, .justify {text-align:justify;}
.smallText {font-size:70%;}

#mobileNav li {border:thin #e6e6e6 solid;}






.mainphoto {display:block;  padding-bottom:30px; margin:auto; max-width:90%; }
.covid {box-sizing:border-box; background-color:#D2F4FF; border-radius:10px; max-width:800px; margin:auto;     display:none;}


.clear {clear:both;}
.clear20, .clearspace {clear:both; padding-top:20px;}
.nowrap {white-space:nowrap;}


/* Enquiry Form */
#enquiryForm 	{max-width:600px; 		margin:auto; 	display:block; 		padding-top:20px; 	padding-left:10px; 	text-align:left; 	font-size:110%; }
.enquiryField	{display:inline-block; 	width:98%; 		margin:auto; 		padding:3px 0;}
.mw150			{max-width: 150px;}
.mw200			{max-width: 200px;}
.enq			{display:block; 		color:#000000; 	padding-left:5px; 	margin:0;}
.enquiryA 		{padding:0; 			margin:0; 		vertical-align:top; }
.enquiryButton 	{display:block; 		margin:auto; 	margin-top:10px;}

@media only screen and (max-width:530px) {
	.enq	{display: block;}
}

@media only screen and (min-width:531px) {
	.enq 	{display: inline-block;}
	.enq20 	{width: 20%;}
	.enq25 	{width: 25%;}
}








@media only print {

}

@media only screen and (max-width:960px) 	{
}

@media only screen and (max-width:400px)	{
	}
	
	
@media only screen and (min-width:961px)	{

	}

.keySelect {
	display:inline-block;	
}

.sInstFilterKeys {
	background-color:#e6e6e6; /* was ffffff */
	width:110px; 
    height:75px; 
    vertical-align:middle; 
    display:inline-block; 
    border-radius: 24px; 
    margin:5px; 
    position:relative; 
    line-height:70px;
    font-weight:bold;
    font-size:150%;	
}

.sIFKInactive
{
    border:3px solid #000000; 
	-webkit-box-shadow:0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.sIFKActive
{
    border:3px solid #e6e6e6; 
	-webkit-box-shadow: 0px 10px 13px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px 0px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}


.boxshadow {
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}







#instFilter {margin:auto; display:block; text-align:center;  max-width:650px;}
.instFilterHeader {width:100px; font-weight:bold; }
.instFilterField {display:inline-block; margin:auto; text-align:left; padding:0 10px 0 10px;}

#mobileFilter			{}
.mobileFilterRow		{display:block; width:100%;}
.mobileFilterHeader		{display:inline-block; min-width:90px; font-weight:bold; vertical-align:top;}
.mobileFilterField		{display:inline-block; padding:0 10px 0 10px; min-width:100px;}
.mobileFilterField2		{display:inline-block; padding:0 10px 0 10px; min-width:100px;}
.mobileFilterFieldWide	{display:inline-block; padding:0 10px 0 10px; min-width:175px;}
.mobileFilterSubmit		{display:inline-block; margin:auto; min-width:40%; text-align:center;}

@media only screen and (max-width:740px) {
	.mobileFilterFieldWide {padding-left: 105px;}
}


@media only screen and (max-width:500px) {
	.mobileFilterField2		{padding-left: 105px;}
}


@media only screen and (max-width:350px) {
	.mobileFilterFieldWide {padding-left: 30px;}
	.mobileFilterField		{padding-left: 30px;}
	.mobileFilterField2		{padding-left: 30px;}
}










@media only print {
	.instImageImgSmall {display:none !important; }
	.melInfoDiv {max-width:250px !important; margin:3px !important; padding:3px; }

}

@media only screen and (max-width:960px) 	{
}

@media only screen and (max-width:400px)	{
	}
	
	
@media only screen and (min-width:961px)	{

	}



/* Instrument Parent listings */
.instrument19 	{display:inline-block; margin:auto; border:3px solid #000000; width:315px; height:320px; margin-bottom:10px; border-radius: 24px;}
.instrument19wide 	{display:block; clear: both; margin:auto; border:3px solid #000000; min-width:315px; max-width:630px; min-height:320px; margin-bottom:10px; border-radius: 24px;}
.instTitle19	{font-weight:bold; font-size:150%; margin:10px 0;  }
.instImage19	{margin:auto; max-width:250px !important; max-height:220px; border-radius:24px;  border:thin black solid;}
.melInfoDiv		{display:inline-block; margin:auto; width:400px; margin-top:10px; margin-bottom:10px; vertical-align:top;}
.melInfoTable	{margin:auto; text-align:left; max-width:90%;}
.melInfoTable td {min-width:175px;}
.melDescription {max-width:80%; margin:auto;}

.instDispLayout {
	display: grid;
	grid-template-rows: 75px 222px 20px; 
}


/* Instrument child listing */
.instHolder19	{margin:auto;}
.instMel19 		{display:inline-block; margin:10px; border:3px solid #000000; width:310px; height:500px;  vertical-align:top; border-radius:24px; }
.instMel19large	{display:inline-block; margin:10px; border:3px solid #000000; width:310px; height:700px;  vertical-align:top; border-radius:24px; }
.instFinish19	{margin:auto; max-width:250px; max-height:200px; }
.melVar			{ text-align:left; margin-left:20px; max-width:90%;}
.instImageImg	{max-width:80%; border-radius:24px;  border:thin black solid;}
.instImageImgSmall	{width:300px; height:300px;  vertical-align:top; display:inline-block; border:3px solid #000000; border-radius: 24px; margin:5px; position:relative;}
.instImageImgSmallImg	{max-width:290px; vertical-align:top; max-height:210px; margin-top:10px; border-radius:24px;}
.instImageImgSmallText	{text-wrap:supress; display:block; margin:auto; position:absolute; top:250px; text-align:center; width:98%;}
.instPrice {font-weight:bold; font-size:125%; margin:10px; display:inline-block;}
.exVat {font-style: italic;}







@media only screen and (min-width:961px)	{
		.narrowOnly {display:none;}
	}

.loginForm {text-align:center; margin:auto; width:200px;}
.instEditSelect {display:inline-block; padding:5px 20px; }
.dark {background-color:#CCCCCC; border:none;}


#instTable {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	
}

.instItem {
	flex:none;
	
}

.tyl {height:100px;}
.max8 {max-width: 800px !important;}