/* Stylesheet for CSS mega menu */
/* Template : fluorspar */
/* Generated by Zenofobe Visual Stylesheet on:- 30/09/19 at:- 09:26:14 */
 
#mega-container ul {margin: 0; padding: 0;}
#mega-wrapper {
background:rgb(60,60,60);
background: linear-gradient(rgb(60,60,60),rgb(112,130,56));
margin:0px;
}
#mega-container {
display:block;
position: relative;
z-index:999;
margin:10px auto 0px auto;
width:auto;max-width:1200px;
height:45px;
}
#mega-container ul.mega-menu {
float:left;
background:rgb(60,60,60);
background: linear-gradient(rgb(60,60,60),rgb(112,130,56));
list-style:none;
}
.mega-menu li {float:left;text-align:center;position:relative;}
ul.mega-menu {height:45px;}
.mega-menu li a,.mega-menu li a:hover {padding:12px 10px;}
.mega-menu li.fullwidth {position: static !important;}
 ul.mega-menu li:hover > a {
background:rgb(85,107,47);
}
.mega-menu li a {color:rgb(255,255,255);outline:0;
text-decoration:none;
display:block;
font-weight:normal;
}
div#mega-container li a.drop {border-right:  1px solid rgb(255,255,255);}
.drop{text-align:center;}
 ul.mega-menu li:hover > a {color:rgb(255,255,255);position:relative;z-index:11}
 
 
/* bof drop down styles */
.mega-menu .dropdown_expand,.mega-menu .dropdown_1column, .mega-menu .dropdown_2columns, .mega-menu .dropdown_3columns, .mega-menu .dropdown_4columns, .mega-menu .dropdown_5columns, .mega-menu .dropdown_customer_service,
.mega-menu .dropdown_aboutus, .mega-menu .dropdown_info, .mega-menu .dropdown_fullwidth {
margin:0px auto;
left:-999em;position:absolute;
padding:5px 0px 5px 8px;
text-align:left;
 border-style:solid;
 border-color:rgb(211,211,211);
 border-width:1px;
background:rgb(247,247,247);
border-radius:0px 5px 5px 5px;
box-shadow:10px 10px 5px rgba(0,0,0,0.5);
}
.mega-menu .dropdown_customer_service,.mega-menu .dropdown_aboutus, .mega-menu .dropdown_info {padding:10px}
.mega-menu .dropdown_1column {width:150px;}
.mega-menu .dropdown_2columns {width:300px;}
.mega-menu .dropdown_expand {width:100%;}
.mega-menu .dropdown_info {width:480px;}
.mega-menu .dropdown_customer_service {width:520px;}
.mega-menu .dropdown_aboutus {width:585px;}
 
/* bof drop down on mouse hover left aligned */
.mega-menu li:hover .dropdown_expand,.mega-menu li:hover .dropdown_1column, .mega-menu li:hover .dropdown_2columns, .mega-menu li:hover .dropdown_customer_service, .mega-menu li:hover .dropdown_aboutus, .mega-menu li:hover .dropdown_info {left:-1px;top:45px;}
 
/* bof drop down on mouse hover right aligned */
.mega-menu li:hover .align_right {left:auto;right:-1px;top:45px;}
 
/* bof column sizes */
.mega-menu .col_1, .mega-menu .col_2 {display:inline;float: left;position: relative;margin-left:10px;}
.mega-menu .col_1 {width:150px;}
 
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.mega-menu .firstcolumn {margin-left: 0; /* Clearing margin & left */clear: left;}
 
/*bof content*/
.mega-menu ul, .mega-menu li {font-size:1.0em;
line-height:21px;
text-align:left;
}
.mega-menu p {font-size:1em;line-height:18px;
text-align:left;margin:0;color:rgb(0,0,0);}
.mega-menu h2 {color:rgb(0,0,255);}
.mega-menu h3 {color:rgb(0,0,255);}
.mega-menu h2, .mega-menu h3 {font-size:1.2em;font-weight:normal;margin:3px;
text-align:left;
}
.mega-menu li:hover div a {text-decoration:none;
display:block;
width:135px;padding:5px 0px 5px 5px;}
.mega-menu li div a { padding:5px 0px 5px 5px;line-height:25px;}
 
/* bof images */
.mega-menu .imgshadow_light {padding:4px;border:0px solid #000;margin-top:5px;margin-left:20px;}
 
/* bof standard lists styles */
.mega-menu li ul {list-style:none;padding:0;}
.mega-menu li ul li {font-size:1em;position:relative;margin:0;float:left;text-align:left;width:150px;}
.mega-menu li ul li a {font-weight:normal}
.mega-menu li ul li,.mega-menu li ul li:hover {padding:0;margin:0;}
 
/* bof 2 levels drop down */
.mega-menu .levels, .mega-menu .levels ul {/* all lists */padding: 0;margin: 0;list-style: none;}

.level4 {display:none}

/*bof menu colors*/
.mega-menu li:hover div a {color:rgb(0,0,0);
background:rgb(247,247,247);
}
.mega-menu li:hover div a:hover {color:rgb(255,255,255);text-decoration:none      ;
background:rgb(133,133,133);text-decoration:none;
border-radius:5px;
}
.mega-menu li ul li a:hover {text-decoration:none;}
 
.h-sm{padding:2px 5px 2px 0px;vertical-align:middle;}
.col_aboutus h2 {color:rgb(0,0,255)}
.dropdown_expand a,.dropdown_1column a, div.dropdown_info a {transition:color 0.35s ease-out, background 0.35s ease-in}
.mega-menu .categories-li .dropdown_expand .level2 > li > a {color:rgb(0,128,255);font-weight:normal;}
.mega-menu .categories-li .dropdown_expand .level2 > li > a:hover {color:rgb(255,255,255);background-color:rgb(87,87,87);}
.cat_image {width:14.5%;margin:12px;}
.dropdown_expand .level2 li:hover a {color:rgb(68,68,68);background:rgb(234,234,234);}
.dropdown_expand .level2 li:hover > a {color:rgb(255,255,255) !important;background:rgb(87,87,87);}
/* Append */
div#mega-container li a.last_Item {border-right:none}
/* div#mega-container li a.first_Item {border-left:1px solid rgb(0,0,0);} */

.info_list_2 li, .info_list_3  li  {border-left: 1px solid rgb(158,158,158);}
.dropdown_info .col_1 ul li a {margin-left:6px}
.dropdown_info h3 {margin-left:10px}

.mega-menu .col_cs  h2 ,.mega-menu .col_aboutus h2 {border-bottom:1px solid rgb(110,110,110);}
.mega-menu .col_1  h3 {text-decoration:underline}

.manufacturers-li img {margin-left:15px}
 #catImage {width:98%;margin:0 auto;text-align:center}
.cat_image {float:left}

.mega-menu li:hover div#catImage a {background:transparent;width:100%;padding:5px;padding-left:0px}