﻿#boss_menu,#menu{
	padding: 0px;
	min-height:47px;
	/*background-color:#fff;*/
	float:left;
	position:relative;
	width:1000px;
	padding:0 216px 0 0;
	z-index:99
}

#boss_menu ul,#menu ul  {list-style: none;margin: 0;padding: 0;}
#boss_menu ul  li.menu_item,#menu > ul  > li{width:auto;float:left;position:relative;margin:0;padding:0;margin-right:15px}
#menu > ul  > li:hover > div{display:block}
#boss_menu  li:hover,#menu  li:hover { z-index:16000}
#boss_menu ul  > li.menu_item > a,#menu > ul  > li > a{
	
	font-size:13px;
	font-weight:400;
	color:#949494;
	line-height:53px;
	text-decoration:none;
	display: block; 
	z-index:6;
	position:relative;
	display:block;
	height:55px; 
	white-space: nowrap;
	font-family:'HelveticaBold';
	text-transform:uppercase;
	margin-bottom:-3px;
	transition-duration:0.2s;
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	

	
}
#boss_menu ul  > li.menu_item:first-child > a,#menu > ul  > li:first-child > a{
	padding-left:0
}
#boss_menu ul  li.menu_item:hover a.title_menu_parent,#menu > ul  > li:hover > a{  color: #000;/*transition: all 0.4s ease 0s;*/}
#boss_menu > ul > li:last-child,#menu > ul > li:last-child{padding-right:0}
#boss_menu > ul > li ul > li,#menu > ul > li ul > li{
	margin:0 13px 0 15px;
	display:block;
	width:auto;
	position:relative;
	z-index:20;
}
#menu > ul > li ul > li{margin:0 13px 9px 15px}
#boss_menu > ul > li ul > li.parent{z-index:100}
#boss_menu > ul > li:hover > a,#menu > ul > li:hover > a {
	/*transition: all 0.5s ease 0s;*/
	text-decoration:none;
	
	z-index:99;
}
#boss_menu > ul > li:hover > a.sub_child,#menu > ul > li:hover > a.sub_child{
	background:url(../../image/menu_arr.png) no-repeat center bottom;
}
#boss_menu > ul  li > div.options_list,#menu > ul  li > div { left:0}
#boss_menu > ul  li > div.options_list,#boss_menu > ul  li > div.sub_menu,#menu > ul  li > div {
	display: none;
	top:54px;
	background:#fff;
	border:1px solid #dcdcdc;
	margin:0;
	position: absolute;
	z-index:10;
	padding:20px 0 0;
	text-align:left;
	box-shadow:0 2px 3px #C8C5C5;
	
}
#menu > ul  li > div{padding:20px 0 15px;min-width:165px}
#boss_menu > ul > li:hover > div,#menu > ul > li:hover > div {}
#boss_menu  ul ul > li:hover div.sub_menu{
	left:100%;
	top:-21px;
	z-index:100;
	width:160px;
	padding:20px 15px
}
#boss_menu > ul li.menu_item > div  ul li a,#menu > ul li > div  ul li a{
	
	line-height:16px;
	text-decoration: none;text-transform:none;
	display: block;
	padding:0;
	margin:0;
	z-index: 20;height:auto;
	position: relative;
	font:400 12px/15px arial;
}
#boss_menu > ul li.menu_item > div  ul.manufacturer li a:hover{background:#3c3b3b;}
#boss_menu > ul li.menu_item > div  ul.manufacturer li a:hover img{opacity:0.7}
#boss_menu > ul li.menu_item > div  ul.manufacturer li a img	{
	overflow:hidden;
	border:1px solid transparent;
}



#boss_menu > ul li.menu_item > div li:hover > a{}
#boss_menu > ul li.menu_item > div  ul li a img { display:block; margin-bottom:5px}
#boss_menu > ul > li > div > ul {
	display: table-cell;
}
#boss_menu > ul > li .options_list ul{
	float:left;
	width:100%
}
#boss_menu > ul > li .options_list ul.information li{margin-bottom:8px}
#boss_menu > ul > li div a.cat_parent{padding:7px 0 0;display:block;}
#boss_menu > ul > li div a.cat_parent img{display:block;margin-bottom:10px;max-width:100%}
#boss_menu > ul > li div li:hover a,
#boss_menu > ul li.menu_item > div a:hover,#boss_menu ul li .product_item a:hover {
	/*color:#0899f8;*/
	transition: all 0.5s ease 0s;
}

#boss_menu > ul > li > div > ul > li > a {
	color: #FFFFFF;
}

#boss_menu .option ul li {position: relative}
#boss_menu ul li ul li{position:relative}
#boss_menu ul li ul li:hover > div.sub_menu{display:block}

#boss_menu  div.option div.staticblock { padding:0 18px}
#boss_menu  div.option div.staticblock  p { text-align:justify}

