/************
 Common Style
 ************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#fff ; font:11px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:left }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:11px; font-weight:normal }
img { border:0 }
input, select, textarea { font:11px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#f60; text-decoration:underline }
.wrap { clear:both; width:810px; background:#fff; overflow:auto; *display:inline-block
}
.clear { clear:both }
.left { float:left }
.right { float:right }
.hidden { display:none }
/************
 Page Style
 ************/
.newPage { clear:both; background:#fff; margin:10px 0 0; padding:10px 0 20px; font:12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#555; text-align:center }
.newPage span, .newPage a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#555; vertical-align:middle }
.newPage span, .newPage a { *display:inline
}
.newPage a:hover, .newPage a.s, .newPage span.s { border:#690 1px solid; background:#74BF0A; color:#fff }
/************
 Index Style
 ************/
.red { color:#f00 }
#head { clear:both; background:url(../images/main_bg.gif) left bottom repeat-x; padding:0 20px 17px; overflow:auto; *display:inline-block
}
#head p { float:left; margin:17px 0 0 }
#head ul { float:right }
#head ul li { display:inline }
#head ul li img { vertical-align:bottom }
#main { clear:both; padding:0 40px }
.location { clear:both; margin:10px 0 0; overflow:auto; *display:inline-block
}
.location h1 { float:left; font-weight:bold; font-size:19px; line-height:39px }
.location h2 { float:right; font-size:11px; line-height:39px }
.productInfo, .productList { clear:both; margin:20px 0 0; overflow:auto; *display:inline-block
}
.productInfo .left { width:460px; border:#e5e5e5 1px solid; padding:10px; text-align:center }
.productInfo .left h1 { font-weight:bold; font-size:13px; line-height:29px }
.productInfo .right, .productList .right { width:230px }
.productInfo .right ul, .productList .right ul { background:url(../images/contact_bg.gif) repeat-x; padding:20px }
.productInfo .right li{padding:3px 0}
.productInfo .right li img, .productList .right li img { vertical-align:middle }
.productInfo .right li.s, .productList .right li.s{font-size:15px}
.productList .right li{font-size:11px}
.productList .left { width:460px; border:#e5e5e5 1px solid; padding:10px; text-align:center }
.productList .left ul { padding:3px 0; overflow:auto; *display:inline-block
}
.productList .left li { float:left; display:inline; width:108px; margin:0 3px; line-height:17px; color:#333; text-align:center; vertical-align:bottom ;word-wrap:break-word; overflow:hidden}
.productList .left li img { display:block; border:#e5e5e5 1px solid; padding:2px; margin:0 auto; vertical-align:bottom }
.contact { clear:both; border-top:#e5e5e5 1px dashed; border-bottom:#e5e5e5 1px dashed; margin:20px 0 0; padding:20px 0; text-align:center }
.contact p { width:480px; margin:0 auto; line-height:25px; color:#333; text-align:left }
.contact ul { width:500px; margin:20px auto 0; padding:1px 0 0; line-height:25px; color:#333; text-align:left }
.contact li { clear:both; border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; background:#f9f9f9; margin:-1px 0 0; vertical-align:bottom; overflow:auto; *display:inline-block
}
.contact li b { float:left; width:100px; padding:5px 10px; text-align:right }
.contact li span { float:right; width:360px; background:#fff; padding:7px 10px }
#foot { clear:both; padding:20px 0; line-height:25px; color:#333; text-align:center }