@charset "UTF-8";
/* CSS Document */

.middle_contain{ width:100%;}
.right_contain{ display:none;}
.middle_contain_top{ background:url(../images/mid_categories1.jpg) no-repeat; padding:0px 0px 0px 0px; border:1px solid #dfdfdf; border-radius:5px 5px 5px 5px;}
.mid_contain_bottom{background:url(../images/mid_categories_bottom1.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px;margin-bottom:21px; }


.left_contain {
        display: none;
    }


.comparison {
  max-width:100%;
  margin:0 auto;
  font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;
  padding:10px;
}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
  border-right:0px solid #CCC;
  border-left:1px solid #CCC;
  empty-cells: show;
  padding:5px;
  width: auto;
  height: 100%;
}

.comparison th:first-child {
  border-left: 0;
}

.comparison table tr td:first-child {
  border-left: 0;
}

.compare-heading {
  font-size:14px;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top: 2% !important;
  padding-bottom: 2% !important;
  padding-left: 0px !important;
  padding-right: 3px !important;
  border-top:0px solid #CCC;
  transform: rotate(320deg);
  transform-origin: left top 15;
}

.compare-selection {
  font-size:14px;
  border-bottom:0 !important;
  padding-top: -2% !important;
  padding-bottom: -2% !important;
  padding-left: 0px !important;
  padding-right: 3px !important;
  border-top:1px solid #CCC;
}

.compare-title {
  font-size:25px;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top:10px !important;
}

.compare-top-heading {
  font-size:18px;
  font-weight:bold !important;
  color: #FFF;
  border-bottom:0 !important;
  padding-top:10px !important;
  background:#44BBFF;
}

.comparison tbody tr:nth-child(odd) {
  display:none;
}

.comparison .compare-row {
  background:#F5F5F5;
}

.comparison .tickblue {
  color:#0078C1;
}

.comparison .tickgreen {
  color:#009E2C;
}

.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
  text-align:left;
}
  
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
    width: auto;
    height: auto;
}

.comparison .tl2 {
  border-right:0;
}

.comparison .qbse {
  background:#0078C1;
  border-top-left-radius: 3px;
  border-left:0px;
}

.comparison .qbo {
  background:#009E2C;
  border-top-right-radius: 3px;
  border-right:0px;
}

.comparison .price-info {
  padding:5px 15px 15px 15px;
}

.comparison .price-was {
  color:#999;
  text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
  color:#ff5406;
}

.comparison .price-now span {
  font-size:32px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
  background:#ff5406;
  padding:10px 20px;
  font-size:12px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 5px 0;
  width: 100%;
}

.price-info a:hover {
  background:#2073b9;
}

.compare-row a:hover {
  
}

.comparison .price-try {
  font-size:12px;
}

.comparison .price-try a {
  color:#202020;
}

@media (max-width: 956px) {
  .comparison td:first-child, .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .comparison .row {
    background:#FFF;
  }
  .comparison td, .comparison th {
    border:1px solid #CCC;
    padding:5px 2px ;
	font-size: 10px;
  }
  .price-info {
  border-top:0 !important;
  }
  .comparison .price-buy {
	padding:5px 5px;
	font-size: 8px;
  }
    
    
.middle_contain{ width:100%; margin-left: 0px;}
.main_contain{ margin-left: 0px;}
    

    
    
}

@media (max-width: 640px) {
  .comparison .price-buy {
    padding:5px 5px;
	font-size: 6px;
  }
  .comparison td, .comparison th {
    padding:5px 2px ;
	font-size: 7px;
  }
  .comparison .hide-mobile {
    display:none;
  }
  .comparison .price-now span {
  font-size:15px;
}

.comparison .price-small {
    font-size: 15px !important;
    top: 0;
    left: 0;
}
  .comparison .qbse, .comparison .qbo {
    font-size:12px;
    padding:10px 5px;
  }
  .comparison .price-buy {
    margin-top:10px;
  }
  .middle_contain_main {
  width: 100%;
}
  .compare-heading {
  width: 70%;
}
 
    
.middle_contain{ width:98%;}

    
}

@media (max-width: 450px) {
  .comparison .price-buy {
    padding:5px 5px;
	font-size: 6px;
  }
  .comparison td, .comparison th {
    padding:5px 2px ;
	font-size: 5px;
  }
  .comparison .hide-mobile {
    display:none;
  }
  .comparison .price-now span {
  font-size:15px;
}

.comparison .price-small {
    font-size: 15px !important;
    top: 0;
    left: 0;
}
  .comparison .qbse, .comparison .qbo {
    font-size:11px;
    padding:10px 5px;
  }
  .comparison .price-buy {
    margin-top:10px;
  }
  .middle_contain_main {
  width: 100%;
}
  .compare-heading {
  width: 70%;
}
}