/* for old browsers */

.logo {
	background: transparent url(/images/logo-business-catalyst-flat.png) left center no-repeat;
	width: 15.25em;
	height: 2.3125em;
	display: block;
	text-indent: -5000em;
}

/* for non-retina screens */

@media (max-resolution: 191dpi), (-webkit-max-device-pixel-ratio: 1.9999999), (max--moz-device-pixel-ratio: 1.9999999), (-o-max-device-pixel-ratio: 1.9999999/1), (max-device-pixel-ratio: 1.9999999), (max-resolution: 1.9999999dppx) {
	
	.logo {
		background: transparent url(/images/logo-business-catalyst-flat.png) left center no-repeat;
		background-size: 100%;
	}

}

/* for retina screens */

@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	.logo {
		background: transparent url(/images/logo-business-catalyst-retina-flat.png) left center no-repeat;
		background-size: 100%;
	}

}

footer p,
.BlogTagList li, 
.BlogPostArchive li,
.BlogRecentPost li,
body {
	font-family: "myriad-pro", Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 400;
}

body {
	color: #333;
	background: #fafafa;
}

html,
body {
	width: 100%;
	overflow-x: hidden;
}

ul,
ol {
	list-style: none;
}

.content dt,
.content dd,
.content p,
.content li {
	font-weight: 300;
}

dd ul,
.page-showcase.detail .text.content ul,
.page-blog .text article ul,
ul.text {
	list-style: disc;
	padding-left: 1.25em;
}

dd ol,
.page-blog .text article ol,
ol.text {
	padding-left: 1.25em;
	list-style: decimal;
}

#nav-expand {
    display: none;
}

a p,
.hoverable,
.clickable,
a:link,
a:visited {
	color: #0077bc;
	cursor: pointer;
}

a:active {
	color: #888;
}

a:hover p,
.clickable:hover,
a:hover {
	color: #008ee0;
	cursor: pointer;
}

.hoverable,
.hoverable:hover {
	cursor: pointer;
}

li:hover .hoverable,
.hoverable:hover {
	color: #666;
}

.page-showcase.detail .sidebar p,
.four-up li.text p,
.three-up li.text p,
.page-partners li.text,
#hero #current-feature li,
.page-showcase.detail .sidebar h2,
.quote,
.showcase-story a.col p,
a.block p,
h1,
h2,
h3 {
	font-weight: 300;
}

#home h2,
.page-showcase.detail .content h1,
h1 {
	font-size: 3.125em;
	line-height: 1.1em;
	margin-bottom: 1em;
}

#home h2 {
	margin-bottom: 0.75em;
}

.content h1,
h2 {
	font-size: 2.5em;
	line-height: 1em;
	margin-bottom: 1em;
}

.action h3,
.showcase-story a.col p,
a.block p,
.content h2,
h3 {
	font-size: 1.875em;
	line-height: 1.16666667em;
	margin-bottom: 1em;
}

dl dt,
.feature.row h2,
.small-headings h2,
.get-started,
.small-headings h3,
h4 {
	font-size: 1.25em;
	line-height: 1.25em;
	font-weight: 600;
	margin-bottom: 0;
}

.feature.row h2,
.small-headings h2,
.lightweight,
.small-headings h3 {
	font-weight: 300;
}

.nav-col h2,
h5 {
	font-size: 1em;
	line-height: 1.25em;
	font-weight: 600;
	margin-bottom: 0;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}


h1 span,
h2 span,
h3 span {
	display: block;
}

.background {
	width: 100%;
}

.background.pale {
	background: #fdfdfd;
	border-top: 1px solid #f0f0f0;
	-moz-box-shadow: 0 0 3.75em rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 0 3.75em rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 3.75em rgba(0, 0, 0, 0.05);
}

/* page header */

