/* BASE ELEMENTS */
body {
    background-color: #3a3a3a;
    font-family: "Helvetica", "Open Sans", "lucida sans unicode", "lucida grande", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	margin: 0 auto;
    padding: 0;
    text-align: center;
}

p {
	line-height:1.5em !important; /* Fallback Fixes Squished Lines on Mobile Viewports */
	color:#464b4a;
}

li {
	line-height: 1.4em !important;
	color:#464b4a;
}

hr {
	margin-top:30px; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0));
}

h1, h2, h3 {
	line-height:1.1em;
}

img.collapse {
	display:block; /* fixes white gaps in images when using <!doctype html> */
}

ul {
    list-style: outside none none;
	list-style-type: none;
    padding:0;
}


/* MENU */
ul.menu_nav  {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0;
}

ul.menu_nav li {
    display: inline-block;
    margin: 0% 1% 0% 1%;
    color: #fff;
}

.innerShadow {
	box-shadow: 1px 4px 9px black;
}

.social_icon {
	padding:10px 0 10px 10px; opacity: 0.7;
}

/* LINKS */

#header a:link, #header a:visited, 
#footer a:link, #footer a:visited{
	color: #dde9ed;
	text-decoration: none;
}

#header a:hover,
#footer a:hover {
	color: #83e1f5;
}

a:link, a:visited {
	color: #00bfdd;
	text-decoration: none;
}


/* BACKGROUND COLORS */

.aquaticBG {
	background-color: #005176;
}

.electricBG {
	/* background-color: #00aff5; */
	background: linear-gradient(rgb(48, 164, 189), rgb(7, 40, 58));
}

.graphicBG {
    background: url(../images/SplashBG.png);
	background-color: #000;
	background-size: cover;
}

.blackBG {
    background-color:#000;
}


.white {
	background-color:#fff;
}

.white-gradient1 {
	background: #d5d5d5;
}

.white-gradient2 {
	background: #e6e6e6;
}

.white-gradient3 {
	background: white;
	background: linear-gradient(to bottom, #ffffff, #e3e3e3);
}

.black-gradient {
	background:black;
	background: linear-gradient(to top, #000, #149bd1);
	border: 1px solid black;
}
				
.black {
	background-color:#000;
}

.grey {
	background-color:#3b3e44;
}


/* POSITIONING */

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}


/*  RELATIVE WIDTH SECTIONS  */
.new {
	clear: both;
	padding: 0px 5% 0px 5%;
	margin: 0px;
}

	/*  GROUPING  */
	.group:before, .group:after { content:""; display:table; }
	.group:after { clear: both; }
	/* .group { zoom:1; } For IE 6/7  - Doesn't Validate */


		/*  COLUMN SETUP  */
		.col {
			display: inline-block;
			float: left;
			margin: .5% 0% .5% 0%;
			/*margin: 1% 0% 1% 0%;*/
		}
		
			/*  WIDTHS  */
			.span_1_of_2 {
				width: 50%;
			}
			
			.span_1_of_3 {
				width: 33.33%;
			}

			.span_1_of_5 {
				width: 20%;
			}
			
			.span_2_of_3 {
				width: 66.66%;
			}
			.span_3_of_3 {
				width: 100%;
			}

			.span_1_of_4 {
				width: 25%;
			}

			.span_1_of_6 {
				width: 16.66%;
			}
			
			.span_2_of_4 {
				width: 50%;
			}
			
			.span_3_of_4 {
				width: 75%;
			}


/* MARGINS & PADDING */
.nopadding {
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.padded {
	padding: 0 10% 0 10%;
}

.previewPadding {
	padding: 0 5% 0 5%;
}

.prevList {
	color:#fff;
	font-size:11px;
	text-align:left;
	padding-left:8px;
	padding-right:8px;
}

.prevList li {
	display: list-item;
	list-style-type: disclosure-closed;
	color:#b1b1b1;
}

/* COMMON ELEMENTS */

h3.bodyTitle {
	/* padding-left:60px; */
	/* text-shadow: 2px 2px #fff; */
	color: #fff; /* #002697 */
}

#price {
	font-weight:bold;
	color:#fff;
}

.stylizedTitle {
	min-height:60px; color:#bdbdbd; font-family: 'Teko', sans-serif; font-size:30px; font-style:italic;
}

.productSummary {

}
.productDescription {
	
}


/* SOCIAL SHARE */

#share {
	padding:20px 20px 0 0;
}

#share_p {
	padding:20px;
}


/* SUB MENU (FORMATS, LOOPS, SAMPLES, GENRE) */

.subMenu {
    float: left;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height:50px;
}

.subMenu img {
	padding:15px 10px 0 0;
	float:right;
}

.subMenu span {
	padding-left:15px;
	font-family: "Franklin Gothic", "Libre Franklin", sans-serif;
}

.item {
	height: 50px;
	width: calc(25% - 1px);
	border-right:1px solid #fff;
}

.itemEnd {
	height: 50px;
	width: 25%;
}

.panel {
	background-color:#000; /* #3b3e44; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	/* box-shadow: rgba(30, 30, 30, 1) 0px -14px 7px -6px inset; */
}

