/* Only 2nd level (first subcategory)
-------------------------------------------------------------- */

/*#nav > li div, */
#nav ul.level0{
	position:absolute;	
	top:36px;
	left:-10000px;
	padding:20px 21px 5px 21px;
	background-color:#ccc;
        background:url(../images/menu_bg.jpg);
	width:878px; /*960 - padding*/
        display:none; /* IMPORTANT: display it when 'shown-sub' class is applied */
	min-height:268px;
        /*z-index:2000;*/ /*Deprecated*/
	/* +Common shadow styles for multiple items */
}
/* If list is wrapped in additional DIV */
/*#nav div ul { position:static; width:auto; border:none; }*/

/*#nav ul.level0 > li { display:inline-block; float:none; vertical-align:top; }*/

/* 2-level links block: with subcategory title and a list of child categories */
#nav ul.level0 > li {
	/*float:left;*/
	width:145px; /*6 columns*/
	margin-right:4px;
	margin-left:4px;
	padding-bottom:20px;
        display:inline-block;
        float:none;
        vertical-align:top;
        min-height:248px;
}
#nav ul.level0 > li.last {}
#nav ul.level0 > li > a {
	padding:0px;
	margin-bottom:10px;
	font-size:14px;
	color:#008a96;
        text-transform: uppercase;
	/*background-color:#f5f5f5;*/
}
#nav ul.level0 > li > a:hover { color:#008a96; /*background-color:#f9f9f9;*/ }

#nav ul.level0 > li.level1 > a > span {display: inline-block; padding-top: 100px;}
/* 2nd level
-------------------------------------------------------------- */
#nav ul li a { float:none; }
#nav ul li.parent {}

/* 3rd level
-------------------------------------------------------------- */
#nav ul ul,
#nav ul div {
	position:static !important;
	width:auto;
	padding:0px 10px 0px 0px;
}
#nav ul ul li {
	float:none;
	margin:0;
}

#nav ul li.nav-1-1 ul.level2 li{
	display:block;
	float: left;
	width: 90px;
}

#nav ul li.nav-1-1 li.level2{
	clear:left;
}

#nav ul li.level2 { margin-bottom: 5px; }

/* 4th level
-------------------------------------------------------------- */
#nav ul.level2 { padding:5px 0 5px 20px; border-bottom:#aaa solid 1px; margin-bottom: -5px; display:inline-block; min-width:180px;}
#nav li.level2.last ul.level2 { border-bottom:none; }
#nav ul.level2 a { color:#aaa; font-size:12px;}

/* Show submenu
-------------------------------------------------------------- */
/* default: left:0; Move 8px left (navbar left corner width) */
#nav li > ul.shown-sub,
#nav li > div.shown-sub {
	left: 0px;
	display:block;
       	/* IMPORTANT: 'shown-sub' class is also inserted into static blocks displayed as a drop-down in the main menu */
}

/*Top-Pics
--------------------------------------------------------------*/
#nav ul.level0 > li.nav-1-1:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:21px;
    left:21px;
    width:878px;
    height:90px;
    background-image: url("../images/menu_p1.jpg");
}

#nav ul.level0 > li.nav-2-1:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:21px;
    left:21px;
    width:878px;
    height:90px;
    background-image: url("../images/menu_p2.jpg");
}

#nav ul.level0 > li.nav-3-1:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:21px;
    left:21px;
    width:878px;
    height:90px;
    background-image: url("../images/menu_p3.jpg");
}
:lang(es) #nav ul.level0 > li.nav-3-1:before,
:lang(fr) #nav ul.level0 > li.nav-3-1:before,
:lang(ja) #nav ul.level0 > li.nav-3-1:before,
:lang(zh) #nav ul.level0 > li.nav-3-1:before{background-image: url("../images/menu_p4.jpg");}

