body {
	margin:0; 
	font-size: 1.5vw;
	min-height: 100%;
	background-color: #FFFFFF;	
}
textarea.link2us {
	width: 70vw;
	height:10vw;
	padding: 1vw 1vw;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	background-color: #f8f8f8;
	font-size: 1.5vw;
	resize: none;
}
a {
	TEXT-DECORATION: none;
}
a:hover {
	TEXT-DECORATION: underline;
}
blockquote {
	background: #f9f9f9 url(images/quote.png) no-repeat 10px 10px;
	min-height: 14px;
	min-width: 13px;
	padding: 15px 15px 10px 41px;
	margin-top: 15px;
	margin-bottom: 25px;
	*width: 95%;
	*float: left;
	box-shadow: 0px 0px 1px 1px #dedede;
	position: relative;
}
input:not([type=submit,checkbox]), select, textarea {
  	width: 100%;  	
	padding: 1.2vw;    
  	border: 1px solid #ccc;
  	border-radius: 4px;    
	box-sizing: border-box;
  	resize: vertical;  
	/*font-size: 1.2vw;*/
	background-color: #f8f8f8;
}
/*input[type=submit] {
  	background-color: #04AA6D;
  	color: white;
  	padding: 12px 20px;
  	border: none;
  	border-radius: 4px;
  	cursor: pointer;
  	float: right;
}*/
select, input.textbox {
	width: 50vw;
	height:3vw;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 2px;
	font-size: 1.5vw;
	background-color: #f8f8f8;
}
select, textarea {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
}
.col-25 {    
 	display:block; 	
 	float: left;    
  	width: 25%;    
  	margin-top: 6px;
}    
.col-75 {    
	display:block; 	
  	float: left;    
  	width: 75%;    
  	margin-top: 6px;
}    
/* Clear floats after the columns */
.row:after {
  	content: "";
  	display: table;
  	clear: both;
}
/*.input {
	BACKGROUND: #ffffcc; 
	COLOR: #FFFFFF; 
	FONT-WEIGHT: normal
}*/
div.find_tool_container_640px {
	padding-left:3vw;
	FONT-FAMILY: Segoe UI,Lucida Grande,Helvetica,Arial,Verdana,sans-serif;
	background-color: #EEEEEE;
}
div.find_tool_container_480px {
	display: none;
}
.news-date {
        color: #999999;
	font-weight: bold;
}
.small1 {
	FONT-SIZE: 1vw
}
.small2 {
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, sans-serif;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1vw;
}
/*.small3 {
	COLOR: #000000; 
	FONT-FAMILY: Tahoma; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1vw
}*/
.grid_wrapper {
	padding-left: 8vw;
	padding-right: 8vw;
	padding-bottom: 2vw;
  	display: grid;
  	grid-template-columns: 26vw 26vw 26vw;
	grid-gap: 1vw;
	FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;	
	FONT-SIZE: 1.5vw
}
.grid_cell {
  	background-color: #DDEEFF;
	padding: 1.5vw;
}
.grid_cell2 {
	border: 1px solid #ccc;
	padding: 1.5vw;
}
.grid_cell_nowrap {
	white-space: nowrap;
}
.shot_126x99 {
	width:20vw;
	height:15vw;
}
.shot_252x197 {
	width:32vw;
	height:26vw;
}
.p2wcom_screenshot {
	width:32vw;
	height:16vw;
}
.container {
  	border-radius: 5px;
  	/*background-color: #a2a2a2;*/
  	padding: 20px;
}
.resellers-container {
	max-width:65vw; 
	margin:2% 5%;
}
.form-control {
	border: 0.1vw solid #e6e6e6;
    	cursor: pointer;
	display: block;
	width: 25vw;
	height: 3vw;
	padding: 0 1vw;
    	font-size: 1.5vw;
}
.form-button {
	border: none;
  	border-radius: 0.4vw;    
  	padding: 1vw 3vw;
    	cursor: pointer;
  	/*margin-top: 6px;*/
    	background: #6699CC; /*#006699;*/
    	color: #fff;
	/*float: right;*/
    	font-size: 1.2vw;
}
.main-banner {
	display:block; 
	/*background: url(images/main_banner_10_2021.png) no-repeat /*80% 60%*/; 
	background: url(images/mss2pgs_banner_960x395.png) right no-repeat /*80% 60%*/; 
	min-height: 16vw;
	/*width: 100%;*/ 
    	background-color: #131312; /*#E6EDF3;*/ /*#006699;*/
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: contain;
}
.p2w-banner {
	display:block; 
	background: url(images/p2w_banner.png) no-repeat 85% 60%; 
	min-height: 23vw;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.link2us-banner {
	display:block; 
	background: url(images/banner480x60.gif) no-repeat 85% 60%; 
	min-height: 5vw;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.news_list, .prod_list {
	list-style-type: none; 
        padding: 0 0 0 0.1vw;
}
UL.news_list li {
	/*background: url('images/bullet.gif') no-repeat 0 0.2vw;*/
	list-style-type:none;
        padding: 0 0 0.5vw 1.2vw;
	margin: 0;
}
UL.prod_list li {
	/*background: url('images/bullet.gif') no-repeat 0 0.2vw;*/
	list-style-type:none;
        padding: 0 0 0 0;
	margin: 0;
}
p.after_header {
	MARGIN-TOP: 1vw; 
	MARGIN-BOTTOM: 0
}
div.colgroup {
	vertical-align: top;
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
	-webkit-column-gap: 4vw; /* Chrome, Safari, Opera */
	-moz-column-gap: 4vw; /* Firefox */
	column-gap: 4vw;
	-webkit-column-rule-width: 0.1vw; /* Chrome, Safari, Opera */
	-moz-column-rule-width: 0.1vw; /* Firefox */
	column-rule-width: 0.1vw;
}
div.like-facebook {
	display:inline-block;
	padding-top:1vw;
}
div.share-facebook {
	display:inline-block;
	padding-top:1vw;
	padding-right:1vw;
}
div.share-twitter {
	display:inline-block;
	padding-top:1vw;
	padding-right:1vw;
}
.cleardb {
	display:block; 	
	width:85vw;
	height:57vw;
	background: url('images/cleardb.png') no-repeat 0 0;	
}
/* 2-columns layout */
.section, .aside {
	display:block; 	
	width: 48%;
}
.section {
	float: left;	
}
.aside {
	float: right;
}
pre.code {
	font-family: Courier, Consolas, Verdana, sans-serif;
	background-color: #E0E7EF;
	border: 2px solid #999;
	border-radius: 0.375rem;
  	white-space: pre-wrap;
	padding: 1vw;
	-webkit-tab-size: 4;
	-moz-tab-size: 4;
	tab-size: 4;
	width: 90%
}
/* end of 2-columns layout */

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 1vw;
  text-align: center;
}

.responsive {
  padding: 0 0.5vw;
  float: left;
  width: 33.33333%;
  box-sizing: border-box;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* MOBILE MENU SECTION */
nav {
	display: none;
	color:#fff;
	background-color:#ee6e73;
	/*width:100%;*/
	/*height:156px;*/
	line-height:26px;
	overflow:hidden;
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 20px;
	-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
}
nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
nav ul li {
	/*border: 2px solid #CCCCCC; -- DEBUG */
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	-o-transition:background-color .3s;
	-ms-transition:background-color .3s;
	transition:background-color .3s;
	float:left;
	padding:0; 
}
nav ul li:hover,nav ul li.active { 
	background-color:rgba(0,0,0,0.1); 
}
nav ul a { 
	font-size:1rem;
	color:#fff;
	display:inline-block;
	text-decoration: none; 
}
nav ul.left { 
	float:left
}
.slideout-menu {
        display: none; 
        position: fixed;
        top: 43;
        bottom: 0;
        right: 0;
        z-index: 99;
        /*width: 256px;*/
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #404045;
}
.slideout-panel {
        position:relative;
        z-index: 1;      
	background-color: #FFF; /* A background-color is required */
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}
.slideout-open .slideout-menu {
        display: block;      
}
.menu-section-list li {
	width: 100%;
	float:left;
	padding:0; 
	border-bottom: 1px solid #4C4C4C;
}
.menu-section-list li a {
	padding: 17px 0px 17px 35px;
	/* line-height: 20px; */
   	/* height: 20px; */
	font-size: 20px;
	display: block;
	color:#fff;
}
.menu-section-list {
        display: none; 
	margin-top: 1px;
}
.closezed {
   	position: absolute;
   	right: 9px;
	top:  -3px;
	font-size: 20px;
	letter-spacing: 0px;
	cursor: pointer;
   	color: #8E8E8E;
}
.closezed:hover {
   	color: #fff;
}
.toggle-buttons {
	display: none;
}
/* END OF MOBILE MENU SECTION */
.mobile-logo  {
	display: none;
}
H1 {
	COLOR: #000000; 
	FONT-FAMILY: 'Segoe UI Light','Segoe UI','Lucida Grande',Verdana, sans-serif; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 3vw;
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
}
H2 {
	COLOR: #666666; 
	FONT-FAMILY: 'Segoe UI','Lucida Grande',Verdana, sans-serif; 
	/*FONT-FAMILY: Tahoma, sans-serif; */
	FONT-WEIGHT: normal; 
	FONT-SIZE: 2vw; 
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
}
HR {
  	border-top: 1px solid gray;
	/*COLOR: #999999; 
	BORDER-RIGHT: 1px solid; 	
	PADDING-RIGHT: 0px; 
	BORDER-TOP: 1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: 1px solid; 
	HEIGHT: 1px;*/
}
img {
	border: 0px;
}
img.top {
	border: 0px;
	vertical-align: text-top;
}
table {
	border: 0px;
}
table.screenshots {
	width: 100%;
	border: 0px;
	border-spacing: 4px 4px;
}
table.thin-space {
	border: 0px;
	border-spacing: 2px 2px;
}
table.wide-space {
	border: 0px;
	border-spacing: 8px 8px;
}
TD.reg {
	COLOR: #000000; 
	/*FONT-FAMILY: Verdana, sans-serif; */
	FONT-SIZE: 1.5vw;
}
TD.reg-top {
	COLOR: #000000; 
	/*FONT-FAMILY: Verdana, sans-serif; */
	FONT-SIZE: 1.5vw;
	vertical-align: top;
}
TD.reg-nowrap {
	COLOR: #000000; 
	/*FONT-FAMILY: Verdana, sans-serif; */
	FONT-SIZE: 1.5vw;
	white-space: nowrap; 
}
TD.reg-nowrap-vamiddle {
	COLOR: #000000; 
	/*FONT-FAMILY: Verdana, sans-serif; */
	FONT-SIZE: 1.5vw;
	white-space: nowrap; 
	vertical-align: middle;
}
TD.reg-nowrap-top-center {
	COLOR: #000000;
	/*FONT-FAMILY: Verdana, sans-serif; */
	FONT-SIZE: 1.5vw;
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
}
TD.reg-nowrap-vamiddle-right {
	COLOR: #000000; 
	/*FONT-FAMILY: Verdana, sans-serif; */
	FONT-SIZE: 1.5vw;
	white-space: nowrap; 
	vertical-align: middle;
	text-align: right;
}
TD.small {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw;
}
TD.small-top {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw;
	vertical-align: top;
}
TD.small-nowrap {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw;
	white-space: nowrap; 
}
TD.small-nowrap-top {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw;
	white-space: nowrap; 
	vertical-align: top;
}
TD.small-bottom-right {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw;
	vertical-align: bottom;
	text-align: right;
}
TD.odd {
	BACKGROUND-COLOR: #BBDDEE; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1.5vw;
	padding: 6px;
}
TD.even {
	BACKGROUND-COLOR: #E0E7EF; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1.5vw;
	padding: 6px;
}
TD.bkgr {
	BACKGROUND-COLOR: #0F75A8; COLOR: #FFFFFF; FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 1.5vw
}
TD.bullet {
	width: 5px; 
	height: 15px;
	vertical-align: top;
	background: url(images/bullet.gif) no-repeat 0 0;
}
TD.black-pixel-container {
	height: 1px;
	background: #000;
}	
TD.blue-pixel-container {
	height: 1px;
	vertical-align: middle;
	background: #6699CC;
	/*background: url(images/blue-pixel.gif);
	background-position: center;
	background-repeat: repeat-x;*/
}
font.header {
	COLOR: #999999; 
	FONT-FAMILY: Tahoma, sans-serif; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 2vw
}
font.small {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1vw
}
font.smallred {
	COLOR: #FF0000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1vw
}
a:link {
	color: #006699;
}
a:visited {
	color: #006699;
}
a:active {
	color: #006699;
}
A.buy {
        COLOR: #006699; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw; 
	FONT-WEIGHT: bold; 
}
A.vnav2 {
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial, sans-serif; 
	FONT-SIZE: 2vw; 
	TEXT-DECORATION: none;
}
A.vnav2:hover {
	COLOR: #666666; 
	TEXT-DECORATION: none;
	/*TEXT-DECORATION: underline;*/
}
A.sitemap {
        COLOR: #0F75A8; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1.5vw; 
	FONT-WEIGHT: bold;
}
A.more {
        COLOR: #006699; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw; 
	FONT-WEIGHT: normal; 
	TEXT-DECORATION: none;
	white-space: nowrap;
}
A.more:hover {
	TEXT-DECORATION: underline;
}
A.bigmore {
        COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1.5vw; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none
}
A.bigmore:hover {
	TEXT-DECORATION: underline
}
UL {
	text-decoration: none;
	background-position: 0px;
	MARGIN-TOP: 0.5vw; 
	MARGIN-BOTTOM: 0.2vw; 
	MARGIN-LEFT: 1vw;
	padding-right: 0;
	FONT-SIZE: 1.5vw;
}
.pricelist {
	width:65vw;
}
.a-main-wrapper {
        display: block;
	position: relative;
	/*max-width: 961px;*/
	margin-left: auto;
	margin-right: auto;
}
.navi_under_search {
        color: #fff;
	position: absolute;
	top: 1vw;
	right: 3vw;
	font-size: 2vw;
}
.block-logo {
	display: block;
	height: 6vw;
	padding-left: 1vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	background: #006699 url(images/logo.png) no-repeat /*1vw*/; 
	background-size: contain;
}
.block-search {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34vw;
	min-width: 24vw;
	height: 10vw;
	background: #6699CC;
}
.block-triangle {
	display: block;
	width:  4.6vw;
	height: 7vw;
	padding-left: 0;
	padding-top: 1vw;
	background: url(images/triangle2.gif) no-repeat center;
	background-size: contain;
}
.b-searchbox {
	position: absolute;
	top: 1vw;
	right: 2.5vw;
	/*border: 1px solid;
	border-color: #8f98a8 #b1b6c2 #b8beca #919aab;
	/*border-radius: 3px;*/
	overflow: hidden;
	/*background: #fff url(images/bg.png) repeat-x 0 0;*/
	background: #fff;
}
.b-searchbox_text {
	position: relative;
	float: left;
	width: 12vw;
	height: 2vw;
	/*border-right: #7893ae 1px dotted;
	border-radius: 3px 0 0 3px;
	background: url(images/text.png) no-repeat 0 0;*/
	color: #3a3e45;
	font-size: 1vw;
	line-height: 2vw;
}
.b-searchbox_placeholder {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0.5vw;
	width: 11vw;
}
.b-searchbox_query {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	padding: 0 0.5vw;
	width: 11vw;
	height: 2vw;
	border: 0px none; 
	background: url(about:blank);
	color: #3a3e45;
	font-size: 1vw;
	line-height: 2vw;
}
.b-searchbox_button {
	float: left;
	padding: 0;
	width: 2vw;
	height: 2vw;
	border: none;
	/*background: url(images/button.png) no-repeat 4px 4px;*/
}
.b-searchbox_text__focus .b-searchbox_placeholder {
	display: none;
}
.header_navi {
	left: 0;
	top: 0;
	background: #222222;
}
.content-section__header {
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
}
.contents_area {
	/*border-top: 10px solid #CCCCCC;*/
	width: 84%;
	min-height: 25vw;
        /*min-height:63%;*/
	/*min-height:300px;*/
	*height: 300px; /*ie7*/
	_height: 300px; /*ie6*/
	padding-top: 1vw;
	padding-left: 5vw;
	padding-right: 3vw;
	padding-bottom: 1vw;
	background: #FFFFFF;
        font: COLOR: #000000; 
	/*FONT-FAMILY: Verdana, sans-serif; */
	FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;	
	FONT-SIZE: 1.5vw
}
div.footer {
	/*clear: both;*/
	height:4%;
	position: relative;
	width: 100%;
	padding-top: 1vw;
	padding-bottom: 2vw;
	border-top: 10px solid #FFFFFF; /* hack to avoid gray space */
	background-color: #222222;
	text-align: center;
	vertical-align: middle;
	color: #DDDDDD; 
	font-family: Verdana, sans-serif; 
	font-size: 1vw; 
	font-weight: normal;
}
a.footer {
	COLOR: #DDDDDD; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 1vw; 
	FONT-WEIGHT: normal; 
	TEXT-DECORATION: none	
}
a.footer:hover {
	TEXT-DECORATION: underline	
}
.blue-button {
	background-color: #008CBA; /* Blue */
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 0.8vw;
	border: none;
	color: white;
	FONT-SIZE: 1.4vw; 
	padding: 1vw 1.4vw;
	margin-top: 0.8vw;
	margin-right: 0.8vw;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
.blue-button:hover {
	background-color: #109CCA; /* Light Blue */
	text-decoration: none;
}
.buy-button {
	background-color: #AAAAAA; /* Light-gray */
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 0.7vw;
	border: none;
	font-family: Arial;
	font-size: 1vw;
	font-weight: normal;
	color: white;
	padding: 0.5vw 1vw;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
.buy-button:hover {
	background-color: #666666; /* Dark Blue */
	text-decoration: none;
}
/* citates block */
.blockquote-container {
	margin: 2% 5%;
}
.quote_cite {
	text-align: left;
	padding-top: 0px;
	color: #064F9C;
	margin: 10px 0px;
}
blockquote {
	text-align: left;	
	border-bottom: 1px dashed #DDD;
	font: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1vw;
	margin: 1vw 0 0 0;
}
/* end of citates block */
.btn {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}
.btn:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
.res-800px {
	display: block;
}
.res-640px {
	display: block;
}

@media only screen and (max-width:880px) {
/*.ordecom-right {
	width:507px;
	height:271px;	
	background: url('graphics/ordecom.gif') no-repeat;
	background-size: 507px 271px;
}	
.cleardb {
	width:776px;
	height:518px;
	background: url('images/cleardb.png') no-repeat 0 0;	
	background-size: 776px 518px;
}*/
}

/*
 *
 * 800 px
 *
 */

@media only screen and (max-width:800px) {
.screenshots {
	display: none;
}
.main-banner {
	display: none; 
}
.res-800px {
	display: none;
}
/*.ordecom-right {
	width:456px;
	height:244px;	
	background: url('graphics/ordecom.gif') no-repeat;
	background-size: 456px 244px;
}
.cleardb {
	width:698px;
	height:466px;
	background: url('images/cleardb.png') no-repeat 0 0;	
	background-size: 698px 466px;
}*/
}

/*
 *
 * 720 px
 *
 */

@media only screen and (max-width:720px) {
.block-triangle {
	display: none;
}
.block-search {
	width: 200px;
	background: #006699;
}
textarea.link2us {
	width: 63vw;
	height:11vw;
}
div.colgroup {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}	
TD.reg-nowrap {
	white-space: normal;
}
.res-720px {
	display: none;
}
/*.ordecom-right {
	width:411px;
	height:219px;
	background: url('graphics/ordecom.gif') no-repeat;
	background-size: 411px 219px;
}*/
}

/*
*/

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
    box-sizing: border-box;
  }
}

/*
 *
 * 640 px
 *
 */

@media only screen and (max-width:640px) {
H1 {
	COLOR: #000000; 
	FONT-FAMILY: 'Segoe UI Light','Segoe UI','Lucida Grande',Verdana, sans-serif; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 36px;
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
}
H2 {
	COLOR: #666666; 
	FONT-FAMILY: 'Segoe UI','Lucida Grande',Verdana, sans-serif; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 30px; 
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px; 
}
.contents_area {
	FONT-SIZE: 20px;
}
TD.reg {
	FONT-SIZE: 20px;
}
TD.reg-top {
	FONT-SIZE: 20px;
}
TD.reg-nowrap {
	FONT-SIZE: 20px;
}
TD.reg-nowrap-vamiddle {
	FONT-SIZE: 20px;
}
TD.reg-nowrap-top-center {
	FONT-SIZE: 20px;
}
TD.reg-nowrap-vamiddle-right {
	FONT-SIZE: 20px;
}
TD.odd {
	FONT-SIZE: 20px;
}
TD.even {
	FONT-SIZE: 20px;
}
UL {
	FONT-SIZE: 20px;
}
A {
	FONT-SIZE: 15px; 
}
A.buy {
	FONT-SIZE: 1rem; 
}
A.sitemap {
	FONT-SIZE: 15px; 
}
A.footer {
	FONT-SIZE: 15px; 
}
A.more {
	FONT-SIZE: 15px; 
}
A.bigmore {
        FONT-SIZE: 20px;
}
div.footer {
	height:30px;
	position: relative;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 10px solid #FFFFFF;
	background-color: #222222;
	text-align: center;
	vertical-align: middle;
	color: #DDDDDD; 
	font-family: Verdana, sans-serif; 
	font-size: 15px; 
	font-weight: normal;
}
.find_tool_container_640px {
	display: none
}
/* should it be inside 480 px? */
.find_tool_container_480px {
	display: block
}
.block-search {
	display: none;
}
.sidebarmenu {
	display: none;
}
.block-logo { 	
	height: 40px; 
	background: #006699; 
}
textarea.link2us {
	width: 90%;
	height:120px;
}
.section, .aside, /*.ordecom-right,*/ .ordecom-left { 
	float: none;
	width: 100%;
}
.col-25, .col-75 {    
  	float: none;    
  	width: 100%;    
}    
A.more {
        COLOR: #006699; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal; 
	TEXT-DECORATION: none;
	white-space: nowrap;
}
A.more:hover {
	TEXT-DECORATION: underline;
}
.small1 {
	FONT-SIZE: 12px;
}
TD.small {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 12px;
}
/*.ordecom-right {
	margin: 1em 0 0 0;
	background: url('graphics/ordecom.gif') no-repeat center;
	background-size: 411px 219px;
}
.cleardb {
	width:565px;
	height:377px;
	background: url('images/cleardb.png') no-repeat 0 0;	
	background-size: 565px 377px;
}*/
label {
	padding: 12px 12px 12px 0;
	display: inline-block;
}
.grid_wrapper {
	padding-left: 20px;
	padding-right: 8px;
	padding-bottom: 20px;
  	display: grid;
  	grid-template-columns: 96%;
	grid-gap: 10px;
	FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;	
	FONT-SIZE: 15px;
}
.grid_cell {
  	background-color: #DDEEFF;
	padding: 15px;
}
.grid_cell2 {
	border: 1px solid #ccc;
	padding: 15px;
}
.mobile-logo {
	display: block;
	font-size: 30px; 
	color: #fff;
	margin: 0 10 0 0;
	padding: 0px;
	position: absolute;
	top: 10px;
}
nav {
	display: block; 
}
.menu-section-list {
        display: block; 
}
.toggle-buttons {
	display: block;
	right: 0px;
	background: none;
	border: 0px solid #eee;
	font-size: 30px;
	font-weight: bold;
	margin: 0 10 0 0;
	padding: 0;
	position: absolute;
	top: 5px;    
}
.toggle-buttons i {
	color: #fff;
}
button:focus {
	outline: 0;
	background-color: #4198D8;
}
.res-640px {
	display: none;
}
.col-group {
	overflow: hidden;
}
.col-group > div {
	float: left;
	width: 50%;
}
.col-group > div:nth-child(odd) {
	clear: left;
}
/* for long links on main page */
A.more {
	white-space: normal;
}
A.more:hover {
	white-space: normal;
}
TD.reg-nowrap {
	white-space: normal;
}
PRE {
	white-space: normal;
}
}

/*
*/

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
    box-sizing: border-box;
  }
}

