@charset "utf-8";
@font-face {
  font-family: 'Aspire';
  src: url('font1/Aspire-DB.ttf') format('truetype');
}  
body {
	font: normal 0.8em  arial,Helvetica,Arial,sans-serif; 
	background: #FFF;;
	margin: 0; padding: 0;
}
/*--GLOBAL--------------------------------------------------------------------------------------------------------------------*/
img {border: none;}
* {outline: none;}
.container {width: 960px; margin: 0 auto; top:0px;position: relative; line-height: 1.8em;}
p {margin: 0 0 10px; padding: 0 0 10px;}

h1, html body #main #posts h2.pagetitle {margin: 0 0 20px; padding: 0; clear: both; font-weight: normal; font-size: 2.8em; color: #333; line-height: 1.3em;}
.left {float: left;}
img.left {margin: 0 10px 10px 0; clear: left;}
.clear {clear: both;}
/*--HEADER--------------------------------------------------------------------------------------------------------------------*/
.header {
	width: 100%; height: 163px;
	float: left;
}
.vs_top1 {
	width: 960px;
	height: 1350px;
	margin: 0 auto 0 auto;
	background: rgba(20, 9, 9, 0.99);
	border-color:rgba(20, 9, 9, 0.99);
}
.vs_top2 {
    width:960px;
    height: 45px;
    margin: 0 auto 0 auto;
    border-width: 1px;
}

.vs_top3 {
    background: rgba(0, 0, 0, .81);
    width:960px;
    height: 45px;
    margin: 0 auto 0 auto;
    border-width: 1px;
    position: fixed; 
    z-index: 9999;
    color: #fff;
    text-align: left;
}

.vs_top4 {
    background: rgba(0, 0, 0, .9);
    width:960px;
    height: 45px;
    margin: 0 auto 0 auto;
    border-width: 1px;
    top:50px;
    position: fixed; 
    z-index: 9999; 
    color: #fff;
    text-align: left;
}
#hub1 span {
	line-height: 1.6em;
	margin-left:10px;
	font-size: 1.2em;
}

#cpy {
	height: 45px;
	/*top:585px; */
	bottom:0;
	margin-bottom:0;
	width:960px;
	z-index: 9998;
	position: fixed;
	background: rgba(20, 9, 9, 0.8);
	border-color:rgba(20, 9, 9, 0.8);
}
#cpy p {
	 color:#E48E0D;
	 margin-top:5px;
	 text-align:center;
}
span.cpyT1 {
	font-family: Aspire, Verdana;
	margin-left:5px;
	font-size:40px;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:0;
}

span.cpyT2 {
	font-family: Aspire, Verdana;
	margin-left:5px;
	font-size:40px;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:0;
	color:#BC54DD;
}

ul.vs_li1 {
	list-style:none;
	margin-left:0;
}

ul.vs_li1 li {
	background: url("icon_dot.png") no-repeat left center transparent;
	padding-left:15px;
	line-height: 2.5em;
	margin-left:0;
}


ul.vs_li1 li a {
	color:#000;
	font-size:12px;
}

ul.vs_li1 li a:hover {
	background-color: #D7A108;
    text-decoration: underline;
}


.hmnu-2 ul {
    text-align: center;
    display: block;
    margin: 0 0 0 0;
    list-style: none;
    float:right; 
   
  
}
.hmnu-2 ul li {
    cursor: pointer;
    font-size: 12px;
    width: 160px;
    height:35px;
    border-top: 1px solid #1b1313;
    border-bottom: 1px solid #1b1313;
    background-color: #1b1313;
    display: block;
    opacity:0.9;
}
 
.hmnu-2 ul li ul li a {
    font-size: 15px!important;
    font-family: "Verdana";
    color:white;
    margin-left:5px;
}



.hmnu-2 ul li ul {
    text-align: left;
    padding: 0px;
    position: absolute;
    z-index: 9999;
    top: 200px;
    left: 150px;
    width: 350px;
  
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
  
}

.hmnu-2 ul li ul.vp1 {
   top: 42px;
   left:160px;
}

.hmnu-2 ul li ul.vp2 {
   top: 42px;
   left:320px;
}

.hmnu-2 ul li ul.vp3 {
   top: 42px;
   left: 480px;
}

.hmnu-2 ul li ul.vp4 {
   top: 42px;
   left: 450px;
}

.hmnu-2 ul li ul.vp5 {
   top: 42px;
   left: 610px;
}

