@charset "utf-8";

/* CSS Document */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; background:#191919 url('../images/bg.jpg') repeat-x; }

body.confirmation { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; background:#373737; }
body.welcome { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; background:#323232 url('../images/bg-welcome.jpg') repeat-x; }

*{ margin:0; padding:0; list-style-type:none; }

img, fieldset { border:0; outline:none; }

a { border:none; text-decoration:none; outline:none; color:#000; }
a:hover{ text-decoration:underline; color:#000; }

.FloatLeft { float:left }

.FloatRight { float:right }

.display { display: none }

input { outline:none; }

.clearboth { clear:both; }

.Disply { display:none; }

.floatLeft { float: left; }
.floatRgt { float: right; }
.clear {clear: both;}

body, h1, h2, h3, form {font: 10px tahoma, arial, sans-serif; margin: 0;padding: 0;	color: #5C5C5C;}


/***** MISC *****/

.noText { text-indent: -5000px; }
.noBg { background: none !important; }


/***** WRAPPER CLASSES *****/
div#glowWrapper { float: left; width: 100%; height: auto; background: url(../images/top-glow.jpg) center top no-repeat; }
div.outerWrapper { width: 950px; height: auto; margin: 0 auto; }
div.innerWrapper { float: left; width: 950px; height: auto; }
div.outerWrapperWlcm { width: 601px; height: auto; margin: 0 auto; }
div.innerWrapperWlcm { float: left; width: 601px; height: auto; }

div.outerWrapperPop { width: 550px; height: auto; margin: 0 auto; }
div.innerWrapperPop { float: left; width: 550px; height: auto; background: #4d4d4d url(../images/bg-pop.jpg) left top no-repeat; }

/*****============================= INDEX PAGE =============================*****/
div#header { position: relative; float: left; width: 950px; height: auto; }
	#header .logo { float: left; width: 244px; height: 174px; background: url(../images/logo.png) left top no-repeat; }
	#header .advt { float: right; width: 688px; height: 110px; background: url(../images/header-img.png) left top no-repeat; }
	#header p { float: left; width: auto; height: auto; text-align: center; font-size: 17px; color: #ffffff; padding: 18px 0 0 0; }
	#header .txtRed { color: #e2383f; font-weight: bold; }
	#header .txt1 { float: left; width: 204px; height: 110px; }
	#header .txt2 { float: left; width: 120px; height: 110px; }
	#header .txt3 { float: left; width: 171px; height: 110px; }
	#header .txt4 { float: left; width: 193px; height: 110px; }


/***** Main Container *****/
div.mainCont { float: left; width: 950px; height: auto; }
	.mainCont div.left { float: left; width: 555px; height: auto; }
		.mainCont .txtPlan { float: left; width: 490px; height: 59px; background: url(../images/txt-plans.png) left top no-repeat; margin: 9px 0 0 0; display: inline; }
		.mainCont .txtPrice { float: left; width: 491px; height: 68px; background: url(../images/txt-pricePerMnth.png) left top no-repeat; }
		.mainCont .txtWhy { float: left; width: 477px; height: 82px; background: url(../images/txt-whyWould.png) left top no-repeat;  margin: 23px 0 0 0; display: inline;}
		.mainCont .btnGet { float: left; margin: 28px 0 0 0; display: inline; }
		.mainCont .horzStrip { float: left; width: 440px; height: 94px; background: url(../images/bg-shadowStrip.jpg) left top no-repeat; font-size: 14px; line-height: 24px; color: #ffffff; padding: 20px 0 0 62px; margin: 28px 0 0 0; display: inline; }
		
	.mainCont div.right { float: left; width: 392px; height: auto; }
		.right .formHdg { float:left; width: 392px; height: auto; background:url(../images/form-top.jpg) left top no-repeat; padding:68px 0 0 0; }
		.right .formMid { float: left; width: 392px; height: auto; background: url(../images/form-rpt.png) -1px top repeat-y; }
		.right .formBtm { float: left; width: 392px; height: 76px; background: url(../images/form-btm.png) left top repeat-y; }
			.formBtm .icons { float: left; margin: 0 0 0 98px; display: inline; }
			.right fieldset { float: left; width: 392px; height: auto; padding: 0 0 5px 0 }
			.right label { font-size: 13px; color: #000000; }
			.right .lblBigFld { float: left; width: 126px; height: auto; line-height: 31px; text-align: right; padding: 0 15px 0 0; }
			.right .tboxBigBg { float: left; width: 198px; height: 21px; background: url(../images/tbox-big.jpg) left top no-repeat; padding: 5px 10px; }
			.right .tboxBig { float: left; width: 192px; height: 21px; line-height: 21px; font-size: 13px; color: #000000; background: none; border: 0px; }

			.right .tboxSmlBg { float: left; width: 30px; height: 21px; background: url(../images/tbox-sml.jpg) left top no-repeat; padding: 5px 10px; margin: 0 7px 0 0; display: inline; }
			.right .tboxSml { float: left; width: 30px; height: 21px; line-height: 21px; font-size: 13px; color: #000000; background: none; border: 0px; }

			.right .tboxSml2Bg { float: left; width: 54px; height: 21px; background: url(../images/tbox-sml2.jpg) left top no-repeat; padding: 5px 10px; margin: 0 7px 0 0; display: inline; }
			.right .tboxSml2 { float: left; width: 54px; height: 21px; line-height: 21px; font-size: 13px; color: #000000; background: none; border: 0px; }

			.right .lblSmlFld { float: left; width: 239px; height: auto; line-height: 20px; text-align: right; padding: 0 15px 0 0; }
			.right .sbox { float: left; width: 100px; height: 20px; line-height: 20px; font-size: 13px; color: #000000; }
			.right .cbox { float: left; width: 17px; height: 17px; margin: 0 0 0 50px; }
			.right .lblCbox { float: left; width: auto; height: auto; line-height: 17px; padding: 0 0 0 7px; }
			.right fieldset.last { float: left; width: 392px; height: auto; padding: 5px 0 6px 0; }
			.right .btnGet { float: left; margin: 0 0 0 50px; display: inline; }

/***** Second Layer *****/
	.mainCont div.mid1 { float: left; width: 516px; height: 365px; background:url(../images/midBanner1.jpg) left top no-repeat; }
	.mainCont div.mid2 { float: left; width: 434px; height: 365px; background:url(../images/midBanner2.jpg) left top no-repeat; }
	.mainCont div.mid3 { float: left; width: 950px; height: 209px; background:url(../images/midBanner3.jpg) left top no-repeat; }
		.mid3 P { float: left; width: 950px; height: auto; font-size: 22px; font-weight:bold; color: #ffffff; padding: 102px 0 0 0; }
		.mid3 .subTxt { float: left; width: 209px; font-size: 10px !important; font-weight:normal !important; text-align: right !important; color: #828282; line-height: 13px !important; height: 13px !important; }
		.padd40 { padding: 0 40px 0 0; }
		.mid3 .sep1 { float:left; width: 229px; text-align: center; }
		.mid3 .sep2 { float:left; width: 261px; text-align: center; }
		.mid3 .sep3 { float:left; width: 224px; text-align: center; }
		.mid3 .sep4 { float:left; width: 235px; text-align: center; }
		
	.mainCont .aboveFooterTxt { float: left; width: 950px; height: auto; font-size: 10px; line-height: 14px; color: #ffffff; padding: 10px 0; }

/***** FOOTER *****/
div#footer { float: left; width: 100%; height: 39px; background: url(../images/footerBg.jpg) left top repeat-x; margin: 20px 0 0 0; display: inline; }
	#footer a { color: #ffffff; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	#footer ul { float: left; width: auto; height: auto; padding: 13px 0 0 0; }
	#footer ul li { float: left; width: auto; height: auto; padding: 0 6px 0 0; color: #ffffff; font-size: 10px; }

	#footer p { float: right; width: auto; height: auto; padding: 13px 25px 0 0; color: #ffffff; font-size: 10px; }
	#footer p a { color: #ffffff; text-decoration: underline; }
	#footer p a:hover { text-decoration: none; }



/*****============================= CONFIRMATION PAGE =============================*****/
div.confirm { float: left; width: 950px; height: auto; background: url(../images/confirmation-rpt.jpg) left top repeat-y; }
	div.confirm .top { float: left; width: 950px; height: auto; background: url(../images/confirmation-top.jpg) left top no-repeat; }
	div.confirm .btm { float: left; width: 950px; height: auto; background: url(../images/confirmation-btm.jpg) left bottom no-repeat; padding: 202px 0 40px 0; }
	div.confirm p { float: left; width: 950px; height: auto; text-align: center; }
		.confirm .line1 { float: left; width: 950px; font-size: 34px; font-weight: bold; color: #383838; padding: 0 0 10px 0; }
		.confirm .line2 { float: left; width: 700px; font-size: 14px; color: #000000; padding: 0 125px 40px 125px; }
		.confirm .line3 { float: left; width: 950px; font-size: 24px; color: #074e8b; padding: 0 0 0 0; }
		.confirm .line4 { float: left; width: 950px; font-size: 35px; font-weight:bold; color: #e70709; padding: 0 0 0 0; }
		.confirm .line5 { float: left; width: 950px; font-size: 12px; color: #000000; padding: 0 0 40px 0; }
		.confirm .line6 { float: left; width: 950px; font-size: 24px; color: #000000; padding: 0 0 5px 0; }
		.confirm .line7 { float: left; width: 750px; font-size: 14px; color: #000000; padding: 0 100px 20px 100px; }
		.confirm .line8 { float: left; width: 950px; font-size: 29px; color: #074e8b; padding: 0 0 15px 0; }
		.confirm .line9 { font-size: 18px; font-weight:bold; color: #cd0a0c; text-decoration:underline; }

.bymail { float: left; width: 950px; height: 425px; background: url(../images/img-by-mail.jpg) left top no-repeat; }
.freeTrial { float: left; width: 950px; height: 357px; background: url(../images/img-freeTrial.jpg) left top no-repeat; }

/***** FOOTER STYLE 2 *****/
div#footer2 { float: left; width: 100%; height: 39px; padding: 0 0 10px 0; margin: 20px 0 0 0; display: inline; }
	#footer2 a { color: #ffffff; text-decoration: none; }
	#footer2 a:hover { text-decoration: underline; }
	#footer2 ul { float: left; width: auto; height: auto; padding: 13px 0 0 5px; }
	#footer2 ul li { float: left; width: auto; height: auto; padding: 0 6px 0 0; color: #ffffff; font-size: 10px; }

	#footer2 p { float: right; width: auto; height: auto; padding: 13px 5px 13px 0; color: #ffffff; font-size: 10px; }
	#footer2 p a { color: #ffffff; text-decoration: underline; }
	#footer2 p a:hover { text-decoration: none; }
	#footer2 div.mainCont { float: left; width: 950px; background: #4a4b4b; height: auto; }



/*****============================= WELCOME PAGE =============================*****/
.innerWrapperWlcm div.mainCont { float: left; width: 601px; height: auto; }
	.innerWrapperWlcm div.top { float: left; width: 601px; height: 129px; background: url(../images/welcome-top.jpg) left top no-repeat; }
	.innerWrapperWlcm .top p { float: right; width: auto; padding: 0 15px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 111px 15px 0 0; }
	.innerWrapperWlcm div.rpt { float: left; width: 601px; height: auto; background: url(../images/welcome-rpt.jpg) left top repeat-y; }
		.innerWrapperWlcm .rpt p { float: left; width: 565px; height: auto; font-size: 14px; color: #151515; line-height: 20px; padding: 27px 18px 38px 18px; }
		.innerWrapperWlcm .iconBkArrw { float: left; width: 545px; height: auto; line-height: 20px; background: url(../images/icon-bk-arrow.jpg) left 4px no-repeat; padding: 0 0 0 10px; }
	.innerWrapperWlcm div.btm { float: left; width: 601px; height: 94px; background: url(../images/welcome-btm.jpg) left top no-repeat; }
		.innerWrapperWlcm .btm p { float: left; width: 565px; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: center; padding: 20px 0 0 0; }


/*****============================= WELCOME PAGE =============================*****/
.innerWrapperPop div.mainCont { float: left; width: 550px; height: auto; }
.innerWrapperPop .hdgTerms { float: left; width: 550px; height: 49px; background: url(../images/pop-hdgTerms.jpg) left top no-repeat;}
.innerWrapperPop p { float: left; width: 500px; height: auto; padding: 20px 25px 50px 25px; font-size: 13px; color: #ffffff; }