#ff-background-image {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1000;
}

.cvv-tooltip {
    display: inline-block!important;
    position: relative!important;
    opacity: 1!important;
}

#paypalbutton {
	display: none;
	text-align: center;
	margin: 10px 0;
}

.ff-backlink {
	margin-top: .5em;
}
@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic);
/* The above link needs to be moved to appearance.css */



/* MISC CSS
=================================================================*/
img {
   max-width: 100%;
   height: auto;
}
.clear {
   clear: both;
}
.tright {
   text-align: right;
}
.tgrey {
   color: #8c8c8c;
}
.green { color:#00b333; }
input[type=text], select, textarea {
   width: 100%;
   padding: 10px;
   background: #ebebeb;
   border-top: solid 1px #b4b4b4;
   border-bottom: none;
   border-left: none;
   border-right: none;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #AAA 50%), linear-gradient(135deg, #AAA 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 13px) 14px, calc(100% - 8px) 14px, calc(100% - 2em) 0.35em;
	background-size: 5px 5px, 5px 5px, 1px 1.5em;
	background-repeat: no-repeat;
	color: #AAA;
	-webkit-transform: rotate(0.05deg);
	-moz-transform: scale(1.1);
	-o-transform: rotate(0.05deg); /* Didn't check Opera yet */
	transform: rotate(0.05deg);
}
textarea {
   height: 70px;
}
#ORDER_FORM_PRODUCT_LIST {
   display: none;
}
.req-info { display: inline-block; font-size: 12px; font-weight: normal; padding-top: 15px; }
.orderSummary .rightAlign { text-align:right; }
.orderSummary .Total { font-weight:bold; }
.checkoutLabel { padding-right:30px; font-weight:bold; text-transform:uppercase; font-size:14px; text-align:right; padding-top:10px; }
.billingTable .rightAlignTop, .billingTable .rightAlign, .shippingTable .rightAlignTop, .shippingTable .rightAlign { width:33.3333%; text-align:right; }
#PAYMENT_SELECTION .cellLow td .paymentLabel { width:33.3333%; float:left; padding-right:30px; font-weight:bold; text-transform:uppercase; font-size:14px; text-align:right; display:inline-block; padding-top:10px; }
#cardType, #cardNumber, #verificationCode { width:66.666% !important; }

/* Structure Css
=================================================================*/
* {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}
.form2-container {
   max-width: 750px !important;
   height: auto;
   margin: 0 auto;
}
#logo {
   width: 100%;
   height: auto;
   padding-top: 30px;
   padding-bottom: 35px;
   text-align: center;
}
#logo img {
   max-width: 100%;
   height: auto;
}
#paymentSelection {
   width: 100%;
}
#paymentSelection td {
   display: block;
}
#expirationMonth, #expirationYear {
   width: 20%;
   float: left;
}
#expirationYear {
   margin-left: 2%;
}
#promoCode {
   width: 42%;

}
.pay3 .paymentLabel {
   display: block;
   clear: both;
}
.pay4 {
   display: block;
   clear: both;
}
/* Layout Css
=================================================================*/
body {
   background-color: #000000;
}
#ff-background-image {
	position: absolute;
}
.top-bar {
   background: #000;
   min-height: 50px;
   text-align: center;
   color: #828282;
   font-size: 16px;
   line-height: 50px;
   position: fixed;
   width: 100%;
   top: 0px;
   left: 0px;
   z-index: 99999;
   padding-left:15px;
   padding-right:15px;
}
.top-bar-clone {
   min-height: 50px;
   display: block;
   width: 100%;
}
.top-bar a {
   color: #fff !important;
   text-decoration: none;
}
.top-bar a:hover {
   text-decoration: underline;
}
.big-heading {
   font-size: 56px;
   color: #fff;
   text-align: center;
   font-family: 'montserratbold';
   padding-bottom: 20px;
}
.step-bg {
   width: 100%;
   min-height: 90px;
   background: #000;
   padding-top: 24px;
   padding-bottom: 24px;
   border-top: solid 3px #646464;
}
/*********************Content area*********************************/
.content-1 {
   background: #fff;
   width: 100%;
   padding-left: 39px;
   padding-right: 39px;
   padding-top: 40px;
   padding-bottom: 20px !important;
}
h2.order-title {
   font-size: 24px;
   color: #000;
   border-bottom: solid 1px #000;
   padding-bottom: 10px;
}
.product-title {
   font-size: 36px;
   color: #000;
   line-height: 24px;
  line-height:40px;
  margin-top:0px;
}
.product-price-dollar {
   font-size: 36px;
}
.product-price-cent {
   font-size: 22px;
   font-weight: normal;
}
.se-pro-title {
   font-size: 24px;
   color: #000;
}
.gap {
   min-height: 30px;
}
.checkout-step {
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}
.product-img {
   display: inline-block;
   height: 158px;
   margin-bottom: 30px;
   width: 193px;
}
#footer .copyright {
   margin-left: -15px;
   padding-top: 8px;
}
#footer .ff-backlink a {
   color: #888;
}

