
.benefit-thumb{
  width: 180px;
  margin-top:20px;
  height: 180px;
  border-radius: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .55);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .55);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .55);
  float:right;
}

.benefit-thumb.best {
  background: url(/img/benefits_best.png) no-repeat;
}
.benefit-thumb.product {
  background: url(/img/benefits_product.png) no-repeat;
}
.benefit-thumb.analyze {
  background: url(/img/benefits_analyze.png) no-repeat;
}
.benefit-thumb.html {
  background: url(/img/benefits_html.png) no-repeat;
}
.benefit-thumb.search {
  background: url(/img/benefits_search.png) no-repeat;
}


.section.benefits .row {margin-bottom:40px;}
/* Comparison page */

.first .row.chart {
  margin-left:-20px;
  margin-right:0;
}

.row.chart .span5, .row.chart .span11 {
  text-align:center;
}


table.scores {
  width:80%;
  margin-left:auto;
  margin-right:auto;
}

table.scores td:last-child {
  font-weight:bold;
}

table.scores th{
  font-size:15px;

}





/* Feature Comparison Table */

table.comparison {margin-top:70px;}

table.comparison th span {
    display:block;
    transform: rotate(320deg);
    transform-origin: left top 0;
    font-weight:normal;
    cursor:vertical-text;
    display: inline-block;
}

table.comparison td, table.comparison th {
    padding: 13px 8px;
  }

table.comparison span.check {
  background:#00dd42;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  display:block;
  width: 12px;
  height: 12px;
  margin-left:10px;
  /* width and height can be anything, as long as they're equal */
}

table.comparison td.checked {
  vertical-align: middle;
  text-align: center;
}

table.comparison tr td:first-child {text-align: left;}

table.comparison th span.diffbot {font-weight:bold;}

