/* index.css */
.floor{float:left}
.board dl {height:146px;}
#content .left_box{float:left;width:200px;margin-right:10px;z-index:999}
#content .main_box{float:left;width:750px;margin-right:10px;overflow:hidden;}
#content .right_box{float:right;width:190px;overflow:hidden;}
#content .bottom_box{float:left;width:1150px;overflow:hidden;margin-left:100px;}

#daily_specials{height:220px;position:relative;}
#daily_specials .dd_icon{background:url("images/index.gif") no-repeat scroll -126px -81px transparent;display:block;width:66px;height:60px;position:absolute;right:0px;top:0px}
.slider{width:750px;height:350px}
#slider{float:left;background:url("images/special.gif") no-repeat scroll 0px 0px transparent;width:588px;height:220px;overflow:hidden;}
#slider p,h1{line-height:20px;}
#slider ul li{padding:10px 45px;width:498px;height:200px}
#slider em{color:#DEA554;}
#slider .dd_content{margin-left:220px;}
#slider .dd_title{background:url("images/special_title.gif") repeat-x scroll 0 0 transparent;width:270px;height:30px}
#slider .dd_price{background:url("images/index.gif") repeat-x scroll 0 0 transparent;float:left;height:38px;color:#FFF;font-size:14px;font-weight: bold;line-height: 38px;padding: 0 10px;font-family: tahoma;text-shadow:1px 1px 1px #000}
#slider .dd_sold{background:url("images/index.gif") repeat-x scroll 0 -40px transparent;float:left;height:38px;width:70px}
#slider .dd_sold_out{background: url("images/index.gif") repeat-x scroll -74px -40px transparent;float:left;height:38px;width:120px}
#slider .dd_buy{display:inline-block;float:left;cursor:pointer}
#slider #prevBtn a{position:absolute;top:100px;left:10px;width:24px;height:24px;background:url("images/prev.gif") no-repeat scroll 0 0 transparent;display:block}
#slider #nextBtn a{position:absolute;top:100px;right:10px;width:24px;height:24px;background:url("images/next.gif") no-repeat scroll 0 0 transparent;display:block}

#controls{position:absolute;bottom:5px;right:20px;}
#controls li{float:left}
#controls a{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#80000000', EndColorStr='#80000000');color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;overflow: hidden;text-align: center;width: 24px;font-family: helvetica;font-weight: bold;}
#controls .current a{background: none repeat scroll 0 0 rgba(141, 171, 28, 0.8);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#8DAE1C', EndColorStr='#8DAE1C');}

#login {height:160px;background-color:#E5E5E5;padding:4px;position:relative}
#login label{float:left;text-align: right;width: 50px;}
#login p{margin:10px 0}
#login dt{height:36px;margin-bottom:4px;position:absolute;z-index:2;}
#login dt span{float:left;background:url("images/key.gif") no-repeat scroll 14px 8px #FFF;line-height:34px;width:80px;padding-left:10px;display:inline-block;border-color:#D5D5D5;border-style:solid;border-width:1px 1px 0px 1px;height:40px;margin-right:4px;text-align:center}
#login dt a{float:left;line-height:34px;width:90px;display:inline-block;background-color:#FFF;border:1px solid #D5D5D5;margin-right:4px;text-align:center}
#login dd {z-index:0;background-color:#FFFFFF;border:1px solid #D5D5D5;height:117px;padding: 0 10px;position:absolute;top:44px;width:173px;}
#login dd span{height:25px;display:inline-block;margin:0 5px;line-height:25px;border-left:1px dotted #D5D5D5;padding-left:10px}
#login dd label{float:left;}
#login dd .login_btn{vertical-align: middle;border:none;cursor:pointer;width:55px;height:25px;margin:0 5px;line-height:25px;background:url("images/index.gif") repeat-x scroll 0 -81px transparent;}

#info dt{background-color:#E5E5E5;height:30px;padding:0 5px;border-bottom:1px solid #D5D5D5}
#info dt a{display:inline-block;padding: 5px 4px;}
#info dt a.on{background-color:#FFF;border-width:1px 1px 0px 1px;border-color:#D5D5D5;border-style:solid;position:relative;top:2px}
#info dd {height:90px;overflow: hidden;padding:5px 10px;}

