/* Start of CMSMS style sheet 'ruscomstyle' */
div#pb{
background:linear-gradient(135deg,#f5f5f5,#dfe5eb);
width:735px;
height:200px;
cursor:pointer;
}
div#pb p{
font-size:27px;
color:#444;
line-height:normal;
margin:0 0 0 120px;
padding-top:20px;
}
div#pb ul{
font-size:17px;
margin:15px 0 0 200px;
padding:0;
color:#fff;
}
div#pb ul li a{
color:#000;
}
div#pb ul li a:hover{
color:#000;
text-decoration:underline;
}

ul#testmenu{
list-style:none;
margin:0;
padding:0;
}
ul#testmenu li{
float:left;
width:140px;
margin:0 0 0 10px;
padding:0;
}
ul#testmenu li.first{
margin:0;
}
ul#testmenu li div{
width:140px;
height:34px;
background-position:0 0;
background-repeat:no-repeat;
}
ul#testmenu li div.over{
background-position:0 -34px;
}
ul#testmenu li div.ac{
background-position:0 -34px;
}
ul#testmenu li div#menuItem0{
background-image:url('/pictures/button_about.gif')
}
ul#testmenu li div#menuItem1{
background-image:url('/pictures/button_instrumentation.gif')
}
ul#testmenu li div#menuItem2{
background-image:url('/pictures/button_price.gif')
}
ul#testmenu li div#menuItem3{
background-image:url('/pictures/button_order.gif')
}
ul#testmenu li div#menuItem4{
background-image:url('/pictures/button_contact.gif')
}


body
	{
	cursor: default;
	padding: 0;
	margin: 0;
	font: 0.7em Arial, Verdana;
	background: #fff url('pictures/back.gif') repeat-x top;
	}
a
	{
	text-decoration: none;
	color: #3399ff;
	}
a:hover
	{
	text-decoration: none;
	color: #ff0000;
	}
div#footmenu a
	{
	text-decoration: none;
	font: 1.3em Arial, Verdana;
	color: #777;
	}
div#footmenu a:hover
	{
	text-decoration: none;
	font: 1.3em Arial, Verdana;
	color: #000;
	}
div#footer div.copyrights a
	{
	text-decoration: none;
	font: 1em Arial, Verdana;
	color: #444;
	}
div#footer div.copyrights a:hover
	{
	text-decoration: underline;
	font: 1em Arial, Verdana;
	color: #9c9c9c;
	}
div#kryshtall a
	{
	text-decoration: none;
	color: #9c9c9c;
	}
div#kryshtall a:hover
	{
	text-decoration: none;
	color: #666;
	}
div#glossary a
	{
	text-decoration: none;
	font: 2em Arial, Verdana;
	margin: 5px;
	color: #3399ff;
	}
div#glossary a:hover
	{
	text-decoration: none;
	font: 2em Arial, Verdana;
	margin: 5px;
	color: #000;
	}
div#glossary b, div#glossary strong
	{
	text-decoration: none;
	font: 2.5em Arial, Verdana;
	margin: 5px;
	color: #000;
	}
#raltable a
	{
	text-decoration: none;
	font: 2em Arial, Verdana;
	color: #000;
	}
#raltable a:hover
	{
	text-decoration: none;
	font: 2em Arial, Verdana;
	color: #444;
	}
table#pricelist
	{
	font: 1em Arial;
	padding: 0;
	marging: 0;
	}
table#pricelist tr
	{
	border-bottom: 1px #444 solid;
	}
table#pricelist th
	{
	text-align: left;
	color: #444;
	padding: 5px;
	marging: 5px;
	font-weight: bold;
	border-bottom: 3px #999 solid;
	}
table#pricelist td
	{
	border-collapse: separate;
	border-spacing: 5px;
	padding: 5px;
	marging: 5px;
	vertical-align: top;
	color: #444;
	border-bottom: 1px #444 solid;
	}
table#pricelist td.rur
	{
	text-align: right;
	}
table#raltable
	{
	border-collapse: separate;
	border-spacing: 10px;
	}
table#raltable td
	{
	border-collapse: separate;
	border-spacing: 15px;
	padding: 5px;
	vertical-align: top;
	font: 0.8em Arial;
	color: #444;
	}
table#ralcolor
	{
	margin: 25px;
	}
table#ralcolor td
	{
	width: 300px;
	height: 150px;
	vertical-align: middle;
	text-align: left;
	font: 1.6em Arial;
	color: #444;
	}
table#ralcolor div
	{
	width: 300px;
	height: 150px;
	background: url('pictures/cardback.png') no-repeat;
	}
table#ralcolor div img
	{
	behavior: url("iepngfix.htc");
	}
