html, body {
   margin: 0;
   padding: 0;
   min-width: 600px;
   background-color: white;
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
   font-size: 12pt;
   font-weight: normal;
   color: #353535 !important;
   -webkit-font-smoothing: antialiased;
   min-height: 100%;
}

/* header */
#header {
   background-color: #3F3F3F;
   padding-top: 20px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   width: 100%;
   color: #282828;
}

#header-menu {
   float: right;
}

#header-logo, #header-buckets-tabs {
   text-align: left;
   min-width: 600px;
}

#header-pails-tabs {
   text-align: left;
   padding-left: 10px;
   padding-right: 10px;
}

#header-logo {
   margin-bottom: 20px;
}

#header-logo img {
   width: auto;
   height: auto;
}

#header-logo h1 {
   color: #3F9EE2;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
}

#header-logo h2 {
   color: #F2F2F2;
   margin-top: 0px;
   font-family:'Open Sans Light',Helvetica,Arial,sans-serif;
   font-weight: lighter;
   font-size: 12pt;
}

#header-logo img {
	float: left;	
   margin-right: 20px;
}

#header-tabs.fixed {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1;
   width: 100%;
   background-color: #3F3F3F;
   opacity: 0.9;
   min-width: 600px;
}

#header-buckets {
   margin-bottom: 6px;
   padding-top: 8px;
   white-space: nowrap;
}

#header-buckets-tabs {
}

#header-buckets-tabs a {
 	color: #F2F2F2;
 	text-decoration: none;
   font-size: 12pt;
   padding-top: 7px;
   padding-bottom: 12px;
   padding-left: 12px;
   padding-right: 12px;
   text-transform: uppercase;
   -webkit-transition-duration: 0.0s;
   -moz-transition-duration: 0.0s;
   transition-duration: 0.0s;
}

#header-buckets-tabs a:hover {
   background-color: #5F5F5F;
   padding-bottom: 6px;
}

#header-pails-tabs a:hover {
   color: #00BAF2;
}

#header-pails {
   background-color: #E5E5E5;
   padding-top: 4px;
   padding-bottom: 0px;
   white-space: nowrap;
   min-height: 8px;
}

#header-pails-tabs {

}

#header-pails-tabs a {
 	color: #282828;
 	text-decoration: none;
   text-transform: uppercase;
   margin-top: 0px;
   font-size: 10pt;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 8px;
   padding-bottom: 8px;
   border: 1px solid #E5E5E5;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

#header-pails-tabs a:hover {
   background-color: #D9D9D9;
   color: #353535;
}

#header-pails-tabs ul ul {
   display: none;
}

#header-pails-tabs ul li:hover > ul {
   display: block;
}

#header-pails-tabs ul {
   list-style: none;
   position: relative;
   display: inline-table;
   margin: 0;
   padding: 0;
}

#header-pails-tabs ul:after {
   content: "";
   clear: both;
   display: block;
}

#header-pails-tabs ul li {
	float: left;
}

#header-pails-tabs ul li a {
	display: block; 
}

#header-pails-tabs ul ul {
   padding: 0;
	position: absolute; 
   top: 100%;
   z-index: 500;
}

#header-pails-tabs ul ul li {
	float: none; 
	position: relative;
}

#header-pails-tabs ul ul li a {
   padding: 8px 50px 8px 12px;
   background-color: #E5E5E5;
}	

#header-pails-tabs ul ul ul {
	position: absolute;
   left: 100%;
   top:0;
}

.breadcrumbs-container {
   background-color: #E0E0E0;
}

.breadcrumbs {
   font-size: 10pt;
   text-align: left;
   padding-left: 35px;
   padding-right: 20px;
   padding-bottom: 5px;
   padding-top: 5px;
   max-width: 1030px;
   margin: 0px auto 0px auto;
}

.highlight {
   color: #F34C11 !important;
   font-weight: bold !important;
}

/* override bootstrap */
h1, h2, h3 
{
   font-family: 'Open Sans Light',Helvetica,Arial,sans-serif;
   font-weight: normal;
   margin-bottom: 25px;
}

blockquote {
   border-left: none;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
   border-top: none;
}

img {
	border-width: 0px;
}

a {
   -webkit-transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
   transition-duration: 0.5s;
}

a {
   color: #00BAF2;
   text-decoration: none;
}

a:hover {
   color: #0099c7;
   text-decoration: underline;
}

/* div grid */
.table {
   display: table;
}

