@import url('https://fonts.googleapis.com/css?family=Electrolize');
@import url('https://fonts.googleapis.com/css?family=Merienda One');

@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('http://fonts.cdnfonts.com/css/jmh-typewriter');

@import url('https://fonts.googleapis.com/css?family=Wendy One');
@import url('https://fonts.googleapis.com/css?family=Racing Sans One');

#body1
{

	background-color:#000000;
	margin:0 auto; 
	padding:0; 
	font-family:calibri,"Lucida Grande";
	color:black; 
}


.YTVID
{
	float:right;
	width:560px;
	height:315px;
	margin:1%;
	border: 3px black solid;

}

.YTVID_SMALL
{
	float:right;
	width:280px;
	height:auto;
	margin:1%;
	border: 3px black solid;

}

.YTVID_GRID
{
	width:560px;
	height:315px;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}

.YTVID_RESP
{
	width:560px;
	height:315px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}


.YTVID_GRID_3
{

	width:373px;
	height:210px;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}

.YTVID_SHORT
{

	height:373px;
	width:210px;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}


.YTVID_SCALED
{

	width:330px;
	height:186px;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;

}

.YTVID_GRID_4
{

	width:210px;
	height:119px;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;

}

.YTVID_GRID_3pc
{

	width:95%;
	height:auto;
	margin:5px;
	border: 3px black solid;
	margin-left: auto;
	margin-right: auto;
}

.videoWrapper {
	position: relative;
	padding-bottom: 50.63%; /* 16:9 */
	padding-top: 22.5px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: 90%;
}


/*  ----------- HEADINGS ----------- */

h1
{
	font-size: 160%;
	font-family:"Wendy One";
		font-weight:500;
	letter-spacing: .09rem;
}

h2
{
	font-size: 140%;
	font-family:"Wendy One";
	font-weight:500;
	letter-spacing: .09rem;
	
}

h3
{
	font-size: 120%;
	font-family:"Wendy One";
	font-weight:500;
	letter-spacing: .09rem;
	
}


h2.PRODUCTS-Q
{
	text-align:center;
	text-transform: uppercase;
	color:white;
}

h2.album-b,h3.album-b
{
	width:100%;
	background-color:#000;
	text-align:center;
	text-transform: uppercase;
	color:#fff;
}





h2.album-h,h3.album-h
{
	width:100%;
	background-color:#000;
	color:white;
	text-align:center;
	text-transform: uppercase;
}





/*  ----------- DIV -----------  */

