/************
 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
 ************/
 /************PAGE STYLE************/
.pageA { clear:both; padding:10px; font:12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center }
.pageA span, .pageA a { display:inline-block; border:#ddd 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#666; vertical-align:middle }
.pageA span, .pageA a { *display:inline
}
.pageA a:hover, .pageA a.s, .pageA span.s { border:#888 1px solid; background:#f5f5f5; color:#000 }
.pageA a.s, .pageA span.s { font-weight:bold }
/************HEAD 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 }

.wrap2 .imageList{padding:20px 0px; text-align:center}
.wrap2 .contentLeft{ float:none; display:block; clear:both; width:auto}
.wrap2 .productDetail{ height:100%;}
.wrap2 .productDetail .fl{width:auto}
.wrap2 .productDetail .fr{width:auto}
.wrap2 .productDetail .fr ul{ height:100%; border:#e5e5e5 1px solid; padding:10px 20px; overflow: hidden}
.wrap2 .productDetail .fr li{padding:5px 0px; float: left; display:inline-block; width:33%;}
.wrap2 .productDetail .fr li.s{clear:both; width:100%;}
.wrap2 .feedback{ padding:10px 0px;}
.wrap2 .feedbackLeft{ float:left; display:inline; width:480px; overflow:hidden}
.wrap2 .feedbackRight{float:right; display:inline; width:240px; overflow: hidden}
.wrap2 .feedback li b { float:left; width:100px; padding:5px 0px; text-align:right }
.wrap2 .feedback li span { float:right; width:370px; background:#fff; padding:5px 0px}
.wrap2 .feedbackRight .contact{clear:both; background:url(http://stonenet.org/images/contact_bg.gif) repeat-x; padding:20px}
.wrap2 .feedbackRight li { clear: none; border:0px; background: none; margin: inherit; line-height: inherit; vertical-align:bottom; overflow: hidden; *display:inline-block;}


/************FLOAT STYLE************/
.chatService .barOut, .chatService .barIn, .chatService .conIn dt, .chatService .conIn dt span, .chatService .conIn li, .chatService .borderOut, .chatService .borderIn { background:url(../images/float_bg.gif) no-repeat }
.chatService { clear:both; background:#fff; text-align:left; width:100px }
.chatService .barOut { clear:both }
.chatService .barIn { height:25px; background-position:right -98px; line-height:25px; color:#266da8; text-align:center }
.chatService .conOut { clear:both; border-left:#8ab3df 1px solid; border-right:#8ab3df 1px solid; background:#fff; padding:0 1px }
.chatService .conIn { background:#fff; padding:1px }
.chatService .conIn dt { clear:both; background-position:0 -26px; margin-top:1px; line-height:21px; color:#266da8; text-align:center; cursor:pointer }
.chatService .conIn dt span { display:block; height:21px; background-position:right -124px }
.chatService .conIn dt.gray { background-position:0 -70px; color:#666}
.chatService .conIn dt.gray span { background-position:right -168px }
.chatService .conIn dt.tran { background-position:0 -48px; color:#666}
.chatService .conIn dt.tran span { background-position:right -146px }
.chatService .conIn dd { padding:5px }
.chatService .conIn li { clear:both; background-position:-300px -206px; padding-left:10px; line-height:21px; color:#666; cursor:pointer }
.chatService .conIn li.no { background-position:-190px -239px; cursor:default }
.chatService .borderOut { clear:both; height:5px; background-position:0 -92px; overflow:hidden }
.chatService .borderIn { float:right; height:5px; width:5px; background-position:-195px -92px; overflow:hidden }