﻿#overly
{
    width: 100%;
    height: 100%;
    z-index: 1999;
    left: 0;
    top: 0;
    position: fixed;
    background-color: black;
    opacity: 0.5;
    display: none;
}
#top-page
{
    width: 44px;
    height: 44px;
    background-image: url('../Images/product-page/top.png');
    position: fixed;
    bottom: 0px;
    right: 0px;
    margin: 0 5px 5px 0;
    display: none;
    opacity: 0.5;
    cursor: pointer;
}
#top-page:hover
{
    opacity: 1;
}
/***banner*******/
#banner
{
    background-color: #87237a;
    height: 234px;
    margin-top: 250px;
     margin-bottom:2px;
}
#banner-inner
{
    width: 1230px;
    margin: 0pt auto;
}

/***start product style*******/
/***products group*******/
#group
{
    background-color: #f7f7f7;
    
}
#group-inner
{
    height: 315px; /* width: 1260px;*/
    width: 800px;
    margin: 0pt auto;
    margin-top:90px;
}
#group-inner > div
{
    float: left;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
.group-img img
{
    width: 293px;
    height:228px;
    cursor: pointer;
}
/*.group-img 
{
    
      text-align: center;
}
.group-img img
{
    width: 302px;
    position:absolute;
    z-index:1040;
    height: 166px;
    cursor: pointer;
    margin-left: -180px;
}*/
/***products*******/
#group1-product, #group2-product, #group3-product, #group4-product, #group5-product
{
    padding-top: 40px;
    margin: 0pt auto;
}
#group1-product-inner, #group2-product-inner, #group3-product-inner, #group4-product-inner, #group5-product-inner
{
    width: 1200px;
    margin: 0pt auto;
}
.group1-product-row > div, .group2-product-row > div, .group3-product-row > div, .group4-product-row > div, .group5-product-row > div
{
    float: left;
    height: 410px;
    width: 328px;
}
.product-holder
{
    margin-left: 65px;
}
.product-holder > div
{
    /*width: 314px;*/
}
.product-holder .product-img
{
    height: 249px;
    opacity: 0;
}
.product-holder .product-description
{
    height: 200px;
    text-align: center;
}
.farsi-title
{
    padding: 13px 0 4px 0;
}
.farsi-title span
{
    color: #0d2f88; font:normal 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
.product-package-img
{
    height: 124px;
    width: 265px;
    position: absolute;
    margin-top: -170px;
    margin-left: 18px;
    background-repeat: no-repeat;
}
.product-more-info
{
    width: 176px;
    height: 137px;
    background-image: url('../Images/product-page/product-more-info.png');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100; /*margin-top:-150px;*/
    margin-top: -78px;
    margin-left: 140px;
    opacity: 0;
    cursor: pointer;
}
.product-description

{
    padding-right:50px;
}
.english-title
{
    
}
.product-description div.english-title span
{
    font: 500 16px arial;
    line-height: 20px;
    color: #0d2f88;
    direction: ltr;
}
.product-description p
{
    font: 12px tahoma;
    color: #818181;
    line-height: 15px;
    text-align: center;
    direction: rtl;

}
#group1-product,#group2-product,#group3-product,#group4-product,#group5-product
{
    display: none;
}

/***products more info*******/
  #product-more-info
        {
            width: 1192px;
            position: fixed;
            top: 5px;
            left: 50%;
            z-index: 3000;
            margin: 0px 0px 0px -600px;
            display:none;
        }
        .product-more-info-top
        {
            width: 1177px;
            height: 70px;
            background-image: url('../Images/product-more-info/box/product-more-info-top.png');
            background-repeat: no-repeat;
        }
        .product-more-info-bottom
        {
            width: 1177px;
            height: 73px;
            background-image: url('../Images/product-more-info/box/product-more-info-bottom.png');
            background-repeat: no-repeat;
        }
        span.close
        {
            display: block;
            background: url('../Images/product-more-info/more-info-box-close.png');
            position: absolute;
            left: 45px;
            top: 58px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            text-indent: -999em;
            z-index: 999;
        }
        span.close:hover
        {
            moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            -webkit-box-shadow: 0 0 10px #333;
            moz-box-shadow: 0 0 10px #333;
            box-shadow: 0 0 10px #333;
        }
        .product-more-info-inner > div
        {
            float: left;
           
        }
     
        .product-scroll
        {
             overflow: auto;
            padding: 0 10px 0px 0;
            overflow-y: auto;
            overflow-x: hidden;
           width:1093px;
         height:529px;
         background-color:White;
        }
          .product-scroll >div
        {
            float:left;
            text-align:right;
        }
       
        .product-related-data
        {
            width: 267px;
            padding-left: 20px;
            background-color:White;
             height:529px;
        }
        .center-box
        {
            width: 267px;
            float: right;
            background-image: url('../Images/topics/menu-bg.jpg');
            background-repeat: repeat-x;
        }
        .top-box
        {
            height:18px;
            width: 267px;
            background-image: url('../Images/topics/menu-top-bg.png');
        }
        
        .bottom-box
        {
            height: 12px;
            width: 267px;
            background-image: url('../Images/topics/menu-bottom-bg.png');
        }
        
        .product-more-data
        {
            background-color: White;
            width: 785px;
            height: 529px;
        }
        .product-img1
        {
            width: 36px;
            height: 522px;
            background-image: url('../Images/product-more-info/box/image1.png');
            background-repeat: no-repeat;
        }
        .product-img2
        {
            width: 38px;
            height: 522px;
            background-image: url('../Images/product-more-info/box/image2.png');
            background-repeat: no-repeat;
        }
  
        .related-product-title
        {
            width: 112px;
            height: 19px;
            background-image: url('../Images/product-more-info/box/related-product-title.png');
            background-repeat: no-repeat;
            position: relative;
            margin-top: -30px;
            margin-left: 145px;
            margin-bottom:20px;
        }
        .related-article-title
        {
            margin-top:20px;
            margin-left: 29px;
            width: 224px;
            margin-bottom: 10px;
            height: 31px;
            background-image: url('../Images/product-more-info/box/related-article-title.png');
            background-repeat: no-repeat;
        }
        .related-video-title
        {
            margin-left: 29px;
            margin-top: 25px;
            width: 224px;
            margin-bottom: 10px;
            height: 31px;
            background-image: url('../Images/product-more-info/box/related-video-title.png');
        }
   
        .product-more-data-inner
        {
            padding: 0px 0px 30px 10px;
            float: right;
            width:785px;
        }
        .more-data-english-title span
        {
            color: #0d2f88;
            font: normal 16px arial;
            text-align: right;
            direction: rtl;
            line-height: 30px;
        }
        .more-data-farsi-title span
        {
            color: #0d2f88;
            font: normal 18px 'Droid Arabic Naskh';
            text-align: right;
            direction: rtl;
            line-height: 30px;
        }
        
        
        .related-product-description a.title
        {
            color: #6b1b61;
            direction: rtl;
            font: 12px tahoma;
            text-align: right;
            float: right;
            line-height: 18px;
            text-decoration:none;
        }
        .related-product-description a.summary
        {
            color: #818181;
            direction: rtl;
            line-height: 18px;
            font: 11px tahoma;
            float: right;
            line-height: 15px;
            text-decoration:none;
        }
        .related-article-description
        {
            width: 230px;
            padding-bottom: 8px;
        }
        .related-article-description a.title
        {
            color: #6b1b61;
            direction: rtl;
            font: 12px tahoma;
            text-align: right;
            float: right;
            line-height: 18px;
            text-decoration:none;
        }
        .related-article-description a.summary
        {
            color: #818181;
            direction: rtl;
            font: 11px tahoma;
            float: right;
            line-height: 15px;
            text-decoration:none;
        }
        .related-video-description a.title
        {
            color: #6b1b61;
            direction: rtl;
            font: 12px tahoma;
            text-align: right;
            float: right;
            line-height: 20px;
            text-decoration:none;
        }
        .related-video-description a.summary
        {
            color: #818181;
            direction: rtl;
            line-height: 20px;
            font: 11px tahoma;
            float: right;
            line-height: 15px;
            text-decoration:none;
        }
        .related-product > div
        {
            float: left;
        }
        .related-article > div
        {
            float: left;
        }
        .related-video > div
        {
            float: left;
        }
        .related-product
        {
            text-align: right;
            float:right;
        }
        .related-article
        {
            text-align: right;
        }
        .related-video
        {
            text-align: right;
        }
        .related-product img
        {
            padding-bottom: 8px;
            padding-left: 8px;
        }
        .related-article img
        {
            padding: 5px 0 8px 8px;
        }
        .related-video img
        {
            padding: 3px 17px 8px 0px;
        }
     
        .related-product-box
        {
            float: right;
            padding-right: 10px;
        }
        .related-article-box
        {
            float: right;
            margin-right: 20px;
        }
        .related-video-box
        {
            float: right;
            margin-right: 20px;
            padding-bottom: 20px;
        }
        .related-video-description
        {
            width: 160px;
        }
       .product-create-date span
{
     color: #818181; font: 10px tahoma; text-align: right; direction: rtl;
                            line-height: 30px;
}
.product-tags p
{
     color: #818181; font: 10px tahoma; text-align: right; direction: rtl;
                            line-height: 30px;
}
       #product-more-info ::-webkit-scrollbar
        {
            width: 5px;
        }
        
        /* Track */
        #product-more-info ::-webkit-scrollbar-track
        {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }
        
        /* Handle */
        #product-more-info ::-webkit-scrollbar-thumb
        {
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background: rgba(13,47,136,0.8);
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        }
        #product-more-info ::-webkit-scrollbar-thumb:window-inactive
        {
            background: rgba(13,47,136,0.4);
        }
   
.related-video-img
{
    width:70px;
    height:48px;
    margin-left: 9px;
margin-bottom: 10px;
}