div.noticemeblue
{
	background-color:#3EC679;
	background: -webkit-linear-gradient(top,  #3EC679 0%,#e0e0e0 100%);
	background: -moz-linear-gradient(top,  #3EC679 0%, #e0e0e0 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  #3EC679 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 2px solid blue;
}

div.noticemeblue_rev
{
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  #303040 0%,#e0e0f0 100%);
	background: -moz-linear-gradient(top,  #303040 0%, #e0e0f0 100%); /* FF3.6-15 */
	background: linear-gradient(to top,  #303040 0%,#e0e0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 2px solid blue;
	padding:5px;
}

div.noticeme
{
	padding:5px;
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  blue 0%,#e0e0e0 100%);
	background: -moz-linear-gradient(top,  blue 0%, #e0e0e0 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  blue 0%,#aac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='blue', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 yellow;
	margin:10px;
}



div.noticeme_inside
{
	padding:5px;
	background-color:#fff;
	margin:10px;
	font-weight:bold;
	text-align:center;
}



div.important_msg
{
	text-align:center;
	background-color:yellow;
	background: -webkit-linear-gradient(bottom,  #FFFACD 0%,#FF9B28 100%);
	background: -moz-linear-gradient(bottom,  #FFFACD 0%, #FF9B28 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  	#FFFACD 0%,#FF9B28 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:8px; 
	border: 1px yellow solid; 
	border-radius: 5px;
	color:black;
	margin:0px 10px 10px 10px;
	overflow:auto;
}

div.xmas_msg
{
	text-align:center;
	background-color:green;
	background: -webkit-linear-gradient(bottom,  #FFFACD 0%,#FF9B28 100%);
	background: -moz-linear-gradient(bottom,  #FFFACD 0%, #FF9B28 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  	#00FF00 0%,#009900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:15px; 
	border: 3px red dashed; 
	border-radius: 5px;
	color:white;
	margin:0px 10px 10px 10px;
	
			background-image: url('../images/xmas3.jpg');
}


div.float-left
{
	float:left;
	margin:10px;
}

div.float-right
{
	float:right;
	margin:10px;
}

div.table-style
{
	display:table;
	border-collapse: separate;
  	border-spacing: 2px;
  	table-layout:fixed;
}
div.table-row-style
{
	display:table-row;
}
div.table-cell-style
{
	display:table-cell;
	padding:2%;
}


div.table-cell-style-musical
{
	display:table-cell;
	padding:2%;
	background-image: url('../images/Noten.png');
	background-repeat: no-repeat; 
	background-position: bottom;
}



div.table-cell-style-min
{
	display:table-cell;
	width:30%;
	background-color:#439dc9;
	background: -webkit-linear-gradient(top,  #439dc9  0%,#eef 100%);
	background: -moz-linear-gradient(top, #439dc9  0%, #eef 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #439dc9 0%,#eef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:1.5%;
	border: 0px #808080 solid;
	border-radius: 30px;
	
}

div.table-cell-style-min-square
{
	display:table-cell;
	width:30%;
	padding:1.5%;
	background-color:#439dc9;
	background: -webkit-linear-gradient(top,  #439dc9  0%,#eef 100%);
	background: -moz-linear-gradient(top, #439dc9  0%, #eef 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #439dc9 0%,#eef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}

div.table-cell-style-min-reversed
{
	display:table-cell;
	width:30%;
	background-color:#439dc9;
	background: -webkit-linear-gradient(bottom,  #439dc9  0%,#eef 100%);
	background: -moz-linear-gradient(bottom, #439dc9  0%, #eef 100%); /* FF3.6-15 */
	background: linear-gradient(to top, #439dc9 0%,#eef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:1.5%;
	border: 0px #808080 solid;
	border-radius: 30px;
	
}


div.table-cell-style-gradient
{
	display:table-cell;
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  rgba(254,191,4,1) 0%,rgba(255,237,83,1) 100%);
	background: -moz-linear-gradient(top,  rgba(254,191,4,1) 0%, rgba(255,237,83,1) 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  rgba(254,191,4,1) 0%,rgba(255,237,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf04', endColorstr='#ffed53',GradientType=0 ); /* IE6-9 */
	padding:1.5%;
	border: 0px #808080 solid;
	border-radius: 30px;
	
}

div.table-cell-style-extra
{
	background-color:#ffffb3;
	padding:2%;
	border: 0px #808080 solid;
	border-radius: 30px;
	
}

div.table-cell-style-black
{
	display:table-cell;
	padding:2%;
	border:20px solid black;
	border-top:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/SketchesInBlue-cropped.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center top;
	min-height:200px;
	color:white;
}

div.table-cell-style-HN
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/HarmonicaNights.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:bottom left;
	background-color:#000;
	min-height:200px;
	color:#fff;
}

div.table-cell-style-CH
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/CountryHarmonica.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#000;
	min-height:200px;
	color:#fff;
}

div.table-cell-style-SOTH
{
	display:table-cell;
	padding:2%;
padding-top:1%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/SOTH.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center bottom;
	background-color:#000;
	min-height:200px;
	color:#fff;
}

div.table-cell-style-DI
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/DiggingIn.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#000;
	min-height:200px;
	color:#fff;
}

div.table-cell-style-GC
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/groups-4b.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:left bottom;
	color:white;
}

div.table-cell-style-TTR
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/TwoTrains.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#fff;
	min-height:200px;
	color:#000;
}

div.table-cell-style-NCH
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/NewChineseHarmonica.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#fff;
	min-height:200px;
	color:#000;
}

div.table-cell-style-NIH
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/NewIrishHarmonica.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:left bottom;
	background-color:#000;
	min-height:200px;
	color:#fff;
}

div.table-cell-style-HAH
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/HarmonicaAfterHours.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:left bottom;
	background-color:#000;
	min-height:200px;
	color:#fff;
}


div.table-cell-style-BI
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/BlowIn.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:left bottom;
	background-color:#000;
	min-height:200px;
	color:#fff;
}

div.table-cell-style-JJ
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/JigJazz.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:left bottom;
	background-color:#000;
	min-height:200px;
	color:#fff;
}

div.table-cell-style-DTD
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/DawnToDusk.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#000;
	min-height:200px;
	color:#fff;
}


div.table-cell-style-MFR
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/Riverdance.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#000;
	min-height:200px;
	color:#fff;
}


div.table-cell-style-IL
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/IronLung.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#fff;
	min-height:200px;
	color:#000;
}

div.table-cell-style-black-nih2
{
	display:table-cell;
	padding:2%;
	border-top:none;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/nih2.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center right;
	min-height:200px;
	color:white;
}


div.table-cell-style-BT
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/BREN&TIM.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:left;
	min-height:200px;
	color:white;
}


div.table-cell-style-BPS
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/Swingfellas.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:purple;
}

div.table-cell-style-TRD
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/Tradish.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center bottom;
	min-height:200px;
	color:purple;
}



div.table-cell-style-H2H
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/HarpToHarp.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:purple;
}


div.table-cell-style-JR
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/PUFNSAW.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:white;
}

