/******=== PRODUCTS ===******/
@media screen and (min-width:481px){
    .left-product-side {
    display: block;
}
}

@media screen and (max-width:480px){
    .left-product-side {
    
    display: none;
    position:absolute;
    z-index:99999;
    background-color:#FFF;
    width:100%;
    margin-left:0;
    padding:10px 0;
    -webkit-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                -moz-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
}
}

.left-filter-side-top,.left-filter-side-close{
    width:100%;
}

.left-filter-side-top button{
    background-color:#be0101;
    border:1px dashed #830000;
    color:#ffffff;
    padding:5px 10px;

}

.left-filter-side-close button{
    background-color:#be0101;
    border:1px dashed #830000;
    color:#ffffff;
    padding:5px 10px;
    width:100%;
}


    .left-product-side ul.empty {
        border: 0;
        margin-bottom: 40px;
        -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
    }

    .left-product-side ul {
        /*border: 1px solid #eeeeee;*/
        margin-bottom: 30px;
        /*-webkit-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                -moz-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);*/
    }

        .left-product-side ul.empty li.title {
            background-color: #FFFFFF;
            width: 100%;
        }


        .left-product-side ul li {
            padding: 5px 0;
        }

            .left-product-side ul li.title {
                border-bottom:1px solid #44a0de;
                width: 100%;
                padding: 10px 15px;
                font-size: 16px;
            }

            .left-product-side ul li.carmodal input {
                border:1px solid #c3c1c1;
                height:30px;
            }

            .left-product-side ul li.carmodal button {
                border:1px solid #c3c1c1;
                height:30px;
                background-color:#c3c3c3;
            }

            .left-product-side ul li.carmodal button:hover {
                border:1px solid #c3c3c3;
                height:30px;
                background-color:#707070;
                color:#FFF;
            }

            .left-product-side ul.empty li .items {
                width: 100%;
                overflow:visible;
            }

            .left-product-side ul li .items {
                width: 100%;
                max-height:300px;
                overflow-y:auto;
                
            }

                .left-product-side ul li .items .item {
                    width: 100%;
                    padding: 0;
                    text-align:left;
                    display: table;
                    
                }

                    .left-product-side ul li .items .item a:link, .left-product-side ul li .items .item a:active, .left-product-side ul li .items .item a:visited {
                        font-size: 12px;
                        text-decoration: none;
                        color: #5e5e5e;
                        padding: 0 5px;
                    }

                    .left-product-side ul li .items .item a:hover {
                        color: #44a0de;
                    }

                    .left-product-side ul li .items .item input[type=checkbox] {
                        top:0;
                     vertical-align:middle;
                        cursor:pointer;
                        margin-right:10px;
                        float:left;
                    }

                    .left-product-side ul li .items .item input[type=checkbox] + label {
                        color: #707070;
                        font-weight: normal;
                        font-size: 12px;
                        width:85%;
                        cursor:pointer;
                        vertical-align:middle;
                        float:left;
                        
                    }

                    .left-product-side ul li .items .item input[type=checkbox]:checked + label {
                        color: #44a0de;
                        font-weight: normal;
                    }


