@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('/fonts/IRANSans/eot/IRANSansWeb.eot');
    src: url('/fonts/IRANSans/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('/fonts/IRANSans/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('/fonts/IRANSans/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/fonts/IRANSans/ttf/IRANSansWeb.ttf') format('truetype');
}

/* elements ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

/*
colors:
    black => #18200A
    red => #f1253b
*/

html {
    direction: rtl;
}

body {
    font-family: tahoma;
    font-size: 12px;
    color: #484848;
    background-color: rgb(232, 232, 232);
    margin: 0px;
    padding: 0px;
}

    body, body * {
        font-family: IRANSans !important;
    }

a {
    color: #993300;
    text-decoration: none;
}

    a:hover {
        color: #800000;
    }

img {
    border-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

fieldset {
    border: 1px solid #ddd;
}

legend {
    font-weight: bold;
}

input {
    font-family: Tahoma;
    font-size: 11px;
}

    input[type="text"], input[type="password"] {
        border-style: none;
        height: 23px;
        width: 177px;
        border-radius: 6px;
        color: white;
        margin: 2px;
        padding-right: 4px;
        padding-left: 4px;
        background-color: #18200A;
    }

    input[type="button"], input[type="submit"] {
        border-style: none;
        height: 23px;
        width: 67px;
        border-radius: 6px;
        color: white;
        background-color: #18200A;
    }

        input[type="button"]:hover, input[type="submit"]:hover {
            font-weight: bold;
            cursor: pointer;
        }

h2 {
    color: #f1253b;
    text-shadow: 2px 2px 2px #18200A;
}

/* Public ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

.BringAbow {
    z-index: 1000;
}

.HCenter {
    display: block;
    text-align: center;
}

.Strong {
    font-weight: bold;
}

.Title {
    color: rgb(148, 148, 148);
    font-size: 12px;
    font-weight: bold;
}
/* Main ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divMainAll {
    background-image: url('/Content/themes/main/images/HeaderBg.png');
    background-repeat: repeat-x;
}

#divMainTop {
    background-image: url('/Content/themes/main/images/TopBg.png');
    background-repeat: no-repeat;
    background-position: center 103px;
}

#divMainBottom {
    background-image: url('/Content/themes/main/images/BottonBg.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

#divMainContent {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

#divAuthentication {
    background-color: #f1253b;
}

#divPanelRight, #divAuthentication {
    font-family: "b yekan", tahoma;
    font-size: 13px;
}

/* Footer ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divFooter {
    height: 115px;
    text-align: center;
    background-image: url('/Content/themes/main/images/FooterBg.png');
    background-repeat: no-repeat;
    clear: both;
}

#pCopyright {
    margin-top: 0px;
    margin-bottom: 14px;
}

#divFooterContent {
    padding-top: 20px;
}

/* Header ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divHeader {
    height: 103px;
    background-image: url('/Content/themes/main/images/BannerBg.png');
    background-repeat: no-repeat;
    text-align: center;
}

#divLogoPicture, #divLogoText, #aLogoPicture, #aLogoText {
    width: 170px;
    height: 80px;
    display: block;
}

#divLogoText {
    background-image: url('/Content/themes/main/images/rashel-logo-text.png');
    background-repeat: no-repeat;
    float: right;
    margin-right: 20px;
}

#divLogoPicture {
    background-image: url('/Content/themes/main/images/rashel-logo-picture.png');
    background-repeat: no-repeat;
    float: left;
    margin-left: 20px;
}

#divHeaderText {
    width: 570px;
    float: left;
}

    #divHeaderText p {
        font-family: "B Titr", Arial;
        font-size: 22px;
        font-weight: bold;
        color: white;
        margin: 0px;
        line-height: 36px;
        word-spacing: 4px;
        /*text-shadow: 2px 2px 2px black;*/
        /*left,bottom,right,top*/
        text-shadow: -1px 0 black, 0 3px black, 1px 0 black, 0 -1px black;
    }

/* Panels ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divPanels {
    background-image: url('themes/main/images/PanelsBg.jpg');
}

#divPanelLeft {
    width: 760px;
    float: left;
}

#divPanelRight {
    width: 190px;
    float: right;
}

    #divPanelRight * {
        color: white;
    }

#divPanelLeftHeader {
    width: 760px;
    position: relative;
}

#divPanelLeftContent {
    padding: 10px;
}

/*  Panel Right, Menu ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divMenu ul, #divMenu ul li {
    margin: 0px;
    padding: 0px;
}

#divMenu ul {
    list-style-type: none;
    z-index: 1000;
}

    #divMenu ul li, #divMenu ul a, #divMenu ul span {
        width: 190px;
        height: 35px;
        display: block;
    }

#divMenu .ulMenuRootNode li {
    background-image: url('/Content/themes/main/images/MenuItemBg.png');
    background-repeat: no-repeat;
}

#divMenu .ulMenuRootNode a {
    color: black;
}

    #divMenu .ulMenuRootNode a:hover, #divMenu .ulMenuChildNode a {
        color: #FFFFFF;
        background: #18200A;
    }

#divMenu ul span {
    text-indent: 10px;
    line-height: 35px;
}

#divMenu .ulMenuChildNode {
    position: relative;
    top: -35px;
    right: 190px;
}

    #divMenu .ulMenuChildNode a:hover {
        background-color: #400000;
    }

#divMenu .spanHasSubMenu {
    background-image: url('/Content/themes/main/images/MenuItemArrow.png');
    background-repeat: no-repeat;
    background-position: 10px center;
}

#divMenu .ulMenuRootNode ul {
    display: none;
}

/* do not move <*/

