/*
 * Menus Style Sheet - Defines base styles for various menus
 * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
 */


/* Menu Helpers
----------------------------------------------------------------------------------------------------*/

.menu,
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu a,
.menu span { display: block; }
.menu a { text-decoration: none; }


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Common */

.menu-dropdown li, 
.menu-dropdown-top li { position: relative; }

/* Level 1 */
.menu-dropdown,
.menu-dropdown .level1,
.menu-dropdown .level1 > span,
.menu-dropdown-top,
.menu-dropdown-top .level1,
.menu-dropdown-top .level1 > span 
{ float: left; }

/* Drop-Down */
.menu-dropdown .dropdown, 
.menu-dropdown-top .dropdown {
	visibility: hidden;
	position: absolute;
	top: 35px;
 	left: 0;
	z-index: 100;
	width: 250px;
}

.menu-dropdown-top .dropdown { 
	width: 200px;
	margin:-5px -5px -5px -60px;
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown,
.menu-dropdown-top li:hover .dropdown,
.menu-dropdown-top li.remain .dropdown
{ visibility: visible; }

.menu-dropdown .dropdown-bg > div,
.menu-dropdown-top .dropdown-bg > div
{ overflow: hidden; }

/* Multi Columns, Default */
.menu-dropdown .columns2 { width: 400px; }
.menu-dropdown .columns3 { width: 650px; }
.menu-dropdown .columns4 { width: 700px; }

.menu-dropdown .column, 
.menu-dropdown-top .column
{ float: left; }

.menu-dropdown {
	width:994px;
	background: url(../images/layout/main_menu_dropdown_bg.png); 
	height:40px; 
	position: relative; 
	margin-left:-20px
}


/* Level 1 */

.menu-dropdown a.level1,
.menu-dropdown span.level1 { 
	color: #fff;
	line-height:40px;
	font-size:13px;
	padding:0 16px;
	border-left:1px solid #909295;
	border-right:1px solid #909295;
	text-transform: uppercase;
}

.menu-dropdown-top a.level1,
.menu-dropdown-top span.level1 { 
	color: #fff;
	padding:0;
	margin:0 12px;
}

.menu-dropdown li.first a.level1 {border-left:none; padding:0 25px; }
.menu-dropdown li.last a.level1 {border-right:none; padding:0 26px;}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
	height: 40px;
	line-height: 40px;
}

/* Set Hover and Active */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1,
.menu-dropdown li.active .level1 { background:#555; }

.menu-dropdown-top li.level1:hover .level1,
.menu-dropdown-top li.remain .level1,
.menu-dropdown-top li.active .level1 { border-bottom:1px dotted #fff; }

/* Drop-Down */
.menu-dropdown .dropdown {
	top: 43px;
	border-top: 1px solid #DDD;
}

.menu-dropdown .dropdown-bg > div {
	border: 1px solid #DDD;
	border-top: none;
	background: #fff;
}

/* Level 2 */
.menu-dropdown li.level2 { 
	border-top: 2px solid #fff;
}
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 { color: #555; line-height:33px; font-size:13px; padding:0 10px; }
.menu-dropdown span.level2 { font-size:10px; line-height:16px; }
.menu-dropdown span.level2 span {padding:5px 0; }

/* Set Hover */
.menu-dropdown a.level2:hover { color: #d50; }

/* Set Current */
.menu-dropdown a.current.level2 { font-weight: bold; } 

/* Set Hover */
.menu-dropdown a.level3:hover { color: #d50; }

/* Set Current */
.menu-dropdown a.current.level3 { font-weight: bold; } 

/* Backgrounds */
.menu-dropdown .dropdown-bg > div { background:url(../images/layout/main_menu_dropdown_level2_bg.png) 50% 0 repeat-y;}
.menu-dropdown-top .dropdown-bg > div { 
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	background-color: rgba(0, 0, 0, 0.6);
	margin:5px;
}





/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Accordion */
.menu-sidebar li.parent span.level1 > span { cursor: pointer; }

/* Link */
.menu-sidebar { background:url(../images/layout/sidebar_menu_bg.png) repeat-y 0 0}

.menu-sidebar a,
.menu-sidebar li > span { 
	line-height:33px;
	font-size:13px;
}


/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #d50; }

/* Current */
.menu-sidebar a.current { font-weight: bold; }

/* Level 1 */
.menu-sidebar li.level1 > span, .menu-sidebar li.level1 a {color: #545454;}
.menu-sidebar li { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.menu-sidebar li.parent.active ul:last-child {  border-top: 1px solid #fff; }

.menu-sidebar li.parent .level1 > span {background:url(../images/layout/sidebar_menu__level1_bg.png) repeat-y 0 0; padding-left:20px;}
.menu-sidebar li.parent.active .level1 > span, .menu-sidebar li.parent .level1 > span:hover {background:url(../images/layout/sidebar_menu__level1_active_bg.png) repeat-y 0 0; color:#fff;}

/* Level 2 */
.menu-sidebar li.level2 > span, .menu-sidebar li.level2 a {color: #555;}
.menu-sidebar li.parent .level2 > span {background:url(../images/layout/sidebar_menu__level2_bg.png) repeat-y 0 0; padding-left:20px;}

.menu-sidebar li.level2 > span:hover, .menu-sidebar li.level2 a:hover {color: #333;}
.menu-sidebar li.parent .level2 > span {padding-left:30px;}
.menu-sidebar li.level2.active  > span, .menu-sidebar li.parent .level2 > span:hover {background:url(../images/layout/sidebar_menu__level1_active_bg.png) repeat-y 0 0; color:#fff;}

/* Level 2 */
.menu-sidebar li.level3 > span, .menu-sidebar li.level3 a {color: #fff;}
.menu-sidebar li.parent .level3 > span {background:url(../images/layout/sidebar_menu__level3_bg.png) repeat-y 0 0; padding-left:20px;}

.menu-sidebar li.level3 > span:hover, .menu-sidebar li.level2 a:hover {color: #333;}
.menu-sidebar li.parent .level3 > span {padding-left:50px;}
.menu-sidebar li.level3.active  > span, .menu-sidebar li.parent .level3 > span:hover {background:url(../images/layout/sidebar_menu__level1_active_bg.png) repeat-y 0 0; color:#fff;}



/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
	margin-left: 7px;
	padding-left: 8px;
	background: url(../images/layout/menu_line_item.png) 0 50% no-repeat;
}
	
.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}