.plans-index #content{ margin: 0;	padding: 0; width: 100%; }
.plans-index #header_wrapper #header{ height: 68px; overflow: hidden; }
.plans-index #copy-bar{ color: #667; font-size: 2em; text-align: center; }
#plans-content{ background: #dc3e12 repeat-x url("/images/n/featured-content-bg.png"); padding: 20px 0 30px; border-bottom: 1px solid #993214; overflow: auto; }


#plans_header{ margin-bottom: 20px; position: relative; text-align: center; color: #fff; }
#plans_header p{ font-size: 1.6em; }
#plans_header h1{ margin: 0 0 0.2em; }

/* Plan Matrix */
.plans-index #content{ overflow: visible; }
#plans #trial{ position: relative; } 
	#plans #pricing_ribbon{ position: absolute; top: 7.8em; left: -15px; }
	
.plan{ display: block; float: left; width: 177px; margin: 10px 0; padding: 15px 10px; border: 1px solid #334; color: #667; background-color: #F5F4FB; text-align: center; }
	li.first, li.second { border-right: 0; }
	li.second { background: #F5F4FB url("/images/left-shadow.png") repeat-y right; }
	li.fourth { border-left: 0; background: #F5F4FB url("/images/right-shadow.png") repeat-y left; }
	li.highlighted{ padding: 25px 10px; margin: 0; background: #F7FDFF; border-color: #3373c7; border-width: 3px; }
	
	.plan h3{ font-size: 2.1em; margin-bottom: 0; text-shadow: 0 -1px 0 rgba(0,0,0,.15); }
	  li.highlighted h3{ color: #334; text-shadow: 0 -1px 0 rgba(0,0,0,.15); }
	  .plan h3 a{ color: #667; text-decoration: none; }
	  li.highlighted h3 a{ color: #334; }
	
	.plan .feature{ font-size: 1.6em; line-height: 28px; }
	  .plan .feature strong{ color: #DC3E12; }
	
	.plan .price{ font-size: 1.4em; margin: .15em 0 .25em; }
	  .plan .price a{ color: #667; text-decoration: none; }
	  li.highlighted li.price{ color: #334; text-shadow: 0 -1px 0 rgba(0,0,0,.15); }
	    li.highlighted li.price a{ color: #334; }
	
	.plan li.subtitle{ color: #7ca7dc; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #BCBBC9; text-transform: uppercase; }
	  .plan li.subtitle a{ color: #7ca7dc; text-decoration: none; }
	  li.highlighted li.subtitle{ font-weight: bold; color: #3373c7; text-shadow: 0 -1px 0 rgba(0,0,0,.15); }
	    li.highlighted li.subtitle a{ color: #3373c7; }

	
	.plan li{ margin: 0; font-size: 1.1em; }

		.plan .button, #plan-actions .button{ height: 30px; text-decoration: none; margin: 0.6em auto 0; border: 0; width: 120px; display: block; background: transparent url("/images/n/button_green.png"); line-height: 30px; color: #fff; font-size: 1.3em; text-align: center; font-weight: bold; }
			.plan .button:hover, #plan-actions .button:hover{ text-decoration: underline; }
		.plan .my_plan_button{ background: url("/images/n/button_blue.png"); }
		.plan .downgrade, #plan-actions .gray{ background: url("/images/n/button_gray.png"); }		
		
	.plan .attribute{ line-height: 27px; }
	  .plan .attribute strong{ color: #DC3E12; font-weight: normal; }
		
#plan-questions{ clear: both; overflow: hidden; padding-top: 2em; margin-bottom: 2em; }
	#plan-questions .left{ float: left; width: 370px; padding-right: 30px; border-right: 1px solid #DEDDE7; }
	#plan-questions .right{ float: left; width: 370px; margin-left: 29px; }
	#plan-questions h3{ font-size: 1.2em; color: #334; margin-bottom: .35em; }
	#plan-questions p{ font-size: 1.1em; }

/* page specific plans / plan_templates */
.plans-show .plan{ float: right; }

#try-free { clear: both; height: 14px; line-height: 14px; font-size: .9em; position: relative; top: -7px; color: #f4c8b8; }
  #try-free a { color: #fff; text-decoration: none; }
  #try-free a:hover { text-decoration: underline; }

/* My Plan */
#my_plan_details{ width: 200px; float: left; margin-right: 100px; }
	#my_plan_details .plan{ width: 100%; float: none; }
#payment_method{ float: left; width: 500px; }
	#payment_method #payment_box{ border: 1px solid #BCBBC9; background: #F5F4FB; padding: 15px 20px; font-size: 1.2em; margin-bottom: 60px; }
		#payment_method #payment_box li{ margin: 0; padding: 5px 0; }

#plan-actions{ margin-left: 2px; }
	#plan-actions .button{ float: left; margin: 0 2px 10px 2px; font-size: .95em; }

#transaction_history{ float: right; }
#transaction_history a{ color: #99a; font-size: 0.8em; text-decoration: none; }
  #transaction_history a:hover{ text-decoration: underline; }

/* Receipts */
.thank_you{ font-size: 2em; color: #667; text-align: center; }
.receipt_note{ color: #99a; width: 800px; margin: 0 auto; }
#receipt{ padding: 15px 20px; font-size: 1.2em; width: 800px; margin: 40px auto 20px; }
	#receipt p{ margin: 5px 0; }
	
#flash_bar{ text-align: center; padding: 2em; background: #F5F4FB; border-bottom: 1px solid #DEDDE7; }
	#flash_bar h4{ font-size: 2em; color: #334; width: 800px; margin: 0 auto 0em; }
	#flash_bar p{ font-size: 1.6em; color: #667; width: 800px; margin: 0 auto; }

/* Everything below here is residual copy over from the subscriptions plan */


/* New Subscription */
#new_subscription{ float: left;	width: 70%;	}
	#new_subscription form{ margin-top: 2.5em; }
	#new_subscription fieldset{	border-top: 1px solid #DEDDE7; margin: 0; padding: 1.75em .5em;	}
	#new_subscription .subtext, #new_subscription .help{ clear: both; color: #99a; display: block; font-size: x-small; padding-top: 1em; padding-left: .05em; width: 95%; /* Triggers hasLayout for IE 6 and 7 */ }
		#new_subscription .help{ padding: 0; margin-left: 0; margin-bottom: 1.5em; }

		.checkbox_subtext{ margin-left: 2em; }

	a.cancel{ color: #99a; padding-right: 1em; text-decoration: none; }

	#new_subscription label{ display: block; }
		#new_subscription label span.cost{ display: block; float: right; font-size: x-small; padding-top: .5em; text-align: right; width: 25%; }
		#new_subscription label span.item{ float: left; width: 70%; }
	#new_subscription fieldset.submit_container{ padding-top: 2.5em; text-align: right; }
	#new_subscription legend{ padding-bottom: 1em; }
	
.total{ color: #334; float: right; font-size: x-small; font-weight: bold; text-align: center; text-transform: uppercase; width: 20%; }
	.total .quantity{ border: 1px solid #339E35; border-left: none; border-right: none;	 color: #339E35; display: block; font-size: x-large; font-family: Georgia; margin-top: .25em; padding: .85em 0 1em 0; }

	#main_account_form #credit_card_month{ width: 140px; float: left; margin-right: 20px; }
	#main_account_form #credit_card_year{ width: 80px; float: left; }


/* Step 2 */
.left_input{ clear: both; float: left; width: 45%; padding: 0; }
	
.right_input{ float: right; width: 45%; padding: 0; }
	
	#confirm .left_input{ width: 60%; }
	#confirm .right_input{ width: 30%; }
	  #cancel_subscription{ padding: 1em 2em 0 2em; }
	  #cancel_subscription #confirm .left_input { width:65%; }
	
	.top_break{ margin-top: 1.25em; }
	.large_top_break{ margin-top: 2em; }
	
	#new_subscription .left_input input.text, #new_subscription .right_input input.text{ margin-bottom: .25em; }
	.right_input .right_input{ padding-right: 2%; }
	.right_input .left_input select{ display: block; margin-top: 4px; }
	
	
	#new_subscription #credit_card_verification_value{ width: 35%; }
	
	#pay_now{ padding-top: 0em; text-align: right; }
	  #pay_now input{ font-size: large; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	  
	#no_please_dont{ margin-top: 15px; text-align: right; }
	  #no_please_dont a { color:#99a; text-decoration:none; }
	  #no_please_dont a:hover { text-decoration:underline; }
		
	#recurring_payments_label{ margin-top: 1em; }
	
#plan_details{ float: right; margin-top: 2.5em; width: 24%; }
	
	#plan_details td{ border-width: 1px 0; }
	#plan_details tr.odd td{ background: #F7FDFF; }
	
	#plan_details table tr.pricing td{ font: medium "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: .75em; padding: .5em; text-align: right; }
		
		#plan_details tr.pricing td.value{ font-weight: bold; }

.response{ display: none; }


.select{ background: #F0F0F0; border: 1px solid #DEDDE7; color: #334; font-size: 1.2em; padding: 3px 6px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; display:block; text-align: center; }

	a.select:hover{ background: #D14414; border: 1px solid #993214; color: #fff; text-decoration: none; }
	

.wide_facebox { width: 650px; }