/* 
Title : credEcard
Author : Sanjay Khunti
URL : www.crdecard.com
Created : 04.08.06
Edited : 14.03.08
Copyright: credEcard 2008. All rights reserved.
--------------------------------------------------------- */
/* CSS Document */
body
{
	color: #333;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/comimgs/pagebg.gif) repeat-x top;
}
#header
{
	width: 760px;
	height: 76px;
	margin: auto;
}
#logo
{
	width: 186px;
	height: 76px;
	float: left;
	text-align: right;
}
#keyline
{
	width: 494px;
	height: 66px;
	float: left;
}
#rightlogo
{
	width: 70px;
	height: 76px;
	float: right;
	text-align: right;
	margin: 0;
}
#rightlogo img
{
	margin-top: 10px;
}
#keyline h3
{
	color: #fff;
	font-size: 1em;
	font-weight: 400;
	margin: 37px 0 0 3px;
}
/* Registration CSS START */
#contentbox h3.pagehead
{
	background: url(../images/comimgs/PageHeadBg.gif) no-repeat left bottom;
	font-size: 1.4em;
	padding-left: 10px;
	font-weight: 700;
	height: 37px;
	color: #C03;
	line-height: 30px;
	margin: 0 auto 15px;
}
#content h3
{
	color: #C03;
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
}
/* Registration CSS Ends */

/* SAP CSS START */
#contentboxSAP h3.pagehead
{
	background: url(../images/comimgs/PageHeadBg.gif) no-repeat left bottom;
	font-size: 1.4em;
	padding-left: 10px;
	font-weight: 700;
	height: 37px;
	color: #C03;
	line-height: 30px;
	margin: 0 auto 15px;
}
#contentSAP h3
{
	color: #C03;
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
}
/* SAP CSS Ends */

