@charset "utf-8";
/* CSS Document */

/**** Header menu ****/
#menu {
height:31px;
margin:0px;
padding:0px;
border-bottom:2px #FFFFFF solid;
clear:both;
}
ul #revox_menu {
width:790px;
height:31px;
margin:0px;
padding:0px;
display:block;
}
#revox_menu li {
list-style:none;
float: left;
display:block;
/*width:194px;*/
height:31px;
margin:0px;
padding:0px;
}
#revox_menu li a {
height: 0px;
display: block;
padding-top:31px;
overflow:hidden;
background-image: url(../images/headermenu.gif);
background-repeat: no-repeat;
}

li #menu01 { width: 193px; }
li #menu02 { width: 194px; }
li #menu03 { width: 194px; }
li #menu04 { width: 194px; }
li #menu05 { width: 195px; }

a#menu01 {background-position: -1px 0px;}
a#menu01:hover, a#menu01.selected, a#menu01.selected:hover {background-position: -1px -35px;}
a#menu01:active {background-position: -1px -70px;}
a#menu02 {background-position: -194px 0px;}
a#menu02:hover, a#menu02.selected, a#menu02.selected:hover {background-position: -194px -35px;}
a#menu02:active {background-position: -194px -70px;}
a#menu03 {background-position: -388px 0px;}
a#menu03:hover, a#menu03.selected, a#menu03.selected:hover {background-position: -388px -35px;}
a#menu03:active {background-position: -388px -70px;}
a#menu04 {background-position: -582px 0px;}
a#menu04:hover, a#menu04.selected, a#menu04.selected:hover {background-position: -582px -35px;}
a#menu04:active {background-position: -582px -70px;}
a#menu05 {background-position: -776px 0px;}
a#menu05:hover, a#menu05.selected, a#menu05.selected:hover {background-position: -776px -35px;}
a#menu05:active {background-position: -776px -70px;}

/**** INNER 2nd menu ****/
#2ndmenu {
display:block;
margin:0;
padding:0;
clear:both;
}
ul #revox_2ndmenu_solutions, 
ul #revox_2ndmenu_product,
ul #revox_2ndmenu_corporate,
ul #revox_2ndmenu_contact {
width:790px;
height:31px;
margin:0px;
padding:0px;
display:block;
background-color:#CCCCCC;
}
#revox_2ndmenu_solutions li, 
#revox_2ndmenu_product li, 
#revox_2ndmenu_corporate li,
#revox_2ndmenu_contact li {
list-style:none;
float: left;
display:block;
height:31px;
margin:0px;
padding:0px;
}
#revox_2ndmenu_solutions li a {
height: 0px;
display: block;
padding-top:31px;
overflow:hidden;
background-image: url(../images/submenu_solutions.gif);
background-repeat: no-repeat;
}
#revox_2ndmenu_product li a {
height: 0px;
display: block;
padding-top:31px;
overflow:hidden;
background-image: url(../images/submenu_products.gif);
background-repeat: no-repeat;
}
#revox_2ndmenu_corporate li a {
height: 0px;
display: block;
padding-top:31px;
overflow:hidden;
background-image: url(../images/submenu_corporate.gif);
background-repeat: no-repeat;
}
#revox_2ndmenu_contact li a {
height: 0px;
display: block;
padding-top:31px;
overflow:hidden;
background-image: url(../images/submenu_contacts.gif);
background-repeat: no-repeat;
}

li #menu2-01 { width: 323px; }
li #menu2-02 { width: 323px; }
li #menu2-03 { width: 324px; }

a#menu2-01 {background-position: 0px 0px;}
a#menu2-01:hover {background-position: 0px -35px;}
a#menu2-01:active, a#menu2-01.selected, a#menu2-01.selected:hover {background-position: 0px -70px;}
a#menu2-02 {background-position: -323px 0px;}
a#menu2-02:hover {background-position: -323px -35px;}
a#menu2-02:active, a#menu2-02.selected, a#menu2-02.selected:hover {background-position: -323px -70px;}
a#menu2-03 {background-position: -646px 0px;}
a#menu2-03:hover {background-position: -646px -35px;}
a#menu2-03:active, a#menu2-03.selected, a#menu2-03.selected:hover {background-position: -646px -70px;}

.2ndmenu01 {
background-color:#CCC;
display:block;
width:970px;
}


/**** INNER 3rd menu ****/