.hmnu-2 ul li ul li ul.vp1a {
   top: 0px;
   left:348px;
   margin-left:0px;
}

.hmnu-2 ul li ul li ul.vp2a {
   top: 42px;
   left:348px;
   margin-left:0px;
}

.hmnu-2 ul li ul li ul.vp3a {
   top: 79px;
   left:348px;
   margin-left:0px;
}

.hmnu-2 ul li ul li ul.vp4a {
   top: 116px;
   left:348px;
   margin-left:0px;
}

.hmnu-2 ul li ul li ul.vp5a {
   top: 153px;
   left:348px;
   margin-left:0px;
}

.hmnu-2 ul li ul li ul.vp6a {
   top: 190px;
   left:348px;
   margin-left:0px;
}

.hmnu-2 ul li ul li ul.vp7a {
   top: 90px;
   left:348px;
   margin-left:0px;
}

.hmnu-2 ul li ul li {
    width: 350px;
    border-top: 1px solid #1b1616;
    border-bottom: 1px solid #1b1616;
    background-color: #1b1616;
    display: block;
    font-size: 12px;
    opacity:0.9;
}



/*........... */
.hmnu-1 {
    height: 145px;
    margin-top: 10px;
    margin-bottom: 7px;
    position: relative;
}

.hmnu-1 {
  
    margin-top: 60px;
}


.hmnu-1 ul li a {
    color: #fbf8f6;
    font-size: 14px;
    font-weight: 100;
    
    font-family: "Verdana";
    /*border-top: 1px solid transparent; */
}

.hmnu-1 ul li ul li a {
    color: #FFF;
 }

.hmnu-1 {
    color: #f68a02!important;
}

.hmnu-2 ul li:hover {
  
    background-color:#4d5107;
    text-decoration: underline;
    text-decoration-color: #E18728;
    border-bottom: 1px solid #4d5107;
    border-top: 1px solid #4d5107;
    
}

.hmnu-2 ul li ul li:hover {
    background-color: #9da24d;;
    text-decoration: underline;
    text-decoration-color: #E18728;
    border-bottom: 1px solid #9da24d;
    border-top: 1px solid #9da24d;
}


.hmnu-2 ul li:hover ul {
    opacity: 1;
    visibility: visible;
}

.hmnu-2 ul li:hover>ul {
    display: block;
}


*html .header {background: none;}
.logo {margin: 6px 0 0;}
.msc {position: absolute; right: 0; top: 6px;}
.royal {position: absolute; right: 160px; top: 6px;}
.inno {position: absolute; right: 65px; top: 6px;}
.header ul {margin: 0; padding: 0; list-style: none;}
div#menu {
    top:4px;
    left:0px;
    width:960px;
	background:transparent url(header_bg.png) repeat-x 0 0;  
}

#menu {
    position:relative;
    z-index:100;
    height:43px;
}
#menu .menu {
	position:absolute;
	padding-left: 0px;
	background: url(header.png) right top no-repeat;
	width: 960px;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a {
    display:block;
    padding:10px 18px 9px 18px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:#fff;
	border-right: #ccc solid thin;

}
#menu li li {
    float:none;
	border-right: none;
}
#menu div {
    visibility:hidden;
    position:absolute;
    background:url(pix.gif);
}
#menu div div {
    margin:-35px 0 0 -1px;
    left:100%;
}
#menu div div div {
    margin:-35px 0 0 -1px;
    left:100%;
}
/*/*#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#ffffff;/*1*/
    position:relative;
    z-index:77;
}

#searchlog{position: absolute; right: 230px; top:4px; color:#fff;  
    z-index:1000; } 
#searchlog a { color:#fff; text-decoration:none; } 
#searchlog li {background:#ffcc00 none repeat scroll 0 0; cursor:pointer; float:left; position:relative; 
    padding:9px 10px 3px 10px; color:#000} 
#searchlog li a:hover {color:#555555;} 
#searchlog .btn-client {background:transparent none repeat scroll 0% 0%; padding:0px;
    background-color:Transparent;}
#searchlog .btn-client-right {background:transparent none repeat scroll 0% 0%; padding:0px; 
    background-color:Transparent;} 