.TextBox
{
	background: #FFF;
	border: 1px solid #7f7f7f;
}
.btn
{
	font-size: .9em;
	font-weight: 700;
	color: #FFF;
	background-color: #06C;
	border-right: 1px solid #006;
	border-bottom: 1px solid #006;
	border-top: 1px solid #09F;
	border-left: 1px solid #09F;
}
.btngray
{
	font-size: .9em;
	font-weight: 700;
	color: #FFF;
	background-color: #888;
	border-right: 1px solid #006;
	border-bottom: 1px solid #006;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
.formbox100w
{
	font-size: 1.1em;
	background: #FFF;
	border: 1px solid #999;
	width: 99%;
	font-family: Arial, Helvetica, sans-serif;
}
.maxcharbox
{
	font-size: 1em;
	font-weight: 700;
	background: #EEE;
	color: #C03;
	border: 0;
	text-align: left;
	width: 35px;
}
#footer
{
	color: #ccc;
	background: url(../images/comimgs/footerbg.gif) no-repeat top left;
}
#footer span.copyright
{
	color: #666;
}
#footer p.fsanote
{
	padding-top: 10px;
	color: #888;
	line-height: 1.3em;
	font-size: .9em;
}
.errormsg
{
	font-size: 1.1em;
	color: red;
}
.reqfield
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #f30;
	font-weight: 700;
}
table.stdtab
{
	background-color: #FFF;
	border: none;
	width: 100%;
}
table.stdtab td
{
	background-color: #EEE;
	padding: 3px;
}
.rightalign
{
	text-align: right;
}
div.secunderline
{
	width: auto;
	background: url(../images/seculineBg.gif) left center no-repeat;
	height: 7px;
	margin: 0 0 7px;
}
ul.stdlist
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: 400;
}
ul.stdlist li
{
	padding-left: 15px;
	background-image: url(../images/comimgs/listArw.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	line-height: 1.5em;
}
.login_titles
{
	font-weight: 700;
	color: #333;
	font-size: .9em;
	margin-top: 10px;
}
.loginerrormsg
{
	font-size: .9em;
	color: red;
}
.loginbtn
{
	font-size: .9em;
	font-weight: 700;
	color: #FFF;
	background-color: #06C;
	border-right: 1px solid #006;
	border-bottom: 1px solid #006;
	border-top: 1px solid #09F;
	border-left: 1px solid #09F;
	width: 6em;
	text-align: center;
	margin: 5px 0;
}
#login_header
{
	display: block;
	background: url(../images/loginboxHeader.gif) no-repeat top left;
	width: 225px;
	height: 101px;
	clear: both;
}
#login_items
{
	background: url(../images/loginboxBg.gif) left top repeat-y;
	width: 225px;
}
#login_btm
{
	display: block;
	background: url(../images/loginboxBtm.gif) no-repeat top left;
	width: 225px;
	height: 15px;
	clear: both;
}
.login_box
{
	background: #FFF;
	border: 1px solid #7f7f7f;
	width: 190px;
	font-size: 1em;
}
.steptxt
{
	font-size: .7em;
	font-weight: 700;
	color: #666;
}
.addressbox
{
	font-size: 1.1em;
	background: #FFF;
	border: 1px solid #999;
	width: 360px;
	height: auto;
}
.optionaltxt
{
	font-size: .9em;
	font-weight: 700;
	color: #666;
}
#referrallevel2
{
	border: 1px solid #ccc;
	width: 720px;
	margin: 20px 0;
	padding: 5px;
}
div.referrallevel2col
{
	width: 345px;
	height: 115px;
	float: left;
	border-left: #ccc 1px solid;
	padding: 5px;
}
div.referrallevel2col h2
{
	font-size: 1.3em;
	color: #C03;
	line-height: 1.2em;
}
.wifirows
{
	width: auto;
}
div.wificol1
{
	width: 560px;
	float: left;
	padding: 0;
}
div.wificol2
{
	width: 165px;
	float: left;
	margin-left: 7px;
	border: 1px solid #ccc;
	font-size: .9em;
	padding: 2px;
}
div.wificol2 h4
{
	background-color: #EEE;
	font-weight: 700;
	font-size: 1em;
	padding: 3px;
}
#activatecol1
{
	width: 400px;
	float: left;
	padding: 5px;
}
#activatecol2
{
	width: 295px;
	float: left;
	margin-left: 25px;
}
div.activategraybox
{
	width: auto;
	border: 8px solid #ccc;
	color: #333;
	line-height: 1.3em;
	padding: 8px;
}
div.activategraybox h2
{
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #999;
}
.redfrmlable
{
	font-weight: 700;
	color: #C03;
	font-size: .9em;
	margin-top: 10px;
}
#wifilogin_level2
{
	width: auto;
	margin-top: 10px;
	margin-left: 10px;
}
#wifilogin_level2 h2
{
	font-size: 1.3em;
	color: #C03;
}
#wifilogin_col1
{
	width: 220px;
	color: #333;
	margin-right: 25px;
	float: left;
	padding: 0;
}
#wifilogin_col2
{
	width: 220px;
	color: #333;
	float: left;
	margin: 0;
	padding: 0;
}
.dotlinebg
{
	background-image: url(../images/accboxdotline.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 5px;
}
h1.wifistep
{
	font-size: 1.6em;
	color: #C03;
	font-weight: 400;
	margin-bottom: 10px;
}
table.emailopttab
{
	background-color: #FFF;
}
table.emailopttab td
{
	background-color: #EEE;
	padding: 7px;
}
#mainmenu
{
	width: 760px;
	height: 37px;
	margin: auto;
}
#mainmenu ul
{
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
}
#mainmenu li
{
	display: inline;
	background: url(../images/comimgs/TabRight.gif) no-repeat right top;
	text-align: center;
	margin-right: 5px;
	float: left;
	padding: 0;
}
#mainmenu a
{
	font-family: Tahoma;
	font-size: 1em;
	font-weight: 700;
	color: #FFF;
	background: url(../images/comimgs/TabLeft.gif) no-repeat left 0;
	float: left;
	text-decoration: none;
	line-height: 31px;
	height: 31px;
	min-height: 31px;
	margin: 0;
	padding: 0 12px;
}
#mainmenu a:hover
{
	color: #000;
	float: left;
	text-decoration: none;
	line-height: 31px;
	height: 31px;
	min-height: 31px;
	margin: 0;
	padding: 0 12px;
}
#mainmenu a span
{
	float: none;
}
#mainmenu li.sel a
{
	font-family: Tahoma;
	font-size: 1em;
	font-weight: 700;
	color: #C03;
	background: url(../images/comimgs/TabLeft.gif) no-repeat 0 -31px;
	float: left;
	text-decoration: none;
	line-height: 31px;
	height: 31px;
	min-height: 31px;
	margin: 0;
	padding: 0 12px;
}
#mainmenu li.sel a:hover
{
	color: #C03;
	float: left;
	text-decoration: none;
	margin: 0;
	padding: 0 12px;
}
#mainmenu li.tab span
{
	font-family: Tahoma;
	font-size: 1em;
	font-weight: 700;
	color: #C03;
	background: url(../images/comimgs/TabLeft.gif) no-repeat left -31px;
	float: left;
	text-decoration: none;
	line-height: 31px;
	height: 31px;
	min-height: 31px;
	margin: 0;
	padding: 0 12px;
}
a:link, #footer a:link
{
	color: #06C;
	text-decoration: underline;
}
a:visited, a:active, #footer a:visited, a:active
{
	color: #369;
	text-decoration: underline;
}
a:hover, a:focus, #footer a:hover, a:focus
{
	color: #000;
	text-decoration: underline;
}
h4.reqfieldnote, span.formnote
{
	font-size: .9em;
	font-weight: 700;
}
#mainmenu li.sel, #mainmenu li.tab
{
	background: url(../images/comimgs/CurrentTabRight.gif) no-repeat right top;
}

/*----- sign up ------*/

ul li.signupbtnmain{ 
float:left;
list-style:none;
}

ul li.signupbtnmain a{
background-image:url(../images/sinupBigBtnLeft.gif);
background-repeat:no-repeat;
background-position:left;
float:left;
list-style:none;
text-decoration:none;
height:42px;
line-height:42px;
padding:0px 0px 0px 9px;
font-size:2em;
color:#FFFFFF;
}


li.signupbtnmain a:hover{
background-image:url(../images/sinupBigBtnLeft.gif);
background-repeat:no-repeat;
background-position:left;
float:left;
text-decoration:underline;
height:42px;
line-height:42px;
padding:0px 0px 0px 9px;
font-size:2em;
color:#FFFFFF;
}


ul li a span.signupbtn{
background-image:url(../images/sinupBigBtnRight.gif);
background-repeat:no-repeat;
background-position:right;
float:left;
text-decoration:none;
height:42px;
line-height:42px;
padding:0px 9px 0px 0px;
color:#FFFFFF;
cursor:pointer;
}

ul li a:link span.signupbtn, ul li a:visited span.signupbtn{
background-image:url(../images/sinupBigBtnRight.gif);
background-repeat:no-repeat;
background-position:right;
float:left;
text-decoration:none;
height:42px;
line-height:42px;
padding:0px 9px 0px 0px;
color:#FFFFFF;
cursor:pointer;
}


ul li a:hover span.signupbtn{
background-image:url(../images/sinupBigBtnRight.gif);
background-repeat:no-repeat;
background-position:right;
float:left;
text-decoration:underline;
height:42px;
line-height:42px;
padding:0px 9px 0px 0px;
color:#FFFFFF;
cursor:pointer;
}



.signupleft {
float:left;
display:block;
margin:0px 0px 25px 0px;
width:460px;
}

ul.signupbtn{
list-style:none;
margin:0px;
padding:0px;
}

ul li .signupbtn{
list-style:none;
margin:0px;
padding:0px;
}

.signuptxt {
padding:3px 0px 0px 0px;
margin:0px;
clear:left;
line-height:normal;
}


div#daycol{width:65px;float:right;}div#daycol h4{width:64px;background:url(../images/DayBox.gif) no-repeat top left;height:26px; margin-bottom:7px;line-height:25px;text-align:center;color:#C03;font-size:0.9em;}div#dayprocesscol{width:190px;float: right;margin-left:10px;}div#dayprocesscol h4{margin:2px 0px 10px;line-height:15px;text-align:left;text-transform:none;color:#000;font-size:0.9em;}

a.entrdetlbtn, a:link .entrdetlbtn{
display:block;
background-image:url(../images/enterDetlBtn.gif);
background-repeat:no-repeat;
width:145px;
height:42px;
text-decoration:none;
line-height:42px;
padding:0px 0px 0px 11px;
font-size:2em;
color:#FFFFFF;
border:solid 0px;
background-color:#FFF;
}

a:hover.entrdetlbtn{
display:block;
background-image:url(../images/enterDetlBtn.gif);
background-repeat:no-repeat;
width:145px;
text-decoration:underline;
height:42px;
line-height:42px;
padding:0px 0px 0px 11px;
font-size:2em;
color:#FFFFFF;
}

/*----- sign up end-----*/

/*---------------- BASE STYLE CSS -----------------------*/
* {	margin:0; padding:0; }

.cleaner {
clear:both;
height:1px; 
font-size:1px; 
border:none; 
background:transparent;
}

.clearfix:after {
content: "."; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#main {
width:780px;
margin:auto;
font-size:1.2em;
line-height:1.4em;
}

#header {
width:760px;
height:76px;
margin:auto;
}

#logo {
width:186px;
height:76px;
float:left;
text-align:right;
}

