/* CSS Document */

/* 
Title : instapay
Author : Dushyant Patel
URL : www.credecard.co.uk
Created : 21.03.07
Copyright: credEcard 2006. All rights reserved.
--------------------------------------------------------- */

* {	margin:0; padding:0; }

body {
color:#333333;
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/topGradBg.gif) repeat-x top;
}

.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.4em;
line-height:1.3em;
}

#header {
width:780px;
height:86px;
margin-top:20px;
}

#logo {
width: 175px;
height:86px;
float:left;
text-align:right;
}

#logo h1{width:165px; height:86px; background: url(../images/instapay_logo.gif) no-repeat; cursor:hand}
#logo span{display:none}

#keyline {
width:390px;
height:86px;
float:left;
}
#keyline h3 {
color:#999;
font-size:0.9em;
font-weight:normal;
margin:58px 0px 0px 3px;
}

#contactlink {
background:url(../images/contactus_img.gif) no-repeat top left;
width: 130px;
height:40px;
display:block;
margin-top:35px;
float:right;
}

#contactlink a {
font-size:1em;
line-height:2.9em;
color:#069;
text-decoration:none;
margin-left:7px;
font-weight:bold;
}
#contactlink a:hover{
color:#333;
text-decoration:underline;
}

/* Page Content */

#content {
width:760px;
margin:20px auto;
}

#content h2{
font-size:1.4em;
font-weight:normal;
color:#069;
}

#content h4{
font-size:1.1em;
font-weight:bold;
color:#069;
}

.roundboxbl {background: url(../images/roundboxbl.gif) 0 100% no-repeat #E1F5FF; margin-top:10px;} 
.roundboxbr {background: url(../images/roundboxbr.gif) 100% 100% no-repeat} 
.roundboxtl {background: url(../images/roundboxtl.gif) 0 0 no-repeat} 
.roundboxtr {background: url(../images/roundboxtr.gif) 100% 0 no-repeat; padding:10px} 

#maincardbox {
background:url(../images/MainCardImg.jpg) bottom right no-repeat;
height:195px;
width:98%;
margin:auto;
}

#maincardbox p{
font-size:1.1em;
color:#069;
font-weight:bold;
}

ul.bluearwlist {
list-style:none;
margin:10px 0px;
}

ul.bluearwlist li{
font-size:1.1em;
color:#666;
margin-bottom:10px;
background:url(../images/boxlistArw.gif) no-repeat left 5px;
padding-left:12px;
}

#secondrowbox {
width:100%;
margin:20px 0px;
}

#secondrowleft {
width:480px;
float:left;
}

#secondrowleft h3{
color:#069;
font-size:1.1em;
font-weight:bold;
}

#icon1, #icon2 {
height:35px;
width:130px;
}
#icon1{
background:url(../images/24x7Img.gif) top left no-repeat;
float:left;
}
#icon2 {
background:url(../images/designImg.gif) top left no-repeat;
float:right;
}

#icon1 h4, #icon2 h4{
font-size:0.9em;
font-weight:bold;
margin-left:38px;
color:#555;
}

#secondrowright {
width:280px;
float:right;
background:url(../images/divderImg.gif) no-repeat left center;
min-height:208px;
text-align:center;
}

#secondrowright h4{
font-size:0.9em;
font-weight:bold;
color:#666;
display:block;
width:auto;
height:20px;
text-align:center;
margin-left:15px;
}
#secondrowright h3{
font-size:0.85em;
font-weight:bold;
color:#666;
background:url(../images/downarwBg.gif) no-repeat bottom center;
display:block;
width:260;
height:47px;
text-align:center;
margin-left:15px;
}

#secondrowright h3.middle{
line-height:40px
}

#secondrowright p{
margin-top:10px;
}
#secondrowright img{
margin-left:15px;
}

.dotline {
background:url(../images/dotlineBg.gif) center repeat-x;
height:5px;
}
.commentblock {
margin-left: 0;
padding-left: 0;
margin-top: 5px;
padding-top: 0px;
margin-bottom:20px;
padding-bottom: 0px;
font-weight:normal;
}
ul#benefitstxt {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-top: 5px;
padding-top: 0px;
margin-bottom:5px;
padding-bottom: 0px;
font-weight:normal;
}
ul#benefitstxt li{
padding-left: 20px;
background-image: url(../images/rightmarkImg.gif);
background-repeat: no-repeat;
background-position: 0 4px;
line-height:1.8em;
}

#getstartbtn1 {
background:url(../images/getstart_arw_bg.gif) no-repeat top left;
width:auto;
height:42px;
display:block;
margin-top:10px;
}

#getstartbtn1 a{
font-size:1.5em;
line-height:2em;
color:#069;
text-decoration:none;
margin-left:35px;
font-weight:normal;
}
#getstartbtn1 a:hover{
text-decoration:underline;
}

#getstartbtn {
background:url(../images/start_btn_bg.gif) no-repeat top left;
width:157px;
height:40px;
display:block;
margin-top:10px;
}

#getstartbtn a {
font-size:1.4em;
line-height:2em;
color:white;
text-decoration:none;
margin-left:10px;
font-weight:normal;
}
#getstartbtn a:hover{
text-decoration:underline;
}

/* Right Panel */

a.stdtxtlink:link {
	color: #0066CC;
	text-decoration: underline;
	font-weight:normal;
}
a.stdtxtlink:visited, a.stdtxtlink:active {
	color: #003399;
	text-decoration: underline;
	font-weight:normal;
}
a.stdtxtlink:hover, a.stdtxtlink:focus {
	color: #000000;
	text-decoration: underline;
	font-weight:normal;
}

