﻿ 
 
header {
     min-height: 50px;
     
}
#divProductListPlace
 {
     border:0px solid #e1e1e1;
     float:right; width:100%; min-height:500px;
 }

 #divProductListHead
 {
          border:0px solid #e1e1e1;
     float:right; width:100%;

 }

 #divProductListBody
 {
          border:0px solid #e1e1e1;
     float:right; width:100%; min-height:500px;

 }
 .ProductListRightCol
 {
        border: 0px solid #e1e1e1;
    float: right;
    width: 24%;
    min-height: 50px;
    margin: 10px 0% 0 1%;

 }
  .ProductListLeftCol
 {
float: right;
    width: 100%;
    min-height: 50px;
    margin: 10px 0% 0 0%;
    background-color: #fff;
 }
  #divPriceRangePlace
  {
      float: right;
    width: 100%;
    margin: 0 0 5px 0;padding: 0 7px;
  }
    .txtPriceRange
    {
        width:70px;direction:ltr; text-align:left; padding:2px;
    }
  /*****************************************************************************************/

 #divSeachHelperContainer
{ 
     display:none;
    top:0px;
    
     right:0px;
    
   float:right;
    
     position:absolute;
      
         border:0px solid red;
          text-align:right;
          overflow:hidden;
          
           width:100%;
         
}



    #div-searchHelperCan
    {
         width:99%;
      float:right;
      
          border:0px solid red;
       
           min-height:300px;
    }
    #div-searchHelperSwitch
    {
          float:right;
           
       position:relative;
       
         width:39px; height:185px;  background-color:#5286ba;
          margin-top:50px;
         cursor:hand; cursor:pointer;
        
    }
    .dynSearchHelper
    {
         float:left; clear:both;
         border:0px solid red;
          width:100%;
    }
    
    
    #spAdvancedSearchTitle
    {
         color:#fff;
        float: left;
width: 100%;
font-weight: bold;
margin: 0 0 0 10px;
         -moz-transform:rotate(-270deg); 
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
   #div-searchHelperSwitch .div-arrow-panelSide
    {
          width:21px; height:13px;   
          position:absolute; top:145px; left:3px;
    }
    #div-searchHelperSwitch .div-arrow-panelSide-ltr
    {
          background:url('../img/arrows/arrowMaster.png') 0  0;   
    }
    #div-searchHelperSwitch  .div-arrow-panelSide-rtl
    {
          background:url('../img/arrows/arrowMaster.png') 0  -13px;   
    }
    .divDynSearchBox
    {
           border-radius: 5px;
    float: left;
     clear: both;
    width: 100%;
     font-size: 13px;
    border: 0px solid #e1e1e1;
        
        
    }
    
    .divDynSearchBox ul
    {
         width:100%;
    }
    .divDynSearchBox .divDynSearchBox_u
    { text-align:right;
         
           color: black;
    width: 100%;
        box-sizing: border-box;
    /* height: 30px; */
    background-color: #ff9000;
    color: #fff;
    
    float: left;
    border-radius:5px;
    display:none;
    }

    .divDynSearchBox_u span:first-child{
        vertical-align: middle;
    display: inline-block;
    margin: 3px 5px 0 0px;
    }


    .divDynSearchBox .divDynSearchBox_m
    {
         padding-right:0px;    text-align: right;
    }
   
    
     .divDynSearchBox .divDynSearchBox_m li
    {
         float:right;  width:100% ;   padding:0px 0;
    }
    
      .divDynSearchBox .divDynSearchBox_m .attribName
    {
       color: #000;
    border-bottom: 1px solid rgb(205, 199, 199);
    display: block;
    font-size: 15px;
    padding:5px 9px 7px 0; 
    font-weight: bold;
    }
    .divDynSearchBox .divDynSearchBox_d
    {
    }
    .chb-dynSearch
    {
        float:right; margin:0 3px;
    }
    .lbDynSearch
    {
         margin:0 6px !important;
    }
    /*****************************************************/
.divDynSearchBox_m  .el-SearchElement
{
      cursor:hand; cursor:pointer;
       color:#6f6f6f;padding: 5px !important;
    
}
.divDynSearchBox_m  .el-SearchElement:hover
{
  color:#618f0a;
}
.divDynSearchBox_m  .el-SearchElementActive
{
     background-color:#FFFF99;
     color:#7c7c7c;
        background-color: #FFFF99;
    color: #7c7c7c;
    border: 1px solid #E09C09;
    border-radius: 5px; padding:5px;
}
.lbDynSearch
{
          color: #686868;
    font-size: 1em;
}

.spClose-dynFilter
{
     float:left;  padding:2px 9px; border:0px solid gray; cursor:hand; cursor:pointer; font-size:20px; 
}
.sp-attrib-filter-minimize
{
    float: left;
    cursor: hand;
    cursor: pointer;
    font-size: 27px;
    margin: 0px 0px 0 5px;
    color: #6eb0ff;
 }

#divSaleBuySwitchCan
{
    float:right; margin:0px 0px 5px 0;width:100%; text-align:center;
}
#forSaleSwitch
{
    display:inline-block; float:right; padding:5px;  width:50%;
    border-top:1px solid #FFEB3B;  background-color: #efefef;
    /*-webkit-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
-moz-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);*/

}
#forBuySwitch
{
display: inline-block;
    float: right;
    padding: 5px;
    background-color: #efefef;
     border-top:1px solid #efefef;
    color: #808080;
    width: 50%;
           border-right: 1px solid #fff;
        
}

#divProductTypeSwitchCan
{
    float:left;    text-align: center;
}
#allProductTypeSwitch
{
    float:left; padding:5px;  background-color: #FFEB3B;
     border-top:1px solid #FFEB3B;
    color: #000;
     
        -webkit-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
-moz-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
}
#onlyProductSwitch
{
        float:left; padding:5px;  background-color: #efefef;
     border-top:2px solid #efefef;
    color: #808080;
    border-right: 1px solid #676363;
        border-left: 1px solid #f9f9f9;

}

#onlyServiceSwitch
{
        float:left; padding:5px;
          background-color: #efefef;
     border-top:2px solid #efefef;
    color: #808080;
    border-left: 1px solid #fff;

}

#divProductStatusSwitchCan
{
    float:right;width:100%; text-align:center;
}
#allProductStatusSwitch
{
    float:right; padding:5px;  background-color: #FFEB3B;
     border-top:1px solid #FFEB3B;
    color: #000;
     
        -webkit-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
-moz-box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
box-shadow: inset 1px 1px 6px 0px rgba(117,117,117,1);
width:33.3%;
}
#onlyNewStatusSwitch
{
        float:right; padding:5px;  background-color: #efefef;
     border-top:1px solid #efefef;
    color: #808080;
         border-left: 1px solid #fff;
        width:50%;

}

#onlyUsedStatusSwitch
{
        float:right; padding:5px;
          background-color: #efefef;
     border-top:1px solid #efefef;
    color: #808080;
    border-left: 1px solid #fff;
    width:50%;

}
 
 #selectedFiltersPlace
 {
     float:right; width:100%;
 }
.selectedFilterItem
{
    float:right; width:20%; height:60px; border:1px solid #e1e1e1; text-align:center;
    position:relative;    background-color: #FFEB3B;       margin: 0 2% 1% 0;
}
.selectedFilterRemove
{
     position:absolute; top:0px; right:0px; padding:5px; background-color:black; color:#fff;
     cursor:hand;cursor:pointer;
}
.selectedFilterRemove-priceRange
{
     position:absolute; top:0px; right:0px; padding:5px; background-color:black; color:#fff;
     cursor:hand;cursor:pointer;
}
.selectedFilterRemove-cityCode
{
     position:absolute; top:0px; right:0px; padding:5px; background-color:black; color:#fff;
     cursor:hand;cursor:pointer;
}
.selectedFilterRemove:hover
{
       background-color:red; color:#fff;
     
}
.selectedFilterName
{display:block; height:30px; border-bottom:1px dashed #fff;
  padding:3px 0 0 0;font-size: 0.9em;

}
.selectedFilterValue
{
    display:block; height:30px; padding:3px 0 0 0;font-size:1em;
}


#groupPathCan
{
    float:right;
}
 #groupPathCan a
{
         padding: 5px;
    display: inline-block;
}
  #groupPathCan a span
{
      vertical-align:middle; display:inline-block; margin: 10px 5px 0 0;    font-size: 12px;
}
 #submitPriceRange
 {
        font-size: 2em;
    vertical-align: middle;
    /* margin: 0 5px 0 0; */
    cursor: hand;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-align: center;
 }
 #submitPriceRange:hover
 {
     color:#ff9000;
 }
 #SortWordCan
 {
     float:right;    margin: 0 0 0 0px;    padding: 0 10px;
 }
 #productListPageSize
 {
    float: left; text-align:left;
   
 }
 #pageSizeSortWordCan
 {
         float: left;
    clear: left;
    margin: 5px;
    font-size: 0.9em;
    margin: 15px 0px;
    width: 100%;
    text-align: right;
 }
 #ddlSortProduct
 {
 }

 #pl-pagingPlaceCan
 {
     float:right; width:100%;       padding: 2%;text-align:center;
 }
 .pl-pageNumber
 {
         /* width: 30px; */
    /* height: 30px; */
    display: inline-block;
    margin: 1px;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
     border: 0px solid #ccc;
 }
 .pl-pageNumber-active
 {
    background-color: #5798ff;
    color: #fff !important;
    border-radius: 5px;
    padding: 0px 10px;      
 }
  .pl-pageNumber-disable
 {
        color:#e8e8e8;
      
 }
  .pl-pageNumber span
 {
    display:inline-block; vertical-align:middle; margin:0px 0 0 0;
 }
   .pl-pageNumber span.fa
 {
    margin:0px 0 0 0;
 }

   #divDynSearchBox2
   {
       float:right; width:100%;
   }
   .ul2_dynAttribsearch
   {
      float: right;
    width: 160px;
    margin: 3px;
    position: relative;
   }
   .ul-ul-attrib2
   {
     display:none;  position:absolute; top:40px; left:0px; background-color:#fff;border: 1px solid #c3c3c3;
      min-height:200px; width:100%;z-index:999;
   }
    .ul-ul-attrib2 li
   {
        float:right; width:100%; margin:3px;
    }
   .dyn_attribName2
   {
       background-color:#fff; border:1px solid #cacaca;float:right; width:100%; padding:5px;
       cursor:hand; cursor:pointer;    font-size: 0.9em;
   }
   .sp-attrib-filter-minimize2
   {
       transition:600ms all;
           float: left;
    font-size: 1.4em;
    margin: 2px 0 0 0;
   }
    .arrow-attrib-filter-rotate {
       transform:rotate(-90deg);
       -o-transform:rotate(-90deg);
       -moz-transform:rotate(-90deg);
       -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
    }

    .mainFilterItem
    {
        cursor:hand; cursor:pointer;
    }


    /******************************/
.product-box
{
    transition:all 400ms;
    position:relative;
    width: 19%;
    border: 1px solid #e1e1e1;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    float: right;
    margin: 0.5%;background-color:#fff;
}
.product-box:hover .product-box-hover
{
    /*display:block;*/
}
.product-box span
{
    vertical-align:middle; display:inline-block;    margin: 0 2px;
 }

.product-box h3
{
    padding:5px 0px;
  }
.product-box h4
{    
    padding: 5px 0px;
    color: #a7a7a7;
    font-size: 0.9em;
  }
.product-box h5
{   
    padding: 5px 0px;
    color: #b93030;
    font-size: 0.9em;
  }
.product-box-hover
{
        transition:all 400ms;
     transform: scale(0);
        width: 100%;
    height: 100%;
    position: absolute; z-index:3;
    top: 0px;
    left: 0px;
    padding:10px;
    background-color: rgba(236, 236, 236, 0.94);
}
.product-box-hover-scale
{
      transform: scale(1);
 }
.product-box-hover-scaleZ
{
      transform: scale(0);
 }

.a-p-name
{
    display:block;
}
.a-p-name h2
{
    padding:10px 0px; font-weight:bold; font-size:1em;    height: 55px;
    overflow: hidden;
}
.a-p-pic
{
    position:relative;
   display:block; height:180px; overflow:hidden;
       margin: 26px 0px 0 0;
}
.a-p-pic img
{
    width:100%;
    height:initial;
 }

    .sp-chb-can
       {
           text-align:center;border-radius: 4px;
    width: 20px;
    height: 20px;
    float: right;
    border: 1px solid #adadad;
    margin: 0 0 0 7px;
    color: #d2d2d2;   

           transition:600ms all;

       }
        .sp-chb-can span
       {
            font-size:1em;
       }
        .sp-chb-can-active
       {
           background-color:#ffbc00; border: 1px solid #000;color: #000;  
       }
        #divDataNotFound
        {
              padding: 30px;
    text-align: center;
    font-size: 2em;
    background-color: #fff;
    float: right;
    width: 100%;
        }
#div-price-range-place {
    height: 45px;
    padding: 5px 10px 0 0;
    float: right;
    width: 100%;
    font-weight: 600;
    margin-bottom: 5px;
}

