@import url("./reference.css");



html,body{
  margin:0px;
  padding:0px;
  text-align:center;
  background:url('/images/background.gif') #ffffff top center repeat-x;
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  font-size:0.9em;
  min-height:100%;
  height:100%;

}
#Container_optimizer{
  min-height:101%;
  height:101%;
}
body>div#Container_optimizer{
  height:auto;
  overflow:hidden;
}
#Container{
  width:827px;
  min-height:100%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  padding:0px 0;
  text-align:left;
  position:relative;
  background:url('/images/page_bg.gif') #ffffff repeat-y;
}
#Header{
  width: 100%;
  height: 159px;
  margin: 0;
}

#HeaderLeft{
  width: 712px;
  height: 159px;
  background: #ffffff url('/images/header_bg.png') repeat-x;
  margin: 0 15px 0 2px;
  float: left;
  position: relative;
}
#HeaderLeft .Slogan{
  width: 80px;
  height: 20px;
  background: url('/images/red_point.png') no-repeat 20px 20px;
  float: left;
  padding: 16px 0px 0 3px;
}

#HeaderLeft .First{
  margin: 48px 15px 0 0px;
  padding: 36px 0 0 23px;
  cursor: pointer;
  border: 0px red solid;
  width: 120px;
  height: 35px;
  position: relative;
  left: 118px;
}

#HeaderLeft .Second{
  margin: 48px 15px 0 2px;
  padding: 36px 0 0 23px;
  cursor: pointer;
  border: 0px red solid;
  width: 120px;
  height: 35px;
  position: relative;
  left: 118px;
}

#HeaderLeft .Third{
  margin: 48px 15px 0 2px;
  padding: 36px 0 0 23px;
  border: 0px red solid;
  cursor: pointer;
  width: 120px;
  height: 35px;
  position: relative;
  left: 118px;
}


#HeaderLogo{
  width: 96px;
  height: 159px;
  float: left;
}

#HeaderLogo h1{
  font-size: 1em;
  /*background:blue;*/
  margin: 0;

}

#HeaderLogo h1 a{
  position: relative;
  height:159px;
  margin: 0;
}

#HeaderLogo h1 span
{
  background:transparent url('/images/logo.png') no-repeat scroll 0 0;
  display:block;
  height:159px;
  left:0px;
  position:absolute;
  top:0px;
  width:96px;
  cursor: pointer;
  z-index: 1;
}

#Content{
  width: 617px;
  margin: 0px 0 0 210px;
  padding: 0;
  position: relative;
  border: 0px red solid;
  overflow: visible;
}

#Page{
  width: 536px;
  margin: 23px 0 40px 38px;
  min-height: 300px;
  _height: 320px;
  font-size: 0.85em;
}

#Content .homepage{
  margin: 0px 0 40px 0px;
}

#Page h1{
  font-size:2.1em;
  font-weight: normal;
  margin: 0 0 27px -38px;
  padding: 0 0 0 38px;
  background:transparent url('/images/h1_bg.png') no-repeat 0 5px;
}

#Page h2{
  font-size:1.6em;
  font-weight: normal;
  margin: 0 0 18px 0;
}

#Page h4{
  font-size:1.1em;
  font-weight: normal;
  margin: 0 0 18px 0;
}
#Page h4 a, a{
  color: #000000;
}

#Page .faq_q{
  font-size:1.0em;
  margin-bottom: 5px;
}

#Page .faq_a{
  margin-bottom: 14px;
}


#Navigation{
  position: absolute;
  top: 159px;
  left: 0px;
  margin: 0;
  padding: 0;
  width: 187px;
}

#Navigation #NavigationMain ul{
  list-style: none;
  width: 187px;
  background: #e6001d url('/images/navigation_top.png') no-repeat;
  margin: 0px 0 0 0;
  padding: 18px 0 0 0;
}

#Navigation #NavigationMain.HP ul{
  padding: 8px 0 0 0;
}




