﻿body{
	margin:12px 0 0 0;
	padding:0;
	direction:rtl;
	text-align:center;
	font:normal 12px/14px tahoma;
}

a,a:link,a:visited,a:hover{
	text-decoration:none;
}

a:focus,a:active{
	outline:none;
	outline-width:0;
}

.clear{
	clear:both;
}

.centerAlign
{
	text-align:center;
}

.main{
	width:932px;
	height:auto;
	margin:0 auto;
}

/*************************head****************************/
.header{
	background:url(../img/header.gif) no-repeat;
	height:115px;
}

.header .inner{	
	padding-top:25px;
	padding-left:190px;	
}

#peyvand{
     position:relative;
     top:50px;
     right:665px;    
     padding:0;
     width:120px;
     height:auto;
}

#peyvand .bulet
{
    background:url(../img/bulet.gif) no-repeat 80% 0;   
    position:relative;
    z-index:10;
    top:3px;
    height:14px;
}

#peyvand .pInner
{
    background:#FFEDCF;
    border:3px solid brown;
    padding:9px;
    text-align:right;
}

#peyvand
#peyvand a,
#peyvand a:link,
#peyvand a:visited
{
    color:#A64686;
}
    
#peyvand a:hover
{
    color:#DC7FBD;
}

.links{	
	padding:20px 10px 10px 10px;
	width:260px;
	height:auto;
	float:left;
	text-align:center;
}

.links ul {
	margin:0;
	padding:5px 20px 5px 10px;
	list-style:none;
}
.links li {
	display:inline;
	margin:0;	
	padding:0;
}
.links a {
	float:right;
	margin:0 0 0 2px;
	padding:0 0 0 6px;
	text-decoration:none;
	background: url(../img/navleft.gif) no-repeat 0% top;
	font:bold 13px tahoma;
	
}
.links a span {
	float:right;
	display:block;
	padding:7px 11px 9px 5px;
	color:#867957;
	background: url(../img/navright.gif) no-repeat 100% top;
	color:white;
}

.links a:hover {
	background-position: 0% -33px;
	color:white;
}
.links a:hover span {
	background-position: 100% -33px;
	color:white;
}

/****************************middle**************************************/
.mid{
	background:url(../img/mid.gif) repeat-y;
	height:auto;
	padding:0 26px 0 5px;
}

.borderRight{
	border-right:1px solid #FBC365;
}
.borderLeft{
	border-left:1px solid #D78600;
}

.column{
	width:448px;		
	height:auto;
	float:left;
	text-align:right;	
}

.columnInner{
	padding:15px;
	height:370px;
}

.columnInner2{
	padding:0;
}

.columnInner2 ul{
	padding:0;
	margin:0 25px 0 0;
}

.yekanTitr{
	background:url(../img/yekanTitr.gif) no-repeat #F4AA30;
	height:32px;
	text-align:right;
}

.inputContainer{
	text-align:left;
	padding-left:70px;
	margin-top:5px;
}

.inputContainer2{
	text-align:left;
	padding-left:50px;
	margin-top:5px;
}


.txtBg,
.txtBg2{
	background:url(../img/txtBg.gif) no-repeat;
	height:29px;	
	border:none;
	font:normal 16px tahoma;
	direction:ltr;
	padding:3px 5px;
}

.txtBg{	
	width:213px;	
	text-align:left;
}


.txtBg2{
	background-position:0 -37px;
	width:140px;	
	text-align:center;
	font-weight:bold;
}


.cartContainer{	
	text-align:center;
	padding:10px 70px 0 0;
}


.cart a,
.cart a:visited,
.cart a:link{
	width:84px;
	height:84px;
	background:url(../img/carts.jpg) no-repeat;
	float:right;
	margin-left:10px;	
	opacity:0.3;
	filter: alpha(opacity = 30);
}

.cart a:hover{
	opacity:1;
	filter: alpha(opacity = 100);
}