#nav ul.level0 > li.nav-4-1:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:21px;
    left:21px;
    width:878px;
    height:90px;
    background-image: url("../images/menu_p4.jpg");
}
:lang(es) #nav ul.level0 > li.nav-4-1:before,
:lang(fr) #nav ul.level0 > li.nav-4-1:before,
:lang(ja) #nav ul.level0 > li.nav-4-1:before,
:lang(zh) #nav ul.level0 > li.nav-4-1:before{background-image: url("../images/menu_p5.jpg");}

#nav ul.level0 > li.nav-5-1:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:21px;
    left:21px;
    width:878px;
    height:90px;
    background-image: url("../images/menu_p5.jpg");
}
:lang(es) #nav ul.level0 > li.nav-5-1:before,
:lang(fr) #nav ul.level0 > li.nav-5-1:before,
:lang(ja) #nav ul.level0 > li.nav-5-1:before,
:lang(zh) #nav ul.level0 > li.nav-5-1:before{background-image: url("../images/menu_p6.jpg");}

#nav ul.level0 > li.nav-6-1:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:21px;
    left:21px;
    width:878px;
    height:90px;
    background-image: url("../images/menu_p6.jpg");
}

body #nav ul.level0 > li.menu-close{
    width:870px;
    height:20px;
    text-align:center;
    padding-bottom:0px;
    min-height:20px;
}

/*
body #nav ul.level0 > li.menu-close > a,
body #nav ul.level0 > li.menu-close > a:hover{
    display:inline;
    border: none;
}
*/


/* Override number of columns (depending on width and padding) with 2-level links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 4 columns 
.level2-col4	#nav ul.level0 > li {
	width:221px;
	margin-right:4px;
	margin-left:4px;
	padding-bottom:20px;
}
*/
/* 5 columns 
.level2-col5	#nav ul.level0 > li {
	width:175px;
	margin-right:4px;
	margin-left:4px;
	padding-bottom:20px;
}
*/
/* 6 columns */
.level2-col6	#nav ul.level0 > li {
	width:211px;
	margin-right:11px;
	margin-left:0px;
	padding-bottom:20px;
}

.level2-col6	#nav ul.level0 > li.last {
	margin-right:0px;
	
}

/* 7 columns 
.level2-col7	#nav ul.level0 > li {
	width:127px;
	margin-right:2px;
	margin-left:2px;
	padding-bottom:15px;
}
.level2-col7	#nav ul.level0 > li > a { font-size:12px; }
*/
/* 8 columns 
.level2-col8	#nav ul.level0 > li {
	width:110px;
	margin-right:2px;
	margin-left:2px;
	padding-bottom:10px;
	font-size:11px;
}
*/
.level2-col8	#nav ul ul { padding-left:5px; padding-right:5px; }
.level2-col8	#nav ul.level0 > li > a { padding: 10px 5px; margin-bottom:5px; font-size:12px; }


/* Override color of the 1-level links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.level1-link-color-white	#nav > li > a { color:#fff; }
.level1-link-color-black	#nav > li > a { color:#222; }



/* Override text shadow of the 1-level links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.level1-link-no-shadow		#nav > li > a { text-shadow:none; }


/* Override default styling of the 2-level links (main link in the column)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.level2-link-gray-l-red		#nav ul.level0 > li > a { color:#ce001a; background-color:#f5f5f5; }
.level2-link-gray-l-red		#nav ul.level0 > li > a:hover { background-color:#f9f9f9; }

.level2-link-blue-l-blue	#nav ul.level0 > li > a { color:#066cc3; background-color:#e9f3fa; }
.level2-link-blue-l-blue	#nav ul.level0 > li > a:hover { background-color:#d5e7f6; }

/*
.level2-link-gray-l-gray	#nav ul.level0 > li > a { color:#555; background-color:#eee; }
.level2-link-gray-l-gray	#nav ul.level0 > li > a:hover { color:#333; background-color:#e5e5e5; }
*/
.level2-link-gray-l-gray	#nav ul.level0 > li > a { color:#eeeeee; border-bottom:#aaa solid 2px; }
.level2-link-gray-l-gray	#nav ul.level0 > li > a:hover { color:#008a96;}