table#ralcolor th
	{
	width: 300px;
	height: 150px;
	vertical-align: middle;
	text-align: left;
	font: 1.6em Arial;
	color: #444;
	}
#free
	{
	width: 450px;
	background: #fff3d9;
	padding: 30px;
	}
div#picz
	{
	}
div#picz div.column
	{
	width: 250px;
	float: left;
	margin: 7px;
	background: #ccc;
	border-bottom: 3px #999 solid;
	}
div#picz div.column p
	{
	font: 1em Arial, Verdana;
	color: #444;
	padding: 0 5px 5px 5px;
	}
div#picz div.column h4
	{
	font: 1.6em Arial, Verdana;
	color: #444;
	margin: 0;
	padding: 0 5px 0 5px;
	}
div#layout
	{
	width: 1000px;
	position: relative;
	margin: 520px auto 0 auto;
	}
div#content
	{
	padding-left: 160px;
	}
div#logotype
	{
	position: absolute;
	top: -60px;
	left: 0;
	}
div#menu
	{
	position: absolute;
	top: -60px;
	left: 160px;
	}
/*div#menu ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#menu ul li
	{
	width: 140px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	}
div#menu ul li.first
	{
	margin-left: 0;
	}
*/
div#footmenu
	{
	padding-top: 50px;
	}
div#footmenu ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
div#footmenu ul li
	{
	margin: 0 10px 0 10px;
	padding: 0;
	float: left;
	}
div#footer
	{
	clear: left;
	border-top: 1px #9c9c9c solid;
	border-bottom: 3px #9c9c9c solid;
	}
div#footer div.minilogo
	{
	width: 70px;
	float: left;
	margin: 20px;
	}
div#footer div.copyrights
	{
	width: 420px;
	float: left;
	margin-top: 20px;
	}
div#footer div.copyrights p
	{
	margin: 0;
	font: 1.3em Arial, Verdana;
	color: #999;
	}
div#footer div.counters
	{
	width: 100px;
	float: left;
	margin: 20px;
	}
div#footer div#kryshtall
	{
	width: 200px;
	float: right;
	margin: 20px;
	text-align: right;
	}
div#hotthings
	{
	}
div#hotline
	{
	width: 300px;
	font: 1.5em Arial, Verdana;
	color: #999;
	line-height: 20px;
	margin: 15px;
	float: left;
	}
div.clear
	{
	font-size:0;
	clear:both;
	width:100%;
	overflow:hidden;
	height:0;
	line-height:0;
	}
div#ral
	{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	}
div#ral div.flasher
	{
	width: 750px;
	margin: 0 auto;
	}
