/* CSS DOCUMENT */

/*-------------------------- GENERAL --------------------------*/
body{
	padding:30px 0 0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#343333;
	}
div, img, p, a, ul, h1, h2, h3, h4, h5, h6, form, input, select, table{
	padding:0;
	margin:0;
	}
img{ border:none;}
a{ text-decoration:none;
	outline:none;
	color:#0C1071;
	background-color:inherit;
	}
a:hover{
	color:#000;
	background-color:inherit;
	}
ul{ list-style-type:none;}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}
	
h3{
	font:bold 19px/21px Arial, Helvetica, sans-serif;
	background-color:inherit;
	color:#04375E;
	text-transform:uppercase;
	padding-bottom:15px;
	}
h5{
	font:bold 19px/21px Arial, Helvetica, sans-serif;
	background-color:inherit;
	color:#003399;
	text-transform:uppercase;
	padding-bottom:26px;
	}

/*-------------------------- MAIN --------------------------*/
div#main{
	width:859px;
	margin:0 auto;
	padding-bottom:20px;
	}

/*-------------------------- HEADER AREA --------------------------*/
div#headerArea{
	height:110px;
	position:relative;
	}
div#headerArea a.logo{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:282px;
	height:51px;
	}
div#headerArea a.logo img{
	display:block;
	}
div#headerArea p{
	text-align:right;
	padding:5px 72px 10px 0;
	font-size:19px;
	line-height:23px;
	background-color:inherit;
	color:#000;
	background:url(../images/contact-icon.jpg) 100% 0 no-repeat;
	float:right;
	width:150px;
	}
div#headerArea p span{
	font-size:15px;
	line-height:19px;
	background-color:inherit;
	color:#060B90;
	display:block;
	}
	
div#headerArea div.headerRight{
	float:right;
	width:430px;
	position:relative;
	}

div#headerArea div.headerRight img{
	float:left;
	}
	
div#headerArea div.headerRight img.phnIcon{
	position:absolute;
	left:212px;
	top:20px;
	}
	
/*-------------------------- MAIN NAVIGATION --------------------------*/
ul.mainNav{
	height:24px;
	background:url(../images/dot.gif) 0 100% repeat-x;
	font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:38px;
	}
ul.mainNav li{
	float:left;
	padding-right:3px;
	width:auto;
	}
ul.mainNav li a{
	display:block;
	height:24px;
	background-color:inherit;
	color:#112F5D;
	width:auto;
	float:left;
	}
ul.mainNav li a strong{
	height:24px;
	float:left;
	width:auto;
	display:block;
	cursor:pointer;
	}
ul.mainNav li a strong.mainNavLeft{
	padding-left:23px;
	}
ul.mainNav li a strong.mainNavRight{
	padding-right:23px;
	}
ul.mainNav li a:hover,
ul.mainNav li a.active{
	background-color:#446CAB;
	color:#fff;
	}
ul.mainNav li a:hover strong.mainNavLeft,
ul.mainNav li a.active strong.mainNavLeft{
	background:url(../images/main-nav-side-bg.gif) 0 0 no-repeat;
	}
ul.mainNav li a:hover strong.mainNavRight,
ul.mainNav li a.active strong.mainNavRight{
	background:url(../images/main-nav-side-bg.gif) 100% 100% no-repeat;
	}

/*-------------------------- BODY CONTAINER AREA --------------------------*/
div#bodyContainer{
	height:100%;
	overflow:hidden;
	}

/*-------------------------- BODY CONTAINER AREA - LEFT PANEL --------------------------*/
div#leftPanel{
	width:253px;
	float:left;
	}
div#leftPanel img{
	display:block;
	margin:0 auto 25px;
	}
div#leftPanel p{
	padding:0 12px 10px;
	font-size:14px;
	line-height:20px;
	background-color:inherit;
	color:#6A6A6A;
	text-align:center;
	}
div#leftPanel p a{
	text-decoration:underline;
	color:#6A6A6A;
	}
div#leftPanel p a:hover{
	text-decoration:none;
	color:#000000;
	}
div#leftPanel a.getStartedBtn{
	display:block;
	width:160px;
	height:32px;
	margin:40px 0 37px 30px;
	background-color:inherit;
	color:#fff;
	font-size:15px !important;
	text-decoration:none;
	line-height:31px;
	font-weight:bold;
	background:url(../images/btn-bg1.gif) 0 0 no-repeat;
	padding-left:21px !important;
	}
