body {
 margin: 0;
 padding: 0;
 background: #303336;
 background: -moz-linear-gradient(#303336, #404448) fixed;
 background: -webkit-linear-gradient(#303336, #404448) fixed;
 background: linear-gradient(#303336, #404448) fixed;
 color: #fff;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
 font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-style: normal;
 font-size: 16px;
 box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.5);
}
.title, .button, h1, h2, h3, .tagline, .faqQuestion {
 font-style: italic;
}
a {
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
h2 a:hover {
 border-bottom: 2px solid white;
 text-decoration: none;
}
#top {
 padding-top: 1px;
 text-align: center;
 background: #fff;
 background: -moz-linear-gradient(top, #eeeff0 100px, #fff);
 background: -webkit-linear-gradient(top, #eeeff0 100px, #fff);
 background: linear-gradient(top, #eeeff0 100px, #fff);
 color: #50555a;
}
#top .tagline {
 margin-top: 0;
 font-style: italic;
 font-weight: normal;
}
#top .content {
 width: 720px;
 padding: 0;
}
.content {
 margin: 0 auto;
 padding: 1em 2em;
}
#top img {
 max-width: 100%;
 display: block;
}
#top img.logo {
 font-size: 3em;
 margin-top: 0.75em;
 width: 720px;
 height: 80px;
}
#top img.pic {
 width: 720px;
 height: 480px;
}
.buttons {
 text-align: center;
 position: relative;
 z-index: 1;
 margin: 0;
 padding: 0;
}
.buttons li {
 display: inline-block;
}
a.button {
 margin: 0.5em;
 padding: 0.2em 1em;
 background: #9c9d9e;
 background: -moz-linear-gradient(#adaeaf, #8b8c8d);
 background: -webkit-linear-gradient(#adaeaf, #8b8c8d);
 background: linear-gradient(#adaeaf, #8b8c8d);
 border: 1px solid rgba(48, 51, 54, 0.2);
 box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3);
 border-radius: 1em;
 color: #fff;
 text-decoration: none;
}
a.button:hover {
 background: #60666c;
 background: -moz-linear-gradient(#60666c, #404448);
 background: -webkit-linear-gradient(#60666c, #404448);
 background: linear-gradient(#60666c, #404448);
 text-decoration: none;
}
a.button.default {
 margin: 0.5em;
 padding: 0.2em 1em;
 background: #52A9C7;
 background: -moz-linear-gradient(#52A9C7, rgb(65,75,92));
 background: -webkit-linear-gradient(#52A9C7, rgb(65,75,92));
 background: linear-gradient(#52A9C7, rgb(65,75,92));
 border: 1px solid rgba(48, 51, 54, 0.2);
 box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3);
 border-radius: 1em;
 color: #fff;
 text-decoration: none;
}
a.button.default:hover {
 background: #28738c;
 background: -moz-linear-gradient(#28738c, #29313d);
 background: -webkit-linear-gradient(#28738c, #29313d);
 background: linear-gradient(#28738c, #29313d);
 text-decoration: none;
}
a.button:active, a.button.default:active {
 color: #fff;
 background: #191e26;
 background: -moz-linear-gradient(#191e26, #0e4254);
 background: -webkit-linear-gradient(#191e26, #0e4254);
 background: linear-gradient(#191e26, #0e4254);
}
hr {
 border: 0;
 margin: 0;
 background: rgb(65,75,92);
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 height: 5px;
 background-image: linear-gradient(bottom, rgb(65,75,92) 20%, rgb(66,139,194) 59%, rgb(61,113,153) 61%);
 background-image: -o-linear-gradient(bottom, rgb(65,75,92) 20%, rgb(66,139,194) 59%, rgb(61,113,153) 61%);
 background-image: -moz-linear-gradient(bottom, rgb(65,75,92) 20%, rgb(66,139,194) 59%, rgb(61,113,153) 61%);
 background-image: -webkit-linear-gradient(bottom, rgb(65,75,92) 20%, rgb(66,139,194) 59%, rgb(61,113,153) 61%);
 background-image: -ms-linear-gradient(bottom, rgb(65,75,92) 20%, rgb(66,139,194) 59%, rgb(61,113,153) 61%);
 background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, rgb(65,75,92)),
	color-stop(0.59, rgb(66,139,194)),
	color-stop(0.61, rgb(61,113,153))
 );
}
#more {
 position: relative;
}
#more .content {
 width: 640px;
 line-height: 1.5;
}
#more .buttons a {
 border: 0;
}
#more a {
 color: #fff;
}
.big {
 font-size: 1.5em;
}
.small {
 font-size: 0.75em;
}
.feature {
 position: relative;
 margin: 2em 0;
}
.feature img {
 position: absolute;
 right: 360px;
 max-width: 280px;
 display: block;
}
.feature .tagline {
 padding-left: 320px;
 margin: 0;
 font-style: italic;
 font-weight: normal;
}
.feature p {
 padding-left: 320px;
 margin: 0.5em 0;
}
#fineprint {
 margin-top: 3em;
 margin-bottom: 0;
 text-align: center;
 font-size: 0.75em;
 opacity: 0.6;
}
table.supportFormTable {
 width: 100%;
}
td.supportFormLabel {
 width: 100px;
 border: none;
 vertical-align: middle;
 text-align: right;
 padding: 3px;
}
td.supportFormContent {
 border: none;
 padding: 3px;
}
input.supportInput, select.supportSelect, textarea.supportTextArea {
 width:80%;
}
textarea.supportTextArea {
 resize:vertical;
}
.errorText {
 color: deeppink;
}
.formSubmitSuccessText {
 color: cyan;
 text-align: center;
 font-size: 1.25em;
}
.formSubmitFailureText {
 color: deeppink;
 text-align: center;
 font-size: 1.25em;
}
.faqQuestion {
 margin-top: 1em;
 margin-bottom: 0;
 opacity: 0.6;
 font-weight: bold;
}
.faqAnswer {
 margin-bottom: 0;
 padding-left: 0.64cm;
}
#ripeware {
 opacity: 0.6;
 width: 160px;
 height: 40px;
 position: absolute;
 bottom: 0.75em;
 left: 0.5em;
}
#ripeware:hover {
 opacity: 1.0;
}
.unbulleted {
 list-style-type: none;
}
.bottom-pad {
 padding-bottom: 0.75em;
}
.imgDropShadow {
 -moz-box-shadow: 0px 0px 16px 5px #222;
 -webkit-box-shadow: 0px 0px 16px 5px #222;
 box-shadow: 0px 0px 16px 5px #222;
}
a:hover img.imgDropShadow {
 -moz-box-shadow: 0px 0px 18px 6px #111;
 -webkit-box-shadow: 0px 0px 18px 6px #111;
 box-shadow: 0px 0px 18px 6px #181818;
}




/* FastSpring specific styles */
#store-license-type-overlap {
 z-index: 1000;
 font-weight: bold;
}
/* FastSpring store overrides */
.core-window {
 margin-top: -40px;
 z-index: 10;
}
/* select the div that the locale control is in (the first "store-tools core-js-enabled-block" class under the "core-window" div) and adjust its properties to work with store-license-type-overlap */
.core-window > .store-tools.core-js-enabled-block {
 /* margin-left: 50% so that store-license-type-overlap can share the same "line" and have its elements be clicked on */
 margin-left: 50%;
}
.store-product-detail-title {
 letter-spacing: 1px;
}
/* upload a 256px icon in Products and adjust the height accordingly */
.store-product-detail-image > img {
 width: 128px;
 height: 104px;
}
.store-product-detail-description, .store-product-list-item-description {
 margin-bottom: 1em;
}
.store-product-option-groups {
 padding-left: 1em;
 padding-right: 1em;
}
.core-form-field-body-note {
 margin-top: 4px;
 color: inherit;
 opacity: 0.6;
}
.store-footer {
 padding-top: 2em;
 color: inherit;
 opacity: 0.6;
 font-size: 0.75em;
}
.store-order-action-coupon .store-action-input {
 width: 16em;
 font-weight: bold;
}
.store-style-inline-form .core-form-field-area-right {
 margin-left: 0;
 margin-top: 0.8em;
 width: 100%;
}
#store-variation-selection-variations {
 font-size: 1em;
 height: 16em;
 overflow: auto;
 background: rgba(48, 51, 54, 0.8);
}
#store-variation-selection-body {
 color: #181a1c;
 text-align: left;
 /* width updated because of the margin adjustment in .core-window > .store-tools.core-js-enabled-block above */
 width: 80%;
}
.store-product-detail-offer {
 margin: 0;
 padding-right: 0.5em;
 display: inline;
 font-size: 0.8em;
}
.store-order-action-list li {
 display: inline;
 padding: 0;
 margin-left: 1em;
 text-align: left;
 margin-right: 0.5em;
 white-space: nowrap;
}
.store-payment-type-title {
 font-size: 0.8em;
 font-weight: bold;
}
.store-notice-bill-descriptor {
 font-weight: bold;
 border: 0px;
 background-color: inherit;
 font-weight: inherit;
 padding: inherit;
 padding-left: inherit;
 padding-right: inherit;
 color: inherit;
}
.store-page-navigation {
 border-top: 1px solid #DDD;
}
/* make the delivery notice stand out */
@keyframes downloadBox {
  from {
    background: rgba(180, 180, 180, 0.2);
  }
  to {
    background: rgba(180, 180, 180, 0.4);
  }
}
.store-section-delivery {
 background: rgba(180, 180, 180, 0.4);
 animation-name: downloadBox;
 animation-duration: 2.5s;
 border: 1px solid #CCC;
 /* 2em on bottom to make the box look consistent */
 padding: 2px 1.25em 1.25em;
}
/* action buttons.  don't use .store-action-title because it's just a span which can't use :active */
.store-action-list a {
 text-align: center;
 position: relative;
 z-index: 1;
 margin: 0;
 padding: 0;
 display: inline-block;
 margin: 0.5em;
 padding: 0.2em 1em;
 background: #9c9d9e;
 background: -moz-linear-gradient(#adaeaf, #8b8c8d);
 background: -webkit-linear-gradient(#adaeaf, #8b8c8d);
 background: linear-gradient(#adaeaf, #8b8c8d);
 border: 1px solid rgba(48, 51, 54, 0.2);
 box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.3);
 border-radius: 1em;
 color: #fff;
 text-decoration: none;
}
.store-action-list a:hover {
 background: #60666c;
 background: -moz-linear-gradient(#60666c, #404448);
 background: -webkit-linear-gradient(#60666c, #404448);
 background: linear-gradient(#60666c, #404448);
 text-decoration: none;
}
.store-action-list a:active {
 color: #fff;
 background: #191e26;
 background: -moz-linear-gradient(#191e26, #0e4254);
 background: -webkit-linear-gradient(#191e26, #0e4254);
 background: linear-gradient(#191e26, #0e4254);
}
.core-form-field-label a {
 text-decoration: underline;
}
.store-section-delivery a {
 text-decoration: underline;
}
input[id="confirm:compliance-terms"] {
 margin-top: 2em;
}