﻿.new-payment-options { width: 304px; float: right; height: 39px; margin: 20px 0px 0px 0px; }
.new-payment-options ul { float: right; margin-top: 5px; }
.new-payment-options ul li { float: left; margin: 0px 5px; line-height: 25px; padding-right: 5px; }
.new-payment-options ul li a { color: #575757; text-decoration: none; margin: 3px 3px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
.new-payment-options ul li a:hover { color: #1d1d1d; }

.sub-icon { background: url(/_Resources/images/themes/airlock/content/sub-icon.png) left center no-repeat !important; padding-left: 20px; }
.payicon { background: url(/_Resources/images/themes/airlock/content/credit-icon.png) left center no-repeat !important; padding-left: 20px; }

.new-payment-options h1 { font-size: 18px; color: #FFF; }
.new-payment-button-active { background: #FFFFFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 2px; }
.price-separator { float: left; clear: both; width: 966px; }

.new-platinum-subscription { width: 940px; float: left; clear: both;color: #666; border: 1px solid #CBCBCB; margin: 0px 0px 8px 10px; position: relative; background: #DEDEDE; background: -moz-linear-gradient( top, rgba(255, 255, 255, 1), rgba(198, 198, 198, 1) ); background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(255, 255, 255, 1) ), color-stop( 1, rgba(198, 198, 198, 1) ) ); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFC6C6C6)"; }
.new-platinum-subscription .price-separator { background: url(/_Resources/images/themes/airlock/content/plat-separator.gif); background-repeat: repeat-y; background-position: 475px 0px; }
.new-gold-subscription { width: 940px; float: left; clear: both; border: 1px solid #cca01e; margin: 0px 0px 8px 10px; position: relative; background: #F8F0D3; background: -moz-linear-gradient( top, rgba(255, 255, 255, 1), rgba(238, 221, 153, 1) ); background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(255, 255, 255, 1) ), color-stop( 1, rgba(238, 221, 153, 1) ) ); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFFFF,EndColorStr=#FFEEDD99)"; }
.new-gold-subscription .price-separator { background: url(/_Resources/images/themes/airlock/content/gold-separator.gif); background-repeat: repeat-y; background-position: 475px 0px; }
.new-standard-subscription { width: 940px; float: left; clear: both;color: #355453; border: 1px solid #8cb3b1; margin: 0px 0px 8px 10px; position: relative; background: #D3E4E3; background: -moz-linear-gradient( top, rgba(210, 228, 227, 1), rgba(148, 184, 183, 1) ); background: -webkit-gradient( linear, left top, left bottom, color-stop( 0, rgba(210, 228, 227, 1) ), color-stop( 1, rgba(148, 184, 183, 1) ) ); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFD2E4E3,EndColorStr=#FF94B8B7)"; }
.new-standard-subscription .price-separator { background: url(/_Resources/images/themes/airlock/content/standard-separator.gif); background-repeat: repeat-y; background-position: 475px 0px; }

/* New Maximizer panel CSS will need review*/
html.js div.hidden_js { display: none; }
#content .grid_12{border-bottom:1px solid #c9c9c9;margin-bottom:14px}
#maxymiser-tab-headers{margin:0 0 8px 10px;position:relative;z-index:1}
.maxymiser-tab-header{border-left-style:solid;border-left-width:1px;border-right-style:solid;border-right-width:1px;border-top-style:solid;border-top-width:1px;color:#333333;cursor:default;float:left;font-size:2.8em;padding:5px 20px}
.maxymiser-tab-header+.maxymiser-tab-header{margin-left:20px}
.maxymiser-tab-header.maxymiser-selected-tab-header{padding-bottom:6px}
.maxymiser-tab-header.new-subscription-discount{background-position:9px 5px;padding-left:46px}

#maxymiser-platinum-tab-header{background-color:#fff9f2;border-left-color:#cbcbcb;border-right-color:#cbcbcb;border-top-color:#cbcbcb}
#maxymiser-gold-tab-header{background-color:#fff9f2;border-left-color:#cca01e;border-right-color:#cca01e;border-top-color:#cca01e}
#maxymiser-standard-tab-header{background-color:#fff9f2;border-left-color:#8cb3b1;border-right-color:#8cb3b1;border-top-color:#8cb3b1}

.maxymiser-tab-body{margin-top:-1px;z-index:0}
.maxymiser-price-saving{background:url("/_resources/images/payments/price-savings-arrow.png") no-repeat;height:39px;margin:-5px 0 0 243px;position:absolute;width:194px}
.maxymiser-price-saving>div{color:#ffffff;font-size:11px;line-height:14px;margin:4px 0 0 28px;position:absolute;width:160px}
.new-susbcription-button{bottom:16px;top:auto}
.new-subscription-details h2.new-subscription-discount{width:190px}
.new-subscription-details p > span {  display: block;  margin: 0.3em 0;}
.maxymiser-tick {  background: url('/_resources/images/themes/airlock/tree/pre-reg-tick.png') no-repeat 0 3px;  display: block;  padding: 0 0 0 20px;}/* -ms-filter cannot be reapplied with an attached style in the native Internet   Explorer 8 - it works in higher versions in the compatibility mode. To handle   the case, the filters are applied with JavaScript below. */

.new-platinum-subscription {  background: #fff9f2;  background: -moz-linear-gradient( top, #fff9f2, #e5e5e5);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff9f2), color-stop(1, #e5e5e5));  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffff9f2,EndColorStr=#ffe5e5e5)";}
.new-gold-subscription {  background: #fff9f2;  background: -moz-linear-gradient( top, #fff9f2, #D2AB57);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff9f2), color-stop(1, #D2AB57));  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffff9f2,EndColorStr=#ffe5e5e5)";}
.new-standard-subscription {  background: #fff9f2;  background: -moz-linear-gradient( top, #fff9f2, #cce0db );  background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fff9f2), color-stop(1, #cce0db));  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffff9f2,EndColorStr=#ffcce0db)";}

.new-platinum-subscription .price-separator,.new-gold-subscription .price-separator,.new-standard-subscription .price-separator {  background: url(/_Resources/images/themes/airlock/content/plat-separator.gif);  background-repeat: repeat-y;  background-position: 475px 0px; }

.new-subscription-details { float: left; width: 48%; padding: 10px 0px 10px 10px; }
.new-subscription-details img { float: left; margin-right: 10px; }
.new-subscription-details p { margin-right: 5px; width: 230px; float: left; }
.new-subscription-details h2 { color: #333333; font-size: 2.8em; float: left; width: 225px; margin-bottom: 0.3em; }
.new-subscription-price label { color: #333333; }
.new-subscription-price { float: left; width: 45%; margin-right: 10px; padding-top: 20px; padding-left: 15px; }
.new-subscription-price p { float: left; clear: both; padding: 15px 10px; font-size: 11px; color: #333; }
form .new-subscription-price input { width: 13px; height: 13px; padding: 0; margin: 0 10px 0 10px; vertical-align: bottom; position: relative; top: -1px; }
form .new-subscription-price input[type="radio"]:focus { border: none; }
form .new-subscription-price label { width: 57%; font-size: 1.4em; display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; text-indent: -15px; }
/* New Maximizer panel CSS will need review*/

.selected { background: url(/_Resources/images/themes/airlock/content/label-selection.png) repeat center left; -moz-border-radius: 5px; }
.new-susbcription-button {position:absolute;right: 20px; margin-top: -20px;padding: 7px 32px 6px; font-weight: bold}
.new-subscription-discount { padding-left: 35px; background: url(/_Resources/images/themes/airlock/content/small-save.png) left center no-repeat; }
.discounted-price { float: left; width: 70%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-bottom: 5px; }
.discounted-price label { width: 80% !important; margin-top: 0 !important; padding: 5px; }
.price-line-through { text-decoration: line-through; color: #999; }
.discount-tag { margin-right: 5px; font-size: 11px; padding: 3px 23px 3px 4px; background: url(/_Resources/images/themes/airlock/content/discount-arrow.png) right center no-repeat; color: #FFF; margin-left: 10px; }

#membership-subscriptions-2col { float: left; margin: 0 0 8px 0; width: 960px; position: relative; display: inline; }
#membership-subscriptions-1col #pay-per-view-box { width: 966px !important; }
#membership-subscriptions-1col #pay-per-view-box .price-button { margin-left: 404px; }

/* $Pay per view */
#pay-per-view-box { width: 477px; background: #6FA6A3 url(/_Resources/images/themes/airlock/content/pay-per-view-flock.jpg) repeat-x top left; height: 230px; position: relative; float: left; margin: 0 0 0 13px; }
#pay-per-view-box h2 { margin: 13px 13px 0 13px; color: #FFF; text-shadow: 1px 1px 1px #000; }
#pay-per-view-box p { color: #FFF; padding: 5px 13px 5px 13px; font-size: 12px; }
#pay-per-view-box p strong { font-size: 17px; }
#pay-per-view-box ul { padding: 10px 13px 5px 13px; }
#pay-per-view-box ul li { color: #FFF; font-size: 14px; list-style-type: disc; margin-left: 20px; }
#pay-per-view-box .price { background: #5E908F url(/_Resources/images/themes/airlock/content/pay-per-price-view-flock.jpg) repeat-x top left; width: 100%; margin: 10px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#pay-per-view-50 { margin-left: 13px; }
#pay-per-view-box .price-button { text-decoration: none; display: block; font-weight: bold; text-align: center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 8px; color: #FFF; width: 161px; font-size: 1.8em; margin-left: 150px; border: 2px solid #662864; background: #854581; background: -moz-linear-gradient(0% 100% 90deg, #854581, #A757A1) repeat; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A757A1), to(#854581)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A757A1', endColorstr='#854581'); text-shadow: 1px 1px #000; -moz-box-shadow: inset 0 0 1px #e48ddb; -webkit-box-shadow: inset 0 0 1px #e48ddb; box-shadow: inset 0 0 1px #e48ddb; }
#pay-per-view-box .price-button:hover { background: #91268F; }
/* 5 reasons */    
.fivereasons {margin:15px 10px 10;}
.fivereasons ul {padding: 10px 0 0 0}
.fivereasons ul li {padding:0 0 0 45px; font-size: 14px; line-height: 30px;}

/* Subscription table */
.pay-per-view-tick { background: url(/_Resources/images/themes/airlock/content/pay-per-view-tick.gif) no-repeat center left; margin-left: 10px; padding-left: 35px !important; }
.payment-note { margin-top: 10px !important; float: left; clear: both; }
.payment-note a { color: #80317E; text-decoration: underline; }
#subscription-options, #platinum-options { border-collapse: collapse; width: 941px; margin-left: 10px; margin-top: 8px; border: 1px solid #669D9B; float: left; }
#subscription-options thead th, #subscription-options-2col thead th, #platinum-options thead th { padding: 12px; }
#subscription-options td, #subscription-options th, #subscription-options-2col td, #platinum-options th, #platinum-options td, #subscription-options-2col th { padding: 6px 8px; border-bottom: 1px solid #669D9B; border-left: 1px solid #669D9B; }
#subscription-options th#platinum-heading, #subscription-options th#gold-heading, #subscription-options th#standard-heading, #platinum-options th#platinum-heading { width: 106px; text-align: center; }
th#platinum-heading { background-color: #EBEBEB; background: -moz-linear-gradient(0% 100% 90deg, #B0B0B0, #EBEBEB); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B0B0B0), to(#EBEBEB)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#B0B0B0'); }
#gold-heading { background-color: #D2AB57; color: #FFF; background: -moz-linear-gradient(0% 100% 90deg, #AB7E23, #D2AB57); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AB7E23), to(#D2AB57)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2AB57', endColorstr='#AB7E23'); }
#standard-heading { background-color: #619DA4; color: #FFF; background: -moz-linear-gradient(0% 100% 90deg, #4D7171, #A6CAC9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D7171), to(#A6CAC9)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CAC9', endColorstr='#4D7171'); }
.odd { background: #D9ECEC; }
#subscription-options thead tr, #platinum-options thead tr { background: #FFF !important; }
tfoot { background: #A1C5C4; }
.payment-note { padding: 13px; }
td img { text-align: center !important; border: 0; }
/* Payment message box */
.payment-message { float: left; clear: both; width: 940px; margin: 0px 0 0 10px; background: #D0E3E2; border: 1px solid #669D9B; display: inline; position: relative; }
.payment-message p { padding: 20px 0px 0px 8px; float: left; }
.payment-message h2 { padding: 8px; background: #BFD8D7; }
.payment-message .subscription-button { color: #FFF; text-decoration: none; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 171px; padding: 5px; font-size: 1.8em; text-align: center; text-shadow: 1px 1px 1px #4F6D71; background: #579198; border: 1px solid #476B6B; float: left; clear: both; margin: 10px; }
.new-pay-view-button { color: #FFF; text-decoration: none; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 131px; padding: 5px; font-size: 1.4em; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #4F6D71; margin: 10px 10px 10px 0px; background: #579198; border: 1px solid #476B6B; float: right; }
/*Gifting */
.giftingBg { background: url(/_Resources/images/gifting/purchase-gift-bg.jpg) no-repeat top right; height: 200px;text-align: left; clear:both}
.giftingBg h2 { font-family: Museo500Regular, Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size: 20px;display: block;width: 525px;padding-top: 5px;}
.giftingBg p { font-family: Museo500Regular, Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size: 16px;color: #666;display: block;width: 270px;margin-top: 15px;line-height: 20px}

.membership-options b { color: purple; }
.credit-offer-text { color: #ffffff; background: url(/_resources/images/payments/free-offer-arrow.png) no-repeat top center; position: absolute; width: 61px; height: 106px; padding: 15px 3px 0px 0px !important; right: 25px; top: -1px; text-align: center; float: right; }
.credits-panel { background: url(/_resources/images/payments/free-credit-panel.jpg) no-repeat top left; height: 273px; width: 348px; margin-left: 23px; }
.credits-panel h2 { font-size: 16px; line-height: 44px; color: #854588; }
.credits-panel { padding: 10px 35px 15px 45px; }
.credits-panel ol { margin-top: -10px; }
.credits-panel ol li { width: 80%; margin: 8px 0; color: #333333; line-height: 16px; }
.credits-tagline { color: #993399;font-size: 12px;padding-left: 160px; }
.panel p.credits-mainpara { padding-bottom: 20px; }
.panel fieldset.tri input { width: 50%; }

