@charset "utf-8";


/* ---------- ---------- ---------- 
	::index::

 A. Setting
 B. GlobalNav Layout
 C. GlobalNav Modules
 D. MegaMenu

---------- ---------- ---------- */


/* A. Setting
---------- ---------- ---------- */
#GlobalNavWrap {
	font-size: 117%; /* 14px */
}
#GlobalNavWrap p, #GlobalNavWrap ul, #GlobalNavWrap ol, #GlobalNavWrap li, #GlobalNavWrap dl, #GlobalNavWrap dt, #GlobalNavWrap dd, #GlobalNavWrap div, #GlobalNavWrap form, #GlobalNavWrap input, #GlobalNavWrap textarea, #GlobalNavWrap table, #GlobalNavWrap th, #GlobalNavWrap td {
	margin: 0;
	padding: 0;
	border: 0;
}
#GlobalNavWrap a,
#GlobalNavWrap a:link,
#GlobalNavWrap a:visited {
	font-size: 110%;
	text-decoration: none;
}
#GlobalNavWrap a:hover,
#GlobalNavWrap a:active {
	/*font-size: 100%;*/
}




/* B. GlobalNav Layout
---------- ---------- ---------- */
#GlobalNavWrap {
	width: 100%;
	min-width: 960px;
	background: #414141;
}
#GlobalNavWrap #GlobalNavArea > ul:after {
	display: block;
	clear: both;
	content: "";
}
#GlobalNavWrap #GlobalNavArea {
	margin: 0 auto;
	position: relative;
	z-index: 9999;
	width: 960px;
}

#GlobalNavWrap #GlobalNavArea .tbm {
	background: none;
}


/* C. GlobalNav Modules
---------- ---------- ---------- */
#GlobalNavWrap #GlobalNavArea ul li {
	margin:0px 0;
	border-left: solid 1px #666;
	border:0;
	float: left;
	text-transform:uppercase;
	border-right: 1px solid #222;
}
 #GlobalNavWrap #GlobalNavArea ul li:first-child{border-left: solid 0px #666;}
#GlobalNavWrap #GlobalNavArea ul li li{ float:none; border-left:none;}

#GlobalNavWrap #GlobalNavArea ul li .tbm-link-container > a {
	margin:0px 0;
	padding: 13px 15px;
	display: block;
	color: #fff;
}

#GlobalNavWrap #GlobalNavArea ul li.mydaikinstore {
	background: #009acf;
}

#GlobalNavWrap #GlobalNavArea ul li > .tbm-toggle .caret {
    border-top-color: #666;
    border-bottom-color: #666;
    margin-top: 8px;
}

#GlobalNavWrap #GlobalNavArea ul li a:hover,
#GlobalNavWrap #GlobalNavArea ul li a:focus {
	color: #00cdff !important;
	/*background: #282828;*/
}

#GlobalNavWrap #GlobalNavArea ul li.product-service-wrap {
	background-color: #414141;
}

#GlobalNavWrap #GlobalNavArea ul li.product-service-wrap span{
	color: #fff;
}

#GlobalNavWrap #GlobalNavArea ul li.product-service-wrap span:hover {
	color: #00cdff !important;
	background-color: #282828!important;
}

#GlobalNavWrap #GlobalNavArea ul li.active > .tbm-link-container > a{color: #00cdff !important;}

#GlobalNavWrap #GlobalNavArea ul li.level-1.active .tbm-link-container > .active-trail,
#GlobalNavWrap #GlobalNavArea ul li.level-1 .tbm-link-container > a:hover,
#GlobalNavWrap #GlobalNavArea ul li.level-1 .tbm-link-container > a:focus, #GlobalNavWrap #GlobalNavArea .tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
	background: #282828;
}
/*#GlobalNavWrap #GlobalNavArea ul li.is-dl-Current a {
	color: #00cdff;
}*/
#GlobalNavWrap #GlobalNavArea ul li.is-dl-Current.active > a{color: #00cdff !important;}

#GlobalNavWrap #GlobalNavArea ul li.is-dl-Hover > a {
	/*color: #00cdff;
	background: #282828;*/
}



/* D. MegaMenu
---------- ---------- ---------- */
#GlobalNavWrap .dl-MegaMenuWrap {
	position: absolute;
	z-index: 1000;
	width: 100%;
	overflow: hidden;
	font-size: 93%; /* 13px */
}
#GlobalNavWrap .dl-MegaMenuArea.is-dl-Show {
	display: block;
}
#GlobalNavWrap .dl-MegaMenuArea {
	margin: 0 auto;
	display: none;
	width: 960px;
	color: #fff;
	background: #282828;
	box-shadow: 0 5px 20px rgba(0,0,0,.7);
}
#GlobalNavWrap .tbm-submenu:after {
	display: block;
	clear: both;
	content: "";
}
#GlobalNavWrap .tbm-submenu {
	/*width: 960px;*/
	background: #2f3638 url(../images/bg_megamenu.png) repeat-y left;
}

