/*
COLORING:
Logo
	Red: #ee112d
	Blue: #23aed5
	Green: #00a7c
Highlight
	Yellow: #ffff66
Backgrounds
	Site Background: #F5F5F5
	Menu Backgrounds: #cccccc
	Pill Bar: #cccccc;
Text
	Black: #000
	Dark Grey Text: #696969
*/
	body {
		background-color:#F5F5F5;
		color:#000;
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		margin:0;
		font-family:Arial Rounded MT Bold, Arial, sans-serif;
		font-size: 12px;
		letter-spacing:.2px;
	}
	#content{
		flex:1;
		width: 85%;
		min-width: 850px;
		min-height:100%;
		margin:0 auto;
		padding:120px 10px 10px 10px;
		text-align:center;
	}
	div.grid{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		padding:10px 0px 30px 0px;
		min-height:550px;
	}
	.grid input{
		cursor:pointer;
		border:1px solid;
		font-family:Arial Rounded MT Bold, Arial, sans-serif;
		font-size:11px;
		letter-spacing:.5px;
		color:#000000;
		background-color:none;
		text-align:center;
	}
	div.addtocart input{
			text-align:center;
	}
	h1, h2, h3 {
		text-align: center;
	}
	.float-left {
		float: left;
	}
	.float-right {
		float: right;
	}
	.clear-both {
		clear: both;
		display:block;
	}
	div.fleft{
			float:left;
	}
	table {
		margin:auto;
	}
	td {
	}
	a:link {
		color: #000000;
		text-decoration: underline;
		cursor: pointer;
	}
	a:visited {
		color: #000000;
		text-decoration: underline;
	}
	a:hover {
		color: #000000;
		text-decoration: underline;
		cursor: pointer;
	}
	td.collapse {
		border-collapse:collapse;
	}
	table.collapse {
		padding:10px 0px 12px 0px;
	}
	img {
		border: 0em;
		max-width:100%;
	}
	p {
		margin-top: 0;
		margin-bottom: 0.5em;
	}
	.grid input:hover{
	}
	.grid .noedit{
		background-color:#FFFFFF;
		border:none;
	}
	.grid .noedit:hover{
		background-color:#FFFFFF;
		border:none;
	}
	img {
		border:0px;
	}
	h1 {
		color:#CCCCCC;
		margin:0px 0px 15px 0px;
		padding:0px;
		font-size:28px;
		font-weight:900;
	}
	h2 {
		color: #FFFFFF;
		font:bold 12px/14px Verdana, Geneva, sans-serif;
		margin:0px 0px 5px 0px;
		padding:0px;
	}
	p {
		color: #000000;
	}
	div.wide{
		width:400px;
	}



/* FONTS ----------------------------------------------------------------------------------------------------------- FONTS */
/* coloring for each font is styled in the corresponding section */
/* home page quote / page titles / gallery titles */
	span.pgtitle{
		font-size:27px;
		letter-spacing:1px;
	}
/* section titles / header drop down titles */
	span.sectitle{
		font-size:16px;
		text-transform: uppercase;
		letter-spacing:1.2px;
	}
	span.sectitlehome{
		font-size:22px;
		text-transform: uppercase;
		letter-spacing:1.2px;
	}
/* section titles / header drop down titles */
	span.title{
		font-size:16px;
		letter-spacing:1px;
	}
/* section descriptions / product descriptions / gallery menus / header menus */
	span.submenu{
		font-size:13px;
		letter-spacing:.6px;
	}
/* section descriptions / product descriptions / gallery menus / header menus */
	span.caption{
		font-size:12px;
		line-height:15px;
		letter-spacing: .5px;
	}
	span.captionhome{
		font-size:14px;
		line-height:15px;
		letter-spacing: .5px;
	}
	span.caption a:hover{
		color:#696969;
	}
/* bullets / gallery prices / etc */
	span.subcaption{
		font-size:11px;
	}

/* FONT LINKS --------------------------------------------------------------------------------------------------- FONT LINKS */
/* navigation links in the header */
	li.menu-item .menu-item-link:hover{
		cursor: pointer;
		color:#cccccc;
	}
	div.navigation span.sectitle:hover{
		cursor: pointer;
		color:#cccccc;
	}
/* rollover text for sub-images on home page */
	.subtext span.subcaption {
		letter-spacing:2px;
		line-height:11px;
		color: #FFF;
	}
	.subtext span.subcaption:hover {
		color: #cccccc;
		transition: .5s ease;
	}
/* product name below image on gallery pages */
	span.product{
		font-size:12px;
		letter-spacing:.3px;
	}
	span.galprice{
		font-size:11px;
		color:#696969;
	}
	span.galprice1{
		font-size:11px;
		color:#696969;
	}

/* styling for the dealers list */
	span.smdesctitle{
		font-size:12px;
		background-color:#FFFF66;
	}
	span.smdesc{
		font-size:11px;
		line-height:1em;
	}
	span.smdesc a:link{
		font-size:11px;
		font-style:none;
		text-decoration: none;
	}
	span.smdesc a:hover{
		font-size:11px;
		font-style:none;
		text-decoration: underline;
	}
	span.smdesc a:visited{
		font-size:11px;
		font-style:none;
		text-decoration:none;
	}
/*styling for the firmware links on pedalbooks product "pages" */
	.fm {
	}
	span.fm a {
		font-size:11px;
		text-decoration:none !important;
		background-color:none;
		border: 1px solid;
		padding:3px 6px 3px 6px;
	}
	span.fm a:hover {
		background-color:#ffff66;
		transition: .5s ease;
	}
	.fmhome a:link {
		font-size:11px;
		text-decoration:none !important;
		background-color:none;
		border: 1px solid;
		padding:3px 6px 3px 6px;
	}
	.fmhome a:hover {
		background-color:#23aedd;
		transition: .5s ease;
	}
	span.h {
		background-color: #ffff66;
		font-size:12px;
		letter-spacing:.3px;
		line-height:20px;
		color: #000000;
	}
/* BUTTONS FONT ---------------------------------------------------------------------------------------------------------------  BUTTONS FONT */
/* these are all rounded yellow buttons on the site */
	input.btn{
		font-family:Arial Rounded MT Bold, Arial, sans-serif;
		cursor: pointer;
		background-color:#ffff66;
		border:0px;
		border-radius:20px;
		padding:8px 15px 8px 15px;
		color:#000000;
		font-size:13px;
		letter-spacing:1px;
		text-decoration: none !important;
	}
	input.btn:hover{
		cursor: pointer;
		background-color:#23aedd;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		transition: 0.4s ease ;
	}
/* back to top button */
	#homebutton {
		display: inline-block;
		visibility: hidden;
		z-index: 1000;
		position: fixed;
		bottom: 400px;
		right: 40px;
		border-radius: 30px;
		background-color:#696969;
		transition: background-color .5s, opacity .5s, visibility .5s;
		-webkit-transition: -webkit-transform .5s ease-in-out;
		transition: transform .5s ease-in-out;
		opacity: 0;
		padding-top:8px;
		width: 40px;
		height: 40px;
		color:#FFF;
		font-size:1.8em;
		text-align: center;
	}
	#homebutton1 {
		display: inline-block;
		visibility: hidden;
		z-index: 1000;
		position: fixed;
		bottom: 250px;
		right: 40px;
		border-radius: 30px;
		background-color:#696969;
		opacity: 0;
		padding-top:15px;
		width: 40px;
		height: 40px;
		text-align: center;
		color:#FFF;
		font-size:1.8em;
	}
	#homebutton::after {
	}
	#homebutton:hover {
		cursor: pointer;
		background-color:#696969;
		text-decoration:none;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#homebutton:active {
		background-color:#696969;
	}
	#homebutton.show {
		opacity: 1;
		visibility: visible;
	}