.header.v8-container {
	padding-top: 0;
	padding-bottom: 2.5em;
}

	header {
		position: relative;
		z-index: 20;
	}

	header .logo {
		display: block;
		position: relative;
		top: 1.875em;
		margin: -2px 2.5em 0 0;
		float: left;
	}

	header nav ul {
		padding-top: 1.875em;
		float: right;
		line-height: 1.25em;
	}

	header nav ul li {
        margin: 0 0.625em;
    }

    header nav ul li a {
    	display: block;
	}

	header nav ul li a,
    header nav ul li.resources-menu {
    	padding: 0.625em;
    }

	header #adobe {
		display: block;
		margin: 0;
		padding: 0;
		float: right;
		width: 2.6875em;
		height: 4.375em;
	}

	header #adobe img {
		display: block;
		width: 100%;
	}

		#page-home .nav-home a,
		#page-features .nav-features a,
		.page-features .nav-features a,
		.page-pricing .nav-pricing a,
		.page-showcase .nav-showcase a,
		.page-faqs .nav-faqs a,
		.page-contact .nav-contact a,
		.page-partners .nav-partners a {
			color: #666;
			cursor: text;
		}

		header nav li.login a {
			background: #888;
			border-radius: 0.3125em;
			color: #fff;
			padding: 0.625em 1.25em;
		}

		header nav li.login a:hover {
			background: #666;
		}

		header nav li.resources-menu {
			background: transparent url('/img/home/resources-arrow.png') 85px 15px no-repeat;
			position: relative;
			width: 7.8125em;
			border-top-left-radius: 0.3125em;
			border-top-right-radius: 0.3125em;
		}

		header nav li.resources-menu:hover {
			background-color: #eee;
		}

			header nav ul li ul {
				background: #f5f5f5; /* Old browsers */
				background: -moz-linear-gradient(top,  #f3f3f3 0%, #f0f0f0 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #f3f3f3 0%,#f0f0f0 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #f3f3f3 0%,#f0f0f0 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #f3f3f3 0%,#f0f0f0 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
				position: absolute;
				padding: 0.3125em 0 0.3125em 1px;
				top: 2.5em;
				left: 0;
				width: 9em;
			 	overflow:visible;
				z-index: 100;
				display: none;
			}
		
			header nav li:hover ul { 
					display: block;
				}

			header nav li ul,
			header nav li ul li:last-child {
				border-bottom-left-radius: 0.3125em;
				border-bottom-right-radius: 0.3125em;
			}

			header nav li ul li {
					margin: 0;
					padding: 0.3125em 0;
					float: none;
				}
				
			header nav li ul li a {
					display: block;
					padding: 0.3125em 1.25em;
	 			}		
				
			header nav li ul li a:hover {
	 			}



/* footer */

footer .logo,
footer .copyright {
	display: inline-block;
}

footer .copyright {
	float: right;
	padding-top: 0.625em;
}

.footer-links ul {
	margin-left: 0;
}

.logos h3,
#testimonials h3,
.page-showcase.detail .sidebar p,
.page-showcase.detail .content h1 span.showcase-type,
.footer-links ul li:first-child {
	padding-bottom: 0.625em;
	margin-bottom: 0.625em;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.85em;
	line-height: 1.5em;
}

.logos h3,
#testimonials h3 {
	font-size: 1em;
	clear: both;
}






/* left/right navigation */

#nav-expand-secondary {
	display: none;
}

.nav-col ul {
	border-top: 1px solid #f0f0f0;
	margin-bottom: 1.25em;
}

.nav-col h2 {
	line-height: 2.5em;
}	

.nav-col ul li img {
	opacity: 0.5;
	display: inline-block;
	height: 1em;
	width: 1em;
	vertical-align: middle;
	margin: 0 0.3125em 0 0;
}

.nav-col ul li {
	line-height: 2.5em;
	border-bottom: 1px solid #f0f0f0;
}	

.right.nav-col ul,
.right.nav-col h2,
.right.nav-col ul li {
	border-top: 0;
	border-bottom: 0;
	line-height: 1.25em;
}

.col .inline {
	display: inline;
	margin: 0;
}

.bullet {
	margin: 0 0.3125em;
}

.right.nav-col h2 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.3125em;
	margin-bottom: 0.625em;
}

#page-contact .resources-contact-us a,
#page-adobe-tools-services .features-adobe-tools-services a,
#page-payment-gateways .features-payment-gateways a,
#page-social-media .features-social-media a,
#page-shipping-providers .features-shipping-providers a,
#page-reporting-analytics .features-reporting-analytics a,
#page-email-marketing .features-email-marketing a,
#page-crm-database .features-crm-database a,
#page-online-store .features-online-store a,
#page-dynamic-modules .features-dynamic-modules a,
#page-content-management .features-content-management a,
#page-faq-partner .resources-faq-partner a,
#page-faq-muse .resources-faq-muse a,
#page-faq-product .resources-faq-product a,
#page-faq-support .resources-faq-support a,
#page-faq-pricing .resources-faq-pricing a {
	color: #666;
	cursor: text;
}




/* blog */

.page-blog article {
	padding-bottom: 2.5em;
}

.page-blog article header img {
	border-radius: 10em;
}

