body{padding:10px 0; background:transparent url(../images/bg-page.jpg) fixed no-repeat center center;color:#58585a;font-size:12px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
.right{text-align:right;}
.left{text-align:left;}
/*	custom style */
/* width */
.w10pc{width:9.9%;}
.w20pc{width:19.9%;}
.w25pc{width:24.9%;}
.w30pc{width:29.9%;}
.w33pc{width:32.9%;}
.w40pc{width:39.9%;}
.w50pc{width:49.9%;}
.w60pc{width:59.9%;}
.w66pc{width:66%;}
.w75pc{width:74.9%;}
.w80pc{width:79.9%;}
.w100pc{width:99.9%;}

.w250px{width:250px;}
.w666px{width:666px;}

/* height */
.h200px{height:200px;}
.h400px{height:400px;}
/* align */
.aln-center h2, .aln-center p, p.aln-center{text-align: center;}
.aln-right{text-align:right;}
/* float */
.flt-left{float:left;}
.flt-right{float:right;}
/* margin */ 
.mg-r-2em{margin-right:2em;}
.mg-l-2em{margin-left:2em;}
.mg-b-n5px{margin-bottom:-5px;}
.mg-t-10pc{margin-top:10%;}
.mg-r-10pc{margin-right:10%;}
.mg-r-10px{margin-right:10px;}
.mg-r-20px{margin-right:20px;}
.mg-r-5px{margin-right:5px;}

/* paragraph and indent */
.pg-idt-2em p,p.pg-idt-2em{text-indent:2em;}
.pg-idt-3em p,p.pg-idt-3em{text-indent:3em;}
.pg-idt-n2em p, p.pg-idt-n2em{text-indent:-2em;margin-left:2em;}
.pg-idt-n3em p, p.pg-idt-n3em{text-indent:-3em;margin-left:3em;}

/* border style */

.bd-r{border-right:solid 2px #416cb0;}

/* table style */
/* tab 1  color
 * border 		3ec2f3
 * header bg	60c7f4 
 * odd row		ffffff
 * even row		e1f4fc
 */
.tbs1{border-collapse: collapse; border:solid 1px #3ec2f3;}
.tbs1 tr.even {background-color:#e1f4fc;padding:0;}
.tbs1 tr th{background:#60c7f4; color: #000;border:solid 1px #3ec2f3; text-align:center;}
.tbs1 tr td{text-align:center; border:solid 1px #3ec2f3;padding:0;}
/* tab 2 for product type */
.tbs2{border-collapse: collapse; border:none;}
.tbs2 tbody{border:none;}

.tbs2 td{text-align:center; vertical-align:top;width:135px; padding:0 10px 10px 0; margin:0 auto;}
.tbs2 td img{display:block;border:solid 1px #3ec2f3;margin-left:20px;}
.tbs2 td span {clear:both; display:block;}

/* image caption */
p.caption{background:transparent url(../images/bg-img-caption.gif) scroll no-repeat center center; text-align:center; color:#476d9a; font-size:11px;}
/* color */
.focus{color:#c02;}
/* custom style */
.s1 h2,.s1 h3{color:#c02;font-weight:normal;margin:0;}
.s1 h3{font-size:125%;}

/* background & border */
#page #header{border:solid 1px #416cb0; border-bottom:none;background-color:#fff;}
#page #main{border:solid 1px #416cb0; border-top:none;background-color:#fff;}
#page #footer{background-color:transparent;}
/* header */
#page #header{height:155px;background:transparent url(../images/bg-header.jpg) scroll no-repeat center top;}
.front #page #header{background-image:none; background:#fff;}
#page #header #logo-title{; padding:35px 0 40px 285px;}
#page #header-region #block-locale-0 ul{background:transparent url(../images/bg-lang-icons.jpg) scroll no-repeat left center; height:18px; margin:0; display:block; list-style:none; text-align:right; padding:0 150px 0 0;}
#page #header-region #block-locale-0 ul li{display:inline; list-style:none;padding-left:5px;}
#page #header-region #block-locale-0 ul li a{padding:0; margin:0;}
/* main content */
#main{min-height:500px;}
/* hack for ie6 */
* html body #main{height:500px;}

#main #sidebar-first{background-color:transparent;}
#main .breadcrumb{display:none;}
.admin #main .breadcrumb{display:block;}

.page-admin #main{padding:20px;}

#main #content-area .node{position:relative; line-height:1.3;}

#block-menu_block-1 .menu-block-1 ul.menu{margin-top:1em;}
#block-menu_block-1 .menu-block-1 ul.menu li{list-style:none inside none;padding-bottom:20px;  position: relative;}

#block-menu_block-1 .menu-block-1 ul.menu li a{font-weight:bold; text-transform:uppercase;color:#3e6eaf; display: inline-block; width:160px;}
#block-menu_block-1 .menu-block-1 ul.menu li a:hover,
#block-menu_block-1 .menu-block-1 ul.menu li a.active,
#block-menu_block-1 .menu-block-1 ul.menu li a.active-trail{color:#bdddf2;text-decoration:none;}
#block-menu_block-1 .menu-block-1 ul.menu li a.active:hover,
#block-menu_block-1 .menu-block-1 ul.menu li a.active-trail:hover{color:#3e6eaf;}

/* second level */
#block-menu_block-1 .menu-block-1 ul.menu li  ul.menu{display:none; position: absolute; left: 140px; top: 0; margin-top:0; background-color: #f3f7ff; }
#block-menu_block-1 .menu-block-1 ul.menu li  ul.menu li{width:160px; padding-bottom:4px;}
#block-menu_block-1 .menu-block-1 ul.menu li  ul.menu li a{ font-weight: normal; text-transform: none;}



/* top menu */

#block-menu_block-2 .menu-block-2 ul.menu{list-style:none; margin:0; padding:0;clear:both;}
#block-menu_block-2 .menu-block-2 ul.menu li{list-style:none inside none; display:inline;margin:0; padding-right:2em;}
#block-menu_block-2 .menu-block-2 ul.menu li a{font-weight:bold; color:#3e6eaf;}
#block-menu_block-2 .menu-block-2 ul.menu li a:hover,
#block-menu_block-2 .menu-block-2 ul.menu li a.active,
#block-menu_block-2 .menu-block-2 ul.menu li a.active-trail{color:#bdddf2;text-decoration:none;}
#block-menu_block-2 .menu-block-2 ul.menu li a.active:hover,
#block-menu_block-2 .menu-block-2 ul.menu li a.active-trail:hover{color:#3e6eaf;}



/* main page */

.slogan1{background:transparent url(../images/bg-slogan.jpg) scroll no-repeat center center; padding-top:100px;height:400px; font-size:1.2em;font-style:italic;}
.slogan1 strong{font-size:1.4em;}


.bg1{background-color:#A2DAF3; padding:5px 10px; margin-bottom:30px;color:#000;}
.bg1 h2{color:#c02; margin:0;}

.prod-des{position:absolute; width:380px; padding-right:2em;right:0;line-height:1.3; margin:0;} 
.prod-des p{margin:0;}
.prod-img{text-align:right;height:420px;overflow:hidden;}
.prod-img img{height:420px;}
/* prod notes */
#block-block-1{color:#9cacc1;margin-top:-58px;width:380px; height:58px; overflow:hidden;}
#block-block-1 p{padding:0; margin:0; line-height:1;}

/* footer */
#page #footer p{color:#666;}

/* front page */
.front #main #content h2.title{display:none;}
.front #main #content-area .node p{line-height:1;}
.front #main #content-area .node .slide{width:250px; height:200px; margin-top:100px; overflow:hidden;}
.front #main #content-area .node .slide img{display:none;}

.front #main #content-area .node .prod-list{clear:both;margin:0 0 10px 2px; overflow:hidden; width:958px; height:115px;}
.front #main #content-area .node .prod-list div{display:block; float:left; width:119px; height:115px;}
.front #main #content-area .node .prod-list div a{font-size:11px; text-decoration:none; color:#fff;}
.front #main #content-area .node .prod-list div a:hover{color:#f33;}
.front #main #content-area .node .prod-list div span{display:table-cell; vertical-align:middle; text-align:center; height:18px; width:116px; background: #fff url(../images/bg-home-icon-caption.gif) scroll no-repeat 0 1px;}
.front.i18n-zh-hans #main #content-area .node .prod-list div span{background-position:0 0;}
.front #main #content-area .node .prod-list div img{display:block; text-align:center; padding:0 8px; border:solid 1px #3e6eaf; border-width:1px 0; width:105px; height:81px;}

/* hack for ie 
  * html --> for ie6
  *+html --> for ie7
*/

* html .front #main #content-area .node .prod-list div span{display:inline-block; line-height:32px; overflow:hidden;}
*+html .front #main #content-area .node .prod-list div span{display:inline-block;line-height:32px;}
* html .front #main #content-area .node .prod-list div img{padding:0 7px;}