.row {
   display: table-row;
}

.cell {
   display: table-cell;
}

.content-gray {
   width: 100%;
   background-color: #F8F8F8;
   border-top: 1px solid #ECECEC;
   border-bottom: 1px solid #ECECEC;
   margin-top: 60px;
   padding-bottom: 40px
}

.content-blue {
   width: 100%;
   background-color: #2672EC;
   margin-top: 60px;
   margin-bottom: 40px;
   padding-top: 10px;
   padding-bottom: 10px;
   color: white;
}

/* version history */
.version-history h3 {
   margin-top: 30px;
   margin-bottom: 0px;
   background-color: #f5f5f5;
   padding: 12px;
}

.version-history ul {
   margin-top: 8px;
}

/* support */
.support-cell {
   cursor: pointer;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.support-cell p {
   padding-top: 160px;
}

/* features table */
.table-features {
   margin-top: 20px;
}

.table-features h2 {
   margin-top: 16px;   
   font-size: 16pt;
}

.table-features p {
   margin-top: 0px;   
   font-size: 11pt;
   margin-bottom: 40px;
}

/* variants table */
.table-variants {
   width: 100%;   
   font-size: 11pt;
   margin-bottom: 40px;
}

.table-variants tr {
   height: 63px;
   vertical-align: middle;
}

.table-variants td {
   padding: 12px;
}

.table-variants-row-1 {
   background-color: #f5f5f5 !important;
}

.table-variants-row-2 {
   background-color: #e5e5e5 !important;
}

.table-variants-row-3 {
   background-color: #d5d5d5 !important;
}

.cell-variant-logo {
   min-width: 120px;
}

/* version history */
.table-versions {
   border-spacing: 10px;
   border-collapse: separate;
}

.table-versions td {
   padding: 10px;
}

/* feature comparison */
.table-comparison {
   width: 100%;   
   font-size: 11pt;
}

.table-comparison td {
   padding: 6px;
}

.table-header-row td {
   border-bottom: 5px solid #E5E5E5 !important;
}

.table-comparison tr:nth-child(2n+3) {
   background-color: #f5f5f5;
}

.table-comparison-col1 {
   text-align: left;
}

.table-comparison-col2 {
   text-align: center;
   width: 200px;
}

.table-comparison-col2 h2 {
   margin: 0;
}

.table-comparison-col-ultimate {
   border-left: 3px solid #F34C11;
   border-right: 3px solid #F34C11;
}

/* basic table */
.header-row td {
   border-bottom: 5px solid #E5E5E5 !important;
}

/* anchors */
.anchor {
   position:relative;
}

.anchor a {
   position: absolute; 
   top: -200px;
}

/* tooltip */
.feature-tooltip span{
   display: none;
   text-decoration: none;
   color: #353535;
   padding: 8px;
}

.feature-tooltip:hover {
   cursor: help;
}

.feature-tooltip:hover span {
   display: block;
   position: absolute;
   border: 1px solid #C5C5C5;
   margin: 2px 200px;
   background-color: #D9D9D9;
   width: 500px;
   text-align: left;
   font-size: 85%;
}

/* clients */
.client {
   width: 150px;
   margin: 20px;
}

/* testimonials */
.testimonial-block blockquote {
   font-size: 11pt;
   background-color: #E5E5E5;
   position:relative;
   padding:15px;
   margin:1em 0 3em;
   border: 0px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
}

.testimonial-block blockquote:before {
   content: none;
}

.testimonial-block blockquote:after {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  right:30px; /* controls horizontal position */
  border-width:20px 20px 0 0px; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#E5E5E5 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

#testimonials table {
   width: 100%;
   height: 100%;
   min-height: 200px;
}

#testimonials td {
   vertical-align: middle;
}

blockquote {
  margin: 0;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

cite {
   font-weight: bold;
   display: inline-block;
   line-height: 30px;
   font-size: 11pt;
}

.cite {
   text-align: right;   
   font-weight: bold;
   display: block;
   line-height: 30px;
   padding-right: 60px;
   margin-top: -50px;
}

/* contact us */
#ContentPlaceHolderMain_contactUsControl_labelResponse {
   font-weight: bold;
}

/* footer */
#footer {
   background-color: #3F3F3F;
   padding-top: 20px;
   padding-bottom: 4px;
   margin-bottom: 0px;
   margin-top: 80px;
   width: 100%;
   color: #F2F2F2;
   border-top: 15px solid #E5E5E5;
}

