﻿.frame_menu{
	border-color: #141414 -moz-use-text-color;
    border-style: solid none;
    border-width: 2px medium;
    clear: both;
    float: left;
    height: 100%;
    margin-bottom: 13px;
    position: relative;
    width: 100%;
}
#boss_menu, .cs_menu_setting { position:relative; width:75%;float: left; z-index:99}
#boss_menu ul, .cs_menu_setting ul {list-style: none;margin: 0;padding: 0;}
#boss_menu ul  li.menu_item, .cs_menu_setting ul  li.menu_item{float:left;position:relative; margin-right: 32px;}
#boss_menu  li:hover { z-index:16000}
#boss_menu ul  > li.menu_item > a, .cs_menu_setting ul  > li.menu_item > a{
	padding:0 10px;
	font-family: josefin_sansbold;
	font-size:19px;
	font-weight:400;
	text-transform:uppercase;
	color:#141414;
	line-height:46px;
	text-decoration:none;
	display: block;
	z-index:6;
	position:relative;
	white-space: nowrap;
}
.cs_menu_setting ul  > li.menu_item > a:hover{color: #ff1143}
#menu > ul > li:hover > a{z-index:50}
#menu > ul > li > a > b{z-index:100}
#boss_menu ul  li.menu_item:hover a.title_menu_parent, .cs_menu_setting ul  li.menu_item:hover a.title_menu_parent{  color: #ff1143;transition: all 0.4s ease 0s;}
/*#boss_menu > ul > li:first-child a, .cs_menu_setting > ul > li:first-child a{padding-left:10px}*/
#boss_menu > ul > li ul > li{
	padding:0 10px 21px;
	display:block;
	width:auto;
	position:relative;
	z-index:20;
}
#boss_menu > ul > li ul > li.parent, .cs_menu_setting > ul > li ul > li.parent{z-index:100}
#boss_menu > ul > li:hover > a , .cs_menu_setting > ul > li:hover > a{transition: all 0.5s ease 0s; text-decoration:none; }
#boss_menu > ul > li:hover > a > b, .cs_menu_setting > ul > li:hover > a > b{
	background: #ffffff;
}
#boss_menu > ul > li:hover > a > b:after, #boss_menu > ul > li:hover > a > b:before, .cs_menu_setting > ul > li:hover > a > b:after, .cs_menu_setting > ul > li:hover > a > b:before{
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#boss_menu > ul > li:hover > a > b:after, .cs_menu_setting > ul > li:hover > a > b:after{
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 3px;
	left: 50%;
	margin-left: -3px;
}
#boss_menu > ul > li:hover > a > b:before, .cs_menu_setting > ul > li:hover > a > b:before{
	border-color: #141414;
	border-bottom-color:transparent!important;
	border-left-color:transparent!important;
	border-right-color:transparent!important;
	border-width: 6px;
	left: 50%;
	margin-left: -6px;
}
#boss_menu > ul  li > div.options_list { left:0}
#boss_menu > ul  li > div.options_list,#boss_menu > ul  li > div.sub_menu, .cs_menu_setting  > ul  li > div.sub_menu{
	display: none;
	top:46px;
	background:#fff;
	/*border:1px solid #dcdcdc;*/
	border-top:2px solid #141414;
	margin:0;
	position: absolute;
	z-index:5;	
	text-align:left;
	box-shadow:0 5px 5px #C3C1C1;
	padding:25px 0;	
}
#boss_menu > ul > li:hover > div {z-index: 5;}
#boss_menu  ul ul > li:hover div.sub_menu, .cs_menu_setting ul ul > li:hover div.sub_menu{
	left:100%;
	top:-22px;
	z-index:100;
	width:160px;
	padding:20px 0;
}
#boss_menu > ul li.menu_item > div  ul li a{}
#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, .cs_menu_setting > ul > li .options_list ul {
	float:left;
	width:100%
}
#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 15px}
#boss_menu  div.option div.staticblock  p { text-align:justify}
#boss_menu  div.option div.staticblock  p img{margin-bottom: 7px; max-width:100%}
#boss_menu  div.option div.staticblock  h3 { 
	color: #141414;
    display: block;
    font-family: 'josefin_sansbold';
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#boss_menu  div.option div.staticblock  h3.title{margin-bottom:6px;}
#boss_menu ul li.menu_item a.parent{ 
	margin-bottom:14px;
	color:#141414;
	font-size:14px;
	font-weight:400;
	font-family: 'josefin_sansbold';
	text-transform:uppercase;
	padding:0 15px;
	display: inline-block;
}
#boss_menu ul li.menu_item a.parent:hover{color:#ff1143}
#boss_menu ul li.menu_item a.parent img { display:block; margin-bottom:5px}
#boss_menu  div.option ul.category li  { padding:0 15px 8px;}
#boss_menu  div.option ul.category li.sub_category{background:url(../../image/left.png) no-repeat 97% 6px}
#boss_menu  div.option ul.category li a img + p{margin-bottom:25px; font-weight:400; text-transform:uppercase; font-family:'allerbold'}
#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 {}
#boss_menu  div.option ul.product li  { color:#5f5f5f; font-weight:700; font-size:14px;}
#boss_menu  div.option ul.product li .image{position:relative; margin-bottom: 15px;}
#boss_menu  div.option ul.product li  a.name{
	display:inline-block;margin-bottom:10px; color: #141414;
    font-family: 'josefin_sansbold';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}