/* HEADER ------------------------------------------------------------------------------------------------------------ HEADER */
/* hamburger menu for small screens*/
	/* Screen reader only */
	.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
	}
	/* Hide on small screens */
	.menu-toggle {
		display: none;
	}
	.menu-toggle {
	padding: .75em 15px;
	line-height: 1em;
	font-size: 2em;
	color: white
	}
	.menu-toggle:hover,
	.menu-toggle:focus {
	color: white;
	}
	.main-menu {
	display: none;
	position: absolute;
	left: -200px;
	top: 0;
	height: 100%;
	overflow-y: scroll;
	overflow-x: visible;
	transition: left 0.3s ease,
			box-shadow 0.3s ease;
	z-index: 999;
	}
	.menu-close {
		display: inline-block;
	}
	.main-menu ul {
	list-style: none;
	margin: 0;
	padding: 2.5em 0 0;
	/* Hide shadow w/ -8px while 'closed' */
	-webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			box-shadow: -8px 0 8px rgba(0,0,0,.5);
	min-height: 100%;
	width: 200px;
	background: #1a1a1a;
	}
	.main-menu a {
	display: block;
	padding: .75em 15px;
	line-height: 1em;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #383838;
	}
	.main-menu li:first-child a {
	border-top: 1px solid #383838;
	}
	.main-menu a:hover,
	.main-menu a:focus {
	background: #333;
	text-decoration: underline;
	}
	.main-menu .menu-close {
	position: absolute;
	right: 0;
	top: 0;
	}
	.main-menu:target,
	.main-menu[aria-expanded="true"] {
	display: block;
	left: 0;
	outline: none;
	-moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	-webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	box-shadow: 3px 0 12px rgba(0,0,0,.25);
	}
	.main-menu:target .menu-close,
	.main-menu[aria-expanded="true"] .menu-close {
	z-index: 1001;
	}
	.main-menu:target ul,
	.main-menu[aria-expanded="true"] ul {
	position: relative;
	z-index: 1000;
	}
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	background: #000;
	background: rgba(0,0,0,.85);
	cursor: default;
	}
	@supports (position: fixed) {
	.main-menu,
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
	}
	}


	.navigation form {
			display: none;
	}
	#nav-dropdown {
			display: none;
	}
	div.header {
		display:block;
		position:fixed;
		top:0;
		z-index:3;
		width:100%;
		background-color:#000000;
	}
	div.navigation {
		padding-left:190px;
		width:100%;
		background-color:#000000;
		vertical-align:bottom;
	}

/* Logo and Cart */
	div.logocart {
		margin-bottom:-30px;
	}
	div.mainlogo {
		display:inline-block;
		padding:10px;
		width:139px;
	}
	.logo {
		width:139px;
	}
	div.contactcart {
		display:inline-block;
		float:right;
		padding-right:20px;
		text-align:right;
	}
	div.contactcart img {
		padding:10px 0px 0px 10px;
	}
	span.cartnum{
		font-size:11px;
		color:#FFF;
		font-weight:bold;
	}

/* Dropdown Navigation */
	ul.menu-list {
		display: -webkit-flex; /* Safari */
		-webkit-flex-wrap: nowrap; /* Safari 6.1+ */
		display: flex;
		flex-wrap: nowrap;
		margin:0;
		padding:0px 0px 10px 0px;
		list-style-type: none;
		text-align:left;
	}
	li.menu-item {
		display:inline-block;
		vertical-align:bottom;
		margin-top:auto;
		padding-right:8%;
	}
	li.menu-item .menu-item-link {
		position: relative;
		padding-bottom:5px;
		color: #FFF;
		text-decoration: none;
	}
	.navigation ul ul{
		z-index:100;
		position:absolute;
		overflow: hidden;
		margin:10px 0px 0px -40px;
		height: 0;
		-webkit-transition: height 0.2s ease-in;
		-moz-transition: height 0.2s ease-in;
		-o-transition: height 0.2s ease-in;
		-ms-transition: height 0.2s ease-in;
		transition: height 0.2s ease-in;
		font-size:.9em;
		list-style-type: none;
	}
	/*.navigation > ul > li > ul:target,*/
	.navigation > ul > li:hover ul,
	.navigation > ul > li > a:hover ul,
	.navigation ul ul li:hover > ul,
	.navigation ul ul li a:hover > ul{
		height:700px;
	}
	.navigation > ul > li:hover ul.extra-long, .navigation > ul > li > a:hover ul.extra-long{
		height:600px;
	}
	.navigation ul ul li{
		border-left:0px solid #000;
		border-right:0px solid #000;
		border-bottom:0px solid #000;
		background-color: #cccccc;
		-webkit-transition: background-color 0.2s ease;
		-moz-transition: background-color 0.2s ease;
		-o-transition: background-color 0.2s ease;
		-ms-transition: background-color 0.2s ease;
		transition: background-color 0.2s ease;
		width:210px;
		text-align:left;
	}
	.navigation ul ul li:hover {
		background-color:#ffff66;
	}
	.navigation ul ul li a {
		display:block;
		margin:0 10px;
		padding:10px 0;
		color:#000;
		text-decoration:none;
	}
	.navigation ul ul li a:hover, .navigation ul ul li:hover > a {
		color:#000;
	}
	/*Borders between items*/
	.navigation ul ul li + li a{
		border-top:2px solid;
	}
	.navigation ul ul li:hover + li a{
		border-top:2px solid;
	}
	.navigation ul ul ul li:hover + li a{
		border: 0 !important;
	}
	.navigation ul ul ul li:hover + li{
		border-top:1px solid #999 !important;
	}



																															/*
																															COLORING:
																															Logo
																																Red: #ee112d
																																Blue: #23aed5
																																Green: #00a7c
																															Highlight
																																Yellow: #ffff66
																															Backgrounds
																																Site Background: #F5F5F5
																																Menu Backgrounds: #cccccc
																																Pill Bar: #cccccc;
																															Text
																																Black: #000
																																Dark Grey Text: #696969
																															*/


/* HOME PAGE STYLES ------------------------------------------------------------------------------------------ HOME PAGE */
/* main slider image style */



/* home page caption (under slider) */
	div.homeinfo{
		padding:0px 0px 70px 0px;
		text-align:center;
	}
	div.homeinfotop{
		margin-top:-120px;
		padding:0px 0px 50px 0px;
		text-align:center;
	}
	div.infoblocks {
		margin:0 auto;
		border-top: 8px solid;
		padding:15px 0px 15px 0px;
		width:100%;
	}
	div.mainimage{
		overflow:hidden;
		padding-top:70px;
		height:1000px;
	}
	div.mainimage img{
		width:100%;
	}

/*positioning of the module gallery*/

	div.homegallerymain {
		z-index:2;
		margin:0 auto;
		padding-left:10px;
		width:100%;
		height:220px;
	}
	div.gallerysub {
		float:left;
		margin-top:100px;
		width:100px;
		font-size:14px !important;
		text-align:center;
	}
	div.gallerysub a:hover{
		cursor: pointer;
	}
/*justification of the images in the gallery*/
	span.homeproduct{
		font-size:13px;
	}
	span.homeprice{
		font-size:11px;
	}
	div.homegallery1{
		margin:0 auto;
		padding-top:20px;
		width:95%;
		height:220px;
		text-align:center;
		overflow:hidden;
	}
	div.homegallery1 img{
		display:block;
		margin-bottom:12px;
		height:180px;
		transition: .2s ease;
	}
	div.homegallery1 img:hover{
		transform: scale(1.15);
	}
	div.homegallery1 div{
		display:inline-block;
		padding:0 0% 10px 0%;
		text-align:center;
	}
	div.homegallery1 div.wide{
		width:auto;
		text-align:center;
	}
	div.homegallery1 p{
		line-height:14px;
	}
	div.homegallery1 a{
		color:#000000;
		text-decoration:none;
	}

/* 3 sub promo images (news) */
	div.homesec{
		margin:0 auto;
		width:100%;
		display:block;
	}
	div.homeseclink{
		display:none;
		text-align:center;
		margin:50px 0px 0px 0px;
		overflow:none;
		wrap:nowrap;
	}
	div.subimages {
		display:block;
		margin:0 auto;
		width:50%;
		height:400px;
		wrap:nowrap;
	}
	div.subimagetext{
		float:right;
		height:400px;
		width:60%;
		color:#696969;
		line-height:16px;
		position:relative;
	}

	div.subimagetext p{
		width:100%;
			position: absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		color:#696969;
	}
	div.bline{
		margin:0 auto;
		border-bottom:8px solid #cccccc;
		border-radius:5px;
		width:60%;
	}
	div.tlineall{
		margin:0 auto;
		border-top:8px solid #cccccc;
		border-radius:5px;
		width:100%;
		clear:both;
	}
	div.tline{
		margin:0 auto;
		border-top:8px solid #cccccc;
		border-radius:5px;
		width:60%;
		clear: both;
	}
	.container {
		position: relative;
		float:left;
		margin:50px 0px 50px 0px;
		border-radius:250px;
		width:35%;
	}
	.image {
		display: block;
		border-radius:250px;
		width: 100%;
		height: auto;
	}
	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius:1250px;
		width: 100%;
		opacity: 0;
		transition: .5s ease;
		background-image:url("index_images/subbackground.png");
	}
	.container:hover .overlay {
			opacity: 1;
	}
	.subtext {
		position: absolute;
		top: 50%;
		left: 50%;
		width:75%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
	}

	table.subtitle {
		border-bottom:solid 0px;
		text-align:center;
	}
	td.subtitletext{
		border-top:2px solid #000;
		width:50%;
	}
	td.subno-wrap{
		white-space:nowrap;
		padding-bottom:5px;
	}
	div.cal{
		display:inline-block;
		float:left;
		margin-right:40px;
		width:32%;
		text-align:left;
	}
	div.calhead a{
		color:#23aedd;
		text-decoration: none;
		-webkit-transition: color 0.4s ease;
		-moz-transition: color 0.4s ease;
		-o-transition: color 0.4s ease;
		-ms-transition: color 0.4s ease;
		transition: color 0.4s ease;
	}
	div.calhead a:hover{
		color:#78319D;
	}
	div.calhead{
		font-size:16px;
	}
	div.caltime{
		font-size:12px;
		padding-top:10px;
	}
	div.caldesc{
		font-size:12px;
		padding-top:10px;
	}

