body {background:#f7f5f1 !important; padding-top:60px;}
h1,h2,h3,h4 {font-weight: normal !important;}
h3 {margin:4px 0px; line-height: 33px;}
h4 {margin:2px 0px;}

a {color:#4f8fd6!important; text-decoration: underline;}
a:hover {text-decoration: none;}

a.btn {color:#333 !important; text-decoration: none !important; margin-bottom: 10px; }
a.highlight,.megamenu_light .megamenu > li > div a.highlight, div.footer a.highlight, .highlight  {color:#fb6467 !important;}

h1 a, h2 a, h3 a, h4 a {color:#174f82 !important; text-decoration: none !important;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {text-decoration: underline !important;}

img.screenshot {padding-bottom: 20px;}

table td, table th {padding:4px 0px !important; border-bottom: 1px dashed #ddd; border-top: none !important;}

hr.dashed {border-bottom: none; border-top: 1px dashed #ddd !important;}

blockquote {color: #77797b; border-right: none!important; margin-top: 20px; margin-bottom: 0px!important;}
blockquote .bqstart {float: left; height: 45px; margin-top: -20px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #77797b;}
blockquote .bqend {float: right; height: 25px; margin-top: 0px; padding-top: 45px; font-size: 700%; color: #77797b;}

.nomargin {margin:0 !important;}
.bottomspace {margin-bottom:20px;}

/* Products List */
.iconlist {padding: 5px 0;}
table.productslist tr td {vertical-align: middle;}
table.productslist tr td:first-child {width: 5%; text-align: left;}
table.productslist tr td:nth-child(2) {width: 7%;}
table.productslist tr td:nth-child(5) {width: 10%; text-align: center;}
table.productslist tr td:last-child {text-align: right;}


/* White Box */
div.whitebox {border:1px solid #ddd; background-color: white; padding:5px 10px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}

/* Blackbox Box */
div.blackbox {border:1px solid #ddd; background-color: black; color: white; padding:10px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
div.blackbox a {color:white!important;}

/* Blue Box */
div.bluebox {border:1px solid #ddd; background-color: #174f82; color: white; padding:10px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}

div.bluebox table td:first-child {width:12%;}
div.bluebox a {color:white !important;}

/* Featured Box */
div.featuredbox {border:1px solid #ddd; background-color: white; margin-bottom: 20px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
div.featuredbox .featureboxtop {position:relative; padding:10px; min-height: 100px; color: white;}
div.featuredbox .colorbg {z-index:1; background-color: black; position:absolute; top: 0px; left: 0px; width: 100%; height:75%;}
div.featuredbox .overlayer {z-index:2; position:absolute; top:10px; left:0px; width: 100%; height:100%;}

div.full {padding:0px !important;}

/* Top 5 Box */
div.top5box {text-align:center;}
div.top5box:last-child {margin-right: 0px;}
/* div.top5box h4 {line-height: 120%; margin-top: 0px; color:white; padding: 5px 5px;  min-height: 42px;}*/
div.top5box h4 {padding-top:0px; min-height: inherit; font-size: 12px; text-transform: uppercase; font-weight: bold!important;}
div.top5box h4 a {color:white !important;}
div.top5box h3 {line-height: 150%; margin-bottom: 0px;}
div.top5box span {display:block;}
div.top5box button {margin-bottom:10px;}

div.top5box div.bgcolor {color:white; padding: 10px 0;}
div.top5box .innerBonus {padding:5px 5px 10px 5px; height:60px;}
div.top5box .innerBonus ul.unstyled {margin-bottom: 2px;}
div.top5box h1 {margin: 0; font-weight: bold!important;}

table.service.table-striped thead {background-color: #eeeeee;}
table.service.table-striped thead tr th:not(:first-child):not(:last-child):not(:nth-last-child(2)) {padding:15px 10px!important; border-right:1px #ddd dashed; background-position:right 10px center;}
table.service.table-striped tbody {background-color: #eeeeee;}
table.service.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {background-color:#F3F6EB;}
table.service.table-striped tbody>tr>td:not(:first-child):not(:last-child):not(:nth-last-child(2)) {vertical-align: middle; padding:10px 10px!important; border-right:1px #ddd dashed;}

            


/* Bonus Colors */
div.blue .bgcolor {background-color: #174f82!important;}
div.blue .txcolor {color: #174f82!important;}
div.orange .bgcolor {background-color: #ff6600!important;}
div.orange .txcolor {color: #ff6600!important;}
div.purple .bgcolor {background-color: #6a1782!important;}
div.purple .txcolor {color: #6a1782!important;}
div.red .bgcolor {background-color: #a50d0d!important;}
div.red .txcolor {color: #a50d0d!important;}
div.green .bgcolor {background-color: #17821c!important;}
div.green .txcolor {color: #17821c!important;}
div.aqua .bgcolor {background-color: #178277!important;}
div.aqua .txcolor {color: #178277!important;}
div.black .bgcolor {background-color: #000!important;}
div.black .txcolor {color: #000!important;}
div.pink .bgcolor {background-color: #A5129C!important;}
div.pink .txcolor {color: #A5129C!important;}

/* Top 10 Box */
div.top10box table tr td {vertical-align: middle;}
div.top10box table tr td:first-child {width: 10%;}
div.top10box table tr td:nth-child(2) {padding-left: 10px !important;}
div.top10box table tr td:nth-child(3) {text-align: right !important;}

/* Widgets */
div.widget {padding-bottom: 20px;}
div.widget .media {padding-bottom: 10px;}
div.widget table {margin-bottom:5px;}

img.thumb {width:60px; height:60px; padding:0 10px 0px 0;}

.socialSites table td {text-align: center !important;}

.socialSites .twitter {
  background-position: -46px 0;
}

.socialSites .rss {
  background-position: -92px 0;
}

.socialSites .google {
  background-position: -184px 0;
}

.socialSites .youtube {
  background-position: -138px 0;
}

/* Footer */
div.footer {padding:30px 10px; background-color: #353537; color: #bbbbbd !important; font-size:12px;}
div.footer a {color:#d7d7d7 !important; text-decoration: none;}
div.footer a.icon-3x:hover {color:#174f82 !important;}

div.newsletterfooter {background-color: #EEEEEE;}
/* div.newsletterfooter input {margin: 40px 0px; padding:16px 52px 16px 16px; font-size: 16px; font-weight: 700;} */

div.footerlogos {background-color: #F2F2F2; border-top: 1px solid #ddd;}
div.footerlogos img {margin:20px 20px;}

/* Override */
ul.inline>li {padding-left: 0px !important; padding-right: 10px !important; vertical-align: top;}
.carousel {margin-bottom: 0 !important; color: white;}
a>.carousel-caption>h3{color:white!important;}

.navbar-fixed-top a.brand {padding:2px 20px !important;}
.navbar-fixed-top a.brand img {margin-bottom:0 !important;}
.navbar-fixed-top ul.megamenu>li>a {line-height:1 !important; color:white!important;}

.editorbar {margin:0 !important; padding:5px 0 !important;}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Review */
.reviewbar {padding-top: 46px;}
.reviewbar img {padding-right: 10px;}
.reviewbar table.table {margin-bottom: 0px !important;}
.reviewbar table.table tr td:first-child {vertical-align: middle; text-align: left; width:40px;}
.reviewbar table.table tr td:last-child {vertical-align: middle; text-align: right;}

.reviewbody {padding-top: 86px;}
.reviewbody h3.reviewTitle {margin-bottom:0px !important; padding-top: 5px;  line-height: 20px;}
.reviewbody .top5box h4 {min-height: initial!important;}
.reviewbody .top5box h3 {font-weight: bold!important;}

.yellowbutton {background-color:#fde886 !important; background-image: linear-gradient(to bottom,#fde886,#efd44f)}
.yellowbutton:hover {background-color:#efd44f !important; background-image: linear-gradient(to bottom,#fde886,#efd44f)}

/* CUSTOM 5 COLUMN SPAN LAYOUT
*
* width => 1200, gutter => 15px, margin => 15px, columns => 5
*/
.row-fluid-5 {
  width: 100%;
  *zoom: 1;
}
.row-fluid-5:before,
.row-fluid-5:after {
  display: table;
  line-height: 0;
  content: "";
}
.row-fluid-5:after {
  clear: both;
}
.row-fluid-5 [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 1.875%;
  *margin-left: 1.875%;

  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

.row-fluid-5 .controls-row [class*="span"] + [class*="span"] {
  margin-left: 1.875%;
}
.row-fluid-5 [class*="span"]:first-child{
  margin-left: 0;
}
.row-fluid-5 .span2 {
  width: 18.5%;
  *width: 18.5%;
}


/* Large desktop */
@media (min-width: 1200px) {
  div.top10box table tr td:nth-child(5),div.top10box table tr th:nth-child(5) {display:table-cell!important;}
}

@media (min-width: 980px) and (max-width: 1024px) {
div.top5box.p5 {display: none; }
  .row-fluid-5 [class*="span"]{
    float: left;
    width: 23.59%;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .reviewbar, .reviewbody {padding-top: 0px;}

  div.top5box.p5 {display: none;}
  div.top5box.p4 {display: none;}

  div.top10box table tr td:first-child ,div.top10box table tr th:first-child {display: none;}

  .row-fluid-5 [class*="span"]{
    float: left;
    width: 32.2%;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body {
    padding-left: 5px!important;
    padding-right: 5px!important;
    padding-top:40px!important;
  }

  div.navbar.megamenu_fixed>div.container>ul.megamenu {max-height:350px; overflow-y:overlay; overflow-x:hidden;}

  .reviewbar, .reviewbody {padding-top: 0px;}
  div.row-fluid-5 .p5 {display: none;}
  div.row-fluid-5 .p4 {display: none;}
  .row-fluid-5 [class*="span"]{
    float: left;
    width: 32%;
  }

  
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .reviewbar, .reviewbody {padding-top: 0px;}
  div.row-fluid-5 .p5 {display: none;}
  div.row-fluid-5 .p4 {display: none;}
  div.row-fluid-5 .p3 {display: none;}
  .row-fluid-5 [class*="span"]{
    float: left;
    width: 49%;
  }

  
}