.page-blog article footer {
	float: left;
	width: 100%;
	background: #f7f7f7;
	padding-top: 0.3125em;
	border-bottom: 1px solid #ddd;
	clear: both;
}

.text article h2 {
	margin-bottom: 0.33333334em;
}

.entry-body {
	padding-top: 1.25em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 1.25em 0 0 0;
	clear: both;
}

.meta {
	float: right;
	padding-top: 0.15625em;
}

.addthis_toolbox {
	float: left;
	padding: 0.3125em 0.625em;
}

.permalink {
	font-size: 0.75em;
	padding-right: 1.25em;
	border-right: 1px solid #ddd;
}

.page-nav {
	clear: both;
	padding-top: 2.5em;
}

.page-blog .avatar.col {
    position: relative;
    overflow: hidden;
    height: 2.5em;
    border-radius: 10em;
    margin-bottom: 1.25em;
}

.page-blog .col.avatar img {
    position: absolute;
    margin: -1.25em 0 0 -1.25em;
    width: 2.5em;
    max-width: none;
    height: auto;
    top: 50%;
    left: 50%;
    overflow: hidden;
}

dd,
ol.text li,
ul.text li,
p,
.text ul li,
.text ol li,
.right.nav-col p,
ul.text li,
.content p,
.text p {
	color: #666;
}

dd p:last-child,
dd ul:last-child,
.page-showcase.detail .content p:last-child,
.page-showcase.detail .text.content ul li {
	margin-bottom: 0;
}


.center .text.large {
	margin: 0 auto;
}


	#hero p,
	.text.large p {
		font-size: 1.5em;
		line-height: 1.25em;
		margin-bottom: 1.25em;
	}

	.page-features .text.large p {
		margin-bottom: 1.66666em;
	}

	dl dt,
	#home h2.bottomless,
	.content.text h1,
	.content.text h2,
	.content .text h2,
	.content .text h1,
	.content .text.large h1,
	#home .center .text.large h2,
	.feature.row h2,
	h1.bottomless,
	h2.bottomless,
	h3.bottomless,
	.bottomless h2,
	.bottomless h3 {
		margin-bottom: 0.25em;
	}
	.bottomless h1 {
		margin-bottom: 0.1em;
	}
	.logos .col p,
	#testimonials .col p,
	.icons.three-up p,
	.icons.four-up p,
	.bottomless .text.large p {
		margin-bottom: 0;
	}

.page-showcase .content p,
.page-showcase .content li,
figure blockquote,
#hero p,
.entry-body li,
.entry-body p,
.text.large p,
.center .text p {
	font-weight: 300;
}

.page-showcase .content p,
.page-showcase .content li {
	font-size: 1.4em;
	line-height: 1.3395em;
	margin-bottom: 1.3395em;
}

.page-showcase .text.content ul {
	margin-bottom: 1.3395em;
}

.entry-body li,
.entry-body p {
	font-size: 1.25em;
	line-height: 1.25em;
}

.text.large p strong,
.center .text p strong {
	font-weight: 400;
}

dd ul,
ol.text,
ul.text,
.page-blog .text ul,
.page-blog .text ol,
.right.nav-col p,
.pricing-blocks .four-up p,
ul.text,
.text p {
	margin-bottom: 1.25em;
}

.feature.row .text p:last-child,
ul.two-up .col .text p,
ul.three-up .col .text p
ul.four-up .col .text p {
	margin-bottom: 0;
}

.center,
.center blockquote,
.center h2,
.center h3,
.center p {
	text-align: center;
}

a.block {
	display: block;
	width: 100%;
}
	#showcase-list .col a.block img {
		margin-bottom: 0;
		width: 100%;
	}

	#showcase-list a.block p {
		width: 100%;
		background: #fdfdfd;
		padding: 0.5em 0;
	}

	#showcase-list .col a.block {
		-moz-box-shadow: 0 0 6.25em #ddd;
		-webkit-box-shadow: 0 0 6.25em #ddd;
		box-shadow: 0 0 6.25em #ddd;
	}

	#showcase-list .col a.block:hover {
		-moz-box-shadow: 0 0 6.25em #ccc;
		-webkit-box-shadow: 0 0 6.25em #ccc;
		box-shadow: 0 0 6.25em #ccc;
	}


.v8-container.center.action {
	text-align: center;
}

.v8-container.bordered {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.v8-container.cta {
	padding-top: 0;
}

#page-features .v8-container.bordered {
	border-top: 0;
}

.page-showcase.detail .v8-container.bordered {
	border-bottom: 0;
}

