/* Reset Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border:0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of reset Styles */
body {
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#222;
}
/* Common Styles */
h1, .rightCont blockquote, .rightCont p.punch {
	font:32px Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:26px;
	font-weight:normal;
	margin:18px 0 12px 20px;	
}
.f14{font-size:14px;}
h4 {
	font-size:15px;
}
h5 {
	font-size:14px;
}
p {
	font-size:14px;
	line-height:22px;
}
a {
	color:#1B6BBD;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
}
.header, .content, .footer {
	width:970px;
	margin:0 auto;
}
h2.logo a, small, p.signup a, .footerLinks li, .footerLinks1 li, .footerLinks2 li {
	display:block;
}

ul.siteNav li, ul.siteNav li a, .signupSec, .footerLinks, .footerLinks1, .footerLinks2 {
	float:left;
}
small {
	font-size:12px;
}
small, .rightCont li blockquote p {
	font-weight:normal;
}
#headerContainer, ul.siteNav li a:hover, ul.siteNav li.selected a, p.signup a {
	background:url("../images/online-invoice-vertical.gif") repeat-x;
}
p.signup a, .signupSec2 {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
/* End of Common Styles */
/* Header Styles */
#headerContainer {
	
}
.header {
	position:relative;
}
h2.logo {
	padding-top:2px;
	width:350px;
	height:62px;
	float:left;
}
h2.logo a {
	background: url("../help/images/ZILogo.gif") no-repeat;
	height:40px;
	text-indent:-999em;
	width:170px;
}
h2.logo small {
	color:#9F9F9F;
	margin:-8px 0 0 78px;
}
ul.topNav {
	position:absolute;
	right:0;
	top:10px;
}
ul.topNav li {
	padding-left:20px;
}
ul.siteNav li {
	border-right:1px solid #056FC3;
}
ul.siteNav li:first-child {
	border-left:1px solid #056fc3;
}
ul.siteNav li a {
	color:#fff;
	font-weight:bold;
	padding:8px 20px;
	text-decoration:none;
	text-align:center;
	min-width:70px !important;
	width:70px;
	}
ul.siteNav li a:hover, ul.siteNav li.selected a {
	color:#000;
	padding:8px 20px;
	background-position:left -626px;
}
ul.siteNav li.selected a {
	background-position:left -594px;
	padding:8px 20px;
}
/* End of Header Styles */

/* Signup Section */
.signupSec {
	border-left:1px dotted #97B9E0;
	margin:15px 0 0 25px;
	padding:0 0 10px 25px;
	width:300px;
}
.signupSec iframe {
	border:medium none;
	height:260px;
	width:100%;
	z-index:200;
}
p.signup a {
	background-position:left -678px;
	border:3px solid #FFF;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding:12px 6px;
	text-align:center;
	text-decoration:none;
	width:285px;
}
p.signup a small {
	color:#E1E1E1;
}
.signupSec2 {
	background: #faf7ee;	
	margin:30px 0;
	padding:0 16px 16px 0;
}
.signupSec2 p.signup a {
	border:1px solid #A63213;
	float:right;
	margin-top:-61px;
	padding:11px 6px;
}
/* End of Signup Section */
/* Footer Styles */
#footerContainer {	
	min-height:249px;
	padding-top:13px;
	border-top: 1px solid #E7E7E7;
}
.footerLinks, .footerLinks1 {
	margin-right:25px;
	width:230px;
	margin-bottom:15px;
}
.footerLinks1 {
	width:290px;
}
.footerLinks2 {
	width:380px;
}
.footer {
	font-size:12px;
}
.footerLinks1 ul li strong {
	color:#737373;
}
.twitterLogo {
	background:url("../images/online-invoice-icon.png") no-repeat;
	background-position:-2px -82px;
	height:91px;
	width:178px;
	height:84px;
	text-indent:-999em;
}
.footer h5 {
	margin-bottom:8px;
	font-size:17px;
	padding-bottom:17px;
	clear:both;
	font-weight:normal;
	color:#999;
}
.footerLinks li, .footerLinks1 li, .footerLinks2 li {
	padding:4px 0;
	line-height:17px;
	
}
.footerLinks li a, .footerLinks1 li a, .footerLinks2 li a {
	color: #666666;
    font-size: 14px;
    line-height: 23px;
    text-decoration: underline;
}
.footerLinks li a:hover, .footerLinks1 li a:hover, .footerLinks2 li a:hover {
	text-decoration:none;
}
.footer p.more {
	background:none;
}
p.more {
	background:#D8E9FF;
	padding:5px 10px 5px 0;
	text-align:right;
}
.copyPrivacy {
	font-size:13px;
	padding:70px 0;
	text-align:center;
}
.copyPrivacy ul, .copyPrivacy p {
	display:inline;
}
.copyPrivacy li {
	padding:0 10px;
}