#footer-content {
   max-width: 1050px;
   min-width: 600px;
   text-align: left;
   padding-left: 20px;
   padding-right: 20px;
   max-width: 1030px;
   margin: 0px auto 0px auto;
   text-align: center;
}

#footer-buckets-wrapper {
   display: inline-block;
   text-align: left;
}

.footer-buckets {
   float: left;
   margin-bottom: 20px;
   margin-right: 30px;
}

.footer-bucket {
   font-size: 10pt;
   text-transform: uppercase;
   text-decoration: none;
   color: white;
}

.footer-bucket:hover {
   color: #00BAF2;
}

.footer-pail {
   font-size: 8pt;
   text-decoration: none;
   color: #C5C5C5;
}

.footer-pail:hover {
   font-size: 8pt;
   text-decoration: none;
   color: #00BAF2;
}

#footer p {
   color: #F2F2F2;
}

.copyright {
   color: #C5C5C5;
   font-size: 9pt;
   text-align: left;
}

.no-scale {
   width: auto !important;
}

/* global elements */
.autosize {
   width: 100%;
   height: auto;
}

.content-blue a {
   color: white;
   text-decoration: underline;
}

.active-bucket {
   background-color: #E5E5E5;
   padding-bottom: 12px !important;
   color: black !important;
}

a.active-bucket:hover {
   background-color: #E5E5E5 !important;
   padding-bottom: 12px !important;
   text-decoration: underline !important;
}

.active-pail {
   font-weight: bold;
}

a.active-pail:hover {
   color: black !important;
}

.menu-button {
   border: 0;
}

/* buttons */
a.button-huge {
   background-color: #F34C11;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: center;
   display: inline-block;
   margin: 20px;
   color: white;
   font-size: 20pt;
   text-decoration: none;
   cursor: pointer;
}

a.button-huge:hover {
   background-color: #DF3800;
}

a.button-large {
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
   display: block;
   margin: 10px;
   font-size: 14pt;
   text-decoration: none;
   cursor: pointer;
}

a.button-medium {
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
   display: block;
   margin: 10px;
   font-size: 12pt;
   text-decoration: none;
   cursor: pointer;
}

a.button-light-blue:hover {
   background-color: #4490FF;
}

a.button-light-blue {
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
   margin-top: 40px;
   margin-bottom: 20px;
   margin-left: 4px;
   margin-right: 4px;
   font-size: 12pt;
   text-decoration: none;
   cursor: pointer;
   background-color: #3581FB;
   color: white;
   display: inline-block;
}

a.button-blue:hover {
   background-color: #2163C6;
}

a.button-blue {
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
   width: 220px;
   margin: 4px;
   font-size: 12pt;
   text-decoration: none;
   cursor: pointer;
   background-color: #2672EC;
   color: white;
   display: inline-block;
}

a.button-gray:hover {
   background-color: #7e7e7e;
}

a.button-gray {
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
   width: 220px;
   margin: 4px;
   font-size: 12pt;
   text-decoration: none;
   cursor: pointer;
   background-color: #8e8e8e;
   color: white;
   display: inline-block;
}

.lite:hover {
   background-color: #727272;
   color: white;
}

.lite {
   background-color: #8e8e8e;
   color: white;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.pro:hover {
   background-color: #E57E00;
   color: white;
}

.pro {
   background-color: #ff8d00;
   color: white;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.ultimate:hover {
   background-color: #D8410F;
   color: white;
}

.ultimate {
   background-color: #F34C11;
   color: white;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.white-link a {
   color: white;
   text-decoration: none;
}

.discount {
   position: relative;
   clear: none;
   overflow: hidden;
   background-color: rgba(255, 255, 255, 0.12);
   margin-bottom: 20px;
   margin-right: 2%;
   margin-left: 0px;
}

.discount a {
   color: white;
   text-decoration: none;
}

.discount img {
   opacity: 1;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
   padding: 5%;
   max-width: 200px;
}

.discount:hover img {
   position: relative;
   z-index: 0;
   opacity: 0.3;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.discount p {
   display: block;
   position: absolute;
   width: 100%;
   top: 60%;
   left: 0;
   z-index: 100;
   font-size: 60px;
   opacity: 0;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
   float: left;
}

.discount:hover p {
   opacity: 1;
   top: 30%;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

/* inputs */
input {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   transition-duration: 0.8s;
}

.textbox {
   padding: 8px;
   border: 1px solid #D5D5D5;
   font-size: 12pt;
   margin-bottom: 10px;
   vertical-align: top;
   font-family:'Open Sans',Helvetica,Arial,sans-serif;
}

.watermark {
   color: #959595;
}

.button {
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 12px;
   padding-bottom: 12px;
   text-align: center;
   font-size: 12pt;
   text-decoration: none;
   cursor: pointer;
   background-color: #3F3F3F;
   color: white;
   border: 0;
   margin-right: 20px;
}

.button:hover {
   background-color: #D63D0E;
}

.error {
   color: #D63D0E;
}

.blurb {
   max-width: 800px;
   margin: 0px auto 0px auto;
}

/* faq */
#faqs {
   position:relative; 
}

#faqs h3	{
    cursor:pointer; 
    background-color: #E5E5E5;
    padding: 12px;
    margin-bottom: 0px;
    color: #353535;
    border-left: 8px solid #2672EC;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   transition-duration: 0.3s;
}

#faqs h3:hover {
   background-color: #D9D9D9;
}

#faqs h3.active {
    color: white;
    background-color: #2672EC;
}

#faqs div { 
   height: 0; 
   overflow: hidden;
   position: relative; 
}

