@font-face {
    font-family: "vwfont-black";
    src: url(../fonts/vwheadlineot-black.ttf);
}

@font-face {
    font-family: "vwfont-book";
    src: url(../fonts/vwheadlineot-book.ttf);
}

@font-face {
    font-family: "vwfont-semibold";
    src: url(../fonts/vwheadlineot-semibold.ttf);
}

ul{
margin:0;
padding:0;
list-style:none;
}
ul li{
margin:0;
padding:0;
}

#menu-top-menu {
	margin-bottom:1em;
	line-height:1;
	position:absolute;
	z-index:999;
	margin:0;
    padding:0;
	z-index:11;
	position:absolute;
	background:url("../images/bg_menu_js.jpg") top right no-repeat;        
        margin-top: 30px;
        margin-left: 30px;
}
#menu-top-menu li {
	background:url("../images/divider.gif") no-repeat scroll left center ;
}
#menu-top-menu li li {
	background-image:none;
        border-bottom: 1px solid #cfd7d9;
}

#menu-top-menu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}

#menu-top-menu a{
display:block;
padding:12px 4px;
text-decoration:none;
color:#33434c;
letter-spacing:1px;
text-decoration:none;
font-family: vwfont-semibold;
font-size: 13px;
}

#menu-top-menu a:hover{
color:#2274ac !important;
}

#menu-top-menu li li a {
padding:0.75em 1em;
}

#menu-top-menu li:hover, #menu-top-menu li.sfHover, #menu-top-menu li:hover a,
#menu-top-menu a:focus, #menu-top-menu a:hover, #menu-top-menu a:active {
	background:		#fff;
	outline:		0;
	color:			#55c5f4;
}
#menu-top-menu li li a:hover {
	background:		#fff; 
	color:			#2274ac;
}
#menu-top-menu a span {
	float:right;
}
#menu-top-menu li{
float:left;
position:relative;
}

#menu-top-menu ul {
position:absolute;
display:none;
width:15em;
top:35px;
font-size:12px;
}

#menu-top-menu li ul a{
width:15em;
height:auto;
float:left;
color:#33434c !important;
background:#fff;/*For sub meni in IE lKambo*/
text-align: left;
font-size: 12px;
font-family: vwfont-book;
}

#menu-top-menu ul ul{
top:auto;
}	

#menu-top-menu li ul ul {
left:164px;
margin:0 0 0 40px;
}

#menu-top-menu li:hover ul ul, #menu-top-menu li:hover ul ul ul, #menu-top-menu li:hover ul ul ul ul{
display:none;
}
#menu-top-menu li:hover ul, #menu-top-menu li li:hover ul, #menu-top-menu li li li:hover ul, #menu-top-menu li li li li:hover ul{
display:block;
}
#menu-top-menu a {
	position:relative;
}
#menu-top-menu a span {
	position:absolute;
	right:1em;
	top:0.75em;
}
