/*============================================================================*/
/*    Common                                                                  */
/*============================================================================*/

* {
  font-family: "Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
  /*  fix IE6 background flicker  */
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 12px;
  line-height: 180%;
}

img {
  margin: 0px;
  border: 0px;
  vertical-align: middle;
}

ul, ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ol, ol li {
  margin: 0px;
  padding: 0px;
}
li {
   height: auto;
}
dl,dd,dt {
  margin: 0px;
  padding: 0px;
}
p, form {
  margin: 0px;
  padding: 0px;
}

input, select, textarea {
  border: solid 1px #CCCCCC;
  font: 12px "Courier New";
  vertical-align: middle;
}
input.button {
  background-color: #EEEEEE;
  border: solid 1px #CCCCCC;
  padding: 2px 4px 0px 4px;
}
input.checkbox {
  border: 0;
}
input.radio {
  border: 0;
}
input.image {
  border: 0;
}
span.required {
  color: #FF0000;
}

a {
  cursor: pointer;
  color: #000000;
  text-decoration: none;
}
a:visited, a:link {
  text-decoration: none;
}
a:hover {
  color: #2359B1;
  text-decoration: none;
}

fieldset {
  margin: 0;
  border: solid 1px #CCCCCC;
}
fieldset legend {
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 14px;
  color: #6E9D11;
}

label {
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}

table.fixed {
  table-layout: fixed;
}

table.p td, table.p th {
  padding: 1px 4px 1px 4px;
}

table.p1 {
  table-layout: fixed;
  border: 1px solid #CCCCCC;
}
table.p1 td, table.p1 th {
  padding: 2px 5px 2px 5px;
  border: 1px solid #CCCCCC;
}

table.border {
  border: solid 1px #CCCCCC;
}

table.border td, table.border th {
  border: solid 1px #CCCCCC;
}

/*============================================================================*/
/*    Layout                                                                  */
/*============================================================================*/

#global {
  width: 100%;
}

#global-left {
}
#global-right {
}

#wrapper {
  width: 100%;
}

#page-header {
  position: relative;
  text-align: right;
  clear: both;
  height: 98px;
  background: transparent url(images/pageheader_bg.gif) repeat-x left bottom;
  font-size: 12px;
}
#cell-header-logo {
  position: absolute;
  z-index: 998;
  top: 2px;
  left: 10px;
}
#cell-header-phonenumber {
  position: absolute;
  z-index: 998;
  left: 370px;
}
#cell-header-lang {
  position: absolute;
  z-index: 998;
  top: 8px;
  left: 305px;
}
#cell-header-lang div {
  height: 20px;
  width: 60px;
  padding-left: 4px;
  background: transparent url(images/btn_edition.gif) no-repeat 0 3px;
  text-align: left;
}
#cell-header-nav-top {
  position: absolute;
  z-index: 998;
  top: 2px;
  right: 10px;
  color: #808080;
  text-align: right;
}
#cell-header-cart {
  position: absolute;
  z-index: 998;
  top: 24px;
  right: 10px;
  height: 30px;
  padding: 5px 0 0 34px;
  background: transparent url(images/pageheader_cart.gif) no-repeat;
  color: #808080;
  text-align: right;
}
#cell-header-nav {
  position: absolute;
  z-index: 998;
  bottom: 3px;
  right: 5px;
  font-size: 12px;
}
#cell-header-nav ul {
  float: right;
  list-style-type: none;
  border-left: 1px solid #6E9D11;
}
#cell-header-nav li.other {
  float: left;
  height: 23px;
  padding: 0 5px 0 5px;
  border-top: 1px solid #6E9D11;
  border-right: 1px solid #6E9D11;
  border-left: 1px solid #FFFFFF;
  background: url(images/pageheader_other_bg.gif) repeat-x;
}
#cell-header-nav li.other div {
  padding-top: 2px;
}
#cell-header-nav li.other a {
  color: #000000;
  font-weight: bold;
}
#cell-header-nav li.other a:hover {
  color: #F2F2F2;
}
#cell-header-nav li.other_selected {
  float: left;
  height: 23px;
  padding: 0 5px 0 5px;
  border-top: 1px solid #6E9D11;
  border-right: 1px solid #6E9D11;
  border-left: 1px solid #FFFFFF;
  background: url(images/pageheader_other_selected_bg.gif) repeat-x;
}
#cell-header-nav li.other_selected div {
  padding-top: 2px;
}
#cell-header-nav li.other_selected a {
  color: #000000;
  font-weight: bold;
}
#cell-header-nav li.other_selected a:hover {
  color: #F2F2F2;
}

