@import url(reset.css);

/* ******** GLOBAL ******** */
html { overflow-y: scroll; }
body { background-color:  #fff; font-size: 12px; font-family: Arial,'微软雅黑', '宋体'; text-align: center; line-height: 14px; color: #58595b; }
a, a:link, a:visited { color: #58595b; text-decoration: none; font-family: Arial,'微软雅黑', '宋体'; }
a:hover, a:active { text-decoration: none; }
p { line-height: 15px; }
.combtn { display: inline-block; width: 141px; height: 110px; line-height: 110px; color: #3b3b3a; font-family: Arial; background: url(../images/btn-141px.gif) 0 0 no-repeat; border: 0;font-size: 10px; }
.search-text { font-size: 12px; font-family: Arial,'微软雅黑', '宋体'; color: #58595b; background: #fff url(../images/select_bg.gif) 100% 0 no-repeat; width: 180px; border: 1px solid #808080; display: block; padding: 2px 0; text-indent: 4px;cursor: pointer;  }

/* ******** COMMON CLASSES ******** */
.left { float: left; }
.right { float: right; }
.hide { display: none; } 

/* ******** LAYOUT ******** */
#wrap { width: 966px; margin: 0 auto; text-align: left; padding-bottom: 20px; }

#header { width: 100%; padding-top: 15px; }
#header #logo { float: left; padding-top: 15px; }
#header .right { background: url(../images/world.gif) 100% 0 no-repeat; padding-right: 100px; height: 68px;  }
#header .right h3 { padding: 15px 0 0 0; color: #00984a; font-size: 14px; }
#header .right h3 span { display: block; color: #008236; font-size: 10px; text-align: center; }

#mainNav ul.clear { width: 100%;margin-bottom: 10px;}
#mainNav ul.clear li { float: left; width: 138px; }
#mainNav ul.clear a { display: block; text-align: center; background-color: #00bbd8; color: #fff;  padding: 6px 0; font-size: 14px; font-weight: 800;  }
#mainNav ul.clear a span { display: block; font-size: 10px; font-weight: 100; }
#mainNav ul.clear a:hover, #mainNav ul.clear a.select { background-color: #00984a; }

#main { width: 100%; }

#siderbar { float: left; width: 182px; }
#siderbar #search h3 { font-size: 14px; margin-bottom: 5px; line-height: 18px; }
#siderbar #search h3 span { display: block; font-size: 12px;  font-weight: 100; }
#siderbar #search .inner { position: relative; padding-bottom: 10px; }

#siderbar #search div.hide { position: relative; border: 1px solid #808080; border-top: 0;  }
#siderbar #search div.hide ul.hideselect a { padding: 3px; padding-left: 4px; font-size: 12px; cursor: pointer; display: block;  }
#siderbar #search div.hide ul.hideselect a:hover { background-color: #39f; color: #fff; }

#siderNav ul.navTitle li { /**padding-left: 14px; background: url(../images/icon_arrow_gray.gif) 4px 2px no-repeat;**/ margin-bottom: 10px; font-size: 14px; font-weight: 800; }
#siderNav ul.navTitle a span { display: block; font-size: 12px; font-weight: 100; }
#siderNav ul.navImage { margin-bottom: 10px; }
#siderNav ul.navImage li { margin-bottom: 5px; }
#siderNav ul.navImage li img { display: block; }

#siderNav ul.navTitle li.noimg { background: none; padding-left: 0; margin-bottom: 5px; }

#content { float: right; width: 764px; }
#content .banner { text-align: right; margin-bottom: 10px; }
#content .banner img { display: inline-block; }
#content .base-title { *margin-bottom: 20px;_margin-bottom: 20px; }
#content .base-title h1 { font-weight: 100; font-size: 14px;word-spacing: 4px; }
#content .base-title h1 a { line-height: 16px; }
#content .base-title h2 { font-weight: 100; margin-bottom: 10px;word-spacing: 4px; }
#content .base-title h2 a { text-transform: capitalize; font-size: 11px; line-height: 16px; }
#content .container { width: 100%;font-family: Arial,'微软雅黑', '宋体'; }
#content .container .contentBody { width: 564px; }
#content .container .contentBody h2 { font-weight: 100; color: #00bbd8; line-height: 20px; }
#content .container .contentBody h2 span { color: #58595b; }
#content .container p.bodytext { line-height: 20px; }
#content .container p.bodytext a { color: #39f; }

#content .news-list-item { padding-bottom: 3px; background:  url(../images/news-bottom.gif) 0 100% no-repeat; margin-bottom: 8px;  }
#content .news-list-item h2.news-title { height: 3px; font-size: 0; background: url(../images/news-top.gif) 0 0 no-repeat; }
#content .news-list-item .inner { border: solid #e0e0e0; border-width: 0 1px; padding: 2px 5px; background-color: #fefefe; }
#content .news-list-item h3.clear { background: url(../images/icon_more_green.gif) 0 4px no-repeat; padding-left: 5px; color: #00BBD8; }
#content .news-list-item h3.clear a:hover { color: #008236; }
#content .news-list-item span.news-list-date { display: inline-block; font-weight: 100; margin-right: 8px; }
#content .news-list-item span.news-sub-title { display: block; }
#content .news-list-item p.bodytext { line-height: 16px; }
#content .news-list-item .news-list-morelink { text-align: right; padding: 0 10px; }
#content .news-list-item .news-list-morelink a { display: inline-block; padding-left: 14px; background: url(../images/arrow.gif) 0 50% no-repeat; height: 13px; line-height: 13px; }

#content .container .contentBody .news-single-item h2 { color: #333; }
#content .news-single-backlink { text-align: right; margin: 10px auto; border-top: 1px solid #e0e0e0; padding: 10px 5px 10px; background-color: #fbfbfb; }
#content .news-single-backlink a { color: #369; }

#sliderImages { width: 100%; position: relative; margin-bottom: 15px; }
#sliderImages div.images { width: 100%; position: relative; height: 150px; }
#sliderImages div.images div { position: absolute;  }
#sliderImages div.images a img { -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#sliderImages div.images img { height: 150px; width: 566px; }
#sliderImages div.loopnums { position: absolute; bottom: 4px; right: 4px; }
#sliderImages div.loopnums a { display: inline-block; width: 16px; height: 16px; background: url(../images/bg-mask.png) 0 0; color: #666; text-align: center; line-height: 16px; margin-left: 2px; }
#sliderImages div.loopnums a.current, #sliderImages div.loopnums a:hover { background: url(../images/bg-mask-white.png) 0 0 ; color: #fff; }

#content .duoble-list { text-align: left; }
#content .duoble-list h3 { color: #5b3f2c; font-weight: 800; line-height: 20px; font-family: Arial, Verdana; }
#content .duoble-list ul li { line-height: 16px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #e8e8e8; }
#content .duoble-list ul li span { display: block;line-height: 18px; }
#content .duoble-list ul li a strong { font-weight: 100; }

#content .container .show-list { margin-bottom: 40px; } 
#content .container .show-list .one-product { width: 149px; float: left; color: #000; padding: 0 2px 0 1px; text-align: center; height: 160px; }
#content .container .show-list h4 { font-weight: 100; text-align: left; color: #58595B; }
#content .container .show-list h4 span { display: block; font-size: 10px; }
#content .container .show-list .one-product p.contentText { text-align: left; /*height: 144px;*/ height: auto; padding: 5px 10px 5px 0; color: #808080; }
#content .container .show-list .one-product p.end { padding: 0 8px 4px 0; text-align: right; }
#content .container .show-list .one-product p.end a { color: #00984a; background: url(../images/icon_more_green.gif) 100% 50% no-repeat; padding-right: 4px; }

#content .container .innerBox { border: 1px solid #00ae29; background: #fff url(../images/innerBox-bg.gif) 0 0 repeat-y; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#content .container .innerBox .img-detail img { display: block; padding: 0 10px 10px 0; float: left; }
#content .container .innerBox .img-detail .inner { clear: right; }
#content .container .innerBox .img-detail .inner p { padding-bottom: 20px; }
#content .container .innerBox ul.ul-detail li { width: 260px; float: left; padding: 0 5px; }
#content .container .innerBox ul.ul-detail li h3 { background-color: #585858; color: #fff;  padding: 2px 0 2px 5px; margin-bottom: 4px; }
#content .container .innerBox ul.ul-detail li p { padding: 0 5px; line-height: 16px; }

#content .container .siderRight { width: 180px; text-align: center; }
#content .container .siderRight h2 { font-size: 12px; color: #00984a; font-weight: 100; }
#content .container .siderRight h2 span { font-size: 11px;display: block; } 
#content .container .siderRight p { font-size: 10px; color: #000; font-family: Arial,'微软雅黑', '宋体'; }

#content .single-list { margin-bottom: 5px;text-align: left; clear: both; height:115px;  padding-right: 10px; margin-bottom: 15px; }
#content .single-list .left { width: 160px; }
#content .single-list .right { width: 105px; }
#content .single-list h3, #content .single-list h3 a { color: #11c0db; font-size: 12px; line-height: 15px; }
#content .single-list h3 span { display: inline-block; font-size: 11px;color: #58595b; font-weight: 100; word-break:break-all; }
#content .single-list a { display: inline-block; }
#content .single-list img { display: block;height: 78px; }
#content #c99, #content #c101, #content #c102, #content #c103, #content #c104, #content #c137 { float: left; width: 282px; height: 115px; overflow: hidden; }

#content .siderRight .single { text-align: left; }
#content .siderRight .single h3 { color: #333; font-weight: 100; }
#content .siderRight .single h3 span { display: block; font-size: 10px; }
#content .siderRight .single li { padding-bottom: 20px; }
#content .siderRight .single li p { font-size: 12px; color: #808080; }

#footer {     clear: both;overflow: hidden; }
#footer p { color: #008236; font-weight: 800; text-align: center; font-size: 14px; line-height: 24px; font-family: Arial; margin-top: 10px; }
#footer .inner { padding-top: 4px; border-top: 1px solid #808080; color: #58595b;width: 100%; }
#footer .right ul li { float: left; margin-left: 15px; }

div.tx-powermail-pi1 { width: 100%; clear: both; overflow: hidden; }
fieldset.tx-powermail-pi1_fieldset { border: 0; background-color: #fff; margin-left: 10px; color: #58595b; }
fieldset.tx-powermail-pi1_fieldset legend { display: none;visibility: hidden; }
fieldset.tx-powermail-pi1_fieldset div.even { background-color: transparent; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html { width: 50%; float: left; margin-bottom: 5px; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_textarea { width: 80%; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_submitgraphic { width: 108px; float: right; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html label { display: inline-block; width: 80px; text-align: left; padding-right: 10px; font-weight: 100; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html label strong { display: block; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_textarea label { float: left; } 
fieldset.tx-powermail-pi1_fieldset span.powermail_mandatory { font-family: Arial, Tahoma; }
fieldset.tx-powermail-pi1_fieldset input.powermail_sendusanemail { background-color: #fff; border: 1px solid; border-color: #8f8f8f #cecece #cecece #8f8f8f; font: 12px normal Tahoma, Arial; padding: 2px; color: #909090; width: 228px; }
fieldset.tx-powermail-pi1_fieldset input.validation-failed { border-bottom-color: #c00; border-right-color: #c00; color: #c00; border-width: 1px; }
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { background-color: #fff; border: 1px solid; border-color: #8f8f8f #cecece #cecece #8f8f8f; font: 12px normal Tahoma, Arial; padding: 2px; width: 476px; height: 180px; line-height: 18px; color: 808080; }
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_submitgraphic input { font: 11px normal Tahoma, Arial; border: 0; }
fieldset.tx-powermail-pi1_fieldset div.powermail_mandatory_js { text-align: left; color: #c00; margin-left: 92px; }
fieldset.tx-powermail-pi1_fieldset input.powermail_text { width: 240px;font: 11px normal Tahoma, Arial; }

div.tx-powermail-pi1_thx { padding: 5px; }
div.tx-powermail-pi1_thx table.contenttable { width: 100%; }
div.tx-powermail-pi1_thx td.powermail_all_td { padding: 8px 5px 4px 0; width: 30%; }
div.tx-powermail-pi1_thx td.powermail_all_td b { color: #381111; }

.align-left { text-align: left; line-height: 18px; }
.align-right { text-align: right; line-height: 18px; }
.align-block { text-align: justify; line-height: 18px; }
.align-center { text-align: center; line-height: 18px; }


#content .products-list { text-align: left; }
#content .products-list div.product-view { float: left; width: 180px;padding: 0 5px 20px; min-height: 300px; *height: 345px; }
#content .products-list div.product-view h3 { color: #58595b; font-weight: 100; line-height: 24px; margin-bottom: 4px; text-indent: 1em; }
#content .products-list div.product-view h3 span { display: block; font-size: 10px; }
#content .products-list div.product-view a { display: block; margin-bottom: 10px; }
#content .products-list div.product-view a img { display: inline-block; }
#content .products-list div.product-view p { font-size: 12px; color: #808080; line-height: 20px; text-indent: 12px; padding: 0 20px 0 12px; }

.contentWrap { position: absolute; width: 562px; left: 50%; margin-left: -281px; top: 168px; }
img.loader { display: block; margin: 80px auto; }

div#c72 h1.csc-firstHeader { font-size: 24px; font-weight: 100; margin: 10px auto; line-height: 30px; }
fieldset#tx-powermail-pi1_fieldset_3 {  }
fieldset#tx-powermail-pi1_fieldset_3 { border: 0; background-color: #fff; margin-left: 10px; color: #58595b; }
fieldset#tx-powermail-pi1_fieldset_3 div.even { background-color: transparent; }

fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html {  float: none; margin-bottom: 5px; }
fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html_textarea { width: 70%; }
fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html_submitgraphic { width: 108px; float: none; }
fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html label { display: block; text-align: left; padding-right: 0; width: 128px; margin-bottom: 4px; font-weight: 100; font-size: 11px; }
fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html label strong { font-weight: 800; font-size: 12px; display: block; }
fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html_textarea label { float: none; } 

fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html_text { width: 100%; margin-bottom: 24px; height: auto; }
fieldset#tx-powermail-pi1_fieldset_3 span.powermail_mandatory { font-family: Arial,Tahoma; font-size: 12px; }
fieldset#tx-powermail-pi1_fieldset_3 input.powermail_sendusanemail { background-color: #fff; border: 1px solid; border-color: #8f8f8f #cecece #cecece #8f8f8f; font: 12px normal Tahoma, Arial; padding: 2px; color: #909090; width: 228px; }
fieldset#tx-powermail-pi1_fieldset_3 input.validation-failed { border-bottom-color: #c00; border-right-color: #c00; color: #c00; border-width: 1px; }
fieldset#tx-powermail-pi1_fieldset_3 textarea.powermail_textarea { background-color: #fff; border: 1px solid; border-color: #8f8f8f #cecece #cecece #8f8f8f; font: 12px normal Tahoma, Arial; padding: 2px; width: 476px; height: 180px; line-height: 18px; color: 808080; }
fieldset#tx-powermail-pi1_fieldset_3 div.tx_powermail_pi1_fieldwrap_html_submitgraphic input { font: 12px normal Tahoma, Arial; border: 0; }
fieldset#tx-powermail-pi1_fieldset_3 div.powermail_mandatory_js { text-align: left; color: #c00;  }
fieldset#tx-powermail-pi1_fieldset_3 input.powermail_text { width: 240px;font: 11px normal Tahoma, Arial; padding: 2px; }

fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid16, fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid19 { float: left; width: 54%; float:left; }
fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid18, fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid20 { float: left; width: auto; float:left; }
fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid18 label, fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid20 label { width: 72px; }
fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid17, fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid21 { clear: both; overflow: hidden; }
fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid22, fieldset#tx-powermail-pi1_fieldset_3 div#powermaildiv_uid23 { width: 72px; float: left; margin: 10px auto 10px 150px; }
fieldset#tx-powermail-pi1_fieldset_3 .powermail_reset { width: 72px; height: 50px; border: 0; background: url(../images/reset.jpg) 0 0 no-repeat; text-indent: -9999px; }

div.csc-sitemap { line-height: 20px; }
div.csc-sitemap ul li a { color: #00BBD8; font-size: 14px; }
div.csc-sitemap ul li span { display: inline-block; margin-left: 5px; font-size: 12px; color: #58595b; }
hr.clearer { display: none; }

#powermaildiv_uid52 { margin-bottom: 30px; }

#content .container .siderRight .home-free-section { width: 546px; height: 80px; border: solid #2a292a; border-width: 3px 2px 2px; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -160px; background: #e8e8e8 url(../images/home_free_gloves.jpg) 0 0 no-repeat; padding: 235px 25px 0; }
#content .container .siderRight .home-free-section p { font-size: 14px; color: #000; }
#content .container .siderRight .home-free-section a.click-closed { padding-left: 20px; display: inline-block; height: 18px; line-height: 18px; background: url(../images/icon_closed_x.gif) 0 50% no-repeat; }
#powermaildiv_uid41 , #powermaildiv_uid12{ float: none; text-align: center; width: 100%; padding-top: 30px; clear: both; overflow: hidden; }
#powermaildiv_uid53, #powermaildiv_uid55 { clear:both;float:none;overflow:hidden; }

