﻿
 
        @font-face {
    font-family: "BYekan";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/BYekan.ttf"), url("fonts/BYekan.woff") format("woff"), url("fonts/BYekan.ttf") format("truetype"), url("BYekan.svg") format("svg");
}
        body { color:#444;}
        .desc { color:#6b6b6b;}
        .desc a {color:#0092dd;}
        
        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#596377; text-decoration:none; outline:none;}
        .dropdown a:hover { color:#5d4617;}
        .dropdown dt a:hover { color:#444; border: 1px solid #c2c9d6;font:normal 10pt byekan;}
        .dropdown dt a {
background:url(arrow.png) right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcfdfd), to(#edeff3)); /* Saf4+, Chrome */
background: url(arrow.png) right no-repeat, -webkit-linear-gradient(top, #fcfdfd, #edeff3); /* Chrome 10+, Saf5.1+ */
background: url(arrow.png) right no-repeat, -moz-linear-gradient(top, #fcfdfd, #edeff3); /* FF3.6+ */
background:url(arrow.png) right no-repeat,-o-linear-gradient(top, #fcfdfd, #edeff3); /* Opera 11.10+ */
background: url(arrow.png) right no-repeat, linear-gradient(to bottom, #fcfdfd, #edeff3); display:block;height:40px; padding:1px 10px 0px 10px;cursor:pointer;text-decoration:none;text-align:center;line-height:1;font-size:14px;color:#596377;border-radius:4px;
                        border:1px solid #c2c9d6; width:170px;font:normal 10pt byekan;}
        .dropdown dt a span {cursor:pointer; display:block; padding:10px;}
        .dropdown dd ul { background:#fcfdfd none repeat scroll 0 0; text-align:right; border:1px solid #c2c9d6; color:#596377; display:none;
                          left:0px; padding:5px 5px; position:absolute; top:2px; width:auto; min-width:180px; list-style:none;}
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding:5px; display:block; font:normal 10pt byekan;}
        .dropdown dd ul li a:hover { background-color:#74ddba; color:#fff;}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
        .flagvisibility { display:none;}
 select:hover {    
    background-color:#74ddba;
}

option:hover {
 background:#eee;
}

option {
 border-right:solid 1px #aaa;
    color:#444;
    
     cursor:pointer;
    background-color:#fff;
    padding:0 5px;
}
select option:last-child{
      background-color:#fff;
    cursor:pointer;
    color:#444;
}
select option:first-child{
 background:#eee;
    cursor:pointer;
    color:#444;
}
        .styled-select select {
   background: transparent;
    width:100%;
     direction:rtl;
  font:normal 14px yekan;
border:none;
 text-align:right;
   border-radius: 0;
   padding:10px;

   }
   .styled-select {

-webkit-transition:background-color 100ms;-moz-transition:background-color 100ms;-o-transition:background-color 100ms;transition:background-color 100ms;
 border:solid 1px #c2c9d6;
background: #fff; /* Saf4+, Chrome */

  font:normal 14px yekan;text-transform:uppercase;
cursor:pointer;text-decoration:none;text-align:center;font-size:14px;color:#596377;border-radius:4px;
   }
 
        .mncls1
        {
            padding-right: 10px;
        }
        
        .mncls2
        {
            padding-right: 20px;
        }
        
        .mncls3
        {
            padding-right: 30px;
        }
        
        .mncls4
        {
            padding-right: 40px;
        }
        
        
                 .product-wrapper{ padding:20px 10px; min-height:500px;}
     
.tile {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.82);
    height:400px;

    position: relative;

}
.tile.product .tile-bottom .envy-info {
    width: 100%;
    padding: 15px 10px 0px;
    display: inline-block;
}

.selectpro{ float:left;}
.filterhide{ float:right; width:200px;}
        .hide-filters.shown-filters {
    padding-left: 0;

}
  @media (min-width: 640px) and (max-width: 980px) 
{
    .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 30%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 68%;
}
.col89 {
    float: left;
    min-height: 1px;
    width: 60%;
}
.web_dialog_overlay {
    bottom: 0;
    display: none;
    margin: 0;
    min-height: 500px;
    padding: 0;
    position: absolute;
    top: 10px;
    width: 75%;
    z-index: 10;
}
.search-results.browse{-webkit-transition:width 250ms;-moz-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms; margin-top:10px;margin-left:4px;}
    .tile.product .tile-bottom .envy-info .envy-descriptionaddfav{ background-size:30px !important; font-size:12px;float:right;padding-right:22px; padding-top:5px; background:url("/images/heart.png") right -32px no-repeat;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile.product .tile-bottom .envy-info .envy-description{ background-size:30px !important;margin-top: 0px;font-size:12px;float:right;padding-right:22px;padding-top:5px;background:url("/images/heart.png") right 0px no-repeat;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile{  margin-bottom:30px;  height:auto;
      position:relative;-webkit-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);
      -moz-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);
      box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);
      border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background:#fff;}

.tile.product .image-link {
    display: block;

    width: 100%; overflow:hidden;
}
.tile.product .image-link img {
    display: block;
    min-height:250px;
    width: 100%;
    min-width:0;
}
.tile.product .tile-bottom {
    background-color: #fff;
    margin-top:0px;
    border-radius: 0 0 4px 4px;

    position: relative;
}
.envy-count {
    color: #6c7377;
    font: 10pt b koodak;
    padding-right: 15px;
}
.priceHaraj {
    color: #6cc6a2;
    float: left;
    font: 11pt b koodak;
    margin-right: 140px;
    margin-top: 0;
    position: relative;
}
.selectpro{ float:left;}
.filterhide{ float:right;}

.content-header.browse {
    height: 40px;
    margin: 20px auto 30px;
    position: relative;
}
      .hide-filters.shown-filters {
    padding-left: 0;
    width:70%;
}
}    
 @media (min-width: 450px) and (max-width: 639px) 
        {
                .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 40%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 55%;
}
.col89 {
    float: left;
    min-height: 1px;
    width: 60%;
}
.web_dialog_overlay {
    bottom: 0;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -100px;
    z-index: 10;
}
.hide-filters.shown-filters:before{ width:5px; content:'';display:inline-block;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #969eaf;position:relative;top:2px;left:0px;font:normal 11pt yekan;}
.search-results.browse{-webkit-transition:width 250ms;-moz-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms; margin-top:10px;margin-left:4px;}
    .tile.product .tile-bottom .envy-info .envy-descriptionaddfav{ background-size:30px !important; font-size:12px;float:right;padding-right:22px; padding-top:5px; background:url("/images/heart.png") right -32px no-repeat;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile.product .tile-bottom .envy-info .envy-description{background-size:30px !important;margin-top: 0px;font-size:12px;float:right;padding-right:22px;padding-top:5px;background:url("/images/heart.png") right 0px no-repeat;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile{ margin-top:-10px; margin-bottom:30px;position:relative;
      -webkit-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);-moz-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);
      box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;
      border-bottom-left-radius:4px;background:#fff;}

.tile.product .image-link {
    display: block;

    width: 100%; overflow:hidden;
}
.tile.product .image-link img {
    display: block;
    min-height:250px;
    width: 100%;
    min-width:0;
}
.tile.product .tile-bottom {
    background-color: #fff;
    margin-top:0px;
    border-radius: 0 0 4px 4px;

    position: relative;
}
.envy-count {
    color: #6c7377;
    font: 10pt b koodak;
    padding-right: 15px;
}

.content-header.browse {
    height: 40px;
    margin: 20px auto 30px;
    position: relative;
    width:88%;
}
.priceHaraj {
    color: #6cc6a2;
    float: left;
    font: 11pt b koodak;
    margin-right: 140px;
    margin-top: 0;
    position: relative;
}
            .selectpro{ float:right;}
.filterhide{  float:right;}
         
  
        .hide-filters.shown-filters {
    padding-left: 0;
    width:100%;
}   }
        @media (min-width: 320px) and (max-width: 451px) 
            {
                #gdcnt{ margin-top:30px;}
  .col2 {
    float: right;
    margin-left: 6px;
    min-height: 1px;
    width: 98%;
}
.col8 {
    float: left;
    min-height: 1px;
    width: 100%;
    margin-top:20px;
}
.col89 {
    float: left;
    min-height: 1px;
    width: 60%;
}
.web_dialog_overlay {
    bottom: 0;
    display: none;
    margin: 0;
    min-height: 500px;
    padding: 0;
    position: absolute;
    top: -100px;
    z-index: 10;
}

.hide-filters.shown-filters:before{ width:5px; content:'';display:inline-block;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #969eaf;position:relative;top:2px;left:0px;font:normal 11pt yekan;}
.search-results.browse{-webkit-transition:width 250ms;-moz-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms; margin-top:10px;margin-left:4px;}
    .tile.product .tile-bottom .envy-info .envy-descriptionaddfav{background-size:30px !important; margin-top:5px; font-size:12px;float:right;padding-right:22px; padding-top:5px; background:url("/images/heart.png") right -32px no-repeat;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile.product .tile-bottom .envy-info .envy-description{background-size:30px !important;margin-top: 0px;font-size:12px;float:right;padding-right:22px;padding-top:5px;background:url("/images/heart.png") right 0px no-repeat;text-align:right;color:#bfc2cb;height:27px;line-height:27px}

.tile{ margin-top:-10px; margin-bottom:30px;position:relative;
      -webkit-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);-moz-box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);
      box-shadow:0 1px 5px -2px rgba(0,0,0,0.82);border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;
      border-bottom-left-radius:4px;background:#fff;}

.tile.product .image-link {
    display: block;
 
    width: 100%; overflow:hidden;
}
.tile.product .image-link img {
    display: block;
    min-height:250px;
    width: 100%;
    min-width:0;
}
.tile.product .tile-bottom {
    background-color: #fff;
    margin-top:0px;
    border-radius: 0 0 4px 4px;

    position: relative;
}
.envy-count {
    color: #6c7377;
    font: 10pt b koodak;
    padding-right: 15px;
}

.content-header.browse {
    height: 40px;
    margin: 20px auto 30px;
    position: relative;
    width:85%;
}
.priceHaraj {
    color: #6cc6a2;
    float: left;
    font: 11pt b koodak;
    margin-right: 140px;
    margin-top: 0;
    position: relative;
}
.product-wrapper {
    padding: 20px 10px;
    min-height: 500px;

}
            .selectpro{ float:none;margin:0 auto; margin:20px 0;}
.filterhide{ width:100%; float:right; margin:20px 0 0;}
       .hide-filters.shown-filters {
    padding-left: 0;

}
}
        
        
