html,
body {font: normal 14px/1.5 Arial, Helvetica, sans-serif; color: #262D35}
    body {margin: 0;}

a {color: #007FFF}

.wrapper {position: relative; margin-left: auto; margin-right: auto; max-width: 1050px; padding-left: 3em; padding-right: 3em;}

.wrapper--bg {padding-top: 5em; background-color: #fff;
            background-image: -ms-linear-gradient(top, #fff 0%, #F3F6F8 100%);
            background-image: -moz-linear-gradient(top, #fff 0%, #F3F6F8 100%);
            background-image: -o-linear-gradient(top, #fff 0%, #F3F6F8 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F3F6F8));
            background-image: -webkit-linear-gradient(top, #fff 0%, #F3F6F8 100%);
            background-image: linear-gradient(top, #fff 0%, #F3F6F8 100%);
            border-bottom: 1px dashed #B1BAC5}
    .header + .wrapper--bg {padding-top: 0;}
            
            
.header {position: relative; margin: 0 0 6em; padding: 1.1em 0; font: bold 0.9em 'Open Sans', sans-serif; text-transform: uppercase; color: #fff;
        background-color: #151D28;
        background-image: -ms-linear-gradient(top, #151D28 0%, #0D1117 100%);
        background-image: -moz-linear-gradient(top, #151D28 0%, #0D1117 100%);
        background-image: -o-linear-gradient(top, #151D28 0%, #0D1117 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #151D28), color-stop(1, #0D1117));
        background-image: -webkit-linear-gradient(top, #151D28 0%, #0D1117 100%);
        background-image: linear-gradient(top, #151D28 0%, #0D1117 100%);
        border-bottom: 1px solid #000;}


/* STORE TOOLS */
.store-tools {position: absolute; right: 0; top: -3.25em; margin: 0; padding: 0; background: #fff; border-radius: 5em;}
.store-tools a {color: inherit}
#store-variation-selection-body {width: 20em}

/* TITLES */
.mb-title,
.store-product-detail-title,
.store-product-detail-pricing,
.store-product-detail-offers,
.core-form-field-group-header,
.core-section-header {margin: 0 0 1.25em; font-family: 'Open Sans',sans-serif; color: #435266; font-size: 1.1em; line-height: 1.1; font-weight: normal}
.mb-title-1 {font-size: 2em}
.mb-title-2 {font-size: 1.7em}
.mb-title-3 {font-size: 1.5em}
.mb-title-4 {font-size: 1.3em}

.store-product-detail-title,
.store-product-detail-pricing,
.store-product-detail-offers {display: block; color: #191E26; font-weight: 300;}
    .store-product-detail-title {margin-bottom: 0.5em; font-size: 3.6em;}
    .store-product-detail-pricing {display: inline-block;  padding-top: 0.65em; padding-bottom: 0.65em; font-size: 1.5em; border: 1px solid #CFDEE2; border-left: none; border-right: none}
    .store-product-detail-offers .store-product-detail-pricing-additional {display: inline-block; padding: 0.5em 1em; font-size: 1.3em; background: #9EF74C; border-radius: 5em; color:#fff}
.core-form-field-group-header {color: #191E26; font-size: 2em}

.store-product-detail-offer{display:block; margin-top:10px;}
.store-product-detail-offer-title, .store-product-option-offer-title{font-weight:bold; color: #F74C4C}
.store-product-option-group-body{font-size:1.2em}
/*.store-product-option-group-body .store-subscription-period, .store-product-option-group-body .store-product-option-price{color: #F74C4C}*/


/* FORMS */
input,
select,
textarea {position: relative; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 15em; max-width: 15em; width: 100%;
        height: 2.5em /* to fix the height difference of the select elements -> their border resides outside of the element regardless of box-sizing: border-box */;
        padding: 0.4em 0.5em; font: normal 1em/1.25 Arial, Helvetica, sans-serif; color: #191E26; background-color: #fff;
        border: 1px solid #C7D5DE; border-radius: 0.25em; box-shadow: inset 1px 1px 0 0 #fff,inset 2px 2px 0.5em 0 #ECF2F4;
        -moz-transition: background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
        -ms-transition: background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
        -webkit-transition: background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;
        transition: background-color 0.1s ease-in-out,border-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;}
    input[type="radio"],
    input[type="checkbox"] {min-width: 0; width: auto; height: auto; padding: 0; border-radius: 0; background: none; border: none; box-shadow: none}
        input[type="radio"],
        input[type="checkbox"] {background: none; border: none; cursor: pointer}
    
    select[multiple] {height: 6em}
    textarea {height: auto; min-height: 6em; max-height: 14em; line-height: 1.4}


/* MB CUSTOM HTML */
.mb-custom {margin-left: auto; padding-top: 2em; width: 27%; text-shadow: 1px 1px #fff;}
/**/
.mb-custom > * {margin-bottom: 2em; margin-bottom: 2.5rem;}
.mb-thank-you {color: #BBC3C7; font-family: Georgia, sans-serif; text-align: center; font-style: italic; font-size: 1.75em;}
.mb-thank-you img {display: block; margin: 0.25em auto 0; padding-top: 0.75em; border-top: 1px solid #CFDEE2; box-shadow: inset 0 2px 0 -1px #fff;}

.mb-security {padding-top: 2em; border-top: 1px solid #CFDEE2; box-shadow: inset 0 2px 0 -1px #fff;}
.mb-security > * {display: inline-block; margin-right: -0.25em;}
    .mb-security .mb-security-fastspring {width: 55%}
    .mb-security .mb-security-norton {margin-left: 5%; width: 40%}
.mb-security img {max-width: 100%; height: auto}


.mb-features {padding: 2em; color: #fff; text-shadow: -1px -1px rgba(0,0,0,0.2); background: #7192B9; border-radius: 0.75em;
                box-shadow: inset 0.5em 0.5em 0.75em 0 rgba(0,0,0,0.1),1px 1px 0 1px #fff;}
.mb-features-title {color: #fff; font-weight: 300;}
.mb-features-title strong {display: inline-block; font-weight: 600; border-bottom: 1px solid #fff;}
.mb-features-list {counter-reset: features}
.mb-features-list > * {position: relative; margin: 0 0 1em; padding-left: 2.75em; font-size: 1.1em; font-family: 'Open Sans',sans-serif; counter-increment: features}
.mb-features-list > *:before {content: counter(features); position: absolute; left: 0; top: -0.25em; font-size: 2.5em; font-weight: 300}

.mb-benefit {position: relative; margin-bottom: 1.5em; padding-left: 3.5em; font-family: 'Open Sans',sans-serif; font-weight: bold; line-height: 1.2; font-size: 1.3em; color: #435266}
    .mb-benefit:last-child {margin-bottom: 0;}
    .mb-benefit:before {content: ''; position: absolute; left: 0; top: 0; width: 2.5em; height: 2.5em; background: #fff; border-radius: 50%; box-shadow: -1px -1px 0 0 #CBD6E3;}
    .mb-benefit:after {content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 2.5em; height: 26px; background: url('images/sprite.png') no-repeat}
        .mb-benefit-money-back:after {margin-top: -10px; height: 26px; background-position: center top}
        .mb-benefit-privacy:after {margin-top: -9px; height: 23px; background-position: center bottom}
.mb-benefit-subtitle {display: block; font-size: 0.8em; font-weight: 300;}


.mb-help-title {margin: 0 0 0.5em; font-weight: bold; font-size: 1.3em; padding-top: 2em; border-top: 1px solid #CFDEE2; box-shadow: inset 0 2px 0 -1px #fff;}

/* CORE WINDOW */
.core-window {position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; top: 0; width: 62%; padding: 3.5em; background: #fff; border: 1px solid #E1ECEC; border-radius: 1em;
                box-shadow: 0 0 0.85em 0 #E1ECEC}

.store-product-detail {margin-bottom: 4em; text-align: center}

.core-section + .core-section {margin-top: 0;}

.core-section-header {margin: 0 0 0.5em; line-height: 1.2; font-size: 2.1em; font-weight: 300;}
    .store-section-payment .core-section-header {color: #fff; text-shadow: -1px -1px rgba(0,0,0,0.2);}
    .store-section-customer-details .core-section-header {display: none}

.core-form-field-group {margin-bottom: 3em; padding-bottom: 3.5em; border-bottom: 1px dashed #DFE7EC}
    .core-form-field-group:after {content: '.'; display: block; clear: both; height: 0; visibility: hidden}
    .store-section-customer-details {margin-bottom: 0; border-bottom: none}
    .core-form-field-group:last-child {margin-bottom: 0; border-bottom: none}
    
.core-form-field-area-left,
.core-form-field-area-right {-moz-box-sizing: border-box; box-sizing: border-box; width: 50%;}
    .core-form-field-area-left {padding-right: 2.5em}
    .core-form-field-area-right {margin-left: 50%; padding-left: 2.5em}

.core-form-field + .core-form-field {margin-top: 1.5em;}
    .core-form-field + .store-field-address-street2 {margin-top: 0.5em}

.core-form-field-label {font-size: 1em;}
.core-form-field-label label {color: #191E26; font-weight: normal;}
.core-form-field-body input,
.core-form-field-body select {width: 100%; max-width: none}


/* bigger specificity needed */
.core-form-field-body-note,
.store-field-contact-email .core-form-field-body-note {margin-top: 1em; width: auto; font-family: 'Open Sans',sans-serif; font-size: 1.1em; font-weight: 300; font-style: italic}

.store-section-payment {position: relative; left: -3.5em; margin-right: -7em; margin-bottom: -3.5em; min-width: 100%; padding: 2.5em 3.5em 5em; color: #fff; text-align: center;
                        text-shadow: -1px -1px rgba(0,0,0,0.2); background: #7192B9; border-top: 1px dashed #fff; border-radius: 1em; border-top-left-radius: 0; border-top-right-radius: 0;}
.store-payment-method {position: relative; display: inline-block; margin: 0 3em; width: 35%; text-align: left}
.store-payment-method > * {display: inline-block;}
.store-payment-types {position: absolute; top: 100%; left: 2em;}
.store-payment-method-title {font-family: 'Open Sans',sans-serif; font-size: 1.5em; font-weight: 300;}


.store-page-navigation {position: absolute; left: 0; margin: 2em 0 0; width: 100%; padding: 0; text-align: center; background: none; border: none}
/* bigger specificity needed */
.store-page-navigation .store-action-list,
.store-action-next {text-align: center}
.store-action-command {position: relative; display: inline-block; padding: 0.75em 3.5em!important; font: 800 1.2em/1.4 'Open Sans',sans-serif!important;
                        text-align: center; color: #fff!important;
                        text-transform: uppercase; text-decoration: none;
                        text-shadow: 0 -1px #F0A620;
                        -webkit-border-radius: 5em!important;
                        -moz-border-radius: 5em!important;
                        border-radius: 5em!important;
                        border: none!important;
                        background-color: #F4B427;
                        background-image: -ms-linear-gradient(top, #F7D230 0%, #F4B427 100%);
                        background-image: -moz-linear-gradient(top, #F7D230 0%, #F4B427 100%);
                        background-image: -o-linear-gradient(top, #F7D230 0%, #F4B427 100%);
                        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7D230), color-stop(1, #F4B427));
                        background-image: -webkit-linear-gradient(top, #F7D230 0%, #F4B427 100%);
                        background-image: linear-gradient(top, #F7D230 0%, #F4B427 100%);
                        box-shadow: inset 0 1px 0 0 #FEF34B, inset 0 0 0 1px #FEF34B, 1px 3px 0 1px #EA8111, 0 0 0 1px #F2B918, 0 0 0 0.5em #fff;
						margin-bottom:1em}
                        
    
    .store-action-command:hover {background-color: #F7D230;
                                background-image: -ms-linear-gradient(top, #F4B427 0%, #F7D230 100%);
                                background-image: -moz-linear-gradient(top, #F4B427 0%, #F7D230 100%);
                                background-image: -o-linear-gradient(top, #F4B427 0%, #F7D230 100%);
                                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F4B427), color-stop(1, #F7D230));
                                background-image: -webkit-linear-gradient(top, #F4B427 0%, #F7D230 100%);
                                background-image: linear-gradient(top, #F4B427 0%, #F7D230 100%);}
	.store-order-action-more .store-action-command,
    .store-order-action-coupon .store-action-command ,
	.store-order-action-edit .store-action-command{padding: 0.35em 1em!important; font-size: 1em!important;
                                                        text-shadow: 0 -1px #8AB2CA;
                                                        background-color: #9DC1D5;
                                                        background-image: -ms-linear-gradient(top, #B7D2E2 0%, #9DC1D5 100%);
                                                        background-image: -moz-linear-gradient(top, #B7D2E2 0%, #9DC1D5 100%);
                                                        background-image: -o-linear-gradient(top, #B7D2E2 0%, #9DC1D5 100%);
                                                        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B7D2E2), color-stop(1, #9DC1D5));
                                                        background-image: -webkit-linear-gradient(top, #B7D2E2 0%, #9DC1D5 100%);
                                                        background-image: linear-gradient(top, #B7D2E2 0%, #9DC1D5 100%);
                                                        box-shadow: inset 0 1px 0 0 #CCE0EB, inset 0 0 0 1px #CCE0EB, 1px 3px 0 1px #6195B5, 0 0 0 1px #82AEC9;}
		.store-order-action-more .store-action-command:hover,
        .store-order-action-coupon .store-action-command:hover ,
		.store-order-action-edit .store-ation-command:hover{background: #B7D2E2}
		
	.store-action-view-help  .store-action-command{padding: 0!important; font-size: 1em!important;
                                                        text-shadow: 0;
                                                        background:none;
                                                        box-shadow: none;}
        .store-action-view-help  .store-action-command:hover {background: none}
		
		
.store-page-navigation .store-action-list li {text-align: center}
.store-order-action-coupon {margin-bottom: 1em}
.store-order-action-coupon .store-action-command {margin-right: 1em}
.store-order-action-coupon-li{display:block; margin-top:10px; margin-bottom:10px}

.store-footer {position: absolute; left: 0; margin-top: 5em; width: 100%; padding-bottom: 3em; font-size: 1em;}


.core-messages {margin-bottom: 2em; padding: 1em; background: #FDF9D6; border-radius: 1em; border-color: #FCF5BE}

/* TEMP */
.store-payment-method-title,
.core-js-enabled-block,
.core-js-enabled-inline {display: block}

.core-js-disabled-inline {display: none}

.store-order-item-description{color:#c00}
.store-value-money{color:#000}
.store-subscription-period{color:#000}