/**
 * Vertical Category Menu CSS 1.1 
 * Prestashop Vertical Category Menu
 * Copyright © 2019, Maruf World
 * Released on: July 1, 2019
 */

#gws_vertical_category_menu * { box-sizing: unset !important; }
#gws_vertical_category_menu ul {padding:0}
#gws_vertical_category_menu ul {list-style:none;}
#gws_vertical_category_menu .wrap {width: 960px; margin: 0 auto;}
#gws_vertical_category_menu .menu-container {padding: 0 0; width: 250px; float: left;}
#gws_vertical_category_menu .menu-container.right {float: right;}
#gws_vertical_category_menu .menu-container h4 {font-size: 14px; margin: 0 0 5px 0;}
#gws_vertical_category_menu .clear {clear: both;}
#gws_vertical_category_menu .gws-mega-menu{ font: bold 13px Arial, sans-serif;  line-height: 16px;  background: #333; border-left: 1px solid #1B1B1B;  position: relative; /* Required */ }
#gws_vertical_category_menu .gws-mega-menu li a { display: block;  color: #fff;  padding: 12px 38px 12px 25px;  text-shadow: 1px 1px 1px #000;  text-decoration: none;   border-top: 1px solid #555;  border-bottom: 1px solid #222;  border-right: 1px solid #1B1B1B; }
#gws_vertical_category_menu .gws-mega-menu li a:hover, #gws_vertical_category_menu  .gws-mega-menu li.mega-hover a { background: #4b4b4b;  color: #fff;  border-right: 1px solid #4b4b4b; }
#gws_vertical_category_menu .gws-mega-menu li a.dc-mega { position: relative; }
#gws_vertical_category_menu .gws-mega-menu li a .dc-mega-icon { display: block;  position: absolute;  top: 18px;  right: 15px; width: 6px; height: 8px; background: url(../img/arrow_right.png) no-repeat 0 0; }
#gws_vertical_category_menu .gws-mega-menu li .sub-container { position: absolute; /* Required */ background: #4B4B4B; padding: 10px 10px 0 10px;  border: 1px solid #4b4b4b; border-left: none; }
#gws_vertical_category_menu .gws-mega-menu li .sub-container .sub {}
#gws_vertical_category_menu .gws-mega-menu li .sub .row { width: 100%; overflow: hidden; margin:0; /* Clear floats */ }
#gws_vertical_category_menu .gws-mega-menu li .sub li { float: none;  width: 150px; font-size: 1em; font-weight: normal; }
#gws_vertical_category_menu .gws-mega-menu li .sub li.mega-hdr { float: left; /* Required */ margin: 0 5px 10px 5px; }
#gws_vertical_category_menu .gws-mega-menu li .sub a, #gws_vertical_category_menu .gws-mega-menu.left li .sub a { background: none; border: none; text-shadow: none; float: none; color: #fff; padding: 7px 10px; display: block; text-decoration: none; font-size: 0.9em; }
#gws_vertical_category_menu .gws-mega-menu li .sub li.mega-hdr a.mega-hdr-a { padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #E88221; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333; }
#gws_vertical_category_menu .gws-mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { color: #000; text-shadow: none; }
#gws_vertical_category_menu .gws-mega-menu .sub li.mega-hdr li a { padding: 4px 5px 4px 20px;  background: url(../img/arrow_white.png) no-repeat 5px 8px; font-weight: normal; }
#gws_vertical_category_menu .gws-mega-menu .sub li.mega-hdr li a:hover { color: #a32403; background: #efefef url(../img/arrow_on.png) no-repeat 5px 8px; }
#gws_vertical_category_menu .gws-mega-menu .sub ul li { padding-right: 0; }
#gws_vertical_category_menu .gws-mega-menu li .sub-container.non-mega .sub { padding: 10px; }
#gws_vertical_category_menu .gws-mega-menu li .sub-container.non-mega li { padding: 0; margin: 0; width: 150px; }
#gws_vertical_category_menu .gws-mega-menu li .sub-container.non-mega li a { padding: 7px 5px 7px 22px;  background: url(../img/arrow_white.png) no-repeat 7px 10px; }
#gws_vertical_category_menu .gws-mega-menu li .sub-container.non-mega li a:hover { color: #a32403; background: #efefef url(../img/arrow_on.png) no-repeat 7px 10px; }
#gws_vertical_category_menu #gws_img_holder { margin-bottom: 8px; }