.page-showcase.detail .v8-container.center {
	border-top: 1px solid #ddd;
}

.page-partners .v8-container.bordered .text.large p {
	margin-bottom: 1.25em;
}

.v8-container.border-bottom {
	border-bottom: 1px solid #ddd;
}

.action {
	clear: both;
	float: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #eee;
}

.intro.text.large .get-started,
a.get-started,
.get-started a,
.get-started {
	background: #fbb034;
	color: #222;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 1.25em 3.75em;
	display: inline-block;
	border-radius: 0.25em;
	border: 0.25em double #ffa715;
	border-bottom-color: #ce8000;
	border-top-color: #ffbb4b;
	cursor: pointer;
}

.action h3 {
	position: relative;
	float: none;
	display: block;
}

.action p,
.get-started {
	clear: both;
}
	
.intro.text.large .get-started:hover,	
.get-started:hover {
	color: #333;
	background: #fba81f;
	text-decoration: none;
	border-color: transparent;
}
	
.get-started:visited {
	color: #333;
}

.slides {
	max-width: 60em;
	margin: 0 auto;
}



/* pricing */

.center h1 {
	margin-bottom: 0.25em;
}


.tab-content h2 span {
	display: inline;
	font-weight: 400;
}

.tabs {
	text-align: center;
	margin-bottom: -1px;
	z-index: 2;
}

.tabs,
.prices {
	position: relative;
}

.tabs li {
	display: inline-block;
	/*margin: 0 0.625em;*/
	border: 1px solid #ccc;
	border-top-left-radius: 0.3125em;
	border-top-right-radius: 0.3125em;
	background: #fff;
	border-bottom: 0;
}

.tabs li span.clickable,
.tabs li a {
	display: block;
	padding: 0.625em 1.25em;
}

.pricing-blocks.monthly .tabs li.monthly,
.pricing-blocks.yearly .tabs li.yearly,
.pricing-blocks.biyearly .tabs li.biyearly {
	border-bottom: 1px solid #fff;
}

.pricing-blocks.monthly .tabs li.monthly a,
.pricing-blocks.yearly .tabs li.yearly a,
.pricing-blocks.biyearly .tabs li.biyearly a {
	color: #777;
	font-weight: 600;
}

.page-partners .pricing-blocks,
.pricing-blocks .tab-content {
	border: 1px solid #ccc;
	border-radius: 0.3125em;
	margin-top: -1px;
}

