.product_listing {
    position: relative;
    overflow: hidden;
}

    .product_listing a:hover {
        text-decoration: none !important;
    }

    .product_listing .list {
        overflow: hidden;
        padding: 20px 0 0;
        *padding-bottom: 0px;
        width: 103%;
    }

    .product_listing .item {
        float: left;
        margin: 0 14px 20px 0;
        width: 177px;
        min-height:175px;
        text-align:center;
    }


    .product_listing .title {
        color: #2f2f2f;
        font: 12px/17px arial;
        margin: 0px;
        display: inline-block;
        margin-top: 4px;
    }
    .product_listing .title:hover {
            color: #da251c;
        }

    .product_listing .item.last {
        clear: both;
    }

    .product_listing .image {
        position: relative;
        border: 1px solid #eaeae1;
        width: 175px;
        height: 131px;
        overflow: hidden;
    }

    .product_listing a.item-image {
        width: 175px !important;
        height: 131px !important;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        position: relative;
    }

        .product_listing a.item-image img {
            width: auto;
            height: auto;
            max-width: 175px;
            max-height: 131px !important;
        }

    .product_listing .item .price {
        line-height: 18px;
        font-weight: bold;
    }

        .product_listing .item .price .priceNumber, .product_listing .item .price .p a {
            color: #1b75bd;
        }

    .product_listing .item .area {
        height: 38px;
        line-height: 38px;
        margin: 0 14px;
        color: #4f4f4f;
        font-size: 13px;
    }

        .product_listing .item .area span {
            color: #eb5800;
            font-size: 18px;
        }

    .product_listing .pager {
        float: right;
        width: 100%;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

        .product_listing .pager label {
            color: #656565;
            line-height: 21px;
            padding-right: 5px;
            display: inline-block;
            font-weight: bold;
        }

        .product_listing .pager a.num {
            width: 25px;
            height: 25px;
            line-height: 25px;
            text-align: center;
            display: inline-block;
            font-weight: bolder;
            color: #6f96c0;
            margin-left: 5px;
            border-radius: 5px;
            text-decoration: none;
        }

        .product_listing .pager a.select, .product_listing .pager a:hover {
            color: #fff;
            background: #47729f;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            font-weight: bold;
        }

/*
Product detail
*/

.product_detail .sur {
    float: right;
    margin-right: 50px;
    color: #373737;
}

.product_detail {
    margin-bottom: 10px;
    position: relative;
    padding-top: 16px;
    line-height: 150%;
}

    .product_detail p, .product_detail span {
        line-height: 150%;
    }

    .product_detail .title_detail {
        /*float: left;
        width: 505px;*/
    }

    #box_tabs {
        margin-top: 20px;
    }
    #box_tabs .wr_tabs {
        height: 26px;
        border-bottom: 1px solid #ebebeb;
        margin-left: 243px;
        margin-bottom: 20px;
    }
    #box_tabs ul {
        display: inline-block;
        height: 27px;
        line-height: 27px;
        margin-left: 12px;
    }
    #box_tabs ul li {
        float: left;
        cursor: pointer;
        padding: 0 15px;
        color: #006ebc;
        font: bold 12px/27px arial;
    }

    #box_tabs ul .active, .active_thongso #tab_thongso {
        background: url('img/bg_tab.jpg') repeat-x 0 0 transparent;
        border-radius: 5px 5px 0 0;
        height: 27px;
    }
    .active_thongso .tab_thongso {
        display: block !important;
    }
    #box_tabs .tab_thongso {
        display: none;
    }
    #box_tabs .body table {
        border: 1px solid #cdcdcd;
    border-collapse: separate;
    }
    @-moz-document url-prefix() { 
  #box_tabs .body table{ clear: both;}
}

    .product_detail .price {
        font-weight: bold;
    }

        .product_detail .price a {
            color: #2b6ea5;
            text-decoration: none;
        }

#ctl00_cphMain_ProductDetail1_imgIsNew {
    padding: 0px;
    margin-left: 4px;
    margin-top: 2px;
}

