/* General settings
----------------------------------------------- */
#menuwrapper{
	padding:0 0 0 10px;
	position:relative;
	z-index:5;
	background-color:#030303;
	background-image:  url("/images/grd-white12.png");
	background-position:left bottom;
	background-repeat:repeat-x;
	border-radius:0 0 3px 3px;
}
.menubox{
	margin:0;
	padding:0;
	float:left;
}
ul.top-menu, ul.sub-menu{list-style:none}
ul.top-menu > li > a, ul.sub-menu a{text-decoration:none}

/* Responsive drop-down menu
----------------------------------------------- */
#selectElement, #menuwrapper #page_id{
	font-size:13px;
	font-weight:bold;
	color:#DDD;
	max-width:100%;
	width:100%;
	border:none;
	background:transparent;
	display:none;
}
#selectElement option, #menuwrapper #page_id option{
	text-transform:none !important;
	padding:0 12px;
	background-color:#030303;
}

/* Custom data on menu bar
----------------------------------------------- */
#topmess{
	position:absolute;
	top:10px;
	right:10px;
	color:#FFF;
	font-size:12px;
}
#topmess strong, #topmess a{color:#FFF}

/* Border Radius
----------------------------------------------- */
.li-first, .li-first > a {border-radius:3px 3px 0 0}
.li-last, .li-last > a {border-radius:0 0 3px 3px}

ul.top-menu .sub-menu, ul.top-menu .megamenu{
	background-color:#FFF;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.20);
	border-radius:0 0 3px 3px;
	z-index:3;
}
.megamenu {border-radius:3px}

/* Level 1
----------------------------------------------- */
ul.top-menu{ 
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	line-height:1.04em;
	position:relative; 
	background-image:url(/images/line.png);
	background-position:left 9px;
	background-repeat:repeat-y;
}
ul.top-menu > li { 
	float:left; 
	background:url(/images/line.png) top right repeat-y;
}
ul.top-menu > ul, ul.top-menu > li, ul.sub-menu li{position:relative}
ul.top-menu > li > a{color:#DDD}
ul.top-menu > li > a{ 
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	padding:13px 8px 13px 7px !important;
	text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.15);
	z-index:11;
	position:relative;
}
ul.top-menu > li.hover,ul.top-menu > li:hover a.active{position:relative}
.menubox .active{
	color:#FFF;
	background-color:#444;
	background-image:  url("/images/grd-white12.png");
	background-position:left bottom;
	background-repeat:repeat-x;
}
ul.top-menu > li.current-menu-item > a, ul.top-menu > li.current-menu-ancestor > a{
	color:#FFF;
	background-color:#333;
	background-image:  url("/images/grd-white12.png");
	background-position:left bottom;
	background-repeat:repeat-x;
}
ul.top-menu > li > a:hover{
	color:#FFF;
	background-color:#1569ff;
	background-image:  url("/images/grd-white12.png");
	background-position:left bottom;
	background-repeat:repeat-x;
}
ul.top-menu > li.hover-has-ul > a, ul.top-menu > li.hover-has-ul > a:hover{
	color:#FFF;
	background-color:#1569ff;
	background-image:  url("/images/grd-white10.png")!important;
	background-position:left bottom !important;
	background-repeat:repeat-x;
}
ul.top-menu li.basic span {
	width:15px;
	background:  url("/images/arrright.png") center right no-repeat;
}
ul.top-menu li.basic .a-level > span, ul.top-menu li a.a-level > span{
	display:inline-block;
	background:  url("/images/arrdown.png") right 65% no-repeat;
}
ul.top-menu li a.a-level > span{width:15px}

/* Level 2
----------------------------------------------- */
ul.top-menu ul.sub-menu,ul.top-menu ul.megamenu{
	width:180px;
	top:-9999px;
	left:0;
	margin:0;
	line-height:1em;
	text-align:left;
	position:absolute;
	z-index:10;
}
ul.top-menu li.basic ul.sub-menu li{float:none}
ul.top-menu ul.sub-menu a{font-size:13px}
ul.top-menu ul li.basic a{ 
	width:155px;
	padding:9px 10px 9px 15px !important;
	margin:0;
	background:none;
	display:inline-block; /* for IE7 */
	border:none;
} 
ul.top-menu li.basic ul li a:hover,
ul.top-menu li.basic ul li.current-cat > a:hover,
ul.top-menu li.basic ul li.current_page_item > a:hover{
	color:#FFF;
	background-color:#1569ff;
	background-image:  url("/images/grd-white9.png");
	background-position:left top;
	background-repeat:repeat-x;
}
ul.top-menu ul.sub-menu li a span{ 
	position:absolute;
	right:8px;
	height:13px;
}

