@import "reset.css";

body {
	background: #EDF1F4 url(../images/bg.gif) repeat 0 0;
	color: #202022;
	font: normal 1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

a:link    { color: #0854C7; }
a:visited { color: #064780; }
a:hover   { color: #000; }
a:active  { color: #000; }

h1 {
	margin: .6em 0 .4em;
	font-size: 1.5em;
}
h2 {
	margin: 1em 0 .4em;
	font-size: 1.25em;
}
h3 {
	margin: 1.5em 0 .5em;
	font-size: 1.1em;
}
p {
	margin: .2em 0 1em;
}
ul, ol {
	margin: .2em 0 1em 2.1em;
}
	ul li,
	ol li {
		margin-bottom: .75em;
	}
	ul li { list-style: disc; }
	ol li { list-style-type: decimal; }

del {
	color: #7E7E7E;
	font-weight: normal;
}


/* Misc
------------------------------ */

.sep {
	margin: 0 .5em;
}

.hide {
	display: none;
}

.checkmark,
.spinner {
	vertical-align: -.1em;
}



/* Header
------------------------------ */

.header {
	width: 980px;
	height: 80px;
	margin: 0 auto;
	border-bottom: 1px solid #CEDCE8;
	overflow: hidden;
}

	/* Logotype */

	.header h1 {
		position: relative;
		float: left;
		width: 220px;
		height: 80px;
		margin: 0 0 0 20px;
		line-height: 1;
		font-size: 1.3em;
		overflow: hidden;
	}
		.header h1 a {
			display: block;
			width: 128px;
			height: 80px;
			color: #000;
			text-decoration: none;
		}
		.header h1 span {
			position: absolute;
			top: 0; left: 0;
			width: 175px;
			height: 80px;
			background: url(../images/logo.gif) no-repeat 0 0;
		}


	/* Navigation */

	.header ul {
		float: left;
		width: 700px;
		margin: 25px 0 0 0px;
		font-size: .8em;
	}
		.header ul li {
			float: left;
			margin: 0 5px 0 0;
			list-style: none;
			overflow: hidden;
		}
			.header ul a,
			.header ul strong {
				position: relative;
				display: block;
				height: 25px;
				padding-top: 6px;
			}
			.header ul span {
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background: url(../images/nav.gif) no-repeat 0 0;
			}

		#n-home { width: 43px; }
		#n-home a span { background-position: 0 0; }
		#n-home a:hover span { background-position: 0 -31px; }
		#n-home strong span { background-position: 0 -62px; }

		#n-about { width: 61px; }
		#n-about a span { background-position: -43px 0; }
		#n-about a:hover span { background-position: -43px -31px; }
		#n-about strong span { background-position: -43px -62px; }

		#n-features { width: 61px; }
		#n-features a span { background-position: -104px 0; }
		#n-features a:hover span { background-position: -104px -31px; }
		#n-features strong span { background-position: -104px -62px; }

		#n-price { width: 61px; }
		#n-price a span { background-position: -165px 0; }
		#n-price a:hover span { background-position: -165px -31px; }
		#n-price strong span { background-position: -165px -62px; }
		
		#n-help { width: 59px; }
		#n-help a span { background-position: -226px 0; }
		#n-help a:hover span { background-position: -226px -31px; }
		#n-help strong span { background-position: -226px -62px; }

        #n-contact { width: 63px; }
		#n-contact a span { background-position: -285px 0; }
		#n-contact a:hover span { background-position: -285px -31px; }
		#n-contact strong span { background-position: -285px -62px; }
		
		#n-empty { width: 100px; }
		#n-empty a span { background-position: -348px 0; }
		#n-empty a:hover span { background-position: -348px -31px; }
        #n-empty strong span { background-position: -348px 0; }

		
		#n-trial { width: 180px; }
		#n-trial a span { background-position: -538px 0; }
		#n-trial a:hover span { background-position: -538px -31px; }
		#n-trial strong span { background-position: -538px -62px; }
		
	


/* Layout
------------------------------ */

.page {
	width: 980px;
	margin: 0 auto;
	font-size: .8em;
}


	/* Page title */

	.page-title {
		height: 150px;
		margin: 20px;
		font-size: 1.25em;
		overflow: hidden;
	}
		.page-title h2 {
			position: relative;
			height: 47px;
			margin: 39px 0 0;
			font-size: 2.5em;
			line-height: 1.2;
			overflow: hidden;
		}
			.page-title h2 span {
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background-repeat: no-repeat;
				background-position: 0 0;
			}


	/* Content */

	.content {
		margin-bottom: 20px;
		background: #FFF url(../images/bg-content.gif) repeat 0 0;
	}
		.content .wrapper {
			background: transparent url(../images/bg-content-corners.gif) no-repeat 0 0;
		}
		.content .container {
			padding: 20px;
			background: transparent url(../images/bg-content-corners.gif) no-repeat 100% 100%;
			overflow: hidden;
		}


	/* Follow and Partners */

	.follow-us {
		position: relative;
		height: 53px;
		margin: 0 0 20px;
		background: url(../images/follow.png) no-repeat 0 0;
		text-indent: -1000em;
		overflow: hidden;
	}
		.follow-us a.link-twitter {
			position: absolute;
			top: 15px; left: 209px;
			width: 67px;
			height: 21px;
			background: url(../images/i-twitter.png) 0 0 no-repeat;
		}
		.follow-us a:hover.link-twitter {
			background-position: 0 -21px;
		}


/* Footer */

.footer {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 20px;
	color: #81A3C0;
	text-align: center;
	font-size: .7em;
}
	.footer .sep {
		color: #B7CBDB;
	}
	.footer a:link,
	.footer a:visited {
		color: #81A3C0;
	}
	.footer a:hover {
		color: #0854C7;
	}



/* Forms
------------------------------ */

fieldset {
	margin: 0 0 40px;
}

.form-row {
	margin: 0 0 1em;
	overflow: hidden;
}
	.form-row .form-label {
		float: left;
		width: 220px;
		padding-top: .3em;
	}
	.form-row .form-field,
	.form-row .form-comment,
	.form-help {
		margin-left: 240px;
	}
	.form-row .form-comment {
		padding-top: .3em;
		color: #7E7E7E;
		font-size: .9em;
	}
		.form-row .form-comment p {
			margin: 0;
		}

	.form-row label {
		font-weight: bold;
	}

.form-help p {
	color: #7E7E7E;
}

.form-submit {
	margin: 0 0 20px 240px;
	overflow: hidden;
}


/* Error handling */

.error {
}
	.error .form-label {
		padding-top: 1em !important;
		color: #B00;
	}
	.error .form-field {
		padding: 5px;
		background-color: #FDF2F3;
	}
	.error .form-comment {
		padding: 0 5px 7px;
		background-color: #FDF2F3;
		color: #966;
	}

.message-error {
	margin: 0 0 40px;
	border: 2px solid #DE001D;
	padding: 10px 18px;
	background-color: #FEF7F8;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.message-error h3 {
		margin: .4em 0 .75em;
		color: #B00;
		font-size: 1.2em;
	}
	.message-error p {
		margin-bottom: .7em;
	}



/* Home Page
============================== */

#page-home .header {
	border-bottom: 0;
}


/* Slideshow
------------------------------ */

.slideshow {
	position: relative;
	width: 980px;
	height: 280px;
	margin: -30px 0 0;
	background: url(../images/bg-slideshow.gif) no-repeat 0 100%;
	color: #FFF;
	overflow: hidden;
}
.slideshow .container {
	width: 4900px;
	height: 280px;
	overflow: hidden;
}
	.slideshow .slide-1{
		position: relative;
		float: left;
		width: 980px;
		height: 250px;
		margin-top: 30px;
	}

	/* Slides headers */

	.slideshow h2 {
		position: relative;
		width: 380px;
		height: 25px;
		margin: 40px 0 15px 100px;
		overflow: hidden;
	}
		.slideshow h2 span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background-image: url(../images/h-slides.gif);
			background-repeat: no-repeat;
			background-position: 0 0;
		}


	/* Slides content */

	.slideshow p {
		width: 320px;
		margin: 0 0 1em 100px;
		line-height: 1.3;
	}
	.slideshow .screenshot {
		position: absolute;
		top: 20px; right: 80px;
		width: 400px;
		height: 185px;
		padding: 45px 0 0 20px;
		background: url(../images/bg-slide-screenshot.png) no-repeat 0 0;
	}
		.slideshow .screenshot img {
			display: block;
		}



	/* Welcome Screen */

	.slideshow .slide-1 {
		height: 280px;
		margin-top: 0;
		background: url(../images/bg-slide-envelope.png) no-repeat 0 0;
	}
		.slideshow .slide-1 h2 {
			width: 399px;
			margin: 108px 0 0 291px;
			text-align: center;
		}
		.slideshow .slide-1 p {
			width: 400px;
			margin: 10px auto 0;
			color: #8A8C98;
			text-align: center;
		}
		.slideshow .slide-1 p.signup {
			position: absolute;
			top: 235px; left: 270px;
			width: 440px;
			margin: 0;
			color: #A67900;
		}
			.slideshow .slide-1 p strong {
				padding-bottom: .3em;
				background: url(../images/bg-slide-underline.gif) repeat-x 0 100%;
				text-decoration: none;
			}
			.slideshow .slide-1 p.signup a.button {
				display: -moz-inline-box;
				display: inline-block;
				width: 223px;
				height: 60px;
				vertical-align: 1px;
			}
				.slideshow .slide-1 p.signup a.button b {
					display: block;
					position: relative;
					width: 100%; height: 100%;
				}
				.slideshow .slide-1 p.signup a.button span {
					position: absolute;
					top: 0; left: 0;
					width: 223px;
					height: 60px;
					background: url(../images/b-slide-signup.gif) no-repeat 0 0;
				}
				.slideshow .slide-1 p.signup a.button:hover span {
					background-position: 0 -60px;
				}





/* Features
------------------------------ */

.details {
	margin-bottom: 20px;
	background: #FFF url(../images/bg-content.gif) repeat 0 0;
	font-size: 1.2em;
}

/* Features
------------------------------ */

.features {
	margin-bottom: 20px;
	background: #FFF url(../images/bg-content.gif) repeat 0 0;
	font-size: 0.9em;
}
	.features .container {
		background: transparent url(../images/bg-content-corners.gif) no-repeat 100% 100%;
	}
	.features .container h2 {
		height: 9px;
		margin: 0;
		background: transparent url(../images/bg-content-corners.gif) no-repeat 0 0;
		text-indent: -9999em;
		overflow: hidden;
	}

	.features .row {
		padding: 0 10px 10px;
		overflow: hidden;
	}
		.features .feature-item {
			float: left;
			width: 250px;
			padding: 8px 10px 10px 60px;
			background: url(../images/i-features.gif) no-repeat 10px 10px;
			color: #AAA;
			line-height: 1.3;
		}
			.features .feature-item h3 {
				position: relative;
				width: 250px;
				height: 17px;
				margin: 0 0 .5em;
				color: #202022;
				overflow: hidden;
			}
			.features .feature-item h3 span {
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background: url(../images/h-features.png) no-repeat 0 0;
			}
			.features .feature-item p {
				margin: 0;
			}

		#f-dedicated-ip   { background-position: 10px 10px; }
		#f-manage-bounces { background-position: 10px -90px; }
		#f-authentication { background-position: 10px -190px; }
		#f-reports        { background-position: 10px -290px; }
		#f-templates      { background-position: 10px -390px; }
		#f-lists          { background-position: 10px -490px; }

		#f-dedicated-ip h3 span   { background-position: 0 0; }
		#f-manage-bounces h3 span { background-position: 0 -17px; }
		#f-authentication h3 span { background-position: 0 -34px; }
		#f-reports h3 span        { background-position: 0 -51px; }
		#f-templates h3 span      { background-position: 0 -68px; }
		#f-lists h3 span          { background-position: 0 -85px; }



/* News and Testimonials
------------------------------ */

.news-and-testimonials {
	margin-bottom: 20px;
	background: url(../images/bg-2-columns.gif) repeat-y 0 0;
}
	.news-and-testimonials .container {
		position: relative;
		background: url(../images/bg-2-columns.gif) no-repeat -980px 100%;
		overflow: hidden;
	}
	.news-and-testimonials .news,
	.news-and-testimonials .testimonial {
		width: 440px;
		padding: 20px;
		background: url(../images/bg-2-columns.gif) no-repeat 100% 0;
		color: #7E7E7E;
	}

	/* Headers */

	.news-and-testimonials h2 {
		position: relative;
		height: 19px;
		margin: 0 0 1em;
		overflow: hidden;
	}
		.news-and-testimonials h2 span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background: url(../images/h-united.gif) no-repeat 0 0;
		}

	/* "More" button */

	.news-and-testimonials .more {
		position: absolute;
		height: 17px;
		bottom: 0;
		background-color: #CEDCE8;
		font-size: .9em;
	}
		.news-and-testimonials .more a {
			position: relative;
			display: block;
			color: #496F8F;
		}
		.news-and-testimonials .more span {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 17px;
			background-image: url(../images/b-more.gif);
			background-repeat: no-repeat;
		}


/* News */

.news-and-testimonials .news {
	float: left;
}
	.news h2 { width: 174px; }
	.news h2 span { background-position: 0 0; }

	.news h3 {
		margin: 1.5em 0 .25em;
		color: #BBB;
		font-weight: normal;
		font-size: 1em;
	}
		.news h3 a {
			text-decoration: none;
			font-weight: bold;
		}
		.news h3 a:hover {
			text-decoration: underline;
		}

	.news .more {
		right: 500px;
		width: 93px;
	}
		.news .more span {
			background-position: 0 0;
		}


/* Testimonials */

.news-and-testimonials .testimonial {
	float: right;
}
	.testimonial h2 { width: 188px; }
	.testimonial h2 span { background-position: 0 -19px; }

	.testimonial blockquote {
		margin: 1.5em 0 1em;
		padding-left: 20px;
		background: url(../images/quote-l.gif) no-repeat 0 2px;
	}
		.testimonial blockquote p {
			margin: 0;
			padding-bottom: .5em;
		}
		.testimonial blockquote .raquo {
			display: -moz-inline-box;
			display: inline-block;
			width: 12px;
			height: 10px;
			margin-left: .5em;
			background: url(../images/quote-r.gif) no-repeat 100% 100%;
		}

	.testimonial p.customer {
		padding: 8px 0 0;
		background: url(../images/bg-customer.gif) no-repeat 0 0;
		overflow: hidden;
	}
		.testimonial p.customer img {
			float: left;
			width: 33px;
			height: 33px;
			margin: 3px 10px 10px 3px;
		}
		.testimonial p.customer strong {
			color: #202022;
		}

	.testimonial .more {
		right: 0;
		width: 105px;
	}
		.testimonial .more span {
			background-position: 0 -17px;
		}



/* Pricing Page
============================== */

#page-pricing .page {
	position: relative;
}
#page-pricing .page-title h2 {
	width: 716px;
}
	#page-pricing .page-title h2 span {
		background-image: url(../images/h-pricing.gif);
	}


