body {font-size:62.5%; background:#042c5a;}
body, input, select, textarea {color:#000; font-family:Tahoma, Arial, Helvetica, sans-serif;}
h1 {width:305px; padding:43px 0 0 0; overflow:hidden; display:block; float:left;}
h2 {font-size:1.538em; font-weight:normal; color:#0352a5; padding:0 0 1em 0;}
	
ul {margin:0 0 1em 2em; list-style:disc;}
	ul ul {margin:0 0 0 2em; list-style:square;}
		ul ul ul {list-style:circle;}
ol {margin:0 0 1em 2em; list-style:decimal;}
	ol ol {margin:0 0 0 2em; list-style:lower-roman;}
		ol ol ol {list-style:lower-latin;}

p {padding:0 0 1em 0;}

a {color:#084fa3;}
	a:hover {color:#c00;}

#container {font-size:1.3em; line-height:1.25em; width:100%; background:#fff url(../images/bgd_top.png) repeat-x 0 0; overflow:hidden;}
	#webminds {font-size:0; line-height:1000px; width:990px; height:25px; margin:auto; padding:0; background:url(../images/webminds_logo.png) no-repeat 40px 5px; overflow:hidden;}
	header {width:960px; height:78px; margin:auto; padding:0 10px; background:url(../images/bgd_header.png) no-repeat 0 0;}
		header p {padding:30px 30px 0 0; float:right;}
	
	#error404 {text-align:center; padding:50px;}
	
	aside {}
	#content {width:960px; margin:auto; padding:0 10px; overflow:hidden;}
		#brief {width:209px; padding:30px 0; float:left;}
		#edf {color:#fff; width:189px; margin:0; padding:10px; background:#042c5a;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			-webkit-box-shadow: inset 0px -200px 200px -100px rgba(0, 103, 180, 1);
			box-shadow: inset 0px -200px 200px -100px rgba(0, 103, 180, 1);
		}
			#edf h3 {}
				#edf h3 a {font-size:0; line-height:1000px; height:35px; background:url(../images/edf.png) no-repeat 50% 5px; display:block; overflow:hidden;}
					#edf h3 a:hover{background-position:50% -45px;}
			#edf p {padding:0 5px 10px 5px;}
			#edf .moneyback {padding:30px 0 0 0;}
			#edf img {display:block; margin:auto;}
			.seals {width:100%; text-align:center;}
				.seals img {display:inline; margin:auto;}
		
		#regace {color:#fff; width:189px; height:370px; margin:20px 0 0 0; padding:10px; background:#042c5a;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			-webkit-box-shadow: inset 0px -200px 200px -100px rgba(0, 103, 180, 1);
			box-shadow: inset 0px -200px 200px -100px rgba(0, 103, 180, 1);
		}
			#regace h3 {}
				#regace h3 a {font-size:0; line-height:1000px; height:127px; background:url(../images/regace_logo.png) no-repeat 50% 5px; display:block; overflow:hidden;}
				#regace p {padding:0 5px 10px 5px;}

		#dpc {color:#fff; width:189px; height:370px; margin:20px 0 0 0; padding:10px 10px 0 10px; background:url(../images/regace_bg.png) no-repeat 0 0;}
			#dpc h3 {}
				#dpc h3 a {font-size:0; line-height:1000px; height:95px; background:url(../images/dpc_logo.png) no-repeat 50% 10px; display:block; overflow:hidden;}
				#dpc p {padding:0 5px 10px 5px;}
				
		#upgradeForm {width:720px; padding:30px 0 0 0; overflow:hidden; float:right;}
			#intro {padding:20px 0 30px 0; background:url(../images/boxes1.jpg) no-repeat 100% 0;}
			#intro h3 {width:396px; height:160px; padding:0; background:url(../images/title3.gif?new=1) no-repeat 0 0;}
				#intro h3 strong, #upgradeForm h3 em {display:none;}
			#intro h4 {width:396px; font-size:2em; line-height:1.25em; font-style:italic; color:#f90;}
			#intro p {width:396px; padding:20px 0 0 0;}
				#intro p strong {color:#0070d7;}
			#intro ul {font-size:1.167em; margin:0; padding:20px 0 0 0; list-style:none;}
			#intro li {width:100%; padding:0 0 5px 0; overflow:hidden;}
				#intro li strong {width:300px; padding:7px 10px; margin:0 5px 0 0; background:#f7f7f7; border:1px solid #dedede; display:block; float:left;}
					#intro li strong span {font-size:11px; font-weight:normal; width:100%; padding:5px 0 0 0; display:block;}
						#intro li strong span input {margin:2px 3px 0 1px; float:left;}
						#intro li strong span label {margin:0 10px 0 0; float:left;}
						#intro li strong span .last {font-weight:bold;}
				#intro li del {width:70px; font-weight:bold; padding:7px 10px; margin:0 5px 0 0; background:#f7f7f7; border:1px solid #dedede; display:block; float:left;}
				#intro li em {width:180px; font-style:normal; font-weight:bold; text-align:center; padding:7px 5px; margin:0 5px 0 0; color:#fff; background:#ff870c; border:1px solid #dedede; display:block; float:left;}
				#intro .final em {background:#e81413;}
				#intro .final strong {color:#0070d7; text-decoration:underline; font-size:0.857em;}
			.moreInfo {width:16px; height:15px; font-size:0; line-height:1000px; background:url(../images/icon_info.png) no-repeat 0 0; display:inline-block; vertical-align:bottom; overflow:hidden;}
			.errorMsg {color:#f00;}
			
			#intro #twoyearOffer{padding:0}
			
			#paymentInfo {width:560px; height:594px; margin:0; padding:18px 20px; background:url(../images/bgd_form2.png) no-repeat 0 0; overflow:hidden;}
				#paymentInfo h4 {font-size:1.75em; text-indent:-1px; line-height:1.25em; color:#0070d7;}
				#paymentInfo p {width:100%; padding:0 0 15px 0; overflow:hidden;}
				#paymentInfo .required {color:#ff2d00;}
				#userInfo {width:350px; padding:20px 0 0 0; float:left;}
					#userInfo p label:first-child {width:130px; padding:3px 0 0 0; display:block; float:left;}
					#userInfo p input[type=radio]:first-child {margin:7px 7px 0 0; display:block; float:left;}
					#userInfo p input[type=text] {width:185px; display:block; float:left;}
					#userInfo p #countrySelect {width:185px; display:block; float:left;}
					#userInfo p input.ccv {width:80px; margin:0 5px 0 0;}
				#paymentSubmit {width:200px; padding:30px 0 10px 0; text-align:center; float:right;}
					#paymentSubmit p:first-child {padding:220px 0 2em 0; margin:70px 0 0 0; background:url(../images/icon_lock.png) no-repeat 50% 0;}
					#paymentSubmit p {padding:0 0 0.5em 0;}
					#paymentSubmit span {display:block;}
					#paymentSubmit input[type=submit] {width:187px; height:48px; font-size:0; line-height:1000px; margin:auto; background:transparent url(../images/btn_buy.gif) no-repeat 0 0; border:0 none; display:block; overflow:hidden; cursor:pointer;}
						#paymentSubmit input[type=submit]:hover {background-position:0 -50px;}
				#newsletterOption {width:100%; font-size:0.846em; padding:20px 0 0 0; clear:both;}
					#newsletterOption input {width:13px; height:13px; margin:0 7px 0 0; display:block; float:left;}
					#newsletterOption label {width:540px; margin:0 0 0 0; display:block; float:left;}
					
				.paymentNotes {font-size:1em; padding:10px 0 20px 0; text-align:center; clear:both;}
			
	footer {font-size:0.857em; color:#fff; border-top:9px solid #00a3e6; background:#042c5a; padding:30px 0 50px 0;}
		footer p {text-align:center;}

#tooltip {
	width: 350px;
	font-size: 1.1em;
	line-height: 1.25em;
	position: absolute;
	z-index: 3000;
	border: 1px solid #ccc;
	background:#fff; color:#000;
	-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
}
#tooltip h3 {font-weight:bold; color:#0070d7;
	margin:0; padding:10px 15px; border-bottom:1px solid #ccc;
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
}
#tooltip div {color:#333;}
#tooltip .edfBox {padding:5px 15px 20px 133px; background:url(../images/box_shade_128x128.png) no-repeat 0 10px;}
#tooltip .dpfBox {padding:5px 15px 20px 135px; background:url(../images/dpf_shade_128x128.png) no-repeat 0 10px;}
#tooltip .dpcBox {padding:5px 15px 20px 135px; background:url(../images/dpc_shade_128x128.png) no-repeat 0 10px;}
#tooltip .regBox {padding:5px 15px 20px 135px; background:url(../images/reg_shade_128x128.png) no-repeat 0 10px;}
#tooltip .efsBox {padding:5px 15px 20px 135px; background:url(../images/efs_shade_128x128.png) no-repeat 0 10px;}
#tooltip .shieldsupBox {padding:5px 15px 20px 135px; background:url(../images/shu_shade_128x128.png) no-repeat 0 10px;}

@media (max-width: 980px) {
	* {box-sizing: border-box;}
	#content {width: 100%; padding: 0 20px;}
	#brief, #upgradeForm {width: auto; float: none;}
	#edf, #dpc {width: auto; height: auto; padding: 20px;
		background: #042c5a;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		-webkit-box-shadow: inset 0px -200px 200px -100px rgba(0, 103, 180, 1);
		box-shadow: inset 0px -200px 200px -100px rgba(0, 103, 180, 1);
	}
	#intro li strong {width: 50%;}
	#intro li del {width: 17%;}
	#intro li em {width: 30%;}
	#paymentInfo {width: auto; height: auto; background: #f5f5f5; border: 1px solid #ccc; border-radius: 20px;}
	footer {padding: 30px 20px 50px 20px;}
}

@media (max-width: 750px) {
	#intro {background: none;}
	#intro h3 {width: 100%; background-position: 50% 50%;}
}

@media (max-width: 680px) {
	#intro li del {display: none;}
	#intro li strong {width: 69%; margin: 0;}
	#intro li em {width: 30%; margin: 0; float: right;}
}

@media (max-width: 650px) {
	#paymentSubmit, #userInfo {width: auto; float: none;}
	#paymentSubmit p:first-child {display: none;}
	#newsletterOption label {width: auto; display: inline; float: none;}
	#intro p, #intro h4 {width: 100%;}
}

@media (max-width: 415px) {
	#intro h3 {background-size: 100% auto;}
	#intro ul {display: table; width: 100%; border-collapse: collapse;}
	#intro li {display: table-row; float: none;}
	#intro li strong, #intro li em {display: table-cell; float: none;}
	#userInfo p label:first-child {float: none;}
	#userInfo p input[type=text] {width: 100%; float: none;}
	#userInfo p label img {max-width: 90%; height: auto;}
}