/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "responsive.css";

/* Component (SMACSS module) rules */
@import "misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/*@import "custom.css"; */
/* @import "theme-B.css"; */

.knowledge-base-nav{
  background: #0098db;
  padding-top: 10px;
}
.knowledge-base-nav ul {
    zoom:1;
    list-style:none;
    margin-top:0px;
    padding-left: 10px;
    background: #0098db;
    color: #fff;
    padding-bottom:15px;
}
.knowledge-base-nav ul > li {
    position:relative;
    list-style: none;
}
.knowledge-base-nav a {
    display:block;
    line-height:1.2em;
    color:#fff;
    border-left:1px solid #595959;
}
.knowledge-base-nav a:hover {
    text-decoration:none;
    background:#595959;
}
.knowledge-base-nav li ul, .knowledge-base-nav li ul a{
    background:#fff;
    color: #0098db;
    text-decoration: none;
}
.knowledge-base-nav li ul li {
    width:200px;
}
.knowledge-base-nav li ul a {
    border:none;
}
.knowledge-base-nav li ul a:hover {
    background:rgba(0,0,0,0.2);
}
.knowledge-base-nav li ul {
    position:absolute;
    left:-9999em;
    top: -1px;
    z-index:9999;
}
.knowledge-base-nav ul > li:hover, .knowledge-base-nav ul > li:hover a{
  color:#0098db;
    background: #fff;
}
.knowledge-base-nav ul > li:hover ul {
    left:150px;
    border: 1px solid #0098db;
    background: #fff;
    opacity: 0.9;
    padding:20px;
}

.views-field.views-field-field-badge-list { width:115px; }
#block-views-notice-section-block-2 {
  margin-top: 40px;
  color:#fff;
  padding:10px;
  background:#0098db;
}



.zproduct img{ width:208px; height:208px;}