﻿/*Product Listing*/
#ProductListing{ width: 690px;}
#ProductListing .item {width: 215px;height: 275px;float: left;margin-right: 21px;margin-bottom: 20px;}
#ProductListing .item.last{margin-right: 0}
#ProductListing .item .wr_img{*width: 215px;*height: 215px;*border: solid 1px #dfdfdf !important;}
#ProductListing .item .boder_img {
        width: 215px;height: 215px;display: block;
        text-align: center;
        display: table-cell !important;
        vertical-align: middle !important;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        -moz-box-shadow:2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        box-shadow:2px 2px 4px 0px rgba(42, 42, 42, 0.2);
}
#ProductListing .item .boder_img img {max-width: 215px !important;max-height: 215px !important;width: auto !important;
        height: auto !important;vertical-align: middle !important;}
#ProductListing .item .title {width: 100%;text-align: center;padding-top: 15px; margin-bottom: 0px}
#ProductListing .item .title a {color: #672012;font: bold 13px/18px Arial;display: block;text-decoration: none; text-transform: uppercase}
#ProductListing .item .title a:hover{opacity: 0.8}
#ProductListing .item .price{ width: 100%;text-align: center;color: #ff0000;font: normal 13px/18px Arial;}
#ProductListing .item .price span{ color: #333333; font-weight: bold}
#ProductListing #divPage{margin-top: 0}
/*Product Listing--End*/

/*Product Detail*/
#ProductDetail {width: 100%;color: #333333;font-size: 13px;}
#ProductDetail ul,li{ padding: 0;margin: 0;float: left }
#ProductDetail li{ list-style: none; }
#ProductDetail .img_product{ width: 305px;height: 305px;float: left;margin-right: 20px;margin-bottom: 10px}
#ProductDetail .img_product .colorbox{width: 305px;height: 305px;display: block;
        text-align: center;vertical-align: middle !important;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        -moz-box-shadow:2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        box-shadow:2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        *border: solid 1px #dfdfdf !important;}
#ProductDetail .img_product .colorbox img{max-width: 305px !important;max-height: 305px !important;width: auto !important;
        height: auto !important;vertical-align: middle !important;}

#ProductDetail .properties{width: 365px;float: right;min-height: 100px; color: #333333}
#ProductDetail .properties .product_name{ display: inline-block;width: 100%;font: bold 16px/20px Arial;color: #6e281b;margin-bottom: 10px; text-transform: uppercase}
#ProductDetail .properties .price{ font-weight: bold;color: #ff0000; width: 100%}
#ProductDetail .properties .price span {display: inline-block;font-weight: bold; color: #333333}
#ProductDetail .properties .lienhedatmua{ width: 140px;height: 30px;border-radius: 3px;background: #6e281b;margin-top: 20px; }
#ProductDetail .properties .lienhedatmua:hover{background: #cfa57d}
#ProductDetail .properties .lienhedatmua a{ display: block;width: 100%;font: bold 13px/30px Arial;color: #fff;text-transform: uppercase;text-align: center; cursor: pointer}
#ProductDetail .properties .lienhedatmua a:hover{color: #672012}
#ProductDetail .detailprd{ width: 365px;font: bold 13px/18px Arial;text-transform: uppercase; color: #672012;margin-top: 20px;float: right; margin-bottom: 5px}
#ProductDetail .content{width: 100%;font: normal 13px/20px Arial !important;color: #333333;margin-top: 0px;text-align: justify;text-rendering: geometricPrecision;}
#ProductDetail .content table{width: 100%}
#ProductDetail .content img{ max-width: 745px; padding: 10px 0}
#ProductDetail .content a{ font-size: 12px;color: #0000cd;text-decoration: underline; padding: 0 10px}
#ProductDetail .content li{ list-style: outside;width: 720px; margin-left: 20px}
#ProductDetail .content table td {border: 1px solid #dadada;}
#ProductDetail .content table {border-collapse: collapse !important;}

/*Product Detail--End*/

/*Product Reference*/
#ProductReference {width: 690px; }
#ProductReference .caption{width: 100%;border-bottom: 1px solid #672012;margin: 20px 0;height: 15px;}
#ProductReference .caption a{ display: block;color: #672012;background: none repeat scroll 0% 0% #FFF;text-transform: uppercase;
width: 205px;font: normal 18px/20px Arial; }
#ProductReference #slide_partner{ height: 300px !important;*height: 270px !important;width: 100% !important;overflow: hidden; background: none !important}
#ProductReference #slide_partner .caroufredsel_wrapper,
#ProductReference #slide_partner .caroufredsel_wrapper .slider-product{height: 300px !important}
#ProductReference .item {width: 215px;height: 275px;float: left;margin-right: 20px;*margin-right: 20px}
#ProductReference .item.item3{*margin-right: 0! important}
#ProductReference .item .wr_img{width: 215px;height: 215px;*border: solid 1px #dfdfdf !important;}
#ProductReference .item .boder_img {width: 215px;height: 215px;display: block;
        text-align: center;
        display: table-cell !important;
        vertical-align: middle !important;
        -webkit-box-shadow: 2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        -moz-box-shadow:2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        box-shadow:2px 2px 4px 0px rgba(42, 42, 42, 0.2);
        *border: solid 1px #dfdfdf !important;
}
#ProductReference .item .boder_img img {max-width: 215px !important;max-height: 215px !important;width: auto !important;
        height: auto !important;vertical-align: middle !important;}
