/* @group Page */
body{
	background: url(/images/cssimg/wallpaper_haiku.jpg) no-repeat;
}

#productheader{
	width: 985px;
	height: 584px;
	margin: 20px 0 0 0;	
}

#haiku{
	width: 580px;
	margin: 0 auto;
}

#overview{
	margin-top: 0px;
}

a#login {
	background: url(/cssimg/15/button-login15.png) no-repeat;
	display: block;
	height: 70px;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	top: 0;
	width: 96px;
}

a#login:hover {
	background-position: 0 -70px;
}

#cap-top {
	background: url(/cssimg/cap-top-home.png) no-repeat;
	height: 5px;
	width: 964px;
}

body#white-cap #cap-top {
	background: url(/cssimg/cap-top.png) no-repeat;
}

body#white-cap #wrapper {
	padding: 36px 50px;
}

.hero {
	background: #E0F0FA;	
	margin: 0 0 38px;
	overflow: hidden;
	position: relative;
	width: 960px;
}

.home .hero {
	height: 360px;
	margin: 0;
}

.hero img.text {
	position: absolute;
	left: 47px;
	top: 40px;
}

.hero img.video {
	position: absolute;
	right: 50px;
	top: 40px;
}

.page-heading {
	background: #E0F0FA;	
	height: 90px;
	margin: 0 0 36px;
	position: relative;
}

.page-heading h1 {
	background-repeat: no-repeat;
	height: 35px;
	left: 50px;
	margin: 0;
	position: absolute;
	top: 24px;
	text-indent: -9999px;
	width: 60%;
}

.page-heading a.sub {
	position: absolute;
	right: 50px;
	top: 30px;
}

#cta {
	background: #50A7DD;
	height: 72px;
	margin: 0 0 38px;
	position: relative;
}

#cta h1 {
	color: #fff;
	font-size: 20px;
	line-height: 72px;
	margin: 0 0 0 50px;
}

#cta a.free-trial .fixPNG {
	position: absolute;
	right: 50px;
	top: 17px;
}

blockquote.testimonial {
	background: #EEFCE4;
	border: 1px solid #B9F1AE;
	color: #148700;
	font: 24px Georgia, "Times New Roman", Times, serif;
	margin: 0 auto 36px;
	padding: 9px;
	position: relative;
	width: 70%;
}

blockquote.testimonial p {
	margin: 3px 0 0;
}

blockquote.testimonial p.who {
	font-size: 11px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 42px;
	right: 18px;
}

#wrapper {
	padding: 0 50px;
}

.left-half {
	float: left;
	width: 290px;
}

.left-half h2, .right-half h2 {
	margin: 0 0 3px;
}

.right-half {
	float: right;
	width: 290px;
}

div.feature-list.clear ul li{
	list-style-type: disc;
	list-style-position: inside;
}

ul#features a:link, ul#features a:visited{
	color: #81bc1f;
}

ul#features {
	font-size: 11px;
	margin: 9px 0 36px;
}

ul#features li {
	float: left;
	line-height: 18px;
	list-style: none;
	margin: 0 15px 0 0;
	width: 160px;
}

ul#features li.last {
	margin: 0;
}

ul#features li img {
	margin: 0 0 9px;
}

ul#features h3 {
	font-size: 11px;
	margin: 0 0 3px;
}

ul#features p {
	margin: 0;
}

.cta {
	background-color: #80be41;
	border: 1px solid #;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin: 24px auto;
	padding: 9px;
	text-align: center;
	width: 70%;
}

body#designer15 .cta {
	width: 100%;
	margin: 36px 0;
}

#content .cta a {
	color: #fff;
}

#back-top {
	text-align: center;
	font-size: 11px;
	margin: 24px 0 0;
}

table#cat_301063.catmain301063 {
	width: 250px;	
}

.sub-nav {
	float: left;
	width: 230px;
}


ul#haiku {
	margin: 0;
	padding: 0;
}

ul#haiku li {
	font-size: 12px;
	list-style: none;
	margin: 0 0 24px;
}

#haiku img {
	float: left;
	margin: 0 20px 0 0;
}

ul#haiku h2 {
	margin: 0 0 3px;
	padding: 9px 0 0;
}

.traverse {
	background: #f7f7f7;
	border: 1px solid #eee;
	font-size: 11px;
	height: 36px;
	margin: 24px 0 18px;
	position: relative;
}

.traverse a.left {
	position: absolute;
	left: 20px;
	top: 6px;
}

.traverse a.right {
	position: absolute;
	right: 20px;
	top: 6px;
}