#search-bar {
  width: 100%;
}
#search-bar #openx_header{
  padding:2px 0 2px 0;
  position: absolute;
  left: 20px;
}
#search-bar #openx_header div{
  width: 0px;
}
#search-bar #search-left {
  padding: 2px 0 2px 0;
  background-color: #FCFCE1;
  border-top: #E1E7BF 1px dashed;
  width:100%;
  height:20px;
  position: relative;
}
#search-bar #search-right {
  padding: 2px 20px 3px 20px;
  background:#F3FCE0;
  border-top: 1px solid #E1E9CF;
  height: 20px;
}
#search-bar #ECS_COLLECT span {
  position:absolute;
  right: 20px;
  padding-left:24px;
  background: transparent url(images/icon_collect.gif) no-repeat 0px 2px;
}
#search-bar #HLK_RECOMMEND {
  position: absolute;
  right: 160px;
  padding-right: 5px;
  padding-left: 24px;
  background: transparent url(images/icon_heart.gif) no-repeat 3px 5px;
}
#ECS_UR_HERE {
  margin-left: 20px;
  padding:2px 0 2px 15px;
  background: url(images/icon_ur_here.gif) no-repeat center left;
}
#page-footer {
    clear: both;
    padding-top: 8px;
    padding-bottom: 40px;
	background: #F3FCE0;
	text-align: center;
}

#page-footer div {
  padding-bottom: 2px;
}

#page-helper {
  clear: both;
  text-align:center;
  border: 4px solid #F2F7F1;
}

#page-helper table td {
  padding: 3px;
}

#page-helper ul {
  text-align: left;
  width: 147px;
  margin:15px 0px;
}

#page-helper ul li  {
  background: url(images/bottomdot.gif) no-repeat left center;
  padding-left:10px;
  text-align: left;
}

#container {
  margin:0 auto;
  width: 960px;
  overflow: hidden;
  padding-bottom: 15px;
}
#left-pane {
  float: left;
  overflow: hidden;
  width: 200px;
}
#main-pane {
  float: left;
  overflow: hidden;
  width: 560px;
}
#right-pane {
  float: left;
  overflow: hidden;
  width: 200px;
}

.cell-block {
  margin: 1px 0px 15px 1px;
}

/*============================================================================*/
/*    Warp                                                                  */
/*============================================================================*/

.warp1 { background: url(images/warp1.gif) no-repeat; }
.warp1_tl {width: 100%; height: 5px; background-position: 0% 0px;}
.warp1_tr {width: 100%; height: 5px; background-position: 100% 0px;}
.warp1_m {width: 100%; overflow: hidden; background-position: 0% -5px; background-repeat: repeat-x; }

.warp2 { background: url(images/warp2.gif) no-repeat; }
.warp2_tl { width: 100%; height: 12px; background-position: 0% 0px; }
.warp2_tr { width: 100%; height: 12px; background-position: 100% 0px; }
.warp2_m { width: 100%; overflow: hidden; background-position: 0% -12px; background-repeat: repeat-x; }