div#leftPanel a.getStartedBtn:hover{
	background-position:0 100%;
	}

/*-------------------------- BODY CONTAINER AREA - RIGHT PANEL --------------------------*/
div#rightPanel{
	width:577px;
	float:right;
	background:url(../images/right-panel-bg.jpg) 140px 60px no-repeat;
	position:relative;
	}
.nobg{
	background:none !important;  
	}
div#rightPanel01{
	width:577px;
	float:right;
	background:url(../images/cafe_laptop.jpg) 0 60px no-repeat;
	position:relative;
	}
	
div#rightPanelContact{
	width:577px;
	float:right;
	}


div#rightPanel h2, div#rightPanel01 h2, div#rightPanelContact h2{
	font-size:26px;
	line-height:30px;
	font-weight:normal;
	background-color:inherit;
	color:#092D67;
	padding-bottom:28px;
	}
div#rightPanel p, div#rightPanel01 p, div#rightPanelContact p{
	font-size:18px;
	line-height:24px;
	padding-bottom:22px;
	}
div#rightPanel p a, div#rightPanel01 p a, div#rightPanelContact p a{
	color:#1248A0;
	text-decoration:underline;
	}
div#rightPanel p a:hover, div#rightPanel01 p a:hover, div#rightPanelContact p a:hover{
	color:#000000;
	text-decoration:underline;
	}
div#rightPanel a.getStartedBtn, div#rightPanel01 a.getStartedBtn, div#rightPanelContact a.getStartedBtn{
	display:block;
	width:160px;
	height:32px;
	margin:40px 0 37px 100px;
	background-color:inherit;
	color:#fff;
	font-size:15px;
	line-height:31px;
	font-weight:bold;
	background:url(../images/btn-bg1.gif) 0 0 no-repeat;
	padding-left:21px;
	}
div#rightPanel a.getStartedBtn:hover, div#rightPanel01 a.getStartedBtn:hover, div#rightPanelContact a.getStartedBtn:hover{
	background-position:0 100%;
	}
div#rightPanel ul.subpoint, div#rightPanel01 ul.subpoint, div#rightPanelContact ul.subpoint{
	margin:0 0 0 5px;
	}
div#rightPanel ul.subpoint li, div#rightPanel01 ul.subpoint li, div#rightPanelContact ul.subpoint li{
	margin:0 0 0 11px;
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	color:#343333;
	background:url(../images/bulletin-check.gif) 0 7px no-repeat;
	padding:0 0 15px 24px;
	}
div#rightPanel01 a.getStartedBtn01{
	display:block;
	width:130px;
	height:69px;
	margin:33px 10px 37px 0;
	background-color:inherit;
	color:#0C1071;
	font-size:11px !important;
	text-decoration:none;
	line-height:14px;
	font-weight:bold;
	background:url(../images/gogreen-btn.gif) 0 0 no-repeat;
	padding-left:81px !important;
	}
div#rightPanel01 a.getStartedBtn01:hover{
	color:#269546;
	}

/*-------------------------- BODY CONTAINER AREA - RIGHT PANEL - STEPS AREA --------------------------*/
div.stepsArea{
	padding:0 0 20px 0;
	height:100%;
	overflow:hidden;
	}
div.stepsArea h3.stepsHdr{
	width:145px;
	float:left;
	position:relative;
	padding:16px 0 0 48px !important;
	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color:inherit;
	color:#141416;
	text-transform:lowercase;
	margin-bottom:0 !important;
	}
div.stepsArea h3.stepsHdr span{
	font-weight:bold;
	background-color:inherit;
	color:#0C1071;
	display:block;
	}
div.stepsArea h3.stepsHdr strong{
	display:block;
	position:absolute;
	width:48px;
	height:68px;
	left:0;
	top:6px;
	font-size:64px;
	line-height:68px;
	background-color:inherit;
	color:#0C1071;
	}
div.stepsArea h3.stepsHdr strong.how{
	display:block;
	position:absolute;
	width:48px;
	height:68px;
	left:0;
	top:-40px;
	font-size:64px;
	line-height:68px;
	background-color:inherit;
	color:#0C1071;
	}