a.left {
	background: url(/images/cssimg/arrow-blue-left.png) no-repeat 0 0.95em;
	padding: 4px 0 0 9px;
}

a.right {
	background: url(/images/cssimg/arrow-blue-right.png) no-repeat 100% 0.95em;
	padding: 4px 9px 0 0;
}


.cta-arrow {
	background: #EEFCE4;
	border: 1px solid #D6F0C4;
	height: 54px;
	margin: 0 0 24px;
	position: relative;
}

.cta-arrow a {
	background: url(/images/cssimg/cta-arrow.png) no-repeat;
	display: block;
	height: 23px;
	position: absolute;
	right: 20px;
	text-indent: -9999px;
	top: 18px;
	width: 296px;
}

img#hero {
	display: block;
	margin: 0 auto 36px;
	float: none;

}

div.two-col {
	font-size: 12px;
	line-height: 21px;
}

div.two-col h2 {
	font-size: 12px;
	margin: 0 0 6px;
}

div.col-one, div.col-two {
	float: left;
	width: 280px;
}

div.col-two {
	margin: 0 0 0 20px;
}

table.supported-payment-gateways, table.supported-shipping-providers  {
	margin: 24px 0;
	width: 100%;
}

table.supported-payment-gateways td, table.supported-shipping-providers td {
	border: 1px solid #d7d7d7;
	font-size: 12px;
	line-height: 21px;
	padding: 18px;
}

body#overview-payment-gateways table.supported-payment-gateways p {
	font-size: 11px;
	margin: 0;
}

table.supported-payment-gateways h3 {
	margin: 0 0 6px;
}

td.logo {
	width: 100px;
}

p.copyright-info {
	font-size: 11px;
	text-align: center;
}

body#pricing15 .page-heading {
	height: 168px;
}

body#overview .page-heading h1,
body#overview-payment-gateways .page-heading h1,
body#overview-faq .page-heading h1 {
	background: url(/cssimg/15/heading-overview.png) no-repeat;
}

body#pricing15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-pricing.png);
	height: 130px;
}

body#support15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-support.png);
	height: 50px;	
}

body#about15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-about.png);
	height: 50px;	
}

body#story15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-story.png);
	height: 50px;	
}

body#contact15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-contact.png);
	height: 50px;	
}

body#payment15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-online-payment.png);
	height: 50px;	
}

body#features15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-features.png);
	height: 50px;
}

body#designer15 .page-heading {
	height: 126px;
}

body#designer15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-designer.png);
	height: 80px;	
}

body#testimonials15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-testimonials.png);
	height: 50px;	
}

body#webinar15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-webinar.png);
	height: 50px;
}

body#terms15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-terms.png);
	height: 50px;	
}

body#privacy15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-privacy.png);
	height: 50px;	
}

body#behind15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-behind.png);
	height: 50px;	
}

body#tour15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-tour.png);
	height: 50px;	
}

body#affiliate15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-affiliates.png);
	height: 50px;	
}

body#jobs15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-goodbarry-needs-more-barries.png);
	height: 80px;
	width: 100%;	
}

body#blog15 .page-heading h1 {
	background-image: url(/cssimg/15/heading-blog.png);
	height: 50px;	
}

body#system-announcements .page-heading h1 {
	background-image: url(/cssimg/15/heading-systemannouncements.png);
	height: 50px;
}

body#survey15 .page-heading h1 {
	background: url(/cssimg/15/heading-30-day-trial-survey.png) no-repeat;
	height: 50px;
}

.mini-wrapper {
	margin: 48px 0 0;
}

.bonus {
	background: #F4F9FE;
	border: 1px solid #E7F1FB;
	float: right;
	font-size: 14px;
	padding: 18px;
	width: 264px;
}

.bonus p {
	margin: 0;
}

.triangle .download {
	background: #EEFCE4;
	border: 1px solid #D6F0C4;
	color: #333;
	float: right;
	margin: 0 0 10px 20px;
	padding: 18px;
	width: 230px;
}

.download h2 {
	color: green;
	margin: 0 0 18px;
}

.triangle .download p {
	margin: 0 0 9px;
}

.videos ul {
	margin: 0;
	padding: 0;
}

.videos li {
	background: url(/cssimg/video.png) no-repeat 0 6px;
	list-style: none;
	padding: 0 0 0 24px;
}

body#support15 p.intro {
}

body#support15 iframe {
	border: none;
	height: 730px;
	margin: 0;
	width: 580px;
}

