@font-face {
  font-family: 'BKoodakBold';
  src: url('../font/BKoodakBold.eot?#') format('eot'),  /* IE6-8 */
       url('../font/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../font/BKoodakBold.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'Byekan';
  src: url('../font/BYekan.eot?#') format('eot'),  /* IE6-8 */
       url('../font/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../font/BYekan.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
}
* {
    padding: 0;
    margin: 0;
} 
body {
font: 13px byekan;
background: url(../image/bg.png);
color: #333333;
line-height: 24px;
text-align: right;
direction: rtl;
text-shadow: 1px 1px 1px #CCCCCC;
}
a {
 text-decoration: none;
 color:#0171AF;
}
#wrap {
width: 905px;
margin: 20px auto;
}
#header {
background: url(../image/header.png) no-repeat;
height: 150px;
}
#menu {
 background: #eee url(../image/content.gif) repeat-y;
 height: 35px;
 padding: 5px 0;
}
#menu ul {
 list-style-type: none;
 padding: 0 35px 0 0;
}
#menu ul li {
 float:right;
 padding: 5px;
}
#menu ul li a {
 color: #F1F1F1;
 font-size: 20px;
 font-weight: 600;
 letter-spacing: -1px;
 padding: 1px 20px;
 background: #333333;
 border-radius: 3px;
}
#menu ul li a:hover {
 color: #99997E;
}
#content {
background: url(../image/center.png) repeat-y;
padding: 1px 20px 40px
}
#content .right-div {
background: url(../image/bg.png);
float: right;
height: auto;
position: relative;
padding: 10px;
width: 245px;
border-right: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-bottom: 4px solid #eaeaea;
border-radius: 0px 0px 5px 5px;
top: 30px;
}
#content .center-div {
background: url(../image/bg.png);
float: right;
height: auto;
position: relative;
padding: 10px;
width: 245px;
border-right: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-bottom: 4px solid #eaeaea;
border-radius: 0px 0px 5px 5px;
top: 36px;
margin-right: 30px;
}
#content .left-div {
background: url(../image/bg.png);
float: right;
height: auto;
position: relative;
padding: 10px;
width: 245px;
border-right: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-bottom: 4px solid #eaeaea;
border-radius: 0px 0px 5px 5px;
top: 30px;
margin-right: 30px;
text-align: center;
margin-bottom: 20px;
}
#content h2 {
    border-bottom: 1px dotted #CCCCCC;
    font-size: 18px;
    margin: 0 10px 10px;
    padding: 0 18px 7px 0;
    text-shadow: 2px 2px 1px #CCCCCC;
}
#content .box {
 padding: 10px 5px;
}
#content .marg {
 margin: 15px 0;
}
#content ul {
list-style-type: none;
font: 13px byekan;
}
#content .form {
padding: 1px;
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
}
#content label.left {
float: right;
margin: 0 0 0 5px;
padding: 2px;
width: 100%;
font: 20px bkoodakbold;
font-weight: normal;
text-align: center;
}
#content table{
 background: #F4F2F2;
 border-collapse: collapse;
 border-spacing: 0;
}
#content tr {
background: #d8d8d8;
border: 5px solid #f4f4f4;
}
#content td {
 padding: 1px 7px;
}
#content .banks {
list-style: none outside none;
margin: 1px;
padding: 0 15px;
width: 250px;
margin-right: -15px;
}
#content .banks li {
    float: right;
    margin: 3px;
    padding: 1px;
    height: 29px;
    width: 29px;
    border: 1px solid #C3C3C3;
    background-image: url("../image/banks.png");
}
#content .banks li:hover {
	border: 1px solid #000;
}
#content .info {
text-align: center;
}
#bottom {
 padding: 10px 0;
}
#footer {
background: #454444;
text-align: right;
border-radius: 0px 0px 10px 10px;
padding: 5px;
padding-right: 30px;
font: 13px byekan;
color: #fff;
text-shadow: none;
height: 30px;
}


.error
{
	font-size: 14px;
	font-weight: bold;
	background-color: #fe2e2e;
	color: white;
}



.button {
background: url(../image/pardakhtclick.png) no-repeat;
width: 139px;
height: 35px;
display: inline-block;
white-space: nowrap;
margin: 0.5em;
text-decoration: none;
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
text-align: center;
margin-bottom: -5px;
margin-top: 10px;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cards {
 margin-left:auto;
 margin-right:auto;
 width: 80%;
}

.cards td.top {
 background: #CCCCCC;
 text-align: center;
 font-size: 18px;
 font-weight: bold;
}
.cards td {
 background: #EDEAEA;
 font-size: 16px;
}
.menu {
background: url(../image/menu.png);
height: 44px;
}
.menu ul {
float: right;
margin-top: 7px;
}
.menu a {
background: url(../image/line.png) no-repeat -1px;
font: 13px byekan;
text-decoration: none;
color: #fff;
padding: 11px 12px;
border-bottom: 3px solid #3d3939;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
}
.menu a:hover {
border-bottom: 3px solid #34576d;
}
.lvl1 {
background: url(../image/lvl1.png);
height: 49px;
margin-top: -30px;
margin-right: -10px;
margin-left: -10px;
margin-bottom: 10px;
}
.many {
position: relative;
background: url(../image/many.png) no-repeat;
margin-right: 7px;
height: 34px;
margin-top: 15px;
font: 17px byekan;
color: #fff;
text-shadow: none;
padding-right: 20px;
right: -7px;
}
.many select {
background: #FFF;
border-bottom: 3px solid #eeeeee;
border-radius: 20px;
font: 13px byekan;
margin-top: 2px;
-webkit-appearance: none;
}
.menu-center {
width: 905px;
margin: auto;
}
.lvl2 {
background: url(../image/lvl2.png);
height: 49px;
margin-top: -30px;
margin-right: -10px;
margin-left: -10px;
margin-bottom: 10px;
}
.callyou {
background: url(../image/callyou.png);
width: 228px;
height: 54px;
margin-right: -22px;
}
.info p {
font: 13px byekan;
text-shadow: none;
text-align: center;
}
.info input {
background: #e7e7e7;
border-bottom: 3px solid #dbdbdb;
}
.Important {
margin-top: 10px;
margin-bottom: -12px;
}
.Important ul {
background: url(../image/tik.png) no-repeat right 3px;
padding-right: 28px;
text-align: right;
text-shadow: none;
height: 25px;
}
.lvl3 {
background: url(../image/lvl3.png) 10px;
height: 49px;
margin-top: -20px;
margin-right: -10px;
margin-left: -10px;
margin-bottom: 10px;
}
.tozih-pardakht {
background: url(../image/pardakht.png);
width: 228px;
height: 58px;
margin-right: -21px;
margin-top: -5px;
}
.form2 {
background: #868686 url(../image/select.png) no-repeat 5px 4px;
-webkit-appearance: none;
border-top: 5px solid #737373;
border-left: 4px solid #737373;
border-right: none;
border-bottom: none;
color: #fff;
font: 13px byekan;
padding: 1px 5px 5px 0;
}
.gfx {
background: url(../image/gfx.png) no-repeat;
width: 161px;
height: 40px;
float: left;
margin-top: -5px;
}