div.table-cell-style-BTB
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/BackToBack.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:white;
}





div.table-cell-style-PNS
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/PUFNSAW.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:white;
}

div.table-cell-style-PW
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/PowerAndWhite.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:white;
}

div.table-cell-style-LAMENT
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/Lament.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:#000;
}


div.table-cell-style-WW
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/WriggleAndWrithe.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:top left;
	min-height:200px;
	color:white;
}

div.table-cell-style-BP
{
	display:table-cell;
	padding:2%;
	border:none;
	background-color:#000;
	text-align:center;
	vertical-align:top;
	background-image:url('../images/covers/BrendanGeorgi.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	min-height:200px;
	color:white;
}

div.table-cell-style-blackborder
{
	display:table-cell;
	padding:2%;
	background-color:#C6CEDA;
	text-align:center;
	vertical-align:middle;
	width:30%;
	margin: 0 auto;
	background-color:yellow;
	background: -webkit-linear-gradient(bottom,  #FFFACD 0%,#FF9B28 100%);
	background: -moz-linear-gradient(bottom,  #FFFACD 0%, #FF9B28 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  	#FFFACD 0%,#FF9B28 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

div.table-cell-style-albumback
{
	display:table-cell;
	padding:0% 1% 0% 1%;
	background-color:#C6CEDA;
	text-align:center;
	vertical-align:top;
	margin: 0 auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100;Yellow+3D+%232 */
	background: rgb(255,214,94); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,214,94,1) 0%, rgba(254,191,4,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */

}



div.table-style-vid
{
	display:table;
	border-collapse: separate;
  	border-spacing: 3px;
  	table-layout:fixed;
  	width:100%;
  	margin: 0 auto;
}
	

div.table-row-style-vid
{
	display:table-row;
	width:100%;
}

div.table-cell-style-vid
{
	display:table-cell;
	padding:2%;
	vertical-align:top;
	text-align:center;
}


div.table-cell-style-vimeo,div.table-cell-style-vimeo-r
{
	display:table-cell;
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  #054E71 0%,#8ecbe8 100%);
	background: -moz-linear-gradient(top,  #054E71 0%, #8ecbe8 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  #3F8FB6 0%,#eef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding:2%;
	
}

div.table-cell-style-vimeo-25
{
	display:table-cell;
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  rgba(254,191,4,1) 0%,rgba(255,237,83,1) 100%);
	background: -moz-linear-gradient(top,  rgba(254,191,4,1) 0%, rgba(255,237,83,1) 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  rgba(254,191,4,1) 0%,rgba(255,237,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf04', endColorstr='#ffed53',GradientType=0 ); /* IE6-9 */
	padding:2%;
	max-width:20%;
	float:right;
	text-align:center;
	margin:5px;	
}


div.table-cell-style-gradient-reversed
{
	display:table-cell;
		text-align:center;
	background-color:#FECA2A;
	background: -webkit-linear-gradient(top,  rgba(254,191,4,1) 0%,rgba(255,237,83,1) 100%);
	background: -moz-linear-gradient(top,  rgba(254,191,4,1) 0%, rgba(255,237,83,1) 100%); /* FF3.6-15 */
	background: linear-gradient(to top,  rgba(254,191,4,1) 0%,rgba(255,237,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf04', endColorstr='#ffed53',GradientType=0 ); /* IE6-9 */
	padding:2%;
	
}

div.l13-buy
{
	background-color:#fff;
	color:black;
	float:right;
	padding:5px;
	vertical-align:top;
	border:solid blue 1px;
	text-align:center;
	
}


div.table-cell-style-vimeo-r
{
		float:right;
		text-align:center;
		margin:5px;
	
}

div.table-cell-style-vimeo-text
{
	display:table-cell;
	padding:2%;
	background-color:#f0f0f0;
	vertical-align:top;
	text-align:center;
	font-size:90%;
	border: 1px grey solid;

}


div.table-cell-style-back
{
	display:table-cell;
	padding:2%;
	background-color:#eedc42;
	background-image:url('../images/15.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align:middle;
	text-align:center;
	font-size:125%;
}

div.table-cell-style-order
{
	display:table-cell;
	padding:1%;
	vertical-align:top;
	text-align:center;
	background-color:#fEFEFE;
	border: 5px white solid;
	border-radius: 5px;
	max-width:100%;

}

div.table-cell-style-order-blue
{
	display:table-cell;
	padding:1%;
	vertical-align:top;
	text-align:center;
	border-radius: 5px;
	max-width:100%;
	background-color:#7fe9fd ;
	background: -webkit-linear-gradient(top,  #7fe9fd  0%,#ffffff 100%);
	background: -moz-linear-gradient(top, #7fe9fd  0%, #ffffff 100%); /* FF3.6-15 */
	background: linear-gradient(to top,  #7fe9fd 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

div.table-cell-style-order-responsive
{
	padding:1%;
	vertical-align:top;
	text-align:center;
	background-color:#fEFEFE;
	border: 5px white solid;
	border-radius: 20px;
	width:25%;
}


div.table-cell-style-customiser
{
	display:table-cell;
	padding:2%;
	vertical-align:top;
	text-align:left;
	background-color:#fefefe;
	border: 0px #c0c0c0 solid;
	border-radius: 30px;
}



div.social
{
	margin:0px;
	padding:0px;
	border: black 1px solid;
	text-align:center; 
	max-width: 100%;
	background-color:#111;
	background: -webkit-linear-gradient(right,  #555,#202, #555);
	background: -moz-linear-gradient(right, #555,#202, #555); /* FF3.6-15 */
	background: linear-gradient(to left,  #555,#202, #555); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

div.bline
{
	height:1px;
	margin:0;
	padding:0; 
	background-color:#006382;
}

div.oline
{
	height:1px;
	margin:0;
	padding:0; 
	background-color:#FF9B28;
}

div.wline
{
	height:1px;
	margin:0;
	padding:0; 
	background-color:#333;
}


div.oline-thin
{
	height:1px;
	margin:0;
	padding:0; 
	background-image:url('../images/redmetal.jpg');
}

div.nav
{
	/*background-color:#000000; */
	width:100%;
	text-align:center;
}

div.footer
{
	color:#223;
	padding:2%;
	width:auto;
	text-align:center;
	
	background-color:#439dc9;
	background: -webkit-linear-gradient(top,  #439dc9  0%,#dde 100%);
	background: -moz-linear-gradient(top, #439dc9  0%, #dde 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom, #439dc9 0%,#dde  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	
}

div.footer a
{
	color:blue;

}

div.container-outer
{
	margin: 0 auto;
	border:0;
	padding:3%;
	background-color:#439dc9;
	background: -webkit-linear-gradient(left,  #439dc9  0%,#dde 120%);
	background: -moz-linear-gradient(left, #439dc9  0%, #dde 120%); /* FF3.6-15 */
	background: linear-gradient(to right, #439dc9 0%,#dde  120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	line-height: 150%;

}

div.container-inner
{
	border:0;
	padding:1%;
	background-color:#ffed53;
	margin:0px;
}

div.content-backing
{
	background-color:#439dc9;
	background: -webkit-linear-gradient(bottom,  #439dc9  0%,#dde 120%);
	background: -moz-linear-gradient(bottom, #439dc9  0%, #dde 120%); /* FF3.6-15 */
	background: linear-gradient(to top, #439dc9 0%,#dde  120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	padding:15px;
	border: 0px #808080 solid;
	border-radius: 30px;
}

div.silver-backing
{
	background-color:#b0b0b0;
	padding:15px;
	border: 0px #808080 solid;
	border-radius: 30px;
	background: -webkit-linear-gradient(top,  #b0b0b0 0%,#e0e0e0 100%);
	background: -moz-linear-gradient(top,  #b0b0b0 0%, #e0e0e0 100%); /* FF3.6-15 */
	background: linear-gradient(to bottom,  #b0b0b0 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b0b0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}

div.UK, div.CHINA
{
	border:1px solid black;
	background-color:#D0E0E0;
	font-weight:bold;
	width:auto;
	text-align:center;
	padding:3%;
	vertical-align:middle;
	display: inline-block;
	margin-top:2px;

}

div.UK:before
{
	content: url('../images/flags/uk.png');

}

div.UK:after
{
	content: " Sent from UK";

}

div.CHINA:before
{
	content: url('../images/flags/china.png');


}

div.CHINA:after
{
	content: " Sent by Roland, our partner in China";

}



span.NEW
{
	background-color:black;
	padding:2px;
	margin-left:3px;
	color:white;
	float:right;
}

span.grave, span.grave_dis,span.sold_out
{
	background-color:black;
	padding:4px;
	color:white;
	font-weight:bold;
}

span.grave:after {
  content: "discontinued";
}

span.grave_dis:after {
  content: "currently unavailable";
}


span.sold_out:after {
  content: "Sold Out";
}

span.price
{
	display : inline-block;
	color:green;
	font-weight: bold;
	font-size:175%;
	//background-color:#ffc;
	padding: 1px 7px;
	border: 2px dashed #8C8;
	margin:3px;
	margin-bottom:5px;
}

span.price-border
{
	color:purple;
	font-weight: bold;
	font-size:140%;
	background-color:#ffc;
	padding: 4px ;
	//border: 1px solid #ece;
	margin:1px;
}

/*  ----------- TABLES -----------  */


table.instruction
{
	border:0px;
	padding:5px;
	border-spacing:0px;
	text-align:center;
	width:50%;
	background-color:#fEFEFE;
}

table.tunings {

	padding:0px;
	border-spacing:3px;
	background-color:#f4ab10;
	font-size:75%;
	min-width:50%;
	width:100%;
	}
	
table.tunings th {font-size:125%;background-color:#f4ab10;text-align:center;}

table.tunings td {background-color:#ffffff;padding:3px;}

/*  ----------- IMAGES ----------- */

img.L13Customiser
{
	height:auto;
	width:50%;
	border: 5px black solid;
	border-radius: 10px;
	float:left;
	margin:2%;
}

img { max-width: 100%; }

img.simg-gap
{ 
	margin-right:1%;
}



img.right-inline-float
{
	float:right;
	width:35%;
	margin:2%;
}
img.left-inline-float
{
	float:left;
	width:35%;
	margin:2%;
}

img.right-inline-float-small
{
	float:right;
	width:20%;
	margin:2%;
}
img.right-inline-float-fixed
{
	float:right;
	margin:2%;
}

img.left-inline-float-small
{
	float:left;
	width:20%;
	margin:2%;
}

img.responsive
{
	width:75%;
	height:auto;
	margin:2%;
}


img.responsive2
{
	width:50%;
	height:auto;
	margin:2%;
}

img.responsive-inverse
{
	width:50%;
	height:auto;
	margin:2%;
}

img.responsive-large
{
	width:90%;
	height:auto;
	margin:2%;
}


img.responsive-smaller
{
	width:30%;
	height:auto;
	margin:2%;
}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

img.embedded-small
{
	width:20%;
	margin:2%;
}

img.embedded
{
	width:25%;
	margin:2%;
}

img.embedded-large
{
	width:95%;
	margin:2%;
}

img.embedded-medium
{
	width:40%;
	margin:2%;
}

img.embedded-resp
{
	width:25%;
	margin:2%;
}

img.album
{
	height:auto;
	width:80%;
	margin:2%;
}

img.instruction
{
	width:75%;
	height:auto;
	margin:2%;
}

img.instruction-small
{
	width:40%;
	height:auto;
	margin:2%;
}

img.bordered
{
	border-style:solid;
	border-width:2px;
	border-color:black;
}


img.carouselProduct
{
	background-color:white;
	overflow:visible;
	margin:10px 10px 0px 10px;
	
	
}

img.compImg
{

}

.compImg:active 
{
	transform: scale(3);
	position:fixed;
	left: 50%;
	top:  50%;
	z-index:1000;
}

/*  ----------- LISTS -----------  */

dl.faq
{
	padding:1%;


}

dl.faq dt
{
	font-size:105%;
	background-color:white;
	padding:1%;
	padding-left:2%;
	  font-weight: bold;

}

dl.faq dd
{
	padding:1%;
	background-color:#ffed53;
}

ul.no-dec li
{
	list-style-type: none;
	padding:0px;
}

ul.no-padding
{
	padding:0px;
	margin:0 0 0 25px;
}


ul.no-padding li
{
	padding:0px;
	margin:0px;
}


ol.no-dec
{
	margin-right: auto;
	margin-left: auto;
		font-family:"Electrolize";
}

ol.no-dec li
{
	padding:0px;

}

ol.leftj
{
	text-align:left;
	margin-left:5px;
}


ol.leftj li
{
	padding:3px;
	padding-left:6px;
	padding-top:5px;
	font-style: italic;
}

ul.embed
{
    margin:10px; 
    padding:10px;
}

ul.workshop
{
    margin:10px; 
    padding:10px;

}

ul.workshop li
{
	margin: 0;
	list-style: none;
	background-image: url("../ejunkie/orders/images/hammer.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}

ul
{
    margin:3%; 
    padding:3%;
}
ul li
{
    margin-left:2%; 
    padding:1%;
}



ul.bigger-list li
{
	font-size:125%;
	line-height:150%;
}


/* ----------- MISC ----------- */



span.sale
{
	text-decoration: line-through;
	color:red;
}


span.notice
{
	background-color:#202020;
	color:yellow;
	font-size:125%;
	padding:5px;
	display: block;
}

span.notice_small
{
	background-color:#404040;
	color:#eee;
	font-size:75%;
	padding:5px;
	display: block;
}

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

a.white
{
	color:white;
}

a.darrow:before
{
	content: "\01F7C9";
}

a.darrow:after
{
	content: "\01F7C9";
}

a.darrow
{
	font-weight:bold;
}

font.quote
{
	color:darkorange;
	font-style: italic;
	font-size: 125%;
}

font.quote-body
{
	color:#222;
	font-style: italic;
	font-size: 120%;
}




hr
{
	border-color: #222;
	color:#222;
	border-style:dashed;
}

blockquote
{

	  background-color:#ffd563;
	background: -webkit-linear-gradient(right,  #FFFACD 0%,#ffd563 100%);
	background: -moz-linear-gradient(right,  #FFFACD 0%, #ffd563 100%); /* FF3.6-15 */
	background: linear-gradient(to left,  	#FFFACD 0%,#ffd563 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-left: 30px;
	  padding: 15px;
 	  border-left: 3px solid #E6A600;
  	  overflow: auto;
 	  font-size:110%;
 	  font-family:'Georgia';

}

blockquote:before {
    font-family: Georgia, serif;
 //   position: absolute;
    font-size: 3.5em;
    line-height: 0.8;
    top: 0;
    left: 0;
    content: "\201C";
}


blockquote.alt
{
	  background-color:transparent;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  margin-left: 30px;
	  padding: 15px;
 	  border-left: 3px solid #FF9B28;
 	  font-style:italic;
 	  overflow: auto;
}



#top_container
{
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding:0px;
	border:0px;
	color:#ccc;
	background-color:#180000;
}

#row_split
{
	display: table-row;
	width: 100%;
	color:#ccc;
	background-color:#180000;
	margin: 0 auto;
	padding:0px;
	border:0px;
}

#top_left
{
	display: table-cell;
	text-align:left;
	vertical-align: bottom;
	padding-left:10px;
}

#top_center
{
	display: table-cell;
	text-align:right;
	float:right;
	vertical-align: bottom;
	margin-top:20px;

}

#top_right
{
	display: table-cell;
	text-align:right;
	width:25%;
	margin:0px;
	padding:0px;
	vertical-align: bottom;
}

#logo_top
{
	width:200px;
	height:auto;
	background-color:#180000;
	padding:0px;
	margin: 0px;
}

#logo_top_left
{
	width:150px;
	height:auto;
	background-color:#180000;
}

#logo_top_right
{
	width:190px;
	height:auto;
	background-color:#180000;

}

font.sub
{
	font-size:85%;
	font-style: italic;

}



.carouselDiv:hover {
 transform: scale(1.1);

}

.carouselDiv
{
	text-align:center;
	background-size:cover;
	background-repeat:no-repeat;
	max-width:115px;
	height:70px;
	max-height:70px;
	color:white;
	font-weight:bold;


}

#menu-toggle
{
	width: 3em;
	height:auto;
	position: fixed;
	right: 0;
	bottom:0;
	z-index:99999;
	font-weight: bold;
	text-align:center;
	padding:2px;

}

#carousel
{
	padding:5px;
	background-color:black;
	background-image: url('../images/tech19.jpg'); 
	max-height:70px;
	height:70px;
	position: fixed;
	bottom: 0;
	border-top:2px solid black;
	max-width:100%;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}


audio.audio_p
{
	width:96%;
}

form.common
{
	background-color:#eee;
	border: 1px dashed blue ;
	padding:5px 2px 2px 2px;
	
}





div.table-style-homegrid
{
	display:table;
	border-collapse: separate;
  	border-spacing: 5px;
  	table-layout:fixed;
  	width:100%;
  	margin: 0 auto;
}

div.table-row-style-homegrid
{
	display:flex;
	flex-flow: row wrap;
	width:100%;
	justify-content: center;
	align-items: center;


}

div.table-cell-style-homegrid
{
      font-family: 'Electrolize';
      display:table-cell;

	padding:0px;
	font-size:110%;
	text-align:center;
	color:white;
	vertical-align:middle;
	white-space:nowrap;
	

  }
  

.table-cell-style-homegrid:hover
{
	opacity:1;

}


/* PRODUCT HOME SECTIONS */


.steps {
 margin: 0px !important;
  margin-left: 1px;
  padding: 0;
  overflow: hidden;
      font-family: 'Electrolize';

}
.steps a {
  color: white;
  text-decoration: none;
}
.steps em {
  display: block;
  font-size: 100%;
  font-weight: bold;
}
.steps li {
  float: left;
  margin-left: 0;
//  width: 100px; /* 100 / number of steps */
  height: 25px; /* total height */
  list-style-type: none;
  padding: 5px 5px 5px 30px; /* padding around text, last should include arrow width */
  border-right: 0px solid #FF9B28; /* width: gap between arrows, color: background of document */
  position: relative;
  text-align:center;
}
/* remove extra padding on the first object since it doesn't have an arrow to the left */
.steps li:first-child {
  padding-left: 5px;
}
/* white arrow to the left to "erase" background (starting from the 2nd object) */
.steps li:nth-child(n+2)::before {
  position: absolute;
  top:0;
  left:0;
  display: block;
  border-left: 25px solid white; /* width: arrow width, color: background of document */
  border-top: 40px solid transparent; /* width: half height */
  border-bottom: 40px solid transparent; /* width: half height */
  width: 0;
  height: 0;
  content: " ";
}
/* colored arrow to the right */
.steps li::after {
  z-index: 1; /* need to bring this above the next item */
  position: absolute;
  top: 0;
  right: -24px; /* arrow width (negated) */
  display: block;
  border-left: 25px solid #202020; /* width: arrow width */
  border-top: 40px solid transparent; /* width: half height */
  border-bottom: 40px solid transparent; /* width: half height */
  width:0;
  height:0;
  content: " ";
}

/* Setup colors (both the background and the arrow) */

/* Completed */
.steps li { background-color: #202020;color:white }
.steps li::after { border-left-color: #202020; }

/* Current */
.steps li.current { background-color: #707070;color:white;padding-left:2%; }
.steps li.current::after { border-left-color: #707070; }

/* Following */
.steps li.current ~ li { background-color: #EBEBEB; }
.steps li.current ~ li::after {	border-left-color: #EBEBEB; }

/* Hover for completed and current */
.steps li:hover {background-color: #909090}
.steps li:hover::after {border-left-color: #909090}


/*  Fancy Buttons */

.buttons {
  display: flex;
  justify-content: space-around;
}

.btn {
       font-family: 'Electrolize';

  font-size: 0.8rem;
  background-color:#606060;

  border: 0.175em solid #ececec;
  padding: 0.7em 2.2em;
  color: #ececec;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  border-radius: 0.5em;
  cursor: pointer;
}
.btn:focus {
  outline: none;
}

.round {
  border-radius: 24px;
}

.square {
  border-radius: 0px;
}

.btn-one {
  border: #555 solid 1px;
  color: #111;
background-color:#fe9900;
  font-size: 0.7rem;
}
.btn-one:hover {
  color: #000;
  transform: scale(1.02);
}

.btn-two {
 border-color: #fff;
  color: #ccc;
background: linear-gradient(#404040, #202020);
transition: background 750ms ease-in-out, color 1000ms ease-in-out;

  }
.btn-two:hover {
  color: #eee;
background: linear-gradient(#202020,#404040);

  }

.btn-three {
 border-color: #aaa;
  color: #ccc;
  background-color: #202020;
  transition: background 750ms ease-in-out, color 1000ms ease-in-out;

}
.btn-three:hover {
 background-color: #404040;
 color: #fff;
}

.btn-four {
  border-color: #aaa;
  color: #ccc;
  background-image: linear-gradient(45deg,#202020 50%,  #404040 50%);
  background-position: 25%;
  background-size: 400%;
  transition: background 750ms ease-in-out, color 750ms ease-in-out;
}
.btn-four:hover {
  color: #fff;
  background-position: 100%;
}

.btn-five {
  border-color: #aaa;
  color: #bbb;
  background-image: linear-gradient(45deg,#404040 50%,  #202020 50%);
  transition: background 750ms ease-in-out, color 1000ms ease-in-out;
  background-position: 1% 9%;
  background-size: 100%;
  }
.btn-five:hover {
  color: #fff;
  background-size: 10%;
}

.btn-six {
  border-color: #aaa;
  color: #bbb;
  background-image: linear-gradient(90deg,#404040 50%,  #202020 50%);
  transition: background 750ms ease-in-out, color 1000ms ease-in-out;
  background-position: 50% 100%;
  background-size: 100%;
  }
.btn-six:hover {
  color: #fff;
  background-size: 10%;
}

.btn-seven {
  border-color: #aaa;
  color: #bbb;
background: radial-gradient(circle, rgba(68,68,68,1) 0%, rgba(34,32,32,1) 99%);
  transition: background 750ms ease-in-out, color 1000ms ease-in-out;
  background-position: 50% 0%;
  background-size: 10%;
  }
.btn-seven:hover {
  color: #fff;
  background-size: 300%;
}

.btn-eight {
  border-color: #aaa;
  color: #bbb;
  background-image: linear-gradient(10deg,#404040 5%,  #202020 95%);
  transition: background 500ms ease-in-out, color 1000ms ease-in-out;
  background-position: 50% 100%;
  background-size: 300%;
  }
.btn-eight:hover {
  color: #fff;
  background-size: 80%;
}


 .video-container 
 {
     height: 200px;
     width: 100%;
     position: relative;
 }

 .video-container video 
 {
   width: 100%;
   height: 100%;
   position: absolute;
   object-fit: cover;
   z-index: 0;
 }

 /* Just styling the content of the div, the *magic* in the previous rules */
 .video-container .caption 
 {
   z-index: 1;
   position: relative;
   text-align: center;
   color: #dc0000;
   padding: 10px;
 }
 
 
 
 h1.pagetitle
 {
 	font-size: 280%;
 	letter-spacing:0.2em;
   	margin:0px;
   	color:black;
 	margin-bottom:1px;
 	padding-top:20px;
 	padding-right:8px;
 	text-align:right;
	text-shadow:
	0 0 7px #ddd,
	0 0 10px #ddd,
	0 0 21px #ddd;
	
}


 
 
 h2.tagline
 {
  	text-align:right;
 	color:#331713;
 	color:black;
 	letter-spacing: 1.6px;
 	margin-top:90px;
 
 	text-align:right;
 	text-shadow:
 	/* White glow */
 	0 0 7px #fff,
 	0 0 10px #fff,
 	0 0 21px #fff,
 	/* Green glow */
 	0 0 42px #0fa,
 	0 0 82px #0fa,
 	0 0 92px #0fa,
 	0 0 102px #0fa,
 	0 0 151px #0fa;
 }
 
 
 
 div.disco
 {
 	width: 100wh;
 	height: auto;
 	background: linear-gradient(-45deg, red,yellow,white);
 	background-size: 400% 400%;
 	-webkit-animation: Gradient 15s ease infinite;
 	-moz-animation: Gradient 15s ease infinite;
 	animation: Gradient 15s ease infinite;
 }
 
 
 
 @-webkit-keyframes Gradient {
 	0% {
 		background-position: 0% 50%
 	}
 	50% {
 		background-position: 100% 50%
 	}
 	100% {
 		background-position: 0% 50%
 	}
 }
 
 @-moz-keyframes Gradient {
 	0% {
 		background-position: 0% 50%
 	}
 	50% {
 		background-position: 100% 50%
 	}
 	100% {
 		background-position: 0% 50%
 	}
 }
 
 @keyframes Gradient {
 	0% {
 		background-position: 0% 50%
 	}
 	50% {
 		background-position: 100% 50%
 	}
 	100% {
 		background-position: 0% 50%
 	}
 }