p.intro {
	color: #333;
	font-size: 18px;
	line-height: 30px;
}

body#about15 #wrapper #main,
body#designer15 #wrapper #main,
body#testimonials15 #wrapper #testimonials,
body#blog15 #wrapper #main,
body#jobs15 #main {
	float: left;
	width: 510px;
}

body#about15 #wrapper #sub,
body#designer15 #wrapper #sub,
body#testimonials15 #wrapper #website-showcase,
body#blog15 #wrapper #sub,
body#jobs15 #sub {
	float: right;
	width: 300px;
}

.hint {
	background: #F9F8F3;
	border: 1px solid #EEE8D8;
	color: #333;
	font-size: 12px;
	line-height: 21px;
	padding: 18px;
}

.hint h3 {
	margin: 0 0 18px;
}

body#contact15 #sub,
body#webinar15 #sub,
body#payment15 #sub {
	float: left;
	width: 300px;
}

body#contact15 #main,
body#webinar15 #main,
body#payment15 #main {
	float: right;
	width: 510px;
}

body#contact15 h2 {
	font-size: 14px;
	margin: 0 0 6px;
}

p.address, p.phone {
	color: #333;
	font-size: 11px;
	line-height: 18px;
}

p.address img, p.phone img {
	margin-top: -6px;
}

body#features15 h2 {
	margin: 0 0 24px 100px;
}

.feature-list ul, .feature-list p {
	font-size: 11px;
	margin: 0 0 24px 100px;
}

.feature-list h3 {
	font-size: 12px;
	margin: 0 0 9px 100px;
}

.f-image {
	float: left;
	margin-top: -27px;
}

.side-cta {
	background: #EEFCE4;
	border: 1px solid #D6F0C4;
	color: #333;
	font-size: 12px;
	line-height: 21px;
	margin: 0 0 24px;
	padding: 18px;
}

.side-cta p {
	margin: 0;
}

.side-cta .fixPNG {
	display: block;
	margin: 0 auto 9px;
}

.cool {
	background: #EEF5FA;
	border: 1px solid #C2DFF2;
	color: #333;
	font-size: 12px;
	line-height: 21px;
	padding: 18px;
}

.cool h1 {
	font-size: 14px;
	line-height: 24px;
}

.cool li {
	margin: 0 0 9px;
}

ul.love {
	margin: 0 0 24px;
	padding: 0;
}

ul.love li {
	float: left;
	list-style: none;
	margin: 0 30px 0 0;
	width: 240px;
}

ul.love li.middle {
	float: left;
	margin: 0 0 0 100px;
	width: 300px;
}

ul.love li.last {
	margin: 0;
}

ul.love h3 {
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}

ul.love img {
	display: block;
	margin: 0 auto 9px auto;
}

ul.benefits {
	margin: 0;
	padding: 0;
}

ul.benefits li {
	list-style: none;
}

ul.benefits h2 {
	font-size: 14px;
	margin: 0 0 3px;
}

body#testimonials15 #wrapper #website-showcase {
	background: #F9F8F3;
	border: 1px solid #EEE8D8;
	color: #333;
}

#website-showcase ul {
	margin: 0;
	padding: 18px;
}

#website-showcase li {
	background: #fff;
	border: 1px solid #EEE8D8;
	font-size: 12px;
	list-style: none;
	margin: 0 0 18px;
	padding: 18px 18px 9px;
	text-align: center;
}

#website-showcase ul#website-list img {
	display: block;
	margin: 0 0 0 21px;
}

#website-showcase span {
	display: block;
	line-height: 18px;
	padding: 9px 0 0;
	text-align: center;
}

body#webinar15 .gb-form {
	/* cross-browser min-height */
	min-height: 320px;
	height: auto !important;
	height: 320px;
}

body#webinar15 .gb-form td {
	vertical-align: top;
}

body#webinar15 table.time {
	font-size: 12px;
	line-height: 21px;
}

body#webinar15 table.time td {
	border: 1px solid #d7d7d7;
}

body#webinar15 td.val {
	color: #333;
}

body#webinar15 #sub p, body#webinar15 #sub ul {
	font-size: 14px;
	line-height: 24px;
}

body#webinar15 #sub li {
	margin: 0;
}

body#webinar15 #sub ul.webinar li {
	margin: 0;
}

body#testimonials15 blockquote {
	background: #f7f7f7;
	color: #333;
	font: 18px/30px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0;
	padding: 18px;
}

body#testimonials15 #main-testimonial blockquote {
	background: #F6F4EE;
	color: #38290B;
	margin: 0 0 36px;
}

