/**
 * @author Raccoon Development AB
 * @copytight Raccoon Development AB
 */

div#topmenu{
    background: url('/img/menu_bg.png') no-repeat top left;
    height: 75px;
    width: 955px;
    position: absolute;
    bottom: 0;
}

div#topmenu ul#mainmenu{
    position: absolute;
    top: 7px;
    right: 329px;
    float: left;
    display: block;
    border-left: 1px solid #8cd4ac;
}

div#topmenu li.top{
    font-size: 120%;
    line-height: 60px;
    height: 60px;
    float: left;    
}

div#topmenu #usermenu{
    float: right;
    font-size: 120%;
    line-height: 75px;
    height: 75px;
    padding: 0;
    width: 310px;
    text-align: right;
    margin: 0 8px 0 0;
}

div#topmenu #usermenu a{
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
}

div#topmenu #mainmenu li{
    border-right: 1px solid #8cd4ac;
	position: relative;
}

div#topmenu #mainmenu li li{
    border: none;
}

div#topmenu ul#mainmenu li.top a{
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
    padding: 0 20px;
}

div#topmenu #usermenu li a{
    color: #fff;
    margin-left: 20px;
}

div#topmenu li span.menuitem{
    padding: 0 12px;
}

div#topmenu li span{
    float: left;
}

div#header ul.kefmenu > li > a:hover, div#header ul.kefmenu span:hover, div#header ul.kefmenu li.hovering span.menuitem{
    background: #252328 url('/img/menu_item_bg.png') top left repeat-x;
}

div#header ul.kefmenu span.menuitem{
	cursor: pointer;
	font-weight: normal;
	clear: none;
	display: inline;
	font-size: 1em;
	color: #fff;
    float: left;    
}

div#header div.menuitembox{
	display: none;
}

div#header li.hovering div.menuitembox {
	display: block;
}

#header ul.kefmenu li div.menuitembox{
	position: absolute;
	left: 0;
    top: 60px;
    background: url('/img/dropdown_bg.png') bottom left no-repeat;
    padding: 0 5px;
    margin: 0 0 0 -5px;
    width: 335px;
}

#header ul.kefmenu li div.menuitembox_border{
    padding: 20px 0;
    background: url('/img/submenu_border.png') top left repeat-x;
}

#header ul.kefmenu li div.menuitembox_inner{
    background: url('/img/submenu_delimeter.png') 50% 0 repeat-y;
}


div#topmenu #mainmenu div.submenu{
    float: left;
    width: 146px;
    margin-left: 20px;
}

div#topmenu #mainmenu div.menuitembox_inner_wide div.submenu {
    float: left;
    width: 300px;
    margin-left: 20px;
}

div#topmenu #mainmenu div.submenu h4{
    margin: 0 0 1em 0;
    padding: 0;
    line-height: 1em;
    font-size: 90%;
}


div#topmenu ul#mainmenu ul.kefsub li{
    float: none;
	display: block;
    line-height: 1em;
    height: 1em;
    padding: 2px 0;
}

div#topmenu ul#mainmenu li.top ul li a{
	color: #0071BC;
	font-weight: normal;
	padding: 2px 0 0 0;
    float: none;
}