@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/bg.jpg) top repeat-x #1c659b;
	font-size: 12px;
	text-align: center;
	}
#mainContainer{
	width: 1002px; 
	margin: 0 auto;
	}
#header{
	margin: 0 auto; 
	width: 1002px; 
	background: url(images/header2.png) top no-repeat; 
	width: 1002px; 
	height: 468px; 
	padding-top: 5px; 
	text-align: left;
	}
#demoheader{
	margin: 0 auto; 
	width: 1002px; 
	background: url(images/demoheader.png) top no-repeat; 
	width: 1002px; 
	height: 468px; 
	padding-top: 5px; 
	text-align: left;
	}
.leftHeader{
	float: left; 
	width: 507px; 
	padding-left: 50px; 
	padding-top: 15px;
	}
.demoHeader{
	float: right; 
	text-align: right;
	width: 900px; 
	padding-right: 50px; 
	padding-top: 15px;
	}
.t1{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 22px; 
	color: #fff; 
	word-spacing: 0px;
	}
.t2{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 24px; 
	color: #232c02; 
	word-spacing: 0px;
	}
.t3{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 30px; 
	color: #232c02; 
	}
.t2demo{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 20px; 
	color: #232c02; 
	word-spacing: 0px;
	padding-right: 10px;
	}
.t3demo{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 30px; 
	color: #232c02; 
	padding-right: 10px;
	}
.signupTop{
	margin-left: 300px; 
	margin-top: -50px;
	}
.signupDemoTop{
	margin-right: 60px; 
	margin-top: 10px;
	}
.rightHeader{
	float: left; 
	margin-top: 6px;
	}
#logo{
	width: 270px;
	height: 80px;
	margin-left: 60px;
	margin-top: 50px;
	background: url(images/logo.png) no-repeat;;
	border: 0px;
	}
.login a{
	color: #fff; 
	float: right; 
	margin-right: 70px;
	text-decoration: none;
	}
.login a:hover{
	color: #b7dd23;
	}
.nav{
	margin-top: -40px;
	text-align: right;
	margin-right: 20px;
	}
.nav ul{
	font-size: 20px;
	color: #fff;
	list-style: none;
	}
.nav ul li{
	color: #fff;
	display: inline;
	padding: 15px 0px 15px 0px;
	}
.nav ul li a{
	padding: 15px 32px 15px 32px;
	color: #fff;
	text-decoration: none;
	}
.nav ul li a:hover{
	background: url(images/nav-hover.png) top center no-repeat;
	color: #000;
	}
.home{
	background: url(images/nav-hover.png) top center no-repeat;
	color: #000;
	}

.demo{
	background: url(images/demo.png) top no-repeat; 
	width: 348px; 
	height: 234px; 
	margin-left: 44px; 
	margin-top: 20px;
	}
.mainContent{
	background: url(images/content-bg.png) center repeat-y;
	padding: 0; 
	width: 1002px;
	margin-top: -5px; 
	margin-left: 0px;
	text-align: center;
	}
.mainWrapper{
	width: 800px; 
	margin: 0 auto; 
	text-align: left;
	padding-bottom: 30px;
	}
.title{
	font-family: Arial, Helvetica, sans-serif;
	color: #466b0a;
	font-size: 16px;
	font-weight: normal;
	}
.introMain{
	color: #3c6003; 
	font-weight: bold;
	}
.col1{
	width: 819px;
	margin: 0 auto;
	}
.boxMid{
	background: #fcffef; 
	width: 777px; 
	border-right: solid 1px #cbc2c2; 
	border-left: solid 1px #cbc2c2; 
	text-align: left; 
	padding: 0 20px 0 20px;
	}
.footer{
	margin-top: 20px; 
	margin-bottom: 20px;
	text-align: left;
	}
.footer ul{
	display: inline;
	padding: 0;
	margin: 0 0 0 50px;
	}
.footer ul li{
	color: #fff;
	padding: 10px;
	display: inline;
	}
.footer ul li a{
	color: #fff;
	text-decoration: none;
	}
.footer ul li a:hover{
	color: #b7dd23;
	text-decoration: underline;
	}
.copyright{
	float: right; 
	margin-right: 60px; 
	margin-top: 0px; 
	color: #fff;
	}
.clear{
	clear: both;
	}

/* -----------demo content css here -------------*/
.stepNum{
	float: left; 
	width: 64px;
	}
.rightDemoContainer{
	float: left; 
	padding-left: 20px; 
	padding-top: 5px; 
	text-align:left;
	}
#demoTitle{
	background:url(images/stepTitlebg.png) top left no-repeat; 
	width: 690px; 
	height: 40px; 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 19px; 
	word-spacing: -3; 
	padding-top: 16px; 
	padding-left: 15px; 
	color: #0f100d;
	}
.textDemo{
	width: 650px; 
	font-size: 14px;
	margin: 10px 0 10px 20px;
	}
.demoTag{
	padding-right: 30px; 
	margin-top: 5px;
	}
.demoPage2Tag{
	padding-right: 0px; 
	margin-top: 8px;
	margin-bottom: 10px;
	}
.demoPage3Tag{
	padding-right: 0px; 
	margin-top: 8px;
	margin-bottom: 10px;
	}
.demoPage4Tag{
	padding-right:183px; 
	margin-top: 2px;
	margin-bottom: 7px;
	}
.formsContainer{
	background: url(images/formbg.png) top no-repeat; 
	width: 703px; 
	height: 212px;
	}
.formsInsidesty{
	font-size: 13px; 
	font-weight: bold; 
	color: #fff; 
	padding: 12px 5px 12px 30px;
	}
