/* 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%;
	vertical-align: baseline;
	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:36px Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:26px;
	font-weight:normal;
	margin:18px 0 12px 20px;	
}
h4 {
	font-size:15px;
}
h5 {
	font-size:14px;
}
p {
	font-size:12px;
	line-height:18px;
}
a {
	color:#1B6BBD;
	text-decoration:underline;
}
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;
}
li {
	display:inline;
}
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, .greybg {
	background:url("../images/zb-online-invoice-vertical.gif") repeat-x;
}
.greybg {
    background-position: left -807px;
    height: 29px;
    margin-top: -10px;
	border-bottom:1px solid #e4e4e4;
}
p.signup a, .signupSec2 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/* End of Common Styles */
/* Header Styles */
#headerContainer {
	margin-bottom:10px;
}
.header {
	position:relative;
}
h2.logo {
	padding-top:5px;
	width:450px;
	height:59px;
}
h2.logo a {
	background: url("../images/zblogo.gif") no-repeat;
	height:40px;
	text-indent:-999em;
	width:170px;
}
h2.logo small {
	color:#9F9F9F;
	margin:-7px 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:#ffffff;
	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;
	background-position:left -626px;
}
ul.siteNav li.selected a {
	background-position:left -594px;
}
/* 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:9px 6px;
	text-align:center;
	text-decoration:none;
	width:285px;
}
p.signup a small {
	color:#E1E1E1;
}
.signupSec2 {
	background: #F7F7F7;
	border:1px solid #E7E7E7;
	margin:30px 0;
	padding:0 16px 12px 0;
}
.signupSec2 p.signup a {
	border:1px solid #A63213;
	float:right;
	margin-top:-61px;
	padding:9px 6px;
}
/* End of Signup Section */
/* Footer Styles */
#footerContainer {
	background:#D8E9FF;
	min-height:237px;
	padding-top:25px;
}
.footerLinks, .footerLinks1 {
	margin-right:25px;
	width:222px;
	margin-bottom:15px;
}
.footerLinks1 {
	width:440px;
}
.footerLinks2 {
	width:192px;
}
.footer {
	font-size:12px;
}
.footerLinks1 ul li strong {
	color:#737373;
}
.twitterLogo {
	background:url("../images/zb-online-books-icon.png") no-repeat;
	background-position:-2px -82px;
	height:91px;
	width:178px;
	height:84px;
	text-indent:-999em;
}
.footer h5 {
	border-bottom:1px dotted #7CB2DC;
	margin-bottom:8px;
	font-size:16px;
	padding-bottom:2px;
	clear:both;
}
.footerLinks li, .footerLinks1 li, .footerLinks2 li {
	padding:4px 0;
	line-height:17px;
	
}
.footerLinks li a, .footerLinks1 li a, .footerLinks2 li a {
	line-height:17px;
}
.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 {
	background:#E3EFFF;
	border-top:1px solid #B7D5ED;
	font-size:13px;
	padding:11px 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;
}
ol li span, ul.lang li, .share ul li a, .featured li span, ul.contact li.twitter, p.fMedia a, .screen1, .screen2, .screen3, .screen4, .screen5, .screen6, .spreadimg, .listimg   {
	background-image:url("../images/zb-online-books-icon.png");
	background-repeat:no-repeat;
}
.spreadimg {
	background-position:-324px -211px;
	width:47px;
	height:27px;
	margin-left:5px;
}
.listimg {
	background-position:-0px -412px;
}
.screen1, .screen2, .screen3, .screen4, .screen5, .screen6 {
	height:86px;
	width:100px;
	margin-right:2px;
}
.screen1 {
	background-position:-0px -213px;
	margin:0 2px 10px 0;
}
.screen2 {
	background-position:-104px -213px;
	margin:0 2px 10px 0;
}
.screen3 {
	background-position:-208px -213px;
}
.screen4 {
	background-position:0px -313px;
}
.screen5 {
	background-position:-104px -313px;
	margin:0 2px 10px 0;
}
.screen6 {
	background-position:-208px -313px;
}
.sptimg, .signupimg, .pricingimg, .migrateimg, .helpimg {
	height:23px;
	padding: 0 0 0 20px;
}
.sptimg {
	background-position:-0px -308px;
}
.signupimg {
	background-position:-0px -352px;
}
.pricingimg {
	background-position:-0px -436px;
}
.migrateimg {
	background-position:-0px -437px;
}
.helpimg {
	background-position:-0px -481px;
}
.bgnqte, .endqte {
	height:6px;
	width:11px;
	margin-left:-16px;
}
.bgnqte {
	background-position:-446px -189px;
}
.endqte {
	background-position:-466px -190px;
	margin-left:2px;
}
.leftSide, .featureList2 {
	padding-top:35px;
}
.mainScreenShot {
	background:url("../images/zb-mainscreenshot.png") no-repeat scroll -1px -18px transparent;
	cursor:pointer;
	height:362px;
	margin:9px 0 10px 0;
	width:550px;
}
/* End Common Styles */
/* Header Styles */
.homepage {
	padding-bottom:10px;
}
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;
}
.leftSide {
	width:595px;
}
ol li {
	padding:0 3% 17px 0;
	width:281px;
}
ol li.alt {
	padding-left:2%;
	padding-right:0;
	width:281px;
}
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 h2 {
	padding-left: 60px;
}
ol.featureList2 li p {
	font-size:13px;
}
ol.featureList2 li {

	width:100%;
}

.featureList1 a{
text-decoration:none
}

.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7, .icon8, .icon9, .icon10, .icon11, .icon12, .icon13, .twitterLogo   {
	background:url("../images/zb-online-books-icon.png") no-repeat;
	height:54px;
	width:50px;
	float:left;
	margin-right:10px;
}
.icon12 {
    background-position: -208px -472px;
}