/* promo section- newest release */
	div.promoline{
		margin:0 auto;
		border-top:8px solid #696969;
		border-radius:5px;
		width:60%;
	}
	div.slantedcontainer{
		position:relative;
		overflow:hidden;
		top:-150px;
		margin-bottom:-150px;
		width:100%;
		height:950px;
	}
	div.slanted{
		position:absolute;
		z-index:-1;
		top:150px;
		left:-10%;
		transform:rotate(-6deg);
		background-image: linear-gradient(60deg,
					#0a6fb0,
					#000000,
					#000000,
					#693764);
		width:120%;
		height:1400px;
	}
	div.promoimage{
		position:absolute;
		z-index:1;
		top:200px;
		right:15%;
		left:52%;
		width:35%;
		height:700px;
	}
	div.promoimage img{
		padding-left:50px;
		width:100%;
		height:auto;
	}
	div.promotext{
		position:absolute;
		z-index:2;
		top:300px;
		left:15%;
		width:35%;
		color:#696969;
		text-align:center;
	}
	div.promotext a{
		color:#696969;
	}
	div.promotext img{
		width:500px;
		padding-right:15px;
	}
	div.promotext .caption ul {
		margin:60px auto;
		padding:30px 30px 30px 30px;
		border-bottom:2px solid;
			border-top:2px solid;
		width:70%;
		font-size:11px;
		color:#696969;
		text-align:left;
			list-style: none;
	}

/* bullet point for the promo product */
	div.promotext .caption ul li:before{
		display: inline-block;
		margin-left: -1em;
		width: 1em;
		content: "\2022";
		font-size:18px;
 		color: #AB5FA3;
	}
	div.promotext .caption ul li{
		margin-bottom:10px;
	}





/* instagram grid */
	div.instagrid {
		margin-top:-15px;
		margin-bottom:-35px;
		width:100%;
		text-align:center;
		border-bottom:70px solid #000;
		background-color:#000;
		z-index:2;
	}

	td.instagramgrid {
		width:100%;
		text-align:center;
	}

/* home about rollover image and link*/
	div.homeabout{
		padding-top:0px;
		padding-bottom:90px;
		width:100%;
	}
	div.homeabout p{
		font-size:18px;
		font-weight: normal;
		color:#696969;
		text-align: center;
	}
	.aboutcontainer {
		position: relative;
		margin:0 auto;
		border-radius:200px;
		padding:80px 5px 0px 5px;
		width:400px;
		height:400px;
		text-align: center;
	}
	.aboutcontainer img{
		border-radius:200px;
	}
	.aboutimage {
		display: block;
		border-radius:200px;
		width: 100%;
		height: auto;
	}
	.aboutoverlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius:1250px;
		width: 100%;
		opacity: 1;
		transition: opacity .7s ease;
	}
	.aboutoverlay img{
		opacity:1;
		transition: opacity .7s ease;
	}
	.aboutcontainer:hover .aboutoverlay img{
			opacity: 0;
	}
	.aboutsubtext {
		position: absolute;
		top: 50%;
		left: 50%;
		width:100%;
		height:auto;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		text-align: center;
		transition: top .7s ease;
	}
	.aboutcontainer:hover .aboutsubtext {
		top:80%;
	}
	.aboutcontainer img.hex{
		width:40px;
		margin-bottom:20px;
	}


/* OVERVIEW PAGES ------------------------------------------------------------------------------------------------------------- OVERVIEW */
	div.overviewtitle {
		padding-bottom:40px;
		text-align:left;
		margin-top:-80px;
	}
	div.overviewdesc {
		padding-bottom:50px;
		text-align:left;
		width:100%;
	}
	div.podoverviewimage{
		margin:0 auto;
		width:80%;
	}
	div.podoverviewimage img{
		border-radius:30px;
	}
	div.steps{
		margin:0 auto;
		padding-top:70px;
		width:80%;
	}
	div.step{
		display:inline-block;
		width:33%;
		vertical-align:top;
	}
	div.stepsimg{
		margin:0 auto;
		padding-right:40px;
		width:75%;
	}
	div.stepsimg img{
		border-radius:150px;
	}
	div.stepstext{
		margin:0 auto;
		padding-top:30px;
		width:75%;
		text-align:left;
	}
	div.stepslink{
		margin:0 auto;
		padding-top:30px;
		width:75%;
		text-align:left;
	}
	div.pairings{
		margin:0 auto;
		width:100%;
	}
	div.pairing{
		vertical-align: top;
		display:inline-block;
		padding:0 2% 0 0px;
	}
	div.pairingimages{
		padding:20px 0 10px 0;
	}
	div.stepnew{
		width:90%;
		margin:0 auto;
		background-color:#cccccd;
		padding:60px;
	}
	div.stepnew .pgtitle{
		text-transform: uppercase;
	}
	div.pairingimages img{
		height:120px;
		width:auto;
	}
	div.tlineov{
		display:block;
		width:80%;
		margin:20px auto;
		border-top:8px solid #cccccc;
		border-radius:5px;
		clear:both;
	}
	div.pairingname{
		text-align:left;
	}
	div.pairing .descheader{
		font-size:14px;
		font-style: italic;
		text-decoration: none !important;
	}
	div.pairing .descheader a:link{
		text-decoration: none !important;
	}
	div.pairingname ul{
		list-style: none;
		padding-left:10px;
		padding-top:5px;
		width:250px;
	}
	div.pairingname ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: red; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
	}
/* row power overview page */
	div.rowpowpic{
		float:left;
		padding-bottom:50px;
		padding-right:50px;
	}
	div.rowpowtext{
		float:left;
		text-align:left;
	}
	div.powgallery{
		margin:0 auto;
		padding-top:20px;
		width:90%;
		height:270px;
		text-align:center;
		overflow:hidden;
	}
	div.powgallery img{
		display:block;
		margin-bottom:12px;
		transition: transform .2s;
	}
	div.powgallery img:hover{
		transform: scale(1.2);
	}
	div.powgallery div{
		display:inline-block;
		padding:0 2.5% 40px 2.5%;
		text-align:center;
	}
	div.powgallery div.wide{
		width:auto;
		text-align:center;
	}
	div.powgallery p{
		line-height:14px;
	}
	div.powgallery a{
		color:#000000;
		text-decoration:none;
	}
	div.overviewimage{
		width:100%;
		text-align: center;
	}
	div.overviewimage img{
		margin:0 auto;
		width:50%;
	}



/* GALLERY PAGES ------------------------------------------------------------------------------------------------------------- GALLERY */
/* header text for the gallery */
	div.gallerytitle1{
		display:none;
	}
	div.galleryspace {
		margin-left:200px;
		border-bottom:2px solid;
		padding-top:5px;
		max-width:100%;
		height:90px;
		max-height:90px;
		text-align:left;
	}
/* fixed on scroll side navigation */
	.side-nav-wrapper {
		position:fixed;
		width: 200px;
		text-align: left;
	}
	.tab2-c, .tab3-c, .tab4-c, .tab5-c, .tab6-c, .tab7-c {
		display:none; /*these sections will not display when window is opened*/
	}
	.side-nav-wrapper ul {
			margin:0;
		padding:0;
	}
	.side-nav-wrapper ul li {
		display:block;
		border-bottom:2px solid #000;
		border-left:2px solid #000;
		padding-left:6px;
		width:200px;
		height:35px;
		text-align: left;
	}
	.side-nav-wrapper ul li.gallerytitle {
		display:block;
		border-bottom:2px solid #000;
		border-left:none !important;
		width:200px;
		height:90px;
		text-align: left;
	}
	.side-nav-wrapper ul li.gallerytitle a:hover {
			cursor: default !important;
			color: #000;
		text-decoration: none;
	}
	.side-nav-wrapper ul li a {
		cursor:pointer;
		display: inline-block;
		margin: 0;
		padding-top:10px;
		color: #000;
		text-decoration: none;
	}
	.side-nav-wrapper li a:hover {
		cursor:pointer;
		color: #999;
		text-decoration: none;
	}
	.side-nav-wrapper li:hover {
		cursor:pointer;
	}

/*positioning of the gallery*/
	div.productgallery {
		border-bottom:2px solid #000;
		padding:10px 0px 0px 200px;
		min-height:700px;
	}
