﻿/* MCategory */
.MCategory{}
.MCategory ul{width:100%;}
.MCategory ul li{ line-height:1.5em;  border-bottom:1px solid #e2e2e2; position:relative;}
.MCategory ul li.lst{border-bottom:none;}
.MCategory ul li a{color:#000; font-weight:bold; padding: 10px 6%; font-size:16px;  display:block;}
.MCategory ul li a span{width:90%; display:inline-block;}
.MCategory ul li a .fa{color:#999; font-size:14px; width:5%; text-align:left; position: absolute; left: 5%;  top: 50%;  margin-top: -7px;}
/* Catalog List - Default */


.MProduct_Grid{}
.MProduct_Grid ul{width:100%; float:right;}
.MProduct_Grid li{ border-bottom:1px solid #e2e2e2;  font-size:16px; width:100%; float:right; position:relative;}
.MProduct_Grid li a{display:block; padding:10px 6%; float:right; width:88%;}
.MProduct_Grid li a .dthumb { float:right; text-align:center; width:37%; }
.MProduct_Grid li a .dthumb .thumbCell{display:table-cell; vertical-align: middle; width:80px; height:60px; text-align:center;}
.MProduct_Grid li a .content{width:63%;}
.MProduct_Grid li a .title { color:#363839;}
.MProduct_Grid li a .dvp{ margin-top:10px; color:#f1c40f; font-style:italic; font-weight:bold; background:#363839; padding:3px 5px; display:inline-block;}
.MProduct_Grid li a .dvp .price{direction: ltr; display: inline-block; font-style:italic; color:#f1c40f; font-weight:bold;}
.MProduct_Grid li.next{line-height:44px; height:44px;}
.MProduct_Grid li.next a span{color:#000; font-weight:bold; font-size:16px;  display:block; text-align:left;float:left; line-height:24px;     margin-LEFT: 6%;}
.MProduct_Grid li.next a .fa{color:#999; font-size:14px; width:5%; text-align:left; position: absolute; left: 5%; top: 50%;  margin-top: -7px;}

.MProduct_Grid li.cat {    line-height: 35px;
    background: #669900;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
    margin-bottom: 5px;}
.MProduct_Grid li.cat h1{font-size:18px; color:#fff; font-weight:normal; padding:1% !important; border:0 !important;}
.MProduct_Grid li.cat .back{display:inline-block; color:#fff; margin:0 6%; background:url('m/back.png') no-repeat right 50%;  padding:0; padding-right:15px; float:left; width:88%;}

.noProducts{width:100%; text-align:center;}

.top{line-height:30px;}

.m_product{width:100%; float:right;}
.m_product .m_product_dv{}
.m_product h1.cat{color:#669900; font-size:18px; padding:10px 6%;  width:88%; border-bottom:1px solid #e2e2e2; margin-bottom:1em;}
.m_product h2{color:#000; font-weight:bold; padding:1%; font-size:16px; display:block; line-height:20px;}

.m_product .productRight { padding:0 6%;  width:88%;}
.m_product .productRight #prodDescDiv{margin-bottom:1em;}
.m_product .productRight .product-price-fee{border-bottom:2px solid #363839; }
.m_product .productRight .product-price-fee .sep{float:right;line-height:40px;margin:0 15px;}
.m_product .productRight .product-price-fee .fee,
.m_product .productRight .product-price-fee .price {float:right; color:#363839; display:inline-block; direction:rtl; line-height:40px;}
.m_product .productRight .sum{font-weight:bold; font-size:18px; line-height:40px; margin-bottom:1em;}
.m_product .validIcon{margin-top:10px; float:right; width:100%; color:red; font-weight:bold;}

.m_product .dquant{ line-height:28px; font-weight:bold; position:relative;}
.m_product .dquant .quant{width:30px; border-radius:5px; border:1px solid #d9d6d5; height:28px; text-align:center;} 
.m_product .QuantityRemark{color:red; font-weight:bold; position:absolute; top:25px; right:0;}

.m_product .addinfo .g_row{margin-bottom:1em;}
.m_product .addinfo span{font-weight:bold;}

.m_product .product-description{margin-bottom:1em;}

.m_product .productPicture{text-align:center; margin-bottom:1em; padding:0 6%;  width:88%;}
.m_product .productPicture .uxThumbdiv .thumb{max-width:100%;}

.buy{ margin:1em 0; background:#F53379; width:100%; float:right; color:#fff; text-align:center; line-height:50px; font-size:20px;}

.vidWrapper{width:268px;}

/* related */
.MCatalog_Related{margin-top:40px;}
.MCatalog_Related .category-title h2{display:block; color: #f1c40f;background-color: #363839; padding: 0 10px; width:auto; float:right;line-height:28px; margin-bottom:12px; font-weight:normal; font-size:21px;}
.MCatalog_Related .product-buy{width:80px; line-height:26px;}
.MCatalog_Related .product-buy span{float:right;}
.MCatalog_Related .product-buy  .buy{ float: left; margin-left: 5px;  margin-top: 4px;}

/* paging */
.paging_dv{margin-right:2px; float:right; width:747px; background:url('/ui/mo.ganganit/m/productList_bottom.gif') no-repeat; height:32px;} 
.PagingNav{text-align:center; margin-top:10px;}
.PagingNav .buttons{float:none !important;}
.PagingNav a{color:#969696;}
.PagingNav a:hover{color:#000;}
.PagingNav .MoveNumberNav{color:#969696;}
.PagingNav .MoveNumberNav .currentPageNav{color:#000;}
.PagingNav  .nv{background:url("/ui/mo.ganganit/m/number_box.jpg") no-repeat; display:inline-block; height:15px; width:15px; text-align:center;}

.m_product .productPicture .Media .Media_Grid ul li {
    border: 1px solid #dfdfdf;
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 10px;
    padding: 5px;
    margin-top: 10px;
    overflow: hidden;
}

.page-nav a{width: 40% !important;padding: 5% !important;text-align:center;color: #000;font-weight: bold;}
.page-nav .fa{color: #999;}
.page-nav .prev-link .fa{float:right;}
.page-nav .next-link .fa{float:left;}

.product-cat-header{text-align: center;padding: 15px 0; background:#669900;}
.product-cat-header h1{color:#fff;}

