[dir="rtl"] .catalogue-list
{
    font-family: "IRANSans","byekan";
    font-size: 14px;
}

[dir="ltr"] .catalogue-list
{
    font-family: "calibri";
    font-size: 13px;
}

.catalogue-list .pagination
{
    direction: ltr;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.catalogue-list .catalogue-item-details
{
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}

.catalogue-list .catalogue-item-details:hover
{
    border: 1px solid #bbb;
    background: #f9f9f9;
}

[dir="ltr"] .catalogue-list .pull-right
{
    float: left !important;
}

[dir="ltr"] .catalogue-list .pull-left
{
    float: right !important;
}

.catalogue-list .switch-title
{
    display: inline-block;
}

.catalogue-list .catalogue-item
{
    margin-top: 10px;
    padding: 6px;
}

.catalogue-list .catalogue-item span
{
    color: #222;
}

.catalogue-list .catalogue-item.grid .image-container
{
    width: 100%;
    max-height: 160px;
    margin-bottom: 15px;
}

.catalogue-list .catalogue-item.grid .image-container .visit-count,
.catalogue-list .catalogue-item.grid .image-container .download-count
{
    display: none;
}

.catalogue-list .catalogue-item.grid .image-container .visit-count
{
    top: -6px;
    background: linear-gradient(to right, #eee 0% , #bbb 20%, #eee 100%);
    box-shadow: 0 0 3px #888;
    padding: 0 3px;
}

.catalogue-list .catalogue-item.grid .image-container .download-count
{
    bottom: -50px;
    background: linear-gradient(to right, #eee 0% , #bbb 20%, #eee 100%);
    box-shadow: 0 0 3px #888;
    padding: 0 3px;
}

.catalogue-list .catalogue-item.list .visit-count,
.catalogue-list .catalogue-item.list .download-count
{
    display: inline-block;
    margin: 5px;
    width: auto;
    position: absolute;

    padding:3px 15px 0 15px;
    background:#eee;

    background: linear-gradient(to right,
    rgb(200,200,200) 0%,
    rgb(250,250,250) 5%,
    rgb(220,220,220) 10%,
    rgb(250,250,250) 50%,
    rgb(220,220,220) 90%,
    rgb(250,250,250) 95%,
    rgb(200,200,200) 100%
    );

    border-radius: 0 3px 3px 0;
    box-shadow: 2px 2px 5px #aaa;
    border: #ccc solid 1px;
}

.catalogue-list .catalogue-item.list .visit-count
{
    top: -10px;
}

.catalogue-list .catalogue-item.list .download-count
{
    bottom: -7%;
}

[dir="ltr"] .catalogue-list .catalogue-item.list .download-count,
[dir="ltr"] .catalogue-list .catalogue-item.list .visit-count
{
    right: -25px;
    left: auto;
}

[dir="rtl"] .catalogue-list .catalogue-item.list .download-count,
[dir="rtl"] .catalogue-list .catalogue-item.list .visit-count
{
    left: -25px;
    right: auto;
}

.catalogue-list .catalogue-item.list .visit-count .lang-ltr,
.catalogue-list .catalogue-item.list .visit-count .lang-rtl,
.catalogue-list .catalogue-item.list .download-count .lang-ltr,
.catalogue-list .catalogue-item.list .download-count .lang-rtl
{
    display:none;
}

.catalogue-list .catalogue-item.grid .visit-count,
.catalogue-list .catalogue-item.grid .download-count
{
    width: 100%;
}

.catalogue-list .catalogue-item .description
{
    padding: 5px;
    margin: 5px 5px;
    border-radius: 5px;
    border: solid 1px #eee;
    color: #222;
    line-height: 1.5;
    font-size: 13px;

    background: #fafafa;
    max-height: 50px;
    overflow: hidden;
    margin-bottom: 25px;
}

.catalogue-list .catalogue-item.list .attribute
{
    padding:0 5px;
    margin: 0;
}

.catalogue-list .catalogue-item.list .attribute span
{
    color: #555;
}

.catalogue-list .catalogue-item.list .image-container
{
    width: 30%;
    text-align: center;
    float: right;
}

.catalogue-list .catalogue-item.grid .thumbnail
{
    max-width: 90%;
    max-height: 160px;
    margin: 0 auto;
}

.catalogue-list .catalogue-item.list .thumbnail
{
    max-width: 100%;
    max-height: 160px;
    margin: 5px auto;
}

.catalogue-list .catalogue-item .title,
.catalogue-list .catalogue-item .visit-count,
.catalogue-list .catalogue-item .download-count
{
    display: block;
    max-width: 90%;
    max-height: 128px;
    margin: 0 auto;
}

.catalogue-list .catalogue-item.list .catalogue-item-details > .title,
.catalogue-list .catalogue-item.list .catalogue-item-details > .visit-count,
.catalogue-list .catalogue-item.list .catalogue-item-details > .download-count
{
    display: none;
}

.catalogue-list .catalogue-item.list  .title,
.catalogue-list .catalogue-item.grid .title
{
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 5px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    display: block;
    width: 100%;
}

[dir="rtl"] .catalogue-list .catalogue-item .lang-ltr
{
    display: none;
}

[dir="ltr"] .catalogue-list .catalogue-item .lang-rtl
{
    display: none;
}

[dir="ltr"] .catalogue-list .catalogue-item .pull-right
{
    float: left !important;
}

.catalogue-list .catalogue-item.grid .detail-container
{
    display: none;
}

.catalogue-list .catalogue-item.list .detail-container
{
    float: left;
    width: 69%;
    position: relative;
}

@media(max-width: 360px)
{
    .catalogue-list .catalogue-item.grid
    {
        width: 100%;
    }
}

/* begin rank */
.catalogue-list .catalogue-item.grid .rank
{
    display: block;
    clear: both;
    float: none;
    background: none;
    height: auto;
    text-align: right;
    position: absolute;
    left: 89%;
    width: 16px;
    z-index: 100;
    top: 20px;
}

.catalogue-list .catalogue-item.grid .rank,
.catalogue-list .catalogue-item.list .rank
{
    display: none;
}

.catalogue-list .catalogue-item.grid .image-container .rank
{
    display: none;
}

.catalogue-list .catalogue-item.list > .catalogue-list .catalogue-item-details > .rank
{
    display: none;
}

[dir="ltr"] .catalogue-list .catalogue-item.grid .rank
{
    right: 91%;
    left: auto;
}

.catalogue-list .catalogue-item.grid .rank .stars
{
    direction: ltr;
    display: inline-block;
    margin: auto 0;
}

.catalogue-list .catalogue-item.grid .rank i, .catalogue-list .catalogue-item.list .rank i
{
    color: #C4C4C4;
    font-size: 11px;
    margin: 2px 1px;
}

.catalogue-list .catalogue-item.list .rank
{
    margin: 0 auto;
}

.catalogue-list .catalogue-item.grid .rank i.middledeactive, .catalogue-list .catalogue-item.list .rank i.middledeactive
{
    color: #777 !important;
}

.catalogue-list .catalogue-item.grid .rank i.active, .catalogue-list .catalogue-item.list .rank i.active
{
    color: rgb(0, 0, 0);
    text-shadow: #999 1px 1px 0;
}

.catalogue-list .catalogue-item.grid .rank i.middleactive, .catalogue-list .catalogue-item.list .rank i.middleactive
{
    color:rgb(180,200,0);
    text-shadow: #999 1px 1px 0;
}
/* end rank */