/* search */ 
.searchContainer div { background-color:#fff; display:inline; padding:5px;} 
.searchContainer input[type="text"] {border:none;} 
.searchContainer img { vertical-align:middle;}
/*--BANNER--------------------------------------------------------------------------------------------------------------------*/
div#banner {
margin : 0 0 0;
}
div#banner div.wrap {
height : 320px;
}
div#banner div#slide-holder {
z-index : 40;
width : 960px;
height : 318px;
position : absolute;
}
div#banner div#slide-holder div#slide-runner {
width : 960px;
height : 318px;
overflow : hidden;
position : absolute;
}
div#banner div#slide-holder img {
margin : 0;
display : none;
position : absolute;
background-color:rgb(50, 46, 46);
}
div#banner div#slide-holder div#slide-controls {
left : 0;
bottom : 0px;
width : 960px;
height : 46px;
display : none;
position : absolute;
background : url(slide-bg.png) 0 0;
}
div#banner div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 1em;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#banner div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#banner div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#banner div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#banner div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(silde-nav.png);
color:#FFFFFF;
}

/*--CONTENT--------------------------------------------------------------------------------------------------------------------*/
.section {overflow: hidden; width: 100%; float: left;}
.col1_4 {
	width: 225px;
	margin-right: 8px;
	float: left;
	padding-left:5px;
	display: inline;
}
#side-list ul{
list-style: none;
margin: 0;
padding: 0;
}

#side-list ul li{
margin-top: -1px;
padding: 10px 10px 10px 10px ;
border-top: thin solid #f0f0f0;
border-left: thin solid #f0f0f0;
border-right: thin solid #f0f0f0;
color:#555555;
background-color:#fff;
}
#side-list ul li a{
color: #ffa200;
}

#side-list  ul li.contact{
border-bottom: #f0f0f0 solid thin;
}
#side-list ul li:hover{
background-color:#dcdcdc;
border-bottom: thin solid #e9e9e9;
border-left: thin solid #e9e9e9;
border-right: thin solid #e9e9e9;
border-top: thin solid #fcfcfc;
color: #999;
}
#side-list ul li li{
list-style: none;
margin-top: -1px;
padding: 5px 0 5px 15px ;
border-top: thin solid #f2f2f2;
border-bottom: thin solid #f2f2f2;
color:#999;
font-size: 11px;
background: #FFFFFF url(list-arrow.gif) no-repeat left; z-index:5; 
}
#side-list ul li li:hover{
background-color:#f0f0f0;
border-bottom: thin solid #e9e9e9;
border-left: thin solid #e9e9e9;
border-right: thin solid #e9e9e9;
border-top: thin solid #fcfcfc;
}

.content1 {
	width: 530px;
	float: left;
}
.content2 {
	width: 760px;
	float: right;
}
.content1 img {padding: 5px; border:#999999 solid thin; float: left; margin: 0 5px 5px 0 }
.content2 img {padding: 5px; border:#999999 solid thin; float: left; margin: 0 5px 5px 0 }

.bx{
	width: 180px;
	float: left;
}
.bx img{
	margin-bottom: 10px;
	border: #999 solid thin;
}
.col2_4 {
	width: 470px;
	float: left;
}
.col2_4 h2 {}
.col4_4 {
	width: 860px;
	float: left;
}
.col 1_3 {
	width:: 300px;
	margin-right::20px;
	float:left;
}
.col 2_3 {
	width: 620px;
	margin-right: 20px;
	float: left;
}

#news {
	height : 160px;
	list-style: none;
}
#news h2 { 
	background: url(../../images/h2news.jpg) no-repeat;
	height: 26px;
	text-indent: -9999px;
}
#news ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 25px;
}
.sidecol {width: 215px; padding: 10px 15px 0 0; float: left;}
.sidecol ul {margin: 0 0 20px; padding: 0; list-style: none;}
.sidecol ul li {margin: 0; padding:0;}

.content {width: 700px; padding: 10px 0 0 20px; float: left; border-left: 1px dashed #ddd;}
#main {
	padding: 22px 0 0 4px;
}

#softpro a{
display: block;
width: 230px;
height:  150px;
text-indent:-99999px;
background:url(sd.jpg);
margin-bottom: 10px;
}
#softpro a:hover{
background:url(sd.jpg) left -150px;
}
#pki a{
display: block;
width: 230px;
height:  150px;
text-indent:-99999px;
background:url(stace.jpg);
margin-bottom: 10px;

}
#pki a:hover{
background:url(stace.jpg) left -150px;
}

#hsm a{
display: block;
width: 230px;
height:  150px;
text-indent:-99999px;
background:url(HSM_utimaco.png);
margin-bottom: 10px;
}
#hsm a:hover{
background:url(HSM_utimaco.png) left -150px;
}
#ejbca a{
display: block;
width: 226px;
height:  150px;
text-indent:-99999px;
background:url(pki-in-a-box.jpg);
margin-bottom: 10px;

}
#ejbca a:hover{
background:url(pki-in-a-box.jpg) left -150px;
}