#boss_menu  div.option ul.product li  a.name:hover{color:#ff1143}
#boss_menu  div.option ul.product li .price{margin-bottom:16px}
#boss_menu  div.option ul.product li  img {display:block; text-align:center; max-width:100%; padding-bottom:10px; border-bottom:1px solid #C8C8C8}

#menu > ul > li:hover > div {display: block; z-index: 10;}
#menu > ul > li ul > li{padding:0 15px 8px;}
#menu > ul > li:hover > div {
	display: block;
}
#menu > ul > li:hover > div > div{display:inline-table}
#menu > ul > li > div > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	display: block;
	white-space: nowrap;
	min-width: 150px;
	padding-left:10px;
}
#menu > ul > li ul > li > a:hover {color:#000}
#menu > ul > li > div > ul > li > a {
	color: #888;
}

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

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

.menu-toggle{
    border-color: #141414 -moz-use-text-color;
    border-style: solid none;
    border-width: 1px medium;
    color: #141414;
    cursor: pointer;
    font-family: josefin_sansbold;
    font-size: 19px;
    font-weight: 400;
    padding: 5px;
    text-transform: uppercase;
}

#megamenu-responsive-root > li{padding:11px 0;display:block;}
#megamenu-responsive-root > li.root{padding:0}
#megamenu-responsive-root li.root > ul{display:none;}
#megamenu-responsive-root li.root.open > ul{display:block;}
#megamenu-responsive-root li.parent > ul{display:none;}
#megamenu-responsive li.parent {clear:both}
#megamenu-responsive .root li{padding:11px 0;}

#megamenu-responsive .root > ul > li {
	border-color: -moz-use-text-color -moz-use-text-color #141414;
    border-style: none none solid;
    border-width: medium medium 1px;
}
#megamenu-responsive .root li a:hover{
    color:#ff1143;text-decoration:none
}
#megamenu-responsive li.parent ul{
    margin:18px 0 0;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{       
	font-family: 'josefin_sansbold';
	font-size:19px;
	font-weight:400;
	text-transform:uppercase;
	color:#141414;
}

#megamenu-responsive a{
    display:inline-block;
	text-indent:5px
}

#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;
}
a.product_image img{
max-width : 100%;
}
/* Media Queries */
@media only screen and (min-width:1024px) and (max-width: 1279px) {
	#boss_menu > ul > li div a.cat_parent img{width:100%}
	#boss_menu ul > li.menu_item > a{padding:0 15px;}
	
}
@media only screen and (max-width: 1023px) {
	#boss_menu ul li.menu_item > a{min-width:auto;padding:0 10px}
}

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

/* 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;}