#boss_menu ul li.menu_item a.parent,#boss_menu div.option div.staticblock p strong, #boss_menu div.option div.staticblock h3{ 
	margin-top:2px;
	margin-bottom:11px;
	color:#484848;
	font:400 14px 'HelveticaRegular';
	padding:0 25px;
	display: inline-block;
	font-weight:700;
}
#boss_menu  div.option div.staticblock  p strong , #boss_menu  div.option div.staticblock  h3 { 
	padding:0
}
#boss_menu ul li.menu_item a.parent:hover{color:#E20202}
#boss_menu ul li.menu_item a.parent img { display:block; margin-bottom:5px}
#boss_menu  div.option ul.category li  { margin:0 25px 8px; width:90%;padding:0}
#boss_menu  div.option ul.category li a img + p:hover{color:#ec9b3b}
#boss_menu  div.option ul.category li a img + p{margin-bottom:25px; font-weight:400; text-transform:uppercase; }
#boss_menu  div.option ul.category li a img + p{text-align:center; color:#08bcd2; font-size:12px;}
#boss_menu  div.option ul.manufacturer li  { display:inline-block}
#boss_menu  div.option ul.product li { display:inline-block}
#boss_menu  div.option ul.product li  { 
	 color: #268F3C;
    display: block;
    font-family: 'HelveticaBold';
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}
#boss_menu  div.option ul.product li  a{
	display:inline-block;
	margin-bottom:10px; 
	font-weight:700; 
	line-height:17px; 
	font-size:14px;
	font-family:'HelveticaRegular';
}
#boss_menu  div.option ul.product li  a.product_name{margin-bottom:11px;}
#boss_menu  div.option ul.product li  a:hover { color:#E20202}
#boss_menu  div.option ul.product li  img {display:block; text-align:center;vertical-align:middle}
#boss_menu  div.option ul.product li .image:hover{background:#3C3B3B}
#boss_menu  div.option ul.product li .image img{margin-bottom:0;border:1px solid transparent}
#boss_menu  div.option ul.product li .image:hover img{opacity:0.7}

/* Responsive Menu */
#megamenu-responsive{
    width:100%;
	position:relative;
	z-index:98;
	clear:both;
    line-height:17px;
	text-align:left;
}

.menu-toggle > p{
    display:block;
    float:left;
    margin:-6px 10px 0 4px;
    background: url('../../image/menu_res.png') no-repeat 50%;
    height:30px;
    width:30px;
}

.menu-toggle{
    padding:5px;
    margin:0!important;
    color:#000;
    font-size:15px;
    cursor:pointer;    
    border-radius: 2px;
    -moz-border-radius: 2px;
	background: rgb(111,192,128); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(111,192,128,1) 2%, rgba(81,165,98,1) 47%, rgba(40,144,62,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(111,192,128,1)), color-stop(47%,rgba(81,165,98,1)), color-stop(100%,rgba(40,144,62,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fc080', endColorstr='#28903e',GradientType=0 ); /* IE6-9 */


}

#megamenu-responsive-root > li{padding:11px 0;display:block;text-transform:uppercase;font:400 15px/17px "HelveticaBold";color:#fff}

#megamenu-responsive-root li.root > ul{
    display:none;
}

#megamenu-responsive-root li.root.open > ul{
    display:block;
}
#megamenu-responsive-root li.root{padding:0;}

#megamenu-responsive-root li.parent > ul{
    display:none;
}


#megamenu-responsive li.parent {clear:both
}
#megamenu-responsive .root li{
	padding:11px 0;margin-top:10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	

}
#megamenu-responsive .root > ul > li{
	background: rgb(111,192,128); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(111,192,128,1) 2%, rgba(81,165,98,1) 47%, rgba(40,144,62,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(111,192,128,1)), color-stop(47%,rgba(81,165,98,1)), color-stop(100%,rgba(40,144,62,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(111,192,128,1) 2%,rgba(81,165,98,1) 47%,rgba(40,144,62,1) 100%); /* W3C */
	


}
#megamenu-responsive .root > ul > li:first-child{}
#megamenu-responsive .root li + li{}

#megamenu-responsive .root li a:hover{
  text-decoration:none;
}

#megamenu-responsive li.parent ul{
    margin:10px 0 -10px;clear:both;
}
#megamenu-responsive .root li ul{padding:0 0 0 20px;overflow:hidden}
#megamenu-responsive .root li ul li { background:none;	margin:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0; }
#megamenu-responsive ul span{}

#megamenu-responsive .root  ul  li  a,
#megamenu-responsive .root > ul > li > ul > li > a{
    text-transform: uppercase;
    font:400 15px/17px "HelveticaBold";
	color:#fff;
	
	display:block;
    
}

#megamenu-responsive a{
    display:inline-block;
	text-indent:12px
}
#megamenu-responsive li.parent > a{
	margin-right:60px;
}
#megamenu-responsive li.parent > a span{
    display:block;
}

#megamenu-responsive li.parent > p{
    display:inline-block;
    float:right;
    padding:0 10px;
    width:10px;height:18px;line-height:18px;
    text-align:center;
    cursor:default;
    font-weight:700;
    font-size:14px;
    background:#ececec;
    color:#555555;
    margin:0 10px 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.options_list .option{margin-bottom:10px}
a.product_image img{
max-width : 100%;
}
#boss_menu div.option ul.category li.sub_category {
    background: url("../../image/arr_readmore.png") no-repeat scroll 92% center;   
}
#boss_menu div.option ul.category li.sub_category .sub_menu ul li{
	margin:0 10px 8px
}


/* Media Queries */
@media only screen and (min-width:1024px) and (max-width: 1279px) {
	#boss_menu > ul > li div a.cat_parent img{width:100%}
	
}
@media only screen and (max-width: 1023px) {
	
	#boss_menu > ul > li div a.cat_parent img{width:100%}
	#boss_menu > ul > li .options_list ul{width:100%!important;margin-bottom:15px}
}

@media only screen and (max-width: 767px) {
	#boss_menu{display:none!important;}
	#menu-responsive{display:block;margin-bottom:10px}
}

/* ipad */
#cs_megamenu_more .more-menu li:hover div{display:block;left:auto;right:100%;background:#333}
#cs_megamenu_more .more-menu li:hover div ul li div{display:none;}
#cs_megamenu_more .more-menu li:hover div ul li:hover div{display:block;background:#000;}



