.header{
margin:0%;
padding:0%;
width:100%;
height:20%;
background-color:#FFFFFF;
margin-bottom:2%;
-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 3px 3px 4px #444;
	
}
.header img{
margin:20px 10px 10px 10px;
}
.left{
float:left;
margin-left:10px;
margin-bottom:20px;
}
.desc{
float:left;
margin-left:30px;
margin-top:-20px;
}
#deal{
color:#FF0000;
font-size:24px;
}
.form{
width:auto;
height:auto;
margin:10px 10px 0px 10px;
float:right;
box-shadow:3px 3px 5px 6px #ccc;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: -webkit-linear-gradient(rgb(205,205,205),rgb(254,254,254)); /* For Safari */
background: -o-linear-gradient(rgb(205,205,205),rgb(254,254,254)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgb(205,205,205),rgb(254,254,254)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgb(205,205,205),rgb(254,254,254)); /* Standard syntax (must be last) */
}
input[type="text"]{
border:1px solid #810000;
}
input[type="submit"]
{
width:100px;
display:block;
margin-bottom:10px;
background-color:#810000;
color:#FFFFFF;
}
input[type="submit"]:hover
{
background-color:#666666;
}
.procedure{
clear:both;
margin-left:30px;
margin-top:20px;
color:#000099;
}

h2,p,h4{
color:#000099;
}
.footer{
clear:both;
width:100%;
height:auto;
background:rgba(240,242,244,.85);
}

.footer li{
list-style-type:none;
}
.content{
margin:20px 20px 20px 20px;
}
.content h1,li,p,h4{
color:#0033FF;
}
.content li{
color:#0033FF;
}
.offer{
float:right;
padding:20px 30px 30px 30px;
}
.recharge{
clear:both;
padding-top:80px;
margin-left:90px;
}
.recharge li{
list-style-type:none;
float:left;

margin:10px 10px 10px 10px;
-moz-box-shadow: 3px 3px 4px 4px #444;
	-webkit-box-shadow: 3px 3px 4px 4px #444;
	box-shadow: 3px 3px 4px 4px #444;
}
.center{
float:left;
margin-left:20px;
margin-bottom:20%;;
}

.left{
float:left;
}