#StepsLists { position: relative; height: 120px;padding:0px; margin-bottom:20px; } #StepsLists ul{padding:0px; margin:0px;} #StepsBand { position: absolute; bottom: 0; left: 0; height: 9px; width: 100%; z-index: 0; } #Steps { margin: 0; width: 100%; position:relative; z-index: 10; } #Steps li { height: 59px; position: relative; list-style:none; float: left; font-family: Arial, Helvetica, sans-serif; } #Steps li,#Steps li.selected { height:120px; } #Steps li.first,#Steps li.last{background: #fff;} #Steps li strong{ font-weight: normal!important; color: #fff; background: #ccc; font-size:18px; width:45px; padding-top: 13px; height:45px; display:block; margin:0 auto; border-radius: 50% 50%; } #Steps li span { font-family: Arial,trebuchet MS, Helvetica, sans-serif; font-size: 14px; color: #999; padding-bottom: 2px; display: block; font-weight: bold; } #Steps li.selected p, #Steps li.selected span { color: #333; } #Steps li.selected strong { color: #FFF; } #Steps li.done span, #Steps li.done span a, #Steps li.done p { color: #5ba71b; } #Steps li p { color: #999; font-size: 0.917em; font-family: Arial, Helvetica, sans-serif; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #Steps li a {color: #999;} #Steps li a:hover {text-decoration: none;} .cover-left,.cover-right{ width:70%; position:absolute; right:0;top:0; content:""; height:120px; z-index:0;} .cover-right {left:0;} #Steps li.done strong, #Steps li.done.last strong, #Steps li.done.first strong{background: #5ba71b; } #Steps li.selected strong, #Steps li.selected.first strong{ background: #555555; } #Steps li.first strong{ margin-left: 15%; } #Steps li.last strong{float: right; margin-right: 15%; } .StepNo { margin-top: 20px; } .StepInfo { margin-top: 5px; } .StepNo span { font-weight: bold; } .StepInfo,.StepNo {text-align:center; z-index:10; position:relative;} #Steps li.last .StepInfo { float: right; } #Steps li.first .StepInfo { float: left; } #Steps li .StepInfo span.MobileT { display: none; } *html .StepInfo { padding-top: 6px; } *html #StepsLists li { width: 320px; } *html #Steps li { margin-left: 10px; } .passive-process { position: absolute; left: 0; top: 40px; background: #cccccc; height: 3px; z-index: 5; width: 100%; } .active-process { position: absolute; left: 0; top: 40px; background: #5ba71b; height: 3px; z-index: 10; } .process-container { position: absolute; left: 0; background: #cccccc; top: 40px; height: 3px; z-index: 10; width: 100%; } .done .process-container { background: #5ba71b; }


