.clear {clear: both;}
.container {margin: auto}
.invisible {display: none}
#my-credit { background: url("../images/box/my-credit-bg.png") no-repeat; width: 831px; height: 120px; margin: auto;}
	#my-credit h4 {margin: 0; font-size: 10px; font-size: 20px; text-transform: uppercase; padding-top: 10px; color: red;}
	#my-credit ul {margin: auto;}
		#my-credit li {list-style-type: none; float: left; width: 150px; margin-right: 45px;}
			#my-credit .title {color: #000; font-size: 17px;  font-weight: bold;}
			#my-credit .value {color: red; font-size: 35px; font-weight: bold; background: transparent; color: red; padding: 10px 0; margin-top: 3px;}
			
#buy-credit {background: url("../images/box/buy-credit-bg.png") no-repeat; width: 644px; height: 273px; margin: auto; text-align: center;}
	#buy-credit h4 {margin: 0; font-size: 10px; font-size: 20px; text-transform: uppercase; padding-top: 10px; color: #000; text-align: center;}
	#buy-credit ul {width: 644px; margin: 0 0 5px 0; padding: 0}
	#buy-credit li {float: left; margin: 10px 0 5px 0; width: 322px; list-style-type: none;}
		#buy-credit li h4 {font-size: 12px; padding-top: 5px; padding-bottm: 5px;}
		#buy-credit li input, #buy-credit li select  {border: 1px solid #000;}
		
		.credit-selector {background: url("../images/box/credit-select-bg.png") no-repeat; width: 186px; height: 58px; margin: auto;}
		
#loader {text-align: center; position: fixed; width: 100%; height: 100%; padding-top: 300px; z-index: 999; top: 0px; display: none; }

.field label {width: 120px; float: left; color: #fff; margin-bottom: 10px;}
.field input,  .field select{float: left; margin-left: 10px; margin-bottom: 10px;}