body {font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; }
a:link { color: #000; text-decoration: none;}
a:visited { color: #333;  text-decoration: none;}
a:hover { color: #1d60ff; text-decoration:underline; }
a:active { color: #505abc;  text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
ul,li{margin:0; padding:0; list-style:none;}
img {border:0;}
form{margin:0; padding:0;}
dl,dt,dd, p{margin:0; padding:0;}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page { width:830px; margin:0 auto; }
#header { position: relative; margin-bottom: 0px; color: #000; padding: 0; }
#header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-family: Arial, Helvetica, sans-serif; font-size: 32px !important; }
#footer {clear:both; padding:10px 15px; color: #130B83; text-align: right; background:#B4C6D9; }

/* TAB MENU   
----------------------------------------------------------*/


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCC; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input[type="text"] {  border: 1px solid #CCC; }
input[type="password"] {  border: 1px solid #CCC; }
/* TABLE
----------------------------------------------------------*/
table { border: solid 1px #e8eef4; border-collapse: collapse; }
table td { padding: 5px; border: solid 1px #e8eef4; }
table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; }
/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }
.error { color: Red; }
.blank8{ height:8px; font-size:1px;}
div#title { display: block; float: left; text-align: left; }
#logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px; color: White; }
#logindisplay a:link { color: white; text-decoration: underline; }
#logindisplay a:visited { color: white; text-decoration: underline; }
#logindisplay a:hover { color: white; text-decoration: none; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }

#header .minichannel{ height:23px; text-align:right; background:#b4c6d9;}
#header .minichannel li{display:inline; line-height:23px; border-right:1px solid #FFFFFF; padding:0 10px;}
#header .minichannel li.last{border-right:none;}
#header .minichannel .lang{float:left;}
#header .minichannel .other{}
#header #title{float:left; clear:both; width:235px; padding:15px 10px;}
#header #menucontainer{float:right; width:570px; margin-top:20px; position:relative;}
#header .header-search{height:38px; padding-right:15px; text-align:right;}
#header .input-search{width:63px; height:19px; border:0; background:url(images/search.gif) no-repeat;}
#header .input-search-cn{width:63px; height:19px; border:0; background:url(images/search_cn.gif) no-repeat;}
#header .header-menu{background:#B5C6DA;}
#header .ellipse{float:left; width:52px; height:36px; background:url(images/title_bg.gif) no-repeat;}
#header ul#menu{height:36px;}
#header ul#menu li { display: inline; list-style: none; font-size:12px; font-weight:bold; background:url(images/menu_split.gif) no-repeat right center; }
#header ul#menu li.last{background-image:none;}
#header ul#menu li#greeting { padding: 0px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }
#header ul#menu li a { padding: 0px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color:#000000; }
#header ul#menu li a:hover { text-decoration: underline; }
#header ul#menu li a:active {  text-decoration: none; }
#header ul#menu li.selected a {color: #000; }
#header #submenu{width:654px; height:25px;  position:absolute; top:100px; left:-84px; background:#B5C6DA; display:none;}

#container{background:url(images/bg-left.gif) repeat-y #fff; display:block; float:left;}
#sidebar{float:left;width:176px; background:#130B56;color:White; display:inline;}
#sidebar dl{float:left;}
#sidebar dt{ margin-top:10px; padding:12px 0; line-height:28px;font-weight:bold; font-size:17px; text-align:center; border-bottom:1px solid #B5C6DA;}
#sidebar dd{float:left; margin:0; padding:0; text-align:center; border:none; border-bottom:1px solid #B5C6DA;}
#sidebar dd span{float:left; width:176px; color:white;line-height:27px; cursor:pointer; }
#sidebar dd a:link,
#sidebar dd a:visited,
#sidebar dd a:hover { text-decoration:none;}
#sidebar dd a:hover span {color:#e20505; background:#4775A9;}
#sidebar #newsSearchForm{float:left; }
#sidebar .side-search{clear:both; margin:20px 0; padding-left:10px; text-align:center;}
#sidebar .side-order{ clear:both;}
#sidebar .side-contact{clear:both;margin:53px 0px 40px 0; }
#sidebar .side-contact p{ padding:0 10px; line-height:25px;}
#sidebar .btn-en-sumbit{font-size:11px;}
#main{float:right; width:654px;  padding-top:27px; background: url(images/main_left.gif) no-repeat 0 38px #B5C6DA;display:inline;}
#main .main-flash{float:left; width:634px; height:167px; background:#fff; overflow:hidden;}
#main .top{height:12px; background: url(images/main_top.gif) no-repeat 0 bottom #B5C6DA;}
#main .content{ margin-left:11px; padding-left:7px; padding-top:3px; background:#fff; color:#000;}
#main .content .content-about p{ line-height:19px;}
#main .content .content-about .more{padding-left:15px; line-height:20px; background:url(images/triangle.gif) no-repeat 5px center #e5e5e5; }
#main .content .content-news li{padding-left:15px; text-align:left; line-height:25px; background:url(images/arrow.gif) no-repeat left center; }
#main .content .content-news .img{ float:right; margin:5px;}
#main .left{float:left; width:376px;margin-top:8px;}
#main .right{float:right; width:247px;}
#footer .copyright{float:left;}
#footer .contact{font-weight:bold;}

/***** Products  *****/
#main .products{ background:#f3f8fe;}
#main .products .list {display:inline;}
#main .products .list li{float:left;width:172px; height:153px; margin:10px 17px; background:url(images/prod.jpg) no-repeat; display:inline;}
#main .products .list li img{width:158px; height:118px; margin-top:7px; margin-left:1px; display:inline;}
#main .products .list li .name{ text-align:center; margin-top:7px;}
#main .products .list .pager{ text-align:center;}
#main .products-detail { }
#main .products-detail h1{ text-align:center; font-family: arial; font-size:18px; font-weight:bold; line-height:30px; }
#main .products-detail div#text{padding-top:10px;clear: both;margin: 0px 7px 4px 7px;text-align:left;}
#main .products-detail div#text,
#main .products-detail div#text *{font-size: 12px;line-height: 18px;font-family: arial;}
#main .products-detail .back{ clear:both; text-align:right; padding-right:15px; line-height:23px;}
#main .products-detail .back a:link,
#main .products-detail .back a:visited{color:#000; text-decoration:none;}
#main .products-detail .back a:hover{ text-decoration:none; color:#e20505;}
/***** news  *****/
#main .news{background:#f3f8fe;}
#main .news .list{ margin:15px 20px;}
#main .news .list li{padding-left:15px; text-align:left; line-height:25px; background:url(images/arrow.gif) no-repeat left center; }
#main .news .list li span{float:right;}
#main .news .list .pager{ text-align:center;}
#main .news-detail { }
#main .news-detail h1{ text-align:center; font-family: arial; font-size:18px; font-weight:bold; line-height:30px; }
#main .news-detail div#text{padding-top:10px;clear: both;margin: 0px 7px 4px 7px;text-align:left;}
#main .news-detail div#text,
#main .news-detail div#text *{font-size: 12px;line-height: 18px;font-family: arial;}
#main .news-detail .back{ text-align:right; padding-right:15px; line-height:23px;}
#main .news-detail .back a:link,
#main .news-detail .back a:visited{color:#000; text-decoration:none;}
#main .news-detail .back a:hover{ text-decoration:none; color:#e20505;}

/***** contact  *****/
#main .contact #text{line-height:20px;}

/***** aboutus  *****/
#main .aboutus #text{line-height:20px;}
#main .aboutus #text p{ text-indent:20px;}

.pager { text-align:center; line-height:25px;}
.pager li{ display:inline; padding:3px 8px;}