﻿/************* SUBSCRIPTION PRICING PAGE **************/	
		
#supplementalBlocks {
	margin-top: 0px;
	margin-bottom: 25px;
}
#editorialInformation {
	width: 940px !important;
	margin: 0px !important;
	padding: 0 !important;
}
#editorialInformation p:first-child {
	margin-top: 0;
	padding-top: 0;
}
#pageHeader {
	width: 945px;
}
#pageInformationTop {
	clear: both;
	display: block;
}
#subscriptionPlans {
	width: 720px;
	border: #ffffff 1px solid !important;
}
.bodyCopy {
	width: 720px !important;
	float: left;
}
/* -=-=-=-=-=-=-=-=- PRICING STYLES =-=-=-=-=-=-=-=-=-=- */

#tabbedPricing {
	margin: 35px 0 25px 0;
}
/*--TABS--*/
		
ul.maPricingTabs {
	margin: 0 0 -5px 0;
	padding: 0;
}
div#monthly, div#annual {
	padding: 10px;
	width: 698px;
	background: #e1eced;
	border: 1px solid #348389;
	border-top: 10px solid #348389;
	margin: 0;
}
div#annual, .annualFoot {
	display: none;
}
.maPricingTabs li {
	list-style: none;
	display: inline;
	margin: 0 5px -10px 0;
}
#pageContent .maPricingTabs a {
	width: 186px;
	padding: 10px 20px;
	display: inline-block;
	color: #fff;
	font-size: 102%;
	font-weight: bold;
	text-decoration: none;
	background: url('../images/pbSmrtCodes-TabNotActive.gif') no-repeat;
	position: relative;
}
.maPricingTabs a:hover {
	width: 186px;
	padding: 10px 20px;
	display: inline-block;
	color: #fff;
	font-size: 102%;
	font-weight: bold;
	text-decoration: none;
	background-position: 0 -65px;
	position: relative;
}
.maPricingTabs a span {
	display: block;
	position: absolute;
	top: -18px;
	left: 160px;
}
#pageContent .maPricingTabs a.active {
	background: url('../images/pbSmrtCodes-TabActive.gif') no-repeat;
	font-size: 120%;
	color: #fff;
	top: -4px;
	padding: 15px 20px;
}
/*--PRICES--*/
		
.pricingBox {
	width: 171px;
	height: 195px;
	float: left;
	margin-left: 4px;
	text-align: center;
}
#monthly div:first-child, #annual div:first-child {
	margin-left: 0px;
}
.headline {
	text-align: center;
	padding: 18px 10px;
	vertical-align: middle;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
}
.price, .price4 {
	margin: 20px 10px 10px 10px;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	line-height: 25px;
	height: 70px;
}
.price4 {
	height: 70px;
}
.price span {
	display: block;
	font-size: 35%;
	font-weight: bold;
	margin: 5px 0 0 15px;
	line-height: 18px;
}
.price4 span {
	font-size: 40%;
	font-weight: bold;
}
.price sup {
	font-size: 60%;
}
#basicFoot, #standardFoot, #professionalFoot, #enterpriseFoot {
	font-size: 30px;
	line-height: 14px;
	font-weight: bold;
	vertical-align: top;
	padding: 10px 3px 10px 3px;
}
#basicFoot span, #standardFoot span, #professionalFoot span, #enterpriseFoot span {
	font-size: 14px;
}
#basicFoot sup, #standardFoot sup, #professionalFoot sup, #enterpriseFoot sup {
	font-size: 60%;
}
.pheight, .pheight2 {
	height: 70px;
	margin-top: 10px;
}
.pheight div {
	margin-top: 25px;
}
.pheight2 div {
	margin-top: 5px;
}
#basic, #basicA {
	background: #c1d9db;
}
#basic .headline, #basicA .headline {
	background: #348389;
}
#basic .price, #basicA .price, #basicFoot {
	color: #348389;
}
#standard, #standardA {
	background: #e9e8c4;
}
#standard .headline, #standardA .headline {
	background: #aea400;
}
#standard .price, #standardA .price, #standardFoot {
	color: #aea400;
}
#professional, #professionalA {
	background: #f8d7c1;
}
#professional .headline, #professionalA .headline {
	background: #e97a33;
}
#professional .price, #professionalA .price, #professionalFoot {
	color: #e97a33;
}
#enterprise, #enterpriseA {
	background: #dfdfe1;
}
#enterprise .headline, #enterpriseA .headline {
	background: #828287;
}
#enterprise .price4, #enterpriseA .price4 {
	font-size: 24px;
	color: #828287;
}
#enterpriseFoot {
	color: #828287;
}
#enterprise .price4 span, #enterpriseA .price4 span {
	font-size: 70%;
}
/* -=-=-=-=-=-=-=- FOOTER BTNs =-=-=-=-=-=-=-=- */
		
		/* SMALL BUTTON CSS */
