﻿/***slider*******/
#slider-inner
{
    background: #ffffff url(../Images/slider.jpg) no-repeat right bottom;
    height: 570px;
    width: 1260px;
    margin: 0pt auto;
    margin-top: 15px;
}
.slider
{
    position: absolute;
    height: 317px;
    margin-top: 200px;
}
.slider-img1
{
    z-index: 60;
    background-image: url('../Images/slider/slider-img1.png');
    width:103px;
    opacity: 1;
    margin-left: 0px; /* margin-left:425px;*/
}
.slider-img2
{
    z-index: 50;
    background-image: url('../Images/slider/slider-img2.png');
    width: 69px;
    opacity: 0.7;
    margin-left: 0px; /*margin-left:360px;*/
}
.slider-img3
{
    z-index: 40;
    background-image: url('../Images/slider/slider-img3.png');
    width: 67px;
    opacity: 0.7;
    margin-left: 0px; /*margin-left:297px;*/
}
.slider-img4
{
    z-index: 30;
    background-image: url('../Images/slider/slider-img4.png');
    width: 67px;
    opacity: 0.7;
    margin-left: 0px; /*margin-left:234px;*/
}
.slider-img5
{
    z-index: 20;
    background-image: url('../Images/slider/slider-img5.png');
    width: 59px;
    opacity: 0.7;
    margin-left: 0px; /*margin-left:180px;*/
}
.slider-img6
{
    z-index: 10;
    background-image: url('../Images/slider/slider-img6.png');
    width: 57px;
    opacity: 0.7;
    margin-left: 0px; /*margin-left:128px;*/
}
/***navigation specific css*******/
.logo
{
    margin-left: 30px;
    float: left;
    text-align: left;
}
.links
{
    float: left;
    margin-left: 420px;
}

.logo-main img
{
    position: absolute;
    padding-top: 10px;
}
.logo-small img
{
    position: absolute;
    padding-top: 3px;
}
.menu-over
{
    top: 5px;
    position: absolute;
    width: 70px;
    height: 3px;
    background-color: #154592;
    opacity: 0;
}
/***about*******/
#about
{
    background-color: #154592;
    height: 207px;
}
#about-inner
{
    width: 1260px;
    margin: 0pt auto;
}
#about-inner > div
{
    float: left;
    height: 207px;
}