.pricing-blocks h2 {
	text-align: center;
	padding: 1em;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

.pricing-blocks .prices li.four .stats,
.pricing-blocks .prices li.four .price {
	display: none;
}

#page-partners .pricing-blocks.one-time .prices.row li.col
{
	height: 17em;
}

#page-partners .pricing-blocks.one-time .prices
{
	margin-bottom: 40px;
}


.pricing-blocks.monthly .prices li.four.web-commerce-1 .price.web-commerce-1.monthly,
.pricing-blocks.yearly .prices li.four.web-commerce-1 .price.web-commerce-1.yearly,
.pricing-blocks.biyearly .prices li.four.web-commerce-1 .price.web-commerce-1.biyearly,
.pricing-blocks .prices li.four.web-commerce-1 .stats.web-commerce-1,
.pricing-blocks.monthly .prices li.four.web-commerce-5 .price.web-commerce-5.monthly,
.pricing-blocks.yearly .prices li.four.web-commerce-5 .price.web-commerce-5.yearly,
.pricing-blocks.biyearly .prices li.four.web-commerce-5 .price.web-commerce-5.biyearly,
.pricing-blocks .prices li.four.web-commerce-5 .stats.web-commerce-5,
.pricing-blocks.monthly .prices li.four.web-commerce-10 .price.web-commerce-10.monthly,
.pricing-blocks.yearly .prices li.four.web-commerce-10 .price.web-commerce-10.yearly,
.pricing-blocks.biyearly .prices li.four.web-commerce-10 .price.web-commerce-10.biyearly,
.pricing-blocks .prices li.four.web-commerce-10 .stats.web-commerce-10,
.pricing-blocks.monthly .price.monthly,
.pricing-blocks.yearly .price.yearly,
.pricing-blocks.biyearly .price.biyearly {
	display: block;
}

.prices.row {
	z-index: 1;
	overflow: hidden;
}

.prices.row li.col {
	border-left: 1px solid #ccc;
	height: 32.5em;
}

.page-partners .prices.row li.col {
	height: 17.1875em;
}

.prices.row li.col.one {
	border-left: 0;
	margin-left: 0;
}

.prices.row li.col .wrapper {
	padding: 1.25em;
}

.pricing-blocks ul.text {
	margin-bottom: 0.625em;
}

.pricing-blocks .stats {
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #CCC;
	width: 100%;
	padding: 0;
}

.pricing-blocks .stats li {
	padding: 0.375em 1.5em;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
}

.pricing-blocks .stats li:last-child {
	border-bottom: 0;
}

.flush {
	float: right;
	text-align: right;
}

.pricing-blocks .one {
	background: #f5f5f5;
}

.pricing-blocks .two {
	background: #eee;
}

.pricing-blocks .three {
	background: #e5e5e5;
}

.pricing-blocks .four {
	background: #ddd;
}

.pricing-blocks h3 {
	margin-bottom: 0.5em;
}

.price {
	margin-bottom: 1.25em;
}

.price .country {
	vertical-align: baseline;
}

.price .country,
.price .month {
	color: #555;
}

.price .dollars,
.price .cents {
	font-size: 3.75em;
	font-weight: 300;
	color: #333;
}

.price .dollars,
.price .cents,
.price .month {
	line-height: 0.65em;
}

.price .dollars,
.price .cents {
	vertical-align: top;
}

.price .month {
	vertical-align: bottom;
}

.pricing-blocks .text {
	clear: both;
}

.users-pricing ol {
	float: left;
	border-radius: 1.25em;
	background: #bbb;
	margin-bottom: 1.25em;
}

.users-pricing ol li {
	display: block;
	float: left;
	background: #bbb;
	color: #555;
	padding: 0.3125em 0.9375em;
	text-shadow: 1px 1px #eee;
	border-right: 1px solid #999;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #888;
	border-top: 1px solid #aaa;
	cursor: pointer;
	box-shadow: 0 0.15625em 0.15625em #aaa;
}

.users-pricing ol li:hover {
	background: #aaa;
	box-shadow: inset 0 0.15625em 0.15625em #999;
}

.users-pricing ol li:first-child {
	border-bottom-left-radius: 1.25em;
	border-top-left-radius: 1.25em;
	border-left: 1px solid #aaa;
}

.users-pricing ol li:last-child {
	border-bottom-right-radius: 1.25em;
	border-top-right-radius: 1.25em;
	border-right: 1px solid #aaa;
}

.users-pricing ol li p {
	font-size: 0.85em;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.users-pricing.user-one .user-one,
.users-pricing.user-five .user-five,
.users-pricing.user-ten .user-ten {
	background: #ceeaff;
	text-shadow: 1px 1px #fff;
	border-right: 1px solid #999;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	box-shadow: inset 0 0.15625em 0.15625em #a0c4df;
}

.users-pricing.user-one .user-one p,
.users-pricing.user-five .user-five p,
.users-pricing.user-ten .user-ten p {
	color: #0077bc;
}

.users-pricing.user-one .user-one {
	border-left: 1px solid #aaa;
}
.users-pricing.user-five .user-five {
	border-right: 1px solid #aaa;
}

/* home page */

#home #hero {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	top: 0;
	left: 0;
	background: #111;
}

#home #hero p,
#home #hero div,
#home #hero #video-trigger {
	position: static;
	z-index: 2;
}

#home #hero .action {
	background: #444;
	padding: 1.25em 0;
}

#home #hero .v8-container {
	padding: 0;
	position: relative;
	margin-top: -40em;
}

#home #hero #video-trigger,
#hero-content {
	color: #ccc;
	margin: 10em 0;
	height: 20em;
	text-align: left;
}

#slideshow-icons,
#slideshow-icons div,
#slideshow-icons a {
	display: block;
	float: left;
	position: relative;
	z-index: 2;
	height: 7.14285714285714em;
}

#slideshow-icons #bx-pager {
	margin: 0 0 0 -0.3125em;
}

#slideshow-icons a {
	display: block;
	font-size: 1em;
	text-indent: -5000em;
	width: 3.28125em;
	height: 3.28125em;
	cursor: pointer;
}

#slideshow-icons .active {
	background: transparent url(/img/icon-glow.png) 0 0 no-repeat;
	background-size: 100%;	
}


#slideshow-icons img {
	position: absolute;
	top: 10em;
	left: 0;
	z-index: 2;
}

#home #hero .bx-caption {
	max-width: 80em;
	margin: 13.75em auto;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	position: relative;
	z-index: 2;
}

#home #hero .bx-caption,
#home #hero #hero-content p {
	color: #777;
}

#home #hero-slide-container,
#home #hero-slide-container li {
	height: 40em;
	width: 100%;
}

