/* CSS RESET*/
*							{ margin: 0; padding: 0;}
html  	       	            { overflow-y:scroll; }
body			            { background:#f9f9f9; font-family: Arial, sans-serif; color: #3b3b3b; font-size:1em;}
ul, ul li					{ list-style:none;}
a			                { text-decoration:none; outline:none;}
a:hover                     { text-decoration:none;}
a, a img, input, textarea, select, option		{ border:none; outline:none;}
fieldset					{ display:block; border:none; clear:both;}
.fLeft				        { float:left; }
.fRight                     { float:right; }
.submit						{ cursor:pointer; padding: 0; margin: 0; width: auto; max-width: auto; overflow: visible}
.clear						{ height:0px; line-height:0px; font-size:0px; clear:both}
.clearfix:before,.clearfix:after {content:""; display: block;}
.clearfix:after 			{ clear: both;}
.clearfix					{ *zoom:1;}
/* end CSS RESET*/

#home  						{ width:100%; min-height:50.7em;}
#container					{ width: 1010px; height:100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);margin: 0 auto;text-align: center;top: 0; position: relative;}
hr 							{ background-color: #EAEAEA;border: 0 none;color: rgba(0, 0, 0, 0);height: 1px;margin: 1em 1.5em;}
/*Header*/
#header						{ height:72px; background-color:#000; text-align:center;}
#header	img					{ padding: 1em 0;}

#redeem						{ padding: 6em 0 5em; display:block;}
#redeem	.headline			{ padding: 0 0 1em; }
#redeem .comp				{ display:block; margin:2em 0.5em 0 4em;}
#redeem h1					{ padding: 1em 0 0 0;}
#redeem h2					{ padding: 4em 0 0 20em;}
#redeem span				{ border: 0 none;color: #00A30E;display: block;font: 700 2em arial;margin: 1em 6em 0 0;}
#redeem button				{ background-color: #CA0000;border: 0 none;border-radius: 3px;color: #FFFFFF;cursor: pointer;float: left;font: 500 1em arial;height: 39px;margin: 2em 0 0 2.2em;padding: 5px 20px;}
#footerRedeem				{ background-color: #191919;bottom: 0;margin: 0;position: absolute;text-align: center;vertical-align: bottom;width: 100%;}
#footerRedeem #logo				{ width:116px; height:61px; margin:23px auto 20px auto; display:inline-block;}
#footerRedeem #copyright			{ color:#a6a6a6;font-size:12px;background-color:#000000;padding:10px 0 10px 0;}
#footerRedeem #copyright  a		{ color:#a6a6a6;text-decoration:none;font-size:12px;padding-right:10px;}
#footerRedeem #copyright  a:hover	{ text-decoration:underline;}

#headline					{ padding: 4em 0 5em; display:block;}
#headline .comp				{ display:block; margin:1em 0.5em 0 10em;}
#headline h1				{ /*float: right;*/padding: 2em 1em 0 0;}
#headline button			{ background:url(../img/buttonClick_unlocked.png) center no-repeat; width:386px; height:64px; cursor:pointer; border:0; margin: 4em 0 0 -5em;}
#headline .locked			{ background:url(../img/buttonClick.png) center no-repeat; width:368px; height:64px; cursor:pointer; border:0; margin: 4em 0 0 -5em;}

/*Form*/
#form						{ position: relative; background:url(../img/gradient.png) center 18em no-repeat; width:100%; height:450px;}
#form form					{ padding:1em;}
#form .bkg	 				{ width: 846px; margin: 0 5em; border-top-right-radius:0; border-bottom-right-radius:0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.25), inset 0 2px #fff;
							  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.25), inset 0 2px #fff; box-shadow: 0 1px 4px rgba(0,0,0,.25), inset 0 2px #fff; background-image: -webkit-linear-gradient(top, rgba(0,0,0,.02), rgba(255,255,255,.02)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.02), rgba(255,255,255,.02)); background-image: -o-linear-gradient(top, rgba(0,0,0,.02), rgba(255,255,255,.02)); background-image: linear-gradient(to bottom, rgba(0,0,0,.02), rgba(255,255,255,.02)); } 
#form .badge				{ display: block;top:-126px; right:-72px;vertical-align: top; position: absolute; z-index:1;}
#form img 					{ margin:2em 0 0 -19em;}
#form .fields				{ width:100%;}
#form input 				{ border: 1px solid #B0B0B0;border-radius: 2px;height: 1.8em;margin: 0.8em 0 0 14px;padding: 5px;width: 13em; color: #898989;}
/* #form input[type="email"] 	{ width: 19em;} */
#form .friends input		{ border: 1px solid #d7d7d7;}
#form .mandatory			{ color: red;font-size: 0.93em;margin: 0.8em 1em; text-align: left; width:100%;}
#form .captcha				{ background-color: #F5F5F5;color: #7D7D7D;font-size: 0.79em;font-weight: 700;letter-spacing: -0.03em;margin: 0 1em;padding:23px;text-align: left;width: 91%;}
#form .captcha input		{ border: 1px solid #B0B0B0;border-radius: 2px;height: 1.8em;margin: 0.8em 0 0 0;padding: 5px;width: 12em; color: #898989;}
#form .captcha span			{ border: 1px solid #B0B0B0;;height: 1.8em;margin:0.8em 0 0em 0.9em;padding: 5px;width: 7em; color: #898989;background-color: #F5F5F5; display:block;}
#form button 				{ border: 0 none;color: #FFFFFF;font-size: 1.9em;height: 45px;text-shadow: 1px 1px rgba(99, 0, 0, 0.85);width: 215px;float: right;margin: 4px 17px 0 0; cursor:pointer; 
							  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #c50000; background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.14), rgba(255,255,255,.14)); 
							  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.14), rgba(255,255,255,.14)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.14), rgba(255,255,255,.14)); 
							  background-image: linear-gradient(to top, rgba(0,0,0,.14), rgba(255,255,255,.14)); } 