#keyline {
width:494px;
height:66px;
float:left;
}

#rightlogo {
width:70px;
height:76px;
float:right;
text-align:right;
margin:0px;
}


/* Registration Page CSS START*/

/* Page Content  */
#contentbox1 {width:760px;margin:10px auto 0px auto;font-size:1em;}
#content1 { 	width:760px;margin:0px auto; }
#contentbox
 {
 	position: absolute;
 	overflow: hidden; 
 	width: 926px;
 	height: 1500px;
 	left: 225px; 
 	top: 120px;
 	background-color:
 	 
 	  /* z-index: 2;
 	width:760px;font-size:1em; margin:10px 200px 0px auto; */
 }
 #content
 {
 	width: 926px;
 	height: 1250px;
}

/* Registration Page CSS ENDS*/

/* SAP Page CSS START*/


#contentboxSAP
 {
 	position: absolute;
 	overflow: hidden; 
 	width: 800px;
 	height: 1050px;
 	left: 70px; 
 	top: 120px;
 }
 #contentSAP
 {
 	width: 926px;
 	height: 1050px;
}

#contentSAP h3
{
	color: #C03;
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
}

/* SAP Page CSS ENDS*/


/* right panel */

#rightpanel {
width:175px;
float:right;
margin:20px 10px 0px 0px;
}