/*justification of the images in the gallery*/
	div.gallery{
		display:flex;
		flex-wrap:wrap;
		margin-left:50px;
		padding-top:30px;
		max-width:1500px;
		font-size: 12px;
	}
	div.gallery div{
		display:inline-block;
		margin:0px 1% 0px 1%;
		text-align:center;
		width:280px;
	}
	div.gallery div.wide{
		text-align:center;
		object-fit: cover;
	}
	div.gallery img{
		margin-bottom:15px;
		margin-top:15px;
		height:200px;
		opacity:1;
		object-fit: contain;
		transition: transform .2s;
	}
	div.gallery img:hover{
		transform: scale(1.1);
	}
	div.gallery p{
		margin-bottom:30px;
		line-height:12px;
	}
	div.gallery a{
		color:#000000;
		text-decoration:none;
	}
	div.black{
		background-color:#000;
		color:#fff;
		margin-bottom:-20px;
		padding-bottom:200px;
	}
	div.pedalcontainer .img{
		height:100px;
		width:200px;
	}
	/*
																															COLORING:
																															Logo
																																Red: #ee112d
																																Blue: #23aed5
																																Green: #00a7c
																															Highlight
																																Yellow: #ffff66
																															Backgrounds
																																Site Background: #F5F5F5
																																Menu Backgrounds: #cccccc
																																Pill Bar: #cccccc;
																															Text
																																Black: #000
																																Dark Grey Text: #696969
																															*/
/* PRODUCT PAGES----------------------------------------------------------------------------------------------------------------- PRODUCT */


/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	cursor: zoom-out;
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	cursor: zoom-out;
	outline: none;

	/** Unhide lightbox **/
	display: block;
}
	div.main-img{
		width: auto;
		height:500px;
	}

/* Product Header and Breadcrumb */
	table.product-header {
		margin-bottom:10px;
		border-bottom:2px solid;
		padding-bottom:10px;
		width:100%;
	}
	td.producttitle {
		float:left;
		font-size:24px;
		letter-spacing:.8px;
		text-align:left;
	}
	td.breadcrumb {
		width:50%;
		vertical-align:bottom;
		text-align:right;
	}
	span.breadcrumb {
		color:#000;
		font-size:11px;
		letter-spacing:.3px;
		font-style:italic;
	}
	span.breadcrumb a:link{
		color:#000;
		text-decoration:none;
	}
	span.breadcrumb a:hover{
		color:#989898;
		text-decoration:underline;
	}
	span.breadcrumb a:visited{
		color:#000;
		text-decoration:underline;
	}

/* Product Description */
	div.overview {
		vertical-align: middle;
		max-width:50%;
		padding:0px 12% 0px 5px;
		font-size:12px;
		letter-spacing:.3px;
		line-height:15px;
		text-align:left;
	}
	div.overview p{
		padding-bottom:10px;
		min-width:100px;
		text-align:left;
	}
	div.overview ul{
		text-align:left;
	}
	div.addtocart{
		float:left;
	}
	div.addtocart input[type=text]{
		width:26px;
		height:22px;
	}
	input.addtocart {
		display:inline-block;
		border:none;
		margin-top:10px;
		background-color:#ffff66;
		border-radius:20px;
		padding:10px 15px 10px 15px;
		color:#000000;
		font-family:Arial Rounded MT Bold, Arial, sans-serif;
		font-size:13px;
		font-weight:bold;
		font-style:normal;
		text-decoration:none;
		text-align:center;
	}
	input.addtocart:hover {
		background-color:#23aedd;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
	}
	input.addtocart:active {
		position:relative;
		top:1px;
	}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
}

/*merch pages*/
	div.merchaddtocart p{
		padding-bottom:0px !important;
	}
	div.merchaddtocart{
		float:left;
		border-top:2px solid;
		border-bottom:2px solid;
		padding:30px;
		width:100%;
	}
	div.sizebox{
		border:1px solid;
	}
	div.merchaddtocart input[type=text]{
		width:26px;
		height:22px;
		font-size:11px;
		text-align:center;
	}
	input.merchaddtocart {
		display:inline-block;
		border:none;
		background-color:#ffff66;
		padding:4px 12px 4px 12px;
		color:#000000;
		font-family:Arial Rounded MT Bold, Arial, sans-serif;
		font-size:12px;
		font-weight:bold;
		font-style:normal;
		letter-spacing:.2px;
		text-decoration:none;
		text-align:center;
	}
	input.merchaddtocart:hover {
		background-color:#23aedd;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
	}
	input.merchaddtocart:active {
		position:relative;
		top:1px;
	}
	p.price{
		height:20px !important;
		text-align:left;
	}
	span.price{
		height:20px;
		font-size:13px !important;
		letter-spacing:.5px;
	}
	span.size{
		display:inline-block;
		width:25px;
		font-size:13px;
	}
	span.stock{
		font-weight:none;
		font-style:italic;
	}

/* Tabs Container */
	#product_info_tabs_container{
		text-align:left;
	}
	#tabs {
		margin:0px;
		padding: 0px 0 8px 0;
		list-style: none;
	}
	#tabs li {
		display: inline;
		font-size:12px;
	}
	#tabs li a{
		border: 0px solid #000;
		border-bottom: 0px;
		background-color:  #999;
		background:linear-gradient(225deg, transparent 5px, #999 0) top left;
		padding: 8px 8px;
		outline: none;
		color:#666;
		font-size:12px;
		text-decoration: none;
	}
	#tabs li a:hover {
		padding: 8px 8px;
		color:#000;
	}
	#tabs li.active a{
		border-bottom: 1px solid #CCC;
		background-color: #CCC;
		background:linear-gradient(225deg, transparent 5px, #cccccc 0) top left;
		padding: 8px 8px;
		color:#000;
	}
	#tabs li.active a:hover {
	}
	#product_info_content_container{
		overflow:auto;
		border:0px solid #000;
		background-color:#CCC;
		padding: 20px;
		height:700px;
		font-size:12px;
		line-height:19px;
	}
	div.tab_content{
		display:none;
		text-align:left;
	}
	#featurestab{
		display:block;
	}
	div#relatedtab.tab_content{
		height:100%;
		background-color:#f5f5f5;
	}