.demoInput{
	border: none; 
	background: url(images/textarea1bg.png); 
	width: 209px; 
	height: 19px; 
	font-size: 16px; 
	padding: 5px;
	}
.textareaSTY{
	background: url(images/textarea3bg.png) top no-repeat; 
	width: 217px; 
	padding: 5px;
	}
.demoTextarea{
	border: none; 
	background: url(images/textarea3bg.png) top right no-repeat fixed;
	width: 200px; 
	height: 88px; 
	font-size: 16px; 
	padding: 5px;
	}
	
/************ FAQ STYLE STAETS HERE *********************/

.f-left{
	width: 318px; 
	float: left;
	text-align: center; 
	border: solid 0px #ccc;
	}
.f-left ul{
	margin: 0;
	padding: 0;
	}
.f-left ul li{
	background: url(images/faq-images/border1.png) no-repeat bottom center;
	list-style: none;
	padding: 14px 0 11px 0;
	font-weight: bold;
	}
	
.f-right{
	width: 144px; 
	float: left;
	text-align: center;
	border: solid 0px #ccc; 
	margin: 0 7px 0 7px;
	}
.f-right ul{
	margin: 0;
	padding: 0;
	}
.f-right ul li{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 12px 0 12px 0;
	font-weight: bold;
	}
.f-right ul li.check{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 8px 0;
	font-weight: bold;
	}
.f-right ul li.cross{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 13px 0;
	font-weight: bold;
	}
.f-right ul li.sign{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 1px 0 1px 0;
	font-weight: bold;
	}
.f-right ul li.checkG{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 9px 0;
	font-weight: bold;
	}
	

.f-rightGOLD{
	width: 144px; 
	float: left;
	text-align: center;
	border: solid 0px #ccc; 
	background: url(images/faq-images/goldbg.png) top repeat-y;
	margin: 0 7px 0 7px;
	}
.f-rightGOLDtitle{
	width: 144px; 
	float: left;
	text-align: center;
	border: solid 0px #ccc; 
	background: #f9f5dd;
	margin: 0 7px 0 7px;
	}
.f-rightGOLD ul{
	margin: 0;
	padding: 0;
	}
.f-rightGOLD ul li{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 12px 0 12px 0;
	font-weight: bold;
	}
.f-rightGOLD ul li.check{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 8px 0;
	font-weight: bold;
	}
.f-rightGOLD ul li.cross{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 13px 0;
	font-weight: bold;
	}
.f-rightGOLD ul li.sign{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 1px 0 1px 0;
	font-weight: bold;
	}
.f-rightGOLD ul li.checkG{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 9px 0;
	font-weight: bold;
	}
.f-rightGOLD ul li.checkGbtm{
	background: #fff;
	list-style: none;
	padding: 0px 0 0px 0;
	font-weight: bold;
	}
	
	
.f-rightPlatinum{
	width: 144px; 
	float: left;
	text-align: center;
	border: solid 0px #ccc; 
	background: url(images/faq-images/platinumbg.png) top repeat-y;
	margin: 0 7px 0 7px;
	}
.f-rightPlatinumtitle{
	width: 144px; 
	float: left;
	text-align: center;
	border: solid 0px #ccc; 
	background: #f9f5dd;
	margin: 0 7px 0 7px;
	}
.f-rightPlatinum ul{
	margin: 0;
	padding: 0;
	}
.f-rightPlatinum ul li{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 12px 0 12px 0;
	font-weight: bold;
	}
.f-rightPlatinum ul li.check{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 8px 0;
	font-weight: bold;
	}
.f-rightPlatinum ul li.cross{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 13px 0;
	font-weight: bold;
	}
.f-rightPlatinum ul li.sign{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 1px 0 1px 0;
	font-weight: bold;
	}
.f-rightPlatinum ul li.checkG{
	background: url(images/faq-images/border2.png) no-repeat bottom center;
	list-style: none;
	padding: 8px 0 9px 0;
	font-weight: bold;
	}
.f-rightPlatinum ul li.checkGbtm{
	background: #fff;
	list-style: none;
	padding: 0px 0 0px 0;
	font-weight: bold;
	}
	
.faq-middlebuttons{
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 20px;
	}
#questiontopWrapper{
	background: url(images/faq-images/question-topbg.png) top left no-repeat; 
	width: 677px; 
	height: 85px; 
	padding-left: 120px; 
	padding-top: 40px;
	}
#signuptopWrapper{
		background: url(images/signup-topbg.png) top left no-repeat; 
		width: 677px; 
		height: 85px; 
		padding-left: 120px; 
		padding-top: 40px;
	}
#questionMainWrapper{
	width: 760px; 
	border-left: solid 1px #c5c5c5; 
	border-right: solid 1px #c5c5c5; 
	padding-left: 35px;
	}
#questionBtmWrapper{
	background: url(images/faq-images/question-btmbg.png) top no-repeat; 
	width: 797px; 
	height: 18px;
	}
.qMainContainer{
	width: 725px;
	padding-bottom: 30px;
	}
.q{
	font-size: 18px; 
	color: #355f7e;
	}
.ans-topbg{
	background: url(images/faq-images/ans-topbg.png) top no-repeat; 
	width: 725px; 
	height: 23px;
	}
.answer{
	background: #e3f1fb; 
	border-left: solid 1px #abd4f1; 
	border-right: solid 1px #abd4f1; 
	width: 662px; 
	padding-left: 40px; 
	padding-right: 21px; 
	padding-top: 15px; 
	padding-bottom: 15px;
	color: #464646;
	}
.answer a{
	font-style: italic;
	color: #1175c1;
	}
.ans-btmbg{
	background: url(images/faq-images/ans-btmbg.png) top no-repeat; 
	width: 725px; 
	height: 14px;
	}