/*
* Copyright 2013 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
    Disable default header menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.header-menu{
    display:none;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

    MEGA MENU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.mega-menu-holder {

    padding-left:0;
	padding-right:0;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.mega-menu 
{
    position:relative;
	z-index: 1001;
	height:32px;
	margin:5px auto 0;
	padding:0;
	list-style:none;
	border-radius: 5px;

	background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */


	/*margin: 5px auto 0;*/
	border-radius: 5px;
    border: 1px solid #aaa;
}
.mega-menu-holder:after,
.mega-menu:after {
    content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.mega-menu  a, a:hover {
    text-decoration:none;
}
.mega-menu > li {
	float:left;
	height:32px;
	border-right: 1px dotted #999;
    text-align: -webkit-match-parent;
}
.mega-menu > li:first-child 
{
    border-radius: 5px 0 0 5px;
    margin-left:-1px;
}
.mega-menu > li:hover
{
    background: #91c113; /* Old browsers */
    background: -moz-linear-gradient(top,  #263690 0%, #0033CC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#263690), color-stop(100%,#0033CC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #263690 0%,#0033CC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #263690 0%,#0033CC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #263690 0%,#0033CC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #263690 0%,#0033CC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263690', endColorstr='#0033CC',GradientType=0 ); /* IE6-9 */

}

.mega-menu > li > a 
{
    display:block;
    padding: 0 20px;
	font: normal bold 12px/32px Arial, Helvetica, sans-serif;
	color: #FFF;
	/*text-shadow: 1px 1px 0 #999;*/
	text-transform: uppercase;
}

/*.mega-menu li .drop {
	background:url("images/drop.png") no-repeat right center;
}
.mega-menu li:hover .drop {
	background:url("images/drop.png") no-repeat right center;
}*/

.mega-menu .dropdown 
{
    display: none;
	position: absolute;
	/*width:928px;*/
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 4px 5px 0 #333;
    background: #fff;
	border-top: 1px solid transparent;
}
.mega-menu .dropdown.fullWidth 
{
	left: 0;
	width:926px;
    border-radius: 5px;
}

.mega-menu .box {
	float: left;
	width: 199px;
	background: #fff;
	margin: 0 5px;
	padding: 10px;
	border-radius: 5px;
}
.mega-menu .box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mega-menu .box strong 
{
    display: block;
	margin-bottom: 5px;
    padding: 5px 0 10px;
    font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	border-bottom: 1px dotted #999;

}
.mega-menu .box strong a 
{
	color: #333;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.mega-menu .box strong a:hover {
    color: #AF0304;
    text-decoration: none;
}
.mega-menu .box li a 
{
    display: block;
	background: url('images/arrow1.png') left center no-repeat;
    padding: 8px 12px;
    font: normal normal 12px Arial, Helvetica, sans-serif;
    color: #333 !important;
    text-decoration: none;
}
.mega-menu .box li a:hover 
{
	background: url('images/arrow2.png') left center no-repeat;
    color: #263690 !important;
    font-weight:600;
}
.mega-menu .box li:last-child:hover a 
{
    border-bottom: none;
}
.mega-menu a.view-all 
{
    font-weight:bold !important;
}


.mega-menu .row 
{
    display: block;
    width: 100%;
    border-spacing: 10px 5px;
    overflow: hidden;
}
.mega-menu .row:first-child 
{
    margin-top: 0;
}
.mega-menu .row .box 
{
    display: table-cell;
    float: none;
	vertical-align: top;
}
.mega-menu .row .box strong 
{
	border: none;
}

.mega-menu .picture 
{
    float: left;
	/*border: 1px solid #ccc;*/
	box-shadow: 0 0 5px #999;
}
.mega-menu .picture img
{
    border-width: 0px;
}

.mega-menu .picture a 
{
    display: block;
    width: 90px;
    height: 90px;
    overflow: hidden;
}
.mega-menu .box .subcategories 
{
    margin: -8px 0 0 100px;
}
.mega-menu .row .box li a 
{
    padding: 5px 0 5px 10px;
    font-size: 13px;
    text-decoration: none;
}

.mega-menu li:hover .dropdown 
{
    display: block;
}

.mega-menu .manufacturer 
{
    display: block;
	background: none !important;
}
.mega-menu .manufacturer span
{
    display: block;
    width: 90px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 5px;
}

.mega-menu li a.manufacturer 
{
    font: normal bold 13px Arial, Helvetica, sans-serif !important;
}
.mega-menu li a.manufacturer:hover 
{
    background: none !important;
}
.mega-menu .title .manufacturer strong:hover
{
    text-decoration: none;
    color: #AF0304;
}
.mega-menu .topic-wrapper p {
	margin: 0;
	padding: 10px;
	color: #333;
}

/* Custom */
.menu-info {margin-left: -14px;padding-top:13px;font-size:14px;text-rendering: optimizelegibility;line-height:20px;}
.menu-info [class*="span"] {margin-left: 14px;}
.menu-info table {padding:0;margin:0;border:none;height:40px;}
.menu-info table td:nth-child(2) {padding-left:10px;}
.menu-info .well {
    color:#000;
    background: #ebebeb; 
    -moz-box-shadow: 1px 1px 1px #888;-webkit-box-shadow: 1px 1px 1px #888;box-shadow: 1px 1px 1px #888;
    -webkit-font-smoothing: antialiased;
 }
.menu-info .well:hover { 


    background-color: hsl(86, 59%, 33%) !important;
    background-repeat: repeat-x;
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#263690", endColorstr="#5568ba");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#263690), to(#5568ba));
    background-image: -moz-linear-gradient(top, #263690, #5568ba);
    background-image: -ms-linear-gradient(top, #263690, #5568ba);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #263690), color-stop(100%, #5568ba));
    background-image: -webkit-linear-gradient(top, #263690, #5568ba);
    background-image: -o-linear-gradient(top, #263690, #5568ba);
    background-image: linear-gradient(#263690, #5568ba);
    /*
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99d250", endColorstr="#5a8522");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#99d250), to(#5a8522));
    background-image: -moz-linear-gradient(top, #99d250, #5a8522);
    background-image: -ms-linear-gradient(top, #99d250, #5a8522);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99d250), color-stop(100%, #5a8522));
    background-image: -webkit-linear-gradient(top, #99d250, #5a8522);
    background-image: -o-linear-gradient(top, #99d250, #5a8522);
    background-image: linear-gradient(#99d250, #5a8522);    
    */
    border-color: #5a8522 #5a8522 hsl(86, 59%, 27%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);

}