@charset "utf-8";
/* CSS Document */
body{
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1{
    font-size: 18px;
    color: #4b63a7;
    width: 585px;
    border-bottom: 3px solid #4b63a7;
    margin: 10px 20px;
    clear: both;
    font-weight: normal;
    line-height: 130%;
}

h2{
    clear: both;
    margin:  0 0 5px 0;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    color: #5580ca;
}

h3{
    clear: both;
    margin:  15px 0 10px 0;
    font-size: 13px;
    font-weight: bold;
}

#update_content table tr td h2{
    margin:  0 0 5px 0;
}

/*-----------layout div-------------*/
#bgmain{
     background: url(/img/bg.jpg) repeat-y top left;
     float: left;
}

#bgsub{
     background: url(/img/bg_sub.jpg) repeat-y top left;
     float: left;
    _margin: -2px 0 0 0;
}

#container{
    width: 829px;
    margin:0 auto 0 auto;
    position: relative;
    top: 0px;

    _width: 831px;
}

#header{
	height: 95px;
	background: #ffffff;
    position: relative;
}

#banner{
	border-top: 1px solid #ffffff;
	background: #ffffff;
	clear: both;
}

#sub_banner{
    border-top: 1px solid #fff;
    clear: both;
    height: 175px;
    position: relative;
}

#sub_banner #banner_title{
    float: right;
    color: #ffffff;
    font-size: 24px;
    line-height: 26px;
    text-align: right;
    bottom: 15px;
    right: 15px;
    position: absolute;
}

#sub_banner #banner_lead{
    margin: 0 0 0 0;
    float: right;
    color: #ffffff;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
}

#left_nav{
	width: 205px;
	border-top: 1px solid #ffffff;
	float: left;
                     background: #e8eae;
}

#main_nav{
	width: 420px;
	border-top: 1px solid #ffffff;
	float: left;
	background: #ffffff;
font-size: 12px;
}

#right_nav{
    width: 204px;
    border-top: 1px solid #ffffff;
    float: left;
    background: #dfdfdf;
}

#sub_mainnav{
    width: 624px;
    min-height: 430px;
    float: left;
}

#footer{
    color: #fff;
    padding: 0 0 0 6px;
    line-height: 18px;
    border-top: 1px solid #ffffff;
    clear: both;
    background: #1d3261;
}

#left_space{
    height: 70px;
}

#privacy_container{
    margin: 1px 0 0 0;
    width: 830px;
}

#privacy_content{
    width: 810px;
    padding: 10px;
}

#privacy_title{
    width: 810px;
    background: #ffffff;
    font-size: 24px;
    line-height: 30px;
    color: #334670;
    padding: 5px 10px 5px 0;
}

#pro_intro_content{
    width: 585px;
    text-align: justify;
    float: left;
    margin: 20px 0px 10px 20px;
    _margin: 20px 0px 10px 10px;
    font-size: 12px;
    line-height: 150%;
}

#sitemap{
   height: 20px;
   float: right;
   margin: 0 1px 0 0;
   color: #154c9c;
}

#sitepath{
    width: 400px;
    color: #666666;
    margin: 5px 0 20px 10px;
    float: left;
    font-size: 12px;
}

#sitepath a{
       color: #666666;
	height: 20px;
	text-decoration: none;
}

#sitepath a:hover{
	text-decoration: underline;
}


#print{
	margin: 5px 10px 30px 0;
	float: right;
}

#print a{
	color: #666666;
	height: 20px;
	text-decoration: none;
}

#print a:hover{
	text-decoration: underline;
}

#print img{
		margin: 0 0 -4px 0;
}

#logo{
	margin: 20px 0 0 0;
	width: 154px;
 	height: 59px;
	float: left;
	list-style: none;
	padding: 0;
}

#logo a {
      display: block;
      text-indent: -900%;
      outline: none;
}

#logo a:hover {
      background-position: left bottom;
}

