﻿#overly
{
    width: 100%;
    height: 100%;
    z-index: 1999;
    left: 0;
    top: 0;
    position: fixed;
    background-color: black;
    opacity: 0.5;
    display: none;
}

/***slider*******/
#slider
{
    background-color: #f7f7f7;
    margin-bottom: 20px;
}
#slider-inner
{
    background-image: url('../Images/contact/slider.jpg');
    height: 315px;
    width: 1260px;
    margin: 0pt auto;
    margin-top: 90px;
}
.slider-product-img
{
    width: 370px;
    height: 140px;
    background-image: url('../Images/contact/slider-product-img.png');
    position: absolute;
    margin: 228px 0 0 760px;
}

/***content*******/
#content
{
}
#content-inner
{
    width: 1230px;
    margin: 0pt auto;
    margin-top: 120px;
}
#content-inner >div
{
    float:left;
}
#content-inner #topics-content
{
    width:959px;
    padding-bottom:50px;
}
#content-inner #topics-menu
{
     width: 271px;
    min-height: 377px;
  
   padding-top:20px;
   margin-top:30px;
}

#topics-menu .menu-center
{
    padding-top:60px;
    width: 267px;min-height:300px; background-image: url('../Images/topics/topic-bg.png'); background-repeat: no-repeat;
    background-position:top;
}

#topics-menu .menu-row
{
    text-align:right;
    float:right;
     width: 220px;
    height: 27px;
    margin-top:5px;
    margin-right: 7px;
    -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
#topics-menu .menu-row-over
{
   background-color: #0d2f88;
}
#topics-menu .selected
{
    background-color: #0d2f88;
}
.menu-row>div
{
    float:left;
}
.topics-group-title
{
    width:195px;
}
.topics-group-title a
{
    font:12px tahoma;
    direction:rtl;
    text-align:right;
    color:#0d2f88;
    line-height:25px;
    text-decoration:none;
}
.topics-group-arrow img
{
    padding:8px 0 0 5px;
}
#topics-content .content-row
{
    height:150px;
    text-align:right;
    float:right;
    margin-right:130px;
    margin-top:50px;
}
.content-row>div
{
    float:left;
}
.content-row .content-text
{
    width:435px;
    margin-right:15px;
}
.content-row .content-img
{
    width:275px;
}
.content-text span
{
    color: #0d2f88; font: 18px 'Droid Arabic Naskh'; text-align: right; direction: rtl;
                            line-height: 20px;
}
.content-text p
{
    color: #818181; font: 12px tahoma; text-align: justify; direction: rtl;
                            line-height: 18px;
}
.topics-more
{
    width: 187px;
    height: 145px;
    background-image: url('../Images/topics/topics-more-icon.png');
    background-repeat:no-repeat;
    position:absolute;
    margin:0px 0 0 300px;
    cursor:pointer;
    opacity:0;
    z-index:200;
}
/***topics more info*******/
#topics-more-info
        {
            width: 1192px;
            position: fixed;
            top: 5px;
            left: 50%;
            z-index: 3000;
            margin: 0px 0px 0px -600px;
            display:none;
        }
        .topics-more-info-top
        {
            width: 1177px;
            height: 70px;
            background-image: url('../Images/product-more-info/box/product-more-info-top.png');
            background-repeat: no-repeat;
        }
        .topics-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;
        }
        .topics-more-info-inner > div
        {
            float: left;
           
        }
     
        .topics-scroll
        {
             overflow: auto;
            padding: 0 10px 0px 0;
            overflow-y: auto;
            overflow-x: hidden;
           width:1093px;
         height:529px;
         background-color:White;
        }
          .topics-scroll >div
        {
            float:left;
            text-align:right;
        }
       
        .topics-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: 73px;
            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');
        }
        
        .topics-more-data
        {
            background-color: White;
            
            width: 785px;
            
            height: 529px;
        }
        .topics-img1
        {
            width: 36px;
            height: 522px;
            background-image: url('../Images/product-more-info/box/image1.png');
            background-repeat: no-repeat;
        }
        .topics-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;
        }
      
        .topics-more-data-inner
        {
            padding: 0px 0px 30px 10px;
            float: right;
        }
        
        .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: #0d2f88;
            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-product > div
        {
            float: left;
        }
       
        .related-product
        {
            text-align: right;
            float:right;
        }
      
        .related-product img
        {
            padding-bottom: 8px;
            padding-left: 8px;
        }
       
        .related-product-box
        {
            float: right;
            padding-right: 10px;
        }
      
       
       /* Let's get this party started */
       #topics-more-info ::-webkit-scrollbar
        {
            width: 5px;
        }
        
        /* Track */
      #topics-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 */
      #topics-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);
        }
      #topics-more-info  ::-webkit-scrollbar-thumb:window-inactive
        {
            background: rgba(13,47,136,0.4);
        }
        
        .topics-create-date span
{
     color: #818181; font: 10px tahoma; text-align: right; direction: rtl;
                            line-height: 30px;
}
.topics-tags p
{
     color: #818181; font: 10px tahoma; text-align: right; direction: rtl;
                            line-height: 30px;
}