@charset "UTF-8";

/* the menu */

ul#cssmenu, ul#cssmenu li, ul#cssmenu a {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

ul#cssmenu {
	width:100%;
	border:0;
	background:transparent;
	list-style:none;
}

ul#cssmenu li {
	margin: 0;
        border: 0 none;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
	z-index:9;
}

ul#cssmenu a.title {
	letter-spacing:0.00em;
	font-size:13px;
	text-align:center;
font-family: Tahoma, Helvetica, Arial, Verdana, Sans-Serif;
}

ul#cssmenu a.title:hover {
	color:#54d1ff;
}

ul#cssmenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: none;
        position: absolute;
	width: auto;
}


ul#cssmenu ul li {
        width: 100%;
	height: auto;
	padding: 0px 0px;
	white-space: nowrap;
        float: left;
        display: block !important;
}


ul#cssmenu li ul {
	position:absolute;
	left:0px; /* IE */
	top:49px;
	MARGIN: 0px 0px 0px 0px; 
	BACKGROUND: transparent;
	width:193px;
	padding-bottom:2px;
}


ul#cssmenu a {
	padding: 19px 0px;
        float: none !important;
        float: left;
        display: block;	
        background: transparent;
        color: #FFFFFF;
	font-size:16px;
        text-decoration: none;
        height: auto !important;
}


/* hovers with specificity */
/*
ul#cssmenu ul, ul#cssmenu li:hover ul ul {
	display:none;
}

ul#cssmenu li:hover ul, ul#cssmenu li:hover li:hover ul {
	display:block;
}
*/

ul#cssmenu .ulpos {
    position: relative;
    height: 7em;
}

ul#cssmenu .over1 {
    overflow: hidden;
}

ul#cssmenu .over2 {
    overflow: hidden; width: 193px;
}

/* Main Menu Hover */

ul#cssmenu li:hover a.title{
    color:#54d1ff;
}

ul#cssmenu li.first:hover{
    background: transparent url(/res/images/topmenu_over_1.png) top left no-repeat;
}



ul#cssmenu li:hover.second {
	background: transparent url(/res/images/topmenu_over_2.png) top left no-repeat;
}


ul#cssmenu li:hover div.thirditem {
	background: url(/res/images/topmenu_over_3.png) top left no-repeat;
	height:49px;
	width:92px;
}


ul#cssmenu li:hover div.fourthitem {
	background: transparent url(/res/images/topmenu_over_4.png) top left no-repeat;
	height:49px;
	width:91px;
}

ul#cssmenu li:hover div.fifthitem {
	background: transparent url(/res/images/topmenu_over_5.png) top left no-repeat;
	height:49px;
	width:86px;
}
ul#cssmenu li:hover div.sixthitem {
	background: url(/res/images/topmenu_over_6.png) top left no-repeat;
	height:49px;
	width:92px;
}

ul#cssmenu li:hover div.seventhitem {
	background: url(/res/images/topmenu_over_7.png) top left no-repeat;
	height:49px;
	width:97px;
}
ul#cssmenu li:hover div.eighthitem {
	background: url(/res/images/topmenu_over_8.png) top left no-repeat;
	height:49px;
	width:114px;
}


/* Second Menu */
ul#cssmenu li:hover li a
{
        float: none;
	margin: 1px;
	padding: 8px 5px 9px 10px;
	font-size: 12px;
	vertical-align:middle;
	text-decoration: none;
        color: #f7f7f7;
	overflow:hidden;
	background: transparent;
	width:191px;

}

ul#cssmenu li:hover li>a {
    padding: 9px 5px 9px 10px;
}

/* Second Menu Hover */
ul#cssmenu li:hover li a:hover,
ul#cssmenu li:hover li:hover a {
        color:#ffffff;
	text-decoration: none;
	
}

ul#cssmenu li:hover li:hover
{

    background:#b6b6b6 url(/res/images/select_line.png);
}

ul#cssmenu li:hover li:hover
{
    background:#b6b6b6;
    background-image:none;
}


ul#cssmenu ul ul {
        display: none;
        position: absolute;
        top: 0;
        left: 170px;
	width:200px;
	background:transparent;
}

ul#cssmenu li:hover ul ul
{
        display: none;
}

ul#cssmenu li:hover ul,
ul#cssmenu ul li:hover ul
{
        display: block;
}
/*
ul#cssmenu li:hover.sixthitem ul {
	display:block;
}
*/