/* Plans
------------------------------ */

.pricing-plans {
	margin: 0 0 20px;
	background: #FFF url(../images/bg-content.gif) repeat 0 0;
}

	/* Pricing tabs */

	.pricing-tabs {
		height: 50px;
		padding: 20px 20px 0;
		background: transparent url(../images/bg-content-corners.gif) no-repeat 0 0;
	}
		.pricing-tabs ul {
			float: left;
			width: 100%;
			height: 49px;
			margin: 0;
			border-bottom: 1px solid #CEDCE8;
		}
		.pricing-tabs ul li {
			float: left;
			height: 49px;
			margin: 0;
			list-style: none;
		}
			.pricing-tabs li a,
			.pricing-tabs li strong {
				display: block;
				position: relative;
				height: 50px;
			}
			.pricing-tabs li span {
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background: url(../images/nav-pricing.gif) no-repeat 0 0;
			}

		.pricing-tabs #n-monthly {
			width: 230px;
		}
			.pricing-tabs #n-monthly a span      { background-position: 0 -50px; }
			.pricing-tabs #n-monthly strong span { background-position: 0 0; }

		.pricing-tabs #n-prepaid {
			width: 235px;
		}
			.pricing-tabs #n-prepaid a span      { background-position: -230px 0; }
			.pricing-tabs #n-prepaid strong span { background-position: -230px -50px; }


	/* Content */

	.pricing-plans .container {
		padding: 20px;
		background: transparent url(../images/bg-content-corners.gif) no-repeat 100% 100%;
		overflow: hidden;
	}

		/* Pricing table */

		.pricing-table {
			float: left;
			width: 460px;
		}
			.pricing-table table {
				width: 100%;
				margin: 1em -.25em 2em;
				border-collapse: collapse;
			}
				.pricing-table table th,
				.pricing-table table td {
					border-collapse: collapse;
					border-bottom: 1px solid #EEE;
					padding: .5em 20px .5em 0;
					color: #202022;
					text-align: right;
					font-weight: normal;
					vertical-align: middle;
				}
				.pricing-table table th {
					padding-left: .25em;
					text-align: left;
				}
				.pricing-table table td.price {
					font-weight: bold;
				}
				.pricing-table table td.saving {
					color: #7E7E7E;
				}
				.pricing-table table td.action {
					padding-right: .25em;
				}

				/* Table header */

				.pricing-table table thead th,
				.pricing-table table thead td {
					border-color: #CEDCE8;
					font-weight: bold;
				}

				/* Buttons */

				.pricing-table table td.action a {
					position: relative;
					float: right;
					width: 63px;
					height: 17px;
					overflow: hidden;
				}

				.pricing-table table td.action span {
					position: absolute;
					top: 0; left: 0;
					width: 100%; height: 100%;
					background: url(../images/b-pricing.gif) no-repeat 0 -17px;
				}

				/* Free plan */
				
				.pricing-table table tr.plan-free th,
				.pricing-table table tr.plan-free td {
					border-color: #F7BFC6;
					background-color: #FDF2F3;
					color: #DE001D;
					font-weight: bold;
				}
					.pricing-table table tr.plan-free td.action a {
						width: 102px;
					}
					.pricing-table table tr.plan-free td.action span {
						background-position: 0 0;
					}
					
				#pay-as-you-go .pricing-table table thead th,
				#pay-as-you-go .pricing-table table thead td,
				#monthly-plans .pricing-table table thead th,
				#monthly-plans .pricing-table table thead td {
					border-color: #F7BFC6;
				}

				/* Good Deal */

				.pricing-table table tr.plan-good th,
				.pricing-table table tr.plan-good td {
					border-color: #C1D4F1;
					background-color: #F2F6FC;
					color: #0854C7;
					font-weight: bold;
				}


		/* Pricing description */

		.pricing-desc {
			float: right;
			width: 460px;
			color: #737373;
		}
			.pricing-desc h3 {
				margin: 1.5em 0 .25em;
				color: #0854C7;
				font-size: 1em;
			}