#divMenu .ulMenuRootNode li:hover ul, /*level 2*/
#divMenu .ulMenuRootNode li:hover ul ul /*level 3*/ {
    display: none;
}

#divMenu .ulMenuRootNode li:hover ul, /*level 2*/
#divMenu .ulMenuRootNode ul li:hover ul /*level 3*/ {
    display: block;
}

/* do not move >*/

/*  Panel Right, LatestDesigns ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divLatestDesignsTitle, #divStatisticsTitle, #divTelegramTitle {
    height: 43px;
    width: 190px;
    background-image: url('/Content/themes/main/images/PanelRightTitle.png');
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #divLatestDesignsTitle span, #divStatisticsTitle span, #divTelegramTitle span {
        line-height: 43px;
    }

#divLatestDesignsContent table div {
    width: 174px;
    height: 174px;
    margin-left: 8px;
    margin-right: 8px;
    background-image: url('/Content/themes/main/images/LatestDesignsFrame.png');
}

    #divLatestDesignsContent table div img {
        width: 164px;
        height: 164px;
        padding: 5px;
    }

#divLatestDesignsContent table .tdEmpty {
    line-height: 2px;
}

/*  Tooltip ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

.ui-tooltip {
    background: #484848;
    border: 1px solid white !important;
    padding: 4px 10px;
    color: white;
    font: normal 11px tahoma;
    border-radius: 6px;
    box-shadow: 0 0 5px #484848;
}

/*  Statistics ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divStatisticsContent div {
    height: 30px;
    line-height: 30px;
}

    #divStatisticsContent div .spanTitle {
        display: inline-block;
        text-indent: 10px;
        width: 100px;
    }

    #divStatisticsContent div .spanValue {
        font-weight: bold;
    }

/* Styles for validation helpers -----------------------------------------------------------*/

.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
}

.validation-summary-errors {
    color: #ff0000;
    margin: 10px;
}

.validation-summary-valid {
    display: none;
}

/*  Authentication ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divAuthentication {
    width: 180px;
    min-height: 40px;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}

/* AboutUs ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divAboutUs, #divCustomers {
    font-size: 14px;
    line-height: 24px;
}

/* ContactUs ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#tableContactUs {
    width: 100%;
}

    #tableContactUs tr {
        height: 30px;
    }

        #tableContactUs tr:nth-child(odd) {
            background-color: lightgray;
        }

        #tableContactUs tr:hover {
            background-color: #18200A;
            color: white;
            font-weight: bold;
            font-size: 12px;
        }

        #tableContactUs tr #tdTitle {
            width: 120px;
        }

#divGoogleMapRashelAddress {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#divGoogleMapRashelBackground {
    width: 640px;
    height: 480px;
    background-image: url('themes/main/images/GoogleMap-Rashel.png');
}

/* Tile Designs ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

.divTileDesigns {
    text-align: center;
}

.divTile {
    width: 238px;
    height: 213px;
    margin-bottom: 26px;
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.imgTile {
    width: 225px;
    height: 164px;
    padding-top: 4px;
}

.divTileFrame {
    width: 238px;
    height: 213px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: 238px 0px;
}

    .divTileFrame:hover {
        font-weight: bold;
        background-position: 0px 0px;
    }

    .divTileFrame, .divTileFrame:hover {
        background-image: url("/Content/themes/main/images/tile-design-box.png");
    }

.divTileText {
    /*171+8*/
    padding-top: 179px;
    padding-bottom: 8px;
}

.spanTitleDesign {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 120px;
}

/* ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

#divTitleRibbon .Part1st, #divTitleRibbon .Part2nd, #divTitleRibbon .Part3rd {
    height: 25px;
    float: right;
}

#divTitleRibbon .Part1st {
    width: 110px;
    background-image: url('/Content/themes/main/images/TitleRibbon/Right.gif');
    background-repeat: no-repeat;
}

#divTitleRibbon .Part2nd {
    width: 500px;
    background-image: url('/Content/themes/main/images/TitleRibbon/Middle.gif');
}

#divTitleRibbon .Part3rd {
    width: 110px;
    background-image: url('/Content/themes/main/images/TitleRibbon/Left.png');
    background-repeat: no-repeat;
}

#divDesignPicturesPartial {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
}

    #divDesignPicturesPartial img {
        width: 250px;
        height: 132px;
        margin: 10px;
        float: right;
        box-shadow: 0px 0px 4px 1px red;
    }

#divAboutUs #pDesc, #divDesignProperties p, #divCustomers p {
    text-align: justify;
}

/*Colorbox ----+----+----+----+----+----+----+----+----+----+----+----+----+----+----+---- */

.ThumbnailPic {
    width: 50px;
    height: 50px;
    border: 1px solid #666666;
    border-radius: 4px;
}

#divColorbox table {
    margin: 10px;
    float: right;
    text-align: center;
}

.Disappear {
    color: #f1253b;
}