@font-face {
    font-family: 'BRoya';
    src: url('fonts/BRoyaBold.eot'); /* IE9 Compat Modes */
    src: url('fonts/BRoyaBold.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
         url('fonts/BRoyaBold.woff') format('woff'), /* Modern Browsers */
         url('fonts/BRoyaBold.ttf') format('truetype');  /* Safari, Android, iOS */

}
body{
    background: url('design/images/bg.png') #fff top left repeat-x;
    margin: 0;
    padding: 0;
}
.main{
    margin: 0 auto;
    /*padding: 0 0px;*/
    background: url('design/images/mainBg.png') transparent top left repeat-y;
    width: 940px;
    min-height: 700px; 
}
.logo{
    margin: 0 0 0 20px;
    width: 250px;
    height: 415px;
    background: url('design/images/logo.jpg') transparent 25px 193px no-repeat;
    float: left;
}
.topBox{
    width: 175px;
    height: 415px;
    background: url('design/images/topBox.png') transparent top left no-repeat;
    float: left;
    position: relative;
    left: 2px;
}
.slidex{
    margin: 0 20px 0 0;
    width: 415px;
    height: 380px;
    /*background: url('design/images/logo.jpg') transparent 39px 193px no-repeat;*/
    float: left;
    position: relative;
    left:-33px;
}
.cycle-slideshow{
    width: 508px;
}
.topBar{
    margin: 0 auto;
    width: 940px;
    height: 35px;
    background: url('design/images/topBar.png') transparent top center no-repeat;
    float: left;
    position: relative;
    top:-419px;
    z-index: 1000;
}
/*MENU*/
.menu{
    margin: 0 auto;
    width: 940px;
    height: 36px;
    background: url('design/images/menuBg.png') transparent top center no-repeat;
    position: relative;
    top:-144px;
    z-index: 1000;
}
.firstMenu{
    margin-left: 200px;
}
.menuB{
    margin-right: 5px;
    width: 90px;
    height: 36px;
    float: left;
}
.menuContact{
    background: url('design/images/menu/contact.png') transparent -4px -4px no-repeat;
}
.menuContact:hover{
    background-position: -4px -52px;
}
.menuSale{
    background: url('design/images/menu/sale.png') transparent -4px -4px no-repeat;
}
.menuSale:hover{
    background-position: -4px -52px;
}
.menuArticle{
    background: url('design/images/menu/article.png') transparent -4px -4px no-repeat;
}
.menuArticle:hover{
    background-position: -4px -52px;
}
.menuProduct{
    background: url('design/images/menu/product.png') transparent -4px -4px no-repeat;
}
.menuProduct:hover{
    background-position: -4px -52px;
}
.menuAbout{
    background: url('design/images/menu/about.png') transparent -4px -4px no-repeat;
}
.menuAbout:hover{
    background-position: -4px -52px;
}
.about{
    border-bottom: 1px dotted #cdcdcd;
}
.menu_selected{
    background-position: -4px -52px !important;
    border: dashed 1px #ef7d00;
}
.clear{
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
/*CONTENT*/
.mainContent{
    margin-left: 275px;
    width: 385px;
    padding: 0;;
    font-family: BRoya;
    font-size: 15px;
    text-align: justify;
    direction: rtl;
    color: #656565;
    position: relative;
    top:-50px;
    float: left;
}
/*INNER PAGE*/
body.innerPage{
    background: url('design/images/innerBg.png') #fff top left repeat-x;
}
.container_12{
    background: url('design/images/mainBg960.png') transparent top left repeat-y;
    min-height: 700px;
}
.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.logoInner{
    margin: 45px 0 0 30px;
}
.topBoxInner{
    width: 175px;
    height: 150px;
    background: url('design/images/topBox.png') transparent 0 -265px no-repeat;
}
.innerSlide{
    float: left;
    width: 550px;
    height:115px;
    background: url('images/slide.jpg') transparent top left no-repeat;
    position: relative;
    left: 390px;
    top: -150px;
}
.innerTopBar{
    margin: 0 auto;
    width: 940px;
    height: 35px;
    background: url('design/images/innerTopBar.png') transparent top center no-repeat;
    position: relative;
    top:-268px;
    z-index: 1000;
}
.innerMenu{
    height: 36px;
    background: url('design/images/innerMenuBg.png') transparent 250px 0 no-repeat;
    position: relative;
    top: -235px;
    z-index: 1000;
    margin-left:180px;
}
.innerFirstMenu{
    margin-left: 180px;
}
.innerContent{
    margin: 0 10px 0 240px;;
    position: relative;
    top: -150px;
    font-family: BRoya;
    font-size: 14px;
    text-align: justify;
    direction: rtl;
    color: #656565;
}
/*product page*/
.contentTop{
    width: 410px;
    float: left;
}
.contentBottom{
    width: 670px;
    float: left;
    border-bottom: dashed 1px #999;
}
.contentAbout{
    width: 670px;
    float: left;
}
.category{
    width: 195px;
    height: 195px;
    float: left;
    margin: 10px 10px 0 0;
}
.catGalva{
    background: url("design/images/products/galva.jpg") transparent top left;
}
.catGalva:hover{
    background-position: 0 -195px;
}
.catColor{
    background: url("design/images/products/color.jpg") transparent top left;
}
.catColor:hover{
    background-position: 0 -195px;
}
.catOil{
    background: url("design/images/products/roghani.jpg") transparent top left;
}
.catOil:hover{
    background-position: 0 -195px;
}
.catForming{
    background: url("design/images/products/forming.jpg") transparent top left;
}
.catForming:hover{
    background-position: 0 -195px;
}
.catArshe{
    background: url("design/images/products/arshe.jpg") transparent top left;
}
.catArshe:hover{
    background-position: 0 -195px;
}
#startResult{
    display:block;
}
#result{
    border: 1px solid #cdcdcd;
    padding: 10px;
    display: none;
}
h1{
    font-weight: bold;
    color: #f68b1f;
    font-size: 15px;
}
#top{
    cursor: pointer;
}
#top2{
    cursor: pointer;
    padding-top: 10px;
}
.innerFooter{
    margin-top: 150px;
}
.spec, .spec th, .spec td{
    border: 1px dotted #ef7d00;
    text-align: center;
}
u{
    text-shadow: 2px 2px 5px #ef7d00;
}
.heading{
    font-size: 18pt;
    color: #444;
    text-shadow: 2px 2px 4px #f68b1f;
}
.ltr{
    direction: ltr;
}
.footer{
    margin-left: 275px;
    height: 25px;
    background-color: #e6e6e6;
    width: 385px;
    padding: 0;
    font-family: Tahoma;
    font-size: 7pt;
    color: #9e9e9e;
    padding-top: 10px;
}