.right-product-side {
    display: block;
}

    .right-product-side .bord {
        padding: 10px 5px;
        border-bottom: 1px solid #d4d4d4;
    }

        .right-product-side .bord .left select {
            border: 2px solid #f1efef;
            padding: 5px;
            font-size: 12px;
            cursor: pointer;
        }

            .right-product-side .bord .left select:hover {
                border: 2px solid #62afe4;
            }

        .right-product-side .bord .right {
            text-align: right;
        }

        @media screen and (max-width:480px)
        {
            .right-product-side .bord .left,
            .right-product-side .bord .right {
                text-align: center;
                float: none;
                width: 100%;
                display: inline-block;
            }

                .right-product-side .bord .left{
                    margin-bottom:5px;
                }

                .right-product-side .bord .right .pull-right {
                    float: none;
                    width: 100%;
                    display: inline-block;
                }

            .right-product-side .bord{
                padding:0;
            }

        }



            .right-product-side .bord .right a:link, .right-product-side .bord .right a:active, .right-product-side .bord .right a:visited {
                background-color: #818181;
                width: 30px;
                height: 30px;
                padding: 5px;
                display: inline-block;
            }

            .right-product-side .bord .right a.active:link, .right-product-side .bord .right a.active:active, .right-product-side .bord .right a.active:visited {
                background-color: #62afe4;
            }

            .right-product-side .bord .right a:link, .right-product-side .bord .right a:active, .right-product-side .bord .right a:visited {
                background-color: #818181;
                width: 30px;
                height: 30px;
                padding: 5px;
                display: inline-block;
            }

            .right-product-side .bord .right a:hover {
                background-color: #333333;
            }

            .right-product-side .bord.total{
        padding: 10px 5px;
        border-bottom: 1px solid #d4d4d4;
        display:inline-block;
        width:100%;
    }
            .right-product-side .bord.total p{
        width:20%;
        float:left;
        font-size:12px;
    }
            .right-product-side .bord.total p strong{
        font-weight:400;
        color:#44a0de;
    }

            @media screen and (min-width:481px){
                .right-product-side .bord.date {
        padding: 10px 5px;
        border-bottom: 1px solid #d4d4d4;
    }

            .right-product-side .bord.date span {
        font-size:12px;
        margin-right:15px;
    }

            .right-product-side .bord.date input[type=text] {
        font-size:14px;
        padding:5px;
        border:1px solid #bab9b9;
    }

            .right-product-side .bord.date input[type=button],.right-product-side .bord.date input[type=submit] {
        font-size:14px;
        padding:5px 10px;
        border:1px solid #be0101;
        background-color:#be0101;
        color:#FFFFFF;
    }

             .right-product-side .bord.date button {
        font-size:14px;
        padding:5px 10px;
        border:1px solid #be0101;
        background-color:#be0101;
        color:#FFFFFF;
    }
            }

            @media screen and (max-width:480px){
                .right-product-side .bord.date {
        padding: 10px 5px;
        border-bottom: 1px solid #d4d4d4;
        width:100%;
        display:inline-block;
    }

            .right-product-side .bord.date span {
        font-size:12px;
        margin-right:15px;
        width:100%;
        display:inline-block;
    }

            .right-product-side .bord.date input[type=text] {
        font-size:14px;
        padding:5px;
        border:1px solid #bab9b9;
        width:48.5%;
        margin:10px 0;
    }

            .right-product-side .bord.date input[type=button],.right-product-side .bord.date input[type=submit]  {
        font-size:14px;
        padding:5px 10px;
        border:1px solid #be0101;
        background-color:#be0101;
        color:#FFFFFF;
        width:100%;
    }

            .right-product-side .bord.date button {
        font-size:14px;
        padding:5px 10px;
        border:1px solid #be0101;
        background-color:#be0101;
        color:#FFFFFF;
        width:100%;
    }
            }
            

    .right-product-side #products p {
        text-align: center;
        padding: 20px;
        font-size: 16px;
        color: #be0101;
    }

    .right-product-side .products {
        width: 100%;
        display: inline-block;
        cursor: pointer;
    }

        .right-product-side .products.box .product {
            transition: all .2s ease-in-out;
            margin-top: 20px;
            margin-bottom: 20px;
            overflow: hidden;
            /*height:370px;*/
        }

        .right-product-side .products.box .product > a{
            text-decoration:none;
        }

            .right-product-side .products.box .product:hover {
                z-index: 9;
                transform: scale(1.1);
                -webkit-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                -moz-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
            }

            .right-product-side .products.box .product .img {
                width: 100%;
                overflow: hidden;
                text-align: center;
            }

                .right-product-side .products.box .product .img img {
                    max-width: 100%;
                    /*height: 250px;*/
                }

            .right-product-side .products.box .product .price {
                color: #44a0de;
                font-size: 18px;
                font-weight: 700;
                padding-bottom: 5px;
                height: 40px;
                width:100%;
                display:inline-block;
            }

            .right-product-side .products.box .product .price .left {
                width:50%;
                float:left;
            }

            .right-product-side .products.box .product .price .right {
                width:50%;
                float:right;
                text-align:right;
                color:#5e5e5e;
                font-weight:300;
                text-decoration:line-through;
                font-size:14px;
            }

            .right-product-side .products.box .product .caption {
                color: #161616;
                font-size: 12px;
                font-weight: 400;
                padding-bottom: 5px;
                border-bottom: 1px solid #d8d8d8;
                height:50px;
                text-align:left;
            }


                .right-product-side .products.box .product .caption span {
                    color: #44a0de;
                    font-size: 12px;
                    font-weight: 400;
                    padding-bottom: 5px;
                    float: right;
                }

            .right-product-side .products.box .product .category {
                border-bottom: none;
                color: #161616;
                font-size: 13px;
                font-weight: 400;
                padding: 5px 0;
            }

            .right-product-side .products.box .product .button {
                border-top: none;
                color: #161616;
                font-size: 13px;
                font-weight: 400;
                padding: 5px 0;
                margin: 0;
                text-align: right;
                display:inline-block;
                width:100%;
            }

            .right-product-side .products.box .product .button .left{
                width:50%;
                float:left;
                text-align:left;
            }

            .right-product-side .products.box .product .button .left span{
                color:#44a0de;
                font-size:14px;
                margin-top:10px;
            }

            .right-product-side .products.box .product .button .right{
                width:50%;
                float:right;
            }

                .right-product-side .products.box .product .button a:link, .right-product-side .products.box .product .button a:active, .right-product-side .products.box .product .button a:visited {
                    font-size: 24px;
                    color: #161616;
                    padding: 5px;
                }

                .right-product-side .products.box .product .button a:hover {
                    color: #44a0de;
                }