#footer .tright img {
   margin-right: -15px;
}
/**********************Footer icons Css**********************************************/
#footer-icons {
   min-height: 204px;
   background: #e9e9e9;
   padding: 15px 39px 40px 39px;
   color: #4b4b4b;
   font-size: 13px;
   font-family: 'montserratlight';
}
#footer-icons img {
   max-width: 100%;
   height: auto;
}
.gurantee-logo {
   margin-top: 18px;
   padding-bottom: 10px;
}
.privacy-logo {
   margin-top: 35px;
   padding-bottom: 12px;
}
.secure-logo {
   margin-top: 35px;
   padding-bottom: 15px;
}
.rapid-logo {
   margin-top: 35px;
   padding-bottom: 18px;
}
#orderFormBillingEntry, #orderFormShippingEntry, #paymentSelection, #SHIPPING_OPTIONS, #ORDER_FORM_SUMMARY {
   padding-bottom: 20px;
}
#orderFormBillingEntry th, #orderFormShippingEntry th, #paymentSelection th, #SHIPPING_OPTIONS th, #ORDER_FORM_SUMMARY th {
   border-bottom: solid 1px #000;
   padding-bottom: 0px;
   text-align: left;
   font-size: 24px;
   font-weight: normal;
   color: #000;
}
#orderFormBillingEntry td, #orderFormShippingEntry td, #paymentSelection td, #SHIPPING_OPTIONS td, #ORDER_FORM_SUMMARY td {
   padding-top: 10px;
}
#orderFormBillingEntry table, #orderFormShippingEntry table, #paymentSelection table, #SHIPPING_OPTIONS table, #ORDER_FORM_SUMMARY table {
   width: 100%;
}
.codeButton {
   display: inline-block;
   background: #00b53c;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   padding: 9px 20px;
   float:right;
}
.continueButton {
   display: inline-block;
   background: #00b53c;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   padding: 6px 20px;
   width: 100%;
   margin-top: 20px;
   text-align: center;
   font-size: 36px;
}
.continueButton:hover, .codeButton:hover {
   color: #fff;
   text-decoration: none;
}
#footer .container {
   margin-top: 50px;
   border-top: solid 1px #8c8c8c;
   padding-top: 20px;
   padding-bottom: 50px;
}
#footer .copyright {
   color: #828282;
   font-size: 12px;
}
.productPrice, .productQuantity, .productTotal {
   font-size: 24px;
}
.productPrice .lbl-price, .productQuantity .lbl-qty, .productTotal .lbl-total {
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
   vertical-align: text-bottom;
   color: #00b333;
}
label {
   font-weight: normal;
}
/* Responsive
==============================================================*/
@media only screen and (max-width: 640px) {
.billingTable .rightAlignTop, .billingTable .rightAlign, .shippingTable .rightAlignTop, .shippingTable .rightAlign { width:100%; text-align:left; }   
.checkoutLabel { text-align:left; width:100%; }
#PAYMENT_SELECTION .cellLow td .paymentLabel { width:100%; text-align:left; float:none; }
#cardType, #cardNumber, #verificationCode { width:100% !important; }
#expirationMonth, #expirationYear { width:49%; }
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
   display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
tr {
}
td {
   /* Behave  like a "row" */
   border: none;
   position: relative;
   padding-left: 0%;
}
th:nth-of-type(2) {
   border: none !important;
   ;
}
td:before {
   /* Now like a table header */
   position: absolute;
   /* Top/left values mimic padding */
   top: 6px;
   left: 6px;
   width: 45%;
   padding-right: 10px;
   white-space: nowrap;
}
}
@media screen and (max-width: 640px) {
.top-bar {
   line-height: 28px;
   padding-top: 10px;
   padding-bottom: 10px;
}
.form2-container {
   width: 80%;
}
h2.product-title {
   line-height: 35px;
}
div[class*="col-"] {
   padding-bottom: 10px;
}
#footer .copyright {
   text-align: center;
   margin: 0px;
   padding-bottom: 10px;
}
#footer .tright {
   text-align: center;
}
}
body { background-color: #000000; }
.codeButton,.continueButton { background-color: #00b53c; }
.top-bar { background-color: #000000; }
#orderFormBillingEntry th,#orderFormShippingEntry th,#paymentSelection th,#SHIPPING_OPTIONS th,#ORDER_FORM_SUMMARY th,.blctitle { color: #000000; }
body { color: #333333; }

/* UPSELLS
===============================================================*/

#upsellContainer {
    /* Contains all upsells */
    margin-bottom: 60px;
    clear: both;
}

  .upsell {
    background-color: #fcfbe9;
    border: 1px solid #f1edb4;
  float:left;
  margin:0 10px 20px 0;
  padding:10px 10px 12px 15px;
  width:350px;
}
.upsell h2 {
    /* Used for upsell product names */
    font-size: 26px;
}

  .upsell a:before {
    content: " Add To Order - ";
}
  .upsellButton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: solid 1px #666;
    background: #19b538;
    background: -webkit-gradient(linear, left top, left bottom, from(#32bc4e), to(#444444));
    background: -moz-linear-gradient(top, #32bc4e, #19b538);
    background: linear-gradient(to bottom, #32bc4e, #19b538);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32bc4e', endColorstr='#19b538');
}
  .upsellButton:hover {
    color: #fff;
    background: #19b538;
    background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#555555));
    background: -moz-linear-gradient(top, #888888, #555555);
    background: linear-gradient(to bottom, #888888, #555555);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#555555');
    text-decoration: none;
}

.upsellButton:active {
    position: relative;
    top: 1px;
}
  .discountedPrice {
    text-decoration: line-through;
}

.upsellImage {
    float: left;
    margin: 6px 15px 0 0;
}

.upsellItem {
    /* Product name */
    font-weight: bold;
    margin-right: 10px;
}

.upsellAdd {
    /* Add to cart button for upsells */
    float: right;
    margin: 7px 7px 0 0;
}

.upsellPrice {
    margin-left: 9px;
    font-size: 16px;
    color: #ff1c1c;
}

#upsellContainer h2 {
    /* Used for upsell product names */
    margin: 5px 12px 0 0;
    display: inline-block;
}


.upsellButton {
    margin: 0 0 0 1px;
    padding: 1px 8px 2px 8px;
    cursor: pointer;
}

/* PAYPAL SMARTBUTTONS===============================================================*/.checkoutButtonList { /* Container for the checkout links and PayPal smart payment buttons, if the smart payment buttons are present */ float: right; clear: both; padding-right: 30px;}.checkoutPaypalSmartPaymentButtons { /* Container for the PayPal smart payment buttons */ float: right; clear: both;}.payPalOption td { /* PayPal option in the Payment Information */ width: 220px;}.payPalOption td div { /* Container for the PayPal smart payment buttons in the PayPal option in the Payment Information */ clear: both; float: left;}#payPalButtons { /* PayPal initial order form page when multiple payment option */ background-color: #ffffff; padding: 16px;}#payPalOptionButtons { /* Container for the PayPal smart payment buttons */ float: right; clear: both; width: 220px;}