html, body {
  margin: 0;
  padding: 0;
  height: 100%; /* needed for container min-height */
  background: white;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
}


table.toptable {
  background: white;
  border-spacing: 0;
  border-collapse: collapse;
  height: 70px;
  width: 100%;
}

table.datatable {
  background: white;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

table.bottomtable {
  background: #DADADA;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

table.menutable {
  background: #f8f8f8;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  border-top: double gray;
  border-right: double gray;
  border-bottom: double gray;
  border-left: double gray;
}

table.contacttable {
  border-spacing: 0;
  border-collapse: collapse;
  width: 95%;
  border-top: #cacaca 1px solid;
  border-right: #cacaca 1px solid;
  border-bottom: #cacaca 1px solid;
  border-left: #cacaca 1px solid;
  margin-left:auto;
  margin-right:auto;
}
table.contacttable th {
  padding: 4px;
  height: 22px;
  font-weight:bold;
  background: #E2ECFF url(images/table-header.gif) repeat-x left bottom;
}

table.order_table {
  border-spacing: 2px;
  border-collapse: separate;
  width: 95%;
  border-top: 1px dashed gray;
  border-right: 1px dashed gray;
  border-bottom: 1px dashed gray;
  border-left: 1px dashed gray;
  FONT-SIZE: 0.8em;
}
table.order_table td {
  padding: 4px;
  height: 21px;
  background-color: #dbeaf5;
}
table.order_table th {
  padding: 4px;
  height: 21px;
  background: #E2ECFF url(images/table-header.gif) repeat-x left bottom;
}

td.order_table_cell {
  padding: 4px;
  height: 21px;
  width: 35%;
  text-align: center;
  background-color: #dbeaf5;
}


table.faqtable {
  border-spacing: 0;
  border-collapse: collapse;
  width: 95%;
  margin: 0 auto;
}

table.faqtable td { 
  padding: 8px;
  FONT-WEIGHT: normal; 
  COLOR: #000000; 
  border: 1px solid #ADC5FF;
}

.table_header{
  margin-top: 8px;
  padding: 5px 0 5px 4px;
  background: #E2ECFF url(images/table-header.gif) repeat-x left bottom;
  border: 1px solid #ADC5FF;
}

.table_header_fixed{
  width: 20px;
  margin-top: 8px;
  padding: 5px 0 5px 4px;
  background: #E2ECFF url(images/table-header.gif) repeat-x left bottom;
  border: 1px solid #ADC5FF;
}

.version_descr {
  font-size:1em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin:8px 0px 4px 8px;
  font-weight:600;
  font-size: 1.05em;
  color: #990033;
}

.copyright {
  padding: 0px 8px 0px 8px;
  FONT-WEIGHT: normal; 
  FONT-SIZE: 0.75em; 
  COLOR: #000000; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.cpr:before {
  content:"Copyright \00a9 2024 Vitalii Levchenko Software. All rights reserved.";
}

.site_title {	
  color: white;
  font-family:'Comic Sans MS';
}

.site_descr {	
  color: #FFFFCC;
  font-weight: bold;
}

.notes {
  FONT-WEIGHT: normal; 
  FONT-SIZE: 0.8em; 
  COLOR: #000000; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #CCC;
  padding: 0 0.5em;
}

.topic_header {
  COLOR: #660000;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  padding: 4px 4px 4px 4px;
}
.section_header {
  COLOR: #663300;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  padding: 4px 4px 4px 4px;
}

.small {
  FONT-WEIGHT: normal; 
  FONT-SIZE: 0.75em; 
  COLOR: #000000; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

TABLE {
  FONT-WEIGHT: normal; 
  FONT-SIZE: 1em; 
  COLOR: #000000; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.cell_dl {
  BORDER-BOTTOM: #cacaca 1px solid; 
  BORDER-RIGHT: #cacaca 1px solid; 
  FONT-SIZE: 1em; 
  HEIGHT: 22px;
  padding: 2px 6px 2px 6px;
  vertical-align: middle;
  text-align: left;
}
.cell_dl a {text-decoration:none;}
.cell_dl_min {
  BORDER-BOTTOM: #cacaca 1px solid; 
  BORDER-RIGHT: #cacaca 1px solid; 
  FONT-SIZE: 0.85em; 
  HEIGHT: 22px;
  padding: 2px 6px 2px 6px;
  vertical-align: middle;
  text-align: left;
}
.cell_dl_min a {text-decoration:none;color:#3366ff;}
.cell_dl_min a:hover {color:#6633ee;}
.cell_dl_title {
  BORDER-BOTTOM: #cacaca 1px solid; 
  BORDER-RIGHT: #cacaca 1px solid; 
  FONT-SIZE: 1.1em; 
  HEIGHT: 24px;
  padding: 8px;
  COLOR: #996633;
  font-weight:bold;
  font-style: italic;
  vertical-align: middle;
  text-align: left;
}

div.discounttable {
  background:white;
  border:double #33AAFF;
  margin:0 auto;
  padding:8px;
}

table.brief_info_table {
  border: #9999ff 1px solid;
  width:80%; 
  margin: 0px auto;
  FONT-WEIGHT: normal; 
  FONT-SIZE: 0.85em; 
  COLOR: #000000; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  padding: 4px 4px 4px 4px;
  text-align: left;
}
table.brief_info_table tr {
  height:20px;
}

.news_cell {
  FONT-SIZE: 0.95em; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  background: #FFC;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-top: 1px solid #CC9933;
  border-bottom: 1px solid #CC9933;
  border-left: 1px solid #CC9933;
  border-right: 1px solid #CC9933;
}

.menu,.menu_current{
  width:214px;
  height:32px;
  background: #115688;
  border: 1px solid white;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  display: table-cell; 
  vertical-align: middle; 
  text-align: left; 
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
  padding-left : 10px;
  font-weight: 500;
}
.menu_current{
	color: white;
	background: #032657;
}

.menu:hover{
	color: #26370A;
	background: #032657;
}

.menu:active {
	color: #26370A;
	background:  #021546;
}

.menu_block{
	width:214px;
	height:100%;
	text-align:center;
	float : left;
}

a.menulink
{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:204px;
	height:32px;
	display: table-cell; 
	vertical-align: middle; 
	text-align: left; 
	text-shadow: 3px 3px 1px black, 0 0 1em white;
}

.div_example{ 
	width: 350px;
	height: 100%;
	background: white;
	float: left;
	margin: 4px;
	text-align: center;
	vertical-align: middle; 
}
.div_screenshot{ 
	width:345px;
	height:100%;
	background: white;
	float : left;
	margin:5px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	border: 1px solid #032657;
	text-align:center;
	border-radius: 5px;
}
.div_screenshot_about{
	width:345px;
	height:32px;
	background: #043768;
	color: white;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	float : left;
	margin:5px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	border: 1px solid #043768;
	text-align:center;
	border-radius: 5px;
	text-shadow: 3px 3px 1px black, 0 0 1em white;
	line-height:32px;
	font-weight: 500;
}


#text_field{
	width: 738px; 
	text-align: left;
	float: left;
	box-sizing: border-box;
	padding: 10px;
	word-wrap: break-word;
	font-weight: 500;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

#logo{
	width: 208px;
	height: 100px;
	background: white;
	text-align: center;
	float : left;
	margin: 1px;
}

#site_name{
	min-width: 742px;
	height: 100px;
	background: #115688;
	color: #EEEEDD;
	float: left;
	text-align: center;
	vertical-align: middle;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28pt;
	text-shadow: 5px 5px 2px black, 0 0 1em white;
	margin: 1px;
	font-weight:600;
}

#about_logo{
	width: 204px;
	height: 40px;
	text-align: center;
	color: navy;
	float: left;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height: 40px;
	border: 2px solid #115688;
	border-radius: 10px;
	text-shadow: 2px 2px 1px darkgrey, 0 0 1em grey;
	margin: 1px;
	font-weight: 500;
}
#lang{
	min-width: 742px;
	height: 48px;
	background: #115688;
	text-align: right;
	float: left;
	text-align: right;
	color: black;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 45px;
	border-top: 1px solid #cccccc;
	box-sizing: border-box;
	padding-right: 20px;
	margin: 1px;
	font-weight: 500;
}
.alink
{
color:#FFFFFF;
}
div#container {
  position: relative; /* needed for footer positioning*/
  margin: 0 auto; /* center, not in IE5 */
  width: 960px;
  background: white; 
  height:auto !important; /* real browsers */
  height: 100%; /* IE6: treaded as min-height*/
  min-height: 100%; /* real browsers */ 
}