#home #hero h1 {
	clear: both;
}

#home #hero a#video-trigger {
	text-align: center;
	position: absolute;
}

#home #hero a#video-trigger.col img {
	margin-bottom: 1.875em;
	display: inline;
}

#home #hero a#video-trigger p {
	color: #ccc;
}

#home #hero a#video-trigger:hover p {
	color: #fff;
}

#home #hero-content span {
	display: block;
}

#home #hero-content p {
	text-align: left;
	margin: 0;
	padding: 0;
}

#home #hero #hero-content h1 {
	color: #fff;
	text-shadow: 1px 1px #333;
}

#home #hero-content img {
	width: auto;
	margin: 0 0 2.5em 0;
}


#home .pale.background {
	border-top: 0;
}

#home #what-is-bc {
	width: 100%;
	background: #eee;
	overflow: hidden;
}

#home #what-is-bc,
#home #what-is-bc .v8-container {
	position: relative;
}


#home #what-is-bc .text.large {
	width: 100%;
	margin: 0;
}

#home #bc-menu,
#home #bc-menu .shadow-wrap {
	position: static;
	overflow: hidden;
	border-radius: 50em;
}

#home #bc-menu {
	background: #f0f1f2 url(/img/bc-menu.png) center top no-repeat;	
	box-shadow: 0 0 0.625em #444;
	margin-top: 8.125em;
	border: 0.3125em solid #fff;
	float: left;
	border-spacing: 0;
}

#home #bc-menu .shadow-wrap {
	width: 100%;
	box-shadow: inset 0 0 5em #bbb;
}


#hero-slide-container img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.page-partners .four-up .text,
.page-partners .three-up .text,
#testimonials {
	font-weight: 300;
}

.payment.logos .col img,
#testimonials .col img {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

#testimonials .col img {
	width: 9.375em;
}

#testimonials .col a.block:hover {
	background: transparent url(/img/testimonials-hover.jpg) no-repeat center top;
	background-size: 9.375em auto;
}

#testimonials .col a:hover img {
	opacity: 0.85;
}

#testimonials .col a {
	display: block;
}

.get-started img,
.icons.four-up .col img,
.icons.three-up .col img,
#why-youll-love .text img {
	width: 3.125em;
	height: 3.125em;
	clear: both;
	opacity: 0.5;
	margin-bottom: 0;
}

.shipping.logos img {
	margin: 0 auto;
	clear: both;
	display: block;
}

.shipping.logos .col {
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.logos p {
	clear: both;
}

.get-started img {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	opacity: 1;
}

.icons.four-up .col img,
.icons.three-up .col img,
#why-youll-love .text img {
	float: left;
}

.icons .col h2,
.icons .col p,
.icons .text h3,
.icons.three-up .text h3,
#why-youll-love h3 {
	clear: both;
}


/* features */

#page-features .intro.text.first {
	padding-bottom: 2.5em;
}

.feature.v8-container {
	border-bottom: 1px solid #ddd;
}

.feature.v8-container.first {
	border-top: 1px solid #ddd;
}

.text a {
	display: inline-block;
}

.content .text.col-4 a {
	display: inline;
}

.feature.v8-container .text.large p {
	margin-bottom: 0;
}

.feature.row  {
	border-bottom: 1px solid #ddd;
	padding-bottom: 2.5em;
	margin-bottom: 2.5em;
}

.feature.row img.row,
.feature.row img.col {
	margin-bottom: 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.feature.row img.col {
	max-width: 546px;
}

.feature.row img.row {
	margin-bottom: 1.25em;
}

.first.feature.row {
	border-top: 1px solid #ddd;
	padding-top: 2.5em;
}

.feature.row #ipad {
	border-color: transparent;
}

.page-features .payment.logos a.block {
	box-sizing: border-box;
	border: 1px solid #ddd;
	padding: 0.625em;
	text-align: center;
	height: 10.625em;
	margin-bottom: 0.625em;
	text-align: center;
}

.payment.logos h3 {
	border-bottom: 0;
}

.payment.logos {
	padding-bottom: 2.5em;
}


/* faqs */

dl {
	padding-top: 2.5em;
	margin-top: 2.5em;
	border-top: 1px solid #ddd;
}

dl dd {
	padding-bottom: 2.5em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 2.5em;
}




/* partners */

.image-wrapper {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-bottom: 1.25em;
}

.three-up .image-wrapper img {
	display: block;
width: 100%;	
margin: 0 auto;
}


/* contact */