.warp3 { background: url(images/warp3.gif) no-repeat; }
.warp3_tl {width: 100%; height: 16px; background-position: 0% 0px;}
.warp3_tr {width: 100%; height: 16px; background-position: 100% 0px;}
.warp3_bl {width: 100%; height: 16px; background-position: 0% -37px;}
.warp3_br {width: 100%; height: 16px; background-position: 100% -37px;}
.warp3_m {width: auto; background: #EFF8DE; border-left: solid 2px #B6D084; border-right: solid 2px #B6D084; }

.t1 { background: url(images/title1.gif) no-repeat; }
.t1_l {height: 40px; background-position: 0% 0px; padding-left: 6px;}
.t1_r {height: 40px; background-position: 100% 0px;}

.dotted_line {
  border-top: 1px dashed #CECECE;
  margin: 10px 0 10px 0;
}

.image_border {
  display: table;
  border: 1px solid #959595;
}
.image_border img {
  border: 2px solid #FFFFFF;
}

ul.cell_menu {
  border: 2px solid #6E9D11;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
ul.cell_menu li{
  margin: 1px 0px 0 0px;
  padding: 1px 10px;
  text-align: left;
}
ul.cell_menu li.cell_menu_title {
  margin: 0;
  padding: 1px 0 1px 0;
  border-bottom: 1px solid #6E9D11;
  background-color: #E3F8B8;
  letter-spacing: 1px;
}
ul.cell_menu li.cell_menu_selected {
  background: #F4FDE4 url(images/arrow_1.gif) no-repeat 165px center ;
}

.cell_menu2_title {
  background: url(images/title_category.gif) no-repeat;
  background-position: top left;
  height: 27px;
  padding-left: 6px;
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
}
.cell_menu2_title div {
  background: url(images/title_category.gif) no-repeat;
  background-position: top right;
  padding: 4px 6px 2px 0;
}
.cell_menu2_title a {
  font-size: 12px;
  color: #FFFFFF;
  font-weight: bold;
}
.cell_menu2_title span {
  float: right;
  padding-right: 5px;
}
.cell_menu2_title span a {
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  padding-right: 14px;
  background: url(images/arrow_more.gif) no-repeat;
  background-position: top right;
}

ul.cell_menu2, div.cell_menu2 {
  background: url(images/category_bg.gif) repeat-x bottom;
  padding: 2px 0 10px 0;
}
ul.cell_menu2 li{
  clear: both;
  padding: 1px 0 1px 2px;
}
ul.cell_menu2 li.a{
  background: url(images/arrow_3.gif) no-repeat 15px center ;
  padding-left: 25px;
}
ul.cell_menu2 li.a_down{
  background: url(images/arrow_3_d.gif) no-repeat 13px center ;
  padding-left: 25px;
}
ul.cell_menu2 .selected{
}
ul.cell_menu2 .selected a{
  font-weight: bold;
}
ul.cell_menu2 li.s {
}
ul.cell_menu2 li.s div {
  padding: 0 0 0 10px;
}

.cell_menu3_title {
  border-bottom: 4px solid #98BB3A;
}
.cell_menu3_title td{
  width: 66px;
  height: 23px;
  color: #FFFFFF;
  padding-left:7px;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
}
.cell_menu3_title .selected{
  background: url(images/title_tab_selected.gif) no-repeat;
}
.cell_menu3_title .unselected{
  background: url(images/title_tab_unselected.gif) no-repeat;
}

.title-div {
  border: 1px dashed #CECECE;
  height: 28px;
  background: url(images/blue_arrow.gif) no-repeat;
  padding-top: 9px;
  padding-left: 37px;
  font-size: 14px;
  font-weight: bold;
}

.content-div {
  border: 1px dashed #CECECE;
  border-top-width: 0;
  padding: 16px 32px 16px 32px;
  margin-bottom: 10px;
  text-align: left;
}

.content-div td {
  padding: 0 5px 0 5px;
}
.underline li {
  border-bottom: 1px dashed #CECECE;
  background: url(images/icon_arrow1.gif) no-repeat;
  background-position: 0 1px;
  padding-left: 17px;
}

ul.tag1 {
  float: left;
}
ul.tag1 li {
  float: left;
  background: url(images/btn_cat_l.gif) no-repeat left top;
  height: 22px;
  padding-left: 6px;
  margin: 0 6px 4px 0;
}
ul.tag1 li div {
  background: url(images/btn_cat_r.gif) no-repeat right top;
  padding: 1px 6px 0 0;
}
ul.tag1 li div a {
  font-weight: bold;
}

div.button1 {
  float: left;
  background: url(images/btn_cat_l.gif) no-repeat left top;
  height: 22px;
  padding-left: 6px;
  margin: 0 6px 4px 0;
}
div.button1 div {
  background: url(images/btn_cat_r.gif) no-repeat right top;
  padding: 1px 6px 0 0;
}

ul.arrow1 li {
  background: url(images/icon_arrow1.gif) no-repeat;
  background-position: 0 1px;
  padding-left: 15px;
}

.clear {
 clear: both;
}
.f9 {
 font-size: 9px;
}
.fontred {
 color: #FF0000;
}
.grey_title {
  background: url(images/grey_title.gif) repeat-x;
  height: 27px;
  padding: 5px 10px 0px 10px;
  font-weight: bold;
}
.grey_title div {
  float: right;
}
.grey_title div a {
  padding-right: 14px;
  background: url(images/arrow_more.gif) no-repeat;
  background-position: top right;
}
.grey_block {
  padding: 2px 3px 4px 3px;
  border: 3px solid #F2F7F1;
  border-top: 0;
}

.text_right {
 text-align: right;
}
.text_left {
 text-align: left;
}
.blue_title {
  background: url(images/blue_title.gif) repeat-x;
  height: 27px;
  padding: 5px 10px 0px 10px;
  font-weight: bold;
}
.blue_title div {
  float: right;
}
.blue_title div a {
  padding-right: 14px;
  background: url(images/arrow_more.gif) no-repeat;
  background-position: top right;
}
.blue_block {
  padding: 2px 3px 4px 3px;
  border: 3px solid #F2F7F1;
  border-top: 0;
}
.text_center{
  text-align:center;
}
.green_text_big{
  padding: 0px 4px;
  color: #6E9D11;
  font-size: 14px;
  font-weight: bold;
}
.green_text_big a{
  color: #6E9D11;
}

.green_text, .green_text a{
  color: #6E9D11;
}

.blue-text, .blue-text a{
  color:#06c;
}
.blue-text a{
  text-decoration: underline;
}
.grey_blue_bg{
 background: #e5e9e4;
}
.grey_blue_bg_dark{
 background: #d5d8d3;
}
.clear {
 clear: both;
}
a.more {
  padding-right: 14px;
  background: url(images/arrow_more.gif) no-repeat;
  background-position: top right;
}

.invalid-price {
  background: url(images/line_through.gif) repeat-x center 7px;
}
.goods-price {
  color: #E44087;
}
.goods-price span {
  font-weight: bold;
}
.promote-price {
  font-size: 14px;
  color: #FF0000;
}
.promote-price span {
  font-size: 12px;
  font-weight: bold;
}
.discount-price {
  color: #FF0000;
  font-size: 14px;
  font-weight: bold;
}
.discount-price span {
  font-size: 12px;
  font-weight: bold;
}

.sns-share { display:none }
    
/*============================================================================*/
/*   惊喜秒杀价模块                                                           */
/*============================================================================*/
#daily_deal {width: 441px;height:260px;overflow:hidden;border:1px solid #D3D3D3;}
#daily_deal li{width:441px;height:260px;overflow:hidden;}
#daily_deal .d_title{background:url(images/dd_title.gif) no-repeat center center scroll;display:block;height:30px;width:100%;margin:5px 0;}
#daily_deal .d_lcontent{float:left;padding:0px 5px 0 7px;width:200px;}
#daily_deal .d_rcontent{color:#dea554;float:left;margin-left:5px;width:220px;}
#daily_deal .d_name{color:#000;font-size:16px;}
#daily_deal .d_spec{color:#888}             
#daily_deal .d_cost{color:#888;text-decoration:line-through}             
#daily_deal .d_discount{font-weight:bold;font-size:14px;color:#ff6602;font-family:verdana}      
#daily_deal .d_save{font-weight:bold;font-size:14px;color:#319a02;font-family:verdana}
#daily_deal .d_btn{background:url(images/dd_btn.gif) no-repeat center center scroll;display:block;width:211px;height:51px;margin:5px 2px;} 
#daily_deal .d_sold_out_btn{background:url(images/dd_sold_out_btn.gif) no-repeat center center scroll;display:block;width:125px;height:45px;margin:5px 2px;} 
#daily_deal span.d_price{text-shadow: 1px 1px 1px #000;color:#fff;font-size:17px;margin:12px 0px 0px 8px;float:left;font-weight: bold;font-family: verdana;} 

/*============================================================================*/
/*   首页拼购模块                                                           */
/*============================================================================*/
.pg{border:1px solid #C3C3C3;position:relative}
.pg img{margin:5px 5px 5px 10px;padding:3px;border:1px solid #D3D3D3}
.pg em{padding:0 3px;font-weight:bold;font-size:14px;color:#FF0000}
.pg .pg_countdown{color:#999;text-align:center}
.pg .invalid-price{color:#999}
.pg .promote-price{font-size:16px}
.pg .pg_l{color: #999999;line-height: 30px;position: absolute;right: 80px;text-align: right;top: 28px;z-index: 99;}
.pg .pg_r{color: #999999;line-height: 30px;position: absolute;right: 10px;text-align:left;top: 28px;z-index: 99;}
.pg .thermometer{background: url("images/index_pinggou.gif") no-repeat scroll -47px -50px transparent;height: 106px;position: absolute;right:40px;top:56px;width:37px;z-index:1}
.pg .process{background: url("images/index_pinggou.gif") no-repeat scroll 0px -50px transparent;height:0px;position: absolute;right:40px;top:56px;width:37px;z-index:2}
.pg span.pg_label{color:#999;width:105px;display:inline-block}
.pg a.pg_buttom{display:block;background:url("images/index_pinggou.gif") no-repeat scroll -110px -50px transparent;width:118px;height:34px;margin:5px 55px}
.pg .pg_middle{margin:5px 10px;border-bottom:1px dotted #D3D3D3;}
.pg .pg_title{background:url("images/index_pinggou.gif") no-repeat scroll 0 0 transparent;display:block;height:45px;width:100%;margin-bottom:5px}