#h-startPrice, #h-endPrice {
    float: left;
    font-weight: 600;
    color: #6d6d6d;
}

#h-endPrice {
    float: right;
}
#h-startPrice
{
    margin:0 0 0 15px;
}

#div-slider-price-range {
    width: 86%;
    margin: 0 4%;
    float: right;
    margin: 5px 0;
    margin-right: 13px;
}

.ui-slider-handle {
    cursor: hand !important;
    cursor: pointer !important;
}
.productExistStatus
{
        float: right;
    width: 100%;
    background-color: #dc3b3b;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}
.productExistStatus span
{
    display:inline-block; vertical-align:middle; margin:0 2px;
}

.productExistStatus2 {
    float: right;
    width: 100%;
    background-color: #0f7896;
    border-radius: 3px;
    color: #fff;
    text-align: center;
}
.productExistStatus2 span
{
    display:inline-block; vertical-align:middle; margin:0 2px;
}




.Product-List {
    float: right;
    width: 100%;
    margin: 30px 0;
    font-size: 0.9em;
}

.Product-Item {
      float: right;
    width: 23.5%;
    padding: 2px;
    position: relative;
    /*height: 350px;*/
    /* overflow: hidden; */
    margin: 0.5%;
    border: 1px solid #e6e6e6;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color: #fff;
}

    .Product-Item:hover .Product-Item-cover {
        opacity: 1;
        visibility: visible;
    }

    .Product-Item:hover .Product-Title {
        color: #000;
    }

.Product-Item-img {
    float: right;
    width: 100%;
    height: 130px;
}

    .Product-Item-img img {
         display: block;
        margin: 0px auto;
    }

.Product-Item-cover {
    float: left;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}


.Product-Special {
   position: absolute;
    float: right;
    right: 0px;
    /* height: 30px; */
    padding: 3px 5px;
    font-size: 12px;
    /* width: 40px; */
    top: 0px;
    z-index: 3;
    color: #f8008c;
    text-align: center;
    border-radius: 0 5px 0 5px;
    -webkit-border-radius: 0 5px 0 5px;
    -moz-border-radius: 0 5px 0 5px;
}

/*.Product-Special:before {
        content: "";
        text-align: center;
        width: 24px;
        height: 24px;
        background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
        background-position: -81px -138px;
        margin: auto;
        display: table;
    }*/

.Product-Title {
     text-align: center;
    color: #575757;
    width: 100%;
    height: 50px;
    float: right;
    display: block;
    overflow: hidden;
    border-bottom: solid 1px #e6e6e6;
    /* margin-bottom: 10px; */
    font-size: 0.9em;
}

.Product-Price {
    font-weight: 600;
    color: #000;
    font-size: 1.2em;
    float: right;
    display: flex;flex-direction:row;justify-content:space-between;
    width: 100%;
    text-align: center; min-height: 27px;

}

.Product-Offer {
    font-weight: 600;
    color: #8f8f8f;
    text-decoration: line-through;
    font-size: 0.9em;
    float: right;
    text-align: left;
    display: block;
    width: 100%;    min-height: 21px;
}




.Product-Wishlist, .Product-Compare {
       margin-right: 10px;
    padding: 5px;
    float: left;
    font-size: 1.3em;
    color: #acacac !important;
}





    .Product-Wishlist:before {
        float: left;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
    background-position: -37px -74px;*/
        border-right: 0px solid rgba(87, 87, 87, 0.26);
        padding-right: 0px;
    }

    .Product-Compare:before {
        float: left;
        /*background: url(/media/img/index/Slice-OmidanRahjoo.png) no-repeat;
    background-position: -37px -100px;*/
    }


    #filteringBoxInfo{
        float:right;width:98%; margin:1%; padding:10px; background-color:#b20a5c;position:relative; text-align:center;display:none;
    }
     #filteringBoxInfo span{
         display:inline-block;vertical-align:middle;color:#fff;margin:0 5px;
    }
      #filteringBoxInfo span:last-child{
    position: absolute;
    bottom: -18px;
    left: 45%;
    color: #b20a5c !important;
    font-size: 30px;    }

        .a-sortWord{

    background-color: #dfdfdf;
    padding: 5px 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 3px;
    color: #979797 !important;
    font-size: 12px;      }
      .a-sortWord-active{

          background-color:#30c5f0; padding:5px 5px; border-radius:5px; display:inline-block; margin:0 3px;color:#fff !important;font-size:12px;
      }

      .minOrderCountCan{
              float: right;
    width: 100%;
    font-size: 11px;
    color: #7c7c7c;
    text-align: right;
    padding: 5px 2px 10px 0;      }

      .supplierInfoCan{
    float: right;
    width: 100%;
    font-size: 10px;
    padding: 5px 0;
    border-top: 1px solid #e1e1e1;
        display: flex;flex-direction:row;justify-content:space-between;

      }
       .supplierInfoCan a:first-child{
         color:#048e03 !important;

      }
       .supplierInfoCan a img
       {
           width:16px;vertical-align:middle;display:inline-block;margin: 0 0 0 2px;
       }
       .supplierInfoCan a:first-child span{
          vertical-align:middle;display:inline-block;margin:0px;
      }
         .supplierInfoCan a:last-child{
          
             color:#048e03 !important;
      }
          .supplierInfoCan a:last-child span{
          vertical-align:middle;display:inline-block;margin:0 2px;
      }
          .productPlus {
    background-color: #5798ff;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding: 6px 0 0 0;
    font-size: 12px;
}

          .percentTitle {
    font-size: 11px;
    /* border-radius: 10px; */
    color: #fff;
    background-color: #ff3399;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-block;
}

          .toman{
              font-size: 12px;
    color: #7d7d7d;
          }

           .toman2{
              font-size: 10px;
    color: #a5a5a5;
          }


           .boxInRightCol{
               border:1px solid #e1e1e1;
               padding:5px;
               background-color:#fff;
               margin:0px 0;display:flex;flex-direction:row;               justify-content:space-between;

               
           }
           .boxInRightCol a{
               
               
           }
            .boxInRightCol a span{
               
               display:inline-block; vertical-align:middle;margin:0 3px;
           }

           .boxInFilterColm{
                border:1px solid #e1e1e1;
                background-color:#fff;border-radius:3px;margin:5px 0;
           }
            .boxInFilterColm-head{
                padding:7px;border-bottom:1px solid #e1e1e1;text-align:right;display:flex;flex-direction:row; justify-content:space-between

           }
             .boxInFilterColm-body{
                 padding:10px 5px;display:none;
           }
              .boxInFilterColm-body2{
                 padding:10px 5px;
           }
             #searchBoxInFilters{

                 background-color:#e9e9e9;border-radius:3px;margin:5px 0;
             }
              #searchBoxInFilters span{


             }
              #searchBoxInFilters input{

                  border:none;padding:10px;background-color:transparent;
             }


              .switchFilterCan{

                  margin:5px 0;display:flex;flex-direction:row;justify-content:space-between;
              }
              .switchFilterCan h4{

                  display:inline-block;font-size:13px;
              }
              .switchBtn{
       border-radius: 30px;
    background-color: rgb(211, 211, 211);
    display: inline-block;
    width: 50px;
    position: relative;
    height: 21px;
    border: 1px solid #b2b1b1;  

              }

               .switchCircle{
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 4px;           
    transition:all 500ms;
               }