#page-contact iframe {
	margin-left: -20px;
}

#page-contact .text.large p:last-child {
	margin-bottom: 0;
}


/* showcase slider */

#page-showcase h1 {
	padding: 1em 0;
}

#home #wrapper,
.page-showcase #wrapper,
.showcase-screenshot {
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#eeeeee 100%); /* W3C */
}

.showcase-screenshot {
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
}

.showcase-screenshot img {
	display: block;
	margin: 0 auto;
	border-top-left-radius: 0.3125em;
	border: 1px solid #ddd;
	box-shadow: 0 0 0.625em #ddd;
	border-top-right-radius: 0.3125em;
	border-bottom: 0;
}

#home #wrapper,
.page-showcase #wrapper {
	width: 100%;
	min-width: 100%;
	top: 0;
	left: 0;
	position: relative;
}

#home #wrapper,
.page-showcase #wrapper {
	width: 3840px;
	left: 50%;
	margin-left: -1920px;
}


#slider .slide {
	display: block;
	position: relative;
	/*float: left;
	cursor: pointer;
	clear: none;
	margin: 0;
	width: 40em;
	width: 640px;
	height: 500px;
	padding: 0 7.5em;*/
}

#slider .slide:hover {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(229,229,229,1) 0%, rgba(229,229,229,0) 80%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(229,229,229,1)), color-stop(80%,rgba(229,229,229,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(229,229,229,1) 0%,rgba(229,229,229,0) 80%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(229,229,229,1) 0%,rgba(229,229,229,0) 80%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(229,229,229,1) 0%,rgba(229,229,229,0) 80%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(229,229,229,1) 0%,rgba(229,229,229,0) 80%); /* W3C */
}

#slider .slide img {
	display: block;
	margin: 0 auto 1.25em auto;
	width: 100%;
	position: relative;
	border-radius: 0.3125em;
	overflow: hidden;
}
 
#slider .slide:hover {
	cursor: default;
}

#home .quote,
.quote {
	margin-top: 1.25em;
	width: 100%;
	clear: both;
	text-align: center;
	height: 7.5em;
}

#home .quote p,
blockquote,
.quote p {
	color: #666;
	margin-bottom: 0;
	font-style: italic;
}
#home .quote a,
.quote a {
	display: inline-block;
}

#home .quote h3,
.quote h2 {
	font-size: 1.25em;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 0.625em;
}

.bx-controls-direction {
	width: 100%;
	height: 7.5em;
	text-align: center;
	position: relative;
	margin-top: -1.5625em;
	z-index: 1;
}

.bx-prev, 
.bx-next {
	display: inline-block;
	width: 1.875em;
	height: 1.875em;
	text-indent: -5000em;
	margin: 0 7.5em;
	border: 0.3125em solid transparent;
	border-radius: 1.875em;
	overflow: hidden;
	margin-top: -0.3125em;
}

.bx-prev {
	background: transparent url(/img/slideshow-prev.png) center center no-repeat;
	background-size: cover;
}

.bx-next {
	background: transparent url(/img/slideshow-next.png) center center no-repeat;
	background-size: cover;
}

.bx-prev:hover,
.bx-next:hover {
	border: 0.3125em solid #fff;
}

.bx-pager {
	position: relative;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 1.25em;
}

.bx-pager-item {
	position: relative;
	border: 2px solid #bbb;
	border-radius: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0.3125em;
	background: #bbb;
	z-index: 2;
}

.bx-pager-item a {
	display: block;
	text-indent: -5000em;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
}

.bx-pager-item .bx-pager-link.active {
	background-color: #bbb;
}

.bx-pager-item a:hover {
	background-color: rgba(255, 255, 255, 0.75);
}

.bx-pager-item a.selected {
	background-color: #bbb;
}

.page-showcase ul.three-up.row {
	padding-top: 1.25em;
}

.page-showcase.detail .content h1 {
	margin-bottom: 0.2em;
}

.page-showcase.detail .sidebar h2 {
	font-size: 1.25em;
}

