/* --- Plan Table Colors --- */
.pricing .plan h4, .pricing .plan>span, .showcase h3, .table-comparison th  {
  text-shadow: 0 -1px 0 #D1D1D1;
  background-color: #D1D1D1;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D1D1D1), to(#ABABAB));
  background-image: -webkit-linear-gradient(top, #D1D1D1, #ABABAB);
  background-image: -o-linear-gradient(top, #D1D1D1, #ABABAB);
  background-image: linear-gradient(to bottom, #D1D1D1, #ABABAB);
  background-image: -moz-linear-gradient(top, #D1D1D1, #ABABAB);
  border-color: #ABABAB #ABABAB #A1A1A1;
  background-repeat: repeat-x;
}
.showcase .product { border: 1px solid #ABABAB;  border-radius: 4px; margin-bottom: 15px; }

.pricing-custom .plan-interaction h4, .pricing-custom .plan-interaction>span, .showcase-custom .product-interaction h3 { color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1250BC;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1663E9), to(#1250BC));
  background-image: -webkit-linear-gradient(top, #1663E9, #1250BC);
  background-image: -o-linear-gradient(top, #1663E9, #1250BC);
  background-image: linear-gradient(to bottom, #1663E9, #1250BC);
  background-image: -moz-linear-gradient(top, #1663E9, #1250BC);
  background-repeat: repeat-x;
  border-color: #1250BC #1250BC #062245;
}
.table-custom th.interaction { color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1250BC;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1663E9), to(#1250BC));
  background-image: -webkit-linear-gradient(top, #1663E9, #1250BC);
  background-image: -o-linear-gradient(top, #1663E9, #1250BC);
  background-image: linear-gradient(to bottom, #1663E9, #1250BC);
  background-image: -moz-linear-gradient(top, #1663E9, #1250BC);
  background-repeat: repeat-x;
  border-color: #062245;
}
.table-custom .interaction, .table-custom .interaction+td, .table-custom .interaction+th {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #062245;
}
.showcase-custom .product-interaction { border-color: #1250BC;  }

.pricing-custom .plan-matrix h4, .pricing-custom .plan-matrix>span, .showcase-custom .product-matrix h3 { color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #062245;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0A3A75), to(#062245));
  background-image: -webkit-linear-gradient(top, #0A3A75, #062245);
  background-image: -o-linear-gradient(top, #0A3A75, #062245);
  background-image: linear-gradient(to bottom, #0A3A75, #062245);
  background-image: -moz-linear-gradient(top, #0A3A75, #062245);
  background-repeat: repeat-x;
  border-color: #062245 #062245 #062245;
}
.table-custom th.matrix { color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #062245;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0A3A75), to(#062245));
  background-image: -webkit-linear-gradient(top, #0A3A75, #062245);
  background-image: -o-linear-gradient(top, #0A3A75, #062245);
  background-image: linear-gradient(to bottom, #0A3A75, #062245);
  background-image: -moz-linear-gradient(top, #0A3A75, #062245);
  background-repeat: repeat-x;
  border-color: #062245;
}
.table-custom .matrix, .table-custom .matrix+td, .table-custom .matrix+th {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #062245;
}
.showcase-custom .product-matrix { border-color: #062245;  }

.pricing-custom .plan-foundation h4, .pricing-custom .plan-foundation>span, .showcase-custom .product-foundation h3 { color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #616161;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7A7A7A), to(#616161));
  background-image: -webkit-linear-gradient(top, #7A7A7A, #616161);
  background-image: -o-linear-gradient(top, #7A7A7A, #616161);
  background-image: linear-gradient(to bottom, #7A7A7A, #616161);
  background-image: -moz-linear-gradient(top, #7A7A7A, #616161);
  background-repeat: repeat-x;
  border-color: #616161 #616161 #3B3B3B;
}
.table-custom th.foundation { color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #616161;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7A7A7A), to(#616161));
  background-image: -webkit-linear-gradient(top, #7A7A7A, #616161);
  background-image: -o-linear-gradient(top, #7A7A7A, #616161);
  background-image: linear-gradient(to bottom, #7A7A7A, #616161);
  background-image: -moz-linear-gradient(top, #7A7A7A, #616161);
  background-repeat: repeat-x;
  border-color: #3B3B3B;
}
.table-custom .foundation, .table-custom .foundation+td, .table-custom .foundation+th {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #3B3B3B;
}
.showcase-custom .product-foundation  { border-color: #616161;  }


/* --- Basic Styling for Plan Tables --- */
.pricing .plan { padding: 0px; text-align: center; }
.plan>span, h4 { display: block;  border: 1px solid #ABABAB; border-top: none; margin: 0px;}
.plan h4 { font-size: 2em; border-radius: 4px 4px 0 0; line-height:1.2em; padding-top:10px; padding-bottom:10px;}

.plan h4 a:link, .plan h4 a:visited {color:#fff;}
.plan h4 a:hover, .plan h4 a:focus {color:#ededed; text-decoration:underline;}

.plan>span {font-size: 18px; line-height:1.5em;padding-top:10px;padding-bottom:10px;}
.plan>span>span {font-size:12px;line-height:14px;}
.plan>ul { margin: 0px;  list-style: none; padding: 15px; background-color: #fff; color: #333; border-left: 1px solid #ABABAB; border-right: 1px solid #ABABAB; }
.plan>ul>li { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #ABABAB; }
.plan div { border-radius: 0 0 4px 4px; border: 1px solid #ABABAB; border-top: none; background-color:#fff;}
.plan a { margin: auto; margin-bottom: 4px;  }


/* --- Styling for Plan Details Pages --- */


#details-page-thumb>li {margin-left:0;}

.plan-details {
	border-radius: 4px;
	border: 1px solid #ABABAB;
	margin-left:0;
}

.plan-details>h2 {
	color: #fff;
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 15px 0;
	border-radius: 3px 3px 0 0;
	border-bottom: 1px solid #474747;
}

.foundation-details>h2 {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #616161;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7A7A7A), to(#474747));
	background-image: -webkit-linear-gradient(top, #7A7A7A, #474747);
	background-image: -o-linear-gradient(top, #7A7A7A, #474747);
	background-image: linear-gradient(to bottom, #7A7A7A, #474747);
	background-image: -moz-linear-gradient(top, #7A7A7A, #474747);
	background-repeat: repeat-x;
	border-color: #616161 #616161 #474747;
}

.interaction-details>h2 {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1250BC;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1663E9), to(#0D3C8C));
  background-image: -webkit-linear-gradient(top, #1663E9, #0D3C8C);
  background-image: -o-linear-gradient(top, #1663E9, #0D3C8C);
  background-image: linear-gradient(to bottom, #1663E9, #0D3C8C);
  background-image: -moz-linear-gradient(top, #1663E9, #0D3C8C);
  background-repeat: repeat-x;
  border-color: #0D3C8C #0D3C8C #474747;
}

.matrix-details>h2 {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #062245;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0A3A75), to(#062245));
  background-image: -webkit-linear-gradient(top, #0A3A75, #062245);
  background-image: -o-linear-gradient(top, #0A3A75, #062245);
  background-image: linear-gradient(to bottom, #0A3A75, #062245);
  background-image: -moz-linear-gradient(top, #0A3A75, #062245);
  background-repeat: repeat-x;
  border-color: #062245 #062245 #062245;
}

.plan-details ul {padding-left: 20px;}

.plan-details ul.unstyled>li {
	padding: 10px 0 10px 10px;
	border-bottom: 1px dotted #ABABAB;
	text-align:left;
}

.plan-details h3 {padding-left:10px;}

#list-last-feature {border:none;}

.details-cta {
	background-color:#ababab;
	border-top: 1px solid #d1d1d1;
	padding-top:15px;
	padding-bottom:15px;
}

.details-cta a.btn {margin-top:20px;}

.foundation-details {

}

.interaction-details {

}

.matrix-details {

}

.checkmark-success {color:#009900;}


/*

@media (min-width:1200px) {
  .details-cta button {margin-left:-50px;}
}

@media (min-width:980px) and (max-width:1199px) {
	.details-cta button {margin-left:0;}
}

@media (min-width: 768px) and (max-width:979px) {
	.details-cta button {margin-left:0;}
}
*/