.icon13 {
    background-position: -280px -472px;
}

.icon1 {
	background-position:-0px -0px;
}
.icon2 {
	background-position:-70px 4px;
}
.icon3 {
	background-position:-144px 4px;
}
.icon4 {
	background-position:-214px 4px;
}
.icon5 {
	background-position:-287px 4px;
}
.icon6 {
	background-position:-356px 4px;
}
.icon7 {
	background-position:-0px -64px;
}
.icon8 {
	background-position:-70px -64px;
}
.icon9 {
	background-position:-139px -64px;
}
.icon10 {
	background-position:-66px -135px;
}
.icon11 {
	background-position:-0px -135px;
}
.leftSide h4 {
	border-top:1px solid #C9C9C9;
	padding:24px 0 0;
}
.featured {
	border:1px solid #C9C9C9;
	padding:10px 10px 6px;
}
.featured ul li {
	margin-bottom:18px;
	line-height:20px;
	font-size:14px;
}
.featured li span {
	min-height:45px;
	text-indent:-999em;
	width:61px;
}
.featureList2 {
	padding-top:35px;
}
p.fMedia {
	border-top:1px solid #C9C9C9;
	margin:0 -10px;
}
p.fMedia a {
	background-position:0 -223px;
	height:30px;
	text-indent:-999em;
	margin-top:2px;
}
li.feature1 span {
	background-position:-435px -0px;
	margin-right:26px;
}
li.feature2 span {
	background-position:-445px -50px;
	margin-right:26px;
}
li.feature3 span {
	background-position:-523px -54px;
	margin-right:26px;
}
li.feature4 span {
	background-position:-433px -103px;
	margin-right:26px;
	height:70px;
}
/* End of Content Left Styles */
/* Start of Content Right Styles */
.rightSide {
	float:right;
	width:330px;
	margin-top:35px;
}
.rightCont {
	background:#f3f3f3;
	margin-bottom:17px;
}
.rightCont h4 {
	background:#D8E9FF;
	padding:5px 10px;
	border-bottom:1px solid #fff;
}
.rightCont ul {
	color:#5A5A5A;
}
.rightCont li {
	border-top:3px solid #FFF;
	padding:5px 10px;
}
.rightCont li:first-child {
	border:none;
}
.rightCont blockquote {
	font-size:16px;
	font-style:italic;
}
.rightCont li blockquote p {
	color:#666;
	font-size:16px;
}
.rightCont li p {
	color:#000;
	font-size:13px;
	padding:4px 0;
}
.rightCont li p span {
	color:#737373;
	font-weight:bold;
}
.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:#E4E4E4;
	border:0;
}
ul.integration li {
	text-indent:-999em;
	border:0;
	float:left;
	padding:0;
	margin:9px 0 9px 9px;
}
.paypal span, .google span, .authorize span {
	background:url("../images/zb-online-books-icon.png") no-repeat;
	width:96px; 
	height:38px;
	border:1px solid #D4D4D4;
}
.paypal span {
	background-position:-202px -72px;
}
.google span {
	background-position:-202px -116px;
}
.authorize span {
	background-position:-202px -154px;
}
.twitterLogo {
	background-position:0px -473px;
    height: 84px;
    text-indent: -999em;
    width: 178px;
	margin-top:5px;
}

ul.lang  {
	padding-bottom:8px;
}
ul.lang li, ul.blog li, ul.contact li {
	border:none;
}
ul.lang li {
	padding:0 0 7px 8%;
	width:35%;
	height:16px;
	margin-left:14px;
	text-transform:lowercase;
	font-size:14px;
	color:#000;
}
li.lang1 {
	background-position:0 -281px;
}
li.lang2 {
	background-position:0 -309px;
}
li.lang3 {
	background-position:0 -337px;
}
li.lang4 {
	background-position:0 -364px;
}
li.lang5 {
	background-position:0 -390px;
}
li.lang6 {
	background-position:0 -417px;
}
li.lang7 {
	background-position:0 -544px;
}
li.lang9 {
	background-position:0 -444px;
}
li.lang10 {
	background-position:0 -468px;
}
li.lang11 {
	background-position:0 -568px;
}
li.lang12 {
	background-position:0 -494px;
}
li.lang13 {
	background-position:0 -518px;
}
.rss, .fb, .twt, .iPimg, .iPas {
	background:url("../images/zb-online-books-icon.png") no-repeat;
	width:32px;
	height:32px; 
}
.twt {
	background-position:-402px -233px;
}
.fb {
	background-position:-362px -233px;
}
.rss {
	background-position:-322px -233px;
}
.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 */


.coda-slider-wrapper {
    border-bottom: 1px solid #C7DCF6;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 25px;
    position: relative;
    width: 578px;
}
.coda-slider {
    float: left;
    height: 318px;
    overflow: hidden;
    position: relative;
}
.coda-slider, .coda-slider .panel {
    width: 578px;
}
.coda-slider .panel-container {
    position: relative;
}
.coda-slider .panel, .leftSide, ol li, ol li span, .mail-banner {
    float: left;
}
.coda-slider, .coda-slider .panel {
    width: 578px;
}
.coda-nav {
    bottom: -12px;
    left: 0;
    margin-left: 221px;
    position: absolute;
    z-index: 99;
}
.coda-nav ol, .coda-nav ul {
    list-style: none outside none;
}
.coda-nav li {
    display: inline;
}
.coda-nav ul li a.current {
    background-position: -176px -365px;
}
.coda-nav ul li a {
    background-position: -136px -365px;
    float: left;
    height: 24px;
    margin: 0 10px;
    text-indent: -999em;
    width: 24px;
}