.ccfront {
	height: 240px;
	width: 342px;
	float: left;
	background: url(../images/ccfront.jpg) center top;
	margin: 10px 5px 0px 3px;
	padding: 5;
}
.ccback {
	height: 240px;
	width: 342px;
	float: left;
	background: url(../images/ccback.jpg) center top;
	margin-top: 10px;
}
.ccfront input[type=text], .ccback input[type=text] {
	width: auto;
	padding: 7px 1px;
	text-align: center;
	font-size: 12px;
}
.ccfront select, .ccback select {
	width: auto;
	padding: 3px;
	font-size: 12px;
}
.cardnos {
	padding: 10px;
	margin-left: 10px;
}
.cardnosu {
	text-align: left;
	padding: 0px 5px 0px 40px;
	margin: 0px 5px 0px 15px;
}
.cardnotarih {
	padding: 0px 10px 10px 40px;
	margin: 0px 5px 0px 45px;
}
.cardnoKartTipi {
	padding: 0px 10px 10px 40px;
	margin: 0px 5px 0px 45px;
}
.CardNameInfo {
	margin: 0px 5px 0px 45px;
	padding: 0px 0px 0px 40px;
	width: 240px;
}
.cardnoBack {
	padding: 10px 10px 10px 10px;
	margin-left: 15px;
	margin-right: 15px;
	border: solid 1px #ddd;
}
.cardinfos {
	height: 39px;
	margin: 37px 25px 15px 40px;
	margin-bottom: 30px;
}
.divLoading {
	display: block;
}
.cardinfoFront {
	padding: 5px 0px 0px 15px;
	color: #6A6866;
	font-size: 11px;
	text-align: center;
	margin: 0px 20px 5px 15px;
}
.cardInfoBack {
	color: #6A6866;
	font-weight: bold;
	text-align: center;
	margin: 20px 30px 0px 30px;
	font-size: 12px !important;
}
.textcss {
	color: #6A6866;
	font-weight: bold;
	font-size: 11px !important;
}
.PageHeaderleft {
	height: 42px;
	width: 500px;
	background-image: url(../images/odeme-islemleri.jpg);
	background-repeat: no-repeat;
	float: left;
	margin: 15px 0px 15px 0px;
}
.PageHeaderRigth {
	height: 42px;
	width: 205px;
	background-image: url(../images/odeme-loop.jpg);
	background-repeat: repeat;
	margin: 15px 0px 15px 0px;
	float: left;
}
.Banka_taksit {
	width: 222px;
	height: 358px;
	float: left;
	margin: 0 3px 15px 3px
}
.bTaksit_ustTEKCEK {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -425px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altTEKCEK {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -483px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustBonus {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -5px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altBonus {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -61px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustAxess {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -236px -5px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altAxess {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -236px -61px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustWorld {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -465px -5px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altWorld {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -465px -61px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustMaximum {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -696px -5px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altMaximum {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -696px -61px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustAdvantage {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -145px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altAdvantage {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -201px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustCardFinans {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -236px -145px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altCardFinans {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -236px -201px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustTrFinans {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -465px -145px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altTrFinans {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -465px -201px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustVakif {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -696px -145px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altVakif {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -696px -201px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustAsya {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -285px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altAsya {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -5px -342px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustCiti {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -236px -285px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altCiti {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -236px -342px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustParaf {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -466px -285px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altParaf {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -466px -342px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_ustDiger {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -695px -285px;
	width: 220px;
	height: 52px;
	margin-bottom: 1px
}
.bTaksit_altDiger {
	background-image: url('../images/taksit/bankalar_taksit.jpg');
	background-repeat: no-repeat;
	background-position: -695px -342px;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_alt {
	background-image: url('../images/taksit/banka_bonus_alt.jpg');
	background-repeat: no-repeat;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_alt {
	background-image: url('../images/taksit/banka_bonus_alt.jpg');
	background-repeat: no-repeat;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_alt {
	background-image: url('../images/taksit/banka_bonus_alt.jpg');
	background-repeat: no-repeat;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit_alt {
	background-image: url('../images/taksit/banka_bonus_alt.jpg');
	background-repeat: no-repeat;
	width: 220px;
	height: 76px;
	margin-top: 1px
}
.bTaksit-tablo {
	width: 218px;
	border: 1px #CFCFCF solid;
	background-color: #f6f6f6
}
.bTaksit_aciklama {
	width: 210px;
	height: 70px;
	padding: 10px 0 0 4px;
	text-align: center;
	font-size: 10px;
	color: #444444;
	line-height: 12px
}
.bTaksit_Bslk {
	width: 218px;
	border-bottom: 1px #CFCFCF solid;
	border-top: 1px #FFF solid;
	height: 25px
}
.bTaksit_Bslk1 {
	font-size: 11px;
	border-right: 1px #CFCFCF solid;
	width: 31px;
	height: 19px;
	line-height: 1em;
	text-align: center;
	float: left
}
.bTaksit_Bslk2 {
	font-size: 11px;
	border-right: 1px #CFCFCF solid;
	width: 92px;
	height: 19px;
	text-align: center;
	padding-top: 2px;
	float: left
}
.bTaksit_Bslk3 {
	font-size: 11px;
	width: 90px;
	height: 19px;
	text-align: center;
	padding-top: 2px;
	float: left
}
.bTaksit_Sayi {
	width: 218px;
	border-bottom: 1px #CECECE solid;
	border-top: 1px #FFF solid;
	height: 20px
}
.bTaksit_Sayi1 {
	font-size: 12px;
	border-right: 1px #CFCFCF solid;
	width: 31px;
	height: 20px;
	text-align: center;
	float: left
}
.bTaksit_Sayi2 {
	font-size: 12px;
	border-right: 1px #CFCFCF solid;
	width: 92px;
	height: 15px;
	text-align: center;
	float: left
}
.bTaksit_Sayi3 {
	font-size: 12px;
	width: 90px;
	height: 15px;
	text-align: center;
	float: left
}
.bTaksit_Bslk1a {
	font-size: 12px;
	border-right: 1px #CFCFCF solid;
	width: 31px;
	height: 19px;
	line-height: 1em;
	text-align: center;
	float: left
}
.bTaksit_Bslk2a {
	font-size: 12px;
	border-right: 1px #CFCFCF solid;
	width: 82px;
	height: 19px;
	text-align: center;
	padding-top: 2px;
	float: left
}
.bTaksit_Bslk3 a {
	font-size: 12px;
	width: 80px;
	height: 19px;
	text-align: center;
	padding-top: 2px;
	float: left
}
.bTaksit_Sayi1a {
	font-size: 12px;
	border-right: 1px #CFCFCF solid;
	width: 31px;
	height: 15px;
	text-align: center;
	float: left
}
.bTaksit_Sayi2a {
	font-size: 12px;
	border-right: 1px #CFCFCF solid;
	width: 82px;
	height: 15px;
	text-align: center;
	float: left
}
.bTaksit_Sayi3a {
	font-size: 12px;
	width: 80px;
	height: 15px;
	text-align: center;
	float: left
}
.bTaksit_Sayi4 {
	font-size: 12px;
	border-left: 1px #CFCFCF solid;
	width: 20px;
	height: 15px;
	text-align: center;
	float: left
}
.bTaksit_Bold {
	width: 218px;
	border-bottom: 1px #CECECE solid;
	border-top: 1px #FFF solid;
	height: 20px;
	font-weight: bold;
	background-color: #ebebeb
}
.bTaksit-tablo label {
	margin-bottom: 0px;
}
.bTaksit-tablo input[type=radio] {
	margin: 0px;
	padding: 0px;
}
.bTaksit_Sayi:hover, .bTaksit_Bold:hover {
	background-color: #e3e3e3;
}