#logo .subpage {
      width: 180px;
      height: 59px;
      background: url(logo.jpg) no-repeat;
      left: 0px;
      top: 0px;
}

#logo .home {
      width: 180px;
      height: 59px;
      background: url(logo.jpg) no-repeat;
      left: 0px;
      top: 0px;
}

#contact{
	float: right;
	clear:right;
	margin: 30px 1px 0 0;
	color: #666666;
}

#contact img{
	margin: 0 0 -3px 0;
}

#contact a{
	color: #666666;
}
/*-------------------------------*/

/*----home page layout div----*/
#news{
	padding: 15px;
	min-height: 455px;
   line-height: 140%;
}

#news .news_title{
    font-weight: bold;
}

#news p{
	margin: 8px 0 0 0; 
}

#news img{
	margin: 10px 0 5px 0;
}

#iso{
	padding: 0 15px 15px 15px;	
	_padding: 120px 15px 15px 15px;
}

#search{
	background: #efefef;
	border-bottom: 1px solid #fff;        
}

#search input:hover, #search input:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

#search form{
    margin: 0 10px;
    padding: 5px 0;
}

#product_search{
    border-bottom: 1px solid #fff;
    background: #d2d6df;
    height: 100px;
    margin: 0px;
    padding-left:10px;
}

#product_search form{
       margin: 0 0px;
}

#product_search img{
	margin: 10px 0 0 0;;
}
/*------------------------------------*/

/*-------------button---------------*/
#button{
	width: 830px;
	background: #fff;
	font-size: 12px;
	position: relative;
	height: 25px;
	clear: both;
}

#button ul{
	padding: 0;
	margin: 0;
	background: url(menu_bg.gif) top left repeat-x;
	float: left;
}

#button ul li {
	display: inline;
}

#button ul li a{
	width: 137px;
	padding: 4px 0 4px 0;
	color: #ffffff;
	background: url(menu_bg.gif) top left repeat-x;
	text-decoration: none;
	float: left;
	text-align: center;
	border-left: 1px solid #fff;
}

#button ul li.topfirst a{
	width: 140px;
	padding: 4px 0 4px 0;
	color: #ffffff;
	background: url(menu_bg.gif) top left repeat-x;
	text-decoration: none;
	float: left;
	text-align: center;
	border-left: 0px solid #fff;
}

#button ul li.first-active a,
#button ul li.first-active a:hover{
	width: 140px;
	padding: 4px 0 4px 0;
	color: #ffffff;
	background: url(menu_bg_active.gif) top left repeat-x;
	text-decoration: none;
	float: left;
	text-align: center;
	border-left: 0px solid #fff;
}

#button ul li.active a:hover,
#button ul li.active a,
#button ul li a:hover{
	background: url(menu_bg_active.gif) top left repeat-x;
}

/*----------------------------------*/


/*----------------subpage content------------------*/
/*-------product page section menu------*/
#section_menu{
    float:right;
    width: 160px;
    background: #edeff2;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    margin: 20px 20px 0 0;
    _margin: 20px 10px 0 0;
    padding: 10px 10px 20px 10px;
}

#section_menu a{
	color: #5580ca;
	font-size: 11px;
	font-weight: normal;
}

#section_menu ul{
	margin: 10px 0 0 0;
        padding: 0;
}

#section_menu li{
	list-style: none;
	background:url(/img/submenu_bullet.jpg) 0px 4px no-repeat;
	padding: 0 0 0 15px;
                     margin: 0 0 5px 0;
	line-height: 130%;
}

/*-------left nav section menu------*/
#left_sec_menu{
	border-bottom: 1px solid #fff;
	background: #eeeff3;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
     	padding: 10px 10px 20px 15px;
}

#left_sec_menu a{
	color: #5580ca;
	font-weight: normal;
}

#left_sec_menu ul{
	margin: 5px 0 0 0;
       font-size: 11px;
	padding: 0px;
}