#captcha 					{ width: 100px;height: 30px; float: left;margin: 0 13px;}
#captcha .pattern 			{ margin:1em 0 0 0;}
#refresh 					{ display: inline-block;height: 21px;margin: 5px 0 0;width: 21px;}
#refresh img				{ margin:1em 0 0;}

/*unlocked*/
#unlocked					{ background-color:#415e9b; padding:0 0 1em ;}
#unlocked .bonusTop			{ position:relative; margin:-1.64em 0 1.5em;}

#bonus						{ background-color:#eee; border-top:3px solid #415e9b; margin-top: 3em;}
#bonus .laptop				{ margin: 0 3em 3em;}
#bonus .unlocked			{ display: block;padding:4em 0;text-align: left; width: 91%;}
#bonus .title				{ margin: 2em -1em 0 0;}
#bonus input				{ color:#5a5a5a; font-size:0.9em;margin: 2em 0 1em; border:1px solid #C5C5C5; border-radius:2px; padding:7px; width:16em;}
#bonus #accord				{ padding:3em; margin-top: 4em;}
#bonus .actions button		{ background-color: #415e9b;border: 0 none;border-radius: 3px;color: #FFFFFF;cursor: pointer;font-size: 1.2em;margin: 0 auto;padding: 13px 32px; display: block; clear: both;}
#bonus small				{ display: block;padding: 0.2em 0 3em; clear: both}
#bonus a					{ color:#3B3B3B;font-size:0.9em; text-decoration:none;}
#bonus a:hover				{ color:rgba(102,102,102,1);}

#bonus a.info				{ width:15px; height:15px; margin:10px; vertical-align:top; display:inline-block; position:relative;}
#bonus span.for_hover   	{ width: 18em; min-height:72%; background:none repeat scroll 0 0 rgba(14, 14, 14, 0.86); opacity: 0; position: absolute; left: 7em;
							  top:-20px; z-index:999; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in;
							  -moz-border-radius:5px;-webkit-border-radius:5px; border-radius: 5px; display:none;}
#bonus span.for_hover span 	{ padding: 13px; font:normal 12px/14px Arial, sans-serif; letter-spacing:0; color:#fff;float:left;}
#bonus a.info:hover span.for_hover { opacity: 1; display:inline-block;}

#timerW 					{ width:30%; float:right; height: 115px; margin:3.2em 38px -24px 0;}
#timerW p 					{ margin:15px 0 0 22px; font:bold 13px/13px Arial, sans-serif; letter-spacing:-0.01em; color:#404040;}
#timer 						{ width:222px; min-height:64px; margin:5px auto; background:url(../img/timer_bg.png) 0 0 no-repeat;}
#timer .countdown_section 	{ width:69px; margin:0 5px 0 0; font:bold 10px/13px Arial, sans-serif; letter-spacing:-0.05em;
							  color:#323232; text-align: center; text-transform: uppercase; display: inline-block; float: left;}
#timer .countdown_amount 	{ font:bold 32px/56px Arial, sans-serif; color: #1c1c1c; text-shadow: 1px 1px #fff;}
#timer_bottom 						{ width:222px; min-height:64px; margin:5px auto; background:url(../img/timer_bg.png) 0 0 no-repeat;}
#timer_bottom .countdown_section 	{ width:69px; margin:0 5px 0 0; font:bold 10px/13px Arial, sans-serif; letter-spacing:-0.05em;
							  color:#323232; text-align: center; text-transform: uppercase; display: inline-block; float: left;}
