﻿/*#pricing-plans {
  margin-top:20px;
  margin-bottom:40px;
}
#pricing-plans .plan {
  float:left;
}*/


/* Pricing Page Headings */
.pricing-page > h1 {
  margin:0;
  line-height:28px;
  font-weight:bold !important;
  text-align:center;
  text-transform:none !important;
}
.pricing-page > h3 {
  margin:0 0 30px 0;
  font-weight:normal;
  text-align:center;
  color:#555;
}


/* Pricing Table */
#pricing-table {
  width:100%;
  margin-bottom:20px;
  border-collapse:separate;
}
/* Headings */
#pricing-table th {
  background:#6d7985;
  background: -moz-linear-gradient(#6d7985, #505a61);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6d7985), to(#505a61));    
  border-right:1px solid #fff;
  color:#fff;
  font-size:16px;
  font-weight:normal;
  text-shadow:1px 1px 1px #000;
  padding:8px 0 7px 0;
  text-align:center;
  text-transform:uppercase;
  vertical-align:middle;
  width:130px;
}
#pricing-table th:last-child,
#pricing-table td:last-child {border-right:none;}

#pricing-table th.highlight,
#pricing-table th.popular {
  background:#526f8c;
  background: -moz-linear-gradient(#526f8c, #33485d);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#526f8c), to(#33485d));  
}
#pricing-table th.popular { width:160px;}
		  
#pricing-table th:first-child {
/*  padding:0;*/
  font-size:12px;
  text-align:left;
  padding-left:20px;
  border-right:1px solid #fff;
  text-shadow:1px 1px 1px #333;
  background:#a5b1bd;
  background: -moz-linear-gradient(#a5b1bd, #889299);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a5b1bd), to(#889299));  
}

#pricing-table th span {
  color:#bfdcec;
  font-size:10px;
  line-height:8px;
  text-transform:none;
}
/*#pricing-table th.heading {padding:0;  background:none; vertical-align:middle; }*/

#pricing-table tbody tr:first-child td.heading, /*{border-top:none;}*/
#pricing-table td.heading.overline { border-top:1px solid #cacfd1; }
#pricing-table td.heading { width:200px; background:#edeff1; border-left:1px solid #cacfd1; }

#pricing-table td.heading span.help {
  float:right;
  width:16px;
  height:16px;
  text-indent:-9999px;
  background:url(../images/icons/question_mark.png) no-repeat center center;
}
#pricing-table td.heading span.help:hover { background-image:url(../images/icons/question_mark_over.png); }

#pricing-table .odd td.heading { background:#e4e7e9; }

/* Main Data cells */
#pricing-table td { 
  height:50px; 
  text-align:center; 
  background:#dce7ed;
  border-right:1px solid #fff;
  border-top:1px solid #edf3f6;
  border-bottom:1px solid #cacfd1;
  text-shadow:1px 1px 1px #fff;
  vertical-align:middle; 
  font-size:16px;
  font-weight:bold;
  padding:20px 0; 
}	
#pricing-table td:last-child {border-right:1px solid #cacfd1;}
	  
#pricing-table .odd td { background:#d3dde3;}		  


#pricing-table td.highlight,
#pricing-table td.popular { background-color:#bfdcec;}
#pricing-table .odd td.popular,
#pricing-table .odd td.highlight { background-color:#bad4e3;}

#pricing-table td.heading {text-align:left; padding:20px; font-size:12px; color:#606569; font-weight:normal;}
#pricing-table td.heading.hide {visibility:hidden;}
#pricing-table td.heading strong {font-weight:bold; font-size:13px;color:#606569;}


/* Price */
#pricing-table tr.price td.value {
  font-size:40px;
  text-shadow:1px 1px 1px #fff;
  height:80px;
/*  padding:10px 0 10px 0;*/
  padding:10px 0 0 0;
  color:#61666b;
  border-top:1px solid #555960;
  border-top:none;
  background:#40454a;
  background: -moz-linear-gradient(#32373b, #40454a);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#32373b), to(#40454a));  
  letter-spacing:-1px;
  color:#fff;
  text-shadow:1px 1px 1px #000;
}
#pricing-table tr.price td.value:last-child {border-right:1px solid #000;}
#pricing-table tr.price td.value.highlight,
#pricing-table tr.price td.value.popular {
  background:#61A6D9;
  background: -moz-linear-gradient(#2C5C8D, #61A6D9);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2C5C8D), to(#61A6D9)); 
  position:relative; 
}