#left_sec_menu li{
	list-style: none;
	background:url(/img/submenu_bullet.jpg) 0px 3px no-repeat;
	padding: 0 0 0 15px;
        margin: 10px 0 0 0;
	line-height: 130%;
}

#left_sec_menu ul li ul{
     font-size :11px;
     margin: 0 0 5px 0;
}

#left_sec_menu ul li ul li{    
    list-style: none;
    background:url(/img/submenu_bullet2.jpg) 0px 3px no-repeat;
    margin: 3px 0 0 -3px;
    padding: 0 0 3px 12px;
    line-height: 130%;
}

/*------------------------------*/
#update_content{
    margin: 15px 20px 80px 20px;
    line-height: 145%;
    font-size: 13px;
}

#update_content table{
    clear: both;
    margin: 0 0 16px 0;
}

#update_content p{
    margin: 0 0 16px 0;
}

#update_content li{
      list-style: none;
      background:url(/img/bullet.jpg) 0px 6px no-repeat;
      margin: 0 0 3px 0;
      padding: 0 0 0 14px;
}

#update_content table .content_table_grey ul li{
      list-style: none;
      background:url(/img/grey_bullet.jpg) 0px 8px no-repeat;
      margin: 0;
      padding: 3px 0 0 15px;
}

#update_content ul{
    margin: 0 5px 15px 5px;
    padding: 0;
}

#update_content table ul{
    margin: 5px;
    padding: 0;
}

#pro_intro_content li{
      list-style: none;
      background:url(/img/bullet.jpg) 0px 8px no-repeat;
      margin: 0;
      padding: 3px 0 0 15px;
}

#pro_intro_content ul{
    margin: 0 5px 16px 5px;
    padding: 0;
}


/*------------------------------*/

/*----------sub title bar-----------*/
#style  #sub_title{
    font-size: 18px;
    color: #6073b9;
    width: 585px;
    border-bottom: 3px solid #6073b9;
    margin: 10px 20px;
    clear: both;
}
/*--------------*/
#news_title_bar{
    margin: 40px 20px 20px 20px;
    clear: both;
}
/*-------------*/
#news_details .news_title{
    font-weight: bold;
    font-size: 13px;
    line-height: 160%;
}

#news_details .news_date{
    font-size: 11px;
}
/*-------------*/
.details a{
    color: #f6821c;
}

.details img{
    margin: 0 0 -2px 0;
}

.details a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/*-------------*/
#select_year{
	margin: 10px 10px 10px 20px;
	font-weight: bold;
}

#product_news_short{

}

#product_details{

}

#no_news{
    margin: 5px 0 10px 0;
    width: 350px;
    padding: 10px;
    background: #eeeeee;
}

#product_news_short #no_news{
    margin: 0 0 20px 0;
}

/*---------news listing page--------*/
#news_full{
	margin: 20px;
	width: 350px;
}

#news_full div{
	padding: 10px;
}

#news_full p{
	line-height: 150%;
	margin: 0;
	padding: 0;
}

.news_cell{
	background: #eeeeee;
    padding: 2px 0;
}

#news_menu{
    font-weight: bold;
    width: 190px;
    float: right;
    margin: 15px 35px 10px 0px;
    _margin: 15px 10px 10px 0px;
}

#news_menu p{
    margin: 0;
}

#news_menu img{
    margin: 2px 0 0 0;
    #margin: 0;
}

#news_menu a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.news_year{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

/*--------news details page--------*/
#news_details{
    background: #eeeff3;
    margin: 20px;
    width: 565px;
    font-size: 12px;
    padding: 10px 10px 40px 10px;
}

#news_details p{
    line-height: 160%;
}




/*---------normal subpage------------*/

.pic_left{
    float: left;
    clear: left;
    margin: 4px 15px 15px 0;
}

.pic_right{
    float: right;
    clear: right;
    margin: 4px 0 15px 15px;
}

.content_title, .content_title a{
    font-size: 13px;
    font-weight: bold;
    color: #5580ca;
}