#timer_bottom .countdown_amount 	{ font:bold 32px/56px Arial, sans-serif; color: #1c1c1c; text-shadow: 1px 1px #fff;}
#counter 					{ width:222px; height:29px; margin:10px 0 0 0; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f8f8f8; border: solid 1px #e1e1e1;}
#counter p 					{ font:normal 12px/29px Arial, sans-serif; letter-spacing:-0.02em; color: #7f7f7f;}
#counter p span 			{ font-weight: bold; color: #393939;}
/*IS*/
#IS							{ float: left;padding: 3em 0 3em 3em;}
#IS .line 					{ position:relative; z-index:-1; top: -2.5em;}
#IS .box					{ float: left;margin:-2em 0 0 0.5em;}
#IS h2						{ margin:1em 3em 0 0;}
#IS img						{ display:block; margin:1em 0 0 10.5em;}
#IS .award					{ display:block; margin:-0.5em 0.5em 0 2em;}
#IS a						{ display:block; margin:2em 0 0 15em; text-align: left; color:#5583aa; font-size:0.9em;}

#award						{ margin: 3em auto;}

#features					{ margin: 1em auto;}
#features div				{ display: block;float: left;padding:1em 1em;width: 30%;}
#features .icons			{ float: left; margin: -0.5em 1em 7em 0;}
#features span 				{ display: block;font-size: 0.83em;text-align: left;width: 99%; color:#7a7a7a;}
#features p 				{ margin: 1em;}

#bonus						{ background-color:#eee; border-top:3px solid #415e9b; margin-top: 0;}
#bonus .badge				{ margin:-29px auto 29px;}
#bonus .laptop				{ margin: 0 3em 3em;}
#bonus .locked				{ display: block;padding: 2em 0;text-align: left; width: 91%;}
#bonus hr					{ background-color: #d9d9d9;border: 0 none;color: rgba(0, 0, 0, 0);height: 1px;margin: 2em 0 1em;}
#bonus p					{ color:#5a5a5a; font-size:0.9em;}
#bonus button				{ background-color:#5583aa; border-radius:3px; padding:4px 10px; color:#fff; font-size:0.85em; border:0; margin: 0.7em 0; cursor:pointer;}

#friends					{ margin: 3em auto; position:relative;}
#friends img 				{ display: block;margin: 1em auto;}
#friends .click 			{ margin: 3em auto 0;}
#friends .arrow 			{ right: 22em;top: 12em; position:absolute;}
#friends #timerW 			{ margin: 2em 0 4em; width: 100%; float: inherit; height:auto;}


/* Footer */
#footer						{ width:100%;background-color:#191919;text-align:center;margin:0; vertical-align:bottom;}						
#footer #logo				{ width:116px; height:61px; margin:23px auto 20px auto; display:inline-block;}
#footer #copyright			{ color:#a6a6a6;font-size:12px;background-color:#000000;padding:10px 0 10px 0;}
#footer #copyright  a		{ color:#a6a6a6;text-decoration:none;font-size:12px;padding-right:10px;}
#footer #copyright  a:hover	{ text-decoration:underline;}
/* Back to top */
#backTop 					{ position: fixed; bottom:30px; right:10px;}
#backTop a 					{ width:80px; height:80px; background: url(../img/bgbtop.png) center 15px no-repeat #4e4e4e; text-align:center; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; -webkit-transition: 1s;	-moz-transition: 1s; transition: 1s; display:block;}
#backTop a span				{ padding:35px 0 0 0; font:bold 12px/12px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; display:inline-block}
#backTop a:hover 			{ background: url(../img/bgbtop.png) center 15px no-repeat#000; color:#fff;}
.input_error { padding: 6px 0 0 10px; clear: both; font-size: 10px; color: #d00000;}
#awards3col {
width: 958px;
height: 249px;
margin: 0 auto;
background: url(images/bgAwPreorder.png) 0 0 no-repeat;
text-align: center;
overflow: hidden;
}
#awards3col .txt, #awards3col img {
display: inline-block;
vertical-align: middle;
margin: 27px 0;
}
#awards3col .txt {
width: 110px;
text-align: left;
}
#awards3col .txt h4 {
margin: 0 0 15px 0;
font: italic 16px/16px Arial, sans-serif;
letter-spacing: -0.03em;
color: #626262;
}
#awards3col .txt p {
font: normal 11px/12px Arial, sans-serif;
color: #828080;
}
#custom_error { color: red; margin: 10px; border: 1px solid red; display: none; clear: both; width: 600px; text-align: center; margin: 0 auto; padding: 12px; }
#share_success { color: #5583aa; margin: 10px; display: none; clear: both; width: 600px; text-align: center; margin: 0 auto 20px; padding: 12px; font-weight: bold}