*
{
    margin: 0;
    padding: 0;
}

body
{
    background-position: left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0 auto;
    background-image: url('../images/bg.jpg');
    background-repeat: repeat;
}
.clr
{
    clear: both;
}
img
{
    border: 0;
}
a
{
    text-decoration: none;
    color: #726c6e;
}
h1
{
    font-weight: normal;
}

.margin-left10
{
    margin-left: 10px;
}
.m-bottom40
{
    margin-bottom: 40px;
}
.bold
{
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}
.height49
{
    height: 49px;
}

.wrapper
{
    width: 960px;
    margin: 0 auto;
}
/*======== HEADER ==========*/
.header
{
    width: 960px;
    height: 80px;
}
.h-left
{
    float: left;
    width: 563px;
    height: 80px;
}

.h-right
{
    float: right;
    width: 193px;
}

.h-right .icon
{
   height: 15px;
   text-align: right;
}
.h-right .icon a
{
   margin-left: 10px;
}
/*============ MENU ================*/
.menu
{
    background-position: left top;
    width: 960px;
    height: 36px;
    background-image: url('../images/menu-bg.jpg');
    background-repeat: repeat-x;
}
.menu ul
{
    list-style: none;
    height: 36px;
    float:left;
}
.menu ul li
{
    background-position: right top;
    height: 36px;
    background-image: url('../images/menu-line.jpg');
    background-repeat: no-repeat;
    float:left;
   
}
.menu ul li a
{
    display: block;
    height: 36px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
     padding: 10px 28px 0px 28px ;
}

.menu ul li:hover
{
    background-color: #8c0000;
    height: 36px;
}
.menu ul .active
{
    background-color: #8c0000;
    height: 36px;
}

.search
{
    float: right;
    width: 212px;
    height: 21px;
}
.search .input
{
    height: 21px;
    border: 0;
    float: left;
    width: 212px;
    font-size: 11px;
    color: #888888;
    margin-top: 7px;
    font-style: italic;
}
.search .txtinput
{
    background-position: left top;
    float: left;
    background-image: url('../images/search-textbox.jpg');
    background-repeat: no-repeat;
    width: 169px;
    height: 22px;
    overflow: hidden;
}
.search input
{
    background: none;
    border: 0;
    color: #000000;
}






/*=========== CONTENT ========*/
.content
{
    background-position: left top;
    width: 960px;
    background-image: url('../images/bg-content.jpg');
    background-repeat: repeat-y;
    
}
.cleft
{
    background-position: left bottom;
    width: 203px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    background-image: url('../images/image.jpg');
    background-repeat: no-repeat;
    height: 965px;
}
.cleft-title
{
    
}
.cleft-title h1
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 20px;
    font-style: italic;
    color: #ab1009;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d0d0d0;
    height: 20px;
    padding: 7px 0px 10px 3px;
}
.cleft-catproduct
{
     width: 203px;
     
}
.cleft-catproduct ul
{
     list-style: none;
     margin-bottom: 20px;
}
.cleft-catproduct ul li
{
    background-image: url('../images/li-icon.jpg');
    background-repeat: no-repeat;
    background-position: left 9px;
    padding-left: 21px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #d0d0d0;
    padding-top: 7px;
    padding-bottom: 10px;
}
.cleft-catproduct ul li a
{
    color: #555555;
    font-size: 11px;
    display: block;
}
.cleft-catproduct ul li a:hover
{
    text-decoration: underline;
}
.cleft-catproduct .yahoo
{
     width: 203px;
     text-align: center;
     margin-top: 12px;
}
.cleft-catproduct .name
{
    width: 203px;
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    color: #222222;
}
.cleft-catproduct .numberphone
{
     width: 203px;
     text-align: center;
     margin-top: 25px;
}
.cright
{
   float: right; 
   width: 716px;
   margin-right: 10px;
   margin-top: 10px;
}
.banner
{
    background-image: url('../images/wrap-banner.jpg');
    background-repeat: repeat-x;
    background-position: left top;
    width: 716px;
    height: 308px;
}

