/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/menus.css);

#commitmentTab{
background-image: url(../images/commitment-title-image.gif);
    float: left;
    height: 178px;
    margin: 71px 0 0 -60px;
    width: 60px;
}

#companyTab{
background-image: url("../images/company-title-image.gif");
    background-position: 0 -15px;
    display: inline;
    float: left;
    height: 153px;
    margin: 269px 0 0 -60px;
    width: 60px;
}

#interactTab{
background-image: url("../images/interact-title-image.gif");
    background-position: 0 -9px;
    display: inline;
    float: left;
    height: 102px;
    margin: 442px 0 0 -60px;
    width: 60px;
}

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

/* Level 1 */
#menu .menu-dropdown { margin:0 20px 20px 0; padding: 0 0 0 60px; }

#menu .menu-dropdown li.level1 {
	margin-right: 0px;
	padding-bottom: 0px;
}

#menu .menu-dropdown li.level1.parent a.parent {
	background:url(../images/dropdown-arrow.png) scroll no-repeat 100% 50%;
}

#menu .menu-dropdown li.level1.addbreak {
	/*margin-bottom: 20px;*/
}

#menu .menu-dropdown a.level1,
#menu .menu-dropdown span.level1 {
	border: none;
	color: #444;
	padding:11.5px 17px;	
	color: #FFFFFF;
    font-size:21px;
    margin: 0;
    text-decoration: none;
	text-transform:uppercase;
}

#menu .menu-dropdown a.level1 > span,
#menu .menu-dropdown span.level1 > span {

}

/* Set Active */
#menu .menu-dropdown li.active .level1 { font-weight:bold; }

/* Set Hover */
#menu .menu-dropdown li.level1:hover .level1,
#menu .menu-dropdown li.remain .level1 {text-decoration:underline; }

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

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

/* Level 2 */
#menu .menu-dropdown li.level2 { 
	margin: 0 5px;
	border-top: 1px solid #ddd;
}

#menu .menu-dropdown li.level2.parent {
    padding:0 0 10px 0;
	background:none;
}

#menu .menu-dropdown li.level2.parent a.parent  {
    padding:0 0 10px 0;
	background:none;
}

#menu .menu-dropdown li.level2:first-child { border: none; }

#menu .menu-dropdown a.level2,
#menu .menu-dropdown span.level2 { color: #FFF; }

/* Set Hover */
#menu .menu-dropdown a.level2:hover { text-decoration:underline; }

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

#menu .menu-dropdown a.level3,
#menu .menu-dropdown span.level3 { color: #FFF; }

/* Set Hover */
#menu .menu-dropdown a.level3:hover { color: #FFF; text-decoration:underline; }

/* Set Current */
#menu .menu-dropdown a.current.level3 {text-decoration:underline; } 

/* Icons */
#menu .menu-dropdown .level1 .level1 span.icon {
	width: 30px;
	height: 30px;
	margin-left: -5px;
}
#menu .menu-dropdown .level1 .level1 span.icon + span,
#menu .menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 25px; }

#menu .menu-dropdown li.level2 .level2 span.icon { margin-right: 4px; }

#menu .menu-dropdown li.level2 .level2 span.icon + span,
#menu .menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 39px; }

/* Subtitles */
#menu .menu-dropdown .level1 .level1 span.title { line-height: 18px; }
#menu .menu-dropdown .level1 .level1 span.subtitle { margin-top: -1px; }


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

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #444; }

/* 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 { border-top: 1px solid #ddd; }
.menu-sidebar li.level1:first-child { border-top: none; }

.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .level1 > span { background-position: 100% -100px; }

/* Level 2-4 */
.menu-sidebar ul.level2 ul { padding-left: 10px; }

/* Icons */
.menu-sidebar span.icon { margin-right: 4px; }


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

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

.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}


ul#commitmentmenu, ul#companymenu, ul#interactmenu{
	background:url(../images/menu-backgrounds.jpg) scroll no-repeat -120px 50% transparent;
	padding:0;
	margin:0 0 20px 0;
	
}

ul#commitmentmenu{
}

ul#companymenu{
	background-position:-60px 50%;
	
}

ul#interactmenu{
	background-position:0px 50%;
}