/* Special Offer
------------------------------ */

.special-offer {
	position: absolute;
	top: -101px; right: 80px;
	width: 9px;
	height: 359px;
	margin: 0;
	background: url(../images/bg-offer-badge-t.png) no-repeat 0 0;
}
	.special-offer a {
		display: block;
		width: 193px;
		height: 157px;
		margin: 202px -92px 0;
		background: url(../images/bg-offer-badge.png) no-repeat 0 0;
		text-indent: -1000em;
		overflow: hidden;
	}



/* Sign Up
============================== */

#page-signup .page-title h2 span {
	background-image: url(../images/h-signup.png);
}

	#h-signup-free h2 { width: 372px; }
	#h-signup-free h2 span { background-position: 0 0; }

	#h-signup-credits h2 { width: 693px; }
	#h-signup-credits h2 span { background-position: 0 -47px; }

	#h-signup-monthly h2 { width: 848px; }
	#h-signup-monthly h2 span { background-position: 0 -94px; }



/* Log In
============================== */

#page-login .page-title h2 span {
	width: 484px;
	background-image: url(../images/h-log-in.gif);
}



/* Error
============================== */

#page-error .header {
	width: 620px;
}
#page-error .page {
	width: 620px;
}
	#page-error .content .wrapper {
		background: transparent url(../images/bg-content-corners-s.gif) no-repeat 0 0;
	}
	#page-error .content .container {
		background: transparent url(../images/bg-content-corners-s.gif) no-repeat 100% 100%;
	}
	#page-error .footer {
		width: 620px;
	}
	