.page-showcase.detail .sidebar h2,
.page-showcase.detail .content h1 span.showcase-type {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.page-showcase.detail .content h1 span.showcase-type {
	font-size: 0.4em;
}


.page-showcase.detail .sidebar ul li {
	margin-bottom: 1.25em;
}

.page-showcase.detail .sidebar p,
figure figcaption,
.page-showcase.detail .sidebar ul li h3 {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.page-showcase.detail .sidebar {
	margin-top: 10em;
}

.showcase-screenshot .col img {
	margin-bottom: 0;
}

.page-showcase.detail.partner .showcase-screenshot .sidebar {
	margin-top: 2.5em;
	border: 0;
}

.page-showcase.detail.partner .showcase-screenshot .sidebar p {
	font-size: 1.5em;
	font-weight: 300;
}

.page-showcase.detail .sidebar img {
	margin: 0 0 1.25em 0;
}

.page-showcase.detail .sidebar p + img {
	margin: 3.75em 0 1.25em 0;
}

figure blockquote {
	font-size: 1.25em;
	line-height: 1.5em;
	margin-bottom: 0.416666666em;
}

.col figure img {
	margin-bottom: 1.25em;
}

/*.page-showcase.detail .content h2 {
	font-size: 1.875em;
	line-height: 1.33333333em;
	margin-bottom: 0.333333;
}*/



.page-showcase.detail .content h2 {
	font-size: 2.1875em;
	line-height: 1.25em;
}

.page-showcase.detail .content h1 + h2 {
	margin-bottom: 1em;	
}

.page-showcase.detail .content h3 {
	margin-bottom: 0;
}

.page-showcase.detail .content h1 img {
	width: 2.1875em;
	height: 2.1875em;
	display: inline-block;
	float: left;
	margin-right: 0.3125em;
}

.page-showcase.detail.partner .content h1 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
}

.page-showcase.detail.partner h2 {
	font-size: 3.125em;
	margin: 2em 0 1em;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	clear: both;
}

.page-showcase.detail.partner h2:first-child {
	margin-top: 0;
}

.page-showcase.detail.partner h2:last-child {
	margin-bottom: 2em;
}

.page-showcase.detail.partner .sidebar {
	margin-top: 20em;
}


.page-showcase.detail #showcase-video-container {
	padding: 2.5em 0;
}
 

/* gutterless */

.two-up.gutterless .col,
.three-up.gutterless .col,
.four-up.gutterless .col {
	margin-right: 0;
	position: relative;
}

.two-up .col.one,
.three-up .col.one,
.four-up .col.one {
	clear: both;
}

.two-up.gutterless .col {
	width: 50%;
}

.three-up.gutterless .col {
	width: 33.33333333%;
}

.four-up.gutterless .col {
	width: 25%;
}



/* Grid Base */


.v8-container,
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

.intro,
.v8-container {
    float: none;
    clear: both;
    margin: 0 auto;
}


.row:before,
.row:after,
.v8-container:before,
.v8-container:after {
    content: "";
    display: table;
} 
.row:after,
.v8-container:after {
    clear: both;
}
.row,
.v8-container {
    zoom: 1;
}

.v8-container.shell-bottom {
    padding-bottom: 0;
}

    .row {
        width: 100%;
        clear: both;
        padding: 0;
        margin: 0;
    }

    .col img {
        display: block;
        max-width: 100%;
        margin: 0 auto 0.625em;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -moz-background-clip:padding-box !important;
        -webkit-background-clip:padding-box !important;
        background-clip:padding-box !important;
    }

    .four-up .col img,
    .flexslider img {
        margin-bottom: 1.25em;
    }

    .two-up li ul li,
    .three-up li ul li,
    .four-up li ul li {
        width: 100%;
    }

    .thirds .col,
    .fourths .col {
        display: block;
        float: left;
        margin-right: 0;
        position: relative;
    }

    .thirds .col {
        width: 33.3333%;
    }

    .fourths .col {
        width: 25%;
    }

    .two-up li.one,
    .three-up li.one,
    .four-up li.one {
        clear: both;
    }

    .three-up .one.solo {
        margin: 0 auto;
        float: none;
    }

    #page-showcase #testimonials li,
    #showcase-list li.col {
        max-width: 24.5625em;
    }


/* Pricing Page Updates */

a[rel="tipsy"] {
	color: #666;
	text-decoration: underline;
}

/* -- */

/* Partner Page Updates */

h2.partner-pricing-title
{
	text-align: center;
	padding: 1em;
	margin: 0px;
}

.partner-pricing
{
	display: table;
	margin-bottom: 3em;
	border: 1px solid #ccc;
	width: 100%;
}

.partner-pricing .price-column
{
	display: table-cell;
	padding: 20px;
}

.partner-pricing .price-column.one
{
	background: #f5f5f5;
	border-right: 1px solid #ccc;
}

.partner-pricing .price-column.two
{
	background: #eee;
	border-right: 1px solid #ccc;
}

.partner-pricing .price-column.three
{
	background: #e5e5e5;
}

/* -- */