/* Product Images */
	#product{
		cursor: zoom-in;
		max-height:500px;
	}
	div.photoblock{
		vertical-align: top;
		padding:0px 10px 0px 10px;
	}
	div.thumbs{
		margin-right:20px;
		width: 70px;
		max-height:500px;
	}
	.thumbs img{
		padding:4px;
		max-height:100px;
	}
	div.photoblock .main-img {
		/*float:left;*/
	}

	div.product-img{
		display:flex;
		flex-direction:row;
		width:50%;
	}
	.pic-holder{
		position:relative;
		border:1px dashed black;
		width:100px;
		height:100px;
	}
	#zoom div.small img{
		height:420px;
		width:auto;
	}
	#zoom div.large img{
		height:auto;
		width:auto;
	}
	#banner{
			width: 100%;
			margin-top: 0.2em;
	}
	#content div.info p{
		font-size:0.75em;
		text-align: left;
	}
	.leftalign{
		text-align:left;
	}
	.thumbs{
		align-items:center;
		justify-content:center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	.thumb_container{
		display:inline-block;
		padding:0;
		width:100%;
		height:auto;
	}
	.fluid3{
		flex: 3;
	}
	.fluid1{
		flex:1;
	}
	.order1{ -webkit-order:1;order:1; }
	.order2{ -webkit-order:2;order:2; }
	.order3{ -webkit-order:3;order:3; }
	.order4{ -webkit-order:4;order:4; }
	.fixed{
		width:100%;
	}
	.video { position: relative; }
	.video a {
			position: absolute;
			top: 120px;
			left: 120px;
			display: block;
			background: url(https://4mscompany.com/button_grey_play.png);
			height: 128px;
			width: 128px;
	}
	div.related-container{
		margin:5px;
		border: 1px dashed black;
		border-radius:10px;
		text-align:left;
	}
	p.related-header{
		margin:0px 0px 0px 8px;
		padding-bottom:0px;
		text-align:left;
	}
	.related{
		margin-right:10px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		align-items: baseline;
		align-content: flex-start;
		list-style:none;
	}
	.related-item{
		display:inline-block;
		margin:10px 20px 10px 20px;
		text-align:center;
		background-color:#f5f5f5;
		border-radius:5px;
		padding:10px;
	}
	.related-item img{
		width:auto;
		height:130px;
	}
	.related-item a{
		color:#000;
		font-size:0.8em;
		line-height:10px;
		text-decoration:none;
		text-align:center;
	}
	.related-item a:hover{
		opacity:0.6;
		color:#696969;
	}
	.box-item{
		display:inline-block;
		margin:10px 20px 10px 20px;
		text-align:center;
		background-color:#f5f5f5;
		border-radius:5px;
		padding:10px;
	}
	.box-item img{
		width:auto;
		height:180px;
	}


/* DEALERS PAGE ------------------------------------------------------------------------------------------------------------ DEALERS */

	div.dealer-container {
		padding-bottom:30px;
		text-align:left;
	}
	div.pgtitle {
		padding:10px 0px 30px 0px;
		text-align:left;
	}
	div.dealers {
		margin:0 auto;
		padding:50px 0px 50px 40px;
		width:80%;
		-webkit-column-count: 5;
		-moz-column-count: 5;
		column-count: 5;
		-webkit-column-width: 150px;
		-moz-column-width: 150px;
		column-width: 150px;
		text-align:left;
	}
	div.group {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		padding-top:5px;
	}
	div.dealer-container table{
		padding-top:50px;
		text-align:center;
	}
	div.group span.smdesc a{
		color:#696969;
	}


/* ABOUT -------------------------------------------------------------------------------------------------------------------------- ABOUT  */
	.abouttitle input{
		float:right;
	}
	div.aboutfoot{
		margin-bottom:-26px;
	}
	div.aboutimagecontainer{
		margin:0 auto;
		width:100%;
		padding:100px 0 150px 0;
		text-align:center;
		display:block;
	}
	div.aboutimagecontainer img{
		vertical-align: top;
		padding:0 2% 0 2%;
	}
	div.aboutbutton{
		background-color:#d4d4d4;
		border-radius:90px;
		width:20px;
		height:20px;
		border:2px solid #c1c1c1;
		margin:10px auto;
	}
	div.aboutbutton:hover{
		background-color:#91d6f1;
		border:2px solid #75b6d0;
		border-radius:90px;
		width:20px;
		height:20px;
	}
	div.aboutsection{
		width:70%;
		margin:0 auto;
	}
	div.abouttitleleft{
		width:100%;
		text-align: left;
		padding-right:30px;
		margin-top:-80px;
	}
	div.aboutappear{
		float:right;
		width:20%;
		height:100px;
		padding-top:0px;
		padding-left:20px;
	}
	div.abouttitle{
		float:left;
		width:100%;
		text-align: left;
	}
	div.aboutwhoweare {
		padding-top:50px;
		text-align:center;
	}
	div.aboutwhoweare img{
		margin-bottom:20px;
	}
	div.aboutsec{
		width:100%;
		padding-bottom:20px;
		text-align: center;
	}
	div.aboutimages {
		width:13%;
		height:auto;
		display:inline-block;
	}
	div.aboutimagetimeline{
		text-align:center;

	}
	div.aboutimages img{
		padding:40px 10px 50px 10px;
	}
	div.abouttext {
		line-height:16px;
		text-align:center;
	}
	.image {
		border-radius:250px;
			width: 100%;
			height: auto;
	}
	td.subno-wrap{
		white-space:nowrap;
		padding-bottom:5px;
	}
	div.aboutwhoweare a:link input.btn{
		text-decoration:none !important;
		font-weight:bold;
	}
	input.btn a:link{
		text-decoration:none !important;
	}
	div.aboutfloatright{
		float:right;
		padding:10px 0px 10px 10px;
		width:40%;
	}
	div.aboutfloatleft{
		float:left;
		padding:10px 10px 10px 0px;
		width:40%;
	}

/* WHO WE ARE PAGE ------------------------------------------------------------------------------------------------------------ WHO WE ARE */
	table.bios {
	table-layout:auto;
	margin:0 auto;
	width:95%;
	max-width:1060px;
	padding-top:50px;
	padding-bottom:50px;
	}
	td.bios-image {
	height:200px;
	width:200px;
	border-radius:200px;
	overflow:hidden;
	display:block;
	}
	td.bios-text {
	text-align:left;
	}
	td.bios-text .desc{
		color:#696969;
	}
	td.bios-responsive {
	border:0px;
	border-collapse:collapse;
	width:48px;
	padding:15px;
	}
	table.bios-column {
	margin:0 auto;
	width:80%;
	padding-top:15px;
	padding-bottom:15px;
	}
	td.bios-text-column {
	text-align:left;
	padding-left:30px;
	padding-right:30px;
	}
	td.bios-image-column img {
	height:200px;
	width:200px;
	}
	td.wearetitle{
		width:248px;
	}



/* CONTACT PAGE ---------------------------------------------------------------------------------------------------------------- CONTACT */

	table.contact-background{
		margin:0 auto;
		border: none;
		border-radius:30px;
		background-image: url("Images/4mspattern.png");
		background-color:#e2e0e2;
		background-position:left top;
		background-repeat:repeat;
		background-size:350px;
		padding:40px 0px 30px 0px;
		max-width:1050px;
	}
	table.contact {
		margin:auto;
		border-collapse:collapse;
	}
	td.contact {
		border:none;
		border-collapse:collapse;
		padding:5px;
		text-align:right;
	}
	td.desc {
		text-align:left;
		border:none;
		border-collapse:collapse;
	}
	div.emailusheader{
		padding:0px 0px 20px 50px;
		font-size:20px;
		text-align:left;
	}
	td.textarea {
		border:1px solid;
		border-collapse:collapse;
		background-color:#FFF;
		padding:5px;
		width:50%;
		text-align:left;
	}
	textarea.contact{
		border:0px solid;
		background-color:#FFF;
		color:#000000;
		font-family:Verdana,Arial,helvetica,sans-serif;
		font-size:12px;
	}
	input.contactsubj{
		cursor: text;
		background-color:#FFF;
		border:0px solid;
		color:#000000;
		font-family:Verdana,Arial,helvetica,sans-serif;
		font-size:12px;
		text-align:left;
	}
	input.contactsubj:hover{
		cursor:text;
		background-color:#FFF;
	}

/* CART PAGE ---------------------------------------------------------------------------------------------------------------------- CART */
	ul.cart{
		border: 0px solid #000;
		border-radius:30px;
		background-image: url("Images/4mspattern.png");
		background-size:350px;
		background-position:left top;
		background-repeat:repeat;
		background-color:none;
		padding:40px;
		width:100%;
		text-align:left;
		list-style-type: none;
	}
	.cart .row{
		clear:both;
		margin:0px;
		border: 0px solid #000;
		padding:15px 0px 6px 0px;
		background-color: #FFF;
		height:120px;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #000000;
	}
	.cart .row span{
		vertical-align: middle;
		white-space:nowrap;
	}

	.cart .itemname a{
		text-decoration:none;
	}
	.cart .itemname-short{
		display: none;
	}
	.cart .itemname-long{
		display: inline;
	}
	.cart .photo{
		float:left;
		padding-right:10px;
		width:15%;
		text-align:center;
	}
	.cart .photo img{
		max-width:80px;
		max-height:80px;
	}
	.cart .itemname{
		float: left;
		width:40%;
	}
	.cart li.header .itemname{
		width:40%;
	}
	.cart .qty{
		float : left;
		width: 10%;
	}
	.cart .qty input{
	}
	.cart .priceeach{
		float: left;
		width: 10%;
	}
	.cart .pricetot{
		float: right;
		margin-left:4px;
		padding-right:10px;
		width:20%;
		text-align:right;
		font-weight:bold;
	}
	.cart .remove {
	}
	.cart .message{
		background-color: #ffff66;
		padding:5px;
		width:auto;
		font-size:11px;
		font-style: italic;
		color: #000;
	}
	.cart li.header{
		background-color:none;
		box-shadow: 0 0 0;
		padding:20px 0px 0px 0px;
		height:auto;
		font-size:14px;
		color: #000000;
		line-height:20px;
	}
	.cart li.footer{
		padding-top:5px;
		height:auto;
		text-align:right;
	}
	.cart li.header .remove{
		padding-right:48px;
	}
	.cart .ship_select{
		padding:0px 10px 10px 0px;
		height:auto;
		text-align:right;
	}
	.cart .subtotal{
		padding-right:10px;
		height:auto;
		text-align:right;
	}
	.cart input[class="noedit"]{
		font-size:11px;
	}
	div.carticon{
		position:relative;
		float:right;
		padding-right:6px;
		text-align:right;
	}
	.cart .remove input[type=submit]{
		border: none;
		background-color:transparent;
		width:20px;
		height:20px;
		font-size:10px;
		color:grey;
	}
	.cart .remove input[type=submit]:hover{
		background-color: yellow;
	}
	.cart .payments{
		float:left;
		margin:0px 0px 0px -1px;
		border: 2px solid black;
		padding:20px 20px;
	}
	.cart .cart-order-time-note {
		padding-top:10px;
	}
	.cart #payment-processing {
		font-size: 14px;
		font-weight: bold;
		padding:15px 20px 15px 20px;
		text-align:center;
	}
	.cart #pp-error {
		clear:both;
		padding: 15px;
		background-color: #FFF;
	}
	.cart #pp-generic-error {
		clear:both;
		padding: 15px;
		background-color: #FFF;
	}
	.cart #pp-response {
		clear:both;
		margin: 0px;
		border: 0px solid #000;
		padding:15px 20px 15px 20px;
		background-color: #FFF;
		font-family:Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #000000;
	}
	.cart #pp-response-successmessage {
		font-size: 14px;
		color: #383838;
		font-weight: bold;
		text-align: left;
	}
	.cart #payment-success-details {
		font-size: 11px;
		color: black;
		text-align: left;
		font-weight: bold;
	}
	.cart #payment-success-details div {
		font-color: grey;
		font-style: italic;
		font-weight: 100;
	}
	.cart .checkout{
		height: 60px;
		text-align:left;
		padding-right:10px;
	}
	.cart .totals{
		padding-top:30px;
		height:50px;
	}
	#pp-response-email {
	};
	#pp-response-shipname {
	};
	#pp-response-shipstreet {
	};
	#pp-response-shipstate {
	};
	#pp-response-shipcity {
	};
	#pp-response-shipzip {
	};
	#pp-response-shipcountry {
	};
	select#countryfreightcalc {
		height: 25px;
	}
	#zipcode{
		display:none;
		float:right;
		text-align:right;
	}
	#zipcode input{
		height:25px;
	}
	input.remove{
		border:none;
		background-color:#FFF;
		color:#999;
		font-weight:400;
	}
	input.remove:hover{
		cursor: pointer;
		color:#000;
	}
	table.pgtitleform {
		border-bottom:solid 0px;
		padding:20px 0px 0px 0px;
		text-align:left;
	}