#GlobalNavWrap .tbm-submenu a,  
#GlobalNavWrap .tbm-submenu a:link, #GlobalNavWrap .tbm-submenu a, #GlobalNavWrap .tbm-submenu a:link {
	color: #fff !important;
}
#GlobalNavWrap .tbm-submenu a:hover,
#GlobalNavWrap .tbm-submenu a:active, #GlobalNavWrap .tbm-submenu a:hover, #GlobalNavWrap .tbm-submenu a:active {
	color: #3cf;
	text-decoration: none;
}
#GlobalNavWrap .tbm-submenuInner {
	overflow: hidden;
}
#GlobalNavWrap .tbm-submenuInner:after {
	display: block;
	clear: both;
	content: "";
}
#GlobalNavWrap .tbm-submenu .dl-Category_Content {
	width: 73%;
	float: left;
	padding: 30px 30px 1px;
}
#GlobalNavWrap .tbm-submenu .dl-Category_Content:after {
	display: block;
	clear: both;
	content: "";
}
/* #GlobalNavWrap .tbm-submenu .dl-Feature_Content {
	width: 26.5%;
	float: right;
	padding: 30px 20px 1px;
} */

/* heading */
#GlobalNavWrap .dl-MegaMenuH2 {
	border-bottom: solid 1px #515050;
	margin: -.4em 0 20px;
	padding: 0 0 12px;
	font-size: 150%;
}
#GlobalNavWrap .dl-MegaMenuH2 a {
	font-weight: bold;
}

/* List--Link */
#GlobalNavWrap .dl-MegaMenuList {
	margin-top: -.37em;
	margin-bottom: 24px;
}
#GlobalNavWrap .dl-MegaMenuList li {
	margin-bottom: 7px;
}
#GlobalNavWrap .dl-MegaMenuList--Link > li {
	font-size: 114%;
	padding-left: 0px;
	text-indent: 4px;
}
#GlobalNavWrap .dl-MegaMenuList--Link > li.dl-NoLink {
	font-size: 122%;
	font-weight: bold;
}
#GlobalNavWrap .dl-MegaMenuList--Link > li.dl-OnlyChild {
	font-size: 90%; line-height:16px;
}
#GlobalNavWrap .dl-MegaMenuList--Link > li a {
	font-weight: bold;
}
#GlobalNavWrap .dl-MegaMenuList--Link > li ul{
	margin-top: 7px;
	margin-left: 20px;
}
#GlobalNavWrap .dl-MegaMenuList--Link > li.dl-NoLink ul{
	margin-left: 10px;
}
#GlobalNavWrap .dl-MegaMenuList--Link > li ul li{
	font-size: 82%;
}

/* Grid */
#GlobalNavWrap .dl-MegaMenuGrid:after {
	content: "";
	display: block;
	clear: both;
}
#GlobalNavWrap .dl-MegaMenuGrid {
	margin: 0 0 0 -30px;
	letter-spacing: -.40em;
}
#GlobalNavWrap .dl-MegaMenuGrid__Col {
	display: inline-block;
	box-sizing: border-box;
	margin-top: -3px;
	padding-top: 3px;
	padding-left: 30px;
	letter-spacing: normal;
	vertical-align: top;
}
#GlobalNavWrap .dl-MegaMenuGrid--TypeCol2 .dl-MegaMenuGrid__Col--Size1{
	width: 50%;
}
#GlobalNavWrap .dl-MegaMenuGrid--TypeCol3 .dl-MegaMenuGrid__Col--Size1{
	width: 33.33%;
}
#GlobalNavWrap .dl-MegaMenuGrid--TypeCol3 .dl-MegaMenuGrid__Col--Size2{
	width: 66.66%;
}
#GlobalNavWrap .dl-MegaMenuGrid--TypeCol4 .dl-MegaMenuGrid__Col--Size1{
	width: 25%;
}

/* Mkr */
#GlobalNavWrap .dl-MegaMenuMkr {
	display: inline-block;
	background-image: url(../images/mkr_sprite.png);
	background-repeat: no-repeat;
	vertical-align: baseline;
}
#GlobalNavWrap a .dl-MegaMenuMkr--Link {
	width: 10px;
	height: 10px;
	margin-right: 3px;
	background-position: -20px 0;
	padding-bottom: 1px;
}

/* Img */
#GlobalNavWrap .dl-MegaMenuImg {
	margin: 0 0 20px;
}
#GlobalNavWrap #GlobalNavArea .tbm-group-title{ font-size:98%}
#GlobalNavWrap #GlobalNavArea ul li.is-dl-Hover li a{ color:#fff}
#GlobalNavWrap #GlobalNavArea ul li li a{ padding:0px;}
#GlobalNavWrap #GlobalNavArea ul li li li li li a{ padding-top:4px !important; padding-bottom:4px !important; line-height:13px;}
#GlobalNavWrap #GlobalNavArea .tbm-column.span9{padding:20px 0px 20px 20px; background:#282828}
#GlobalNavWrap #GlobalNavArea .tbm-column.span9 .mega-dropdown-inner{ background:none}
#GlobalNavWrap #GlobalNavArea .tbm-column.span3{padding:10px; padding-right:0px;}
#GlobalNavWrap #GlobalNavArea .tbm-column.span3 a{ padding:0px;}
#GlobalNavWrap #GlobalNavArea .mega-dropdown-inner{background:#2f3638;}

