/* -------------------------------------------------------------------------- *
   General styles
 * -------------------------------------------------------------------------- */

body, div, img, p, span, a, a:hover, a img, h1, h2, h3, h4, h5, h6, ul, ol, li
{
	background: none;
	outline: none;
	border: none;
	text-decoration: none;
	text-align: justify;

	font-family: "Myriad Web Pro", sans-serif;
	font-size: 12pt;
	color: #333;
	line-height: 17pt;

	padding: 0px;
	margin: 0px;
}

b
{
	font-family: "Myriad Web Pro", sans-serif;
	font-size: 12pt;
	line-height: 17pt;
}

h1, h2, h3, h4, h5, h6, ul, ol, li,
.gray_box_in, .gray_box_in p, .gray_box_in div
{
	text-align: left !important;
}

@media only screen and (max-width: 600px)
{
	body, div, img, span, a, p
	{
		text-align: left;
	}
}

input
{
	font-family: "Myriad Web Pro", sans-serif;
	font-size: 12pt;
}

body
{
	background-color: #FFFFFF;
	text-align: center;
}

a:hover
{
	text-decoration: underline;
}

b, .bold, h1, h2, h3, h4, h5, h6
{
	color: #3A3A3A;
	font-family: "Myriad Pro Bold", sans-serif !important;
}

b, .bold
{
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
	color: #6A6A6A;
	letter-spacing: 0.5pt;
	padding-bottom: 0pt;
	margin-bottom: 12pt;
}

h1
{
	font-size: 18pt;
	letter-spacing: 0.8pt;

	margin-bottom: 17pt;
	padding-bottom: 6pt;

	border-bottom: 1px solid #999999;
}

h2
{
	font-size: 15pt;

	margin-bottom: 5pt;
	padding-bottom: 5pt;

	border-bottom: 1px solid #999999;
}

h3
{
	font-size: 13.5pt;

	margin-bottom: 5pt;
	padding-bottom: 5pt;

	border-bottom: 1px solid #999999;
}

h4
{
	font-size: 13.5pt;
}

li
{
	margin-left: 14px;
}

div.ln, p.ln
{
	line-height: 17pt;
	border-top: 1px solid #999999;
	padding-top: 4pt;
	overflow: hidden;
}

div.lnb, p.lnb
{
	line-height: 17pt;
	border-bottom: 1px solid #999999;
	padding-bottom: 4pt;
	overflow: hidden;
}

.inline { white-space: nowrap; }