/*(update cart, back to shop)*/
	input.btn1{
		cursor: pointer;
		border:2px solid;
		background-color:#fff;
		padding:4px;
		font-size:11px;
		color:#000;
		text-decoration:none;
	}
	li.footer input.btn1{
		margin:10px -8px 20px 0px;
	}
	li.footer span.photo{
		text-align:left;
	}
	input.btn1:hover{
		cursor: pointer;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		-o-transition: background-color 0.3s ease;
		-ms-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
		background-color:#ffff66;
	}
	.message{
		background-color:yellow;
	}
	div.errmsg{
		background:yellow;
		padding: 4px 8px;
	}

/* EVENTS PAGE --------------------------------------------------------------------------------------------------------------------- EVENTS */
	table.calendar {
		border:0px;
		border-collapse:collapse;
		font-size:14px;
		line-height:18px;
	}
	td.cal-header {
		border:1px solid #000;
		border-collapse:collapse;
		padding-left:5px;
		font-size:11px;
	}
	td.cal-date {
		vertical-align:top;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-top:1px solid #000;
		border-collapse:collapse;
		padding-right:5px;
		font-size:11px;
		text-align:right;
	}
	td.cal-event {
		font-size:11px;
		line-height:12px;
		font-weight:500;
		text-align:right;
		border-left:solid;
		border-right:solid;
		border-bottom:solid;
		border-width:1px;
		border-color:#000;
		border-collapse:collapse;
		vertical-align:top;
	}



																															/*
																															COLORING:
																															Logo
																																Red: #ee112d
																																Blue: #23aed5
																																Green: #00a7c
																															Highlight
																																Yellow: #ffff66
																															Backgrounds
																																Site Background: #F5F5F5
																																Menu Backgrounds: #cccccc
																																Pill Bar: #cccccc;
																															Text
																																Black: #000
																																Dark Grey Text: #696969
																															*/


/* FAQS PAGE ---------------------------------------------------------------------------------------------------------------------------- FAQS */
/* container for the page */
	div.faqs{
		margin:0 auto;
		width:100%;
	}
/* header container */
	div.faq-title{
		width:100%;
		text-align:left;
		padding-bottom:40px;
	}
/* positioning of the gallery*/
	div.faq-block{
		display:block;
		width:100%;
	}
	div.faqgallery {
		float:left;
		padding:0px 0px 0px 20px;
		text-align:left;
		width:80%;
	}
	div.faq-gallery{
		margin-left:20px;
		max-width:1024px;
		font-size: 11px;
		text-align:left;
	}
	div.faq-gallery .bline{
		width:80%;
		margin-top:50px;
	}
	div.faq-gallery .tline{
		width:80%;
		margin-bottom:50px;
		margin-top:50px;
		color:#fff;
	}
/* these will go away once new faqs page is up */
	div.faqs-container{
		margin-left:20px;
		max-width:1024px;
		font-size: 11px;
		text-align:left;
	}
	div.faqs-container .bline{
		width:80%;
		margin-top:50px;
	}
	div.faqs-container .tline{
		width:80%;
		margin-bottom:50px;
		margin-top:50px;
		color:#fff;
	}

/* FIRMWARE PAGE -------------------------------------------------------------------------------------------------------------------------- FIRMWARE */
/* container for the page */
	div.firmware{
		margin:0 auto;
		width:100%;
	}
/* header container */
	div.firmware-title{
		width:100%;
		text-align:left;
		padding-bottom:40px;
	}
/* positioning of the gallery*/
	div.firmware-block{
		display:block;
		width:100%;
	}
	div.firmwaregallery {
		float:left;
		padding:0px 0px 0px 20px;
		text-align:left;
		width:80%;
	}
	div.firmware-gallery{
		margin-left:20px;
		max-width:1024px;
		text-align:left;
	}
	div.firmware-info{
		padding-top:20px;
		font-size: 11px;
	}
	div.cat-tabs{
		float:left;
		text-align: left;
		width:20%;
		font-size:12px;
	}
/* TABS ----------------------------------------------------------------------------------------------------------------- FAQS AND FIRMWARE TABS */
/* Style the tab */
	.tab {
		overflow: hidden;
	}
