@charset "utf-8";

/* sales headings */

p { font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0 0 10px;}
p.features { padding: 10px 5px 25px 0; text-align: justify; margin: 0 20px 0 0;}

h1, h1 a {font-size: 36px; font-weight: bold; color: #000; letter-spacing: -1px; text-align: center; line-height: 1em; text-decoration: none;}
h2, h2 a {font-size: 22px; font-weight: normal; color: #666;; letter-spacing: -1px; text-align: center; line-height: 1em; padding-top: 10px; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none;}
h3, h3 a {font-size: 26px; color: #930;; letter-spacing: -1px; text-align: center; line-height: 1em; padding-top: 20px; text-decoration: none;}
h4, h4 a {font-size: 20px;  font-weight: normal; color: #333;; letter-spacing: -1px; line-height: 1em; padding: 0 0 10px 10px; border: none; text-decoration: none;}
h5, h5 a {font-size: 18px; color: #666;; letter-spacing: -1px; line-height: .8em; border: none; text-decoration: none;}

/* index banner */

#banner { width: 100%; height: 300px; background: url(../images/banner_bg.gif) repeat-x; padding-top:5px;}
.banner-image { float: left; width: 280px; padding: 60px 0 0 20px;}
.banner-text { float: left; width: 580px; padding: 20px 20px 0 0;}
.banner-link a:link, .banner-link a:visited, .banner-link a:hover, .banner-link a:active { text-decoration: none;}

/* index layout */

div.index-text {padding: 0 10px; width: 620px; border-right: 1px dashed #999; float: left;}
div.index-text p { font-size: 16px; }

div.index-sidebar { width: 285px; float: right;}
div.index-sidebar ul {font-size: 18px; font-weight: bold; color: #333;; letter-spacing: -1px; padding: 15px 0 30px 0;  border: none; text-decoration: none; margin-right: 10px;}
div.index-sidebar ul li { margin-left: -18px; padding: 10px 3px;}
div.index-sidebar a:link, div.index-sidebar a:active, div.index-sidebar a:visited {text-decoration: none; padding: 10px 5px; color: #3564DC;}
div.index-sidebar a:hover {color: #333; }
div.index-sidebar img {margin: 0 0 -10px 0;}

div.twitter-box h4 { padding: 0; margin: 20px 0 0 0;}
div.twitter-box {margin-top: 30px;}
div.twitter-box h4 img { padding: 0; margin: 0 10px -6px 0;}

/* features layout */

div.features-text { font-size: 16px; padding: 0 0 0 20px;}
div.features-text p { font-size: 16px; padding: 10px 0 0 0;}
div.features-text h3 { text-align: left;}
div.features-text h4 { padding: 0; margin: 20px 0 0 0;}
div.features-text h4 img { padding: 0; margin: 0 5px -1px 0;}

p.sales-navlink {text-align: right; font-weight: bold; font-family: Verdana, Geneva, sans-serif;}
p.sales-navlink img {margin: 0 5px -2px 0;}
p.sales-navlink a:link, p.sales-navlink a:visited, p.sales-navlink a:active {text-decoration: none;}
p.sales-navlink a:hover {text-decoration: underline;}
.navlink-right {margin-right: 30px;}

div.features-image-wrapper {height: 100px;}

/* plans page styles */

div.plans-container {padding: 10px; font-family: helvetica,arial,sans-serif; width: 600px;  float: left;}
div.plans-info {font-family: helvetica,arial,sans-serif; width: 280px; float: right; border-left: 1px dashed #999; padding-left: 15px;}
div.plans-narrow { width: 480px; margin-left: 20px; padding: 5px; background-color: #efefef;}
div.plans-wide { width: 530px; padding: 5px 5px; border: 3px solid #69F;}
div.more-plans-header { margin: 20px 0 0 20px; width: 480px; padding: 5px; background-color: #efefef; font-weight: bold; border: 2px solid #999;}
div.more-plans-header a { text-decoration: none; }
div.more-plans-content { width: 480px; margin-left: 20px; padding: 5px; background-color: #efefef;
border-bottom: 2px solid #999; border-right: 2px solid #999; border-left: 2px solid #999;}
div.more-plans-row {background-color: #FFF; padding: 5px; margin-bottom: 2px;}
div.more-plans-title {float: left; padding: 5px 0 0 5px; font-weight: bold; font-size: 14px; margin: 0 0 2px 0;}
div.more-plans-button {float: right;}
div.more-plans-content p {font-size: 16px; color: #333; font-weight: bold;}
div.more-plans-content ul li {font-weight: bold; padding: 5px 0px;}
div.p-top { border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; }
div.p-bottom { border-bottom: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; }
div.above-shadow{background-image: url("../images/bottom-shadow.png"); background-position: bottom; background-repeat: repeat-x; }
div.below-shadow{background-image: url("../images/top-shadow.png"); background-position: top; background-repeat: repeat-x; }
div.plans-wide h1, div.plans-wide h1 a {font-size: 30px; color: #000; letter-spacing: -1px; line-height: 1em; text-decoration: none;}
div.plans-narrow h1, div.plans-narrow h1 a {font-size: 28px; bold; color: #666; letter-spacing: -1px; line-height: 1em; text-decoration: none;}
div.plans-wide h2, div.plans-wide h2 a {font-size: 24px; color: #333; letter-spacing: -1px; line-height: .6em;  text-decoration: none; border: none;}
div.plans-narrow h2, div.plans-narrow h2 a {font-size: 22px; color: #999; letter-spacing: -1px; line-height: .6em;  text-decoration: none; border: none;}
div.plans-wide h3, div.plans-wide h3 a {font-size: 18px; color: #4582b8; text-transform: uppercase;  text-decoration: none;}
div.plans-narrow h3, div.plans-narrow h3 a {font-size: 16px; color: #4582b8; text-transform: uppercase;  text-decoration: none;}
div.plans-header {margin-bottom: 20px;}
div.plans-header h1, div.plans-wide h1 a {font-size: 30px; font-weight: bold; color: #000; letter-spacing: -1px; line-height: 1em; text-align: center;}
div.plans-header h3, div.plans-wide h3 a {font-size: 26px; border-bottom: 1px dashed #999; padding-bottom: 15px;}
.plan-info { width: 230px; float: left;}
.plan-details {width: 240px;float: right; padding: 3px 3px 3px 0; text-align: right; font-size: 16px; font-weight: bold;}
.plan-details ul li  { padding-top: 3px;}
.plan-details ul li strong{ color: #C33700; font-size: 16px;}
.signup-freeplan {margin: 10px 20px; font-size: 12px; color: #666;}

table.subscription_table {margin-left: 8px;}

.sales-list ul { display: block; list-style-type: disc; margin: 1em 0; padding-left: 40px; padding-right: 20px;}
.sales-list ol { display: block; list-style-type: decimal; margin: 1em 0; padding-left: 40px; }
.sales-list ul li { padding-top: 10px; display: list-item; list-style-image: url(../images/icons/farmfresh/16/bullet_blue.png); }

/* signup page */

.signupform {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background: #FDFFDF;
margin:0 21px 21px 0;
padding:20px;
}

.signupform h2, .signupsidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#444237;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0.8em;
	padding-left:15px;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
	}
.signupform h3, .signupsidebar h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#888;
	font-size:14px;
	margin-top:14px;
	padding-left:15px;
	text-align: left;
	padding-top: 0;
	margin-top: 5px;
	}

.signupform p, .signupsidebar p {font-family: Arial, Helvetica, sans-serif; padding-left: 15px; font-size: 14px; }

.signupform label {
	color:#CF4E00;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 0 15px;
}

.signupform input {
	background: #FFFFFF;
	border:1px solid #9F3C00;
	font-family:Arial,sans-serif;
	font-size:1.4em;
	margin:3px 15px 10px;
	padding:5px;
	width:450px
}

.signupsidebar {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background: #F6F6F6;
margin:0 0 21px 0;
padding:10px;
}

.signupsidebar ul {margin: 15px 0 0 15px;}

.signupsidebar li {margin-top: 5px; font-weight: bold; font-size: 14px; color: #666; list-style: disc; list-style-position: inside;}

.trialbutton-container {
text-align: right;
margin: 15px 25px 60px 0;	
}