.panel ul {
	list-style-type: disclosure-closed;
	padding-left:10%;
}

.panel ul li {
	color:white;
}


/* PRODUCT PAGE */
.product {
	margin:0 auto;
	max-width:1400px;
}

.addToCart {
  border-radius: 2px;
  background: #82c0d9;
  border: solid #fff 2px;
  padding: 7px;
  color: white;
}


ul.bulletList {
	padding-left:40px;
}

ul.bulletList li {
	list-style:square;
}

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

.compatibility_chart_title {
	color: #606060;
	font-size: 80%;
	background: #d5d5d5;
}

tbody tr th {
	padding:20px 0 20px 0;
}

td.host_h {
	background-color:#f9fcff;
}

.akai_c {
	background-color: #f4ada9;
}
.akai_v {
	background-color: #ea655c;
}

.mpc_c {
	background-color: #d66b9a;
}

.mpc_v {
	background-color: #c23070;
}

.reason_c {
	background-color: #e6ecd7;
}
.reason_v {
	background-color: #cfdbb3;
}

.recyle_c {
	background-color: #d4dae3;
}
.recycle_v {
	background-color: #aeb9ca;
}

.apple_c {
	background-color: #ffffff;
}
.apple_v {
	background-color: #ffffff; 
}

.acid_c {
	background-color: #ccdd9e;
}
.acid_v {
	background-color: #a4c350;
}

.battery_c {
	background-color: #ddc47f;
}
.battery_v {
	background-color: #c3a450;
}

.kontakt_c {
	background-color: #d0e5d8;
}
.kontakt_v {
	background-color: #a6cdb6;
}

.exs24_c {
	background-color: #d1d7d8;
}
.exs24_v {
	background-color: #a8b4b5;
}

.halion_c {
	background-color: #cee4e6;
}
.halion_v {
	background-color: #a3cccf;
}

.soundfont_c {
	background-color: #b7b7b7;
}
.soundfont_v {
	background-color: #000000;
}

.wav_c {
	background-color: #80acb3;
}
.wav_v {
	background-color: #2f7883;
}

.couponInput {
	background-color: #ffffff;
	border: 1px solid grey;
	border-radius: 3px;
	box-shadow: inset 0px 2px 10px #a8a8a8;
}

.previewPriceTag {
	position: absolute;
    top: 0px;
    right: 0px;
	background-color:#6a767b;
	border-bottom-left-radius: 8px;
	text-align:center;
	padding: 10px 10px 6px 10px;
    color: #FFF;
}

.percentOff {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background-color: #46ae31;
	text-align: center;
	padding: 10px;
	color: #FFF;
	/* box-shadow: -2px 2px 2px black;
	border: 2px solid #000; */
	border-radius: 60px;
}

.faq_q {
	padding:0px 80px 0px 80px;
}

.faq_q {
	color:#fff;
}

.faq_q li a:link, .faq_q li a:visited {
	color:#00bfdd;
}

.faq_q li a:hover {
	color:silver;
}

.faq_a li {
	color:#fff;
	padding:20px;
}

.bold_start {
	color:#939393;
	font-weight:bold;
}

.demo_link {
	font-weight:bold;
	color: #fff;
}

.demo_link a:link, .demo_link a:visited {
	color: #fff;
}

.demo_link a:hover {
	color: #83e1f5;
}

.styled-select {
	width: 100%;
	height: 24px;
	overflow: hidden;
	border: 1px solid #ccc;
}

.styled-select select {
    background-color: #eaeaea;
    width: 100%;
    color: #333;
    font-family: verdana, tahoma;
    font-size: 11px;
    font-weight: bold;
    padding-top: 5px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 24px;
}

a.wp_pull:link, a.wp_pull:hover, a.wp_pull:visited {
	color:#000 !important;
}


/* FOOTER SECTION */
#footer {
	border-radius:8px 8px 0px 0px;
}

.bottomContainer {
	width:100%;
	background-color:#000;
	padding-bottom:0px;
	border-radius: 10px 10px 0px 0px;
	font-size:16px;
	font-family:tahoma, arial, sans-serif;
	color:silver;
}
.leftContainer {
	float:left;
	width:80%;
}
.rightContainer {
    float:right;
	width:20%;
}
.bottomListbox_l {
	 width:30%;
	 float:left;
	 padding:5px 0px 5px 15px;
	 text-align:left;
}
.bottomListbox_r {
	width:100%;
	float:left;
	padding:5px 0px 5px 0px;
	text-align:left;
}
.bottomListbox h4 {
	color:silver;
}
.bottomListbox_l ul, .bottomListbox_r ul {
	list-style: none; padding: 4px; margin: 0px;
}

#bonus_offer {
	position: fixed; bottom:5%; right:2%; z-index:999;
}

#bonus_dismiss {
	position:absolute; top:50px; right:0px; z-index:1000;
}

.freebie_head {
	color:#d0d0d0;
}

p.beast_p {
	text-align:left;
	text-indent:2em;
	text-height:1.7em !important;
}