/* End of Footer Styles */
/* Clearboth Styles */
.clearBoth:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}
.clearBoth {
	display:inline-block;
}
* html .clearBoth {
	height:1%;
}
.clearBoth {
	display:block;
}
*+html .clearBoth {
	display:inline-block;
}


/* Common Styles */
.leftSide, ol li, ol li span, .featured li span, ul.lang li, .share ul, .share span, .share li a, .mainScreenShot {
	float:left;
}
.featured ul li, p.fMedia a, .rightCont li, .rightCont li span {
	display:block;
}
.featured ul li {
	clear:both;
}
ol li span, ul.lang li, .share ul li a, .featured li span, ul.contact li.twitter, p.fMedia a, .bgnqte, .endqte, .grn-btn-rgt ,.istore-img, .android-img, .shadow-btm,.shd-lft-tp, .shd-rgt-tp, .shd-lft-bt, .shd-rgt-bt, .shd-ver-lft, .shd-ver-rgt, .shadow-img  {
	background-image:url("../images/online-invoice-icon.png");
	background-repeat:no-repeat;
}
.bgnqte, .endqte {
	height:6px;
	width:11px;
	margin-left:-16px;
}
.bgnqte {
	background-position:-502px -82px;
}
.endqte {
	background-position:-521px -82px;
	margin-left:2px;
}
.leftSide, .featureList2 {
	padding-top:25px;
}
.mainScreenShot {
	background:url("../images/mainscreenshot.png") no-repeat scroll -4px -5px transparent;
	cursor:pointer;
	height:375px;
	margin:9px 0 10px 0;
	width:550px;
}
/* End Common Styles */
/* Header Styles */
.homepage {
	padding-bottom:2px;
}
h1 {
	padding:16px 0 15px;
}
p.googleSignup a {
	color:#1B6BBD;
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	padding-left:58px;
	text-decoration:none;
}
p.googleSignup a:hover {
	text-decoration:underline;
}/* End of Header Styles */
/*Content Left Styles */
p.pageDesc {
	font-size:14px;
	color:#666;
	line-height:1.5em;
	padding-bottom:10px;
	border-bottom:solid 1px #C9C9C9;
}
.leftSide {
	width:674px;
}
ol li {
	padding:0 3% 17px 8px;
	width:290px;
}
ol li.alt {
	padding-left:2%;
	padding-right:0;
	width:293px;
}
ol li span {
	width:63px;
	height:55px;
	text-indent:-999em;
	margin-right:3px;
}
ol li p, ol li h2 {
	padding:0 0 5px 0;
}
ol.featureList2 li p, ol.featureList2 li p {
	padding-left: 60px;
	font-family:georgia,garamond,serif;
}
ol.featureList2 li p {
	font-size:16px;
	font-family:georgia,garamond,serif;
	margin-left: 100px;
	margin-top:9px;
}
ol.featureList2 li div {
	font-size:24px;
	font-family:georgia,garamond,serif;
	padding-left: 162px;
}
ol.featureList2 li {
	width:100%;
}
.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10, .icon11, .icon12, .sam, .nick, .peri{
    background: url("../images/online-invoice-icon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height:130px;
    margin-right: 10px;
    width:105px;
}
.icon1 {
	background-position:-0px 5px;
}
.icon2 {
	background-position:-67px 5px;
}
.icon3 {
	background-position:-134px 4px;
}
.icon4 {
	background-position:-200px 5px;
}
.icon5 {
	background-position:-333px 5px;
}
.icon6 {
	background-position:-268px 5px;
}
.icon7 {
	background-position:-341px -76px;
}
.icon8 {
	background-position:-458px -78px;
}
.icon9 {
	background-position:-458px 5px;
}
.icon10{
	background-position:-494px -155px;
	}
.icon11{
	background-position:-495px -279px;
	}
.icon12{
	background-position:-440px -275px;
	}
.leftSide h4 {
	border-top:1px solid #C9C9C9;
	padding:24px 0 0;
}
.featured ul li p{
	margin-bottom:40px;
	line-height:24px;
	font-size:16px;
	font-family:georgia,garamond,serif;
	float:left;
	width:560px;
}
/*.featured li span {
	min-height:45px;
	text-indent:-999em;
	width:61px;
}*/both
.featureList2 {
	padding-top:20px;
}
p.fMedia {
	border-top:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
	margin:0 -10px;
	padding: 10px 0;
}
p.fMedia a {
	background-position:0 -223px;
	height:30px;
	text-indent:-999em;
	margin-top:2px;
	 width: 636px;
}
li.feature1 span {
	background-position: -369px -283px;
    height: 70px;
    margin-right: 26px;
    text-indent: -999ex;
    width: 102px;
	float:left;
}
li.feature2 span {
	background-position: -295px -359px;
    height: 70px;
    margin-right: 26px;
    text-indent: -999ex;
    width: 102px;
	float:left;
}
li.feature3 span {
	background-position: -472px -278px;
    height: 60px;
    margin-right: 26px;
    text-indent: -999ex;
    width: 102px;
	float:left;
}
li.feature4 span {background-position: -276px -283px;height: 92px;margin-right: 26px;text-indent: -999em;width: 102px; float:left;}

/* key features */
.fb, .fe {
    float: left;
    margin-right: 10px;
    padding-bottom: 23px;
    width: 630px;
}
.fb2{
    float: left;
    margin-right: 10px;
    padding-bottom: 23px;
    width: 774px;
}
.fe {
    border-radius:5px;
	-webkit-box-shadow: 0 0 6px #DDDDDD;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
    -moz-box-shadow: 0 0 6px #DDDDDD;
	box-shadow: 0 0 6px #DDDDDD;
    border: 1px solid #DDDDDD;
}
.s1 h2 {
    border-bottom: 1px solid #DDDDDD;
    color: #343434;
    font-size: 15px;
    margin: 0 0 10px;
    padding-bottom: 5px;
}
h2.keyfeature {
    background:#C3DCFC;
    border: medium none;
    font-size: 1.5em;
    padding: 10px 15px;
}
.mrg-lft50 {
    margin-left:50px;
}
.fb li, .fe li {
    display: block;
    float: left;
    padding: 7px 0 15px 0;
    position: relative;
}
.fe li {
    display: inline;
    height: 85px;
    padding: 1% 2% 6% 3%;
    width: 44%;
}
.fb li span {
    color: #FFFFFF;
    font-weight: bold;
    height: 45px;
    left: 0;
    padding: 4px 20px 5px 9px;
    position: absolute;
    width: 31px;
	}
h3.featurehead{
    font-size: 18px;	
	margin:20px 10px 6px 0;	
	color:#3895d6;
	}
.fb p{
    color: #222222;	
	}

/* End of Content Left Styles */
/* Start of Content Right Styles */
.rightSide {
	float:right;
	width:296px;
	padding-top:52px;
	}
.rightCont {
	background:#fff;
	margin-bottom:15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-box-shadow: 0 0 6px #ddd;
	-webkit-box-shadow: 0 0 6px #ddd;
	box-shadow: 0 0 6px #ddd;
    border: 1px solid #DDDDDD;
}
.rightCont h4 {
	background:#C3DCFC;
	padding:7px 10px;
}
.rightCont blockquote {
	font:italic 15px/20px Georgia,Arial,Verdana,helevitica;
	padding-top:5px;
	border-bottom:1px dotted #ddd;
	overflow:auto;
	color:#555555;
	}
.hquotename{
	color:#626262;
	font:13px Georgia, "Times New Roman", Times, serif;
	text-align:right;
	padding:10px 0 10px 0;
	clear:both;
	font-style:italic;
	}
.sam, .nick, .peri{
	width:58px;
	height:46px;
	}
.sam{background-position:-525px -354px;}
.nick{background-position:-525px -405px;}
.peri{background-position:-525px -451px;}

.hquotename span{
	color:#005eb0;
	font-weight:bold;
	}
.rightCont ul {
	color:#5A5A5A;
}
.rightCont li {
	padding:5px 10px;
}
.rightCont h5 {
	font-size:18px;
	font-weight:normal;
	padding:16px 14px 14px;
}
.integration {
	background-color:#F3F3F3;
	margin-bottom:14px;
}
.integration h4 {
	font-size:15px;
	font-weight:bold;
	padding:8px;
	background:#C3DCFC;
	border:0;
}
ul.integration li {
	text-indent:-999em;
	border:0;
	float:left;
	padding:0;
	margin:6px 0 6px 4px;
}
.paypal span, .google span, .authorize span {
	background: #ffffff url("../images/online-invoice-icon.png") no-repeat;
	width:82px; 
	height:38px;
	border:1px solid #D4D4D4;
}
.paypal span {
	background-position:-202px -72px;
}
.google span {
	background-position:-201px -106px;
}
.authorize span {
	background-position:-201px -139px;
}


ul.lang  {
	padding-bottom:8px;
	padding-left:50px;
}
ul.lang li, ul.blog li, ul.contact li {
	border:none;
}
ul.lang li {
	padding:0 0 9px 21%;
	width:50%;
	height:14px;	
	text-transform:lowercase;
	font-size:15px;
	color:#666;
	margin-top:9px;
}
.shadow-img {background-position: -714px -0px;width:19px;height:575px;}
li.lang1 {
	background-position:0 -279px;
}
li.lang2 {
	background-position:0 -334px;
}
li.lang3 {
	background-position:0 -387px;
}
li.lang4 {
	background-position:0 -541px;
}
li.lang5 {
	background-position:0 -467px;
}
li.lang6 {
	background-position:0 -494px;
}
li.lang7 {
	background-position:0 -307px;
}
li.lang9 {
	background-position:0 -359px;
}
li.lang10 {
	background-position:0 -411px;
}
li.lang11 {
	background-position:0 -440px;
}
li.lang12 {
	background-position:0 -567px;
}
li.lang13 {
	background-position:0 -516px;
}
.rightCont p.punch {
	font-size:15px;
	font-style:italic;
	line-height:24px;
	padding:15px;
	color:grey;
	font-weight:bold;
}
ul.blog, ul.contact {
	padding-bottom:10px;
}
ul.blog li, ul.contact li {
	font-size:12px;
}
ul.blog li a, ul.contact li a {
	color:#5a5a5a;
}
li.twitter {
	background-position:-285px -114px;
	line-height:20px;
}
ul.contact li.twitter a {
	color:#1B6BBD;
}
.share li a {
	height:16px;
	text-indent:-999em;
	width:16px;
	margin:0 4px;
}
.share li.share1 a {
	background-position:-2px -114px;
}
.share li.share2 a {
	background-position:-34px -114px;
}
.share li.share3 a {
	background-position:-67px -114px;
}
.share li.share4 a {
	background-position:-99px -114px;
}
.share li.share5 a {
	background-position:-125px -114px;
}
.share li.share6 a {background-position:-155px -114px;}
td.tdHead{font-size:17px;font-weight:bold;}

/*End of Cotent Right Styles */
.gry20{font-size:17px;color:#666666;margin-bottom:20px;}
.why-invce{color:#989898;font-family:georgia,garamond,serif;font-size: 15px;line-height: 28px}
.our-cumr{font-family: Georgia;font-size: 17px;line-height: 26px;margin:30px 0;}
.mrg-btm30{margin-bottom:30px;}
.mrg-btm50{margin-bottom:50px;}
.mrg-btm20{margin-bottom:20px;}
.mrg-btm10{margin-bottom:10px;}
.mrg-btm80{margin-bottom:80px;}
.pdd-btm40{padding-bottom:40px;}
.phone{font-size:20px;text-align:center;}
.phone-inc{color:#a7a7a7;text-align:center;}
.cus-not{font-family:georgia,garamond,serif;font-size:16px;padding:10px 20px;}
.txt-aln-cen{text-align:center;margin-top:8px;margin-bottom:70px;}
.f15{font-size:15px;}
.georga{font-family:georgia,garamond,serif;}
.f30{font-size:30px;}
.pdd-tp35{padding-top:35px;}
.bdr-d4{border-top:solid 1px #d4d4d4;}
.grn-btn-lft, .shd-mdl-tp, .shd-mdl-bt{background:url("../images/online-invoice-icon.png") repeat-x;}
.grn-btn-lft, .grn-btn-rgt {height:52px;float: left;}
.grn-btn-lft {background-position: -0px -0px;}
.grn-btn-rgt {background-position: -629px -0px;width:6px;}
.cus-data{color:#9e9e9e;margin-top:15px;}
.istore-img{height:62px;width:180px;}
.android-img {height:80px;width:165px;}
.istore-img {background-position: -296px -440px;}
.android-img {background-position: -295px -522px;}
.add-on{padding:0 20px 81px;-webkit-box-shadow: 5px 5px 15px 10px #EDEDED;-moz-box-shadow: 5px 5px 15px 10px #EDEDED;box-shadow:5px 5px 15px 10px #EDEDED;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;*border:1px solid #ededed;}
.iphone-div{padding:35px 0;border-bottom:solid 1px #f8f8f8;}
.mrg-tp40{margin-top:40px;}
.mrg-tp50{margin-top:50px;}
.mrg-lft10{margin-left:10px;}
.pdd-lft30{padding-left:30px;}
.shadow-btm {background-position: -208px -82px;height: 25px;width: 46px;margin:-9px auto;}
.grn-btn{color: #FFFFFF;font-size:18px;padding: 13px 25px;text-decoration:none;}
.or-span{float: left;font-size: 18px;padding: 10px 15px;color: #72716F;}
.pdd-btm20{padding-bottom:20px;}
.shd-lft-tp, .shd-rgt-tp, .shd-lft-bt, .shd-rgt-bt  {height:22px;width:22px;}
.shd-lft-tp {background-position: -481px -378px}
.shd-rgt-tp {background-position: -503px -378px}
.shd-lft-bt {background-position: -481px -400px}
.shd-rgt-bt {background-position: -503px -400px}
.shd-mdl-tp, .shd-mdl-bt {height:22px;}
.shd-mdl-tp {background-position: -0px -639px}
.shd-mdl-bt {background-position: -0px -661px}
.shd-ver-lft, .shd-ver-rgt {width:22px;}
.shd-ver-lft {background-position: -655px -0px}
.shd-ver-rgt {background-position: -677px -0px}
div.signupSec2 a{text-decoration:none;}
.go-app-str{margin-top:20px;text-align:right;}
li h3.featurehead a{color:#008cd9;text-decoration:underline;}
table.featured2{vertical-align:top;padding-top:30px;}
.FL{float:left;}
.FR{float:right;}
.width190{width:190px;}
.f16{font-size:16px;}
.phone-f12{color:#666;font-size:12px;}
.pdd-tp20{padding-top:20px;}
.pdd-lft50{padding-left:50px;}
.txt-align-cntr{text-align:center;}
.content h1{color: #6f6f6f;font-size: 40px; padding: 0; text-align: center; font-style:italic;text-shadow:1px 4px 1px #dfdfdf;}
.verticl-top{vertical-align:top;}
.cus-data div{font-size:13px; margin-top:-7px;}
.mrg-lft30{margin-left:30px;}
.btm-links{padding:0 15px;color:#333}
.linkedin-ico, .fb-ico, .twt-ico, .truste-ico{background:url("../images/online-invoice-icon.png") no-repeat;}
.linkedin-ico, .fb-ico, .twt-ico {
      width:33px;
      height:33px;
}
.linkedin-ico {
      background-position: -549px -440px;
}
.fb-ico {
      background-position: -606px -440px;
}
.twt-ico {
      background-position: -483px -442px;
      width:44px;
}

.truste-ico {
      background-position: -483px -518px;
      width:99px;
      height:37px;
}





.footer-img{background:url("../images/footer-bg-img.png") repeat;}	
.temp-img{
	margin: 50px 0 10px;
    text-align: center;
}

.temp-link{
	padding-right: 60px;
}

.mrg-lft20{
	margin-left:20px;
}

.temp-link-div{margin:60px 0;text-align: center;}
.social-media{border-bottom: 2px dotted #CCCCCC;margin: 0 0 54px;overflow: auto;padding: 13px 0;}
.follow-us{color: #3F3F3F; font-family: georgia; font-size: 18px; font-style: italic; padding-top: 9px;}

/*pricing page changes UI date 03/01/2012*/
.pring-lable, .pring-lable-center, .pring-lable3
{
	background:url("../images/pricing-bg.png") no-repeat;
}
.pring-lable
{	
	background-position: -37px -25px;
    float: left;
    height: 370px;
    margin: 15px 0 10px;
	width:271px;	
}
.pring-lable3
{
	background-position:-49px -27px;
    height: 370px;
    margin:15px 0 21px 0px;
	float:left;    
    width: 267px;	
}
.pring-lable-center
{	
	background-position: -382px -11px; 
    float:left;
    height:405px;
    margin:0;
    width:266px;	
}
h2.header1
{
	font-size:30px;
	margin-bottom:15px;
	font-weight: normal;
}
.mt50px
{
	margin-top:50px;

.clr-44
{
	color:#444444;
}