.switchBtnActive {
    background-color: rgb(90, 150, 244);border: 1px solid #0653cb;
}
               
                       .switchCircleActive{
                            right:29px;  
                                          }

                       .filterSellerItemBox{

                           text-align:right;padding:5px;
                       }

                    .filterSellerItemBox   label{
                           color: #8b8b8b;
                       }

                    .filterRangeItemBox{
                        display:flex;flex-direction:row; justify-content:space-around;
                    }
                    .filterRangeItemBox input{ width:100px; text-align:center; border-radius:3px; border:1px solid #e2e2e2; background-color:#efeeee
                    }

                    .a-submitRangeFilter{

    background-color: #81b1fc;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    margin: 10px 5%;                    }

                    .boxInFilterMinimize{

                        color:#6eb0ff;font-size:25px;cursor:hand;cursor:pointer;
                    }
                    .sp-unit{
                        font-size:10px; color:#868686
                    }

                    .attrib_elementBox{

                        background-color:#fff; float:right;
                        margin:5px 0;

                            border: 1px solid #e1e1e1;
     border-radius: 3px;
 

                    }

                    .li-moreattrib
                    {
                        padding:5px !important;
                    }
                       .li-hidemoreattrib 
                    {
                                                   padding:5px !important;

                    }

                      #a-searchInResult{
border: 1px solid #838383;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 23px;                      }