/* Style the buttons inside the tab */
	.tab span {
		margin-right:4px;
		padding:5px 10px 5px 10px;
		float: left;
		cursor: pointer;
		transition: 0.3s;
		background:linear-gradient(225deg, transparent 5px, #989898 0) top left;
		color:#696969;
	}
/* Change background color of buttons on hover */
	.tab span:hover {
		color:#000;
	}
/* Create an active/current tablink class */
	.tab span.active {
		color:#000;
		background:linear-gradient(225deg, transparent 5px, #cccccc 0) top left;
	}
/* Style the tab content */
	.tabcontent {
	display: none;
	background-color:#cccccc;
	}
	div.tabcontent ul{
		list-style: none;
		padding:10px 0 10px 0;
		margin:0;
	}
	div.tabcontent ul li{
		padding:4px 15px 4px 5px;
	}
	div.tabcontent ul li a{
		padding:4px 15px 4px 15px;
	}
	div.tabcontent ul li a:hover{
		background-color: #ffff66;
	}
	div.tabcontent ul li a:active{
		background-color:#ffff66;
	}
	div.tabcontent ul li a:hover{
		text-decoration: none;

	}


/* DISCONTINUED PAGE ------------------------------------------------------------------------------------------------------------------ DISCONTINUED */

	div.discgalleryspace {
		margin-left:0px;
		border-bottom:2px solid;
		padding-top:5px;
		max-width:100%;
		height:50px;
		max-height:80px;
		font-size:13px;
		letter-spacing:.5px;
		text-align:left;
	}
	div.discgallery{
		justify-content:space-between;
		display:flex;
		flex-wrap:wrap;
		padding-top:40px;
		max-width:1500px;
		font-size: 12px;
	}
	div.discproductgallery {
		border-bottom:2px solid #000;
		min-height:700px;
	}
	div.discgallerytitle{
		float:left;
		padding-right:20px;
		font-size:22px;
	}
	div.discgalleryinfo{
		padding-top:10px;
	}


/* LEGACY PAGE ---------------------------------------------------------------------------------------------------------------------------------------------------- LEGACY */

div.legacybackground{
	background-image: linear-gradient(20deg, #000000, #3d244d, #000000);
	padding-bottom:100px;
	margin-bottom:-50px;
}
div.legacygallery{
	padding-top:100px;
	width:85%;
	height:auto;
	margin:50px auto;
	overflow:auto;
}
div.legacyleft{
	float:left;
	width:35px;
	background-color:#999;
	padding-top:120px;
	padding-bottom:20px;
	margin-top:30px;
	vertical-align: bottom;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
div.legacyright{
	float:left;
	width:95%;
	margin:0 auto;
	border-radius:30px;
	border:6px solid #999;
}
span.legacyside{
	display:block;
	font-color:#000;
	font-size:20px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	letter-spacing:1px;
}

div.legacy span.galprice{
	display:none !important;
}




/* PEDALS PAGE ------------------------------------------------------------------------------------------------------------------------- PEDALS */
div.pedalsheader{
	display:block;
	width:100%;
}
div.pedalsheadinfo{
	width:100%;
	padding-top:50px;
	display:block;
	padding-bottom:200px;
}
div.pedalsinfo{
	float:left;
	width:50%;
	text-align:justify;
	padding-bottom:10px;
}
div.pedalsinfo1{
	text-align:justify;
	padding-right:60px;
	margin-right:40px;
	float:left;
	width:230px;
	 -ms-transform: rotate(-90deg); /* IE 9 */
		-webkit-transform: rotate(-90deg); /* Safari */
		transform: rotate(-90deg); /* Standard syntax */

}
div.pedalsinfo2{
	float:left;
	width:300px;
	padding-right:100px;
	padding-bottom:60px;
}
div.pedalsinfo3{
	padding-left:70px;
	padding-top:20px;
	color:#ffff66;
	float:left;
	width:80%;
	margin:none;
}
div.pedalsinfo4{
	float:left;
	width:20%;
	text-align: justify;
}
div.pedalslogo{
	float:left;
	width:20%;
}
div.pedalslogo img{
	max-height:120px;
}
div.pedallink{
	float:right;
	text-align:left;
	height:120px;
	width:80%;
	padding-top:42px;
}
span.pedallink a{
	font-size:21px;
	color:#ffff66;
	text-decoration: none !important;
	text-transform: uppercase;
}
span.pedallink a:hover{
	color:#ee112d;
	font-style: italic;
}
div.pedalsgallery{
	text-align:center;
	margin:0 auto;
}

.stripe-1 {
	margin-top:150px;
	text-align:center;
	color: white;
	height:500px;
	background: repeating-linear-gradient(
	45deg,
	#fff,
	#fff 1px,
	#000 2px,
	#000 20px
	);
}


/* GALLERY ITEMS */
.fg-gallery{
	display:block;
}
.fg-gallery1{
	display:block;
}
.fg-gallery:after {
	content: "";
	display: inline-block;
	clear: both;
}
.gallery-items {
	cursor: zoom-in;
	float: left;
	overflow: hidden;
	margin:50px;
}
.gallery-items img{
	height:170px;
	width:270px;
}
/* GALLERY COLUMNS */
.cols-2 .gallery-items {
	width: 49%;
}
.cols-2 .gallery-items:nth-child(2n) {
	margin-right: 0;
}

.cols-3 .gallery-items {
	width: calc(96% / 3);
}
.cols-3 .gallery-items:nth-child(3n) {
	margin-right: 0;
}

.cols-4 .gallery-items {
	width: calc(94% / 4);
}
.cols-4 .gallery-items:nth-child(4n) {
	margin-right: 0;
}

.cols-5 .gallery-items {
	width: calc(92% / 5);
}
.cols-5 .gallery-items:nth-child(5n) {
	margin-right: 0;
}

.cols-6 .gallery-items {
	width: calc(90% / 6);
}
.cols-6 .gallery-items:nth-child(6n) {
	margin-right: 0;
}

.body-cover {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.body-cover.active  {
	opacity: 1;
	visibility: visible;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.7);
}

.body-cover.active img {
	-webkit-transform: scale(1.05);
			transform: scale(1.05);
	opacity: 0;
	visibility: hidden;
	-webkit-animation: scale .3s .3s ease forwards;
			animation: scale .3s .3s ease forwards;
	box-shadow: 0 0 180px 0 rgb(24, 24, 24);
	border-radius: 5px;
}
@-webkit-keyframes scale {
	to { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes scale {
	to { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) }
}

/* arrows */
.gallery-arrow {
	position: fixed;
	top: 47%;
	width: 30px;
	height: 30px;
	z-index: 9999;
	cursor: pointer;
}
.gallery-arrow > svg {
	fill: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transform: scale(1);
			transform: scale(1);
}
.gallery-arrow:active svg {
	-webkit-transition-duration: .0s;
			transition-duration: .0s;
	-webkit-transform: scale(.9);
			transform: scale(.9);
}
.next-btn {
	right: 400px;
}
.prev-btn {
	left: 400px;
}
/* close button */
.close-btn {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	top: 250px;
	right: 450px;
	width: 75px;
	height: 75px;
	z-index: 9999;
	cursor: pointer;
}
.close-btn svg {
	fill: #fff;
	width: 15px;
	height: 15px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: rotateZ(0deg);
			transform: rotateZ(0deg);
}
.close-btn:hover svg {
	-webkit-transform: rotateZ(180deg);
			transform: rotateZ(180deg);
}


/*
COLORING:
Logo
	Red: #ee112d
	Blue: #23aed5
	Green: #00a7c
Highlight
	Yellow: #ffff66
Backgrounds
	Site Background: #F5F5F5
	Menu Backgrounds: #cccccc
	Pill Bar: #cccccc;
Text
	Black: #000
	Dark Grey Text: #696969
*/

/* FOOTER ----------------------------------------------------------------------------------------------------------- FOOTER  */
	#main-footer {
		margin-bottom:-10px;
		margin-top:20px;
		background-color: #000;
			width: 100%;
		height: 280px;
	}
	div.footer {
		top:0;
		padding-top:20px;
		width:100%;
		text-align:center;
	}
	div.social-icons {
		display:flex;
		justify-content: space-between;
		margin:0 auto;
		width:700px;
		text-align:center;
	}
	div.social {
		border:6px solid #000;
		width:70px;
		height:70px;
	}
	div.facebook {
		background-image:url("Images/img_icons/facebook.png");
		background-size: contain;
		background-color:#989898;
		-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	} div.facebook:hover {background-color:#e9668b;}
	div.youtube {
		background-image:url("Images/img_icons/youtube.png");
		background-size: contain;
		background-color:#989898;
		-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	} div.youtube:hover {background-color:#f29323;}
	div.soundcloud {
		background-image:url("Images/img_icons/soundcloud.png");
		background-size: contain;
		background-color:#989898;
		-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	} div.soundcloud:hover {background-color:#ffffdf;}
	div.twitter {
		background-image:url("Images/img_icons/twitter.png");
		background-size: contain;
		background-color:#989898;
		-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	} div.twitter:hover {background-color:#cdda5e;}
	div.instagram {
		background-image:url("Images/img_icons/instagram.png");
		background-size: contain;
		background-color:#989898;
		-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	}
	div.instagram:hover {background-color:#58cbf2;}
	table.copyright {
		border-spacing:10px;
		padding-top:40px;
		width:600px;
		text-align:center;
	}
	td.footer {
		vertical-align:top;
		padding:0px 50px 0px 50px;
		width:200px;
		font-size:11px;
		text-align:center;
	}
	td.footer img{
		padding-top:10px;
		width:50%;
	}
	td.footer1 {
		border:2px solid;
		padding:3px 0px 4px 0px;
		width:100px;
	}
	td.footer-menu a{
		display:block;
		text-decoration:none !important;
		padding:5px 0px 5px 0px;
	}
	td.footer-menu {
		border-radius:15px;
		background-color:#989898;
		 -webkit-transition: background-color .5s ease-out;
		 -moz-transition: background-color .5s ease-out;
		 -o-transition: background-color .5s ease-out;
		transition: background-color .5s ease-out;
		width:100px;
		color:#000;
		font-size:11px;
		text-align:center;
	}
	td.red:hover {
		background-color:#ee112d;
		cursor:pointer;
	}
	td.blue:hover {
		background-color:#23aedd;
		cursor:pointer;
	}
	td.green:hover {
		background-color:#00a75d;
		cursor:pointer;
	}
	td.yellow:hover {
		background-color:#ffff66;
		cursor:pointer;
	}

/*  Yellow: #ffff66
	Red: #ee112d
	Blue: #23aedd
	Green: #00a75d
	*/




/* FORM STYLES ----------------------------------------------------------------------------------------------------------------------- FORM */

	form.rma label{
		display:block;
		float:left;
		width:180px;
	}
	form.rma br{
		clear:left;
	}
	form.rma input.btn{
		margin:40px 0px 40px 80px;
	}
	form.cart{
		width:100%;
	}
	td.no-wrap{
		white-space:nowrap;
		padding-bottom:5px;
	}
	table.table1 {
	border:0px;
	border-color:#FFF;
	padding:0px;
	font-size:16px;
	line-height:18px;
	}
	td.td1 {
	padding-left:60px;
	padding-right:60px;
	border:1px;
	border-style:solid;
	border-color:#000;
	vertical-align:top;
	}
	td.td2 {
	width:100px;
	height:100px;
	background-color:#FFF;
	color:#000;
	font-size:11px;
	font-style:italic;
	line-height:10px;
	border:1px;
	border-style:solid;
	border-color:#000;
	}
	td.td3 {
	font-size:11px;
	vertical-align:text-top;
	border:none;
	border-color:#FFF
	}
/* end */








.bigwhite{
	font-size: 1.1em;
	font-weight:bold;
	color:white;
}
.blocktitle{
	font-size: 1.5em;
	font-weight:bold;
	color:white;
}
.greyblock{
	background-color:#ddd;
	padding:4px 10px 4px 10px;
	text-align:left;
	margin-bottom:4px;
}
.greyblocktitle{
	font-size:1.1em;
	font-weight:bold;
	color:black;
	margin-bottom:0px;
	padding:4px;
	text-align:left;
}
.greyblock p{
	color:black;
}
.greyblock td{
	font-size:0.7em;}
.whiteblock{
	color:black;
	background-color:white;
	padding:4px 4px 4px 4px;
	text-align:left;
	margin-top:2px;
}
.whiteblock p{
	color:black;
}
.whiteblock ul{
	margin-left:40px;
}
.greenblock{
	background-color:#90f000;
}
.ordertitleblock{
	background-color:yellow;
	padding: 4px;
	text-align:center;
	margin-top:12px;
	margin-bottom:2px;
	color:black;
	font-size:1.1em;
	font-weight:bold;
	width:auto;
}
.ordertitleend{
	margin-top:2px;
}
.floatleftblock{
	width:50%;
	position:relative;
	float:left;
}
.floatleftblock td{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	vertical-align:top;
}
.floatrightblock{
	width:50%;
	position:relative;
	float:right;
}
.skinnyblock{
	width:75%;
	background-color:white;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



.rowlink{
	font-size:14px;
	background-color:white;
	border:1px solid black;
	padding: 4px 6px 4px 6px;
}
#selrow {
	background-color:#eb5;
}
div.dealerfloat {
	float:left;
	margin-right:40px;
	margin-top:20px;
	margin-bottom: 10px;
	width: 200px;
	height: 120px;
	text-align:center;
	font-weight: bold;
}

td.modelbar{
	padding: 3px 8px 3px 8px;
	border-right:3px solid #444444;
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
}
a.modelbarfont{
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: black;
}

a.newslink {
	color: #8888ff;
	font-weight: bold;
	text-decoration: underline;
}
a.whitelink {
	color: #ffffff;
	text-decoration: underline;
}

div.sec{
	border:2px solid black;
	background: white;
	padding: 8px;
	margin-top: 20px;
	width: 50%;
	font-size:1.5em;
}


.frontheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 1;
	color: #333333;
}
.newsdatebig{
	font-size: 1.0em;
	font-style: italic;
}
.newsitembig{
	font-size:1.2em;
	font-weight:normal;
	margin: 2px 2px 2px 2px;
}
.newstitlebig{
	font-size: 1.6em;
	font-weight:bold;
	padding-left:10px;
	padding-bottom:0px;
	margin-bottom:20px;
	border-left: 5px solid #666;
}
.newsdatesm{
	font-size: 0.8em;
	font-style: italic;
}
.newsitemsm{
	font-size:1.0em;
	font-weight:normal;
	margin: 2px 2px 2px 2px;
}
.newstitlesm{
	font-size: 1.2em;
	font-weight:bold;
}
.newstitle{
	font-size: 1.2em;
	font-weight:bold;
}
.newsdate{
	font-size: 1.0em;
	font-style: italic;
}
.newsitem{
	font-size: 1.0em;
	font-weight:normal;
}
div.newscontainer{
	margin-bottom:20px;
	border-bottom:1px solid black;
	text-align:left;
}

div.newsblock{
	text-align:left;
	padding:8px 0px 8px 0px;
	border-bottom: 1px solid white;
	margin-bottom: 20px;
}
div.newsblock a{
	color: #8888ff;
	font-weight: bold;
	text-decoration: underline;
}
div.newsblock a.morelink{
	color: #000;
	font-weight: normal;
	text-decoration: none;
	font-style: italic;
	margin-left:15px;
}
div.galleryembed{
	display:inline-block;
	width:512px;
	position:relative;
	text-align:center;
	margin-bottom:40px;
	font-weight:bold;
	text-decoration: none !important;
}
div.galleryembed a{
	text-decoration: none !important;
}
div.galleryembed a:hover{
	text-decoration: none !important;
	color:#696969;
}

div.galleryembed:after {
	content: "";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center center;
	z-index: 100;
	background: transparent url("https://4mscompany.com/img_icons/play_but_black.png") no-repeat center;
	pointer-events: none;
}
div.galleryembed:hover:after {
	content: "";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center center;
	z-index: 100;
	background: transparent url("https://4mscompany.com/img_icons/play_button_red.png") no-repeat center;
	pointer-events: none;
}

div.nobg{
	width:512px;
	position:relative;
	text-align:center;
	margin-bottom:20px;
}

img.playbutton{
	position:absolute;
	left:0px;
	top:250px;
}
img.thumbsize{
	max-width: 75px;
	max-height: 95px;
	width: expression(this.width > 75 ? "75px" : true);
	height: expression(this.height > 95 ? "95px" : true);
}
div.spacer{
	clear:both;
}
div.clear{
width: 100%;
height: 1px;
margin: 0 0 -1px;
clear: both;
}
.question {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding-top: 5px;
	border-color: #000000 black black;
	border-top-width: medium;
}
.answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-indent: 20pt
}





/* input buttons */
.whiteblock input.btn{
	 background-color:#acf;
}
.greyblock input.btn{
	 background-color:#9bf;
}


input.btnhov{
	 font-family:Verdana,Arial,helvetica,sans-serif;
	 font-size:12px;
	 background-color:#fa8;
	 border-top-color:#c63;
	 border-left-color:#c63;
	 border-right-color:#c63;
	 border-bottom-color:#c63;}



div.centerbox{
	border: 2px solid white;
	margin: 2px;
	padding: 10px;
	font-size: 12px;
	color: white;
}

div.sidebox{
	border: 2px solid #0aa;
	margin: 20px 2px 2px 2px;
	padding:0px 0px 0px 0px;
}
div.inner{
	padding:0px 4px 4px 4px;
}

div.centerbox p.headsidebar{
	font:bold 16px/20px verdana, arial, helvetica, sans-serif;
	background-color:white;
	color:black;
	margin:0px 0px 10px 0px;
	padding:0px 0px 2px 5px;
}

.headsidebar{
	font:bold 14px/18px verdana, arial, helvetica, sans-serif;
	background-color:#0aa;
	color:black;
	margin:0px 0px 10px 0px;
	padding:0px 0px 2px 5px;
}



#hmenu {
	padding:0;
	margin:0;
	color:white;
	white-space:nowrap;
	list-style-type:none;
}
#hmenu li {
	display:inline;
}
#hmenu li a{
	padding:0.2em 1em;
	background:yellow;
	color:#000;
	text-decoration:none;
	float:left;
	border:1px solid #000;
}
#hmenu li a:hover
{
	background:#08c;
	color:#fff;
}




#sidebar {
	width: 150px;
	border-right: 1px solid black;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0.5em;
	font-family: Lucida, Geneva, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
	background-color: yellow;
	color: white;
}

#sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	z-index:-1;
}

#sidebar li{
	border-left: 5px solid #666;
	border-bottom: 1px solid black;
	margin: 0em;
}


#sidebar li a{
	padding: 0.7em 0em 0.7em 0.5em;
	display: block;
		/*top right bottom left*/
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
}
html>body #sidebar li a{width:auto;}



#sidebar li.col1{	border-left-color:#00f;}
#sidebar li.col2{	border-left-color:#ff0;}
#sidebar li.col3{	border-left-color:#f00;}
#sidebar li.col4{	border-left-color:#f60;}
#sidebar li.col5{	border-left-color:#0ff;}
#sidebar li.col6{	border-left-color:#0a0;}
#sidebar li.col7{	border-left-color:#8f0;}
#sidebar li.col8{	border-left-color:#8f8;}
#sidebar li.col9{	border-left-color:#0f0;}


#sidebar li:hover{
	/*background-color: #fff;
	color: #000;
	*/
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#sidebar li.nosel:hover{
	background-color: white;
	color: black;
	border:0px;
}
/*
#sidebar li li{
	border-top: 1px solid black;
	border-bottom: 0;
	margin: 0;
}
*/
#sidebar ul li{
	position: relative;
}
#sidebar ul ul{
	position: absolute;
	background:black;
	width: 170px;
	top:-1;
	left:138px;
	visibility:hidden;

}
#sidebar ul li:hover ul{
	visibility:visible;
	left: 138px;
	top:-1;
	border:1px solid white;
	z-index:1;
}
#sidebar li li{
	border-left:0px;
}
#sidebar li li a{
	padding: 0.3em 0em 0.3em 2em;
	/*border-left: 5px solid #444;*/
	border-left:0px;
	background-color:#000;
	color: #fff;
	font-weight: normal;
	letter-spacing: 0px;
}

#sidebar li li a:hover{
	background-color: #fff;
	color: #000;
	/*border-left: 5px solid #fff;*/
}

#sidebar a.standout{
	font-style: italic;
}

* {
	box-sizing: border-box;
}

*:before {
	box-sizing: border-box;
}

*:after {
	box-sizing: border-box;
}

$min-width: 320px;
$number-of-days: 7;
$column-width: percentage(1/$number-of-days);

.container {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1em;
}



.grid-calendar {
	min-width: $min-width;
	.row {
	/*
	override these from bootstrap

	margin-right: -15px;
	margin-left: -15px;
	*/
	margin: 0;



/* Photo-Caption PZ3 CSS v080630
* copyright: http://randsco.com/copyright
* www.randsco.com
*/

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
	html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
	padding:0; overflow:hidden; text-decoration:none;
	height:100%; width:100%; }
	html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
	z-index:999; padding:0; background:none;
	cursor:default; height:auto; width:auto;
	overflow:visible; border:1px solid #369;
	margin:-1px 0 0 -1px; }
	html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
	border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
	direction:ltr; font:10pt verdana,sans-serif;
	margin-top:-3px; background:#369; color:#fff;
	text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */