/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


@media (max-width: 1024px) {
  .leftcol .menus { display: inline-block; width: 25%; }
  .menus img { max-width:100%; height:auto; }
   .mostpopular { display: none; }
  a#close { display: inline-block !important; }
  .menu-icon { display: inline-block !important; }
  .menu-icon { position:absolute; left:0; top:0; font-size: 100%;  }
  #topmenu a {  width: 100% !important; border-radius:0 !important;} 
  #topmenu {  display:none; width: 100%; position: absolute !important; top:20px !important; left:0 !important;  }	
   
  #leftcol { display:none; } 
   
 #leftcol:target { display: inline-block;  }
 #close:target #topmenu { display: none; }


}

#close { font-size: 120%; color:gray; }

.menu-icon, a#close { display: none; }

.pure-g > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
 }
 
 .pure-g [class *="pure-u"] {
    font-family: 'Open Sans', sans-serif;
}
    
.l-box {
        padding: 1em;
    }


li { padding: 5px; }

a.details:hover {
background: #c00;
border:1px solid red;
color:#fff;

}
a.details {

background:#3cb2fd;
width:200px;
margin:20px 0;
display:block;
padding:15px 20px;
border-radius:5px;
border:1px solid #24a1f0;
color:#fff !important;
font-size:16px;
font-weight:bold;
text-shadow:none;
}

.mainbox {
font-family: 'Open Sans',verdana !important;
margin: 5px;
line-height:190%;
font-size:100%;
border: 1px solid #ccc;
background: #eee;

}

.center {
text-align:center;
}

body {

font-family: 'Open Sans',verdana !important;
font-size:14px;
padding: 0px;
margin: 2px;

background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 47%, rgba(245,245,245,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(252,252,252,1)), color-stop(100%, rgba(245,245,245,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 47%, rgba(245,245,245,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 47%, rgba(245,245,245,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 47%, rgba(245,245,245,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 47%, rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=1 );

/*text-shadow:1px 1px 1px #ededed;*/
}

.comparison tr td {
font-size: 10px;
background: #eee;
padding: 3px; 
max-width: 95%;
overflow: visible;
border: 1px solid #ccc;
line-height: 150%;
}


.greytable {

max-width: 100%;

}



.greytable tr td {

font-size: 14px;
background: #eee;
padding: 5px; 
max-width: 95%;
overflow: visible;
border: 1px solid #ccc;
}


.main {
font-family: 'Open Sans',verdana !important;
font-size:120%;
color:#444;
line-height: 220%;
padding: 2%;
border-left: 1px solid #eee;

}

.topmenu {
position:absolute;
bottom: 0;
right:0;
left: 50%;

}

.topmenu a, .topmenu a:link {
display:inline-block;
width:90px;
margin:0 1px;
font-size:14px;
background: #6cf;
padding:11px 5px;
color:#fff;
border-top-left-radius:9px;
border-top-right-radius:9px;
text-shadow:none;
text-align:center;
}




input[type="text"], select,textarea {

border: 1px solid #e0e0e0 !important;
padding: 10px;
margin-top: 5px;
width:80%;
}

textarea {

font-size:20px;
border: 1px solid #e0e0e0 !important;
}


input[type="submit"] {

font-size: 150% !important;
padding: 2% 5% !important;
color:#fff !important;
background:#cc0000 !important;
border:1px solid darkred !important;
border-radius: 10px;
-webkit-appearance: none;
width: 80%;
}

input[type="submit"]:hover {

font-size: 150% !important;
padding: 2% 5% !important;
color:#fff !important;
background: #6cf !important;
border:1px solid #3cf !important;
border-radius: 10px;
width: 80%;
}

 a.button-red:link, a.button-red {
	color:#fff;
	font-size:16px;
	background-color:#cf0000;
	padding:5px 15px;
	margin:5px;
	display:inline-block;
	border-radius:5px;
	border:1px solid #cf0707;
	text-shadow:none;
	
}

a.button-red:hover {
	background:red;
	color:#fff;
}
	
.thebutton {
display:inline-block;
padding:12px 20px;
font-size:15px;
margin:2px 0px 0px 0px;

width:160px;
background:#c00;
color:#fff !important;

	
}
.thebutton:hover {
	background:orange;
	color:#fff;
}

blockquote {
	
padding: 5px;
background: #f3f3f3;
margin-left: 5px;
border: 1px solid #999;	
}	

a:link {
text-decoration: none;
}




.menus {
padding: 7px;

font: normal 14px 'Open Sans', verdana,arial;
padding:20px;
text-align:center;
}
.menus img {
border-radius:10px;
padding-bottom:10px;
}

.smenus {
padding: 15px 10px;

font: normal 14px 'Open Sans', verdana,arial;
border-bottom:1px solid #6cf;
}

 a:link {color:#66c; } 
 a:hover {color: #f00; }
.menuhdr {
background: #0cf;
color: #fff;
padding:7px;
border: 1px solid #9cf;
font: bold 12px arial;
}

.rightbox {
border: 1px solid #6cf;
font: normal 12px 'Open Sans',verdana; 
color:#333;
line-height: 25px;
margin:2px 5px;
}



.rightbox p { padding: 5px; }

.articlesbox {
border: 1px solid #6cf;
font: normal 11px verdana; 
line-height: 21px;
}

.footer, footer a:link {

text-align:center;
background: #6cf;
text-shadow: none;
}

.footer, .disclaimer { padding: 10px; }
.disclaimer {font-size: 12px; color:#666; text-shadow:none;}

.header {
position: relative;	
border-bottom: 15px solid #6cf;
}

h1 {
font: normal 175% arial;
color: #c00;
border-bottom: 1px solid #cc0000;
padding: 2px 10px;
display: block;

}

h2, .nouline {
font: normal 27px arial;
color: #c00;
padding: 2px 15px;
display: block;
}
.nav {
color: #caeffc;
font: normal 10px arial,verdana;
text-transform: uppercase;

}

.bluebox {
background-color: #caeffc;
padding: 10px;
border: 1px solid #7bf;
display: block;
}
.greybox {
background: #eee;
opacity: 50%;
padding: 2%;
border: 1px solid #c0c0c0;
display: block;
width: 95%;
}

.sqbox {
border: 1px solid #c00;
background: #fff;
font: normal 10px arial;
padding: 5px 5px;
}

.application {
font-size: 13px;
line-height: 130%;
padding: 1.5em;
border: 1px solid #ccc;
background: #eee;
color: #777;
display: block;
}