﻿body{
	font-size: 12px;
	font-family: "Iranian Sans", "Iranian Serif", Tahoma;
	color: #333;
	background:#fff url('../images/topbar-bg.png') repeat-x top;
	margin:0px;
	line-height:1.5em;
    z-index: 999;
}
img{ border: none; }
a{ outline: 0px; text-decoration: none; color: #333; }
.invisible{visibility:hidden}
#logo{ width:293px; height:96px; margin:auto; float: right}
#logo img{ float:right; }
#header_bar{ height:200px; background:url('../images/header-bar-big.png') repeat-x; }
#header_bar_small{ height:111px; background:url('../images/header-bar-small.png') repeat-x; }
#info{ width:635px; height:200px; margin:auto; }
#info #txt{ float:right; width:403px; height:200px; background:url('../images/info.png') no-repeat right bottom; margin-right:10px; display: inline}
#info #box{ float:left; width:205px; height:200px; background:url('../images/box.jpg') no-repeat right bottom; }

#content { background:#f0efe0 url('../images/content-bg.png') repeat-y fixed center center; min-height: 275px}
#work_area{ width:620px; height:auto; margin:auto; }
.mobile-txt{
float:right;
width:286px; height:25px; margin-right:75px;
background-image:url('../images/mobile-txt.png');
background-repeat:  no-repeat;
background-position:  bottom;
padding-top:15px; display: inline
}

.input_div{float:right;margin-right:30px; margin-left:5px;width:378px; height:57px;margin-top:10px;}
#amount_div{float:right;margin-right:30px; width:378px; height:57px; margin-top:10px;}
#payment_div{float:right;margin-right:30px; width:378px; height:67px; margin-top:10px;}
#bank-logo{width:545px; height:auto; margin-right:auto; margin-left: auto; margin-top:10px;}

#input_bg{ width:328px; height:57px; background:transparent url('../images/input-bg.png'); background-repeat:  no-repeat; float:left; }
.input_m{ background-color:transparent; border:none; width:310px; height:34px; margin-top:8px; margin-left:10px; text-align:center; font-size:36px; font-family:Times New Roman; font-weight:bold; direction:rtl; color:#4b4b4b; }
#input-reset{ width:50px; height:57px;background-repeat:  no-repeat; float:right; }
#submitwrapper{ width:200px; height:64px; margin:auto; }


.hamrah1{float:left; margin-top:120px; margin-left:30px; width:110px; height:116px; display: inline}
.clear{clear:both; line-height:0px;}


#footer{ background:#d8d1c1 url('../images/footer.png') repeat-x; width:auto; height:100px; color:#705341; }
#footer a{ color:#4E382C; font-family:Tahoma; }
.link{ margin:auto; padding-top:10px; width:600px; }
.llink{ float:left; padding-top:10px; width:200px; }
.rlink{ float:right; padding-top:10px; width:380px; direction: rtl; }

.s1{ background:url('../images/s1.png') no-repeat; width:397px; height:120px; margin:auto; min-height:120px;}
.s2{ background:url('../images/s2.png') no-repeat; width:397px; height:116px; margin:auto; }
.p{ background:url('../images/t.png') no-repeat; width:397px; height:41px; margin:auto; padding: 5px 10px;}
.p-txt{margin-top:8px;margin-bottom:5px;text-align:center; direction:ltr; font-family:arial; font-size:14px; font-weight:bold; color:#CC0000;
padding-right:150px}
.p-red{color:#CC0000; font-size: 120%; font-weight: bold;}




.rtl {direction:rtl}
.rounded {
    direction: rtl;
	-moz-border-radius-topright : 5px;
	-moz-border-radius-topleft : 5px;
	-moz-border-radius-bottomright : 5px;
	-moz-border-radius-bottomleft : 5px;
}
.center {margin-right:auto; margin-left: auto; text-align: center;}
.error {
	margin: 5px 30px;
	padding: 4px 30px 4px 10px;
	text-align: center;
	border:1px solid red;
	background: #FFC0C0 url(../images/error.png) 98% 50% no-repeat;
}

.warning {
	margin: 5px 30px;
	padding: 4px 30px 4px 10px;
	text-align: center;
	border:1px solid orange;
	background: #FFFFC0 url(../images/warning.png) 98% 50% no-repeat;
}

.success {
	margin: 5px 30px;
	padding: 4px 30px 4px 10px;
	text-align: center;
	border:1px solid green;
	background: #C0FFC0 url(../images/success.png) 98% 50% no-repeat;
}

.info {
	margin: 5px 30px;
	padding: 4px 30px 4px 10px;
	text-align: center;
	border:1px solid #B3D9FF;
	background: #B3D9FF url(../images/information.png) 98% 50% no-repeat;
}

.loading{
	margin: 5px 30px;
	padding: 10px 10px 4px 10px;
	text-align: center;
	vertical-align: middle;
	border:1px solid #17BFB4;
	min-height:30px;
	background: white url(../images/loader.gif) 98% 50% no-repeat;
}

/* Bottons */
#submitwrapper{
	width: 410px;
	max-width:410px;
	margin-right:auto;
	margin-left: auto;
	text-align: center;
	padding-bottom : 10px;
}

.reset{
	height: 57px;
	width: 50px ;
	border: none;
	background : transparent url(../images/reset_btn.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.reset-blue{ background-position: 0 0;}
.reset-blue-dis{background-position:-50px 0}
.reset-orange{background-position: -100px 0}
.reset-orange-dis{background-position: -150px 0}

.buttons{
	height: 64px;
	width: 200px ;
	border: none;
	background : transparent url(../images/buttons.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#submit-pay{
	background-position : 0 0;
}
#verify-pay{
	background-position : 0 -128px;
}
#edit-pay{
	background-position : 0 -256px;
}
.paybutton{
	height: 59px;
	width: 158px ;
	border: none;
	background : transparent url(../images/pay.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#imgprice{
	width:182px;height:56px;
	background-image:url('../images/prices.gif');
	background-repeat:  no-repeat;
	display: none;
}
.price20000{background-position: 0 0;}
.price50000{background-position: 0 -56px;}
.price100000{background-position: 0 -112px;}
.price200000{background-position: 0 -168px;}

.selectnoscript{
	background: transparent;
	border: none;
	height: 56px;
	width: 182px;
	padding: 12px 10px;
	font-size: 20px;
	background: url(../images/amount-input.png);
	font-family: "Iranian Sans", "Iranian Serif";
}
.counter{cursor: pointer;}

#wrapper{background:transparent url(/images/amount-input.png);}
#card-help a{color:#009B9F}
#help{margin:10px auto;width:500px;text-align:center}

#sales-bg{
    background: url(../images/sales-bg.png) no-repeat;
    width: 158px;
    height: 59px;
    overflow: visible;
    position: relative;
}
#img-salesprices{
  background-image: url(../images/pricesd.gif);
  width: 166px;
  height: 67px;
  position: absolute;
  top:-8px;
  left:-8px;
}
.salesprice20000{background-position: 0 0;}
.salesprice50000{background-position: 0 -67px;}
.salesprice100000{background-position: 0 -134px;}
.salesprice200000{background-position: 0 -201px;}

#gateways{
  background-image: url(../images/gateways.gif);
  width: 166px;
  height: 40px;
  margin-top: 16px;
  display: none;
}
.parsian{background-position: 0 0}
.saman{background-position: 0 -40px}
.pasargad{background-position: 0 -80px}
.enbank{background-position: 0 -120px}
.melli{background-position: 0 -160px}
.mellat{background-position: 0 -200px}
.saderat{background-position:  0 -240px}
.tejarat{background-position: 0 -280px}
.keshavarzi{background-position: 0 -320px}

/* -------- Maintenace Style ---------- */

.m-box-right{float:right; width:425px; height:178px; background:url('../images/mbox.gif') no-repeat;}
.error-title{width:350px; padding:10px; padding-bottom:0px; text-align:justify; font-family:"Arial"; font-size:16px; font-weight:bold; color:#fff;}
.error-text{width:350px; padding:10px; text-align:justify; color:#462713;}
.character{float:left; width:171px; height:269px; background:url('../images/mcharacter.png') no-repeat;}


#header_nbar_small{ height:112px; background:url('../images/header-bar-2.png') repeat-x; }