@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body {font: normal 12px Arial,Helvetica,sans-serif; color: #3f3f3f; background: #e8e8e8 url(../images/bg-7.png) repeat-x; min-width: 1000px; position: relative; height: 100%; }
img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #1085fe;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}
h1, h2, h3, h4, h5, h6 {font: bold 18px Arial,Helvetica,sans-serif; color: #3f3f3f; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul, ol { padding-left: 30px; }
ul li {list-style: disc outside;}
.set {height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; }
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}

#wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; min-width: 1000px; }
	.header {width: 1003px; position: relative; margin: 0 auto; height: 428px;}
		.logo {position: absolute; left: 44px; top: 20px; z-index: 20;}
		.logo a {display: block; width: 161px; height: 44px; background: url(../images/logo.png) no-repeat;}
		
		.top-cards {position: absolute; right: 51px; top: 17px; text-align: right; z-index: 20;}
		.top-cards img {margin-left: 4px;}
		
		.bg-t {width: 226px; height: 54px; position: absolute; background: url(../images/bg-t-1.png) no-repeat; right: 290px; top: 29px;}
		
		.hot-c {width: 684px; height: 420px; float: left; background: url(../images/girl.png) 0 71px no-repeat; position: relative; z-index: 10;}
			.h101 {position: absolute; width: 468px; height: 56px; left: 216px; top: 128px; text-indent: -9999px; overflow: hidden; background: url(../images/hot_credit.png) no-repeat;}
			
			.ul-1 {position: absolute; width: 382px; left: 302px; top: 211px; font-size: 14px;}
			.ul-1 ul {padding: 0; margin: 0;}
			.ul-1 li {padding: 0 0 7px 28px; background: url(../images/bl-1.png) 0 5px no-repeat; list-style: none !important;}
			
			.div-1 {width: 375px; height: 74px; background: url(../images/text-1.png) no-repeat; padding: 13px 0 0 41px; right: 0; top: 275px; position: absolute; font-style: italic;}
			
		.top-c {width: 219px; height: 304px; float: right; padding: 89px 26px 0 22px; position: relative; background: url(../images/best.png) 0 31px no-repeat; margin-right: 16px; z-index: 10;}
			.h201 {position: absolute; width: 154px; height: 14px; left: 77px; top: 56px; background: url(../images/h201.png) no-repeat; text-indent: -9999px; overflow: hidden;}
			
			.card-1 {position: relative; height: 127px;}
				.card-1-img {width: 92px; height: 57px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; box-shadow: 0 0 3px #000; margin-right: 11px;}
				
				.card-1-body {width: 115px; float: right; height: 69px;}
					.card-1-name {font-size: 18px; color: #000000; font-weight: bold; letter-spacing: -1px; height: 23px;}
					.card-1-type {font-size: 12px; font-weight: bold; color: #e8e8e8; letter-spacing: -0.5px; height: 21px;}
					.card-1-rating {}
					.card-1-rating img {margin-right: 3px;}
					
				.card-applic {float: left;}
					.card-applic table {border-collapse: collapse; border: none;}
					.card-applic td {width: 23px; height: 31px; font-size: 18px; font-weight: bold; background: url(../images/timer-bg.png) center no-repeat; text-align: center; vertical-align: middle;}
					
				.more-1 {float: right; padding: 5px 0 0; text-align: right;}
					.more-1 a {display: block; width: 62px; height: 22px; background: url(../images/more-1.png) no-repeat; float: right;}
					.more-1 a:hover {background-position: 0 100%;}
					
			.card-list-1 {}
				.card-list-1 ul {padding: 0; margin: 0;}
				.card-list-1 li {padding: 0; height: 46px; list-style: none; margin-bottom: 11px; border-bottom: dotted 1px #c0c0c0; overflow: hidden;}
				.card-list-1 li.last {border: none;}
				.card-list-1-img {width: 54px; height: 34px; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #bdbdbd; -moz-box-shadow: 0 0 3px #bdbdbd; box-shadow: 0 0 3px #bdbdbd;}
					.card-list-1-img img {width: 54px; height: 34px;}
					
				.card-list-1-body {width: 158px; float: right; padding-top: 2px;}
					.card-list-1-title {font-weight: bold; letter-spacing: -0.02em; line-height: 16px; white-space: nowrap;}
						.card-list-1-title a {color: #3f3f3f; text-decoration: none;}
						.card-list-1-title a:hover {text-decoration: underline; color: #0a3a5e;}
						
					.card-list-1-applic {font-size: 11px; line-height: 14px;}
					.card-list-1-applic span {padding-left: 5px;}
					.card-list-1-applic img {position: relative; bottom: -1px;}
					
					
		.h202 {position: absolute; bottom: 0; left: 0; width: 100%; height: 28px; background: url(../images/which.png) 311px top no-repeat;}
		.h202-1 {background: url(../images/learn.png) 352px 0 no-repeat;}
				
.page-1-BG {background: url(../images/bg-4-B.png) bottom left no-repeat; padding: 0 11px 26px 12px; width: 980px; margin: 0 auto -38px; position: relative; z-index: 30;}
	.page-1 {background: #fff; border: solid 1px #c0c0c0; min-height: 367px;}
	
	.card-2 {width: 243px; float: left; padding: 0 31px 20px 32px; text-align: center;}
		.card-2-img {padding-bottom: 10px; height: 153px; width: 100%; overflow: hidden;}
		.stars-3 {padding-bottom: 5px;}
			.stars-3 img {}
		.rating-2 {font-size: 11px; line-height: 14px; color: #b1b1b1;}
			.rating-2 span {color: #828282;}
			.rating-2 a {color: #b1b1b1; text-decoration: none;}
			.rating-2 a:hover {color: #f1991f; text-decoration: underline;}
	
	.prepaid {padding: 0 32px 20px 0; position: relative; width: 630px; float: right; background: url(../images/bl-2.png) 320px 24px no-repeat;}
		.h203 {font-size: 24px; padding-bottom: 6px;}
		
		.prepaid-L {width: 311px; float: left; position: relative; padding-bottom: 37px;}
			.prepaid-L h3, .prepaid-R h3 {font-size: 18px; color: #0a436d; padding-bottom: 8px;}
			.prepaid-L ul {padding: 0; margin: 0;}
			.prepaid-L ul li {padding: 0 0 5px; list-style: none !important;}
			
			.apply-now a {position: absolute; width: 148px; height: 34px; background: url(../images/apply-now.png) no-repeat; right: 0; bottom: 0;}
			.apply-now a:hover {background-position: left bottom;}
			
			.more-3 a {position: absolute; right: 162px; bottom: 10px; font-size: 11px; color: #a5a5a5; text-decoration: underline;}
			.more-3 a:hover {text-decoration: underline; color: #868585;}
			
			
		.prepaid-R {width: 274px; float: right; padding: 0 0 0px 29px; position: relative;}
			.bord-1 {margin: 0 0 0 -29px; padding: 0 0 31px 29px; border-left: solid 1px #c0c0c0;}
				.comment-1 {padding-bottom: 10px; position: relative; top: -5px; margin-bottom: -5px;}
					.comment-1-info {font-size: 11px; padding-bottom: 4px;}
					.comment-1-info b {font-size: 12px;}
					.stars-4 {position: relative; bottom: -2px; margin-right: 5px;}
					
					.comment-1-body {font-size: 11px;}
					
			.write_your_review a {position: absolute; left: 29px; bottom: 0; width: 132px; height: 24px; background: url(../images/write_your_review.png) no-repeat;}
			.write_your_review a:hover {background-position: 0 100%;}
			
			.refresh a {position: absolute; width: 27px; height: 24px; background: url(../images/refresh.png) no-repeat; left: 163px; bottom: 0;}
			.refresh a:hover {background-position: 0 100%;}
			
			
	.table-1 {margin: 0 -1px -1px;}
		.table-1 table {border-collapse: collapse; border: solid 1px #c0c0c0; height: 101px;}
		.table-1 table td {vertical-align: top; border: solid 1px #c0c0c0; padding: 11px 14px 0 24px; height: 90px; background-color: #e9e9e9; font-size: 12px; line-height: 18px;}
			.td-1 {width: 206px; background: url(../images/td-1.jpg) no-repeat;}
			.td-2 {width: 205px; background: url(../images/td-2.jpg) no-repeat;}
			.td-3 {width: 205px; background: url(../images/td-3.jpg) no-repeat;}
			.td-4 {width: 207px; background: url(../images/td-4.jpg) no-repeat;}
			
		.table-1 table td h3 {font-size: 14px; padding-bottom: 5px;}
		.table-1 table td p {padding: 0;}
		.table-1 table td big {font-size: 24px; font-weight: bold; color: #ec8d06;}
	
	
	
	.flash {width: 956px; height: 145px; margin: 0 -10px -54px; position: relative; top: -68px; background: url(../images/flash.png) no-repeat; padding: 66px 0px 0;}
	
.page-2-BG {background: url(../images/bg-5-T.png) top left no-repeat; padding: 0 11px 0 12px; width: 980px; margin: -27px auto 0; position: relative; z-index: 20;}
	.page-2 {background: #f4f4f4; border: solid 1px #c0c0c0; min-height: 300px; padding: 22px 27px 23px;}
	
	.about_flamecard {width: 220px; float: left; background: url(../images/bl-3.png) 165px 10px no-repeat;}
		.h204 {font-size: 18px; color: #0a436d; padding-bottom: 11px;}
		.h204 span {color: #f1991f;}
		
		.about_flamecard-text {font-size: 11px;}
		.about_flamecard-text p {padding-bottom: 12px;}
		.about_flamecard-text b {font-size: 12px;}
		
		.bord-2 {width: 121px; border-bottom: dotted 1px #c0c0c0; padding-top: 4px; font-size: 0; line-height: 0; overflow: hidden; height: 0; margin-bottom: 17px;}
		
		.contact_us_button a {display: block; width: 100px; height: 24px; background: url(../images/contact_us.png) no-repeat;}
		.contact_us_button a:hover {background-position: 0 100%;}
		
	.cards-1 {width: 700px; float: left;}
		.card-3 {float: left; width: 148px;  margin-left: 25px; position: relative; overflow: hidden;}
			.card-3-items {border-left: solid 1px #c0c0c0; padding: 0 0 0px 26px; margin-bottom: -18px;}
				.card-3-item {padding: 0 0 13px; margin-bottom: 11px; border-bottom: dotted 1px #c0c0c0; overflow: hidden;}
				.card-3-item h3 {font-size: 12px; padding: 0 0 7px;}
				.card-3-item h3 a {color: #3f3f3f; text-decoration: none;}
				.card-3-item h3 a:hover {color: #0a3a5e; text-decoration: underline;}
				
				
				.card-3-item-img {width: 54px; height: 34px; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #bdbdbd; -moz-box-shadow: 0 0 3px #bdbdbd; box-shadow: 0 0 3px #bdbdbd;}
					.card-3-item-img img {width: 54px; height: 34px;}
				
				.card-3-item-rating {float: right; width: 60px; padding: 4px 0 0;}
				
				.more-2 {padding-top: 2px;}
				.more-2 a {display: block; width: 35px; height: 14px; background: url(../images/more-2.png) no-repeat;}
				.more-2 a:hover {background-position: 0 100%;}
				
		.card-3 h2 {font-size: 18px; color: #0a436d; padding: 0 0 11px 26px;}
		
	
	
	
	
	
.partn-BG {background: #5e5e5e url(../images/bg-8.png); border-top: solid 1px #acacac; border-bottom: solid 1px #acacac; position: relative; z-index: 10; height: 30px; padding: 51px 0 43px; text-align: center;}
	.partn-BG table {border-collapse: collapse; border: none; margin: 0 auto;}
	.partn-BG td {padding: 0 10px; vertical-align: middle;}
	
		
		
.m-1 {background: url(../images/bg-1.png); width: 908px; margin: 0 auto; padding: 9px 35px 7px; text-align: right; font-size: 11px; color: #e8e8e8; position: relative;}
	.m-1 a {color: #e8e8e8; text-decoration: none; margin: 0 11px;}
	.m-1 a:hover {text-decoration: underline;}
	
	.bg-2 {position: absolute; width: 13px; height: 20px; right: 18px; bottom: -1px; background: url(../images/bg-2.png) no-repeat;}
		
		
	
#footer { position: relative; padding: 10px 16px; margin: 0 auto 0; width: 946px; text-align: right; font-size: 11px; line-height: 14px; color: #a5a5a5;}

.stars-3 .rel {z-index: 30;}
.popup4eg {position: absolute; z-index: 100; left: 60px; top: 2px; width: 274px; height: 360px; background: url(../images/popup.png) no-repeat; padding: 37px 44px 0 34px; text-align: left !important; color: #fff;}
	.popup4eg-2 {background: url(../images/popup2.png) no-repeat; top: 35px; left: -212px;}
	.h205 {font-size: 18px; color: #db8206; padding-bottom: 8px; text-shadow: #082942 -1px 0 2px;}
	
	.popup4eg .rating-cancel {display: none !important;}
	.popup4eg div.star-rating, .popup4eg div.star-rating a {width: 22px; height: 21px; background: url(../images/star-3.png) no-repeat;}
	.popup4eg div.star-rating-on a, .popup4eg div.star-rating-hover a {background: url(../images/star-3-1.png) 0 0 no-repeat !important;}
	
	
	.rat_and_mail {height: 74px; margin-bottom: 13px; border-bottom: solid 1px #08395e;}
		.rat_and_mail dl, .name_and_card dl {overflow: hidden; padding-bottom: 4px;}
		.rat_and_mail dt, .name_and_card dt {float: left; width: 73px; line-height: 20px;}
		.rat_and_mail dt label, .name_and_card dt label {line-height: 30px; }
		.rat_and_mail dd, .name_and_card dd {overflow: hidden;}
		.r-6 {display: inline-block; *display: inline; zoom:1; background: #fff url(../images/bg-9.png) repeat-x; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: solid 1px #8ea1ae;}
			.r-6-t-a {background: url(../images/bg-10.png);}
		.r-6 input, .r-6 textarea {background: none; border: none; margin: 0; padding: 0 10px; line-height: 27px; height: 27px; width: 179px; }
		
		.r-6 textarea {height: 58px; resize: none;overflow: auto;}
		
	.popup4eg h3.h302 {font-size: 14px; color: #db8306; padding-bottom: 12px; text-shadow: #082942 -1px 0 2px;}
		.popup4eg h3.h302 small {font-size: 11px; color: #7e817f;}
		
	.name_and_card {height: 139px;}
		.name_and_card dt label {position: relative;}
		.name_and_card dt label small {position: absolute; right: 0; bottom: -12px; font-size: 10px; color: #062c47; line-height: normal; text-align: right;}
		
	.submit-1 {float: right;}
	.submit-1 input {width: 73px; height: 23px; background: url(../images/submit-1.png) no-repeat; padding: 0; margin: 0; border: none;}
	.submit-1 input:hover {background-position: 0 100%;}
	
	.cancel {float: right; padding: 5px 9px 0 0; font-size: 11px;}
		.cancel a {color: #9a9082;}
		.cancel a:hover {color: #c2bcb3;}

.cont-page {padding: 24px 32px; position: relative; background: url(../images/bl-2.png) 635px 47px no-repeat;}	
.h102 {padding: 0;}
	.about {width: 590px; float: left; padding-bottom: 42px; position: relative;}
		.about h2 {color: #0a436d; padding: 7px 0 10px;}
		.about p {font-size: 11px; line-height: 16px; padding-bottom: 10px;}
		.about p strong {font-size: 12px;}
		.about ul {padding: 0 0 10px; margin: 0;}
		.about ul li {list-style: none !important; padding: 0 0 5px; font-size: 12px; line-height: 16px;}
		
		.find_cards {position: absolute; left: 0; bottom: 0;}
		.find_cards a {display: block; width: 148px; height: 34px; background: url(../images/find_cards.png) no-repeat;}
		.find_cards a:hover {background-position: 0 100%;}
		.our_terms {position: absolute; left: 162px; bottom: 8px; font-size: 11px;}
			.our_terms a {color: #a5a5a5;}
	
	
	.contactus {width: 274px; float: right;}
		.bord-3 {padding-left: 29px; margin-left: -30px; border-left: solid 1px #c0c0c0;}
		.contactus .h204 {padding-top: 7px;}
		.contactus ul {padding: 0 0 15px; margin: 0; height: 1%; }
		.contactus ul li {list-style: none; padding: 0 0 15px;}
		.contactus ul li label {display: block; font-weight: bold; padding-bottom: 2px;}
		.r-7 {width: 203px; height: 31px; background: url(../images/i-t.png) no-repeat; display: block;}
		.r-7-t-a {height: 61px; width: 273px; background: url(../images/t-a.png) no-repeat;}
		.r-7 input {width: 183px; height: 31px; padding: 0 10px; margin: 0; border: none; background: none; line-height: 31px;}
		.r-7-t-a textarea {height: 51px; width: 253px; padding: 5px 10px; margin: 0; border: none; background: none; resize: none; overflow: auto;}
		
		.send_message {padding-bottom: 10px;}
		.send_message a {display: block; width: 132px; height: 24px; background: url(../images/send_message.png) no-repeat;}
		.send_message a:hover {background-position: 0 100%;}


















































    
© TrueDev.org