/* Level 3
----------------------------------------------- */
ul.top-menu ul ul.sub-menu{ 
	left:177px; 
	top:-9999px;
	box-shadow:0 10px 30px rgba(0, 0, 0, 0.20);
	border-radius:3px;
}

/* BASIC-MEGA
----------------------------------------------- */
ul.top-menu li.basic-mega > ul{
	width:935px !important;
	background-color:#FFF;
	padding:10px 0 25px 25px;
	left:-9999px; /* for preventing horiz scroll */
}
ul.top-menu li.basic-mega > ul > li{
	float:left;
	padding:15px 0 0;
}
li.mega-3 > ul > li {width:33%}
li.mega-4 > ul > li {width:25%}
li.mega-5 > ul > li {width:20%}
li.mega-6 > ul > li {width:16.6%}
ul.top-menu li.basic-mega li ul{
	display:block;
	left:auto;
	top:auto;
	background:url(/images/path2.png) 2px bottom repeat-y;
}
ul.top-menu li.basic-mega ul:hover ul, ul.top-menu li.basic-mega:hover ul ul{
	visibility:visible;
	position:relative;
}
ul.top-menu li.basic-mega ul ul{
	width:auto; 
	top:auto; 
	left:auto;
	text-align:left;
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0.25em 0 0.7em 0;
	line-height:1.1em;
}
ul.top-menu li.basic-mega ul ul li {
	background:  url("/images/path.png") 1px 0.75em no-repeat;
	padding:0 0 0 15px;
}
ul.top-menu li.basic-mega ul a {
	text-decoration:none;
	background:none !important;
}
ul.top-menu li.basic-mega ul a:hover{text-decoration:underline}
ul.top-menu li.basic-mega > ul > li > a {font-weight:bold}
ul.top-menu li.basic-mega ul a{
	font-size:13px;
	margin:0.5em 0 0.25em 0;
	display:inline-block;
}
ul.top-menu li.basic-mega ul ul ul a{font-size:11px}

/* MEGAMENU
----------------------------------------------- */
ul.megamenu{
	width:910px !important;
	padding:10px 25px;
	line-height:1.6em;
	list-style:none;
}
ul.top-menu ul.megamenu{left:-9999px; /* for preventing horiz scroll */}
ul.megamenu,ul.megamenu div,ul.megamenu p,ul.megamenu td{font-size:11px}

/* CUSTOM MENU
----------------------------------------------- */
.widget ul.menu{
	margin:0;
	list-style-type:none;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
	border-radius:3px;
	overflow:hidden;
	background:#FFF;
}
.widget ul.menu > li {
	padding:0;
	background:url(/images/line.png) left bottom repeat-x;
}
.widget ul.menu ul.sub-menu {
	padding:0 0 12px 25px;
	margin:0;
	list-style-type:none;
	background:url(/images/path3.png) 26px bottom no-repeat;
}
.widget ul.menu ul.sub-menu li{background:url(/images/path4.png) 0 13px no-repeat !important}
.widget ul.menu ul.sub-menu a{
	font-size:13px;
	padding:0;
	background:none;
}
.widget ul.menu a{text-decoration:none}
.widget ul.menu > li > a{
	font-size:13px;
	font-weight:bold;
	line-height:1.1em;
	padding:11px 0 12px 25px;
	display:block;
	background:url(/images/bg_custom_menu_item.png) top left no-repeat;
}
.widget ul.menu > li > a:hover {
	background:#1569ff url(/images/bg_custom_menu_item.png) left -60px no-repeat;
	color:#FFF;
}
.widget ul.menu ul li{
	padding:5px 0 0 10px;
	margin:0;
}
.widget ul.menu ul.sub-menu a:hover{text-decoration:underline}