.TextBox {
background: #efefef;
border: 1px solid #dfdfdf;
}
.btn {
font-weight: bold;
color: #FFFFFF;
background-color: #cc3333;
border-right: 1px solid #8A0023;
border-bottom: 1px solid #8A0023;
border-top: 1px solid #FF0F4B;
border-left: 1px solid #FF0F4B;
}
/* Footer */

#footer {
width: 760px;
color: #666666;
font-size: 0.90em;
margin: 20px auto;
background:url(../images/dotlineBg.gif) repeat-x top;
padding-top:5px
}
#footerleft {
width: 640px;
float:left;
}
#footerright {
width: 100px;
float:right;
text-align:right;
}
#maestrostuff {	
	width:auto;
	color:#666;
	font-size:0.85em;
	line-height:1.3em;
	margin:10px auto;
	padding-top:5px
}
#footer a:link {
	color: #0066CC;
	text-decoration: underline;
	font-weight:bold;
}
#footer a:visited, a:active {
	color: #003399;
	text-decoration: underline;
	font-weight:bold;
}
#footer a:hover, a:focus {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}

.rightmark ul{
margin-left: 0;
padding-left: 0;
list-style: none;
margin-top: 10px;
padding-top: 0px;
margin-bottom:0px;
padding-bottom: 0px;
font-weight:normal;
}
.rightmark li{
padding-left: 20px;
background-image: url(../images/rightmark_img.gif);
background-repeat: no-repeat;
background-position: 0 4px;
line-height:1.4em;
}

#step1 {
background:url(../images/signupImg.gif) no-repeat left top;
}

#step2 {
background:url(../images/choosecardImg.gif) no-repeat left top;
}

#step3 {
background:url(../images/payinstapayImg.gif) no-repeat left top;
}

#step1, #step2, #step3 {
float:left;
width:250px;
}
div.steptxtdiv {
margin:22px 0px 0px 58px;
}
#step1 a.steplink, #step2 a.steplink, #step3 a.steplink {
font-size:1.3em;
color:#069;
text-decoration:none;
font-weight:normal;
}

#step1 a.steplink:hover, #step2 a.steplink:hover, #step3 a.steplink:hover {
color:#000;
text-decoration:underline;
}

div.steptxt {
margin:20px 20px 25px 14px;
}

#credecardbg, #othercardbg, #custombrand {
background:url(../images/blueGradArw.gif) no-repeat left top;
float:left;
}

#credecardbg {
width:300px;
}
#othercardbg {
width:440px;
}

#custombrand {
width:530px;
}

#credecardbg h3, #othercardbg h3, #custombrand h3{
font-size:1.2em;
color:#069;
margin:12px 10px 5px 35px;
font-weight:normal;
}

.choosecardtxt {
margin:10px 10px 15px 12px;
}

.choosecardtxt p{
margin-bottom:5px;
}

.smallnote {
font-size:0.85em;
color:#666;
}


#integrate1 {
background:url(../images/signupImg.gif) no-repeat left top;
}

#integrate2 {
background:url(../images/payinstapayImg.gif) no-repeat left top;
}

#integrate1, #integrate2, {
float:left;
width:380px;
}
div.integratehead {
margin:22px 0px 0px 58px;
}
#integrate1 a.steplink, #integrate2 a.steplink {
font-size:1.3em;
color:#069;
text-decoration:none;
font-weight:normal;
}

#integrate1 a.steplink:hover, #integrate2 a.steplink:hover {
color:#000;
text-decoration:underline;
}

div.integratetxt {
margin:20px 20px 25px 14px;
}

p.loyalty {
font-size:0.9em; 
font-weight:bold;
color:#666;
}

a.bulletlink:link {
background:url(../images/BulletArw.gif) center left no-repeat;
padding-left:18px;
color: #0066CC;
text-decoration: underline;
font-weight:normal;
}
a.bulletlink:visited, a.bulletlink:active {
background:url(../images/BulletArw.gif) center left no-repeat;
padding-left:18px;
color: #003399;
text-decoration: underline;
font-weight:normal;
}
a.bulletlink:hover, a.bulletlink:focus {
background:url(../images/BulletArw.gif) center left no-repeat;
padding-left:18px;
color: #000000;
text-decoration: underline;
font-weight:normal;
}

.signbtn {
background:url(../images/signupBtnImg.gif) no-repeat top left;
width:auto;
height:52px;
display:block;
margin-top:10px;
}

.signbtn a{
font-size:1.4em;
line-height:2.5em;
color:#069;
text-decoration:none;
margin-left:45px;
font-weight:normal;
}
.signbtn a:hover{
text-decoration:underline;
}

.rightmarkhead {
background:url(../images/rightmarkImg.gif) top left no-repeat;
font-size: 1.2em;
color:#069;
padding-left:20px;
line-height:1.4em;
}


/* left panel */

#leftpanel {
width:530px;
float:left;
}

/* right panel */

#rightpanel {
width:200px;
float:right;
margin:36px 0px 30px 30px;
background:url(../images/rightpanelTop.gif) top left no-repeat;
}

ul#rightpanlink {
list-style:none;
margin:10px 0px 0px 10px;
}
ul#rightpanlink li{
background:url(../images/rightpanelArw.gif) no-repeat center left;
padding:6px 0px 6px 17px;
font-size:1em;
}

ul#rightpanlink a:link {
	color: #0066CC;
	text-decoration: underline;
	font-weight:normal;
}
ul#rightpanlink a:visited, ul#rightpanlink a:active {
	color: #003399;
	text-decoration: underline;
	font-weight:normal;
}
ul#rightpanlink a:hover, ul#rightpanlink a:focus {
	color: #000000;
	text-decoration: underline;
	font-weight:normal;
}

#rightpanelbtm {
background:url(../images/rightpanelBtm.gif) bottom left no-repeat;
height:10px;
}