/*#pricing-table tr.price td.heading {
  background:#60676e;
  background: -moz-linear-gradient(#50575c, #60676e);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#50575c), to(#60676e));  
  color:#fff;
  text-shadow:1px 1px 1px #000;
}
#pricing-table tr.price td.heading strong {
  color:#fff;
  text-shadow:1px 1px 1px #000;
}
*/
#pricing-table tr.price td.value.highlight span,
#pricing-table tr.price td.value.popular span {
  background:#2C5C8D;
  -moz-border-radius:50px;
  -webkit-border-radius:50px;
  padding:4px 10px 3px 10px;
  color:#ccc;
  text-shadow:1px 1px 1px #000;
  position:absolute;
  top:53px;
  left:10px;
  font-size:12px;
}		  

#pricing-table tr.price td.value em {vertical-align:top; font-size:20px;font-style:normal;letter-spacing:0;}
#pricing-table tr.price td.value small {
  color:#b4babf;
  text-shadow:1px 1px 1px #222;
  font-size:12px;
  line-height:0;
  font-weight:normal;
}
#pricing-table tr.price td.value.popular small {
  color:#d9e3ea;
}

/* Traffic */
#pricing-table tr.traffic td.value {font-size:20px;}
#pricing-table tr.traffic td small {
  font-size:12px;
  color:#666;
  font-weight:normal;
}

/* Ticks */
#pricing-table tr td.value.tick {
  background-image:url(http://app.unbounce.com/images/icons/accept.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-indent:-9999px;
}

/* CTA buttons */
#pricing-table tr.cta td.value {
  background:#40454a;
  background: -moz-linear-gradient(#32373b, #40454a);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#32373b), to(#40454a));  
  padding:20px 0 10px 0;
  color:#c9ced4;
  font-size:12px;
  text-shadow:none;
  font-weight:normal;
}
#pricing-table tr.cta td.value.highlight,
#pricing-table tr.cta td.value.popular {
  background:#61A6D9;
  background: -moz-linear-gradient(#2C5C8D, #61A6D9);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2C5C8D), to(#61A6D9));  
  color:#fff;
  text-shadow:1px 1px 1px #444;
}
#pricing-table tr.cta td.value a:link,
#pricing-table tr.cta td.value a:visited {
  margin:0 20px 10px 20px;
  display:block;
  background:#f38424;
  background: -moz-linear-gradient(#fe9a42, #e76d03);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fe9a42), to(#e76d03));  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color:#fff0e3;
  text-shadow:1px 1px 1px #673600;
  border:none;
  padding:8px 10px 7px 10px;
  text-align:center;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #111;
}
#pricing-table tr.cta td.value a:hover {
  background:#f38424;
  background: -moz-linear-gradient(#ffbb7f, #ff8318);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbb7f), to(#ff8318));  
}
#pricing-table tr.cta td.value a:active {
  background:#e76d03;
  background: -moz-linear-gradient(#e76d03, #fe9a42);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e76d03), to(#fe9a42));  
}
#pricing-table tr.cta td.value a strong {
  font-size:16px;
  color:#fff;
  text-shadow:1px 1px 1px #673600;
}		  

/* Free and unbranded */
#pricing-table tr.free td.value {
  background:#e4e7e9;
  border-left:1px solid #cacfd1;
  padding:20px;
  font-size:13px;
  font-weight:normal;
  text-align:left;
  line-height:20px;
  color:#444;
}

/* Need Something Different? */
#special-needs {
  margin-bottom:20px;
  text-align:center;
  font-size:18px;
}

#pricing-free-option {
/*  background:#EDEFF1;*/
  border-top:1px solid #cacfd1;
  padding:20px 0;
  font-size:14px;
  font-weight:normal;
  text-align:left;
  line-height:20px;
  color:#444;
}

/* Old Pricing Plans */

