/* @group Page */

.overview { float:right; padding-left:40px; width:650px; border-left:1px solid #e3e3e3; }

.overview h1 {
	font-size: 20px;
	padding-bottom: 12px;
}

.overview h6{
	font-size: 14px;
	padding-bottom: 10px;
}

.overview h2{
	font-size: 14px;
	padding-bottom: 20px;
}

#main div.overview h2.sIFR-replaced embed {

	padding: 20px 0 30px;
}


h2#webv2, h2#ecom, h2#email, h2#lead, {
	padding: 20px 0 20px;
}

.img-left{
	float: left;
	padding: 0 10px;
}


.left-half {
	float: left;
	width: 400px;
}

.left-half p{
	padding-bottom: 20px;
}

.left-half h2, .right-half h2 {
	margin: 0 0 3px;
}

.right-half {
	float: right;
	width: 400px;
}

.right-half p{
	padding-bottom: 20px;
}

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 50px 0 0;
	width: 150px;
}

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 #4c7010;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin: 24px auto;
	padding: 19px;
	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 22px;
}

div.col-one, div.col-two {
	float: left;
	width: 315px;
}

div.col-two {
	margin: 0 0 20px 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;
}



#left { position:relative; float:left; width:200px; *width:225px; margin-left:2px; _margin-left:1px; margin-right:-3px; padding:10px; z-index:3; *border:none; }

div#left-support{ position:relative; float:left; width:300px; *width:225px; margin-left:2px; _margin-left:1px; margin-right:-3px; padding:10px 50px 0 0; z-index:3; *border:none; }

#left-support div.faq{
	margin: 20px 0;
}

#left-support h2{
	margin: 10px 0 10px;
}

#left-support div.faq-question {
margin-bottom: 10px;	
}

#left-support div.faq-question p{
	font-weight: bold;
}


.nav { margin:0 -10px; list-style-type: none;}
.nav li { padding:4px 10px; }
.nav li a { display:block; position:relative; padding:6px 13px; text-decoration:none; color:#8c8c8c; background:url(/Images/haiku/overview/sidebarnav_arrow_grey20090909.gif) no-repeat 100% 8px; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }
.nav:hover li a { color:#333; -webkit-transition:color 0.2s ease-in-out; -moz-transition:color 0.3s ease-in-out; }

.nav li a:hover { color: #58b12f; background-image:url(/Images/haiku/overview/sidebarnav_arrow_green20090909.gif); }

.nav .icon { position:relative; float:left; margin:-4px 14px 0 -3px; }


	







/* @end */



#sub_nav .presto-selected {
	font-weight: bold;
	text-shadow: #ccc 1px 1px;
	height: 36px;
	padding:5px 10px 1px;
	
	
}




/* @end */