#storetable a{color:#222}
#storetable a:hover{color:#222; font-weight:bold}
#storetable h2 { line-height: 20px; color:#222; padding-top: 30px; text-transform: uppercase; font-weight:bold}
div.logintable_off
{
	/*visibility: visible;*/
	display:none;
}

div.logintable_on
{
	/*visibility: visible;*/
	display: block;
}


/*--FOOTER--------------------------------------------------------------------------------------------------------------------*/
#footer {
	padding-top: 10px;
	color: #fff;
	font-size: 1em;
}
#footer .col1_4{
	margin-right: 10px;
}
#footer .container {background:#dedede; padding-top:10px; color:#000; height:320px;}

/*padding: 0 10px 10px; width: 940px; color:#555; border:#999999 thin solid; overflow: hidden;*/
#footer .container2 {background:#282828; padding: 10px; color:#999; height:30px;}

/*{background: #555 url(#) repeat-x; padding:0 ; width: 940px; color:#000; overflow: hidden; margin: 0 auto; font-size:0.8em; margin-top:5px}*/
#footer a {color: #000; text-decoration:none}
#footer a:hover {color: #fcaf17; text-decoration:underline}
#footer ul {margin: 0; 
	padding: 0;
	padding-left:10px;
	list-style: none;}
#footer ul li {
	font-size: 1em;
	background: url(icon_dot.png) no-repeat left center;
	vertical-align:middle;
	padding: 0 0 0 15px;	
}
#footer ul li h3 {margin: 0; padding: 0 0 0 20px; font-weight: normal; font-size: 0.8em; background: url(../../images/icon_news.gif) no-repeat left center;}
#footer h2 {margin: 5px 0 10px; padding: 0; color:#555; font-size: 1em}
h2.company {background: url(../../images/footer_h2_company.png) no-repeat;}
h2.support {background: url(../../images/footer_h2_support.png) no-repeat;}
h2.news {background: url(../../images/footer_h2_news.png) no-repeat;}
#footer a.read {background-position: left -20px;}
html body #footer a.learn {background-position: left top;}
#footer p.copyright {display: block; margin: 5px 0 0; padding: 0; clear: both; width: 100%;}

/*--Table--------------------------------------------------------------------------------------------------------------------
*/
#compare{
border-collapse:collapse;
}
#comparetd
{
border:1px solid black;
border-color: #999;
}

/* Specific to example one */

#example-one { background: #fff; padding: 0; margin: 5px; -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; }
#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: auto; float: left; margin: 0 10px 0 0; paddding: 10px 10px; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 10px; background: #e1e1e1; color: Black; font-size: 14px; text-align: center; border: 0; Text-decoration:none;  }
#example-one .nav li a:hover { background-color: #ffb900; color: Black; Text-decoration:none;  }

#example-one ul { list-style: none; }
#example-one ul.nav{ -webkit-padding-start: 0; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #e1e1e1; }
#example-one ul li a:hover, #example-one ul li a:focus { background: #ffb900; color: black; }
#example-one ul li:last-child a { border: none; }

#example-one .list-wrap ul { list-style: none;}
#example-one .list-wrap ul li ul li {display: list-item;text-align: -webkit-match-parent; list-style-type: circle;}

#example-one li.nav-one a.current, ul.featured li a:hover { background-color: #ffb900; color: black; Text-decoration:none; }
#example-one li.nav-two a.current, ul.core li a:hover { background-color: #ffb900; color: black;Text-decoration:none; }
#example-one li.nav-three a.current, ul.jquerytuts li a:hover { background-color: #ffb900; color: black;Text-decoration:none;}
#example-one li.nav-four a.current, ul.classics li a:hover { background-color: #ffb900; color: white;Text-decoration:none; }

/* Specific to example two */

#example-two { background: #fff; padding: 0; margin: 5px; -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; }
#example-two .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-two .nav li { width: auto; float: left; margin: 0 10px 0 0; paddding: 10px 10px; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 10px; background: #e1e1e1; color: Black; font-size: 14px; text-align: center; border: 0; Text-decoration:none;  }
#example-two .nav li a:hover { background-color: #ffb900; color: Black; Text-decoration:none;  }

#example-two ul { list-style: none; }
#example-two ul.nav{ -webkit-padding-start: 0; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #ffb900; }
#example-two ul li a:hover, #example-one ul li a:focus { background: #ffb900; color: black; }
#example-two ul li:last-child a { border: none; }

