@charset "utf-8";
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(/images/h-bg.gif) repeat-x 0 0; }
li { list-style: none;}
a { text-decoration: none; color: #f17b1f; }
img { border: none; }

input, select { vertical-align: middel; }

.wrapfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wrapfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1%;}
*+html .wrapfix {height: 1%;}
.wrapfix {display: block;}
/* End hide from IE-mac */

.tb { padding: 2px; border-color: #f4bd5d; width: 150px; margin: 0 5px; font-size: 11px; font-family: 'Bitstream Vera Sans Mono', Arial; color: #666; }
.btn { font-size: 11px; }

.layout { width: 760px; margin: 0 auto; }
.head { height: 272px; position: relative; }
.main {  }
.foot { height: 72px; margin-top: 12px; border-top: 5px solid #e7181a; background: url(/images/f-bg.gif) repeat-x left top; }
.foot-inner { position: relative; width: 760px; margin: 0 auto; color: #fff; }

/* head-->start */
.title  { position: absolute; left: 10px;  top: 20px;  z-index: 1; width: 240px; height: 55px;  background: url(/images/logo.gif) no-repeat 0 0; }
.gg     { position: absolute; left: 0px;   top: 80px;  z-index: 1; width: 760px; height: 180px; background: url(/images/gg.gif) no-repeat 0 0; }
.s-url  { position: absolute; left: 88px;  top: 52px;  z-index: 2; }
.s-tel  { position: absolute; left: 160px; top: 162px; z-index: 2; }
.s-mail { position: absolute; left: 190px; top: 182px; z-index: 2; }
.s-url  { font-size: 11px; color: #666; font-family: Arial; }
.s-tel, .s-mail { color: #fff; font-family: Arial; }
.title span { display: none; }
/* head-->over */

/* main-->start */
.side-1 { width: 150px; float: left; }
.side-2 { width: 598px; float: right; }

.box-1 { position: relative; padding: 0 10px 10px; width: 130px; background: #f9d7af url(/images/side-top-bg.gif) no-repeat left top; }
.box-1 ul { position: relative; z-index: 2; }
.box-1 li { height: 18px; line-height: 16px; padding: 6px 2px 0; margin: 0 0 0; background: url(/images/split-bg.gif) repeat-x left bottom; }
.box-1 a  { font-weight: bold; color: #982a01; }
.box-1-bt { position: absolute; width: 150px; height: 246px; left: 0px; bottom: 0px; z-index: 1; background: #f9d7af url(/images/side-bt-bg.gif) no-repeat left top; }

.box-2 { margin-bottom: 12px; }
.box-2 .box-tt { position: relative; height: 28px; line-height: 28px; padding: 0 10px; margin-bottom: 12px; background: url(/images/box-bgs.gif) no-repeat right top; font-size: 14px; color: #fff; font-weight: bold; font-family: Tahoma; }
.box-2 .box-ct { margin: 15px 0; }
.box-3 { width: 588px; height: 170px; padding: 6px 5px; background: url(/images/box-bgs.gif) no-repeat -162px -28px; }
.box-3 .box-tt { font-size: 16px; color: #fff; margin-bottom: 8px; padding-left: 5px; }
/* main-->over */

/* foot-->start */
.s-name      { position: absolute; top: 15px; left:  10px; font-family: Arial; font-size: 14px; color: #fff; }
.s-contact   { position: absolute; top: 15px; right: 10px; font-family: Arial; }
.s-copyright { position: absolute; top: 35px; left:  10px; font-family: Arial; font-size: 11px; font-weight: bold; color: #ccc; }
/* foot-->over */

/* 特殊样式-->start */
.brands, .products { padding: 0 19px; }
.brands li , .products li  { float: left; display: inline; text-align: center; width: 140px; }
.products li { height: 125px; line-height: 1.4; }
.brands a  , .products a   { font-weight: bold; }
.brands   img { display: block; margin: 0 auto 5px; width: 120px; height: 120px; }
.products img { display: block; margin: 0 auto 5px; width: 120px; height: 80px; }

.product { padding: 0 10px; }
.product a { color: #982a01; text-decoration: underline; }
.product-nav { text-align: right; margin: 10px 0; color: #666; font-weight: bold; }
.product-nav span { float: left; }
.product-info { margin: 0 0 10px; height: 14px; line-height: 14px; color: #666; font-weight: bold; }

.box-ct .err { display: block; float: none; text-align: center; height: 180px; line-height: 180px; color: red; width: 100%; font-size: 14px; }
.box-ct { line-height: 1.6; }
.box-ct p { margin: 10px 0; clear: both; }

.google-box { position: absolute; top: 4px; right: 10px; }
.google-box input, .google-box img { float: left; display: inline; }
/* 特殊样式-->over */

.gg-ad { margin: 10px 0; padding-left: 15px; }

.nav { position: absolute; z-index: 1000; right: 0; top: 22px; }
.nav li { float: left; display: inline; margin: 0 3px; }
.nav a { color: #666; line-height: 31px; height: 31px; float: left; }
.nav-1 { padding-left: 31px; background: url(/images/nav-bg.gif) no-repeat 0 -31px; }
.nav-2 { padding-left: 34px; background: url(/images/nav-bg.gif) no-repeat 0 -93px; }
.nav-3 { padding-left: 42px; background: url(/images/nav-bg.gif) no-repeat 0 0px; }
.nav-4 { padding-left: 38px; background: url(/images/nav-bg.gif) no-repeat 0 -62px; }

.offers li { float: left; display: inline; width: 186px; margin: 0 5px; text-align: center; }
.offers img { width: 186px; height: 115px; margin-bottom: 5px; display: block; }
.offers a { color: #fff; font-weight: bold; }

.links { padding: 0 5px; }
.links li { width: 160px; float: left; margin: 0 5px; text-align: center; }
.links a { color: #666; font-weight: bold; }
.image-links img { display: block; margin: 0 auto; }
.text-links li { line-height: 1.8; }

.price { line-height: 2; margin: 5px 0; color: #333; font-weight: bold; }
.price b { color: #930505; font-size: 14px; font-family: Tahoma; }

.pager { float: right; }
.pager a { float: left; height: 19px; line-height: 19px; width: 19px; margin: 0 1px; text-align: center; display: inline; background: #f17b1f; color: #fff; border: 1px solid #fff; font-size: 11px; }
.pager a:hover { text-decoration: none; background: #fff; color: #f17b1f; border: 1px solid #f17b1f; }
.pager .current, .pager .current:hover { font-weight: bold; background: #efefef; color: #f17b1f; border: 1px solid #f17b1f; }