html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0;}
ul,li {list-style-type:none;}

/* font-size de 62.5% = 10px. 1em = 10px, 1.1em = 11px 1.2em = 12px */
body #mainContainer {font-family: "Lucida Grande", Arial, sans-serif; margin: 0;padding: 0;font-size: 62.5%;}

/* setting classes */
.clear { clear: both; }
.clearRight {clear: right;}
.clearLeft {clear: left;}
.left {float: left;}
.right {float: right;}
.hide {display: none;}
.center {display: block; clear: both; margin: 0 auto;}
input.inputbox {padding: 0; margin: 0;}
a img {border: 0;}
p {margin-bottom: 0.8em}

/* links */
a:link,
a:active,
a:visited {color: #000;}
a:hover {text-decoration: none;}

/* ================ inicio del MAINCONTENT ================ */
#mainContainer {float: left; width: 945px;}
	#mainContainer span.topbg {display: block; background: url(../images/headerbg2.jpg) no-repeat top left; min-height: 200px; float: left; width: 100%;}
	#mainContainer img.homeMoney {margin: 48px 0 15px 60px; clear: both}
	#mainContainer .content {width: 810px; margin: 0 auto; font-size: 1.2em; overflow: hidden}
	#mainContainer .content h2 {display: block;}
	#mainContainer .alignerForm {width: 960px;} 	
		#mainContainer	.alignerForm .formCol {width: 250px; float: left}
		#mainContainer	.alignerForm .marginF {margin-left: 70px;}
		#mainContainer .alignerForm .margin {margin-left: 30px;}
		#mainContainer .listContainer {width: 700px; margin: 0 auto; background: url(../images/listhome1.gif) no-repeat top left;}
		#mainContainer .listContainer h3 {background: url(../images/listitle.gif) no-repeat; width: 657px; height: 27px; font-size: 14px; line-height: 27px; color: #fff; text-indent: 10px; }
		#mainContainer .listContainer ul {display: block; margin: 0 auto; padding: 20px; background:url(../images/listhome2.gif) bottom left no-repeat; }
		#mainContainer .listContainer ul li {display:block; margin-bottom: 0.8em; }
		#mainContainer .content a.signup:link,
		#mainContainer .content a.signup:visited {background: url(../images/signup.gif) no-repeat; width: 273px; height: 163px; display: block; text-indent: -5000px;}
	
	#mainContainer .step1 {background: url(../images/refbg1.gif) repeat-y top left; font-size: 1.2em;}
		#mainContainer .step1 span.round {background: url(../images/refbg2.gif) bottom left no-repeat; display: block; float: left; padding-bottom: 15px;}
		#mainContainer .step1 span.alignerB {padding: 0px 10px 10px; display: block;}
		#mainContainer .step1 a.downloadNow:link,
		#mainContainer .step1 a.downloadNow:visited {display: block; text-indent: -5000px; background: url(../images/download.gif); width: 235px; height: 99px; margin: 5px 0}
		#mainContainer .step1 .refr {background: url(../images/ref.gif) no-repeat; text-align: center; padding-top: 10px; font-size: 1.2em; margin: 0 auto; width: 204px; margin: 0 auto; margin-bottom: 10px}
			#mainContainer .step1 .code {color: #ff4444; font-weight: bold; font-size: 1.4em; padding: 10px 0; clear: both; display: block;}
		#mainContainer .step1 a.wP:link, .step1 a.wP:visited {color: #fff; font-size: 10px; background: url(../images/ref2.gif); width: 204px; height: 39px; display: block; line-height: 30px; font-weight: bold;}

	/* iframe y dentro iframe*/
	#mainContainer .formColiFr {width: 248px; height: 974px; overflow-y: hidden; overflow-x: hidden;} 
	*html #mainContainer .formColiFr {height: 990px;}
	*+html #mainContainer .formColiFr {height: 990px;} 
	
	#mainContainer .step2 {background: url(../images/formbg.jpg) repeat-y;}
		#mainContainer .step2 h2 {display: block; text-indent: -5000px; background: url(../images/formbgtop.jpg) no-repeat; height: 56px; width: 100%}
		#mainContainer .step2 span.round {display: block; padding: 10px 15px; padding-bottom: 40px; font-size: 1.2em; background: url(../images/formbgbottom.jpg) bottom left no-repeat;} 
		#mainContainer .step2 a:link, #mainContainer .step2 a:visited {color: #fff;}
		#mainContainer .step2 ul li {color: #fff; display: block; padding: 2px 0;}
		#mainContainer .step2 ul li.input {margin-bottom: 10px;}
		#mainContainer .step2 label.countries {color: #80a483;}
		#mainContainer .step2 input.inputbox {width: 211px; height: 23px; background: #fff url(../images/inputbg.gif) repeat-x; font-size: 1.2em; border: solid 1px #00770a; font-size: 1.2em; padding-left: 5px;}
		#mainContainer .step2 input.submitbtn {background: url(../images/subscribe.gif) no-repeat; width: 152px; height: 31px; border: none; cursor: pointer; display: block; font-weight: bold; color: #fff;}
	#mainContainer .step3 {background: url(../images/mailconfirm.jpg) no-repeat; height: 426px; position: relative;}
	#mainContainer h2.instr {display: block; font-size: 1.2em; font-weight: normal; padding: 15px;}
	#mainContainer .step3 div.mR {color: #fff; font-size: 12px; text-align: center; width: 200px; margin: 305px auto 0 auto; position: relative;}
	
/* iehacks */
*html #mainContainer .alignerForm .marginF {margin-left: 35px;}
*html #mainContainer .step2 input.inputbox {width: 211px; height: 20px; background: #fff url(../images/inputbg.gif) repeat-x; font-size: 1.2em; border: solid 1px #00770a; font-size: 1.2em; padding-left: 5px; padding-top: 3px;}