#h-404 h2 { width: 358px; }
#h-404 h2 span { background: url(../images/h-404.gif) 0 0 no-repeat; }

#h-500 h2 { width: 551px; }
#h-500 h2 span { background: url(../images/h-500.gif) 0 0 no-repeat; }

#h-maintenance h2 { width: 437px; }
#h-maintenance h2 span { background: url(../images/h-maintenance.gif) 0 0 no-repeat; }

/* Contact */
	
#page-error .page .content .contact {
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 1px solid #CEDCE8;
}



/* Password Recovery
============================== */

#page-recovery .page-title h2 span {
	width: 560px;
	background-image: url(../images/h-password-recovery.gif);
}



/* About
============================== */

#page-about .page-title h2 span {
	width: 417px;
	background-image: url(../images/h-about.gif);
}
	
#page-about .content .container {
	overflow: hidden;
}


/* Text */
	
#page-about .about-text {
	float: left;
	width: 60%;
}
	#page-about .about-text h2 {
		margin: 0 0 1.5em;
		line-height: 1.5em;
	}
	#page-about .about-text p {
		margin: 0 0 2em;
	}
	
	
/* Contact */

#page-about .contact {
	float: right;
	width: 30%;
}
	#page-about .contact .contact-block {
		margin-bottom: 1.5em;
		padding: 0 0 1.5em;
		border-bottom: 1px solid #CEDCE8;
	}
	#page-about .contact .contact-block.last {
		border: 0;
	}
		#page-about .contact .contact-block h3,
		#page-error .content h3 {
			margin: 0 0 .75em;
			color: #0854C7;
			font-size: 1.1em;
		}
		#page-about .contact .contact-block p {
			margin: 0 !important;
		}
		#page-about .contact .contact-block ul,
		#page-error .content ul {
			margin: 0;
			padding: 0;
		}
			#page-about .contact .contact-block ul li,
			#page-error .content ul li {
				padding-left: 25px;
				background: url(../images/i-services.gif) 0 2px no-repeat;
				list-style-type: none;
			}
		
			/* Services */
			
			#n-campfire 	{ }
			#n-getsatisfaction 				{ background-position: 0 -23px !important; }
			#n-support					{ background-position: 0 -50px !important; }