#faqs div p	{ 
   padding: 10px 0px 0px 10px; 
   margin-bottom: 15px; 
   position:relative;
   top: 0px;
   left: 0px;
}

/* fastspring */
.store-product-detail-image {
   margin-top: 30px;
}

.store-product-detail-title {
   font-size: 30pt;
}

.store-product-detail-offer-title {
   font-size: 12pt;
}

.store-product-list-item-description {
   margin-top: 20px;
}

.ext-gecko .store-product-options-radio input {
   vertical-align: top;
}

.store-action-command {
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 6px;
   padding-bottom: 6px;
   text-align: center;
   border-radius: 0px;
   font-size: 11pt;
}

.store-decorate-button .store-page-navigation .store-action-command, .store-decorate-button .store-product-list-item-action-list .store-action-command, .store-decorate-button .store-page-navigation .store-action-command:hover, .store-decorate-button .store-product-list-item-action-list .store-action-command:hover, .store-decorate-button .store-page-navigation .store-action-command:active, .store-decorate-button .store-product-list-item-action-list .store-action-command:active, .store-decorate-button .store-page-navigation .store-action-command:link, .store-decorate-button .store-product-list-item-action-list .store-action-command:link, .store-decorate-button .store-page-navigation .store-action-command:visited, .store-decorate-button .store-product-list-item-action-list .store-action-command:visited, .store-decorate-button .store-page-navigation .store-action-command:focus, .store-decorate-button .store-product-list-item-action-list .store-action-command:focus {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14pt;
    border-radius: 0px;
    border: none;
    font-weight: normal;
}

.store-decorate-button .store-page-navigation .store-action-command {
   border-radius: 0px;
   background-color: white;
   background-color: #F34C11 !important;
   padding-left: 20px !important;
   padding-right: 20px !important;
   padding-top: 12px !important;
   padding-bottom: 12px !important;
   text-align: center;
   color: white !important;
   font-size: 20pt;
   text-decoration: none;
   cursor: pointer;
}

.store-decorate-button .store-page-navigation .store-action-command:hover {
   border-radius: 0px;
   background-color: #D63D0E !important;
}

, .store-decorate-button .store-product-list-item-action-list .store-action-command {
   background-color: white !important;
   color: #353535 !important;
}

.store-action-input {
    font-size: 12pt;
}

.store-decorate-silk input[type="text"] {
    padding: 1px 3px;
    background: none;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 0px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: normal;
}

.store-product-option-group-title {
   font-weight: bolder;
   margin-top: 30px;
}

.store-payment-method-list {
   margin-top: 5px;
}

.store-payment-method-list li + li {
    margin-top: 5px;
}

/* responsive */
@media all and (max-width: 900px) {
   #testimonials {
      font-size: 12pt;
   }

   .hover-text p {
      font-size: 40px;
   }
}

@media all and (max-width: 750px) {
   #header-tabs {
      margin-top: 10px;
   }

   #header-buckets-tabs a {
      font-size: 10pt;
   }

   #testimonials {
      font-size: 11pt;
   }

   html, body {
      font-size: 11pt;
   }

   .hover-text p {
      font-size: 80px;
      top: 40%;
   }

   .hover-text p:hover {
      font-size: 80px;
      top: 20%;
   }
}