﻿body {
    text-align:center;
    padding:0;
    margin:0 auto;
    font:12px Tahoma;
    background:#FFF;    
}
/*表格基础样式*/
table { border-collapse:collapse; border-spacing:0;}

.x-logo-container {
    width:960px;
    height:50px;
    margin:0 auto;   }

.x-logo { width:265px; height:50px; background:url(/App_Resource/theme/images/logo.gif) no-repeat; }    
.x-std-logo{ width:680px; height:180px; background:url(/App_Resource/theme/images/x-logo.png) no-repeat; }
.x-common-button { width:120px; height:30px; background:url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAQQAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABQQEBAQEBQQEBQcFBAUHCQYFBQYJCggICQgICg0KCwsLCwoNDAwMDQwMDA8PEREPDxcWFhYXGRkZGRkZGRkZGQEGBgYKCQoTDQ0TFhEOERYZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZ/8AAEQgAHgB4AwERAAIRAQMRAf/EAIcAAQEBAQAAAAAAAAAAAAAAAAAHBgUBAQADAQAAAAAAAAAAAAAAAAAEBQYBEAAAAwQHCAICAwEAAAAAAAAAAQQC0gMVYaHRkhQFBxEhElNUlFUGQXExE1FDFiQRAAECAwgCAQIHAAAAAAAAAAABAhIDFBFRYZFSohMlYwQFIUHwMYHBciMG/9oADAMBAAIRAxEAPwCt+yez5quzdbDZWR0yVNHiJ4MFPEbg7oLRsG00bBstNG0bJnvMaT0fQlrKRzktVTN+77szkVEWxEWz6HGmmY+SXd2ofE2hk6UyIlXN1OzUTTMfJLu7UPhQydKZCrm6nZqJpmPkl3dqHwoZOlMhVzdTs1E0zHyS7u1D4UMnSmQq5up2aiaZj5Jd3ah8KGTpTIVc3U7NRNMx8ku7tQ+FDJ0pkKubqdmommY+SXd2ofChk6UyFXN1OzUTTMfJLu7UPhQydKZCrm6nZqJpmPkl3dqHwoZOlMhVzdTs1E0zHyS7u1D4UMnSmQq5up2aiaZj5Jd3ah8KGTpTIVc3U7NRNMx8ku7tQ+FDJ0pkKubqdmomuZeSXd2ofHKGTpQVc3U7NSg+gexLlzSjL1sU45p+BqFGb3tmxE4i4Wj+TI2D3ih+T9Zsl6Q/kpefG+y6a1Ud9VaSnPcwgQM9zaE23saZXKdpbD+YzR/wNP8AHSXO9dion2M77j0Se/8Akpzpqm5lR2CbTuuI3IgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIgmqbmVHYFO64ciCapuZUdgU7rhyIJqm5lR2BTuuHIhQdLVDCnMV7cNriZJmAyZ7y37Yh/P2Mx8+xWvYi3KaH4N1qP8A0/ck3vUWMj9vzqFGZNg2lkWIwTW7ay22ZkZfe0an4ZUd6jLPshS++xUnvtvM5j6RZwkSEY+kIRCMfSEIhGPpCEQjH0hCIRj6QhEIx9IQiEY+kIRCMfSEIhGPpCEQjH0hCIRj6QhEIx9IQiEtWh5RoswUNMGUNtuGyw2f4PhJrbs+toxP+mcnM1E+zTSfBNVGuXFDYe9QtM2ljP8Aqo6SGu4d3GzEOJw/G39ZGf1tFZ6NZYvBFZgTvbpbf7bLfxcYvD6G9YkuKXRYdt5CH1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bhh9DesSXFLodt5B1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bhh9DesSXFLodt5B1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bhh9DesSXFLodt5B1+G4YfQ3rElxS6HbeQdfhuGH0N6xJcUuh23kHX4bgSfQ7aX/YkuKXRztvIOvw3FX9Rh+ssoof+ejQYiP8Ar/QRkzT+SLf9ikn8ka8lsWJbSOOBOOyHA//Z') /*/App_Resource/theme/images/btn_common_120x30.jpg*/ no-repeat; border:none; }

form, select, optgroup, option, input, textarea { font:12px Tahoma; }

ul { padding:0; margin:0; }
li { list-style:none;}

div, form { padding:0; margin:0; }
div, p, h1, h2, h3, h4, h5, h6 { text-align:left; margin:0; padding:0; }

/*2011-06-16 fixed height set 115px
    LOREAL color #22161B
*/
.top {
        /*position:fixed; top:0; left:0; */
        height:30px; z-index:100; background:#ECECEC; width:100%;}
.top a { line-height:28px;}
.top a:hover { color:#337fe7;} 

#welcome { float:left; font:12px/24px Tahoma; padding:0 10px;}

#home { color:#337fe7; font:bold 12px/24px Tahoma;}
    .toolbar { width:960px; margin:0 auto;}
    .customer_menu { height:24px; display:block; float:right;}
    .customer_menu li { list-style:none; display:block; float:left; padding:0 5px; line-height:24px; height:24px;}
    .dot_tel { display:block; margin-top:4px; width:16px; height:16px; float:left;                        
                background:url('data:image/gif;base64,R0lGODlhDAAOAPQRAFKS6fD5/3ip6OTw+cvj9fn8/fj7/f3+/srV6u72+trr8+nz973h8a/P7GKc65G57jN/5////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAABEALAMAAQAJAA0AAAU4YCRGxPMsY6RAkOMwYgCwD4SINWQ6RTSwjVRE0BIGgMIGq5ciQgbCmY6QqgkAwZGh4QoII4mDMAQAOw==') /*theme/images/toolbar_tel_dot.gif*/ no-repeat;}
    .customer_menu li label { display:block; float:left; color:#337fe7; line-height:24px;}

.header { width:960px; height:80px;
          display:block;
          margin:0 auto;
          cursor:pointer;       
          /*position:relative;*/
          /*
            background pos left - top
            background:#FFF url('/App_Resource/theme_loreal/images/logo_std.png') no-repeat 0 0;  
          */          
          background:#FFF url('/App_Resource/theme_elc/images/banner.png') no-repeat 0 0;  
}
    
.hl_blue { color:#337fe7;}

.main { width:960px; margin:0 auto; padding-bottom:10px; }

.side { width:180px; display:block; float:left; }

.content{
    width:755px;
    padding:0;
    margin:0;
    display:block;
    float:right;
    background:#036;    
}

/*.footer {
    width:940px;
    height:120px;
    margin:0 auto;    
    background:#FFF;    
    }*/

.x-page-copyright { border-top:1px solid #C9C9C9; }
    
/*
    utils
*/
.spacer5 {height:5px;clear:both; }

.spacer10 { height:10px; clear:both; }

.clear_float { clear:both; font-size:1px; height:1px; content: "."; }
    
.x-number { font:11px Tahoma;}

.data-orgprice { color:#333; font:12px Tahoma;}
.data-price { color:#C00; font:bold 12px Tahoma;}

#pager_container { width:100%; height:30px; text-align:center; padding:5px 0;}

.x-pager { height:20px; display:block; background:#FFF; border:#036; text-align:center; }

.x-pager li { width:20px; height:20px; display:block; float:left; text-align:center; font:bold 12px/20px Tahoma; }

.x-pager li .currentPage { width:20px; height:20px; font:bold 11px/18px Tahoma; text-align:center; 
                           color:#FFF; background:#EC1A5B; display:block; }

.x-pager li a {
    color:#666;
    text-decoration:none;
    font:bold 11px/20px Tahoma;    
    }
/*
    修改密码 用户名提示

*/
.x-header-top-container {
    width:500px;
    height:25px;
    display:block;
    /*background:url(images/jo_head.jpg) repeat-x right -50px;*/
    background:url(images/top_help_bg.jpg) no-repeat;
    
    position:absolute;
    right:1px;
    top:1px;
    z-index:200;
}

.x-header-top-container-fixed{
    width:5px;
    height:25px;
    display:block;
    float:left;
    background:url(images/jo_head.jpg) repeat-x -366px -160px;
}

.x-header-top-menu {
    width:485px;
    height:24px;
    float:left;
    display:block;
    }
    
.x-header-top-menu-item
{
    width:75px;
    height:24px;
    text-align:center;
    font:12px/24px Tahoma;
    float:left;
    overflow:hidden;
    }

.x-header-top-menu-item a
{
    font:12px/24px Tahoma;
    color:#3B3B3B;
    text-decoration:none;
    }
/*
    商品分类 导航条

*/

.x-header-menu-container {
    padding:0;
    height:70px;
    background:url(images/menuTab_30x105.jpg) repeat-x;
    position:relative;
    }

.x-header-menu {
    height:70px;
    display:block;
    width:960px;    
    }

.x-header-menuitem-left {
    display:block;
    width:20px;
    height:35px;
    float:left;    
    background:url(images/menuTab_30x105.jpg) no-repeat 0 -35px;
}

.x-header-menuitem-right {
    width:30px;
    height:35px;
    float:right;
    display:block;
    background:url(images/menuTab_30x105.jpg) no-repeat 0 -70px;
    }

.x-header-menuitem { /*width:80px;*/
                     height:35px; text-align:center; display:block; padding:0 23px;
    float:left;
    font:bold 12px/35px Tahoma;
    }

.x-header-menuitem a 
{
    color:#FFF;
    }

/*
    商品 订单 提示栏
*/    
.x-header-customer-warpper{
    width:165px;
    height:25px;
    padding:0 5px;
    background:url(images/customerBG_175x25.gif) no-repeat;
    display:block;
    position:absolute;
    right:10px;
    top:80px;
    z-index:100;
    }

.x-header-customer-item { width:55px;
    height:25px;
    display:block;
    float:left;    
    font:bold 12px/25px Tahoma;
    text-align:center;
    }

.x-header-customer-item a {
    color:#036;
    font:12px/26px Tahoma; }

/*
    FOOTER style sheet
*/
#dataLicense ul { padding:5px;}
        #dataLicense li { line-height:200%; padding-left:20px;}
        #dataLicense p { line-height:160%; padding-left:20px;}
        #dataLicense h5 { text-indent:24px;}
        
        .warring { font:bold 12px Tahoma;}

        .copy { margin:10px auto; line-height:30px; text-align:center; width:960px; }


.x-footer-list {    
    width:360px;
    margin:5px auto; }

.x-footer-list li { width:120px; display:block;
    height:30px;
    font:12px/30px Tahoma;
    float:left; }

.bottom-r{ width:960px;
    height:80px;        
    text-align: center;
    background: #22161B;
    margin: 0 auto; }
    
.border { height:0;}