#GlobalNavWrap #GlobalNavArea .tbm {background:transparent;}
#GlobalNavWrap #GlobalNavArea .tbm-submenu{
	width:960px !important;
	margin:0 auto; 
	left: 0!important;
}
#GlobalNavWrap #GlobalNavArea .tbm-subnav .tbm-subnav { width:100% !important;}
#GlobalNavWrap #GlobalNavArea .tbm-subnav .tbm-subnav  li{ font-size:88%}
#GlobalNavWrap #GlobalNavArea .mega-dropdown-inner{ width:100%}
#GlobalNavWrap #GlobalNavArea .mega-dropdown-inner li{ display:block; float:none; color:#fff}
#GlobalNavWrap #GlobalNavArea .tbm .tbm-item-child li .tbm-link-container > a{ 
	padding-top:6px; 
	padding-bottom:6px; 
	padding-left:15px; 
	border-top:none
}
#GlobalNavWrap #GlobalNavArea .tbm  .tbm-item-child li .tbm-link-container > a:hover{ color:#00cdff !important}
/*#GlobalNavWrap #GlobalNavArea .tb-megamenu .dropdown-menu li{padding-left: 14px;}*/
#GlobalNavWrap #GlobalNavArea .tbm  .tbm-item-child li .tbm-link-container > a:before {
    background-image: url("../images/mkr_sprite.png");
    background-position: -20px 0px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left:-15px;
    vertical-align: baseline;
    width: 10px;
}

#GlobalNavWrap #GlobalNavArea .tbm-subnav .tbm-subnav li{margin-left:10px; font-weight:normal; text-transform:none; line-height: 18.5328px;}
#GlobalNavWrap #GlobalNavArea .tbm-subnav .tbm-subnav li.level-3{margin-left:0px}

.tb-megamenu .mega-nav .mega-group > .tbm-group-title, .tb-megamenu .tbm-item-child .mega-nav .mega-group > .tbm-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .tbm-group-title{ 
	text-transform:inherit; 
	margin-bottom:5px !important
}

#GlobalNavWrap #GlobalNavArea .tbm-submenu .tbm-group-title {
	font-size:130%;
	border-bottom:1px solid #515050;
	margin-bottom:10px !important;
	padding-bottom:13px !important;
	text-transform:uppercase;
	color: white;
}
#GlobalNavWrap #GlobalNavArea .tbm-submenu .tbm-group-container .tbm-group-title {
	font-size:120%; 
	border-bottom:none; 
	padding-bottom:0px !important;
}

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus{ 
	background-color:#282828
} /*taken from default css by man */

/*Below line added by man for font size regarding can change if need but keep in mind, we can change accordingly requirement*/
#GlobalNavWrap #GlobalNavArea  .tbm-subnav  .tbm-subnav .level-4 .tbm-group-title {font-size:115%; font-weight:normal; text-transform:none}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret{border-top-color: #fff;    border-bottom-color: #fff;}
#GlobalNavWrap #GlobalNavArea ul li .tbm-link-container > a > .caret, #GlobalNavWrap #GlobalNavArea ul li .tbm-link-container > span.tbm-toggle > .caret {
    border-bottom-color: #666;
    margin-top: 10px;
	width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #666;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin-left: 2px;
	display: inline-block;
}

#GlobalNavWrap #GlobalNavArea ul li .tbm-link-container > a:hover .caret {
    border-top-color: #eee;
    border-bottom-color: #eee;
}

#GlobalNavWrap #GlobalNavArea .mega-dropdown-inner .dl-Feature_Content .dl-OnlyChild{ text-transform:none; text-indent:0px;}
#GlobalNavWrap #GlobalNavArea .mega-dropdown-inner .dl-Feature_Content .dl-OnlyChild a{ padding-left:0px; font-weight:normal}
#GlobalNavWrap #GlobalNavArea .mega-dropdown-inner .dl-Feature_Content .dl-OnlyChild a:before{ display:none}

#GlobalNavWrap #GlobalNavArea .tbm-subnav .tbm-subnav .level-4 .mega-group-title, 
#GlobalNavWrap #GlobalNavArea .tbm-subnav .tbm-subnav #tb-megamenu-column-6 .level-3 a,
#GlobalNavWrap #GlobalNavArea .tbm-subnav .tbm-subnav .level-4 .tbm-link-container > a{ font-size:13px}
#GlobalNavWrap #GlobalNavArea .tbm-column.span9{ padding:7px 20px 15px 20px}
#GlobalNavWrap #GlobalNavArea .tbm-column.span9{min-height: 360px;}
