/* sell.css — Product Module Styles for bossso (default1/selllist.css compatible) */

/* nav_yy: Category navigation bar */
.nav_yy { max-width:1200px; min-width:800px; height:27px; line-height:27px; background:url(../image/bgnav_yy.gif) left bottom no-repeat; margin-left:15px; padding-left:175px; position:relative; margin-bottom:10px; }
.nav_yy ul { float:left; margin-right:110px; }
.nav_yy li { float:left; width:65px; height:24px; line-height:24px; text-align:center; background-position:-20px 0; margin:2px 4px 0 0; }
.nav_yy li.focus { width:70px; height:27px; line-height:27px; background-position:-90px 0; margin-top:0; color:#fff; }
.nav_yy li span { cursor:pointer; display:block; }
.nav_yy li a { color:#333; text-decoration:none; }
.nav_yy li.focus a { color:#fff; }
.nav_yy li a:hover { color:#f60; }
.hot { width:24px; height:16px; background:url(../image/bgnav_yy.gif) no-repeat 0 -105px; position:absolute; top:-10px; left:300px; display:inline-block; }

/* sinfo: Breadcrumb */
.sinfo { max-width:1200px; min-width:800px; padding-left:190px; color:#390; margin-bottom:10px; font-size:12px; }
.sinfo a { color:#390; font-size:12px; text-decoration:none; }
.sinfo a:hover { color:#f60; text-decoration:underline; }

/* main layout */
.main { max-width:1200px; min-width:974px; overflow:hidden; }

/* Left sidebar #l */
#l { float:left; width:170px; padding-left:15px; position:relative; }
#sl { float:left; width:170px; padding-left:15px; position:relative; }
.aboutlist { font-weight:bold; line-height:22px; }
.ul_1 { width:140px; margin-bottom:12px; line-height:22px; }
.ul_2 { width:140px; margin-bottom:12px; line-height:22px; }
.ul_1 span, .ul_2 span { color:#999; }
.ul_3 li { width:120px; margin-bottom:10px; line-height:22px; }
.ul_3 span { color:#999; }
.ul_3 li label { color:#06c; }
.ul_3 select { width:120px; }
#toggle { float:right; margin:6px 6px 0 0; display:inline; }
#toggle a { width:17px; height:486px; display:block; cursor:pointer; color:#4c94db; background:url(../image/toggle.gif) no-repeat; overflow:hidden; padding:4px 0 0 4px; }
#toggle b { width:6px; height:5px; font-size:0; line-height:0; background:url(../image/toggle.gif) no-repeat 0 -165px; display:block; margin:2px 0 0 4px; }
#toggle b.off { background-position:-6px -165px; }
#toggle a:hover { background:url(../image/toggle.gif) -21px 0 no-repeat; text-decoration:none; }
.rank2 { text-indent:12px; }
.rank3 { text-indent:24px; }

/* Right result area #r */
#r { padding-top:5px; overflow:hidden; zoom:1; float:left; }

/* Search bar */
.searchbar { padding:4px 0 8px 5px; color:#999; font-size:12px; }
.searchbar b { color:#c00; }
.searchbar .kw { font-size:13px; }

/* Result list #res */
#res { overflow:hidden; clear:both; zoom:1; }
#res li { margin-bottom:20px; overflow:hidden; zoom:1; clear:both; list-style:none; }
#res li figure { float:left; margin-right:10px; width:100px; }
#res li figure img { width:100px; height:100px; border:1px solid #ddd; padding:2px; background:#fff; display:block; }
#res li figure a { display:block; }
#res li .contentlist { overflow:hidden; }
#res li .contentlist h3 { font-size:14px; line-height:21px; margin-bottom:4px; }
#res li .contentlist h3 a { color:#06c; text-decoration:underline; }
#res li .contentlist h3 a:hover { color:#f60; text-decoration:underline; }
#res li .contentlist .price { color:#f60; font-weight:bold; font-size:14px; margin-bottom:4px; }
#res li .contentlist .desc { color:#000; font-size:13px; line-height:140%; word-wrap:break-word; margin-bottom:4px; }
#res li .contentlist .url { color:#390; font-size:12px; }
#res li .contentlist .url cite { font-style:normal; }
#res li .contentlist .update { color:#999; }
#res li.noresult { color:#999; padding:20px 5px; }
#res li.noresult a { color:#06c; }

/* Pagination */
.pages { padding:40px 0 10px 0; text-align:center; font-size:12px; color:#666; }
.pages a { font-size:14px; text-decoration:underline; margin-right:8px; color:#06c; }
.pages a:hover { color:#f60; }

/* Advanced search form buttons */
.graybtn2 { padding:3px 12px; background:#e0e0e0; border:1px solid #ccc; cursor:pointer; font-size:13px; color:#333; }
.graybtn2:hover { background:#d0d0d0; }
.tac { text-align:center; }
input.input118-18 { width:118px; height:18px; border:1px solid #ccc; padding:2px 4px; }

/* Product detail page */
.pos { padding:8px 0; color:#999; font-size:12px; }
.pos a { color:#390; text-decoration:none; }
.pos a:hover { color:#f60; }
.title_trade { font-size:16px; font-weight:bold; color:#333; line-height:1.4; }
.f_dblue { color:#0360af; font-weight:bold; white-space:nowrap; }
.f_orange { color:#f60; }
.btn-inquiry { display:inline-block; padding:6px 18px; background:#06c; color:#fff; text-decoration:none; font-size:13px; border:none; cursor:pointer; }
.btn-inquiry:hover { background:#f60; color:#fff; }
.contact_head { background:#dff0fa; border:1px solid #b3d9f2; padding:5px 10px; font-weight:bold; color:#06c; }
.contact_body { border:1px solid #ddd; border-top:none; padding:10px; font-size:12px; line-height:1.8; }
.box_head { background:#dff0fa; border:1px solid #b3d9f2; padding:5px 10px; font-weight:bold; color:#06c; overflow:hidden; }
.box_body { border:1px solid #ddd; border-top:none; padding:10px; }
.content { font-size:14px; line-height:1.8; color:#333; word-wrap:break-word; padding:10px; }
.thumb img { border:1px solid #ddd; padding:2px; margin:2px; }
.b5 { height:5px; overflow:hidden; }
.b10 { height:10px; overflow:hidden; }

/* Sidebar ads */
#side { float:right; width:200px; }
#bar ul { list-style:none; }
#bar li { margin-bottom:8px; overflow:hidden; }
#bar li h3 { font-size:14px; line-height:21px; }
#bar li h3 a { color:#06c; text-decoration:underline; }
#bar li h3 a:hover { color:#f60; }
#bar li p { font-size:13px; color:#333; line-height:140%; }

/* Responsive */
@media (max-width:992px) {
  #l, #sl { display:none; }
  .main { min-width:0; }
  .nav_yy { padding-left:10px; }
  .sinfo { padding-left:10px; }
}
@media (max-width:768px) {
  #side { display:none; }
  #r { width:100%; }
}