body#testimonials15 blockquote.odd {
	background: #fff;
}

body#testimonials15 p {
	margin: 0;
}

body#testimonials15 blockquote img, blockquote.testimonial img {
	background: #fff;
	border: 1px solid #d7d7d7;
	float: left;
	margin: 0 18px 0 0;
	padding: 3px;
}

blockquote.testimonial img {
	width: 40px;
}

body#testimonials15 p.who {
	font-size: 12px;
	font-style: normal;
	margin: 0;
	text-align: right;
}

body#behind15 h2 {
	margin: 0 0 3px;
}

ul.facts {
	margin: 0;
	padding: 0;
}

ul.facts li {
	float: left;
	height: 140px;
	list-style: none;
	margin: 0 20px 0 0;
	width: 420px;
}

ul.facts li.last {
	margin: 0;
}

ul.facts li h2 {
	font-size: 14px;
	line-height: 21px;
}

ul.facts p {
	margin: 0;
}

ul.facts .fixPNG {
}

body#system-announcements #wrapper h1 {
	color: #38290B;
	margin: 0;
}

div.sa-date {
	color: #A08F6A;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
}

div.sa-description {
	font-size: 12px;
	line-height: 21px;
	margin: 0 0 24px;
}

/* @end */





/* @group Pricing Table */

body#comparison #wrapper {
	padding: 50px;
}

table#product-comparison tr.odd td {
	background: #f7f7f7;
}

table#product-comparison tr.odd .column1 {
	background: #f7f7f7;
	color: #333;
}

table#product-comparison tr.odd .empty {
	background: #fff;
}

table#product-comparison tr.odd th.product, table#product-comparison th.product strong a {
	color: #333 !important;
	font-weight: normal;
}

table#product-comparison tr.top .empty {
	border-bottom: none;
}

table#product-comparison .column1 {
	background: #fff;
	border-left: 1px solid #d7d7d7;
	color: #333;
	padding-left: 20px;
}

table#product-comparison td.column1 {
	font-weight: bold;
	text-align: left;
}

table#product-comparison .column1.title {
	border-bottom: 1px solid #eee;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

table#product-comparison td {
	border-left: 1px solid #eee;
	font-size: 11px;
	padding: 3px;
	text-align: center;
	background-color: #fff;
}

table#product-comparison th {
	border-left: 1px solid #eee;
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	padding: 0px;
}

table#product-comparison tfoot th {
	line-height: 14px;
	padding: 12px 0;
}

table#product-comparison tfoot th img {
	margin: 3px 0 9px;
}

table#product-comparison thead th {
	color: #333;
	background: #f4f9fe;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
}

table#product-comparison tfoot th, table#product-comparison tr.pricing th {
	text-align: center;
	background: #fff;
	font-size: 10px;
}

table#product-comparison tr.pricing th {
	border-bottom: 1px solid #eee;
	line-height: 14px;
	padding: 9px 0;
}

table#product-comparison tr.pricing img {
	margin: 0 0 3px;
}

table#product-comparison tfoot th strong, table#product-comparison tr.pricing th strong  {
	font-size: 11px;
	font-weight: bold;
	margin: .5em .5em .5em 0;
	color: #333;
}

table#product-comparison tfoot th em, table#product-comparison tr.pricing th em  {
	color: #21ae35;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}

table#product-comparison tfoot th.product em, table#product-comparison tr.pricing th.product em {
	color: #1969bc;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}

table#product-comparison tr.top td {
	color: #333;
	font-size: 14px;
	height: 40px;
}

table#product-comparison tr.safe td.space, table#product-comparison td.space  {
	text-align: left;
	padding-left: 20px;
}

table#product-comparison tr.colhead th {
	color: #333 !important;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	padding-left: 20px;
}

table#product-comparison tr.safe td {
	background: #EEFCE4;
	color: green;
	padding: 3px;
}

table#product-comparison tr.safe2 td {
	background: #dce7fc;
	color: #0983d1;
	padding: 3px;
}

table#product-comparison {
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
	margin: 0 20px 48px 0;
	width: 630px;
	float: left;
}

.includes {
	background: #F4F9FE;
	border: 1px solid #E7F1FB;
	color: #333;
	float: left;
	font-size: 11px;
	line-height: 18px;
	padding: 9px;
	width: 190px;
}

.includes p, includes ul {
	margin: 0 0 9px;
}

.includes ul {
	padding: 0;
}

body#survey15 .gb-form {
	font-size: 12px;
}

/* @end */