.product_detail .title {
    
    display: inline-block;
    font-size: 12px;
    color: #006ebc;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

    .product_detail .title h1 {
        float: left;
    }

.product_detail .detail_share {
    background: url('img/bg_share.jpg') repeat-x scroll 0 0 transparent;
    border: 1px solid #EAEAE1;
    height: 22px;
    width: 100%;
    position: relative;
    font-size: 10px;
    font-family: arial;
    color: #727272;
}

.product_detail #back {
    position: absolute;
    top: 7px;
    left: 7px;
    background: url('img/icon_back.jpg') no-repeat scroll 0 0 transparent;
}

    .product_detail #back a {
        display: block;
        margin-top: -5px;
        padding-left: 15px;
        color: #2f2f2f;
    }

.product_detail #Email {
    position: absolute;
    top: 2px;
    left: 108px;
}

    .product_detail #Email a {
        padding-left: 15px;
        background: url('img/icon_email.jpg') no-repeat scroll 0 2px transparent;
    }

.product_detail #yahoo {
    position: absolute;
    top: 2px;
    left: 188px;
}

    .product_detail #yahoo a {
        padding-left: 15px;
        background: url('img/icon_yahoo.jpg') no-repeat scroll 0 1px transparent;
    }

.product_detail #Print {
    position: absolute;
    top: 2px;
    left: 260px;
}

    .product_detail #Print a {
        padding-left: 15px;
        background: url('img/icon_print.jpg') no-repeat scroll 0 1px transparent;
    }

.product_detail #share {
    position: absolute;
    top: 6px;
    right: 8px;
    width: 390px;
}

.product_detail #Update {
    position: absolute;
    top: 7px;
    left: 7px;
    background: url('img/icon_update.jpg') no-repeat scroll 0 0 transparent;
}

    .product_detail #Update span {
        padding-left: 15px;
        margin-top: -3px;
        display: block;
        font-size: 10px;
        font-family: arial;
        color: #727272;
    }

.product_detail #Viewer {
    position: absolute;
    top: 7px;
    left: 155px;
    background: url('img/Icon_Visited.jpg') no-repeat scroll 0 0 transparent;
}

    .product_detail #Viewer span {
        padding-left: 15px;
        margin-top: -3px;
        display: block;
    }

.product_detail #Top {
    position: absolute;
    top: 7px;
    right: 15px;
    background: url('img/Icon_top.jpg') no-repeat scroll 0 0 transparent;
    cursor: pointer;
}

    .product_detail #Top span {
        padding-left: 15px;
        margin-top: -3px;
        display: block;
    }


.product_detail .title img {
    padding-bottom: 5px;
}