/*
 *
 * 480 px
 *
 */

@media only screen and (max-width:480px) {
.block-logo { 	
	height: 50px;
	background: #006699; 
}
.res-480px {
	display: none;
}
textarea.link2us {
	height:164px;
}
.pricelist {
	width: 100%
}
.grid_wrapper {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
  	display: grid;
  	grid-template-columns: 100%;
	grid-gap: 10px;
	FONT-FAMILY: 'Segoe UI', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;	
	FONT-SIZE: 18px;
}
div.colgroup {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}	
A.more {
        COLOR: #006699; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 14px; 
	FONT-WEIGHT: normal; 
	TEXT-DECORATION: none;
	white-space: nowrap;
}
A.more:hover {
	TEXT-DECORATION: underline;
}
.small1 {
	FONT-SIZE: 14px;
}
TD.small {
	COLOR: #000000; 
	FONT-FAMILY: Verdana, sans-serif; 
	FONT-SIZE: 14px;
}
.resellers-container {
	margin: 0;
}
.blockquote-container {
	margin: 0;
}
TD.reg-nowrap-vamiddle {
	white-space: normal;
}
/*.ordecom-right {
	background: url('graphics/ordecom.gif') no-repeat center;
	background-size: 370px 197px;
}
.cleardb {
	width:440px;
	height:293px;
	background: url('images/cleardb.png') no-repeat 0 0;	
	background-size: 440px 293px;
}*/
}

/*
 *
 * 320 px
 *
 */

@media only screen and (max-width:320px) {
/*.ordecom-right {
	background: url('graphics/ordecom.gif') no-repeat center;
	background-size: 296px 158px;
}
.cleardb {
	width:308px;
	height:205px;
	background: url('images/cleardb.png') no-repeat 0 0;	
	background-size: 308px 205px;
}*/
}