﻿
/***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 #video-content
{
    width:959px;
}
#content-inner #video-menu
{
     width: 271px;
    min-height: 377px;
  
   padding-top:20px;
   margin-top:30px;
}
#video-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;
}
#video-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 */
}
#video-menu .menu-row-over
{
   background-color: #0d2f88;
}
#video-menu .selected
{
    background-color: #0d2f88;
}
.menu-row>div
{
    float:left;
}
.video-group-title
{
    width:195px;
}
.video-group-title a
{
    font:12px tahoma;
    direction:rtl;
    text-align:right;
    color:#0d2f88;
    line-height:25px;
    text-decoration:none;
}
.video-group-arrow img
{
    padding:8px 0 0 5px;
}
#video-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;
}
.video-more
{
    width: 187px;
    height: 145px;
    background-image: url('../Images/video/video-more-icon.png');
    background-repeat:no-repeat;
    position:absolute;
    margin:0px 0 0 300px;
    cursor:pointer;
    opacity:0;
    z-index:200;
}
img.thumbnail
{
    position:absolute;
    margin-left:90px;
    margin-top:30px;
}