#instantapprove {
background:url(../images/comimgs/InstantBG.gif) no-repeat top left;
width:177px;
height:112px;
margin-bottom:10px;
}

#instantapprove a{
font-size:1em;
font-weight:bold;
display:block;
width:165px;
height:30px;
line-height:30px;
color:#fff;
text-decoration:none;
background:url(../images/comimgs/ApplyCardBtnBg.gif) no-repeat left top;
text-align:center;
position:relative;
top:75px;
left:6px;
}

#instantapprove a:hover {
text-decoration:underline;
}

#rightbuttons {
width:175px;
}

#rightbuttons a {
font-size:1.4em;
font-weight:bold;
display:block;
width:177px;
height:52px;
padding-left:40px;
line-height:52px;
color:#CC0033;
text-decoration:none;
margin-bottom:10px;
}

#rightbuttons a:hover {
color:#000;
text-decoration:none;
}



a.logincec, a:hover.logincec {
background:url(../images/comimgs/LoginBtnBg.gif) no-repeat left top;
}

#instapaybox {
background:url(../images/comimgs/instapayBg.gif) no-repeat top left;
margin-bottom:20px;
padding:75px 10px 10px 10px;
font-size:1em;
line-height:1.2em;
}

#instapaybox a, #sendcashbox a{
font-size:0.9em;
font-weight:bold;
}

#instapaybox span, #sendcashbox span{
display:block;
margin-top:5px;
}

#sendcashbox {
background:url(../images/comimgs/sendcashBg.gif) no-repeat top left;
margin-bottom:20px;
padding:60px 10px 10px 10px;
font-size:1em;
line-height:1.2em;}

/* common styles */
img {border:none}


/* Footer */

#footer {
width: 760px;
margin:25px auto;
}
#footerleft {
width: 600px;
float:left;
margin-top:10px;
}
#footerright {
width: 140px;
float:right;
text-align:right;
margin-top:10px;
margin-right:10px;
}
#footer p {
margin-left:10px;
line-height:1.8em;
}

.buttondiv{float:right; margin-top:3px}

.rightalign {text-align:right}

sup.regtxt {font-size:.8em}