div#content div#colordisk
	{
	width: 300px;
	height: 226px;
	background: linear-gradient(135deg,#eee,#d3d3d3);
	float: right;
	margin: 0;
}
div#content div#colordisk strong
	{
	font: 1.3em Arial, Verdana;
	color: #ab1622;
}
div#content div#colordisk p
	{
	font: 2em Arial, Verdana;
	color: #fff;
	margin: 10px;
}
div#content table#contactTable
	{
	font: 1.5em Arial, Verdana;
}
ol#faqlist
	{
	font: 1.4em Arial, Verdana;
}
ol#faqlist p.qu
	{
	color: #000;
	font-weight: bold;
	margin: 0;
}
ol#faqlist p.an
	{
	color: #444;
	margin: 0;
}
ol#faqlist li
	{
	margin: 0 0 10px 0;
}
table#RALstorage
	{
	font: 1em Arial;
	padding: 0;
	marging: 0;
	}
table#RALstorage tr
	{
	border-bottom: 1px #444 solid;
	}
table#RALstorage th
	{
	text-align: left;
	color: #444;
	padding: 5px;
	marging: 5px;
	font-weight: bold;
	border-bottom: 3px #999 solid;
	}
table#RALstorage td
	{
	border-collapse: separate;
	border-spacing: 5px;
	padding: 5px;
	marging: 5px;
	vertical-align: top;
	color: #444;
	border-bottom: 1px #444 solid;
	}
table#coverPatterns
	{
	font: 1em Arial;
	padding: 0;
	marging: 0;
	}
table#coverPatterns th
	{
	text-align: center;
	color: #444;
	padding: 0 0 40px 0;
	font-weight: bold;
	}
table#coverPatterns td
	{
	text-align: center;
	border-collapse: separate;
	border-spacing: 5px;
	padding: 5px;
	marging: 5px;
	}
table#coverPatterns td img
	{
	width: 100px;
	height: 67px;
	}
li
	{
	font: 1.2em Arial, Verdana;
	line-height: 18px;
	color: #444;
	}
p
	{
	font: 1.1em Arial, Verdana;
	line-height: 18px;
	color: #444;
	}
p.increased
	{
	font: 1.4em Arial, Verdana;
	line-height: 18px;
	color: #444;
	}
div#newsBox
	{
	width: 500px;
	background: #e3d5ba;
	border: 0;
	padding: 15px;
	margin: 0;
	}
p.nDate
	{
	font: 1em Arial, Verdana;
	line-height: 18px;
	color: #000;
	margin: 0;
	}
p.nSummary
	{
	font: 1.4em Arial, Verdana;
	line-height: 18px;
	color: #444;
	margin: 1px 0 10px 0;
	}
p.nSummary a
	{
	text-decoration: none;
	color: #6b4c11;
	}
p.nSummary a:hover
	{
	text-decoration: underline;
	color: #444;
	}
h1
	{
	font: 2.5em Arial, Verdana;
	color: #444;
	}
h2
	{
	font: 2.2em Arial, Verdana;
	color: #000;
	}
h3
	{
	font: 1.8em Arial, Verdana;
	margin-top: 30px;
	color: #444;
	}
h4
	{
	font: 0.8em Arial, Verdana;
	color: #ddd;
	font-weight: bold;
	}
h5
	{
	font: 1.1em Arial, Verdana;
	color: #f48416;
	}
ul
	{
	line-height: 20px;
	}
div.required
	{
	width: 400px;
	margin: 0px;
	}
img
	{
	border: 0px;
	}
img.floatleft
	{
	border: 1px #444 solid;
	float: left;
	margin-right: 10px;
	}
img.floatright
	{
	border: 1px #444 solid;
	float: right;
	margin-left: 10px;
	}
img.mylogo
	{
	border: 0px;
	margin: 0px;
	float: right;
	}

/* End of 'ruscomstyle' */

/* Modern browser compatibility for assets that were originally rendered by Flash and image buttons. */
html {
  overflow-x: hidden;
}

body {
  min-width: 0;
  background: #fff;
}

div#layout {
  box-sizing: border-box;
  width: min(1000px, calc(100% - 32px));
  margin: 520px auto 30px;
}

div#content {
  box-sizing: border-box;
  padding: 0 0 0 160px;
}

div#logotype {
  top: -60px;
  left: 0;
}

div#menu {
  top: -60px;
  left: 160px;
  right: 0;
}

ul#testmenu {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

ul#testmenu li,
ul#testmenu li.first {
  float: none;
  width: auto;
  margin: 0;
}

ul#testmenu li a {
  display: block;
  padding: 10px 14px;
  border-radius: 3px;
  background: #444;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

ul#testmenu li a::after {
  content: attr(title);
}

ul#testmenu li a:hover,
ul#testmenu li.ac a {
  background: #f48416;
  color: #fff;
}

ul#testmenu li div {
  display: none;
}

div#ral {
  display: block;
  overflow: hidden;
}

div#ral div.flasher {
  width: min(750px, 100%);
}

div#ral embed,
div#ral ruffle-embed {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 3;
}

.formbuilderform label {
  display: inline-block;
  width: 150px;
  margin: 6px 0;
}

.formbuilderform input[type="text"],
.formbuilderform select {
  box-sizing: border-box;
  width: min(360px, 100%);
  padding: 7px;
  border: 1px solid #aaa;
}

.formbuilderform input[type="submit"] {
  margin-top: 12px;
  padding: 9px 18px;
  border: 0;
  background: #f48416;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 700px) {
  div#layout {
    width: min(100% - 20px, 1000px);
    margin-top: calc((100vw - 20px) * 0.6 + 160px);
  }

  div#logotype {
    top: -150px;
    left: 10px;
  }

  div#menu {
    top: -80px;
    left: 10px;
    right: 10px;
  }

  div#content {
    padding: 0 10px;
  }

  div#ral div.flasher {
    width: calc(100% - 20px);
  }

  div#pb,
  div#content div#colordisk,
  div#hotline,
  div#picz div.column {
    box-sizing: border-box;
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  div#pb {
    background-size: cover;
  }

  div#pb p,
  div#pb ul {
    margin-left: 20px;
  }

  div#content img.floatleft,
  div#content img.floatright {
    float: none;
    max-width: 100%;
    height: auto;
    margin: 0 0 12px;
  }

  div#footmenu ul li {
    float: none;
    margin: 6px 10px;
  }

  div#footer div.copyrights,
  div#footer div#kryshtall,
  div#footer div.counters {
    box-sizing: border-box;
    width: 100%;
    float: none;
    margin: 12px 0;
    text-align: left;
  }

  .formbuilderform label {
    display: block;
    width: auto;
  }
}