#menu ul li ul li{

/*position: relative;	*/

}



#menu .menu3rdlevel{

	position: absolute;

    top: -6px;

    left: 99%;

    display: none;

    z-index: -99;

    min-width: 160px;

    padding: 5px 0 0 0;

    background-color: #fff;

    /*border-right: 2px solid #229AC8;

    border-bottom: 2px solid #229AC8;

    border-top: 2px solid #229AC8;

    border-left: 2px solid #229AC8;*/

    border:2px solid #229AC8;

    /* border: 1px solid rgba(0,0,0,.15); */

    border-radius: 4px;

    /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */

    /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */

    /* background-clip: padding-box; */

}



#menu .menu3rdlevel a:hover{

	border: 0px;

	z-index:-99;

	position: relative;

	color: #000;

}





#menu .menu3rdlevel > a{

color: #229AC8; /* menu3rdlevel 'see all' color */

}



#menu .menu3rdlevel_inner{

display: table;	

}



#menu .menu3rdlevel_inner ul{

display: table-cell;

}



@media (min-width: 768px) {

	#menu ul li ul li:hover > .menu3rdlevel {

		display: block;

	}

	

	#menu .arrow{

		background-image: url(../../image/menu3rdlevel/arrow.png); /* replace with custom arrow if you wish (10 x 8 default) */

		background-repeat: no-repeat;

		background-position: right center;

	}

	

	#menu ul li ul li:hover > a.arrow{

		background-image: url(../../image/menu3rdlevel/arrow_w.png); /* another arrow for hover (or delete) */

		

		background-color: #229ac8; /* replace with your color or delete (for the parent category when hover) */

		color: #FFF;

	}

	

	#menu ul li ul li > a{ /* uncomment this for singe line link */

		/* white-space: nowrap; */	

	}



	#menu .menu3rdlevel{

		min-width: 600px;

		min-height: 400px;

	}

}