p {
	margin-bottom:5px;
	font-size:90%;
	line-height:135%;
}

/* Styles for product table layouts
	Tweaked for different window sizes

	1/30/15: In a large viewport (eg, desktop computer) the
	individual DIV tags which contain product listing info
	are displayed like cells in a table--that's the
	display:table-cell; line. */

/* header styles */
	
#ShoppingCartIcn {
	margin-left:25px;
	}
#ButtonBoxHeader {
	width:100%;
	border:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	background-color:#f5eed2;
	background-image:url(images/HeaderBg5.jpg);
	background-repeat:repeat-x;
	}

#ButtonBoxLogo {
 display:block;
 margin:0 auto;
 padding-top:10px;
 min-width:250px;
 max-width:375px;
 width:80%;
 height:auto;
 }

/* old? #HeaderIcons {
	display:block;
	margin:4px auto 0 auto;
	right:5px;
	top:5px;
	width:157px;
	}

#HeaderIcons img {
	margin:0 4px;
	display:inline-block;
	} */

/* footer */

div#footer {
   display:block;
   vertical-align:middle;
   text-align:center;   
   min-height:25px;
   width:100%;
   background:#26370f;
   color: #FFF;
   font-size:13px;
   padding:3px;
}

div#footer a {
	color:white;}


/* Page top content and left side menu */

#LeftHandMenu {
	display:none;
	}
	
#PageTopMainPanel {
	width:100%; /*new*/
	text-align:center;
	margin-top:3%;
	}

.Accessories p {
	text-align:left;
	padding:10px;
	width:65%;
	min-width:300px;
	margin:0 auto;
	}

.Accessories ul {
	list-style-type:none;
	display:block;
	margin:0 auto;
	text-align:center;
	width:85%;
	min-width:300px;
	max-width:500px;
	}

.Accessories li {
	display:inline-block;
	padding:6px;
	}

.Accessories li a {
	font-family: "Libre Baskerville", Georgia, Garamond, Times, serif;
	font-size:14pt;
	color:#000;
	}



#PageTopMainPanel > em { /* FOR LAST UPDATED LINE */
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:320px;
	}

h1 {		/* headline at top of page - eg 'Button Accordions In Stock' */
	font-weight: bold;
	padding-top:10px;
	padding-bottom:3px;
	color: #424242;
   font-family: "Libre Baskerville", Georgia, Garamond, Times, serif;
	letter-spacing:0.03em;
	line-height: 145%;
	font-size: 26px;
	font-variant: small-caps;
}

h2  {			/* used in product pages for subheadings */
	color: #000000;
	font-weight: bolder;
	font-size: 15pt;
	font-family: "Libre Baskerville", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin-top: 35px;
	margin-bottom: 20px;
	line-height: 145%;
	font-variant: small-caps;
	display:block;
	width:100%;
	padding:10px;
	background-color:#f0ecda;
	z-index:100;
	}

.ProductNavTable {
	background-color: #f0ecda;
	padding:15px;
	width:100%;
	}
	
.ProductNavRow { /*  */
	display:inline-table;
	}

.ProductNavRow li {
	list-style-type:none;
	text-align:left;
	padding:4px;
}
	
.ProductNavIcon { /* Table for instrument category icons at top of page */
	display:table-cell;
	padding:15px;
	min-width:120px;
	text-align:center;
	vertical-align: bottom;
	}

#onerow.ProductNavIcon img {
	width:65px;
	max-height:auto;	
	}
#tworow.ProductNavIcon img {
	width:69px;
	max-height:auto;	
	}
#irishnav.ProductNavIcon img {
	width:63px;
	max-height:auto;	
	}
#threerow.ProductNavIcon img {
	width:77px;
	height:auto;	
	}

.ProductNavTableText {
	display:block;
	position:relative;
	font-weight:normal;
	font-size:15px;
	font-family:sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	color:rgba(0,0,0,0.15);
	}
	
.ProductNavGrid {
	display:grid;
	grid-gap:10px;
	grid-template-columns: 190px 190px;
	grid-template-rows: auto auto auto;
	justify-content: center;
	list-style-type:none;
	margin-bottom:60px;
}

.ProductNavGrid li {
	background-color: #f0ecda;
	border-radius: 12px;
	padding:12px;
}

.ProductNavGrid li a {
	text-decoration:none;
}

.ProductNavGrid li a:hover {
	text-decoration:underline;
}

.SeeAlso {
	display:block;
	margin:35px auto 35px auto;
	border-top:1px;
	}

.SeeAlsoLinks {
	display:table;
	margin: 5px auto;
	}

.SeeAlsoLinks p {
	display:list-item;
	list-style-type:none;
	font-size:80%;
	text-align:left;
	padding:2px 10px;
	}

.SeeAlso a {
	font-size:125%;
	text-decoration:underline;
	font-weight:normal;
}

.SeeAlso a:hover {
	text-decoration:underline;
}

.NestedNav	{	/* used on instrument pages in nested (nav > nav > nav) navigation */
display:none;
}