/***product boxes*******/
#product
{
    background-color: #f1f4f9;
    height: 462px;
}
#product-inner
{
    width: 1230px;
    margin: 0pt auto;
    padding-top: 55px;
}
#product-inner > div
{
    float: left;
}
.product-box
{
    width: 316px;
}
.box1
{
    margin-left: 135px;
}
.box1 .box1-image
{
    width: 312px;
    height: 170px;
    background-image: url('../Images/product-box/box1.png');
    background-position: 0 0;
    cursor: pointer;
}
.box1 .box1-text
{
    margin-top: 30px;
    text-align: center;
}
.box1 .box1-text p
{
    font: 12px tahoma;
    text-align: center;
    direction: rtl;
    color: #818181;
    line-height: 20px;
}
.box1 .box1-product
{
    background-image: url('../Images/product-box/box1-product.png');
    position: absolute;
    height: 223px;
    width: 142px;
    opacity: 0;
    margin-top: -20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 190px;
}
.box1 .box1-moreInfo
{
    position: absolute;
}
.box1 .box1-moreInfo .moreInfo-title
{
    /*margin-top:60px;*/
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 167px;
    opacity: 0;
}
.box1 .box1-moreInfo .moreInfo-link
{
    /*margin-top:10px;*/
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 190px;
    opacity: 0;
}
.box1 .moreInfo-link a
{
    font: 11px tahoma;
    color: White;
    direction: rtl;
    text-decoration: none;
}
.box2
{
   
}
.box2 .box2-image
{
    width: 312px;
    height: 170px;
    background-image: url('../Images/product-box/box2.png');
    background-position: 0 0;
    cursor: pointer;
}
.box2 .box2-text
{
    margin-top: 30px;
    text-align: center;
}
.box2 .box2-text p
{
    font: 12px tahoma;
    text-align: center;
    direction: rtl;
    color: #818181;
    line-height: 20px;
}
.box2 .box2-product1
{
    background-image: url('../Images/product-box/box1-product1.png');
    position: absolute;
    height: 223px;
    width: 77px;
    opacity: 0;
    margin-top: -20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 260px;
}
.box2 .box2-product2
{
    background-image: url('../Images/product-box/box1-product2.png');
    position: absolute;
    height: 223px;
    width: 77px;
    opacity: 0;
    margin-top: -20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -10px;
}
.box2 .box2-moreInfo
{
    position: absolute;
}
.box2 .box2-moreInfo .moreInfo-title
{
    /*margin-top:60px;*/
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 100px;
    opacity: 0;
}
.box2 .box2-moreInfo .moreInfo-link
{
    /*margin-top:10px;*/
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 120px;
    opacity: 0;
}
.box2 .moreInfo-link a
{
    font: 11px tahoma;
    color: White;
    direction: rtl;
    text-decoration: none;
}
.box3
{
      margin-left: 135px;
}
.box3 .box3-image
{
    width: 312px;
    height: 170px;
    background-image: url('../Images/product-box/box3.png');
    background-position: 0 0;
    cursor: pointer;
}
.box3 .box3-text
{
    margin-top: 30px;
    text-align: center;
}
.box3 .box3-text p
{
    font: 12px tahoma;
    text-align: center;
    direction: rtl;
    color: #818181;
    line-height: 20px;
}
.box3 .box3-product
{
    background-image: url('../Images/product-box/box3-product.png');
    position: absolute;
    height: 69px;
    width: 123px;
    opacity: 0;
    margin-top: -20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 220px;
}
.box3 .box3-moreInfo
{
    position: absolute;
}
.box3 .box3-moreInfo .moreInfo-title
{
    /*margin-top:60px;*/
    margin-top: 140px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 128px;
    opacity: 0;
}
.box3 .box3-moreInfo .moreInfo-link
{
    /*margin-top:10px;*/
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 125px;
    opacity: 0;
}
.box3 .moreInfo-link a
{
    font: 11px tahoma;
    color: White;
    direction: rtl;
    text-decoration: none;
}
/***content*******/
#content
{
    background-color: #ffffff;
    height: 820px;
}
#content-inner
{
    width: 1230px;
    margin: 0pt auto;
}
#content-inner > div
{
    float: left;
    height: 820px;
}
#content-inner .content1
{
    width: 393px;
}
#content-inner .content2
{
    width: 837px;
}
.last-product
{
    height: 880px;
    background-image: url('../Images/last-product-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.last-product-img
{
    height: 314px;
    width: 111px;
    background-image: url('../Images/citrus.png');
    position: absolute;
    margin: 150px 0 0 123px;
}
.last-product-title
{
    padding-top: 200px;
    padding-left: 130px;
}
#banner-slide
{
    margin: 70px 0 0 0;
}
#banner-slide p
{
    font: 12px tahoma;
    color: #818181;
    direction: rtl;
    text-align: justify;
    line-height: 20px;
}
#banner-slide .slider-txt
{
    padding: 35px 0px 0 30px;
    text-align: right;
}
.article-title
{
    margin-top: 80px;
    float: right;
}
.article-box1-content > div
{
    float: left;
}
#last-news
{
    height: 365px;
    background-image: url('../Images/last-news-bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 85px;
}
.news-list p
{
    font: 12px tahoma;
    color: #154592;
    direction: rtl;
    line-height: 18px;
    text-align:justify;
    margin:10px 0px 5px 0px;
}
.news-list td
{
    text-align:right;
}
.news-list a
{
    font: 12px tahoma;
    color: #154592;
    direction: rtl;
  line-height:18px;
    text-align:right;
    text-decoration:none;
}
.news-list span
{
    font: 10px tahoma;
    color: #818181;
    direction: rtl;
    text-align: right;
    float: right;
    line-height:18px;
}
.news-list table td.arrow
{
    padding-left: 10px;
    vertical-align: top;
}
.news-list table td.arrow img
{
    padding-top: 18px;
}
.last-news-title
{
    padding-left: 255px;
}
.last-news-title span
{
     color: #154592; font:20px 'byekan'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.topic-title 
{
    text-align:right;
   
}
.topic-title span
{
     color: #154592; font:20px 'byekan'; text-align: right; direction: rtl;
                            line-height: 20px;
                            letter-spacing:-2;
}
.topic-tas
{
    text-align:right;
}
.topic-tas span
{
    font: 10px tahoma;
    color: #818181;
    direction: rtl;
    text-align: right;
    float: right;
}
.news-list
{
    float:right;
    padding-top: 15px;
    padding-right: 70px;
}
#top-video
{
    height: 400px;
    background-image: url('../Images/top-video-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}
.video-thumbnail
{
    margin-left: 50px;
    padding-top: 65px;
}
.video-thumbnail img
{
    cursor: pointer;
}
.video-icon
{
    position:absolute;
    padding: 35px 0 0 90px;
}