.blue_table{
    margin: 0 0 20px 0;
    background: url(/img/blue_table_bg.gif) top left repeat-x #eef0fa;
    padding: 10px 15px;
    text-align: justify;
}

.clear{
    clear: both;
    display:block
}

/*
.ex_link{
    background: url(/img/bullet_exlink.gif) no-repeat right 3px;
    padding-right:11px;
}
*/

.contact_box{
    width: 250px;
    font-size: 12px;
    margin: 40px 0 0 0;
    border: 1px #cccccc solid;
    line-height: 13px;
}

.contact_box td{
    padding: 4px 8px;
  }

.content_table_grey{
    background: #eeeff3;
}

.back{
    float: left;
    margin: 0 20px 40px 20px;
}

.back img{
    margin: 0 0 -2px 0;
}

.back a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

hr { 
    clear: both;
    border-top: 1px #fff solid;
    border-bottom: 1px #ccc solid;
    border-left: none;
    border-right: none;
    margin: 20px 0 20px 0;
}

/*Email Links - adds small email icon to all mailto links*/
a[href^="mailto:"] {
background: url(/img/mail.jpg) no-repeat left 1px;
padding: 0 0 3px 18px;
}

.emailLink { 
background: url(/img/mail.jpg) no-repeat left 1px;
padding: 0 0 3px 18px;
}

/*PDF Links - adds a small PDF icon to all PDF links*/

a[href$=".pdf"] {
background: url(/img/page_pdf.gif) no-repeat left top;
padding-left:22px; padding-bottom:5px;
}

a[href$=".PDF"] {
background: url(/img/page_pdf.gif) no-repeat left top;
padding-left:22px; padding-bottom:5px;
}

.pdfLink { 
background: url(/img/page_pdf.gif) no-repeat left top;
padding-left:22px; padding-bottom:5px;
}

#smap1 span{
	background: url(/img/arrow.jpg) no-repeat 4px right;
	padding: 0 15px 0 0;
}

#smap1{
	width: 230px;
	margin: 15px 5px 10px 0;
	float: left;	
}

#smap1 ul{
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 0;
	list-style: none;
	/*background: url(/img/arrow.jpg) right 5px no-repeat;*/
}

#smap1 li{
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 0 0;
	list-style: none;
}


#smap_product{
	width: 800px;
	margin: 10px 0;
	font-size:13px;
	font-weight: bold;
}

#smap_product span{
	background: url(/img/arrow.jpg) no-repeat 4px right;
	padding: 0 15px 0 0;
float: left;
clear: both;
width: 800px;
}

#smap_product #smap1 ul{
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0;
	list-style: none;
	background: none;
}

#smap_product #smap1 ul li{
	margin: 5px 0 0 0;
	list-style: none;
}

#smap_product #smap1 ul li ul li{
	margin: 5px 0 0 0x;
	background: url(/img/bullet.jpg) left 5px no-repeat;
	padding: 0 0 0 13px;
}

table#principal{
    width: 280px;
    clear: none;
    height: 50px;
    line-height: 130%;
    float: left;
    margin: 10px 10px 10px 0;
}

table#principal a{
    line-height: 100%;
    margin: 0;
    clear: both;
}

table#principal a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

table#principal td{
    padding: 0;
    margin: 0;
    font-size: 12px;
}

#bottom{
    float: left;
    width: 35px;
    margin: 10px 0 30px 0;
    #margin: 0 0 0 0;
}

#bottom a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

#update_content table.values{
    width: 279px;
    height: 93px;
    float: left;
    margin: 0 10px 10px 0;
    #margin: 0 20px 10px 0;
    clear: none;
    background: url(/img/box_bg.jpg) left top no-repeat;
}

#update_content table.values h2, #update_content table.values p{
    margin: 0;
    padding: 0;
}

#update_content table.values td{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 130%;
}

#update_content table td{
    padding: 3px;
}

.contact_btn_img a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.product_details a:hover img{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}