#ProductReference .item .title {width: 100%;text-align: center;padding-top: 15px; margin-bottom: 0px}
#ProductReference .item .title a {color: #672012;font: bold 13px/18px Arial;display: block;text-decoration: none; text-transform: uppercase}
#ProductReference .item .title a:hover{opacity: 0.8}
#ProductReference .item .price{ width: 100%;text-align: center;color: #ff0000;font: normal 13px/18px Arial;}
#ProductReference .item .price span{ color: #333333; font-weight: bold}

/*Product Reference--End*/

/* Product Home NoiBat*/
#Product_HomeNoiBat {width: 745px;margin-bottom: 20px; }
#Product_HomeNoiBat .caption{ width: 100%;height: 30px;background: url("img/caption_sphot.png") no-repeat;margin-bottom: 20px; position: relative}
#Product_HomeNoiBat .caption a{ color: #fff;text-transform: uppercase;display: block;padding-top: 6px;width: 500px;
padding-left: 37px;font: normal 14px/18px Arial; }
#Product_HomeNoiBat #slide_partner{ width: 100% !important;overflow: hidden;background: none !important; float: left}
#Product_HomeNoiBat #slide_partner .caroufredsel_wrapper,
#Product_HomeNoiBat #slide_partner .caroufredsel_wrapper .slider-product{ float: left}
#Product_HomeNoiBat .item {width: 233px;height: 310px;float: left;margin-right: 23px;}

#Product_HomeNoiBat .item .boder_img {width: 233px;height: 233px;border: 1px solid #dcdcdc;display: block;
        text-align: center;vertical-align: middle !important;}
#Product_HomeNoiBat .item .boder_img img {max-width: 230px !important;max-height: 230px !important;width: auto !important;
        height: auto !important;vertical-align: middle !important;}
#Product_HomeNoiBat .item .title {width: 100%;text-align: center;padding-top: 15px; margin-bottom: 5px}
#Product_HomeNoiBat .item .title a {color: #333333;font: bold 13px/18px Arial;display: block;text-decoration: none;}
#Product_HomeNoiBat .item .title a:hover{color: #09569a}
#Product_HomeNoiBat .item .title a img{position: absolute;margin-left: 3px; margin-top: 5px}
#Product_HomeNoiBat .item .desc{ width: 100%;text-align: center;color: #333333;font: normal 13px/18px Arial;}
#Product_HomeNoiBat .prd_prev{width: 7px;height: 13px;background: url("img/btn_prv.png") no-repeat;right: 27px;top: 8px;
                      cursor: pointer;display: block !important;position: absolute}
#Product_HomeNoiBat .prd_next{width: 7px;height: 13px;background: url("img/btn_nxt.png") no-repeat;right: 11px;top: 8px;
                        cursor: pointer;display: block !important; position: absolute;}
/* Product Home NoiBat--End*/

/*Product Listing Home*/
#ProductListingHome {width: 745px; }
#ProductListingHome .caption{ width: 100%;height: 30px;background: url("img/bg_cate.png") no-repeat;margin-bottom: 20px; position: relative}
#ProductListingHome .caption a{ color: #fff;text-transform: uppercase;display: block;padding-top: 6px;width: 500px;
padding-left: 37px;font: normal 14px/18px Arial; }
#ProductListingHome .item {width: 233px;height: 310px;float: left;margin-right: 23px; margin-bottom: 30px}
#ProductListingHome .item.last{margin-right: 0}
#ProductListingHome .item .boder_img {width: 233px;height: 233px;border: 1px solid #dcdcdc;display: block;
        text-align: center;display: table-cell !important;vertical-align: middle !important;}
#ProductListingHome .item .boder_img img {max-width: 230px !important;max-height: 230px !important;width: auto !important;
        height: auto !important;display: table-cell !important;vertical-align: middle !important;}
#ProductListingHome .item .title {width: 100%;text-align: center;padding-top: 15px; margin-bottom: 5px}
#ProductListingHome .item .title a {color: #333333;font: bold 13px/18px Arial;display: block;text-decoration: none;}
#ProductListingHome .item .title a:hover{color: #09569a}
#ProductListingHome .item .title a img{ position: absolute;margin-left: 3px; margin-top: 5px}
#ProductListingHome .item .desc{ width: 100%;text-align: center;color: #333333;font: normal 13px/18px Arial;}
/*Product Listing Home--End*/