#prodmenu {
margin:0;
padding:0;
background-color:#e6e6e6;
display:block;
width:775px;
height:31px;
border-top:1px solid #FFFFFF;
}
.prodnavi li {
display:inline;
list-style:none;
float: left;
}
.prodnavi li.off a {
display:block;
width:193px;
height:31px;
color:#999;
text-align:center;
font-weight:bold;
text-decoration:none;
line-height:250%;
background-color:#e6e6e6;
border-right:1px solid #FFFFFF;
}
.prodnavi li.off a:hover {
background-color:#b2b2b2;
color:#FFFFFF;
}
.prodnavi li.off a:active {
background-color:#0099ff;
color:#FFFFFF;
}
.prodnavi li.on a {
display:block;
width:193px;
height:31px;
color:#fff;
text-align:center;
font-weight:bold;
text-decoration:none;
line-height:250%;
background-color:#0099ff;
border-right:1px solid #FFFFFF;
}
.prodnavi li.on a:hover {
background-color:#b2b2b2;
color:#FFFFFF;
}
.prodnavi li.on a:active {
background-color:#0099ff;
color:#FFFFFF;
}
.prodnavi li.off#ww a {
width:192px;
}
.prodnavi li.on#ww a {
width:192px;
}

.prodnavi li.black {
display:block;
width:193px;
height:31px;
color:#FFF;
text-align:center;
font-weight:bold;
text-decoration:none;
line-height:250%;
background-color:#000;
border-right:1px solid #FFFFFF;
}


/**** INNER right menu ****/

#right-box {
background:#FFFFFF;
float:left;
padding:0 0 70px 0;
width:194px;
}
#right-box ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:194px;
}
#right-box ul li {
border-top:1px solid #FFFFFF;
}
#right-box ul li span {
display:block;
width:194px;
}
#right-box ul li a {
text-decoration:none;
}
#right-box ul.level-1, 
#right-box ul.level-2, 
#right-box ul.level-3 {
margin:0;
padding:0;
}

#right-box .level-1 li.off span {
font-weight:bold;
background:#e6e6e6;
}
#right-box .level-1 li.off span a {
display:block;
padding:7px 0px 0px 16px;
width:178px;
height:24px;
background:transparent url(../images/point_gray_right.gif) no-repeat scroll 5px 10px;
color:#333;
font-weight:bold;
}
#right-box .level-1 li.off span a:hover {
display:block;
padding:7px 0px 0px 16px;
width:178px;
color:#fff;
background:transparent url(../images/point_white_right.gif) no-repeat scroll 5px 10px;
background-color: #0099FF;
}

#right-box .level-1 li.on span {
font-weight:bold;
background-color:#0099FF;
}
#right-box .level-1 li.on span a {
display:block;
padding:7px 0px 7px 16px;
width:178px;
background:transparent url(../images/point_white_dn.gif) no-repeat scroll 4px 10px;
color:#fff;
}
#right-box .level-1 li.on span a:hover {
display:block;
padding:7px 0px 7px 16px;
width:178px;
background:transparent url(../images/point_white_dn.gif) no-repeat scroll 4px 10px;
background-color:#0099FF;
color:#fff;
}

#right-box li.black span a {
display:block;
padding:5px 2px 5px 16px;
width:176px;
background:#000 none repeat scroll 0 0;
color:#fff;
font-weight:bold;
}
#right-box li.black span a:hover {
background:#0066ff none repeat scroll 0 0;
color:#fff;
}

#right-box .level-2 li.off2 span {
font-weight:bold;
background:#fff none repeat scroll 0 0;
}
#right-box .level-2 li.off2 span a {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:transparent url(../images/point_gray_right.gif) no-repeat scroll 5px 6px;
color:#666;
}
#right-box .level-2 li.off2 span a:hover {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:transparent url(../images/point_white_right.gif) no-repeat scroll 5px 6px;
background-color:#0099ff;
color:#fff;
}
#right-box .level-2 li.on2 span {
font-weight:bold;
background:#fff none repeat scroll 0 0;
}
#right-box .level-2 li.on2 span a {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:transparent url(../images/point_gray_dn.gif) no-repeat scroll 5px 6px;
color:#666;
}
#right-box .level-2 li.on2 span a:hover {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:transparent url(../images/point_white_dn.gif) no-repeat scroll 5px 6px;
background-color:#0099ff;
color:#fff;
}

#right-box .level-3 li.off3 span {
background:#fff none repeat scroll 0 0;
}
#right-box .level-3 li.off3 span a {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:transparent url(../images/spacer.gif) no-repeat scroll 5px 6px;
font-weight:normal;
color:#666;
}
#right-box .level-3 li.off3 span a:hover {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:#0099ff;
color:#fff;
}
#right-box .level-3 li.on3 span {
background:#efefef;
}
#right-box .level-3 li.on3 span a {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:transparent url(../images/spacer.gif) no-repeat scroll 5px 6px;
font-weight:normal;
color:#0099ff;
}
#right-box .level-3 li.on3 span a:hover {
display:block;
padding:3px 2px 3px 16px;
width:176px;
background:#0099ff none repeat scroll 0 0;
color:#fff;
}