﻿
/********************** 
    cart format
     ********************/


.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.cart.table thead > tr > th { font-size: 16px; }


.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 8px 15px; line-height: 1.42857143; vertical-align: top; }

.cart .table > tbody > tr > td, .cart.table > tbody > tr > td { vertical-align: inherit; }
.cart.table .total-amount, .cart.table .total-quantity { padding-top: 15px; padding-bottom: 15px; font-size: 16px; font-weight: 700; }
.cart.table .btn-remove { position: relative; top: 5px; }

.btn-remove { font-size: 10px; padding: 3px 15px; min-width: 0; margin: -5px 0 0; }
.cart.table .product small { font-size: 12px; display: block; }
.cart.table .quantity input { width: 60px; padding: 6px; }

.table > thead > tr > th { vertical-align: bottom; font-weight: 400; }

/**************************************
    btn format 
    ***********************************
*/

.btn-gray-transparent { background-color: transparent !important; border-width: 1px !important; }
.btn { transition: all .2s ease-in-out; font-size: 14px; }


fieldset { padding: 10px 25px; margin: 15px 0; }
    fieldset legend { display: block; width: auto; padding: 3px 10px; margin-bottom: 0; font-size: 15px; line-height: inherit; }


h3.title { font-size: 1.9rem; }

/*========================================
    style fix menu 
    ======================================
*/

.small-header {
    opacity: 0;
    top: -120px;
    position: fixed;
    transition: all .4s;
    width: 100%;
}

.small-header.isStuck {
    position: fixed;
    top: 0;
    opacity: 1;
    z-index: 20;
}

.isStuck {
    z-index: 999;
}
/*========================================
    style cart
    ======================================
*/

        #bgcenter { font-size: 9px; line-height: 18px; padding: 0 0 6px; text-transform: uppercase; top: 0; width: 100%; z-index: 201; min-height: 140px; }
        .txtTop { padding-top: 10px; }
        #shipping { font-size: 10px; text-transform: uppercase; position: absolute; width: 200px; }

        a { font-weight: normal; }
        #checkoutAccount { width: 200px; position: relative; height: 50px; /*background-color: red;*/ margin-right: 10px; float: left; }
            #checkoutAccount ul { float: left; font-size: 10px; text-transform: uppercase; }
                #checkoutAccount ul li { float: left; }
        #checkoutBag { text-align: right; /*float: right;*/ text-transform: uppercase; font-size: 10px; float: left; margin-right: 30px; margin-top: 12px; margin-left: -40px; }
        #menu { position: relative; width: 100%; padding: 0; margin: 0; position: relative; float: left; list-style: none; /*background-color:#000;*/ }

        ul.navmenu { margin-top: 10px; float: left; }

            ul.navmenu li:hover { padding-bottom: 2px; /*outline: 3px solid black;  */ }
            ul.navmenu li a { text-decoration: none; }
            ul.navmenu li { float: left; margin: 0 40px; font-size: 14px; font-weight: normal; margin-top: 5px; cursor: pointer; }

                ul.navmenu li ul { float: left; width: 100%; }
                    ul.navmenu li ul li a { text-transform: none; font-size: 12px; font-weight: normal; }

        /*#ctl00_wrapper { width: 100%; height: 1000px; background-image: url("../img/intro-desktop-01.jpg"); background-repeat: repeat; } xemlai*/ 
        #Header { font-size: 9px; line-height: 18px; padding: 0 0 6px; position: fixed; text-transform: uppercase; top: 0; width: 100%; z-index: 201; }
            #Header:hover .cd-secondary-nav { /*background-color: #A07272;*/ }
            #Header:hover .cd-nav-gallery { /*background-color: #A07272;*/ }
            #Header:hover .cd-nav-icons { /*background-color: #A07272;*/ }

        .full-width { width: 100%; left: 0; }
        .megamenu > ul { margin: 0px; padding: 0px; width: 100%; margin-left: -30px; margin-top: -20px; }
        .megamenu { position: absolute; display: block; width: 100%; min-height: 200px; top: 40px; font-family: 'Open Sans',sans-serif; font-size: 12px; z-index: 99; /*
        border-top: 1px solid #000;
          padding: 20px 30px;
          background-color:Red;
        */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        ul li ul.submenu li { /*margin: 2px 0px -3px 40px; */ padding: 5px 2px 1px 21px; margin: 0; }
            ul li ul.submenu li:hover { /*border-bottom: 0px;*/ }
        .ckAcount { float: right; width: 230px; height: 40px; }
        #store-locator { margin-top: 5px; }

        @media only screen and (max-width: 1024px) {
            #checkoutAccount { display: none; }
            #shipping { display: none; }
        }

/* position and background of conain */
.main{ /*background-color:#ffffff;*/}

#content > .container {
    padding-right: 0px;
    padding-left: 0px;
}
/***********************************/
.btn-remove { font-size: 10px; padding: 3px 15px; min-width: 0; margin: -5px 0 0; }