.banner img
{
    width: 706px;
    height: 308px;
    margin-left: 10px;
}
.cright-bottom
{
    width: 706px;
    margin-left: 10px;
    margin-top: 24px;
}
.cright-top-title-wrap
{
    background-image: url('../images/top-title.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    width: 706px;
    height: 24px;
}
.cright-top-title
{
    height: 24px;
}
.cright-top-title  p
{
    font-family: 'times New Roman' , Times, serif;
    font-size: 18px;
    font-style: italic;
    color: #FFFFFF;
    font-weight:normal;
    background-color: #ab1009;
    height: 24px;
    padding: 1px 10px 0px 10px;
    width: 150px;
}
.cright-bottom-wrap
{
     width: 706px;
     margin-top: 18px;
}
.cright-bottom-item
{
    border: 1px solid #d0d0d0;
    width: 224px;
    height: 238px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    background-color: #FFFFFF;
}
.cright-bottom-item-top
{
    width: 224px;
    height: 223px;
    padding-top: 15px;
    overflow:hidden;
}
.cright-bottom-item-bottom
{
    background-position: left bottom;
    width: 224px;
    height: 4px;
    background-image: url('../images/item-bottom-bg.jpg');
    background-repeat: no-repeat;
}
.cright-bottom-item-top-img
{
    margin-left: 15px;
     width: 192px;
    height: 126px;
}
.cright-bottom-item-top-img img
{
    width: 192px;
    height: 126px;
}
.cright-bottom-item-top .name
{
    margin-bottom: 10px;
    padding-left: 20px;
    margin-top: 10px;
}
.cright-bottom-item-top .name a
{
    font-weight: bold;
    font-size: 13px;
    color: #222222;
}
.cright-bottom-item-top .description
{
    padding-left: 20px;
    width: 195px;
    font-size: 11px;
    color: #666666;
    line-height: 18px;
}
/*=========== CONTACT ===========*/
.form-lh
{
    border: 1px groove #808080;
    font-size: 12px;
    padding: 10px 10px;
    width: 650px;
    margin-left: 10px;
}
.form-lh p
{
    font-size: 13px;
    line-height: 25px;
    padding-left: 0px;
}
.form-lh p a
{
    color: #000000;
}
p.cty
{
    color: #00669f;
}
.mail-lh
{
    border: 1px groove #808080;
    font-size: 12px;
    padding: 10px 10px;
    width: 650px;
    margin-top: 20px;
    color: Black;
    margin-bottom: 20px;
    margin-left: 10px;
}
.google-map
{
    width: 670px;
    margin-left: 10px;
}
/*============ ABOUT US ===========*/
.wrap-left
{
    width: 688px;
    background-color: #FFFFFF; /*--------------------------*/
    position: relative;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 20px; /* Firefox */
    -webkit-border-radius: 20px; /* Safari and Chrome */
    border-radius: 20px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    behavior: url(assets/styles/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ /*background: url(assets/images/bg1.jpg) top left no-repeat, url(assets/images/bg2.jpg) bottom left no-repeat, url(assets/images/bg3.jpg) bottom right no-repeat;*/
}
.wf-header
{
    width: 665px;
    height: 42px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    margin-left: 12px;
}
.wf-header h1
{
    font-size: 14px;
    color: #ce1c68;
    margin-top: 19px;
    display: inline-table;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.wf-content
{
    width: 665px;
    min-height: 225px;
    margin-left: 12px;
    line-height: 19px;
    margin-top: 20px;
}
.wrap-intro
{
    line-height: 18px;
}
/*=========== PHAN TRANG ============*/
.pager
{
    margin-right: 20px;
}
.pager .numer-paging
{
    border: 1px solid #808080;
    display: inline-block;
    text-align: center;
    width: 13px;
    height: 15px;
    padding: 1px;
    color: #808080;
    text-decoration: underline;
}
.pager .numer-paging:hover
{
    border: 1px solid #808080;
    display: inline-block;
    text-align: center;
    color: #242424;
    width: 13px;
    height: 15px;
    padding: 1px;
    background-color: #FFFFFF;
}
.pager .current-page
{
    border: 1px solid #808080;
    display: inline-block;
    text-align: center;
    color: #FF0000;
    width: 13px;
    height: 15px;
    padding: 1px;
    background-color: #FBB300;
}

/*=========== Album Anh ============*/

.mygallery
{
    height: 500px;
}

.video-other
{
    margin-top: 20px;
}
.vo-title
{
    font-size: 16px;
    color: #FF3300;
    text-decoration: underline;
}
.vo-content
{
    margin-top: 30px;
}

/*=========== Footer ============*/
.footer
{
    background-position: left top;
    width: 960px;
    height: 95px;
    background-image: url('../images/footer-bg.png');
    background-repeat: repeat-x;
    padding-top: 13px;
    color: #FFFFFF;
}
.f-left
{
    float: left;
    width: 450px;
    height: 80px;
    margin-left: 12px;
}
.f-left p
{
    margin-bottom: 5px;
}
.f-left p a
{
    color: #FFFFFF;
} 
.f-left p a:hover
{
    text-decoration: underline;
} 
.f-right
{
    float: right;
    width: 414px;
    height: 70px;
    margin-right: 10px;
}
.f-right p
{
    text-align: right;
     margin-bottom: 5px;
}
.f-right p a
{
    color: #FFFFFF;
}
/*PRODUCT-DETAIL*/
.product-detail-left
{
    float: left;
    width: 250px;
    height: 164px;
    margin-right: 20px;
    margin-bottom: 5px;
}
.product-detail-left img
{
    width: 250px;
    height: 164px;
}

.product-detail-right
{
    line-height: 18px;
}
.product-detail-title
{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ab1009;
}
.product-detail-info
{
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}
.product-detail-left .product-small-img
{
    width: 100%;
    min-height: 100px;
   
}


/*==================================*/
.sp-detail-img
{
    border: 1px solid #e1e1e1;
    width: 384px; /*min-height: 468px;*/
    float: left;
    background-color: #fef6eb;
}
.sp-detail-img .img-zoom
{
    width: 100%;
    height: 361px;
}
.sp-detail-img .img-small
{
    width: 100%;
    min-height: 80px;
    text-align: center;
    margin-top: 26px;
    display: inline-table;
   /* margin-bottom: 18px;*/
}
.sp-detail-img .img-small .img-small-size
{
    border: 1px solid #e1e1e1;
    width: 65px;
    height: 65px;
    margin-right: 20px;
}
.sp-detail-img .phongto
{
    background-position: right bottom;
    width: 93px;
    height: 24px;
    float: right;
    background-image: url('../images/button_phongto.jpg');
    background-repeat: no-repeat;
}
.sp-detail-img .phongto a
{
    margin-left: 39px;
    margin-top: 3px;
    display: inline-table;
    font-size: 12px;
}