.BackToTop {		/* class of back-to-top navigation layer */
	display:none;
	position:fixed;
	right: 10px;
	bottom: 10px;
	width: 70px;
	height: 70px;
	z-index: 100;
	overflow: hidden;
	}


/* Product inventory */
	
.ProductTable { /* Table for instrument inventory */
	margin:0 auto 55px auto;
	width: 95%;
	}

.ProductTable td {		/* creates the lines between product entries */
	border-bottom: 1px solid #AAA;
	padding: 10px auto 10px auto;
	}

.ProductTable tr:first-of-type td {
	border-top: 2px solid #999;
	}

.ProductTable tr:last-of-type td {
	border-bottom: 2px solid #999;
	}

.ProductTableImage {
	display:table-cell;
	padding: 8px 0px 0px 0px;
	vertical-align:top;
	z-index:25;
}

.ProductTableImage img {
	max-width:175px;
	height:auto;
	}	


.zoom {
	position:relative;
	top:-12px;
	right:6px;
	z-index:50;
	}

.ProductTableText {
	display:table-cell;
	background-color:#faf8f2;
	padding: 8px 15px 15px 10px;
	vertical-align:top;
	margin: 0px 6px 4px 6px;
}

.ProductTableText p {
	margin-top: 2px;
	}

.ProductTableText ul {
	list-style-type:none;
	font-size:12pt;
	margin:5px 0 8px 16px;
}

.ProductTableText li {
	padding:2px;
}

	/* subItem styles */

	.subItem { /* multiple items in middle column */
		display:block;
		border-top: 1px solid rgba(0,0,0,0.25);
		padding:5px;
		margin:15px 6px 15px 18px;
	}

		.ProductTableText h5 {
			margin:2px 0;
			font-size:13pt;
			font-weight:bold;
			font-family: "Libre Baskerville", Georgia, Garamond, Times, serif;
			letter-spacing:0.08em;
			text-align: left;
			line-height: 115%;
		}

		.subItem select {
			font-size:11pt;
			margin:4px 6px 4px 0;
		}

		.subItem .price {
		}

		.subItem .AddToCart {
			margin:2px 6px;
		}

.ProductTablePrice {
	display:block;
	padding: 2px 10px 13px 5px;
	text-align:center;
	vertical-align:middle;
	}

.ProductTablePrice select {margin-bottom:10px;}

.price {
	display:inline-block;
	font-size:110%;
	font-weight: bold;
	padding-bottom:4px;
	}

.ProductTableSelector {
	text-align:left;
	font-size:11px;
	margin-bottom:6px;
	}

.AddToCart {
	display:inline;
	margin-left:5px;
	vertical-align:middle;
	}

/* New Concertinas - Place Deposit on Morse Concertina Forms */

.MorseDeposit {
		padding:4px;
		vertical-align:top;
		}

/* Instrument categories page */
.CategoryWrapper {
	display:block;
	margin:0px auto;
	}

.Category {
	display:inline-block;
	text-align:center;
	padding:15px;
	}

.CategoryWrapper img {
	display:block;
	margin:0 auto;
	}

.CategoryWrapper:last-of-type {
	padding-bottom:65px;
	}

.vendors { /* DIVs for displaying vendor logos */
	display:inline;

	}

.vendors img {
	display:block;
	padding:5px;
	margin:0 auto;
}

.vendors p {
	margin:10px auto 5px auto;
}

.modal {
	display:none;
	width:100%;
	max-width:500px;
}

/* Exclusive links */
.MobileOnly {}
.DesktopOnly {display:none;}

/* make FancyBox arrows always visible 

@media only screen and (max-width: 700px) {
.fancybox-nav span {visibility:visible;}
} */

/* ---- further media queries for smallest screens ---- */

@media only screen and (min-width: 320px) and (max-width: 480px) {

p {max-width:320px;}

.fancybox-content p {max-width:unset;font-size:100%;}

.ProductTableText p {
	margin-top: 2px;
	}

.HideOnSmallScreen {
	display:none;
	}

#footer {
	-webkit-text-size-adjust:100%;}

.ProductTableImage img {
	max-width:120px;
	height:auto;
	}	
}

/* ---- further media queries for smallest screens ---- */

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

.ProductNavRow li a {
	font-weight:normal;
	}
.ProductNavRow img {
	max-width:110px;
	height:auto;
	}
}

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

	#HeaderIcons {
		display:block;
		margin:4px auto 0 auto;
		width:157px;
		}
	#HeaderIcons img {
		display:inline-block;
		margin:0 4px;
		}
	.ProductNavGrid {
		grid-template-columns: 190px;
		}
	}

@media only screen and (min-width: 520px) {
	#HeaderIcons {
		display:block;
		position:absolute;
		right:5px;
		top:20px;
		}
	#HeaderIcons img {
		margin-left:15px;
		margin-bottom:5px;
		display:block;
		}
	#ShoppingCartIcn {
		margin-left:25px;
	}
	#ButtonBoxLogo {
		padding-bottom:8px;
	}
	.ProductNavGrid {
		grid-template-columns: 190px 190px;
		grid-template-rows: auto auto auto;

	}
}