div#header {
  border: double #043768;
  width:954px;
  height:152px;
}

div#content {
  width: 957px;
  padding: 0em 0em 4em;
  border-left: 1px solid #043768;
  border-right: 1px solid #043768;
  
}

div#footer {
  float: left;
  width: 960px;
  bottom: 0;
  border: double #043768;
  text-align: right;
  FONT-WEIGHT: normal; 
  FONT-SIZE: 0.75em; 
  COLOR: white; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  padding-right: 20px;
  background:#043768;
}

div#footer404 {
  width: 960px;
  border: double #043768;
  text-align: right;
  FONT-WEIGHT: normal; 
  FONT-SIZE: 0.75em; 
  COLOR: white; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  padding-right: 20px;
  background:#043768;
}

.over {
  z-index: 1; 
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  position: fixed; 
  cursor: default; 
  top: 0; 
  right: 0;
  bottom: 0; 
  left: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
.over:target {
  visibility: visible;
  opacity: 1;
}
.is-image {
  display: block;
  margin: auto;
  width: 100%;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.openwin {
  display: flex;
  position: absolute;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  font-size: 14px;
  z-index: 10;
  visibility: hidden;
  margin: 0 auto;
  min-width: 10%;
  max-height: 100%;
  overflow:auto;
  white-space: nowrap;
}
.over:target+.openwin {
  top: 10%;
  visibility: visible;
  opacity: 1;
}
.close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  background-color: grey;
  text-align: center;
  vertical-align: middle; 
  text-decoration: none;
  border-radius: 3px;
}
.close:before {
  content: "X";
  color: white;
  font-size: 17px;
}
.close:hover {
  background-color: red;
}
.openwin p, .openwin div {
  margin-bottom: 5px;
}

.btn_buy {
  background-color: #ff8080;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  font-weight: bold;
  margin: 4px 2px;
  white-space: nowrap;
  cursor: pointer;
}
a.btn_buy:hover { background-color: #ff6060;}

.btn_promo {
  background-color:#eeeeee;
  border:1px solid #eecccc;
  border-radius:2px;
  color:#FF6633;
  font-size:1em;
  font-weight:500;
  white-space:nowrap;
  padding:4px 8px;
  text-decoration:none;
  display:inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
}
a.btn_promo {color:#0066BB;}
a.btn_promo:hover {background-color:#dcdccd;color:#0066BB;}

.div_two_col_table {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-direction: row;
  width: 100%;
}

.div_two_col_item1 {
  min-width:420px;
  width: 100%;
  flex: 0 0 26%;
  text-align:center;
}
.div_two_col_item2 {
  min-width:200px;
  width: 100%;
  text-align:center;
}

.div_ver_middle {
  display:table;
  height:100%;
  width:100%;
  text-align:center;
}
.div_ver_middle_cell {
  display:table-cell;
  vertical-align:middle;
}

.important_text {
  FONT-WEIGHT:normal; 
  FONT-SIZE:1.1em; 
  padding:4px 4px 4px 4px;
}

.btn {
  background-color:#2AAB40;
  border:none;
  color:white;
  padding:12px 28px;
  text-align:center;
  text-decoration:none;
  display:inline-block;
  font-size:1.1em;
  font-weight:bold;
  margin:4px 2px;
  cursor:pointer;
}
a.btn:hover {background-color:#1A9C30;}

.btn_lang {
  background-color:#88bbdd;
  border:1px solid #1177aa;
  border-radius:2px;
  color:#000000;
  font-size:0.95em;
  font-weight:500;
  white-space:nowrap;
  padding:3px 5px;
  text-decoration:none;
}
a.btn_lang {color:#001232;}
a.btn_lang:hover {background-color:#115688;color:#eeee88;}

.btn_lang_dis {
  background-color:#336699;
  border:1px solid #999999;
  border-radius:2px;
  color:#999999;
  font-size:0.95em;
  font-weight:500;
  white-space:nowrap;
  padding:3px 5px;
  text-decoration:none;
}

.btn_lang_selected {
  background-color:#115688;
  border:1px solid #4477aa;
  border-radius:2px;
  color:#dddddd;
  font-size:0.95em;
  font-weight:500;
  white-space:nowrap;
  padding:3px 5px;
  text-decoration:none;
}