.cart a.selected,
.cart a.selected:visited,
.cart a.selected:link{
	opacity:1;
	filter: alpha(opacity = 100);
}


.cartType1,
.cartType2,
.cartType3{
	background:url(../img/typeBg.gif) no-repeat;
	width:380px;
	height:104px;
	margin:0 auto;
	margin-bottom:10px;
}

.cartType1{background-position:0 0;}
.cartType2{background-position:0 -112px;}
.cartType3{background-position:0 -224px;}


.updownContainer
{	
	height:29px;
	margin-top:60px;
	float:left;
}

.updownlblArea	
{
    background:url(../img/txtboxbg.gif) no-repeat 100% 0;
	float:right;
	height:100%;
	text-align:center;
	padding-top:3px;
}

.updownbuttonArea{	
	float:left;
	height:100%;
	background:url(../img/buttonbg.gif) no-repeat;
}

.updownupdownlbl{
	font:bold 14px/18px tahoma;
}

.updownupdownlbl2{
	font:bold 12px/18px tahoma;
}


.updownbuttonArea a,
.updownbuttonArea a:link,
.updownbuttonArea a:visited{
	display:block;
	text-decoration:none;
	height:14px;
}

.uphover{
	background-position:-60px 0;	
}

.downhover{
	background-position:-30px 0;	
}

a.payButton{
	background:url(../img/payButton.jpg) no-repeat;
	background-position:0 0;
	width:112px;
	height:35px;
	display:block;
	margin:0 auto;	
}

a.payButton:hover{
	background-position:0 -35px;
}

.bankname{height:30px;text-align:center;color:#A64686;font-weight:bold;}

#bankha div {
	width:40px;
	height:40px;
	border:3px solid #F4AA30;
	float:right;
	margin-left:1px;	
	background-image:url(../img/bankha.jpg);
	background-repeat:no-repeat;
}
#banksaman      {background-position:-309px 1px;}
#banknovin      {background-position:-265px 1px;}
#bankmellat     {background-position:-221px 1px;}
#bankkeshavarzi {background-position:-176px 1px;}
#banksina       {background-position:-133px 1px;}
#bankPasargad   {background-position: -89px 1px;}
#bankparsian    {background-position: -44px 1px;} 
#banktosee      {background-position:   0px 1px;}
#banksanat      {background-position:-617px 1px;}
#bankmelli      {background-position:-573px 1px;}
#banksaderat    {background-position:-529px 1px;}

#bankha div.selected,    
#bankha div:hover{border-color:#A64686;}

/****************************other pages**************************************/
.linkSide{text-align:right;margin-right:10px;float:right;width:150px;margin-top:40px;height:auto;font:normal 16px/20px tahoma;}
.linkSide a,
.linkSide a:link,
.linkSide a:visited
.linkSide ul,
.linkSide li{color:#b00;background:#F4AA30;}
.linkSide a:hover{color:#700;background:#F4AA30;}



.mainSide{float:left;width:700px;height:auto;font:normal 16px tahoma;margin:30px 0;}
.mainSide a,
.mainSide a:link,
.mainSide a:visited,
.mainSide ul,
.mainSide li{color:#b00;background:#F4AA30;}
.mainSide a:hover{color:#700;background:#F4AA30;}

.mainSide hr{background:#FFCA4D;height:3px;border:none}

.pageTitle{font:bold 24px tahoma;color:#A64686;}
.pageTitle2{font:bold 22px arial;background:red;color:White;padding:2px 5px;margin-bottom:11px;}
.mainSide  h3{font:bold 16px arial;color:#A64686;padding:0;margin:0 0 10px 0;}

.contentText{text-align:justify;margin:20px;font:normal 14px tahoma;}
.contentText img {margin:15px 0;}

/****************************footer**************************************/
.footer{
	background:url(../img/footer.gif) no-repeat;
	height:39px;
}	

