﻿/***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;
}
.contact-form
{
    width: 410px;
    margin-left: 100px;
    padding-bottom: 30px;
}
.contact-info
{
    width: 550px;
    text-align: right;
    margin-left: 130px;
}
.form-title
{
    width: 410px;
    text-align: right;
    padding-bottom: 20px;
}
.form-title span
{
   color: #0d2f88; font: 18px 'Droid Arabic Naskh'; text-align: justify; direction: rtl;
                            line-height: 20px;
}
#form .row
{
    height: 55px;
    float: right;
}
#form .row input[type='text'], #form .row textarea
{
    color: #0d2f88;
    font: 12px tahoma;
    text-align: right;
    border: 0px;
    border-radius: 7px;
    background-color: #f0f4fd;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 10px;
}
#form .row input:hover, #form .row textarea:hover
{
    border: 1px solid #0d2f88;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}
.buttons > div
{
    float: left;
    margin-top: 80px;
    cursor: pointer;
}
.btn
{
    border-radius: 4px;
    background-color: #0d2f88;
    width: 106px;
    height: 35px;
}
.send-btn
{
    margin-left: 40px;
}
.send-btn span.waiting
{
     color: #ffffff; font: 13px 'byekan'; text-align: right; direction: rtl;
                            padding:0px 0 0 20px;line-height: 38px;
}
.send-btn span.send
{
     color: #ffffff; font: 13px 'byekan'; text-align: justify; direction: rtl;
                            line-height: 38px;
                            padding:5px 0 0 15px;
}
.send-btn img
{
   
    padding: 11px 0 0 13px;
}
.clear-btn
{
    margin-left: 10px;
    display:none;
}
.clear-btn img
{
    padding: 11px 0 0 23px;
}


#form #message
{
    background-color:#0d2f88;
    display:none;
    height: 25px;
margin-bottom: 18px;
}
#form #message p
{
    font:12px tahoma;
    color:#ffffff;
    line-height:20px;
    direction:rtl;
    padding-right:5px;
}
