
/* Stylesheet for CSS mega menu */
/* Template : fluorspar */
/* Generated by Zenofobe Visual Stylesheet on:- 26/01/21 at:- 12:34:49 */
 
#mega-container ul {margin: 0; padding: 0;}
#mega-wrapper {
background:rgb(60,60,60);
background: -moz-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(60,60,60)), to(rgb(129,129,129)));
background: -webkit-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: -ms-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: -o-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: linear-gradient(rgb(60,60,60),rgb(129,129,129));
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: -moz-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(60,60,60)), to(rgb(129,129,129)));
background: -webkit-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: -ms-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: -o-linear-gradient(top,rgb(60,60,60),rgb(129,129,129));
background: linear-gradient(rgb(60,60,60),rgb(129,129,129));
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(134,134,134);
}
.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_brands, .mega-menu .dropdown_aboutus, .mega-menu .dropdown_info, .mega-menu .dropdown_fullwidth {
margin:0px auto;
left:-999em;position:absolute;
padding:5px 0px 5px 5px;
text-align:left;
 border-style:solid;
 border-color:rgb(211,211,211);
 border-width:1px;
background:rgb(247,247,247);
-moz-border-radius:0px 5px 5px 5px;
-webkit-border-radius:0px 5px 5px 5px;
-khtml-border-radius:0px 5px 5px 5px;
border-radius:0px 5px 5px 5px;
-webkit-box-shadow:10px 10px 5px rgba(0,0,0,0.5);
-moz-box-shadow:10px 10px 5px rgba(0,0,0,0.5);
box-shadow:10px 10px 5px rgba(0,0,0,0.5);
}
.mega-menu .dropdown_customer_service,.mega-menu .dropdown_aboutus {padding:10px}
.mega-menu .dropdown_1column {width:160px;}
.mega-menu .dropdown_2columns {width:300px;}
.mega-menu .dropdown_expand {width:100%;}
.mega-menu .dropdown_info {width:680px;}
.mega-menu .dropdown_customer_service {width:670px;}
.mega-menu .dropdown_aboutus {width:670px;}
.info_col  {width:32%}
.information-li ul li a{margin-left:8px;width:200px!important}
 
/* 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_brands,.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:160px;}
 
/* 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;
}
#aboutusDrop,#csDrop {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:145px;padding:5px;}
.mega-menu li div a { padding:5px;line-height:25px;}
 
/* bof images */
.mega-menu .imgshadow_light {display:none}
 
/* 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:160px;}
.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;}
.mega-menu .categories-li .dropdown_expand .level3 a:hover {color:rgb(255,255,255)!important}
 
.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 { -o-transition:color 0.35s ease-out, background 0.35s ease-in; -ms-transition:color 0.35s ease-out, background 0.35s ease-in;-moz-transition:color 0.35s ease-out, background 0.35s ease-in;-webkit-transition:color 0.35s ease-out, background 0.35s ease-in; 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);}
.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);}
.dropdown_brands {width:95%}
.brands li {min-height:85px}
.brands li a  {text-align:center;background-color:rgb(215,215,215)!important;}
.brands li a img {vertical-align:middle}
.brands li a:hover {background-color:rgb(255,255,255)!important}
.mega-menu .dropdown_brands {padding:10px 10px 0px 10px}
.mega-menu .brands ul li,.mega-menu .brands ul li:hover {margin-bottom:5px}
/* 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);} */

.etImage {display:flex;flex-wrap:wrap;justify-content:center}
#pageTwoMainContent .et_image img{width:50%}
#pageTwoMainContent h2 {color:blue;font-size:16px}
 .et_image img {margin:20px}
.auImage img{width:200px;margin:10px 0px}
#catImage .red {color:red}

.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_1  h3 {text-decoration:underline}

.mega-menu li:hover div#catImage a {background:transparent;width:100%;padding:5px;padding-left:0px}

.dropdown_info .col_1 {width:30%!important}
.dropdown_info .col_1 a {width:100%!important}