@media screen and (max-width:480px) {
    .right-product-side .products.list > .product {
        transition: all .2s ease-in-out;
        margin-top: 20px;
        margin-bottom: 0px;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #cccccc;
    }

        .right-product-side .products.list > .product:hover {
            z-index: 9;
            transform: scale(1.05);
            -webkit-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
            -moz-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
            box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
        }

        .right-product-side .products.list > .product .img {
            overflow: hidden;
            float: left;
            width: 10%;
            display: none;
        }

            .right-product-side .products.list > .product .img img {
                width: 100%;
                height: auto;
            }



        .right-product-side .products.list > .product .caption {
            color: #161616;
            font-size: 12px;
            font-weight: 400;
            padding: 10px 10px 10px 0;
            float: none;
            width: 100%;
            border-left: none;
            display: inline-block;
        }

            .right-product-side .products.list > .product .caption span {
                color: #44a0de;
                font-size: 12px;
                font-weight: 400;
                padding-bottom: 5px;
            }

        .right-product-side .products.list > .product .price {
            color: #44a0de;
            font-size: 12px;
            font-weight: 700;
            padding: 10px 5px;
            float: left;
            width: 50%;
            border-right: none;
            text-align: left;
        }

        .right-product-side .products.list > .product .button {
            border-top: none;
            color: #161616;
            font-weight: 400;
            padding: 5px 0;
            margin: 0;
            text-align: right;
            float: left;
            width: 50%;
            display: inline-block;
        }

            .right-product-side .products.list > .product .button a:link, .right-product-side .products.list > .product .button a:active, .right-product-side .products.list > .product .button a:visited {
                color: #161616;
                padding: 5px;
            }

            .right-product-side .products.list > .product .button a:hover {
                color: #44a0de;
            }
}

@media screen and (min-width:481px) {
    .right-product-side .products.list > .product {
        transition: all .2s ease-in-out;
        margin-top: 20px;
        margin-bottom: 0px;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #cccccc;
        max-height: 100px;
        overflow: hidden;
    }

        .right-product-side .products.list > .product:hover {
            z-index: 9;
            transform: scale(1.05);
            -webkit-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
            -moz-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
            box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
        }

        .right-product-side .products.list > .product .img {
            overflow: hidden;
            float: left;
            width: 10%;
            max-height: 100px;
        }

            .right-product-side .products.list > .product .img img {
                max-width: 80px;
                max-height: 80px;
            }



        .right-product-side .products.list > .product .caption {
            color: #161616;
            font-size: 16px;
            font-weight: 400;
            padding: 10px 10px 10px 20px;
            float: left;
            width: 60%;
            line-height: 20px;
            border-left: 1px solid #d0d0d0;
        }

            .right-product-side .products.list > .product .caption span {
                color: #44a0de;
                font-size: 12px;
                font-weight: 400;
                padding-bottom: 5px;
            }

        .right-product-side .products.list > .product .price {
            color: #44a0de;
            font-size: 18px;
            font-weight: 700;
            padding: 5px;
            float: left;
            width: 20%;
            line-height: 60px;
            border-right: 1px solid #d0d0d0;
        }

        .right-product-side .products.list > .product .button {
            border-top: none;
            color: #161616;
            font-weight: 400;
            padding: 5px 0;
            margin: 0;
            text-align: center;
            float: right;
            width: 10%;
            line-height: 60px;
        }

            .right-product-side .products.list > .product .button a:link, .right-product-side .products.list > .product .button a:active, .right-product-side .products.list > .product .button a:visited {
                color: #161616;
                padding: 5px;
            }

            .right-product-side .products.list > .product .button a:hover {
                color: #44a0de;
            }
}




/******=== GRIFVIEW ===******/

     .mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 0 0 20px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
    -webkit-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                -moz-box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
                box-shadow: -1px 14px 10px -8px rgba(0,0,0,0.23);
}  
.mGrid td {   
    padding: 5px 10px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  


.mGrid th {   
    padding: 5px 10px;   
    color: #fff;   
    background: #424242 url(grd_head.png) repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}  
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }