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

/********************* global initialize setting **************************/
* { margin:0; padding:0; font-family:Arial, Verdana, sans-serif, Tahoma; font-size:12px; color:#00548a;}
body { background:#FFF;  }
a { text-decoration:none; }
a:hover { text-decoration:underline;}
ul { margin:0; padding:0;}
li { list-style:none;}
img { border:none;}
div { overflow:hidden; width:100%;}
address { font-style:normal;}



/********************* global div position setting **************************/
#container { margin:0 auto; text-align:justify; text-justify:inter-ideograph; line-height:24px; }

#main, #subpage { width:1010px; margin:20px auto 50px;}
#content, #sidebar, #listPage { display:inline; margin-top:145px;}
#content, #listPage { width:710px;   float:right; margin-right:4px; }
#sidebar {  float:right;  margin-top:145px; margin-right:15px;}

#header { position:absolute; top:0; height:158px; }

#footer { width:99%; clear:both; }


/********************* container style **************************/
#container { }

/* header style */
#header { background:url(style/headerBg01.gif) repeat-x; /* hack for nav extra magrin under Netscape, Safari and Opera */ clear:both; /* hack end */ overflow:visible; }
#header #headCon { width:990px;  overflow:hidden; margin:0 auto;}
#header h1 { float:left; display:inline; margin:20px 360px 0px 10px;width:400px; }
#header h1 a { font-size:28px; color:#FFF; font-style:italic; line-height:32px;  }
#header h3 { float:left; color:#12224d; font-size:12px; font-weight:normal; margin:0px 0 5px 10px;width:600px; }
#header .sp { background:url(style/headerSp.gif) no-repeat left; height:5px; margin:5px 0 0; z-index:2; position:absolute;}
#header .spR { background:url(style/headerSp.gif) no-repeat right; height:5px;}
#header a {color:#FFF; }
#header #logo { float:left; height:50px; margin:45px 0 0 10%; width:60px; height:60px;}
#header #topSearch { float:left; width:550px;}
#header #topSearch a { margin:0 3px; }
#header #headMenu { float:left; width:780px; margin-left:12px;}
#header #headMenu form input {vertical-align:: middle; margin-left: 5px; }
#header #searchInput {MARGIN: 3px 0px; WIDTH: 110px; }
#header #searchBar { float:right; margin-top:-3px; }
.searchhighlight {COLOR: #7c4905;}
.keywordhighlight {FONT-WEIGHT: bold; COLOR: #814427;}

#nav { /* hack for nav extra magrin under Netscape, Safari and Opera */ clear:both; /* hack end */ background:url(style/navBg.gif) no-repeat center ; height:40px; position:absolute; bottom:0; text-align:center; }
#nav ul { width:780px; text-align:center; margin:0 auto; }
#nav li { float:left; margin:8px 0; }
#nav li a { font-size:12px; display:block; color:#FFF; padding:0 15px; line-height:30px; border-right:1px solid #4e6389; font-family:Arial, Verdana, sans-serif, Tahoma;}
#nav li a:hover, #nav li a.current{ background:#324b75 url(style/current.gif) no-repeat center bottom;}
#nav li a.last { border:none;}

/* content style */
#content p, #listPage  #pic .childcat p { clear:both; color:#b66723; font-size:11px; width:670px; margin:0 0 5px 10px; }
#content h2 { display:block; background:url(style/introBg.gif) no-repeat; font-style:italic; font-size:14px; width:680px; line-height:30px; vertical-align:middle; padding-left:35px; color:#FFF; margin-top:4px;}

/* sidebar style */
#sidebar { width:237px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:23px;}
#sidebar #services { margin-bottom:10px;}
#sidebar #services ul { background:url(style/serviceItembg.gif) bottom left; padding-bottom:10px;}
#sidebar #services li { background:#1767a4;  }
#sidebar #services p  { background:#1767a4; color:#FFFFFF; padding-left: 25px; padding-bottom: 25px;}
#sidebar #services p a {color:#FFFFFF;}
#sidebar #services li a { background:url(style/menuImg01.gif) no-repeat 15px 6px; font-size:12px; color:#FFF; width:100%; height:20px; display:block; padding-left:30px; }
#sidebar #services li a:hover { background:#12224d url(style/menuImg01.gif) no-repeat 16px 6px; padding-left:32px;}

         /* sidebar submenu style */
#sidebar #services .subMenu {PADDING-BOTTOM: 0px}
#sidebar #services .subMenu LI A {DISPLAY: block; PADDING-LEFT: 45px; FONT-SIZE: 12px; BACKGROUND: url(style/menuImg01.gif) no-repeat 30px 6px; WIDTH: 100%; COLOR: #fff; HEIGHT: 20px}
#sidebar #services .subMenu LI A:hover {
	PADDING-LEFT: 47px; BACKGROUND: url(style/menuImg01.gif) #12224d no-repeat 31px 6px}
#sidebar #services  LI A.current { color:#ff6600;}
	
#sidebar #services h3 { background:url(style/serviceH2bg.gif); color:#FFF; font-size:14px; padding-left:15px; padding-top:10px; }
 /*#sidebar #services li ul { margin-left:10px;  *margin-top:-15px;  }*/
#sidebar #info h3 { color:#12224d; font-size:14px; padding-left:15px; padding-top:5px;  }
#sidebar #info li a { background:url(style/menuImg02.gif) no-repeat left; font-size:12px; color:#12224d; padding-left:17px; }
#sidebar #info li a:hover { margin-left:2px;}
#sidebar #info li { padding-left:15px;}

/* catalog style*/
#catalog {margin:0 auto; padding:20px 0 0 8px !important; 
  overflow:hidden;   width:705px;  text-align:center;color:#1767a4;}
#catalog p {padding:0 15px 20px;color:#1767a4;}
#catalog span {;color:#1767a4;}
h1.catalog { width:630px; font-size:18px; color:#1767a4; display:block;
 padding:0 0 6px 5px; font-weight:400; border-bottom:dashed #1767a4 2px; margin-top:15px;}


#catalog #catalogMain { float:left; margin-left:40px; display:inline; width:640px; margin-bottom:4px; text-align:center; 
/*margin-left:10px !important; */ /*background:url(style/catalogBg01.gif)  no-repeat #1767a4;*/ padding-top:4px; padding-bottom:10px !important; }
#catalog #catalogMain .pdt { float:left; display:inline; height:158px;width:140px; margin:0 1% 20px !important;  margin:0 2% 20px; }
#catalog #catalogMain .pdt .pdtImg { display:block; background:url(style/pdtBg.gif) no-repeat bottom left; padding:0 0 5px 5px; margin:0 0 0 -3px; }
#catalog #catalogMain .pdt a { font-size:12px; display:block; width:129px; line-height:21px; 
/*background:url(style/pdtNameBg.gif) no-repeat bottom; */color:#FFFFFF; text-align:center; margin:2px 0 0 -2px; overflow:hidden; }
#catalog #catalogMain .pdt a:hover { color:#FF6600; }
#catalog #catalogMain .pdt img { filter:alpha(opacity=90); opacity:.90; margin-left:0px;}
#catalog #catalogMain .pdt img:hover { filter:alpha(opacity=100); opacity:1; margin-left:2px;}


#pic {	padding: 0 30px 0 0px; }
.recommend, .newproducts, .childcat {  
     margin:0px -30px 5px -20px; padding:10px 20px 0 30px; clear:both; }
.thumb {width:130px; float:left; height:160px; margin-left:5px;}
.thumb img { width:100px; height:100px;}
.thumb h3 {display:block; padding:3px; text-align:center;}
.thumb span {display:block; padding:2px; text-align:center;}
.thumb span img {border:none!important;}
.thumb span a {border:none!important; text-decoration:none; text-align:center;}

.item {width:155px; float:left; height:150px; margin-left:8px; }
.item .box1 { float:left; width:18px; }
.item img { float:left; margin-right:5px; width:100px; height:100px;}
.item h3 {display:block; padding:3px; text-align:center;}
.item span {display:block; padding:1px; text-align:center;}
.item span img {border:none!important;}
.item span a {border:none!important; text-decoration:none; text-align:center;}

img.productimg {border:solid 1px #716148; margin:0 0 0 8px;}
h1.pic { color:#000; width:135px; height:25px;  font-size:12px; color:#FFF; background: url('style/picH1Bg.gif') no-repeat left top; padding-left:15px; padding-top:3px; font-weight:normal; margin-top:4px; font-weight:bold; width:100%;}h1.childcatalog { color:#000; width:650px; background:url(style/classNameBg.gif) no-repeat ; font-size:12px; color:#FFF; padding-left:5px; padding-top:1px; font-weight:normal; height:25px; margin-top:4px; font-weight:bold;}
h3 { margin-top: 0; font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px;}
.recommend p.more a, .newproducts p.more a, .childcat p.more a{
	background:url(style/more.gif) 4px 4px no-repeat; width:56px; display:block; float:right;
	margin-top:2px; margin-right:50px; clear:both; padding-left:28px; color:#FFFFFF;}
.recommend p.more a:hover, .newproducts p.more a:hover, .childcat p.more a:hover {
	background:url(style/more_hover.gif) 4px 4px no-repeat;}
	
.select { background:url(style/classNameBg.gif) no-repeat ;; width:90%; height:25px; margin-bottom:10px; color:#FFFFFF; padding-left:30px;}
.select a img { margin-top:3px;}

/*#catalog #catalogDst { float:right; display:inline; width:27%; background:url(style/catalogBg02.gif) no-repeat left top; height:467px; }
#catalog #catalogDst p { font-size:11px; }*/
/* footer style */
#footer { height:150px; border-top:2px solid #999999; text-align:center; margin:0 auto; margin-top:10px; background-color:#00548A;  }
#footer p{ font-size:11px; color:#FFFFFF; line-height:2em;}
#footer p a{ font-size:11px; color:#FFFFFF; }
#footer p a span{ font-size:11px; color:#FF6600; }


/* listpage style */
#location { height:28px; background:url(style/locationBg.gif) no-repeat; margin:2px 0 10px; color:#FFF; padding-top:2px; padding-left:15px;}
#location a { font-size:12px; color:#FFF; text-decoration:underline;}
#location a:hover { font-weight:bold;}
#listPage { width:710px; }
#listIntro, .printings { line-height:18px; margin-top:10px; border-bottom:1px solid #999999; width:95%;}
#listIntro p { margin-bottom:5px; font-size:11px;  width:95%;}
#listIntro h1 {  font-size:12px; font-weight:bold; height:25px; margin-bottom:1px; }

.printings h2 { height:16px;}
.printings .box1 { float:left; width:20px; margin-right:1px;}
.printings img { float:left; margin-right:5px; border:1px solid; }
.printings p { font-size:10px; }
.printings div { width:300px; float:right; }
.printings a img { float:none; vertical-align:top; border:none;}
.printings DL {MARGIN: 0px auto; WIDTH: 600px;}
.printings DD IMG { DISPLAY: block; MARGIN-BOTTOM: 10px; float:left;}
.printings DD { MARGIN: 0px auto 15px; WIDTH: 600px; border:#990000 1px dashed; clear:both; text-align:left;}
.printings DD div{margin:0;}
.printings DD.pic {border:none;}
#script { width:140px; margin-left:5px;}
.printings DT { WIDTH: 600px}

#subpage #listPage .top { float:left; margin-left:650px; margin-top:20px;}

.mainNavigat { height:100px; background-color:#0066CC; color:#FFFFFF;}

#pages { text-align:center;}
#pages a{ color:#FF6600;}

/************************** new css 2009 6 2****************************************/
ul#articlelist { margin-bottom:30px;}
ul#articlelist li{ border-bottom:dashed #00548A 2px; width:90%; margin-top:10px; margin-left:10px;}
ul#articlelist li p{width:95%;}
ul#articlelist li strong a { font-size:14px;}
ul#articlelist li span,span a,p a { font-size:11px; color:#666666; line-height:1.5em;}
#content .article h2.articlecat { width:600px; background:url(style/classNameBg.gif) no-repeat; font-size:16px;font-style:normal; padding-left:5px; }
#content .article h2.articlecat a{color: #FFFFFF; font-size:16px; font-weight:bold; font-style:normal;}
#content .article h2.title {color: #00548A; font-size:16px; font-weight:bold; font-style:normal; background:none; text-align:center; padding-left:20px;}
#content .article .line { font-style: italic; border-bottom:dashed #00548A 2px; width:95%; color:#00548A;}
#content .article .line a{ color:#FF6600;}
#content .article .articles { margin-bottom:20px;}
#content .article .articles p,span,font,div,table{color:#00548A; line-height:1.5em;}
#content .article .articles a{color:#FF6600; margin-left:2px; margin-right:2px;}

/***products channel**/
#cart { text-align:center; float:left; width:100%; height:30px;}
#cart li { float:left; font-size:14px; color:#DB4F07;}
#cart li a {font-size:14px;}

#childcat_product .product_introduce { float:left;border-bottom:dashed #00548A 2px; width:95%; margin-bottom:5px; height:130px;}
#childcat_product .product_introduce .product_list{ float:left; text-align:center; width:auto;}
#childcat_product .product_introduce .product_list img { width:100px; height:100px;}
#childcat_product .product_introduce .introduce span{ display:block; margin-bottom:3px;}
#childcat_product .product_introduce .introduce {width:70%; float:left; padding:0 20px; height:105px;}
#childcat_product .product_introduce a {color:#FF6600;}
#childcat_product .product_introduce .cart{ float:right; text-align:right; height:25px; overflow:hidden;  margin:0; width:200px;}
#childcat_product .product_introduce .cart a { display:block; width:75px; height:25px; float:right;}

.image {float: left; width: 340px; margin-left: 5px; height: 190px; _margin: -2px; }
.image ul.introduce {float: left;  width: 360px;}
.image ul.introduce li { float: left; width: 180px; color:#1767a4;}
.image ul.introduce li a { color:#FF6600; margin:0 5px 0 5px; font-size:110%; }
.image ul.introduce li span { float: left; margin-top: 10px; overflow: hidden; width:170px; color:#fff;  text-align:left;}
.image ul.introduce li.pic {width: 140px; margin-top:20px;}
.image ul.introduce li.pic img:hover { filter:alpha(opacity=100); opacity:3; margin-left:2px;}

#siteMap  h2 { display:block; background:url(style/introBg.gif) no-repeat; font-style:italic; width:680px; line-height:30px; vertical-align:middle; padding-left:35px; margin-top:4px;}
#siteMap  h2 a{ color:#FFFFFF; margin-left:10px; text-decoration:underline; font-size:17px;}
#siteMap  h2 a:hover {text-decoration:none;}
#siteMap  h3 { clear:left; color:#000; width:95%; height:25px;  font-weight:bold;border-bottom:dotted #00548A 1px;}
#siteMap  h3 a { color:#00548A; margin-left:10px;font-size:15px;}
#siteMap ul.subProList li, ul.mainProList li { float:left; width:100px; margin-left:30px; margin-top:10px;}

/*20090723*/
.printings DD { float:left;  padding:10px;}
.printings DD div {float:left; }
#container #main #sidebar #article_info .chinee_articles li a{list-style:disc}
#sidebar #article_info h3 { color:#12224d; font-size:14px; padding-left:15px; padding-top:5px;}
#sidebar #article_info li a {background:url(style/menuImg001.gif) no-repeat left; font-size:12px; color:#12224d; padding-left:17px;}
#sidebar #article_info li a:hover { margin-left:2px;}
#sidebar #article_info li { padding-left:15px;}