.product_detail .productImg {
    float: left;
    width: 100%;
    overflow: hidden;
}
    .product_detail .productImg .box_avatar {
       
        float: left;
        width: 223px;
        height: auto;
        overflow: hidden;
        margin: 4px 20px 10px 0;
    }

    .product_detail .productImg .avatar {
        position: relative;
        border: 1px solid #EAEAE1;
        float: left;
        width: 221px;
        height: 167px;
        overflow: hidden;
        /*margin: 4px 20px 10px 0;*/
        margin-bottom: 8px;
    }

    

    .product_detail .productImg .avatar a {
        width: 221px !important;
        height: 167px !important;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .product_detail .productImg .avatar img {
        max-width: 221px;
        max-height: 165px;
    }
    .product_detail .productImg .box_avatar .zoom_avatar{
        clear: both;
        background: url('img/icon_zoom.png') no-repeat left 0px transparent;
        padding-left: 30px;
        height: 25px;
        color: #006ebc;
        font: normal 12px/25px arial;
        display: block;
        margin-top: 8px;
        cursor: pointer;
    }
   

.product_detail .desciption {
    color: #2f2f2f;
}
.product_detail .desciption ul{
    padding-left: 40px;
}
.product_detail .body {
    color: #2f2f2f;
    line-height: 18px;
    /*overflow: hidden;*/
}
.product_detail .body ul{
    padding-left: 40px;
}

.product_detail .source {
    font-style: italic;
    color: #B3B3B3;
}


.product_detail .tags {
    background: url("img/tagicon.png") no-repeat scroll 0 0 transparent;
    height: auto;
    line-height: 120%;
    margin-top: 10px;
    min-height: 32px;
    padding-left: 44px;
    vertical-align: middle;
    float: left;
}

/*Product Referent*/

.product_ref {
    position: relative;
    margin-top: 20px;
    overflow: hidden;
}

    .product_ref .caroufredsel_wrapper {
        width: 750px !important;
    height: 204px !important;
    }

    .product_ref a:hover {
        text-decoration: none !important;
    }

    .product_ref .caption {
        display: block;
        height: 17px;
        text-align: center;
    }

        .product_ref .caption .caption_other {
            text-transform: uppercase;
            font-weight: bold;
            line-height: 24px;
            color: #006ebc;
        }

    .product_ref .caption_other a.prev {
        background: url("img/abum_prev.png") no-repeat scroll 0 0 transparent;
        display: inline-block;
        height: 16px;
        left: 267px;
        position: absolute;
        top: 4px;
        width: 37px;
    }

    .product_ref .caption_other a.next {
        background: url("img/abum_next.png") no-repeat scroll 0 0 transparent;
        display: inline-block;
        height: 16px;
        left: 448px;
        position: absolute;
        top: 4px;
        width: 37px;
    }

    .product_ref .caption_other .Product_Other {
        color: #33A0DB;
        font-size: 16px;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
        text-transform: uppercase;
    }


    .product_ref .list {
        /*background: url('img/bg_dot.png') repeat-x scroll top left transparent;*/
        overflow: hidden;
        padding: 20px 0 0;
        *padding-bottom: 0px;
    }

    .product_ref .item {
        float: left;
        margin: 0 13px 20px 0;
        width: 174px;
        min-height:175px;
        text-align:center;
    }


    .product_ref .title {
        color: #2f2f2f;
        font: 12px/17px arial;
        margin: 0px;
        display: inline-block;
        height: 34px;
        margin-top: 4px;
    }

    .product_ref .item.last {
        margin-right: 0;
        margin-left: 1px;
    }

    .product_ref .image {
        position: relative;
        border: 1px solid #eaeae1;
        width: 175px;
        height: 131px;
        overflow: hidden;
    }

    .product_ref a.item-image {
        width: 175px !important;
        height: 131px !important;
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .product_ref a.item-image img{
       max-width: 175px !important;
       max-height: 131px !important;
       width: auto !important;
       height: auto !important;
    }



    .product_ref .item .area {
        height: 38px;
        line-height: 38px;
        margin: 0 14px;
        color: #4f4f4f;
        font-size: 13px;
    }

        .product_ref .item .area span {
            color: #eb5800;
            font-size: 18px;
        }


/*Product Hot*/

.product_hot {
    width: 198px;
    border: 1px solid #c0e9ff;
    border-radius: 5px;
    background: #eef9ff;
    position: relative;
    overflow: hidden;
}

    .product_hot .caption {
        background: #c0e9ff;
        height: 25px;
        line-height: 25px;
        font-size: 11px;
        padding: 0px 10px;
        font-weight: bold;
    }

        .product_hot .caption a {
            color: #0072a2;
        }

    .product_hot .list {
        overflow: hidden;
        padding: 0px 0 5px;
    }

    .product_hot .item {
        float: left;
        margin: 0 0px 0px 10px;
        width: 178px;
        height: 175px;
        border-top: 1px dotted #a0aeb6;
    }


    .product_hot .top {
        border: none;
    }

    .product_hot .title {
        color: #4f4f4f;
        font-size: 13.45px;
        line-height: 26px;
        display: inline-block;
        text-transform: uppercase;
        height: 26px;
        margin-top: 10px;
    }

    .product_hot .image {
        position: relative;
    }

    .product_hot a.item-image {
        width: 178px !important;
        height: 108px !important;
        overflow: hidden;
    }

    .product_hot .item .price {
        position: absolute;
        bottom: 8px;
        right: 0px;
        background: url(img/bg_priceproducthot.png) repeat-x transparent;
        height: 23px;
        line-height: 23px;
        font-weight: bold;
        color: #fff;
        font-size: 14.7px;
        padding: 0px 14px;
    }


    .product_hot .item .area {
        height: 30px;
        line-height: 30px;
        color: #4f4f4f;
        font-size: 10.62px;
    }

        .product_hot .item .area span {
            color: #33a0db;
            font-size: 14.7px;
        }
/*SHOPPING CART*/

.shop-content {
    padding: 20px;
    width: 710px;
    overflow: hidden;
}

    .shop-content table {
        width: 100%;
    }

        .shop-content table th {
            background: #dadada;
            height: 30px;
            overflow: hidden;
        }

            .shop-content table th span {
                font-weight: normal;
            }

        .shop-content table tr, .shop-content table td {
            vertical-align: middle;
        }

        .shop-content table td {
            height: 52px;
            position: relative;
            border-bottom: 1px dotted #cdcdcd;
        }

.empty {
    text-align: center;
    padding: 20px;
}

.number {
    display: block;
    margin-bottom: 20px;
}

    .number span {
        color: #00913E;
        font-weight: bold;
    }

.inputnumber {
    text-align: center;
}

    .inputnumber .RadInput_Default .riTable {
        height: 18px;
    }

    .inputnumber .RadInput_Default input {
        height: 18px;
        text-align: center;
    }

    .inputnumber a.riUp {
        top: 0px !important;
    }

    .inputnumber a.riDown {
        top: 9px !important;
    }

.shop-cart {
    box-shadow: 0px 2px 7px #959595;
    -moz-box-shadow: 0px 2px 7px #959595;
    -webkit-box-shadow: 0px 2px 7px #959595;
    margin-bottom: 7px;
    width: 752px;
    min-height: 325px;
    padding-bottom: 12px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding-top: 50px;
    margin-left: 8px;
    min-height: 733px;
}

    .shop-cart .cap {
        position: absolute;
        top: 2px;
        left: 2px;
    }

    .shop-cart .cap_left {
        background: url(img/cap_left.png) no-repeat left top;
        width: 6px;
        height: 36px;
        float: left;
    }

    .shop-cart .cap_center {
        background: url(img/cap_center.png) repeat-x left top;
        min-width: 150px;
        height: 36px;
        float: left;
        padding-left: 10px;
    }

    .shop-cart .cap_right {
        background: url(img/cap_right.png) no-repeat left top;
        width: 50px;
        height: 36px;
        float: left;
    }

    .shop-cart a.imagebooka {
        width: 60px !important;
        height: 81px !important;
        overflow: hidden;
        position: absolute;
        padding: 1px;
        border: 1px solid #cdcdcd;
        top: 20px;
        left: 20px;
    }

    .shop-cart .books-name {
        /*position: absolute;*/
        top: 20px;
        right: 0;
        width: 180px;
        color: #333333;
        font-weight: bold;
    }

    .shop-cart .lbtDelete {
        background: url('img/btn_delete_20x16.png') no-repeat center;
        width: 20px;
        height: 16px;
        margin: 0 auto;
        cursor: pointer;
        display: block;
    }

.totalmoney {
    width: 97%;
    background: #dadada;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    margin-top: -3px;
}

    .totalmoney .money {
        color: #00913E;
        width: 150px;
        display: inline-block;
    }

.btntool {
    position: relative;
    width: 100%;
    height: 27px;
    margin-top: 20px;
}

.shop-content .btnDatmua {
    display: block;
    background: url('img/btn_Datmua_100x27.png') no-repeat center;
    right: 0px;
    width: 128px;
    height: 37px;
    position: absolute;
    bottom: 0;
}

.btlContinute {
    background: url('img/btnTieptuc_127x27.png') no-repeat center;
    width: 140px;
    height: 32px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.tensach {
    position: relative;
    width: 100%;
    height: 100%;
}

/* SHOPPING CART */


/*product group*/
.product_group {
    margin-top: 20px;
}

    .product_group .list .item {
        margin-left: 20px;
        float: left;
        margin-bottom: 20px;
    }

        .product_group .list .item a {
            width: 240px;
            height: 115px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

            .product_group .list .item a img {
                height: auto;
                width: auto;
                max-height: 115px;
                max-width: 240px;
            }

        .product_group .list .item .title {
            cursor: default;
            text-decoration: none;
            color: #666666;
            font-size: 18px;
            float: left;
            width: 100%;
            margin-bottom: 5px;
        }

    .product_group .list .next {
        margin-left: 0px;
    }

.menu_home .list .item .image {
    float: left;
    max-width: 240px;
    max-height: 115px;
}
/*=================*/
/*NewTools         */
/*=================*/
.TopToolbar {height: 22px; width: 483px;margin-left: 243px; line-height: 22px; position: relative; margin-bottom: 5px;margin-top:5px; background: url(img/bg_toobar.png) repeat-x left top; padding: 0 1.5%; border: 1px solid #ebebeb; font: 11px/22px arial; color: #727272; }
.TopToolbar a { display: block; line-height: 22px; color: #727272; cursor: pointer; }
.TopToolbar .back { height: 22px; background: url(img/back_page.gif) no-repeat left 8px; display: block; padding-left: 18px; float: left; margin-right: 10px; }

.TopToolbar .email { height: 22px; background: url(img/email.gif) no-repeat left 7px; display: block; padding-left: 17px; margin-right: 30px; float: right; }
.TopToolbar .email span { display: none; }
.TopToolbar .yahoo { height: 22px; background: url(img/yahoo.gif) no-repeat left 5px; padding-left: 16px; float: left; margin-right: 30px; float: right; }
.TopToolbar .print { height: 22px; background: url(img/print.gif) no-repeat left 6px; padding-left: 16px; float: left; margin-right: 115px; float: right; }

.TopToolbar .changeTextSize { float: right; margin-right: 30px; }
.TopToolbar .plusSize { height: 22px; background: url(img/plus.gif) no-repeat left 4px; padding-left: 18px; float: left; float: left; }
.TopToolbar .minusSize { height: 22px; background: url(img/minus.gif) no-repeat left 4px; padding-left: 18px; float: left; float: left; }

.TopToolbar .zing { height: 16px; width: 16px; position: absolute; right: 78px; top: 3px; background: url(img/google.png) no-repeat left center; }
.TopToolbar .facebook { height: 16px; width: 16px; position: absolute; right: 54px; top: 3px; background: url(img/facebook.gif) no-repeat left center; }
.TopToolbar .twitter { height: 16px; width: 16px; position: absolute; right: 30px; top: 3px; background: url(img/twitter.gif) no-repeat left center; }
.TopToolbar .share { height: 16px; width: 16px; position: absolute; right: 7px; top: 3px; background: url(img/share.gif) no-repeat left center; }

/*=================*/
/*NewTools         */
/*=================*/
.BottomToolbar { height: 22px; line-height: 22px; position: relative; background: url(img/bg_toobar.png) repeat-x left top; padding: 0 1.5%;  width: 96.7%; border: 1px solid #ebebeb; color: #727272; font: 11px/22px arial;margin-top:20px; }
.BottomToolbar a { display: block; line-height: 22px; color: #727272; cursor: pointer; }
.BottomToolbar .update { height: 22px; background: url(img/icon_update.jpg) no-repeat left center; display: block; float: left; padding-left: 13px; margin-right: 23px; }
.BottomToolbar .pageview { height: 22px; background: url(img/icon_Visited.jpg) no-repeat left 7px; display: block; padding-left: 13px; float: left; margin-right: 10px; }
.BottomToolbar .to-top { height: 22px; background: url(img/Icon_top.jpg) no-repeat left 6px; display: block; padding-left: 12px;  float: right; }