#example-two li.nav-one a.current, ul.PKIA li a:hover { background-color: #ffb900; color: black; Text-decoration:none; }
#example-two li.nav-two a.current, ul.PKIB li a:hover { background-color: #ffb900; color: black;Text-decoration:none; }
#example-two li.nav-three a.current, ul.PKIC li a:hover { background-color: #ffb900; color: black;Text-decoration:none;}

/* Generic Utility */
/*--metro style box--------------------------------------------------------------------------------------------------------------------
*/
.hide { position: absolute; top: -9999px; left: -9999px; }
.text{ width:90px; height:80px; opacity:0; text-align: center;} 
.texted{ width:180px; height:250px; opacity:0; text-align: center;} 
.textss{ width:180px; height:90px; opacity:0; text-align: center;} 
.y-box{/*background-color:#ef4023;*/width:90px; height: 90px; display: inline-block; position: relative; margin: 10px 10px 10px 0;float:left;}
.y-box-img{width:90px; height:90px; margin:auto;background:url(../../images/icon/download-icon.png) no-repeat center;display: block; margin-left: auto;margin-right: auto;}
.y-box-img:hover .text{opacity:1; text-align: center;color:#FFF; font-size:14px; font-weight:200; font-family:Arial, Helvetica, sans-serif; padding:5px; display: table-cell;vertical-align: middle;background:#ef4023; }

.o-box{/*background-color:#f5821f;*/width: 90px; height: 90px; display: inline-block; position: relative; margin: 10px 0 10px 0;float:right;}
.o-box-img{width:90px; height:90px; margin:auto;background:url(../../images/icon/FAQ-icon.png) no-repeat center;display: block; margin-left: auto;margin-right: auto;}
.o-box-img:hover .text{opacity:1; text-align: center;color:#FFF; font-size:14px; font-weight:200; font-family:Arial, Helvetica, sans-serif; padding:5px; display: table-cell;vertical-align: middle;background:#f5821f;  }

.my-box{/*background-color:#fdb813;*/width:90px; height: 90px; display: inline-block; position: relative; margin: 0 10px 10px 0;float:left}
.my-box-img{width:90px; height:90px; margin:auto;background:url(../../images/icon/compare-icon.png) no-repeat center;display: block; margin-left: auto;margin-right: auto;}
.my-box-img:hover .text{opacity:1; text-align: center;color:#FFF; font-size:14px; font-weight:200; font-family:Arial, Helvetica, sans-serif; padding:5px; display: table-cell;vertical-align: middle;background:#fdb813;  }

.mo-box{/*background-color:#ef4023;*/width: 90px; height: 90px; display: inline-block; position: relative; margin: 0 0 10px 0;float:right;}
.mo-box-img{width:90px; height:90px; margin:auto;background:url(../../images/icon/cart-icon.png) no-repeat center;display: block; margin-left: auto;margin-right: auto;}
.mo-box-img:hover .text{opacity:1; text-align: center;color:#FFF; font-size:14px; font-weight:200; font-family:Arial, Helvetica, sans-serif; padding:5px; display: table-cell;vertical-align: middle;background:#ef4023;  }

.sdk-box{/*background-color:#ef4023;*/width:180px; height: 233px; display: inline-block; position: relative; margin: 5px 0 5px 0;float:left;}
.sdk-box-img{width:180px; height:260px; margin:auto;background:url(../../images/icon/SD-icon.png) no-repeat center;display: block; margin-left: auto;margin-right: auto;}
.sdk-box-img:hover .texted{opacity:1; text-align: center;color:#FFF; font-size:14px; font-weight:200; font-family:Arial, Helvetica, sans-serif; margin:5px; display: table-cell;vertical-align: middle;background:#ef4023; }

.side-box{/*background-color:#f5821f;*/width: 180px; height: auto; display: inline-block; position: relative; margin: 5px 0 5px 0;float:right;}
.side-box-img{width:180px; height:100px; margin:auto;background:url(../../images/icon/OTPS-icon.png) no-repeat center;display: block; margin-left: auto;margin-right: auto;}
.side-box-img:hover .textss{opacity:1; text-align: center;color:#FFF; font-size:14px; font-weight:200; font-family:Arial, Helvetica, sans-serif; padding:5px; display: table-cell;vertical-align: middle;/*background:#f5821f;*/  }

.side1-box{background-color:#f5821f;width: 180px; height: 100px; display: inline-block; position: relative; margin: 5px 0 5px 0;float:right;}
.side1-box-img{width:180px; height:100px; margin:auto;background:url(../../images/icon/centagate-icon.png) no-repeat center;display: block; margin-left: auto;margin-right: auto;}
.side1-box-img:hover .textss{opacity:1; text-align: center;color:#FFF; font-size:14px; font-weight:200; font-family:Arial, Helvetica, sans-serif; padding:5px; display: table-cell;vertical-align: middle;background:#f5821f;}

/*--pure button--------------------------------------------------------------------------------------------------------------------
*/
.pure-button {
	display:inline-block;
*display:inline;
	zoom:1;
	line-height:normal;
	white-space:nowrap;
	vertical-align:baseline;
	text-align:center;
	cursor:pointer;
	-webkit-user-drag:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.pure-button::-moz-focus-inner {
padding:0;
border:0
}
.pure-button {
	font-family:inherit;
	font-size:100%;
*font-size:90%;
*overflow:visible;
	padding:.5em 1em;
	color:#444;
	color:rgba(0, 0, 0, .8);
*color:#444;
	border:1px solid #999;
	border:0 rgba(0, 0, 0, 0);
	background-color:#E6E6E6;
	text-decoration:none;
	/*border-radius:2px*/
}
.pure-button a, .pure-button-primary a{
	color: #FFF;
	}
	
.pure-button a:hover, .pure-button-primary a:hover{
	color: #FFF;
	}
	
.pure-button a:link, .pure-button-primary a:link{
	color: #FFF;
	}

.pure-button-hover, .pure-button:hover, .pure-button:focus {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
	background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image:-moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
	background-image:-o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image:linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
}
.pure-button:focus {
	outline:0
}
.pure-button-active, .pure-button:active {
	box-shadow:0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset
}
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {
	border:0;
	background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter:alpha(opacity=40);
	-khtml-opacity:.4;
	-moz-opacity:.4;
	opacity:.4;
	cursor:not-allowed;
	box-shadow:none
}
.pure-button-hidden {
	display:none
}
.pure-button::-moz-focus-inner {
padding:0;
border:0
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
	background-color:#f5821f;
	color:#fff
}
.pure-button-primary a:link {
color: #FFF
}

/* Basic Grey */
.basic-grey {
    margin-left:auto;
    margin-right:auto;
    max-width: 700px;
    background: #F7F7F7;
    padding: 25px 15px 25px 10px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
}
.basic-grey h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;;
    color: #888;
}
.basic-grey h1>span {
    display: block;
    font-size: 11px;
}
.basic-grey label {
    display: block;
    margin: 0px;
}
.basic-grey label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 100%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
    padding: 5px 3px 3px 5px;
}
.basic-grey select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
    height: 35px;
    line-height: 25px;
}
.basic-grey textarea{
    height:100px;
}
.basic-grey .button {
    background: rgb(245, 130, 31);
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
.basic-grey .button:hover {
    background: rgb(245, 130, 31)
}

/** compare table  **/
.features-table {
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  /*background: #fafafa;  */
  background-image: linear-gradient(top, #fff, #eaeaea, #fff);
}

.features-table td {
  /*height: auto;*/
  line-height: 100px;
  padding: 10px 20px;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  white-space: wrap;
  text-align: center;
}

/*Body*/
.features-table tbody td {
  text-align: center;
  font: normal 12px Verdana, Arial, Helvetica;
}

.features-table tbody td:first-child {
  text-align: left;
}

.features-table td:nth-child(2) {
  background: #efefef;
  background: rgba(144,144,144,0.15);
  border-right: 1px solid white;
}

.features-table td:nth-child(3) {
  background: #ffa200;
  background: rgba(255,162,0,0.3);
}


.features-table td:nth-child(4) {
  background: #e7f3d4;  
  background: rgba(184,243,85,0.3);
}

/*Header*/
.features-table thead td {
  font: bold 1.3em 'trebuchet MS', 'Lucida Sans', Arial;  
  border-radius-topright: 10px;
  border-radius-topleft: 10px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea; 
}

.features-table thead td:first-child {
  border-top: none;
}

/*Footer*/
.features-table tfoot td {
  font: bold 1.4em 'trebuchet MS', 'Lucida Sans', Arial;   
  border-radius-bottomright: 10px;
  border-radius-bottomleft: 10px; 
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}

.features-table tfoot td:first-child {
  border-bottom: none;
}