#pricing-plans { margin-bottom:20px;}
#pricing-plans ul,
#pricing-plans ul li { margin:0 1px 0 0;padding:0;list-style:none;}
#pricing-plans ul li { float:left; }
#pricing-plans ul li a img { border:none; }


div.plan-features {width:570px;float:left;}
ul.pricing-plans-include {
  width:280px;
  margin:0;
}
ul.pricing-plans-include.left { float:left; }
ul.pricing-plans-include.center { margin-left:10px;width:300px;float:left; }
ul.pricing-plans-include.right { float:right; }
ul.pricing-plans-include li {
  margin:10px 0 0 0;
  list-style:none;
  background:url(../images/icon-tick.png) no-repeat 10px center #f1f1f1;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding:5px 36px;
  font-weight:bold;
}

ul.pricing-plans-benefit {
  float:left;
  width:32%;
  margin:0 10px 0 0;
}
ul.pricing-plans-benefit li {
  margin:10px 0 0 0;
  list-style:none;
  background:url(../images/icon-bullet-green.png) no-repeat 10px center #f1f1f1;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding:5px 36px;
  font-weight:bold;
}

div#offer-10x {
/*  display:none;*/
  background:url(../images/pricing/10x-offer-no-date.png) no-repeat;
  width:1000px;
  height:94px;
  margin:20px -61px;
}

div#need-something-different {
  width:285px;
  float:right;
}
div#need-something-different .content {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:1px solid #cfe0e8;
  background:#deecf2;
  margin-top:20px;
  padding:10px 10px 0 10px;
}
div#need-something-different .content .help {
  background:url(../images/icons/32/help.png) no-repeat 0 0;
  padding-left:42px;
  font-size:13px;
}
div#need-something-different h2 { margin-top:8px; font-size:22px; }
div#need-something-different .phone-number { font-size:22px; font-weight:bold; text-align:center; margin:0;}

#why-unbounce-works,
#pricing-faq {  clear:both;margin-top:30px; }
#pricing-faq h2 { border-bottom:none; }

/* FAQ */
ol#faq {
  margin:0;
  padding:0;
  list-style:none;
  margin-top:-10px;
  padding-top:20px;
/*  border-bottom:1px solid #ccc;
  background:#f1f1f1;
  background: -moz-linear-gradient(#f5f5f5, #eee);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#eee));
*/}
ol#faq li {
  width:437px;
  margin:0;
  padding:0;
  list-style:none;
  display:inline-block;
  vertical-align:top;
  margin-bottom:10px;
}
ol#faq li p { font-size:13px !important; padding:0 20px; }
ol#faq li:nth-child(even) p, ol#faq li:nth-child(even) h3 {padding-right:0;}
ol#faq li:nth-child(odd) p, ol#faq li:nth-child(odd) h3 {padding-left:0;}
ol#faq li h3 { font-size:14px !important; font-weight:bold; margin:0; padding:0 20px;}


/* Testimonials */
#pricing-testimonials {
  margin:0 -40px 0 -40px;
  padding:10px 40px 0 40px;
  background:#e6e7e8;
  text-shadow:1px 1px 1px #fff;
  border-top:1px solid #bdc0c0;
  border-bottom:1px solid #bdc0c0;
}
  #pricing-testimonials blockquote {
    background:none;
    float:left;
    width:48%;
    margin:0 0 20px 0;
    padding:0;
    border:none;
    text-align:left;
}
#pricing-testimonials blockquote.right { float:right; }
#pricing-testimonials blockquote p { margin:10px 0 15px 0;}
#pricing-testimonials blockquote p em {font-style:italic; font-family:georgia, "Times New Roman", serif; font-size:16px; line-height:24px; }
#pricing-testimonials blockquote p.cite { line-height:18px; border-left:2px solid #bdc0c0; padding-left:15px;}
#pricing-testimonials blockquote p.cite strong { font-size:14px; }


p.note-branding { 
  margin-top:40px;
  clear:both;
}

/* Titles */
.pricing-block h2 {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left:48px;  
}
#pricing-testimonials h2 { background-image:url(/images/comment.png); margin-top:20px; border-bottom:none; }
#pricing-faq h2 { background-image:url(/images/help.png) }