/* Form
------------------------------ */


/* Form elements */

#page-signup hr {
	height: 1px;
	margin: 20px 0 40px;
	border: 0;
	background-color: #CEDCE8;
}
#page-signup fieldset .form-label,
#page-login fieldset .form-label {
	padding-top: .6em;
	text-align: right;
}
#page-signup fieldset label,
#page-login fieldset label,
#page-recovery fieldset label {
	font-size: 1.2em;
}
#page-signup fieldset input,
#page-login fieldset input,
#page-recovery fieldset input {
	font: bold 1.6em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#page-signup fieldset select {
	margin-top: .4em;
	font: normal 1.3em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
}


/* Titles */

fieldset h3 {
	position: relative;
	width: 181px;
	height: 17px;
	margin: .5em 0 1em;
	color: #0854C7;
	font-size: 1.3em;
	overflow: hidden;
}
	fieldset h3 span {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background: url(../images/h-signup.png) no-repeat 0 0;
	}
	#h-your-account  span { background-position: 0 -141px; }
	#h-personal-info span { background-position: 0 -158px; }
	#h-billing-info  span { background-position: 0 -175px; }
	#h-coupon-code   span { background-position: 0 -192px; }


/* Buttons */

a.b-create-free-account,
a.b-log-in-to-newsberry,
a.b-send-password,
a.b-place-order {
	position: relative;
	float: left;
	height: 38px;
	overflow: hidden;
}
	a.b-create-free-account span,
	a.b-log-in-to-newsberry span,
	a.b-send-password span,
	a.b-place-order span {
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	a.b-create-free-account:hover span,
	a.b-log-in-to-newsberry:hover span,
	a.b-send-password:hover span,
	a.b-place-order:hover span {
		background-position: 0 -38px;
	}

a.b-create-free-account {
	width: 170px;
}
	a.b-create-free-account span {
		background-image: url(../images/b-create-free-account.png);
	}
	
a.b-log-in-to-newsberry {
	width: 177px;
}
	a.b-log-in-to-newsberry span {
		background-image: url(../images/b-log-in-to-newsberry.png);
	}
	
a.b-send-password {
	width: 142px;
}
	a.b-send-password span {
		background-image: url(../images/b-send-password.png);
	}

a.b-place-order {
	width: 252px;
}
	a.b-place-order span {
		background-image: url(../images/b-place-order-and-create-account.png);
	}


/* Signup Overview
------------------------------ */

.signup-overview {
	margin: 0 0 40px;
	border: 2px solid #0854C7;
	padding: 10px 18px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.signup-overview h3 {
		margin: .4em 0 .75em;
		font-size: 1.2em;
	}
		.signup-overview h3 strong {
			margin: 0 .2em;
			padding: .2em .3em;
			background-color: #0854C7;
			color: #FFF;
			font-weight: normal;
			font-size: .95em;
		}
		.signup-overview h3 strong del {
			color: #B8C8D9;
		}
	.signup-overview p {
		margin-bottom: .7em;
		color: #7E7E7E;
	}



/* Text pages
============================== */

#page-text .page-title {
	height: 120px;
}

#h-privacy-policy h2 { width: 324px; }
#h-privacy-policy h2 span { background-image: url(../images/h-privacy-policy.gif); }

#h-terms-of-use h2 { width: 765px; }
#h-terms-of-use h2 span { background-image: url(../images/h-terms-of-use.gif); }


#page-text .content {
	width: 980px;
	color: #737373;
	text-align: justify;
}

#page-text .content .container h3 {
	margin: 0 0 .5em;
	color: #0854C7;
	font-size: 1.1em;
}