/**
 * CMenu CSS for the BonusThemes.com Play & Learn Template
 *
 * @package bt_playlearn
 * @version 1.0
 * @copyright BonusThemes.com 2009
 * @link http://www.bonusthemes.com/goto/bt_playlearn
 */

.cmenu_hd_gap {
	float: left;
	height: 36px;
	width: 2px;
	overflow: hidden;
	background: url(images/menu_splitter.gif) no-repeat top left;
}

.cmenu_hd_norm, .cmenu_hd_sel {
	float: left;
	height: 32px;
	margin-left:-7px;
	padding: 0px 15px 0px 15px;
}
.cmenu_hd_norm a, .cmenu_hd_norm a:link, .cmenu_hd_norm a:visited,
.cmenu_hd_sel a, .cmenu_hd_sel a:link, .cmenu_hd_sel a:visited {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	color: #fff;
	line-height: 34px;
	font-size: 14px;
	text-decoration: none;
	padding:0px 5px;
}
.cmenu_hd_sel a:hover {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	color: #FFFF00;
	line-height: 34px;
	font-size: 14px;
	text-decoration: none;
	padding:0px 5px;
}

.cmenu_mi_empty_normal, .cmenu_mi_empty_hover, .cmenu_mi_full_normal, .cmenu_mi_full_hover {
	height: 27px;
}
.cmenu_mi_full_normal {
	background: url(images/ddmenu_submenu.gif) no-repeat center right;
}
.cmenu_mi_full_hover {
	background: url(images/ddmenu_submenu.gif) no-repeat center right;
}

.cmenu_mi_empty_normal .text, .cmenu_mi_full_normal .text,
.cmenu_mi_empty_hover .text, .cmenu_mi_full_hover .text {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 14px;
	line-height: 25px;
	padding: 0px 25px 0px 10px;
}

.cmenu_mi_empty_normal .text,
.cmenu_mi_full_normal .text {
	color: #fff;
}

.cmenu_mi_empty_hover .text,
.cmenu_mi_full_hover .text {
	color: #fff;
	background: #6cb4e8;
}
.cmenu_mi_full_hover .text {
	background: #6cb4e8 url(images/ddmenu_submenu.gif) no-repeat center right;
}

.cmenu_separator {
}

.cmenu_itemborder {
	background: url(images/ddmenu_itemborder.gif) repeat-x top left;
	height: 2px;
	overflow: hidden;
}

.cmenu_tl {
	background: url(images/ddmenu_ml.gif) repeat-y top left;
	width: 7px;
	overflow: hidden;
}

.cmenu_tc {
	background-color: #54a4de;
	height: 5px;
	overflow: hidden;
}

.cmenu_tr {
	background: url(images/ddmenu_mr.gif) repeat-y top right;
	width: 7px;
	overflow: hidden;
}

.cmenu_ml {
	background: url(images/ddmenu_ml.gif) repeat-y top left;
	width: 7px;
	overflow: hidden;
}

.cmenu_panel {
	background-color: #54a4de;
	text-align: left;
}

.cmenu_mr {
	background: url(images/ddmenu_mr.gif) repeat-y top right;
	width: 7px;
	overflow: hidden;
}

.cmenu_bl {
	background: url(images/ddmenu_bl.gif) no-repeat top left;
	width: 7px;
	height: 7px;
	overflow: hidden;
}

.cmenu_bc {
	background: url(images/ddmenu_bc.gif) repeat-x top left;
	height: 7px;
	overflow: hidden;
}

.cmenu_br {
	background: url(images/ddmenu_br.gif) no-repeat top right;
	width: 7px;
	height: 7px;
	overflow: hidden;
}
/*** 15-02 ***/
 #menu .sub-menu li a{
    padding: 3px 15px !important;
  }
.main_menu{
    background: url(images/menu-bg.jpg) repeat-x top left !important;
    padding-left: 10px;
}
#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #444;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu, 
#toggle-menu {
  background-color: #09c;
}

#toggle-menu, 
#menu a {
  padding: 10px 16px;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: white;
  color: #09c;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #444;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 52em) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
    background: url(images/menu-bg.jpg) repeat-x top left !important;
    border-color: #afdeff;
  }
  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }
   #menu #service {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170%;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}