#subscribe .s_title{border-bottom:1px solid #D5D5D5;background:url("images/index.gif") repeat-x scroll -20px -143px transparent;height:30px;margin:1px}
#subscribe .s_content{padding:10px}
#subscribe .s_btn{border:none;margin-left:5px;cursor:pointer;background:url("images/index.gif") no-repeat scroll -57px -81px transparent;width:54px;height:25px;}

.p_col{font-weight:bold;margin-bottom:10px;text-align:right;padding-right:10px;line-height:28px;background-color:#F1FFBF;border-top:3px solid #8DAE1C;}

.p_list{height:240px}
.p_list li{float:left;width:145px;margin:5px 1px;display:inline;overflow:hidden}
.p_list .p_name{height:40px;width:90%}
.p_ads {height:94px;background-color:#F8F8F8;padding:5px;border-top:1px dotted #C5C5C5;border-bottom:1px dotted #C5C5C5}
.p_ads img{border:1px solid #C5C5C5;padding:1px;float:right}
.p_ads .text_link {float:left;margin-right:10px;width:50%;list-style:square inside none}
.p_ads .text_link li{width:260px;height:23px;overflow:hidden;color:#888}

.cat_name{color:#2E5A13;float:left;font-size:16px;padding-left:25px;font-family:yahei;background:url("images/arrow_small.gif") no-repeat scroll 10px 8px transparent;}

/*============================================================================*/
/*   首页拼购模块                                                           */
/*============================================================================*/

#pg {position:relative;height:374px;color: #888;}
#pg .pg_l {position:absolute;top:240px;left:0px}
#pg .pg_l li,#pg .pg_r li{float:right;width:60px;color:#FF0000}
#pg .pg_r {position:absolute;top:280px;left:0px}

#pg dt{background:url("images/pg_bg.gif") no-repeat scroll 0 0 transparent;display:block;height:30px;text-align:right;padding:5px 5px 0 0}
#pg dt a {display: inline-block;padding:1px 8px;background-color:#FFF;border:1px solid #C5C5C5;color:#8DAE1C;}
#pg dt a.on {background-color:#8DAE1C;color: #FFF;border:1px solid #FFF}
#pg dd{height:350px;text-align:center}
#pg dd img{margin:3px;border:1px solid #D3D3D3}
#pg dd em{padding:0 3px;font-weight:bold;font-size:14px;color:#FF0000}
#pg .content{padding:0 10px;text-align:left}
#pg .content b{color:#999;width:75px;display:inline-block;font-weight:normal}
#pg .pg_countdown{padding-top:5px;border-top:1px dotted #C5C5C5;margin-top:70px}
#pg dd .p_name{font-size:13px;height:36px;line-height:18px;overflow:hidden}
#pg .thermometer{z-index:1;position:absolute;background: url("images/pg_bg.gif") no-repeat scroll 0px -75px transparent;width:150px;height:25px;top:255px;left:15px}
#pg .process {background: url("images/pg_bg.gif") no-repeat scroll 0px -45px transparent;position:absolute;top:255px;z-index:2;width:10px;height:25px;left:15px}
#pg a.pg_buttom {background: url("images/pg_bg.gif") no-repeat scroll 0px -105px transparent;display: block;height:34px;margin: 5px 35px;width: 118px;}

.price_label_blue, .price_label_red, .price_label_green,.price_label_pink,.price_label_yellow
{
    background: url("images/promotion_area_label2.png") no-repeat scroll 0 0 transparent;
    width:35px;
    height:20px;
    overflow:hidden;
    display:block;   
    font: 400 9px/15px yahei,Arial;
    text-align: center;
    position: absolute;
    top:1px ;
    right:0px;
    color:#fff;
}

.price_label_blue
{
    background-position: 0 0;
}
.price_label_red
{
    background-position: -35px 0;
}
.price_label_green
{
    background-position: -70px 0;
}
.price_label_pink
{
    background-position: -105px 0;
}
.price_label_yellow
{
    background-position: -140px 0;
}