.rlink { color: #CC0000 !important; white-space: nowrap; }
.wlink { color: #FFFFFF !important; white-space: nowrap; }
.blink { color: #3C4C70 !important; white-space: nowrap; }

.dataform p { margin: 8px; margin-left: 12px; margin-right: 12px; }
.dataform h2 { margin: 8px; margin-left: 12px; margin-right: 12px; }
.dataform h3 { margin: 8px; margin-left: 12px; margin-right: 12px; }

.gray_box
{
	padding: 0px;
	margin: 0px;

	background-color: #FAFAFA;
}
.gray_box_in
{
	padding: 18px;
	border: 1px solid #D9D9D9;
}

.textsubmit
{
	border: none;
	background: none;
	cursor: pointer;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
.textsubmit:hover
{
	text-decoration: underline;
}

input[type="text"], input[type="password"]
{
	margin: 0px;
	width: calc(100% - 12px); /* minus self padding */
}

input[type="submit"], input[type="button"]
{
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* -------------------------------------------------------------------------- *
   Messages
 * -------------------------------------------------------------------------- */

.errmsg
{
	font-weight: bold;
	text-align: left;
	color: #CC0000 !important;
	border: 1px solid #CC0000;
	background-color: #FFF0F0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 8px;
}

.okmsg
{
	font-weight: bold;
	text-align: left;
	color: #007700 !important;
	border: 1px solid #007700;
	background-color: #F0FFF0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 8px;
}

/* -------------------------------------------------------------------------- *
   Video and SC frame (general)
 * -------------------------------------------------------------------------- */

.yt_content
{
  position: relative;
  overflow: hidden;
}

.yt_content iframe
{
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

.yt_content img
{
  z-index: 2;
  cursor: pointer;
  width: 100%;
  max-width: 1100px;
}

.sc_content iframe
{
	width: 100%;
	border: none;
	outline: none;
}

@media only screen and (max-width: 577px)
{
	.yt_content img
	{
		/* different image / srcset */
	}
}

/* -------------------------------------------------------------------------- *
   Header/Top and Navigator parts
 * -------------------------------------------------------------------------- */

#header
{
	display: block;
	position: fixed;
	z-index: 999;

	width: 100% !important;
	min-width: 300px !important;
	height: 77px;

	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E0E0;
}

#header_in
	{
	background-color: #F0F0F0;
	height: 75px;
}

#header_content
{
	width: 100% !important;
	position: relative;
	max-width: 1100px;
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#header_logo
{
	float: left;
	text-align: left;

	padding-top: 14px;
}

#header_menu
{
	overflow: hidden;
	text-align: right;

	padding-top: 42px;
	padding-right: 0px;

	height: 30px;
}

#header_menu a
{
	color: #444;
	padding-left: 24px;
}

#cartimg
{
	position: absolute;
	left: 17px;
	bottom: 0px;
}

#vtopsep
{
	display: block;
	height: 78px;
}

@media only screen and (max-width: 1140px)
{
	#header_menu
	{
		padding-left: 0px;
		padding-right: 20px;
	}
	#header_logo
	{
		padding-left: 20px;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 680px)
{
	#header_menu a
	{
		padding-left: 14px;
	}
	#cartimg { left: 6px; }
}

@media only screen and (max-width: 620px)
{
	#header_menu a
	{
		padding-left: 6px;
	}
	#cartimg { left: 0px; }
}

@media only screen and (max-width: 577px)
{
	#header
	{
		height: 102px;
	}
	#header_in
	{
		height: 100px;
	}
	#header_content
	{
		text-align: center !important;
	}
	#header_logo
	{
		text-align: center;
		float: none !important;
		padding-left: 10px !important;
		padding-right: 6px !important;
	}
	#header_menu
	{
		text-align: center;
		padding-top: 0px !important;
		padding-left: 2px;
		padding-right: 6px;
	}
	#header_menu a
	{
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
	#cartimg { left: 0px; }

	#vtopsep
  {
    height: 103px;
  }
}

#bgrepeat
{
	background-image: url('layout/topbg.gif');
	background-repeat: repeat-x;
	background-position: top center;
}

#navigator_bar
{
	position: relative;
	overflow: hidden;

	width: auto;
	max-width: 1100px;
	height: 26px;

	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;

	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}

#navigator_bar a
{
	font-size: 10pt;
	color: #777;
}

#navigator
{
	position: absolute;
	top: 0px;
	left: 10px;
}

@media only screen and (max-width: 1100px)
{
  #navigator_bar
  {
    border-left: none !important;
    border-right: none !important;
  }
}

/* -------------------------------------------------------------------------- *
   Foot social links
 * -------------------------------------------------------------------------- */

#foot_links a,
#foot_links div
{
	color: #444 !important;
	font-size: 10pt;
}

#foot_youtube, #foot_facebook, #foot_twitter, #foot_rss, #foot_newsletter
{
	float: left;
	text-align: left;
}

#foot_youtube    { width: 17%; text-align: left; }
#foot_facebook   { width: 23%; text-align: center; }
#foot_twitter    { width: 18%; text-align: center; }
#foot_rss        { width: 22%; text-align: center; }
#foot_newsletter { width: 20%; text-align: right; }
#foot_links img  { margin-right: 4px; }

@media only screen and (max-width: 1100px)
{
	#foot_youtube    { width: 52.5%; text-align: left; padding-bottom: 12px; }
	#foot_facebook   { width: 47%; text-align: left; padding-bottom: 12px; }
	#foot_twitter    { width: 52.5%; text-align: left; padding-bottom: 12px; }
	#foot_rss        { width: 47%; text-align: left; padding-bottom: 12px; }
	#foot_newsletter { width: 47%; text-align: left; padding-left: 52.5%; }
}

@media only screen and (max-width: 540px)
{
	#foot_youtube    { width: 90%; text-align: left; padding-left: 2.5%; padding-bottom: 14px; }
	#foot_facebook   { width: 90%; text-align: left; padding-left: 2.5%; padding-bottom: 14px; }
	#foot_twitter    { width: 90%; text-align: left; padding-left: 2.5%; padding-bottom: 14px; }
	#foot_rss        { width: 90%; text-align: left; padding-left: 2.5%; padding-bottom: 14px; }
	#foot_newsletter { width: 90%; text-align: left; padding-left: 2.5%; }
	#foot_links img  { margin-right: 8px; }
}

/* -------------------------------------------------------------------------- *
   Footer menu and copyright part
 * -------------------------------------------------------------------------- */

#foot_copyright
{
	margin-top: 5px !important;
	margin-bottom: 2px !important;
}

#foot_copyright,
#foot_copyright a,
#foot_copyright div,
#foot_copyright span
{
	color: #555;
	font-size: 10pt;
	line-height: 17pt;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
}

#foot_left
{
	float: left;
	text-align: left;
}

#foot_right
{
	text-align: right;
}

@media only screen and (max-width: 1100px)
{
	#foot_left
	{
		padding-right: 2.5%;
	}
	#foot_right
	{
		padding-left: 2.5%;
	}
}

@media only screen and (max-width: 880px)
{
	#foot_left,
	#foot_right
	{
		clear: both;
		width: 100%;

		text-align: center;

		padding-left: 0px;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 600px)
{
	.footnl:before
	{
		/* this is like txt txt&nbsptxt etc. */
	  content: "\a";
		white-space: pre;
	}
	.footsep
	{
		visibility: hidden !important;
	}
}

/* -------------------------------------------------------------------------- *
   Cookiebar part
 * -------------------------------------------------------------------------- */

#cookiebar
{
	display: block;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 999;

	visibility: visible;
	width: 100%;

	background-color: #333333;
}

#cookiebar_text
{
	position: relative;

	font-size: 13pt;
	text-align: left;
	color: #F0F0F0;

	padding: 14px;
	margin-top: 1px;
	border-top: 1px solid #FFF;
}

#cookiebar_link
{
	font-size: 13pt;
	color: #DD2222 !important;
}

#cookiebar_button
{
	font-size: 11pt;
	font-weight: bold;
	width: 100px;
	color: #F0F0F0 !important;
	background-color: #DD2222 !important;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	padding: 3px;
	cursor: pointer;
	float: right;
}

/* -------------------------------------------------------------------------- *
   Mouse hint helper
 * -------------------------------------------------------------------------- */

#mousehelp
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	border: none;
	padding: 0px;
	background-color: none;
	z-index: 2;
}

#mousehelp table
{
	width: auto !important;
	table-layout: auto !important;
}

#mousehelp_text
{
	border: 1px solid #333333;
	padding: 8px;
	width: auto !important;
}

#mousehelp_text,
#mousehelp_text .intext
{
	color: #000000;
	font-size: 10.5pt;
	line-height: 13pt;
	background-color: #DFDFDF;
}

#mousehelp_text b
{
	font-size: 10.5pt;
}

#mousehelp_head
{
	display: block;
	border-bottom: 1px solid #333333;
	margin-bottom: 8px;
	padding-bottom: 2px;
	font-size: 10.5pt;
}

/* -------------------------------------------------------------------------- *
   Main content
 * -------------------------------------------------------------------------- */

.page_content
{
  width: auto;
	max-width: 1100px;

	overflow: auto !important;

  margin-left: auto;
  margin-right: auto;

  margin-top: 18pt;
  margin-bottom: 15pt;

	padding-left: 5%;
	padding-right: 5%;
}

.page_content::after
{
	clear: both;
}

.content > p:not(:last-child),
.content > ul:not(:last-child),
.content > ol:not(:last-child),
.page_content > p:not(:last-child),
.page_content > ul:not(:last-child),
.page_content > ol:not(:last-child)
{
	 color: #333;
	 margin-bottom: 12pt !important;
}

.gray_content
{
	width: auto !important;
	overflow: auto !important;
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	padding-top: 2px;
	padding-bottom: 2px;
}

.gray_content_in
{
	background-color: #F0F0F0;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* -------------------------------------------------------------------------- *
   General columns - floats and general sizes
 * -------------------------------------------------------------------------- */

.col400, .col600, .col680, .col767, .col1100
{
	float: left;
	width: 47.5%;
}
.colsep400, .colsep600, .colsep680, .colsep767, .colsep1100,
.colsep400r, .colsep600r, .colsep680r, .colsep767r, .colsep1100r
{
	float: left;
	width: 5%;
	height: 17pt;
}
.rowsep400, .rowsep600, .rowsep680, .rowsep767, .rowsep1100
{
	clear: both;
	width: 100%;
	height: 17pt;
}

/* -------------------------------------------------------------------------- *
   Cart
 * -------------------------------------------------------------------------- */

#cart h4, #cart h5
{
	margin: 0px;
	padding: 0px;
}

#cartbuttons
{
	overflow: hidden;
	margin-top: 8pt;
	margin-bottom: 12pt;
}

#cartbuttons .trybuybtn
{
	min-width: 200px;
}

#cartbuttons .colsep767, #cartbuttons .colsep767r
{
	float: left;
	width: 10%;
}

#cartbuttons .colsep767mid
{
	float: left;
	width: 20%;
	height: 17pt;
}

.cartminpls, .cartminpls:hover, .cartqty
{
	display: inline-block;

	margin: 0px;
	padding: 0px;

	margin-left: 8px !important;
	margin-right: 0px !important;

	border: 1px solid #666;
	background-color: #FFF;

	height: 24px !important;

	text-align: center;
	vertical-align: middle;

	text-decoration: none !important;

	font-family: "Trebuchet MS", sans-serif;
}

.cartminpls:hover
{
	background-color: #DDD;
}

.cartminpls, .cartminpls:hover
{
	font-size: 14pt;
	width: 24px !important;
}

.cartqty
{
	width: 40px !important;
}

.carthead
{
	position: relative;

	padding: 0px;
	margin: 0px;

	width: 100%;
	max-width: 1100px;

	height: 40px;

	vertical-align: middle;
	background-color: #EFEFEF;
	border-bottom: 1px solid #D9D9D9;
}

.chprod
{
	padding-left: 0px;
}

.chprice
{
	padding-right: 20px;
}

.chqty
{
	padding-right: 24px;
}

.carthead div, .carthead p
{
	margin: 0px !important;
	padding: 0px !important;
}

.cartrow, .cartrowbg
{
	position: relative;

	padding: 0px;
	margin: 0px;

	width: 100%;
	max-width: 1100px;

	height: 80px;

	border-bottom: 1px solid #D9D9D9;
	vertical-align: middle;
}

.cartrowbg
{
 background-color: #EFEFEF;
}

.cartimg
{
	float: left;
	width: 80px;
	height: 54px;
	margin-right: 14px;
}

.cartsum
{
	height: 48px;
	border-bottom: 1px solid #D9D9D9;

	margin-top: 5px;
	margin-bottom: 30px;
}

.cartcol1
{
	position: absolute;
	top: 14px;
	left: 14px;
	width: 80px;
}

.cartcol2
{
	position: absolute;
	top: 14px;
	left: 104px;

	width: calc(72% - 180px);
}

.cartcol3
{
	position: absolute;
	top: 14px;
	right: 26%;

	width: 150px;

	text-align: right;
}

.cartcol3 h4, .cartcol3 h5, .cartcol3 p
{ text-align: right !important; }

.cartdiscount h4, .cartcol3 h5 { float: none; }
.cartdiscount img { margin-bottom: 4px; }

.cartcol4
{
	position: absolute;
	top: 14px;
	right: 14px;

	width: 130px;

	text-align: right;
}

.carthead .cartcol1,
.carthead .cartcol2,
.carthead .cartcol3,
.carthead .cartcol4
{
	top: 10px;
}

@media only screen and (max-width: 767px)
{
	.cartrow, .cartrowbg { height: 108px; }
	.cartcol2 { width: calc(100% - 200px); }
	.cartcol3 { right: 14px; }
	.cartcol4 { top: 44px; }

	.cartsum { height: 48px; margin-top: 0px; margin-bottom: 24px; }

	.carthead { height: 64px; }
	.chprod { padding-top: 12px; }
	.chprice { padding-right: 0px; }
	.chqty { padding-top: 24px; padding-right: 0px; }

	.cartdiscount h4, .cartdiscount h5 { float: left; }
	.cartdiscount { right: 24px; }
}


@media only screen and (max-width: 577px)
{
	.cartrow, .cartrowbg { height: 134px; }
	.cartcol2 { width: calc(100% - 120px); }
	.cartcol3 { top: 74px; right: 150px; }
	.cartcol4 { top: 72px; }

	.cartsum { height: 48px; }
	.cartsum .cartcol3 { top: 14px; right: 14px; }

	.carthead { height: 40px; }
	.chprod { padding-top: 0px; }
	.chprice { padding-right: 20px; }
	.chqty { padding-top: 0px; padding-right: 24px; }

	.cartdiscount h4, .cartdiscount h5 { float: left; }
}

@media only screen and (max-width: 480px)
{
	.carthead, #cartbuttons { min-width: 288px; }

	.cartrow, .cartrowbg { height: 140px; min-width: 288px; }

	.cartcol1 { top: 72px; }
	.cartcol2 { left: 14px; width: calc(100% - 28px); }

	.cartsum { height: 48px; }
	.cartsum .cartcol3 { top: 14px; right: 14px; }

	.cartdiscount h4, .cartdiscount h5 { float: none; }
}

@media only screen and (max-width: 380px)
{
	.cartminpls, .cartminpls:hover, .cartqty
	{
		margin-left: 0px !important;
	}
	.cartqty { 	width: 30px !important; }

	.cartcol3 { top: 74px; right: 108px; }

	.chqty { padding-top: 0px; padding-right: 10px; }

	.cartdiscount h4, .cartdiscount h5 { float: none; }
}

/* -------------------------------------------------------------------------- *
   General columns - specific sizes
 * -------------------------------------------------------------------------- */

.logl, .loge { clear: both; width: 92px; }
.logr { width: calc(100% - 102px); }

.regl, .rege { clear: both; width: 220px; }
.regr { width: calc(100% - 230px); white-space: nowrap; }

.infol { clear: both; float: left; width: 100px; margin-bottom: 10px; }
.infor { float: left; width: calc(100% - 100px); }
.infoe { clear: both; text-align: left; max-width: 400px !important; }

.infor p
{
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding-bottom: 8px;
}

.cregl
{
	width: 400px;
	margin-right: 24px;
}
.cregr
{
	width: calc(95% - 424px);
	white-space:nowrap;
	padding-top: 5px;
}

.rboxl { width: calc(95% - 290px); }
.rboxr { width: 290px; }

.pressl { width: 300px; }
.pressr { width: calc(95% - 300px); }

/* -------------------------------------------------------------------------- *
   Main page content (news etc.)
 * -------------------------------------------------------------------------- */

.main_head
{
	position: relative;
	margin-bottom: 12pt;
}

.main_lnk { position: absolute; right: 0px; top: 4px; }

@media only screen and (min-width: 768px) and (max-width: 900px)
{
  .main_lnk { left: 0px; top: 28pt; }
  .main_head { margin-bottom: 17pt; padding-bottom: 4px; }
}

@media only screen and (max-width: 440px)
{
  .main_lnk { left: 0px; top: 28pt; }
  .main_head { margin-bottom: 17pt; padding-bottom: 4px; }
}

/* -------------------------------------------------------------------------- *
   Cols with rbox (contact, aboutus etc.)
 * -------------------------------------------------------------------------- */

@media only screen and (min-width: 1101px)
{
	.nksreadyl .reg:before
	{
		content: ' ';
	  clear: right;
	  display: block;
	}
}

@media only screen and (max-width: 1100px)
{
	.col1100, .colsep1100
	{
		clear: both;
		width: 100% !important;

		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.colsep1100r
	{
		height: 0px !important;
		visibility: hidden;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1100px)
{
	.loge { width: 0px; }
}

@media only screen and (max-width: 480px)
{
	.loge { width: 0px; }
}

@media only screen and (min-width: 768px) and (max-width: 1080px)
{
	.col767 p
	{
		text-align: left;
	}
}

@media only screen and (max-width: 767px)
{
	.col767, .colsep767, .rowsep767, .colsep767mid
	{
		clear: both;
		width: 100% !important;

		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#payicons .col767 { text-align: center !important; }
	#payicons .colsep767 { height: 4pt !important; }

	#cartbuttons { margin-bottom: 5pt; }

	.colsep767r, #cartdivline
	{
		height: 0px !important;
		visibility: hidden;
	}

	.newsarea .newsimgcol /* col767 and colsep767 */
	{
		max-width: 512px;
	}
}

@media only screen and (max-width: 680px)
{
	.col680, .colsep680, .rowsep680
	{
		clear: both;
		width: 100% !important;

		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.regl, .rege, .regr
	{
		margin: 0px;
		padding: 0px;
		width: 100% !important;
	}
	.rege { width: 0px; height: 8px; }

	.dataform .colsep680, .dataform .rowsep680
	{
		height: 0px !important;
		visibility: hidden;
	}
	#f_userdata p { margin: 2px; margin-left: 8px; margin-right: 8px; }
	#f_userdata input { max-width: 680px; }

	.colsep680r
	{
		height: 0px !important;
		visibility: hidden;
	}
}

@media only screen and (max-width: 600px)
{
	.col600, .colsep600, .rowsep600
	{
		clear: both;
		width: 100% !important;

		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.colsep600r
	{
		height: 0px !important;
		visibility: hidden;
	}
}

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

	.logl, .logr
	{
		margin: 0px;
		padding: 0px;
		width: 100% !important;
	}
	.infor
	{
		clear: both;
	}
	.dataform .colsep400, .dataform .rowsep400, .colsep400r
	{
		height: 0px !important;
		visibility: hidden;
	}
	#f_login p, #f_newsletter p, #f_passrec p
	{ margin: 2px; margin-left: 8px; margin-right: 8px; }
}

/* -------------------------------------------------------------------------- *
   Plugins/Sounds content
 * -------------------------------------------------------------------------- */

.plugin_content
{
  margin: 0px;
  padding: 0px;

  max-width: 1158px;

  margin-left: auto;
  margin-right: auto;

  margin-top: 4px;
  margin-bottom: 4px;

  padding-left: 2.5%;
  padding-right: 2.5%;

  overflow: hidden;
}

.plugin_content:after
{
	clear: both;
}

 .pimg
{
	width: 100%;
	height: auto;
	padding-top: 34px;
	margin-bottom: 10px;
}

.plugin_content .head
{
	position: relative;
}

.plugin_content .title
{
	position: absolute;
	top: 2px; left: 0px;

	font-size: 13pt;
	line-height: 11pt;
	color: #222222;
	text-align: left;
}

.plugin_c2, .plugin_c3, .plugin_c4
{
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media only screen and (min-width: 1081px)
{
	.plugin_c2 { float: left; width: 45%; }
	.plugin_c2 .pimg { max-width: 520px; }

	.plugin_c3 { float: left; width: 28.33%; }
	.plugin_c3 .pimg { max-width: 327px; }

	.plugin_c4 { float: left; width: 20%; }
	.plugin_c4 .pimg { max-width: 230px; }

	.clr4 { clear: both; }
}

@media only screen and (min-width: 768px) and (max-width: 1080px)
{
	.plugin_c2 { float: left; width: 45%; }
	.plugin_c2 .pimg { max-width: 460px; }

	.plugin_c3, .plugin_c4 { float: left; width: 28.33%; text-align: left; }
	.plugin_c3 .pimg, .plugin_c4 .pimg { max-width: 290px; }

	.clr3 { clear: left; }
}

@media only screen and (min-width: 578px) and (max-width: 980px)
{
	.plugin_c2 { text-align: left; }
}

@media only screen and (min-width: 578px) and (max-width: 767px)
{
	.plugin_c2, .plugin_c3, .plugin_c4
	{
		float: left;
		width: 45%;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: left;
	}
	.plugin_content .pimg { max-width: 327px; }

	.clr2 { clear: left; }
}

@media only screen and (min-width: 420px) and (max-width: 577px)
{
	.plugin_c2, .plugin_c3, .plugin_c4 { text-align: justify; }
}

@media only screen and (max-width: 577px)
{
	.plugin_c2, .plugin_c3, .plugin_c4
	{
		clear: left;
		width: 95%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.plugin_content .pimg { max-width: 520px; }
}

/* -------------------------------------------------------------------------- *
   RE thumbs right column
 * -------------------------------------------------------------------------- */

.rethumbs
{
	display: grid;
	row-gap: 8px;
	column-gap: 16px;
  grid-template-columns: repeat(auto-fit, 72px);

	margin-left: auto;
	margin-right: auto;

  margin-top: 14px;
}

.rethumb
{
	width: 100%;
	max-width: 82px;
	border: 1px solid #BBBDC0;
}

.reimgprev
{
	margin-top: 8pt;
	margin-bottom: 8pt;
}

.reimgprev img
{
	width: 100%;
	max-width: 754px;
	margin-top: 4pt;
}

/* -------------------------------------------------------------------------- *
   Single product page specifics
 * -------------------------------------------------------------------------- */

.imgprev, .imgprevf
{
	width: 100%;
	max-width: 690px;
}

.prodcol_img
{
	float: left;
	width: 42%;
	margin-top: 0pt;
	margin-bottom: 4pt;
}

.prodcol_sep
{
	float: left;
	width: 20px;
}

.prodcol_txt
{
	float: left;
	width: calc(58% - 20px);
}

.prodcol_txt > p:last-child
{
	padding-bottom: 4pt;
}

.prodcol_txt > p:not(:last-child)
{
	margin-bottom: 12pt;
}

.prodrow_sep
{
	clear: both;
	line-height: 14pt;
	border-bottom: 1px solid #999999;
	margin-bottom: 17pt;
}

.nksreadyl
{
	float: left;
	width: calc(100% - 98px);
	text-align: left;
}

.nksreadyr
{
	float: left;
	width: 98px;
	text-align: right;
}

.itemslist
{
	padding: 0px;
	margin: 0px;
}

.itemslist p
{
	background-image: url('layout/bcircle.gif');
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 18px;
	margin-bottom: 8px;
	text-align: left !important;
}

.manuals
{
	width: 55%;
	margin-bottom: 0px;
}
.manuals p { text-align: left !important; }

.vstlogo
{
	width: calc(45% - 17pt);
	margin-left: 17pt;
	text-align: right !important;
}

.vstlogo img
{
	margin-top: 5px;
	margin-bottom: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 1080px)
{
	.prodcol_txt p
	{
		text-align: left;
	}
}

@media only screen and (min-width: 768px)
{
	.imgprev
	{
		max-width: 460px;
	}
	.imgprevf
	{
		max-width: 1100px;
	}
	.newsarea .newsimgcol /* col767 and colsep767 */
	{
		max-width: 298px;
	}
}

@media only screen and (max-width: 767px)
{
	.prodcol_img, .prodcol_txt, .prodcol_sep
	{
		clear: both;
		width: 100%;
		margin-top: 4pt;
	}
	.prodcol_sep
	{
		height: 8pt;
	}
	.prodrow_sep
	{
		line-height: 8pt;
		margin-bottom: 12pt;
	}
	.manuals
	{
		margin-bottom: 8pt;
	}
}

/* -------------------------------------------------------------------------- *
   FAQs specifics
 * -------------------------------------------------------------------------- */

.faqs_rhead
{
	color: #CC0000;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
	padding-left: 20px;
	margin-top: 4pt;
	background-image: url('layout/rlinkarrow.gif');
	background-repeat:no-repeat;
	background-position: 0pt 4pt;
}

.faqs_bhead
{
	cursor: pointer;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	background-image: url('layout/blinkarrow.gif');
	background-repeat:no-repeat;
	background-position: 0pt 4pt;
}

.faqs_section
{
	height: auto;
	margin-left: 10px;
	margin-top: 8pt;
}

.faqs_text
{
	visibility: hidden;
	overflow: hidden;
	max-width: 880px;
	height: 0px;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
}

@media only screen and (max-width: 400px)
{
	.faqs_text { margin-left: 0px; }
}

/* -------------------------------------------------------------------------- *
   Password recovery and Newsltter specifics
 * -------------------------------------------------------------------------- */

#passrcol1, #passrcol2, #passrcol3
{
	float: left;
}

#passrcol1 { width: 172px; padding-top: 5px; }
#passrcol2 { width: 300px; }
#passrcol3 { width: calc(95% - 472px); padding-top: 5px; }

@media only screen and (max-width: 980px)
{
	#passrcol2
	{
		width: calc(100% - 172px);
	}
	#passrcol3
	{
		clear: both;

		width: calc(100% - 172px); /* 164 of col1's width + 12px input itself */
		margin: 0px;
		padding: 0px;

		margin-left: 172px;
	}
}

@media only screen and (max-width: 520px)
{
	#passrcol3
	{
		margin-left: 0px;
		width: 100%;
	}
}

@media only screen and (max-width: 400px)
{
	#passrcol1, #passrcol2, #passrcol3
	{
		clear: both;
		width: 100%;

		padding: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#passrcol3
	{
		margin-top: 8px;
	}
}

/* -------------------------------------------------------------------------- *
   Sitemap specifics
 * -------------------------------------------------------------------------- */

#smapcol1, #smapcol2, #smapcol3
{
	float: left;
	width: 33%;

	margin: 0px;
	padding: 0px;
}

#smapcol1 > p:not(:last-child),
#smapcol2 > p:not(:last-child),
#smapcol3 > p:not(:last-child)
{
	 color: #333 !important;
	 margin-bottom: 8pt !important;
}

@media only screen and (max-width: 980px)
{
	#smapcol1
	{
		width: 40%;
	}
	#smapcol2
	{
		width: 55%;
	}
	#smapcol3
	{
		clear: both;
		width: 55%;
		margin-top: 17pt;
		margin-left: 40%;
	}
}

@media only screen and (max-width: 680px)
{
	#smapcol1
	{
		width: 45%;
	}
	#smapcol2
	{
		width: 50%;
	}
	#smapcol3
	{
		width: 50%;
		margin-left: 45%;
	}
}

@media only screen and (max-width: 580px)
{
	#smapcol1, #smapcol2, #smapcol3
	{
		width: 95%;
		clear: both;
		margin-left: 0px;
	}
	#smapcol2, #smapcol3
	{
		margin-top: 17pt;
	}
}

/* -------------------------------------------------------------------------- *
   OLD shop specifics
 * -------------------------------------------------------------------------- */

.shopgreybg { background-color: #F1F1F1; }

.shoprow1, .shoprow2
{
	position: relative;

	clear: both;
	height: 48px;

	min-width: 300px;

	border-bottom: 1px solid #D9D9D9;
	vertical-align: middle;

	box-sizing: border-box;
}

.shoprow1 a, .shoprow2 a
{
	text-decoration: none !important;
}

.shopcol1, .shopcol2a, .shopcol2b, .shopcol3, .shopcol4
{
	position: absolute;
	top: 0px;

	height: 100%;

	box-sizing: border-box;
}

.shopcol1 /* head */
{
	left: 0px;
	width: 220px;

	padding-left: 12px;
	padding-top: 11px;
}

.shopcol2a, .shopcol2b /* notes */
{
	left: 220px;
	width: calc(100% - 480px);

	padding-top: 14px;
}

.shopcol3 /* price */
{
	left: auto;
	right: 164px;
	width: 92px;

	font-size: 12pt;
	font-weight: bold;
	text-align: right;
	padding-top: 16px;
}

.shopcol4 /* button */
{
	left: calc(100% - 112px);
	width: 112px;

	font-size: 12pt;
	padding-top: 10px;
}

@media only screen and (max-width: 880px)
{
	.shoprow1, .shoprow2 { height: 72px; }
	.shopcol2a { width: calc(100% - 204px); left: 47px; top: 27px; }
	.shopcol2b { width: calc(100% - 204px); left: 47px; top: 2px; }
}

@media only screen and (max-width: 680px)
{
	.shopcol3 { left: auto; right: 14px; top: 30px; }
}

@media only screen and (max-width: 480px)
{
	.shopcol2a, .shopcol2b { width: calc(100% - 140px); left: 12px; }
}

@media only screen and (max-width: 480px)
{
	.shoprow1 { height: 92px; }
	.shopcol2a { width: calc(100% - 24px); top: 54px; }
	.shopcol2b { width: calc(100% - 132px); }
}

/* -------------------------------------------------------------------------- *
   OLD product page specifics
 * -------------------------------------------------------------------------- */

.featurestable a
{
	color: #CC0000;
}

.pimgo
{
	width: 100%;
	height: auto;
	max-width: 690px;
}

.prodol { width: 41%; }
.prodor { width: 54%; }

.prodor .oldtrybuybtn1 { width: 100%; }
.prodor .oldtrybuybtn2 { width: 47.5%; min-width: 220px; }

.prodor .item
{
	font-weight: bold;
	text-align: left !important;
	color: #666;

	display: block;

	margin: 12px;

	background-image: url('layout/icons/dialogok24.gif');
	background-repeat: no-repeat;
	padding-left: 34px;
}

@media only screen and (min-width: 768px)
{
	.pimgo { max-width: 451px; }
}

@media only screen and (max-width: 767px)
{
	.prodor .item
	{
		font-weight: normal;
		color: #333;

		background-image: url('layout/bcircle.gif');
		background-repeat: no-repeat;
		background-position: 0px 7px;
		padding-left: 18px;
		margin-top: 4px;
		margin-bottom: 8px;
	}
}

/* -------------------------------------------------------------------------- *
   OLD artists page specifics
 * -------------------------------------------------------------------------- */

.artimgl
{
	float: left;
	width: 50%;
	margin-right: 20px;
	margin-bottom: 10px;
}

.artimgr
{
	float: right;
	width: 50%;
	margin-left: 20px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 400px)
{
	.artimgl, .artimgr
	{
		display: block;
		width: 100%;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
	}
}

/* -------------------------------------------------------------------------- *
   News specifics
 * -------------------------------------------------------------------------- */

.date
{
  font-size: 11pt;
  color: #3C4C70;
  white-space: nowrap;
}

.date img
{
	margin-bottom: 2px;
}

.newsarea
{
	width: 100%;
  background-color: #EFEFEF;
  margin-top: 12px;
}

.newsarea a
{
  color: #CC0000 !important;
  text-decoration: none;
}

.newsarea a:hover
{
  color: #CC0000 !important;
  text-decoration: underline;
}

.newsarea ul
{
  margin-left: 8px;
  margin-right: 8px;
}

.newsarea .imagearea
{
	text-align: left;

  margin-top: 28px;
  margin-bottom: 28px;
}

.newsarea .newsimg
{
  max-width: 630px;
  width: 100% !important;
  height: auto;
}

.newsarea .newsimgcol /* col767 and colsep767 */
{
  width: 100% !important;
  margin-top: 8px;
  height: auto;
}

.news_inside
{
  background-color: #FAFAFA;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  max-width: 630px;
  padding-top: 17pt;
  padding-left: 17pt;
  padding-right: 17pt;
	padding-bottom: 12pt;
}

.news_container h2
{
	margin-bottom: 0px;
}

.news_container .item
{
  text-align: left;
  border-top: 1px solid #BBB;
  padding-top: 10px;
  padding-bottom: 5px;
}

.news_container .firstitem
{
	border: none !important;
  margin-top: 0px;
}

.news_container .navi
{
	text-align: right;
	border-top: 1px solid #BBB;
	padding-top: 10px;
}

.news_container .col767 { width: calc(50% - 8pt); }
.news_container .colsep767 { width: 16pt; }

@media only screen and (max-width: 800px)
{
	.news_inside { width: 78%; }
}

@media only screen and (max-width: 600px)
{
	.newsarea
	{
		margin-top: 0px;
		min-width: 240px;
	}
	.news_inside
	{
	  background-color: #FAFAFA;
	  border: none;
	  margin: 0px;
	  padding: 0px;
	  width: 100%;
	}
}

/* -------------------------------------------------------------------------- *
   Service specifics
 * -------------------------------------------------------------------------- */

#service p
{
	min-width: 200px;
}

.headwithlink
{
	position: relative;
	min-width: 280px;
}

.headwithlink .thelink
{
	white-space: nowrap;

	position: absolute;
	right: 0px;
	bottom: 3pt;
}

.servtab { display: table; }
.servrow { display: table-row; }

.servcol
{
	display: table-cell;
	width: calc(50% - 8pt);

	background-color: #FAFAFA;
	border: 1px solid #D9D9D9;

	padding: 10pt;
}

.servsep { width: 16pt; }

.servmarg .bg { margin-top: 12px; }

#servmenu
{
	float: left;
	width: 178px;
	min-width: 178px;
}

#servmenu a
{
	display: block;
	line-height: 20pt;
}

#servmenu a:first-of-type
{
	border-bottom: 1px solid #999999;
	margin-bottom: 8pt;
}

#servmain
{
	margin-left: 202px;
	width: calc(100% - 202px);
}

#actcol1, #actcol2, #actcol3
{
	float: left;
}

#actcol1 { width: 200px; padding-top: 5px; }
#actcol2 { width: 300px; }
#actcol3 { width: calc(95% - 520px); padding-top: 5px; }

@media only screen and (max-width: 1100px)
{
	#actcol2
	{
		width: calc(100% - 200px);
	}
	#actcol3
	{
		clear: both;
		margin-left: 200px;
		padding-top: 0px;
	}
}

@media only screen and (max-width: 800px)
{
	#actcol1, #actcol2, #actcol3
	{ clear: both; width: 100%; padding-top: 0px;  }
	#actcol3 { margin-left: 0px; }
	#actcol1 p { margin-top: 8px; }
	#f_activate_product p, #f_serialreg p
	{ margin: 2px; margin-left: 12px; margin-right: 12px;  }
}

@media only screen and (max-width: 577px)
{
	.servtab, .servrow, .servcol
	{
		display: block;
	}
	.servcol
	{
		box-sizing: border-box;
		width: 100%;
	}
	#servmenu, #servmain
	{
		clear: both;
		width: 100%;
	}
	#servmenu { margin-bottom: 17pt; }
	#servmain { margin-left: 0px; }
}

#f_userdata input
{
	max-width: 320px;
}

/* -------------------------------------------------------------------------- *
   Product pages / try, buy buttons (+old)
 * -------------------------------------------------------------------------- */

.trybuybtn, .setbuybtn
{
	position: relative;
	box-sizing: border-box;
	width: 30%;
	min-width: 240px;
	height: 50px;
	text-align: left;
	padding: 8px;
	padding-left: 12px;
	background-color: #F2F2F2; font-size: 13pt;
	border: 1px solid #DEDEDE;
}

.trybuybtn:hover, .setbuybtn:hover
{
	background-color: #DEFFDE;
	text-decoration: none;
}

.trybuybtng:hover, .setbuybtng:hover
{
	background-color: #F2F2F2 !important;
}

.trybuybtn a, .setbuybtn a
{
	position: absolute;
	top: 0px; left: 0px;

	width: 100%;
	height: 100%;

	font-size: 15pt;
	color: #333333;

	padding: 10px;
	padding-left: 14px;

	box-sizing: border-box;
	text-decoration: none;

	padding-top: 15px;
	text-align: center;
}

.trybuybtn a:hover, .setbuybtn a:hover
{
	color: #335533;
}

.trybuybtn img, .setbuybtn img
{
	margin-right: 4px;
}
.trybuybtn_v2
{
	border: 1px solid #4584A8;
}

.trybuybtn_v2 a
{
	padding-top: 15px;
	text-align: center;
}

.trybuybtn_v2, .trybuybtn_v2 a
{
	color: #FFF;
	background-color: #4584A8 !important;
}

.trybuybtn_v2:hover, .trybuybtn_v2 a:hover
{
	color: #FFF;
	background-color: #65A4C8 !important;
}

.setbuybtn
{
  width: 280px;
}

@media only screen and (max-width: 600px)
{
  .setbuybtn
  {
    clear: both;
    width: 100%;
    min-width: 260px;
  }
}

/* -------------------------------------------------------------------------- *
   Plugin page banner/cover
 * -------------------------------------------------------------------------- */

.cover
{
	/* image-rendering: pixelated !important; */

	margin: 0px;
	padding: 0px;

	width: 100%;

	height: 340px;

	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;

	text-align: center;
	vertical-align: middle;

	/* -- auto by JavaScript
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
}

/* -------------------------------------------------------------------------- *
   Soundset page image/cover
 * -------------------------------------------------------------------------- */

.setimgl { clear: both; float: left; width: 220px; }
.setimgr { float: left; width: calc(100% - 220px); }

@media only screen and (max-width: 600px)
{
  .setimgl, .setimgr { clear: both; width: 100%; }
}

.setimg { margin-bottom: 12pt; }
.setimg a { float: left; margin-right: 20px; }

@media only screen and (max-width: 400px)
{
  .setimg a { float: none; }
}

/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- *
   Main jssor banner
 * -------------------------------------------------------------------------- */

.banner_image
{
	/* image-rendering: pixelated !important; */

	border-radius: 0px !important;
	outline: none !important;
	background-repeat: no-repeat;
	background-position: top center !important;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.jssor_navigator
{
	position: absolute;
	bottom: 18px;
	right: 24px;
}

.jssor_navigator .i
{
	position: absolute;

	width: 18px;
	height: 18px;
	cursor: pointer;

	opacity: 0.8;

	border: 1px solid #000;
	background-color: #64615f;
}

.jssor_navigator .i:hover
{
	background-color: #959494;
	border: 1px solid #000;
}

.jssor_navigator .iav
{
	background-color: #DDD;
	border: 1px solid #000;
}

.jssor_navigator .i.idn
{
	opacity: 0.5;
}

#jssor_banner
{
	position: relative;
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	visibility: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 1920px;
  height: 570px;
}

#jssor_banner .mlink,
#jssor_banner .mlink:active,
#jssor_banner .mlink:hover,
#jssor_banner .mlink:focus
{
	margin-left: auto;
	margin-right: auto;
	background: none;
	text-decoration: none;
	display: block;
}

#jssor_banner .buttonlearn, #jssor_banner .buttonbuy
{
	display: block;
	position: absolute;

	width: 184px;
	height: 48px;

	color: #FFF;
	font-size: 13pt;
	font-family: 'Myriad Pro Bold', sans-serif !important;

	text-align: center;

	margin: 0px;
	padding: 0px;
	padding-top: 28px;
}

#jssor_banner .buttonlearn
{
	background-image:url('langs/en/topbanner/btnlearnmore.png');
}

#jssor_banner .buttonlearn:hover
{
	text-decoration: none;
	background-image:url('langs/en/topbanner/btnlearnmorehover.png');
}

#jssor_banner .buttonbuy
{
	background-image:url('langs/en/topbanner/btnbuynow.png');
}

#jssor_banner .buttonbuy:hover
{
	text-decoration: none;
	background-image:url('langs/en/topbanner/btnbuynowhover.png');
}

#jssor_banner .button_v
{
	display: block;
	position: absolute;

	color: #fff;
	cursor: pointer;

	font-size: 13pt;
	background-color: #000;

	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
}

#jssor_slides
{
	position: relative;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
  text-align: center;
  width: 1920px;
  height: 570px;
}

/* -------------------------------------------------------------------------- *
   Form validation classes
 * -------------------------------------------------------------------------- */

.formvalel_css
{
	border: 1px solid #D9D9D9;
	background-color: #FFFFFF;
	padding: 5px;
}

.formvalel_css_focus
{
	border: 1px solid #D9D9A9;
	background-color: #FFFFF0;
	padding: 5px;
}

.formvalel_css_err
{
	border: 1px solid #F9C9C9;
	background-color: #FFF8F8;
	padding: 5px;
}

.inputcheck, .checkboxlabel
{
	margin-bottom: 5px;
	vertical-align: middle;
	cursor: pointer;
}

/* -------------------------------------------------------------------------- *
   ...
 * -------------------------------------------------------------------------- */

.smaller
{
	font-size: 9.5pt;
	font-style: italic;
	line-height: 12pt;
}

.small
{
	font-size: 10.5pt;
}

.w100pr { width: 100%; }
.w4 { width: 4px !important; }
.w5 { width: 5px !important; }
.w8 { width: 8px !important; }
.w12 { width: 12px !important; }
.w15 { width: 15px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w45 { width: 45px !important; }
.w55 { width: 55px !important; }
.w80 { width: 80px !important; }
.w100 { width: 100px !important; }
.w130 { width: 130px !important; }
.w120 { width: 120px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.w225 { width: 225px !important; }
.w240 { width: 240px !important; }
.w260 { width: 260px !important; }
.w280 { width: 280px !important; }
.w300 { width: 300px !important; }
.w320 { width: 320px !important; }
.w430 { width: 430px !important; }
.w435 { width: 435px !important; }
.w440 { width: 440px !important; }
.w550 { width: 550px !important; }

.bg { background-color: #FAFAFA; padding: 14px; border: 1px solid #D9D9D9; overflow: auto; }
.brddrk { border: 1px solid #EFEFEF; }
.bgdrk { background-color: #EFEFEF; border: 1px solid #EFEFEF; }
.bgdtitle { padding: 12px; margin-bottom: 17pt; background-color: #F0F0F0; }
.inputsubmit { border: 1px solid #333; cursor: pointer; background-color: #FFF; }

/* -------------------------------------------------------------------------- *
   File END
 * -------------------------------------------------------------------------- */