div.stepsArea ul{
	height:85px;
	font:bold 17px/85px Verdana, Arial, Helvetica, sans-serif;
	width:380px;
	float:left;
	}
div.stepsArea ul li{
	float:left;
	width:auto;
	padding-right:10px;
	}
div.stepsArea ul li a{	
	display:block;
	width:85px;
	height:85px;
	background:0 0 no-repeat;
	text-align:center;
	background-color:inherit;
	color:#0C1071;
	text-transform:uppercase;
	text-indent:-200000px;
	}
div.stepsArea ul li a.swipeLink{
	background-image:url(../images/swipe-link-bg.gif);
	}
div.stepsArea ul li a.acessLink{
	background-image:url(../images/access-link-bg.gif);
	}
div.stepsArea ul li a.useLink{
	background-image:url(../images/use-link-bg.gif);
	}
div.stepsArea ul li a.returnLink{
	background-image:url(../images/return-link-bg.gif);
	}
div.stepsArea ul li a:hover{
	background-color:inherit;
	color:#327297;
	}
	
	
div.stepsArea ul.normalH{
	height:100%;
	font:bold 17px/85px Verdana, Arial, Helvetica, sans-serif;
	float:none;
	padding:40px 0 0;
	margin:0 !important;
	}
div.stepsArea ul.normalH li{
	width:auto;
	float:none;
	padding:0 0 20px 80px;
	}
div.stepsArea ul.normalH li a{	
	display:block;
	width:85px;
	height:85px;
	background:0 0 no-repeat;
	text-align:center;
	background-color:inherit;
	color:#0C1071;
	text-transform:uppercase;
	}
div.stepsArea ul.normalH li a.swipeLink{
	background-image:url(../images/swipe-link-bg.gif);
	}
div.stepsArea ul.normalH li a.acessLink{
	background-image:url(../images/access-link-bg.gif);
	}
div.stepsArea ul.normalH li a.useLink{
	background-image:url(../images/use-link-bg.gif);
	}
div.stepsArea ul.normalH li a.returnLink{
	background-image:url(../images/return-link-bg.gif);
	}
div.stepsArea ul.normalH li a:hover{
	background-color:inherit;
	color:#327297;
	}

/*-------------------------- FOOTER AREA --------------------------*/
div#footerArea{
	background:url(../images/horz-dot.gif) 0 0 repeat-x #FEFEFE;
	padding-top:30px;
	height:45px;
	color:#657376;
	}
div#footerArea p{
	font-size:11px;
	line-height:13px;
	text-align:center;
	}
div#footerArea a{
	color:#000;
	background-color:inherit;
	}	
div#footerArea a:hover{
	color:#657376;
	background-color:inherit;
	}	

	
/*-------------------------- PROGRAM PAGE --------------------------*/

div#rightPanel ul.subcon{
	margin:0 0 22px 0;
	}
div#rightPanel ul.subcon li{
	margin:0 0 0 11px;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#343333;
	background:url(../images/bulletin-arrow.gif) 0 8px no-repeat;
	padding:0 0 8px 20px;
	}
div#rightPanel ul.subcon01{
	margin:0 0 22px 0;
	}
div#rightPanel ul.subcon01 li{
	margin:0 0 0 11px;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#343333;
	background:url(../images/bulletin-arrow.gif) 0 8px no-repeat;
	padding:0 15px 8px 20px;
	float:left;
	}
div#rightPanel a.program{
	margin-left:0px;
	}
div#leftPanel p.program{
	padding-top:63px;
	padding-bottom:32px;
	text-align:left;
	}
	
/*-------------------------- SERVICE PAGE --------------------------*/	
div#rightPanel ul.service{
	margin:0 0 45px 5px;
	}
div#rightPanel ul.service li{
	float:left;
	padding:0 50px 0 22px;
	font-weight:bold;
	color:#023760;
	background:url(../images/bulletin-check.gif) 0 4px no-repeat;
	}
	
div#leftPanel ul.service{
	padding:10px 0 10px 40px;
	}
div#leftPanel ul.service li{
	padding:0 0 10px 22px;
	font-weight:bold;
	color:#023760;
	background:url(../images/bulletin-check.gif) 0 4px no-repeat;
	}

	
