@charset "UTF-8";
/*
* Name Extension: Megamenu
*/
/*-------------------------*/
/*
/*  MegaMenu in Header
/*
/*-------------------------*/
/***/
/***/
/*********************************************/
/**********************************/
/**************************************/
/***************************************/
/****************************************/
/****************************************/
/* ============================================ *
 * Linearize Table
 * ============================================ */
/***/
/***/
/* -------------------------------------------- *
 * Buttons
 */
/* -------------------------------------------- *
 * Button hover
 */
/* -------------------------------------------- *
 * Swatch label hover
 */
/* -------------------------------------------- *
 * Custom Radio button, Checkbox
 */
/* -------------------------------------------- *
 * Custom Select
 */
/* -------------------------------------------- *
 * Product View Zoom
 */
/***********/
/************/
/* -------------------------------------------- *
 * Theme elements
 */
.theme-border, .table-bordered {
  border-top: solid 2px #83b8e0; }

.theme-color {
  color: #83b8e0; }

.title-border {
  border-bottom: solid 2px #dfdfdf;
  padding-bottom: 10px !important;
  margin-bottom: 40px !important; }
  @media only screen and (max-width: 767px) {
    .title-border {
      margin-bottom: 15px !important;
      padding-bottom: 10px !important; } }

.theme-block {
  border: solid 1px #e4e3e3;
  border-top: solid 2px #83b8e0;
  padding: 30px 29px;
  margin-bottom: 60px; }

.no-theme-block {
  border: none;
  padding: 0;
  margin-bottom: 0; }

.table-bordered thead > tr > th,
.table-bordered thead > tr > td {
  font-size: 16px;
  line-height: 1.667em;
  color: #333333;
  text-transform: uppercase;
  font-weight: 500; }

@media only screen and (max-width: 991px) {
  .theme-block {
    padding: 15px;
    margin-bottom: 30px; } }
/* -------------------------------------------- *
* Table Bordered
*/
.table-bordered thead > tr > th,
.table-bordered thead > tr > td {
  border-bottom-width: 1px; }
.table-bordered th, .table-bordered td {
  border: solid 1px #dfdfdf; }

/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .icon-sprite-for-modules {
  background-image: url(../images/icon_sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999px; }

.icon-sprite-for-modules {
  background-image: url(../images/icon_sprite.png); }

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .icon-sprite, .icon-sprite-for-modules {
    background-image: url(../images/icon_sprite@2x.png);
    background-size: 100px 1000px; } }
.nav-container,
.nav-container-mobile {
  position: relative;
  z-index: 4;
  width: 100%;
  background: none; }

.nav-container-mobile {
  display: none; }

.nav {
  margin: 0 auto; }

.nav .grid-full {
  position: relative;
  z-index: 9;
  float: right;
  width: 100%;
  text-align: right;
  padding: 46px 56px 22px 290px; }

.nav-container .grid-full::after {
  content: '';
  display: table;
  clear: both; }

.nav .grid-full ul li a {
  display: inline-block;
  float: none; }

.grid-full .grid-full-home-link span {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.grid-full > li {
  display: inline-block;
  margin: 0 0 0 20px;
  padding-bottom: 14px;
  position: relative; }
  .grid-full > li > a > span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0;
    height: 3px;
    background: #83b8e0;
    z-index: 9;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
  .grid-full > li:hover > a > span:before {
    width: auto;
    left: 20px;
    right: 20px; }
  .grid-full > li:last-child {
    display: none; }

.isStuck .nav .grid-full {
  padding: 18px 56px 0 290px; }

.isStuck .grid-full > li {
  padding-bottom: 19px; }
  .isStuck .grid-full > li > .level-top {
    top: 24px; }

.grid-full .li-wrapper {
  float: none; }

.grid-full > li {
  border-right: none; }

.grid-full li a .thumbnail {
  background: none;
  border: 0;
  border-radius: 0;
  display: block;
  line-height: inherit;
  margin: 0;
  padding: 0; }

.grid-full > li > a {
  font-size: 14px;
  display: block;
  text-decoration: none;
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  color: #1e1e1e; }

.grid-full > li > a > span {
  padding: 0 0 4px;
  cursor: pointer;
  white-space: normal;
  position: relative;
  z-index: 2;
  line-height: 20px; }

.nav .grid-full > .parent > a {
  padding-right: 20px; }
  .nav .grid-full > .parent > a:after {
    display: inline-block;
    font-size: 12px;
    border-radius: 20px;
    line-height: 20px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    color: #888888;
    display: inline-block;
    font-family: "FontAwesome";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: ""; }

.grid-full > li > a .thumbnail {
  display: none; }

.grid-full li a span {
  display: block; }

.grid-full > li > .level-top {
  left: 0;
  top: 24px;
  margin: 0 auto;
  right: 0;
  width: 240px;
  position: absolute;
  z-index: -99999;
  border: none;
  background: none;
  display: none;
  overflow: hidden;
  text-align: left; }

.grid-full .level.parent:hover > .level-top {
  left: 0;
  z-index: 99999;
  border: 1px solid #e4e3e3;
  background: #f2f2f2; }

.grid-full ul ul {
  position: static !important;
  width: 100%; }

.nav .grid-full .level2 {
  margin: 0; }

.nav li > .shown-sub,
.nav li > div.shown-sub {
  left: 0;
  display: block; }

.grid-full ul span,
.grid-full ul .last li span {
  padding: 0; }

.grid-full .level-top .level {
  padding: 0;
  float: left;
  top: 0;
  width: 100% !important;
  position: relative;
  z-index: 9; }

.grid-full .parent .level-top > .level .level > li {
  float: none; }

.grid-full .parent .level-top > .level .level > li > .catagory_children {
  padding: 10px 20px;
  width: 100% !important; }

.grid-full .level-top .level .level {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto; }

.grid-full ul ul, .grid-full ul div {
  position: relative;
  top: 0; }

.grid-full .level1 .catagory-level1 {
  font-size: 14px;
  color: #1e1e1e;
  margin-bottom: 12px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin-top: 15px; }
  .grid-full .level1 .catagory-level1:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    right: auto;
    height: 3px;
    max-width: 40px;
    background: #c2c2c2; }
  .grid-full .level1 .catagory-level1:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    right: auto;
    height: 3px;
    max-width: 0;
    background: #83b8e0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
.grid-full .level1:hover .catagory-level1:after {
  max-width: 40px; }

.grid-full .level1 .catagory-level1:hover,
.grid-full .level1.active .catagory-level1 {
  color: #83b8e0; }

.grid-full .level1.menu-product {
  padding-top: 10px; }

.grid-full ul .level1.menu-product img {
  float: left;
  width: 90px;
  padding: 10px;
  height: auto;
  margin-right: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.grid-full ul .level1.menu-product .levelproduct {
  float: left; }

.grid-full ul .level1.menu-product .levelproduct.fast {
  margin-left: 0; }

.grid-full ul .level1.menu-product .availability {
  margin-left: -55px;
  margin-top: 10px; }

.grid-full .menu-product .level2 a {
  display: block;
  float: left; }

.grid-full .menu-product .level2 a .product-name {
  line-height: 15px;
  color: black;
  font-size: 14px;
  padding: 0 !important; }

.grid-full .menu-product .level2 div.rating-box {
  float: left;
  left: -141px;
  margin-right: 88px;
  margin-top: 5px;
  position: static;
  width: 55px; }

.grid-full .grid-full-home-link:hover a,
.grid-full .level.over > a,
.grid-full .level.active > a {
  color: #1e1e1e; }

.grid-full .grid-full-home-link:hover .level-top a,
.grid-full .level.over .level-top a,
.grid-full .level.active .level-top a {
  background: none;
  overflow: visible; }

.grid-full .level.over .menu-product a,
.grid-full .level.over .catagory_children span,
.grid-full .level.over p a span,
.grid-full .level.over p a {
  background: none; }

.nav .grid-full > li > a > span,
.grid-full .level.over .catagory_children a span,
.grid-full .level.over .catagory_children a,
.grid-full ul .level1.menu-product button a span {
  background: none; }

.grid-full > li > a > span.spanchildren,
.grid-full > .over > a > span.spanchildren,
.nav .grid-full > .nav-3 > a > span.spanchildren {
  display: none; }

.grid-full ul .level1.menu-product .price-box {
  float: left;
  margin: 10px 0; }

.grid-full ul .level1.menu-product .price-box .old-price .price {
  padding: 0;
  margin-right: 10px; }

.grid-full ul .level1.menu-product .price-box .special-price .price {
  margin-top: -1px;
  float: left; }

.grid-full .catagory_children:after {
  content: "";
  display: table;
  clear: both; }

.grid-full .catagory_children .level1 {
  background: none; }

.grid-full .catagory_children .item {
  float: left; }

.grid-full .column1 .catagory_children .level1 {
  width: 100% !important;
  margin: 0; }

.grid-full .catagory_children .level1 span {
  padding: 0 !important;
  text-shadow: none;
  position: relative; }

.grid-full .static-block-right {
  float: right; }

.grid-full .catagory_children .level1 .level-top {
  width: 100%;
  background: none;
  box-shadow: none;
  padding: 0;
  left: 0;
  position: static !important; }

.grid-full .catagory_children .level-top .level1 {
  margin: 0; }

.grid-full .catagory_children .level-top .static-block {
  margin-top: 5px; }

.grid-full .catagory_children .catagory_children .level2 {
  width: 100%;
  margin: 0;
  position: relative; }

.grid-full .catagory_children .catagory_children li a span,
.nav .grid-full .first ul .nav-1-1 .catagory_children span {
  text-shadow: none; }

.grid-full .level1 .level2 img {
  margin-right: 5px; }

.grid-full .menu-product1 a {
  float: left; }

.grid-full .menu-product1 .level2 span {
  font-size: 12px;
  font-weight: normal;
  line-height: normal; }

.grid-full .menu-product1 a span.product-name {
  color: #333;
  margin-top: 5px; }

.grid-full ul li .price-box {
  margin-left: 29px;
  margin-top: -13px;
  position: static;
  top: -20px;
  width: 140px; }

.grid-full ul li .price-box p {
  float: left;
  font-size: 12px; }

.grid-full ul .levelproduct .price-box .special-price span {
  float: left;
  margin-left: 5px;
  font-size: 12px; }

.grid-full .catagory_children .level-top .level1.menu-product1 {
  float: left;
  width: 100%; }

.grid-full .catagory_children .catagory_children .level2.last {
  margin-bottom: 0;
  border-bottom: 0 solid red; }

.grid-full .catagory_children .catagory_children .level2.no-level-thumbnail .thumbnail,
.grid-full .catagory_children .catagory_children .level4.no-level-thumbnail .thumbnail {
  display: none; }

.grid-full .level1 .catagory_children {
  position: static;
  width: 100%; }

.grid-full .level-top .level2.column2 {
  background: #ffffff;
  float: left;
  margin-left: 135px;
  margin-top: 0;
  position: absolute !important;
  z-index: 9999999;
  width: 756px;
  border: 1px solid #dce1e6;
  display: none;
  left: 0; }

.grid-full .level-top ul, .grid-full .level-top div {
  left: 0; }

.grid-full .level-top .catagory_children .level2.column1 {
  background: #ffffff;
  float: left;
  margin: 0;
  position: absolute !important;
  z-index: 9999999; }

.grid-full .catagory_children .level3 .level4 {
  left: 0;
  margin-left: 0; }

.grid-full .level-top .level3 .catagory_children {
  margin-left: 0;
  margin-top: 0;
  position: relative !important; }

.grid-full .catagory_children .level3 .level-top .level3 {
  position: relative !important; }

.grid-full .catagory_children .catagory_children .level2 > a:hover,
.grid-full .catagory_children .catagory_children .level2.active > a {
  color: #83b8e0;
  position: relative;
  text-decoration: none !important;
  z-index: 999999; }

.grid-full .catagory_children .catagory_children .level2 a {
  background: none;
  color: #888888;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  margin: 0 0 0 -10px;
  padding: 4px 5px 4px 10px;
  position: relative;
  text-transform: uppercase; }

.grid-full .catagory_children .catagory_children .level2 a:after {
  content: "";
  display: table;
  clear: both; }

.grid-full .catagory_children .catagory_children .level2.parent:hover li a {
  box-shadow: none;
  width: auto; }

.grid-full .catagory_children .level3 {
  float: left;
  width: 100%; }

.grid-full .level2 .catagory_children.column1 {
  background: #fff;
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.18);
  padding: 20px;
  margin-top: -20px;
  display: none; }

.grid-full .level2:hover .catagory_children.column1 {
  display: block; }

.grid-full .level2 .catagory_children.column1
.grid-full .catagory_children.column1 .level3 a {
  margin: 0; }

.grid-full .catagory_children .level3.level-top {
  float: left; }

.grid-full .catagory_children.column1 .level3 a:hover,
.grid-full .catagory_children.column1 .level3.active a {
  background: #fe6868;
  color: #fff; }

.grid-full .level2 .static-block-left {
  float: left; }

.grid-full .level2 .catagory_children.column2 {
  float: left;
  width: 320px; }

.grid-full .level2 .catagory_children.column2.catagory_children {
  border: none;
  margin-top: 20px; }

.grid-full .level2 .catagory_children.column2 .level3 .catagory_children {
  margin-top: -20px;
  border: none; }

.grid-full .level2 .catagory_children.column2 .level3 {
  float: left;
  border: none;
  margin: 0; }

.grid-full .level-top .level2 .level4 .menu-content {
  display: none; }

.grid-full .level2 .catagory_children .level3 {
  margin-bottom: 10px; }

.grid-full .level2 .catagory_children .level3:last-child {
  margin-bottom: 0; }

.grid-full .catagory_children .catagory_children .level2 .level4 a,
.grid-full .catagory_children .catagory_children .level2:hover .level4 a {
  border: none;
  margin: 0;
  padding: 0; }

.grid-full .level2 .catagory_children .level3 .catagory_children {
  float: left;
  width: 100%; }

.grid-full .catagory_children .catagory_children .level4.no-level-thumbnail {
  height: 30px;
  margin: 0;
  width: 100%;
  border-bottom: 1px dotted #dce1e6; }

.grid-full .level2:hover .level-top .level2.column2,
.grid-full .level2:hover .level-top .level2.column1,
.grid-full .level2.active .level-top .level2.column1 {
  display: block;
  left: auto;
  right: -100%; }

.grid-full .old-price .price {
  color: #999; }

.grid-full .catagory_children .catagory_children .level2:hover .level3 a {
  border: none; }

.grid-full .catagory_children .catagory_children.leftchildren {
  border-bottom: 0 none;
  float: left;
  margin: 0; }

.grid-full .static-block p {
  line-height: 23px; }

.grid-full .btn-carthover2 span span {
  color: #ff7575;
  height: 25px;
  margin-left: 20px;
  padding: 0 !important; }

.grid-full ul.add-to-links li {
  width: 85px;
  float: left; }

.grid-full .level a.link-wishlist,
.grid-full .level:hover a.link-wishlist,
.grid-full a.link-wishlist,
.grid-full .level-top:hover a.link-wishlist {
  background: url(../../../images/cmsmart/megamenu/wl_1.png) no-repeat scroll 0 1px;
  display: block;
  font-size: 10px;
  height: 35px;
  overflow: hidden;
  margin: 0;
  padding-left: 20px;
  line-height: 18px; }

.grid-full .add-to-links li:hover a.link-wishlist:hover {
  background: url(../../../images/cmsmart/megamenu/wl.png) no-repeat scroll 0 1px; }

.grid-full .level a.link-compare,
.grid-full .level:hover a.link-compare,
.grid-full a.link-compare,
.grid-full .level-top:hover a.link-compare {
  display: block;
  font-size: 10px;
  height: 35px;
  overflow: hidden;
  background: url(../../../images/cmsmart/megamenu/cp_1.png) no-repeat scroll 0 1px;
  margin-top: 0;
  padding-left: 20px;
  line-height: 35px; }

.grid-full .add-to-links li:hover a.link-compare:hover {
  background: url(../../../images/cmsmart/megamenu/cp.png) no-repeat scroll 0 1px; }

.grid-full .level-top:hover button span, .grid-full .level-top:hover .add-to-links span {
  background: none; }

.grid-full ul.add-to-links {
  float: left;
  position: inherit !important;
  width: 100%;
  margin-top: -10px; }

.grid-full .level1.menu-product-one .level2 img {
  margin-top: 5px;
  width: 100%; }

.grid-full .level1.menu-product-one .price-box {
  float: left;
  text-align: center;
  width: 100%; }

.grid-full .level1.menu-product-one .price-box p.old-price {
  margin-left: 25px;
  margin-right: 30px;
  margin-top: 4px; }

.grid-full .level1.menu-product-one .price-box p.special-price {
  margin-top: 2px; }

.grid-full .level1.menu-product-one .price-box p span {
  font-size: 14px; }

.grid-full .level1.menu-product-one div.rating-box {
  position: static !important;
  top: 50px;
  width: 55px; }

.grid-full .level1.menu-product-one li a {
  float: left;
  text-align: center;
  width: 100%; }

.grid-full > .grid-full-home-link a span {
  background: none repeat scroll 0 0 transparent; }

.grid-full .level1.menu-product-one ul.add-to-links {
  margin-top: 5px;
  border-top: 1px solid #dedede;
  padding-top: 5px; }

.grid-full .level1.menu-product-one ul.add-to-links li {
  width: 45%;
  float: left;
  white-space: normal; }

.grid-full .level1.menu-product-one ul.add-to-links span {
  float: left; }

.grid-full .level1.menu-product-one ul.add-to-links li a {
  height: auto;
  line-height: 20px;
  text-align: left;
  white-space: normal;
  width: auto; }

.grid-full .catagory_children .catagory_children li:hover .catagory_children a span {
  text-decoration: none; }

.grid-full .level2 .catagory_children.column2 .level3 div {
  float: left; }

.grid-full .level span.cat-label {
  background: #83b8e0;
  border: medium none;
  color: #FFF;
  float: left;
  font-size: 12px;
  line-height: 12px;
  padding: 5px !important;
  position: absolute;
  top: -14px;
  left: 20px;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transition: all, 0.2s, ease-in-out;
  -o-transition: all, 0.2s, ease-in-out;
  transition: all, 0.2s, ease-in-out; }
  .grid-full .level span.cat-label.new {
    background-color: #5ad292; }
  .grid-full .level span.cat-label.hot {
    background-color: #f6db5f; }

.grid-full .level1 span.cat-label {
  background: #ee372a;
  color: #FFF;
  float: none;
  font-weight: normal !important;
  line-height: 12px !important;
  padding: 5px !important;
  position: absolute;
  left: 0;
  text-transform: lowercase !important;
  top: -25px; }

.isStuck .grid-full > .level > a > span > span.cat-label {
  top: 0;
  left: 5px;
  opacity: 0.7; }

.grid-full .level:hover .level1 span.cat-label {
  background: #ee372a; }

.grid-full .level:hover .level1:hover .level2 span.cat-label {
  background: red; }

.grid-full .catagory_children .level1 .catagory_children .level2 span.cat-label {
  line-height: 15px;
  right: 0;
  left: auto;
  top: -15px; }

.grid-full ul li, .grid-full ul .active, .grid-full ul .last {
  background: none; }

.grid-full .menu-product1 li {
  float: left;
  width: 100%; }

.grid-full .old-price .price-label, .grid-full .special-price .price-label {
  display: none; }

.grid-full .special-price {
  padding: 0; }

.grid-full level div {
  position: static; }

.grid-full .btn-carthover2 span span {
  color: #ff7575;
  height: 14px;
  padding: 0 !important; }

.grid-full .btn-carthover2 {
  background: url("../../../images/cmsmart/megamenu/icon_cart_hover.png") no-repeat scroll 0 0 transparent;
  height: 25px;
  margin-top: 0; }

.grid-full .menu-product ul.add-to-links {
  display: block;
  margin-left: -2px;
  margin-top: 10px;
  position: relative !important;
  width: 185px; }

.grid-full .menu-product ul.add-to-links .separator {
  float: left; }

.grid-full .menu-product a.link-compare,
.grid-full .menu-product a.link-compare,
.grid-full .level-top:hover .menu-product a.link-compare {
  line-height: 20px; }

.nav .grid-full .menu-product1 li .price-box {
  margin-left: 28px; }

.nav .grid-full .first ul .nav-1-1 span {
  line-height: inherit; }

.nav .grid-full .menu-product1.menu-product-one .price-box {
  margin-left: 0;
  margin-top: 5px;
  text-align: center; }

.nav .grid-full ul .menu-product1 li {
  line-height: 20px;
  margin-bottom: 25px; }

.grid-full .add-to-links .separator {
  display: block;
  float: left; }

.nav .grid-full .first ul .nav-1-1 .levelproducttow span,
.nav .grid-full .first ul .nav-1-1 .menu-product1 span {
  line-height: normal; }

.grid-full .level .menu-product-one a.link-compare {
  margin-left: 25px; }

.grid-full .catagory_children .catagory_children .level4.last.no-level-thumbnail {
  border: none; }

.nav .level.nav-home-link .level-top {
  box-shadow: none; }

.nav .grid-full .menu-banner {
  padding: 30px; }
  .nav .grid-full .menu-banner .banner-link {
    display: inline-block;
    width: calc(50% - 15px);
    padding: 0; }
    .nav .grid-full .menu-banner .banner-link img {
      max-width: 100%; }
    .nav .grid-full .menu-banner .banner-link:hover {
      opacity: .7; }
  .nav .grid-full .menu-banner a + a {
    padding-right: 10%; }

/* Common styles */
@media only screen and (max-width: 1199px) {
  .nav,
  .catagory_children {
    width: auto !important; }

  .grid-full > li {
    margin: 0 0 0 28px; } }
@media only screen and (max-width: 991px) {
  .nav-container {
    display: none; } }

/*# sourceMappingURL=megamenu.css.map */