a.priceFootBtnSml {
	margin: 15px 7px 0 0;
	padding: 5px 0px 6px 12px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF !important;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	height: 25px;
}
.priceFootBtnSml span.arrow {
	width: 26px !important;
	padding: 4px 10px 6px 15px;
	margin-right: -10px;
	text-indent: -9999px;
}
/* RED CSS - Footer BTN */
.btnFtred span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftRed_Arrow.gif) 0 1px no-repeat;
}
.btnFtred:hover span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftRed_Arrow.gif) 0 -24px no-repeat;
	text-decoration: none !important;
}
.btnFtred {
	background: url(../images/pbSmrtCodesBtn-ftRed_BG.gif) 0 0 no-repeat;
	-webkit-text-shadow: 1px 1px 1px #900;
	-mozilla-text-shadow: 1px 1px 1px #900;
	text-shadow: 1px 1px 1px #900;
}
.btnFtred:hover {
	background: url(../images/pbSmrtCodesBtn-ftRed_BG.gif) left -25px no-repeat;
	text-decoration: none !important;
}
/* Teal CSS - Footer BTN */
.btnFtteal span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftTeal_Arrow.png) 0 1px no-repeat;
}
.btnFtteal:hover span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftTeal_Arrow.png) 0 -24px no-repeat;
	text-decoration: none !important;
}
.btnFtteal {
	background: url(../images/pbSmrtCodesBtn-ftTeal_BG.png) 0 0 no-repeat;
	-webkit-text-shadow: 1px 1px 1px #114A4F;
	-mozilla-text-shadow: 1px 1px 1px #114A4F;
	text-shadow: 1px 1px 1px #114A4F;
}
.btnFtteal:hover {
	background: url(../images/pbSmrtCodesBtn-ftTeal_BG.png) left -25px no-repeat;
	text-decoration: none !important;
}
/* Green CSS - Footer BTN */
.btnFtgrn span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftGrn_Arrow.gif) 0 1px no-repeat;
}
.btnFtgrn:hover span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftGrn_Arrow.gif) 0 -24px no-repeat;
	text-decoration: none !important;
}
.btnFtgrn {
	background: url(../images/pbSmrtCodesBtn-ftGrn_BG.gif) 0 0 no-repeat;
	-webkit-text-shadow: 1px 1px 1px #660;
	-mozilla-text-shadow: 1px 1px 1px #660;
	text-shadow: 1px 1px 1px #660;
}
.btnFtgrn:hover {
	background: url(../images/pbSmrtCodesBtn-ftGrn_BG.gif) left -25px no-repeat;
	text-decoration: none !important;
}
/* Orange CSS - Footer BTN */
.btnFtorng span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftOrng_Arrow.gif) 0 1px no-repeat;
}
.btnFtorng:hover span.arrow {
	background: url(../images/pbSmrtCodesBtn-ftOrng_Arrow.gif) 0 -24px no-repeat;
	text-decoration: none !important;
}
.btnFtorng {
	background: url(../images/pbSmrtCodesBtn-ftOrng_BG.gif) 0 0 no-repeat;
	-webkit-text-shadow: 1px 1px 1px #B95E24;
	-mozilla-text-shadow: 1px 1px 1px #B95E24;
	text-shadow: 1px 1px 1px #B95E24;
}
.btnFtorng:hover {
	background: url(../images/pbSmrtCodesBtn-ftOrng_BG.gif) left -25px no-repeat;
	text-decoration: none !important;
}
/* -=-=-=-=-=-=-=- Chart TABLE =-=-=-=-=-=-=-=- */
	
	
table {
	width: 720px;
	color: #595959;
}
td {
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
}
td:first-child {
	text-align: left;
}
tr {
	border-top: #FFF 1px solid;
}
.featuresHead {
	color: #FFF;
	height: 50px;
	vertical-align: middle;
	font-size: 110%;
	text-align: left;
	padding: 3px 5px 3px 15px;
	font-weight: bold;
	background: #8ab7bb;
}
th {
	color: #FFF;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	background: #8ab7bb;
}
.footerHeadline {
	font-weight: bold;
	font-size: 110%;
	text-align: left;
	background-color: #FFFFFF;
}
.footerHeadline span.pricingName {
	color: #348389;
}
col.col1 {
	background: #e1eced;
}
.col1head {
	background: #FFFFFF;
}
col.col2 {
	background: #dfdfe1;
	border-left: #FFF 4px solid;
}
.col2head {
	background: #348389;
}
col.col3 {
	background: #c1d9db;
	border-left: #FFF 4px solid;
}
.col3head {
	background: #aea400;
}
col.col4 {
	background: #e9e8c4;
	border-left: #FFF 4px solid;
}
.col4head {
	background: #e97a33;
}
col.col5 {
	background: #f8d7c1;
	border-left: #FFF 4px solid;
}
.col5head {
	background: #828287;
}
.rowTitle {
	background: #8ab7bb;
	font-size: 105%;
	font-weight: bold;
	color: #FFF;
}
.pricing1, .pricing2, .pricing3 {
	font-size: 40px;
	font-weight: bold;
	line-height: 20px;
	margin: 18px 0px 15px 15px;
	height: 50px;
	text-align: left;
}
.pricing4 {
	font-size: 23px;
	font-weight: bold;
	line-height: 20px;
	margin: 18px 0px 15px 15px;
	height: 50px;
	text-align: left;
}
.pricing4Footer {
	font-size: 23px;
	font-weight: bold;
	line-height: 20px;
	margin: 15px 0px 15px 0px;
	text-align: center;
	width: 135px;
}
.pricing1 span, .pricing2 span, .pricing3 span {
	font-size: 40%;
	font-weight: bold;
	margin-left: 15px;
}
.pricing4 span, .pricing4Footer span {
	font-size: 70%;
	font-weight: bold;
	margin-left: 0px;
}
.pricing1 {
	color: #348389;
}
.pricing2 {
	color: #aea400;
}
.pricing3 {
	color: #e97a33;
}
.pricing4 {
	color: #828287;
	margin: 0;
	text-align: center;
}
.pricing1 sup, .pricing2 sup, .pricing3 sup {
	font-size: 60%;
}
.lrgInfo {
	font-size: 105%;
	font-weight: bold;
}
.nopadCol {
	padding: 0px 5px 20px 0px;
	font-size: 80%;
}
.checkMark {
	width: 30px;
	height: 30px;
	border: #000 1px solid;
}