/*-------------------------- PRODUCT PAGE - EASY CHECKOUT --------------------------*/
div.product{
	padding:0 0 10px 0;
	height:100%;
	overflow:hidden;
	}
div.product h3{
	font:bold 19px/21px Arial, Helvetica, sans-serif;
	background-color:inherit;
	color:#04375E;
	text-transform:uppercase;
	padding-bottom:26px;
	}
div.product div.left{
	width:350px;
	float:left;
	}
div.product div.left02{
	width:330px;
	float:left;
	}
div.product div.left01{
	width:480px;
	float:left;
	}

div.product div.right{
	width:200px;
	float:right;
	}
div.product div.right p{
	font-size:13px !important;
	line-height:20px !important;
	text-align:center !important;
	}
div.product div.right02{
	width:235px;
	float:right;
	}
div.product div.right02 p{
	font-size:13px !important;
	line-height:20px !important;
	text-align:center !important;
	padding:15px 0 0;
	}

div.product div.right01{
	width:85px;
	float:right;
	}
div.product div.right img{
	display:block;
	}
div#rightPanel a.product{
	margin-top:22px;
	margin-left:184px;
	}

/*-------------------------- THANK YOU PAGE --------------------------*/
div#rightPanel p.hgt{
	height:170px;
	}
	
/*-------------------------- 4 SIMPLE STEPS --------------------------*/

div#rightPanel img{
	float:left;
	margin:0;
	padding:0;
	display:block;
	}
div#rightPanel p.foursteps{
	margin:0 0 0px 168px !important;
	padding:0;
	}
div#rightPanel p.access{
	margin:0 0 0px 168px !important;
	padding:0;
	}
div#rightPanel p.use{
	margin:10px 0 5px 168px !important;
	padding:0;
	}
div#rightPanel p.return{
	margin:35px 0 5px 168px !important;
	padding:0;
	}
div#rightPanel a.steps{
	margin-top:60px;
	margin-left:99px;
	}
div#rightPanel img.arrow{
	padding:8px 0 0;
	margin:0 0 0 5px;
	}
div#rightPanel img.arrow01{
	padding:18px 0 0;
	margin:0 0 0 5px;
	}
div#rightPanel img.arrow02{
	padding:42px 0 0;
	margin:0 0 0 5px;
	}
div#rightPanel h3 strong{
	width:48px;
	height:68px;
	font-size:64px;
	line-height:68px;
	background-color:inherit;
	color:#0C1071;
	float:left;
	margin:47px 15px 0 0;
	padding-bottom:0 !important;
	}

/*-------------------------- CONTACT US --------------------------*/

.contact{
	background-color:#FFFFFF !important;
	}
.contact td{
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#343333;
	}
.contact input{
	width:219px;
	height:18px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#343333;
	padding-left:5px;
	text-align:left;
	}
.contact input.check{
	width:13px;
	}
.contact textarea{
	width:219px;
	height:105px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#343333;
	padding-left:5px;
	text-align:left;
	}
.contact input.submitbtn{
	width:78px;
	height:28px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
	}
.red{
	color:#FF0000;
	}
.blue{
	color:#0A4299;
	}
	
.timeline td{
	padding:0 0 5px;
	}
	
.smallTxt{
	font-size:16px !important;
	}
.smallTxtbl{
	font-size:16px !important;
	color:#000080;
	}
	
.aboutPic{
	margin:0 195px 10px !important;
	display:block;
	}
.aboutPictxt{
	font-size:13px !important;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	}
	

/*-------------------------- Spread Word --------------------------*/

.contact01{
	background-color:#fff !important;
	/*padding:10px 0;*/
	}
.contact01 td{
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#343333;
	}
.contact01 input{
	width:150px;
	height:18px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#343333;
	padding-left:5px;
	text-align:left;
	}
.contact01 input.check{
	width:13px;
	}
.contact01 textarea{
	width:490px;
	height:105px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#343333;
	padding-left:5px;
	text-align:left;
	}
.contact01 input.submitbtn{
	width:78px;
	height:28px;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
	}


/* 22-06-2009 */
p.showMsg{
	font:bold 11px/15px Arial, Helvetica, sans-serif !important;
	color:#cc0000;
	padding:10px 0 0 0 !important;
	}