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

div#main_nav
{
position: absolute;
background-color: #55ACEE;
height: 43px;
width: 100%;
top: 127px;
left: 0px;
background-repeat: repeat-x;
overflow: visible;
z-index: 10;
}

.nav
{
width: 110px;
float: left;
padding: 7px 15px 0px 15px;
text-align: center;
height: 48px;
}

.nav:hover
{
background-color: #000000;
z-index: 1;
opacity:0.9;
filter:alpha(opacity=90);
height: 37px;
}

.nav_target
{
background-color: #000000;
z-index: 1;
opacity:0.9;
filter:alpha(opacity=90);
height: 37px;
width: 110px;
float: left;
padding: 7px 15px 0px 15px;
text-align: center;
}

.clear {clear:both} 
/* remove the list style */
#nav {
    margin:0; 
    padding:0; 
    list-style: none;
}   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left; 
        display:block; 
        width:198px;
        position:relative;
        z-index:500; 
		border-right: white 2px solid;
		border-bottom: white 2px solid;
		background-color: #55ACEE;
		left: 0px;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
		padding: 15px 7px 0px 7px;
        font-weight:100;  
        height:28px;
        text-align:center; 
    }
 
    #nav li:hover {
		background-color:  #3B5998;
    }
	
    li.main_target {
		background-color:  #3B5998;
    }
	
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#555;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left:0; 
            display:none; 
            margin:0 0 0 0px; 
            padding:0; 
            list-style:none;
        }
         
        #nav ul li {
            width:250px; 
            float:left; 
            border-top:1px solid #fff;
			background-color: #55ACEE;
			opacity:0.9;
			filter:alpha(opacity=90);
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:15px;
            padding: 8px 15px;
			text-align: left;
        }
         
        #nav ul a:hover {
            text-decoration: none;  
        }
		

 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}
	
.nav_back
{
background-color: #ccc;
}

.sub_nav_target
{
background-color: #555;
}

#sub_nav ul li
{
width: 297px;
height: 30px; 
float:left; 
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
font-size: 14px;
}

#sub_nav a
{
display: block;
}

#sub_nav li
{
padding: 5px 0px 0px 30px;
}

#sub_nav ul
{
border-top:1px solid #fff;
}

#sub_nav ul:hover
{
background-color: #888;
}

#sub_nav li:hover
{
background-color: #888;
}

.sub_nav
{
padding: 0px 10px 0px 15px;
font-size: 12px;
}

.sub_nav_title
{
padding: 2px 0px 0px 0px;
font-size: 12px;
color: rgb(55,147,155);
}

.nav1
{
line-height: 30px;
padding: 0px 0px 0px 30px;
color: rgb(55,147,155);
}

.nav2
{
line-height: 20px;
padding: 0px 0px 0px 50px;
display: none;
font-size: 14px;
}

.nav3
{
line-height: 30px;
padding: 0px 0px 0px 30px;
}

.nav4
{
line-height: 20px;
padding: 0px 0px 0px 50px;
display: none;
font-size: 14px;
}

.nav5
{
line-height: 30px;
padding: 0px 0px 0px 30px;
}

.nav6
{
line-height: 20px;
padding: 0px 0px 0px 50px;
display: none;
font-size: 14px;
}

.nav7
{
line-height: 30px;
padding: 0px 0px 0px 30px;
}

.nav8
{
line-height: 20px;
padding: 0px 0px 0px 50px;
display: none;
font-size: 14px;
}

div#product_main_nav
{
position: absolute;
top: 171px;
right: 0px;
width: 200px;
height: 462px;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
background: black;
opacity:0.8;
filter:alpha(opacity=80);
}

#product_main_nav ul li
{
display: block;
width: 200px;
height: 30px; 
float: left;
border-top: 1px solid #fff;
padding: 0px 0px 0px 0px;
}

#product_main_nav li:hover
{
background-color:  rgb(10,50,60);
color: rgb(1,150,200);
}

#product_main_nav a:hover
{
color: rgb(1,150,200);
}

#product_main_nav a
{
display: block;
padding: 7px 0px 5px 30px;
font-weight: 400;
}

.product_target
{
background-color:  rgb(10,50,60);
color: rgb(1,150,200);
}

.product_target_title
{
color: rgb(1,150,200);
}

.bold_blue
{
font-weight: bold;
color: rgb(1,150,200);
}

div#env_main_nav
{
position: absolute;
top: 171px;
right: 0px;
width: 200px;
height: 462px;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
background: #6f2;
opacity:0.6;
filter:alpha(opacity=60);
}

#env_main_nav ul li
{
display: block;
width: 200px;
height: 30px; 
float: left;
border-top: 1px solid #fff;
padding: 0px 0px 0px 0px;
}

#env_main_nav li:hover
{
background-color:  #5f5;
}

#env_main_nav a
{
display: block;
padding: 7px 0px 5px 30px;
font-weight: 400;
color: white;
}

.env_target_title
{
background-color:  #5f5;
}