#Navigation #NavigationMain ul li{
  margin: 0;
  /*padding: 0px 0 16px 0px;*/
  padding: 3px 0 15px 0px;
}

#Navigation #NavigationMain.HP ul li{
  padding: 0px 0 15px 0px;
}

#Navigation #NavigationMain ul li ul{
  background: white;
  margin: 5px 0 0px 0px;
  padding: 11px 0 9px 0;
}

#Navigation #NavigationMain ul li ul li{
  margin: 0 0 0px 0;
  padding: 0 0 0 20px;
}

#Navigation #NavigationMain ul li ul li a.selected{
  background: #ffffff url('/images/ullibg.png') no-repeat 5px 3px;
}


#Navigation #NavigationMain ul li a{
  color: #ffffff;
  text-decoration: none;
  padding: 0 0 0 24px;
  font-size:1.1em;
  height: 19px;
  display: block;
}

#Navigation #NavigationMain ul li a:hover{
  font-size:1.2em;
}

#Navigation #NavigationMain ul li ul li a{
  color: #000000;
  text-decoration: none;
  font-size:0.9em;
  height: 17px;
  display: block;
}

#Navigation #NavigationMain ul li ul li a:hover{
  font-size:1.1em;
}

#Navigation #NavigationMain .NavigationBottom{
  background: #ffffff url('/images/navigation_bottom.png') no-repeat;
  width:187px;
  height:20px;
  margin-top: -7px;
}

#Navigation #NavigationMain.HP .NavigationBottom{
  margin-top: -17px;
}

#Navigation #Search{
  margin: 7px 0 16px 20px;
  =margin: -13px 0 16px 20px;
  position: relative;
}

#Navigation #Search .search_input{
  border: 1px #c7c9cb solid;
  width: 134px;
  height: 19px;
  color: #333333;
}
#Navigation #Search .search_submit{
  margin-top: 8x;
  position: absolute;
  top: 1px;
  left: 140px;
}


#Navigation #SubNavigation ul{
  list-style: none;
  width: 187px;
  background: #b5d325 url('/images/subnavigation_top.png') no-repeat;
  margin: 0px 0 0 0;
  =margin: -4px 0 0 0;
  /* padding: 18px 0 0 0; */
  padding: 18px 0 0 0;
}
#Navigation #SubNavigation.HP ul{
  padding: 8px 0 0 0;
}



#Navigation #SubNavigation ul li{
  margin: 0;
  /*padding: 0px 0 16px 0px;*/
  padding: 3px 0 15px 0px;
}

#Navigation #SubNavigation.HP ul li{
  padding: 0px 0 15px 0px;
}


#Navigation #SubNavigation ul li a{
  color: #242a07;
  text-decoration: none;
  padding: 0 0 0 24px;
  font-size:1.1em;
  height: 19px;
  display: block;
}

#Navigation #SubNavigation ul li a:hover{
  font-size:1.2em;
}

#Navigation #SubNavigation .NavigationBottom{
  background: #ffffff url('/images/subnavigation_bottom.png') no-repeat;
  width:187px;
  height:20px;
  margin-top: -7px;
}

#Navigation #SubNavigation.HP .NavigationBottom{
  margin-top: -17px;
}

#Footer{
  width:100%;
  height:20px;
  margin: 50px 0 40px 0;
  border-top: 1px #b5b5b5 solid;
  font-size: 0.8em;
  color: #5e5d5d;
}

#Footer #Left{
  width:656px;
  float: left;
}

#Footer #Right{
  width:171px;
  float: left;
  text-align: right;
}

.clear {
  border:0 solid black;
  clear:both;
  height:0px;
  line-height:0px;
  margin:0;
  overflow:hidden;
}

#easyTooltip {
  border:1px solid white;
  background:#e6001d;
  color:#FFF;
  padding:5px;
  position:absolute;
  left: 10px;
  font-size:0.85em;
  width: 200px;
  z-index: 2;
}