body {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
}

select::-ms-expand {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    transition: background-color 5000s;
}

input[type="text"] {
    -webkit-appearance : none;
}

textarea:focus, input:focus{
    outline: none;
}

.buttonDisabled {
    pointer-events:none;
    opacity:.7;
}

#spinner, #spinnerTwo, #spinnerThree {
    position: absolute;
    left: 47%;
    top:12px;
    font-size:24px;
    color:#fff;
    display:none;
}

#blueSpinner {
    position: absolute;
    left: 50px;
    top: 8px;
    font-size: 18px;
    color: #005bf0;
    display: none;
}

#giftcard_submit_button {
    float:right;
}

#giftCardLoggedOut {
    display:none;
}

#giftCardLoggedIn {
    display:none;
}

#applePayShow {
    display:none;
}

.applePayButtonContainer {
    float: left;
    margin-right: 5px;
    margin-left:5px;
    width: 100px;
}

#googlePayShow {
    display:none;
}

.apple-pay-button-black-with-line {
    -apple-pay-button-type:plain;
    -apple-pay-button-style: black-outline; height: 48px; width: 100px; min-width: 100px; cursor:pointer; border: solid 1px #555; border-radius:4px;
    margin-top: 0;
}

.gpay-button.short, .gpay-button.plain {
    width: 100% !important;
}

.gpay-button {
    height: 48px !important;
    min-height: 48px !important;
    box-shadow: none !important;
    border: solid 1px #555 !important;
}

.gpay-button.black.short, .gpay-button.black.plain {
    background-size: 48px !important;
}

.gpay-button.black.short.new_style, .gpay-button.black.plain.new_style {
    min-width: 10px !important;
}

.halfWidthLeft, .halfWidthRight {
    float: left;
    width:105px;
    margin-top:0;
}

#paypal-button-container {
    margin-right: 5px;
}

#billingCountryState {
    float:left;
    width:60px;
}

#billingZipCode {
    float:left;
}

.shipping_method_option {
    height:20px !important;
    width:20px !important;
    background-color:#eeeeee;
    border:solid 1px #000000;
}

.successImage {
    width:44px;
    height:44px;
    margin:0 auto;
}

.cardLineImage {
    width:24px;
    margin-top:19px;
    margin-left:10px;
}

.marginText {
    margin-top:-5px;
    left:0;
}

#modalCompleteText {
    font-size:21px;
    line-height:28px;
    font-weight:600;
}

#createGiftCard {
    cursor:pointer;
}

.tcWrap {
    width:98%;
    border:solid 1px #eee;
    text-align:left;
    padding:10px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    line-height: 18px;
    color: #000000;
    display:none;
}

.tcWrap a{
    color: #06c;
    text-decoration:none;
}

.tcWrap a:hover{
    color: #000;
}

.trendingHistoryButton {
    width:80px !important;
    height:26px;
    text-align:center;
    font-size:13px;
    font-weight:600;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    line-height:23px;
    color: #06c;
    border:solid 1px #06c;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    background-color:#ffffff;
    border-radius:4px;
    box-sizing: border-box;
}

.trendingHistoryButton:hover {
    cursor:pointer;
    color:#ffffff;
    background-color:#06c;
}

.orderSummaryBox {
    float:left;
    width:25%;
    margin-left:53%;
    padding-top:5px;
    display:block !important;
}

.orderSummaryText {
    float:left;
    font-size: 12px;
    width:70%;
}

.orderSummaryPrice {
    float:right;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
}
.confirmationRight {
    padding:15px 10px;
    box-shadow: -5px 0 5px 1px #d9e0e8;
    border-left: solid 1px #eeeeee;
    border-radius: 0 5px 5px 0;
    float: left;
    min-height: 700px;
    width: 28%;
}

.logoImage {
    height:57px;
    cursor:pointer
}

#cart_promo_error {
    Font-size: 11px;
    color: #f30707;
}

.prefError {
    display: none;
    margin-top: 30px;
    Font-size: 11px;
    position: absolute;
    left: 12px;
    color: #f30707;
}

.prefCardError {
    display: none;
    margin-top: -20px;
    Font-size: 11px;
    position: absolute;
    left: 12px;
    color: #f30707;
}

.prefCardPaymentError {
    display: none;
    margin-top: -17px;
    Font-size: 11px;
    position: absolute;
    left: 10px;
    color: #f30707;
}

.paymentCardError {
    display: none;
    Font-size: 13px;
    line-height:18px;
    color: #f30707;
}

.prefPromoError {
    display: none;
    margin-top: -25px;
    Font-size: 11px;
    position: absolute;
    left: 12px;
    color: #f30707;
}

.paymentContentWrap {
    margin-top: 130px;
    position: relative;
    background: #ffffff;
}

.purchaseContentWrap {
    margin-top: 60px;
    position: relative;
    background: #ffffff;
}

.purchaseFooter {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size:13px;
    line-height:18px;
}

.confirmationLeft {
    border-radius: 5px 0 0 5px;
    width: 70%;
    float: left;
    padding-top: 10px;
}

.confirmationHeadLeft {
    float:left;
    line-height:30px;
    margin-bottom:0 !important;
}

.confirmationHeadRight {
    float:right;
}

.confirmationHeadCenter {
    width:100%;
    text-align:center;
}

.confirmationWrap {
    background: #f8f8f8;
    border-radius:4px;
    border: 1px solid #eeeeee;
}

.confirmationWrapHeader {
    color: #000;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height:30px;
    padding: 20px 30px;
    z-index:0;
    margin-bottom: 15px;
    position: relative;
}

.confHead {
    color: #888888;
    font-size: 12px;
}

.confText {
    font-size: 14px;
}

.confDate {
    float:left;
    width:24%;
    margin-left:30px;
}

.confTotal {
    float:left;
    width:20.5%;
}

.confNo {
    float:left;
    width:35%;
}

.confStatus {
    float:left;
}

.confirmationDetails {
    width:100%;
}

.confirmationDetailsHeader {
    font-size: 12px;
    line-height:28px;
    color: #888888;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.confirmDetailsWrap {
    margin-top:30px;
}

#confirmationLoggedIn {
    display:none;
}

#confirmationLoggedOut {
    display:none;
}

.leftSectionConf {
    width:48.5%;
}

.qrImage {
    width:200px;
    height:200px;
}

.qrRedeemText {
    padding-top:5px;
    padding-bottom:5px;
    color: #000;
    font-size: 13px;
    font-weight:600;
}

.confirmationDetailsRow {
    padding-top:10px;
    color: #333;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.confSku {
    width: 10%;
    float:left;
    margin-left: 10px;
}

.confSkuIcon {
    width:30px;
    text-align:center;
}

.confName {
    width: 30%;
    float:left;
}

.confAccess {
    width: 12%;
    float:left;
}

.confAccess a{
    color: #3079f0;
}

.confAccessIcon {
    width:60px;
    text-align:center;
}

.confQuantity {
    width: 5%;
    text-align:center;
    float:left;
}

.confBuy {
    width: 15%;
    text-align:center;
    float:left;
    display:none;
}

.confPrice {
    width: 10%;
    float:left;
}

.confImage {
    width:130px;
    min-height:10px;
    float:left;
    display:none;
}

.confImg {
    width:130px;
}

.cartBundledItem {
    padding: 0 15px;
}

.linkImage {
    height:20px;
    width:20px;
}

.bundleSku {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 11%;
    float:left;
    margin-left: 20px;
}

.bundleName {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 55%;
    float:left;
}

.bundlePrice {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    float:left;
}

.shoppingCartWrap ul li div.confAccess {
    display:none;
}

.greenText {
    color: #66aa31;
}

.redText {
    color:red;
    font-size:11px;
}

.squareCheck {
    border-radius:2px;
}

.confBundle {
    font-size:9px;
    font-weight:400;
}

.giftCardWrapper {
    padding-top:10px;
    width:98%;
    max-width:500px;
    margin:0 auto;
}

.giftCardSide {
    padding:10px 0;
    margin-top:10px;
    margin-bottom:20px;
    font-size:12px;
    line-height:16px;
    width:100%;
    border:none;
    text-align:center;
}

.giftCardLeft {
    float:left;
}

.giftCardRight {
    float:right;
}

#giftCardHeader {
    display:none;
}

.cartIcon {
    position:fixed;
    float:right;
    right:10px;
    bottom:10px;
    width:65px;
    height:60px;
    cursor: pointer;
    background-image: url("../img/cart.png");
    background-repeat:no-repeat;
    z-index:9999;
}

.cartCount {
    color:#000000;
    float:right;
    margin-top:30px;
}

.loading {
    filter: alpha(opacity = 50);
    opacity: 0.5;
    background: #b7b7b7 url(../img/loader.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 110;
    left: 0;
    top: 0;
}

.imageSpace {
    margin-left:5px;
    margin-right:5px;
}

#giftCardWrap {
    display:none;
}

a, a:hover, a:focus {
    text-decoration: none;
    color:#000000;
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:300;
    line-height: normal;
}

h1 {
    font-size: 18px;
}

h4 {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    margin-top: 5px;
}

ul, li {
    margin: 0;
    list-style-type: none;
    line-height: 18px;
}

.mobileLoginBtn {
    background: #ec1c24;
    display: inline-block;
    width: 110px;
    height:40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    text-align: center;
    margin-top:25px;
    margin-left:12px;
    cursor:pointer;
}

.mobileLoginBtn:hover {
    color:#fff;
}

.menuNavMobile {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.downIcon {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-position: -9px -30px;
    margin-left: 5px;
    background-image: url(../img/iconSprite-tournament.png);
    background-repeat: no-repeat;
}

.storeLogo {
    display: inline-block;
    width: 194px;
    height: 50px;
    margin-left: 5px;
    background-image: url(../img/newStoreLogo.png);
    background-repeat: no-repeat;
    border:none;
}

.mobileLogoWrap {
    width:260px;
    text-align:center;
}

.mobileLogo {
    display: inline-block;
    width: 102px;
    height: 50px;
    margin: 0 auto;
    background-image: url(../img/drfMobileLogo.png);
    background-repeat: no-repeat;
    border:none;
}

.homeDash {
    text-align: center;
    padding: 200px 0;
    background: #ffffff;
    font-size: 20px;
}

.hidden {
    display:none;
}

#marqueeBackground {
    width:1100px;
    height:320px;
}

.marqueeImage {
    display:none;
}

/* Header */
.headerWrap {
    margin-bottom: 10px;
}

header {
    padding: 10px 0;
}

.headerMain {
    background: #ffffff;
    padding: 25px 0;
}

#addCardWrapper, #editBillingWrapper, #editCardWrapper, #removeCardWrapper {
    display:none;
}

#paymentOverlay {
    top: 10px;
    width: 95%;
    max-width:470px;
    background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 12px;
    z-index: 99999;
    display: none;
}

.paymentWrap {
    width:90%;
    margin:0 auto;
    max-width:550px;
    padding: 10px;
}

.paymentButtonWrap {
    width:100%;
    max-width:550px;
    display: flex;
    justify-content: space-between;
}

.paymentHeaderText {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin: 5px 10px;
}

.paymentDefaultBox {
    width:100%;
    padding: 12px;
    margin:10px;
    position:relative;
    border: 1px solid #0066cc;
}

.paymentDefaultText {
    text-align:right;
    font-size: 12px;
    line-height:14px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#0066cc;
}

.paymentExpiredText {
    text-align:right;
    font-size: 12px;
    line-height:14px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    color:#f30707;
    display:none;
}

.paymentSelectWrapper {
    width:75%;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}

.paymentBox {
    width:100%;
    padding: 12px;
    margin:10px;
    border: 1px solid #EEEEEE;

}

.paymentImage {
    width:80px;
    padding:5px;
    position:relative;
    float:left;
}

.paymentImage img {
    vertical-align: middle;
}

.paymentCard, .paymentCardType {
    font-size: 14px;
    line-height:32px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    width: 100px;
    padding:5px;
    float:left;
}

.paymentEdit {
    margin-left:10px;
    margin-top:5px;
    height: 30px !important;
    line-height: 30px !important;
    cursor:pointer;
    float:right;
}

.paymentRemove {
    height: 30px !important;
    line-height: 30px !important;
    cursor:pointer;
    float:right;
}

.paymentAddButton {
    margin:10px;
    height: 30px !important;
    line-height: 30px !important;
    float:left;
    cursor:pointer;
}

.paymentSaveButton {
    display: inline-block;
    position:relative;
    width: 47%;
    font-size: 15px;
    line-height: 40px;
    height:40px;
    color: #fff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-align: center;
    cursor:pointer;
    margin-bottom:12px;
    margin-top:10px;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 102, 204, 0.5);
    border: solid 1px #0066cc;
    background-color: #0066cc;
    -webkit-appearance: none;
    float:left;
}

.paymentSaveButton:hover {
    border-radius: 4px;
    box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
    border: solid 1px #19345e;
    background-color: #19345e;
}

.paymentCancelButton {
    display: inline-block;
    position:relative;
    width: 47%;
    font-size: 15px;
    line-height: 40px;
    height:40px;
    color: #06c;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-align: center;
    cursor:pointer;
    margin-bottom:12px;
    margin-top:10px;
    border-radius: 4px;
    box-shadow: 0 4px 4px -3px rgb(0 102 204 / 50%);
    border: solid 1px #06c;
    background-color: #fff;
    -webkit-appearance: none;
    float:left;
}

.paymentCancelButton:hover {
    cursor:pointer;
    color:#ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 8px -2px #0066cc;
    border: solid 1px #0066cc;
    background-color: #0066cc;
}

.paymentSave {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
}

.redPaymentRemove {
    font-size: 18px;
    line-height: 24px;
    width: 80px;
    border: solid 1px #eee;
    padding: 5px;
    margin-top:5px;
    text-align:center;
    color: #ec1c24;
    border-radius: 4px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin-bottom:15px;
    cursor: pointer;
}

.redPaymentRemove:hover {
    background-color:#eeeeee;
}

.editPaymentRemove {
    font-size: 14px;
    line-height: 24px;
    width: 90px;
    border: solid 1px #eee;
    text-align:center;
    color: #ec1c24;
    border-radius: 4px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    cursor: pointer;
    float:right;
}

.editPaymentRemove:hover {
    background-color:#eeeeee;
}


/* Header Responsive*/
.headerMobile {
    display: none;
}

.orderHistoryHeader {
    color: #000000;
    font-size: 20px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    padding: 12px 0;
    margin-left:20px;
}

.home.contentHead {
    display: none;
}

.logo {
    float: left;
}

.logo a {
    background-repeat: no-repeat;
    width: 182px;
    display: block;
}

.logoPrint {
    display: none;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 10px;
}

.slogan {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    text-align: center;
    margin-top: 5px;
}
.slogan span {
    display: block;
}
.logoMobile {
    display: none
}
.headerAds {
    background: #f1f1f1;
    float: right;
    width: 728px;
    height: 90px;
    text-align: center;
    color: #4e4e4e;
}

/*icons*/
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../img/sprite.png");
}
[class^="iconT-"], [class*=" iconT-"] {
    background-image: url("../img/iconSprite-tournament.png");
    background-repeat: no-repeat;
}
.icon-favorite, .icon-add-favorite, .icon-fav-blank {
    width: 40px;
    height: 36px;
    margin: -8px 3px -8px -12px;
    float: left;
}

.icon-favorite {
    background-position: 12px -302px;
}

.icon-add-favorite {
    background-position: -21px -302px;
}

.icon-fav-blank {
    background: none !important;
}

.iconWeather {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: -5px 5px -5px 0;
    vertical-align: middle;
}

.icon-print {
    background-position: left -370px;
    width: 20px;
    height: 17px;
    margin-top: -2px;
}

.icon-remove {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: -10px -170px;
}

.sortWrap {
    width: 34px !important;
    display: inline-block;
    vertical-align: top;
    margin: -10px 0 -12px 0 !important;
}

.icon-valSortUp {
    background-position: 13px -556px;
    cursor: pointer;
    height: 8px;
    width: 14px;
    display: block;
    margin: 0;
    padding: 10px 10px 0 10px;
}

.icon-valSortDown {
    background-position: 13px -580px;
    cursor: pointer;
    height: 8px;
    width: 14px;
    display: block;
    margin: 0;
    padding: 0 10px 10px 10px;
}

.icon-favArrow {
    background-position: left -473px;
    width: 38px;
    height: 31px;
    margin-top: 0px;
    position: absolute;
    left: 28px;
    top: 20px;
}

.icon-favClose {
    background-position: left -514px;
    width: 17px;
    height: 15px;
    margin-top: 0px;
    position: absolute;
    right: 16px;
    top: 17px;
    cursor: pointer;
}

.icon-user {
    width: 17px;
    height: 22px;
    background-position: 0 2px;
    text-indent: -100000px;
    padding: 0;
    margin: 0;
    display: block;
}

.icon-arrowRight {
    background-position: left -44px;
    vertical-align: inherit;
}

.icon-arrowLeft {
    background-position: left -69px;
    vertical-align: top;
    margin: 3px 0 0 15px;
    width: 9px;
}

/*Nav*/
nav ul {
    margin: 0;
    list-style-type: none;
}
.drfNav {
    float: left;
    background: #ec1c24;
    width: 55px;
    position: relative;
    z-index: 101;
}
.drfNav ul li {
    margin: 0 10px;
}
.drfNav li a {
    display: block;
    font-size: 18px;
    color: #ffffff;
    padding: 10px 12px;
    text-transform: uppercase;
}
.drfNav .drfHomeMenu {
    width: 55px;
    height: 55px;
    padding: 0;    
    text-indent: -10000px;
}
.drfNav .drfHomeMenu:before {
    content: "";
    width: 28px;
    height: 30px;
    display: block;
    background: url('../img/iconSprite-tournament.png') -89px -560px no-repeat;
    position: absolute;
    top: 12px;
    left: 14px;
}
.menuNav .drfNav:hover .drfHomeMenu {
    background-color: #890000;

}

/*DRF.com Sub Menu*/
.drfNav ul {
    display: none;
    padding-bottom: 3px;
    position: absolute;
    width: 100%;
    background: #be2025;
    left: -1px;
    border: 1px solid #890000;
    border-top: 0;
}
.drfNav ul li a {
    font-size: 14px;
    padding: 0px 7px;
    color: #360405;
    line-height: 20px;
    text-transform: none;
}
.drfNav ul li a:hover,
.drfNav ul li.active a {
    color: #ffffff;
}
.drfNav ul li:first-child {
    border-top: 1px solid #dd585d;
}
ul.drfNav ul.drfNavActive{
    display: block !important;
}
.mainNav {
    background: #404041;
    border-left: 0;
    height: 55px;
}
.menuNav {
    float: left;
    text-transform: uppercase;
}
.mainNav.clearfix:after { 
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.menuNav li {
    float: left;
    position: relative;
    transition: color 0.5s, background-color 0.5s;
}
.menuNav li a {
    color: #ffffff;
    padding: 0 15px;
    line-height: 55px;
    display: block;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size: 14px;
}
.menuNav li:hover,
.menuNav li.active {
    background: #58585a;
}

#subMenuDigital {
    display:none;
}

#subMenuPhysical {
    display:none;
}

#subMenuSpecial {
    display:none;
}

#topMenuSpecial {
    display:none;
}

#mobileMenuSpecial {
    display:none;
}

.dynamicMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: none;
    background: #fff;
    width: 190px;
    display: block;
    position: fixed;
    border: 1px solid #eeeeee;
    z-index: 9999;
    margin-top:-5px;
    margin-left:-1px;
}
.dynamicMenu.subMenuActive {
    display: block;
}
.dynamicMenu li {
    float: none;
    line-height: 14px;
    border-bottom: 1px solid #eeeeee;
    width:100%;
}
.subMenu li:hover {
    background: transparent;
}
.dynamicMenu li a {
    color: #444444;
    padding: 0 15px;
    line-height: 40px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 14px;
    text-decoration: none;
}
.dynamicMenu li a:hover {
    color: #005bf0;
    background: #f7f7f7;;
}
.userNav {
    float:left;
    position:relative;
    top:0;
    padding: 0 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.userNav .userName {
    margin-top: -7px;
    display:block;
    position:relative;
    z-index:2;
    border:1px solid #fff;
}
.userNav.active .userName {
    border-bottom: 1px solid #fff;
}
.userNav .userName {
    cursor: pointer;
}

.topWrap .userNav .userName {
    padding-top: 7px;
}

.userNav .userName span {
    margin-right: 7px;
    color:#000;
    font-size:14px;
    line-height:24px;
}
.userNav .name {
    margin-left: 5px;
}

.userNav ul {
    list-style-type: none;
    padding:3px 15px;
    background:#fff;
    border:1px solid #e5e5e5;
    right:0;
    top:30px;
    position:absolute;
    width:175px;
    display:none;
    z-index: 1;
    border-top: #fff;
}
.userNav ul li {
    float: none;
    border-top: 1px solid #e5e5e5;
}

.userNav ul li:first-child {
    border-top: none;
}

.userNav ul li a {
    padding:2px 0 2px 0;
    display:block;
    color:#000;
    line-height:30px;
}
.userNav .userName .icon-arrow {
    position: absolute;
    top: 15px;
    right: 0;
    background: url('../img/icon-arrow-user.png') 0 0;
    width: 9px;
    height: 5px;
}
.userNavActive .userName .icon-arrow {
    background: url('../img/icon-arrow-user.png') 0 -5px;
}
.userNav.userNavActive ul {
    display: block;
}
.userNav ul li {
    float: none;
    border-top: 1px solid #e5e5e5;
}
.userNav ul li:first-child {
    border-top: none;
}
.userNav ul li a {
    padding: 2px 0 2px 0;
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 30px;
}

.mainLogoBlueText {
    font-size: 15px;
    line-height:56px;
    float:left;
    margin-right:5px;
    color: #0066cc;
}

.mainLogoBlueArrow {
    float:left;
    margin-right:5px;
    margin-top:18px;
}

#mainLogoLeft {
    Text-align:left;
    padding-left:18px;
    cursor:pointer;
    width:100px;
}

#mainLogoCenter {
    width:110px;
    margin:0 auto;
    text-align:center;
}

#mainLogoRight {
    Text-align:right;
    padding-right:12px;
    margin-top:12px;
    cursor:pointer;
    width:100px;
}

.purchaseHeadCenter {
    width: 100%;
    font-size:24px;
    line-height:32px;
    font-weight:600;
    text-align: center;
    margin-bottom:10px;
}

.purchaseLineCenter {
    width: 100%;
    font-size:15px;
    font-weight:400;
    text-align: center;
    margin-bottom:10px;
}

.successImage {
    width:44px;
    height:44px;
    margin:0 auto
}

.purchaseWrapper {
    max-width:1000px;
    width:100%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap:wrap;
}

.purchaseLeft {
    width:452px;
}

.purchaseRight {
    width:452px;
    margin-bottom:72px;
}

.creditCardWrapper {
    font-size: 15px;
    line-height: 21px;
    color: #06c;
    cursor: pointer;
    margin-bottom:10px;
}

.halfWidthPurchaseLeft {
    float:left;
    width:49%;
}

.halfWidthPurchaseRight {
    float:right;
    width:49%;
}

.selectArrowFull {
    display: inline-block;
    cursor: pointer;
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 25px;
}

.contentContainer {
    width: 100%;
    max-width: 1351px;
    padding-left: 2px;
    margin: 0 auto;
}

.disabledArea {
    pointer-events: none;
}

#billingText {
    float:left;
    font-size:15px;
    line-height:21px;
    padding-bottom:10px;
}

.billingHeader {
    margin-bottom:12px;
}

.billingHeaderLeft {
    float:left;
    font-size: 15px;
    font-weight:700;
    line-height: 21px;
    color: #000000;
}

.billingHeaderMobileRight {
    float:right;
    font-size: 15px;
    font-weight:700;
    line-height: 21px;
    color: #000000;
}

.billingHeaderMobileRightArrow {
    float:right;
    margin-top:8px;
    margin-left:5px;
}

#billingHeaderRight {
    float:right;
    font-size:15px;
    line-height: 21px;
    color:#06c;
    cursor:pointer;
}

#billingFormFields {
    display:none;
}

.testWrapperLeft {
    float:left;
}

.testWrapperRight {
    float:right;
    text-align:right;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.23;
    color: #666666;
}


.prefCardImage {
    float:left;
    width:10%;
}

.prefCardInput {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    padding:0 !important;
    font-size: 15px;
    margin-top: 7px;
    line-height: 40px;
    height:40px;
    background: none;
    color: #000000;
    text-indent: 0;
    z-index:9999;
    float:left;
    border: none;
}

#testCardButton {
    display:none;
}

#savedCardButton {
    display:none;
}


.prefCardDateInput {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding:0 !important;
    margin-top: 7px;
    line-height: 40px;
    height:40px;
    background: none;
    color: #000000;
    text-indent: 0;
    z-index:9999;
    float:left;
    border: none;
}

#paymentLoggedOut {
    display:none;
    margin-top:30px;
}

#paymentLoggedIn  {
    display:none;
}

#paymentNoPlan {
    display:none;
    margin-top:30px;
}

#purchaseLoggedOut, #purchaseLoggedIn  {
    display:none;
}

#purchaseComplete {
    display:none;
    height:550px;
}

#orderCompletedBlue {
    font-size:15px;
    color:#06c;
}

.purchaseCheckoutButton {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 35px;
    color: #0066cc;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-align: center;
    cursor:pointer;
    margin-bottom:12px;
    margin-top:10px;
    border-radius: 4px;
    border: solid 1px #0066cc;
    background-color: #ffffff;
    -webkit-appearance: none;
}

.purchaseCheckoutButton:hover {
    border-radius: 4px;
    box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
    border: solid 1px #19345e;
    background-color: #fff;
}

.purchaseSummary {
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: normal;
    color: #000000;
}

.purchaseSecure {
    padding-top:15px;
    width:123px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 1.23;
    text-align: center;
    color: #669933;
}

.purchaseSecureLeft {
    float:left;
    width:18px;
}

.purchaseSecureRight {
    float:left;
}

.purchaseRectangle {
    width: 452px;
    margin: 12px 0 0;
    padding: 12px 12px 15px;
    border-radius: 4px;
    border: solid 1px #669933;
    background-color: #fffff0;
}

.purchaseRectangleLine {
    margin-top:10px;
    margin-bottom:10px;
    height:1px;
    width:100%;
    background-color: #cccccc;
}

.purchaseRectangleHeader {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.41;
    color: #000000;
}

.promoCodeBoxPurchase {
    position:relative;
    margin-top:12px;
}

#fCountry, #fState {
    height:40px;
}

.checkoutInputText {
    border:none !important;
}

#checkoutPromoPurchase {
    padding: 8px 12px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    color: #666666;
    width: 100%;
    height: 56px;
    border-radius:0;
}

#paymentFields {
    display:none;
}

#purchaseOrderSummary {
    cursor:pointer;
}

#billingInfoSummary {
    cursor:pointer;
}

.user-arrow-down-purchase {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    margin-left:3px;
    margin-bottom:3px;
    display: inline-block;
}

.user-arrow-down-purchase-active{
    border-top: 0;
    border-bottom: 5px solid #000;
}

#promoButtonApply {
    border-radius: 4px;
    border: solid 1px #0066cc;
    background-color: #0066cc;
    display: inline-block;
    min-width: 60px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 33px;
    color: #fff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    text-align: center;
    position:absolute;
    cursor:pointer;
    bottom:10px;
    right:10px;
}

#googlePayFail {
    background: #000000;
    padding: 20px;
    width: 320px;
    top:200px;
    display: none;
    color:#ffffff;
    font-size:14px;
    line-height:24px;
    position:fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index:99999;
    text-align:center;
}

#googlePayFail a{
    text-decoration:none;
    color:#ffffff;
}

#googlePayFail a:hover{
    color:#06c;
}

.cardNumberSection {
    float:left;
    position:relative;
    width:65%;
}

.cardDateSection {
    float:left;
    position:relative;
    width:15%;
}

.cardCVVSection {
    float:left;
    position:relative;
    width:10%;
}

#cartOverlay {
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,.7);
    z-index:99998;
    position:fixed;
    display: none;
}

#promoCodeWrapper {
    display:none;
}

#cardSwap {
    display:none;
}

#purchaseUpgradeText {
    display:none;
}

#purchaseUpgradeCards {
    font-weight:600;
    color:#ec1c24;
}

#purchaseModalTitle, #purchaseModalTotal {
    float:left;
}

#purchaseModalPrice, #purchaseModalAmount {
    float:right;
}

.purchaseRectangleText {
    font-size: 15px;
    line-height: 1.33;
    color: #000000;
}

.purchaseTextLeft {
    font-size: 15px;
    line-height: 1.33;
    color: #000000;
    float:left;
}

.purchaseTextRight {
    font-size: 15px;
    line-height: 1.33;
    color: #000000;
    float:right;
}

.purchasePad {
    margin-bottom:10px;
}

#purchasePromoRemove {
    font-size: 15px;
    line-height: 1.33;
    color: #06c;
    cursor:pointer;
    float:right;
}

#purchasePromoCode {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.41;
    color: #000000;
    float:left;
}

.lineWrapper {
    width:100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom:12px;
}

.lineInner {
    margin-top:15px;
    margin-bottom:10px;
    height:1px;
    width:45%;
    background-color: #cccccc;
}

.lineCenter {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
}

.creditCardText {
    font-size: 13px;
    line-height: 1.23;
    color: #666666;
    float:left;
}

.creditCardImages {
    display:flex;
    justify-content: space-between;
    padding: 5px 0;
    width:130px;
    height:15px;
    float:right;
}

.cardImage {
    width:25px;
    height:15px;
}

.footerDiv {
    margin-top:16px;
    margin-bottom:20px;
    font-size:13px;
    line-height:18px;
}

.footerUl {
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.footerUl li {
    display: inline-block;
    margin-left:4px;
}

.footerUl li a{
    color:#000000;
}

.iconFrame {
    width:135px;
    margin:0 auto;
    margin-bottom:10px;
}

.iconImage {
    float:left;
}

.iconText {
    line-height:15px;
    float:left;
}

#sideCartWrap {
    width:500px;
    top:80px;
    right:-420px;
    background-color:#ffffff;
    position: fixed;
    border: none;
    border-radius:5px;
    padding:10px;
}

.promoCodeBox {
    float:left;
}

.paypal-buttons {
    min-width:100px!important;
}

#sideCart {
    display:none;
}

#viewCart {
    float:left;
    color:#592;
    padding-bottom:10px;
    cursor: pointer;
}

#hideCart {
    float:left;
    color:#592;
    padding-bottom:10px;
    cursor: pointer;
    display:none;
}

.contentWrap {  
    min-height: 500px;
    border-radius: 5px;
    border: solid 1px #eeeeee;
    position: relative;

}
.subMenu li a:hover {
    color: #ec1c24;
}

.accountNav {
    float: left;
    position: relative;
    top: 0;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display:none;
}
.accountNav .userAccount {
    margin-top: -7px;
    display:block;
    position:relative;
    z-index:2;
    border:1px solid #fff;
}
.topWrap .accountNav .userAccount {
    padding-top: 7px;
}
.accountNav.active .userAccount {
    border-bottom: 1px solid #fff;
}
.accountNav .userAccount {
    cursor: pointer;
}

.accountNav .userAccount span {
    margin-right: 7px;
    color:#000;
    font-size:14px;
    line-height:48px;
}
.accountNav ul {
    list-style-type: none;
    padding:3px 15px;
    background:#fff;
    border:1px solid #e5e5e5;
    right:0;
    top:50px;
    position:absolute;
    width:150px;
    display:none;
    z-index: 1;
    border-top: #fff;
}
.accountNav ul li {
    float: none;
    border-top: 1px solid #e5e5e5;
}

.accountNav ul li:first-child {
    border-top: none;
}

.accountNav ul li a {
    padding:2px 0 2px 0;
    display:block;
    color:#000;
    line-height:30px;
}

.accountNav .userAccount .icon-arrow {
    position: absolute;
    top: 15px;
    right: 0;
    background: url('../img/icon-arrow-user.png') 0 0;
    width: 9px;
    height: 5px;
}
.accountNavActive .userAccount .icon-arrow {
    background: url('../img/icon-arrow-user.png') 0 -5px;
}
.accountNav.accountNavActive ul {
    display: block;
}

.billingInfo {
    margin-top:10px;
    margin-bottom:10px;
    color: #888;
    font-size: 12px;
}

.billingInfo .postal_code input[type="text"] {
    width:375px;
}

.postal_code {
    float:left;
    padding-right:4px
}

.post_zip {
    margin-top: 27px;
    height:75px;
}

.zip4 {
    display:none;

}

.billingInfo .zip4 input[type="text"] {
    width:178px;
}

.checkoutHead {
    color: #ec1c24;
    font-size: 20px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 300;
    padding: 12px 8px;
    float: none;
}
.use_billing_address  {
    margin-bottom:10px;
}

.use_billing_address input[type="checkbox"] {
    margin-top:0px;
}
input#accountNumbers1[type="checkbox"] {
    margin-top:0px;
}
/* Search Box */
.searchWrap {
    position: relative;
    float: right;
    width: 40px;
}

.searchWrap .icon-search {
    background-position: 0px -40px;
    border: 0;
    border-left: 1px solid #262626;
    height: 41px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    z-index: 103;
    cursor: pointer;
}

.searchWrap.searchOpen .icon-search {
    background-color: #585858;
}

.searchWrap .searchBox {
    background: #585858;
    width: 310px;
    position: absolute;
    top: 40px;
    right: -1px;
    z-index: 102;
    height: 0;
    overflow: hidden;
}

.searchWrap .searchBox .formWarp {
    border: 1px solid #262626;
}

.searchWrap .searchBox input {
    background: transparent;
    border: 0;
    width: 235px;
    height: 40px;
    color: white;
    padding: 0 10px;
    font-size: 13px;
    outline: none;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.searchWrap .searchBox .btnSubmit {
    background: transparent;
    color: white;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    padding: 0 10px;
    line-height: 40px;
    border: 0;
}

/* Page Main Content */
.contentWrap {
    margin-top:165px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px #d9e0e8;
    -moz-box-shadow: 0 2px 4px #d9e0e8;
    box-shadow: 0 2px 4px #d9e0e8;
    border: solid 1px #eeeeee;
    position: relative;
    background: #ffffff;
}

.pageDataFull {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 10px;
    min-height: 500px;
}

.cartPageData {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border: solid 1px #eeeeee;
    width: 100%;
    float: left;
    min-height: 500px;
}

.pageData {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 70%;
    float: left;
    padding-top: 10px;
    min-height: 500px;
}

.headIndent {
    margin-left:5px;
}

.product_container {
    float:left;
    width:200px;
    height:160px;
    margin:20px;
    text-align:center;
    border:1px solid #eee;
    padding:10px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    color: #333;
    font-size: 14px;
}

.productTitle {
    min-height:45px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.rightColumn {
    box-shadow: -5px 0 5px 1px  #d9e0e8;
    border-left: solid 1px #eeeeee;
    border-radius: 0 5px 5px 0;
    float: left;
    border-left: solid 1px #eeeeee;
    min-height:600px;
    width:29%;
}

.rightAdsWrap .sideWrap {
    border-bottom: 1px solid #eeeeee;
    padding: 10px;
}

.rightAdsWrap .sideWrap:last-child {
    border-bottom: 0;
}

.dateWrapMobile, .mobileShow, .titlePrint {
    display: none;
}

.ipadHide {
    display: block;
}

.ipadShow {
    display: none;
}



.headLogo a{
    height:50px;
    width:194px;
    background-image: url("../img/DRFStore.svg");
    background-repeat:no-repeat;
}

.headBorder {
    border-left: 0 solid #eeeeee;
}

.checkoutHeadWrap {
    padding: 3px 20px 7px 20px;
}

.checkoutHeadWrap .btnBack {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 15px;
    background: no-repeat url(../img/sprite.png) -15px -87px;
    padding-left: 20px;
}

.checkoutHeadWrap .head, .paymentDetailsWrap .head {
    color: #000000;
    font-size: 20px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    padding: 12px 0;
}

.broadleafContinue {
    color: #06f;
    font-size: 14px;
    line-height:20px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 12px 0;
    margin-right:10px;
    float:right;
}

.broadleafContinue a{
    color: #06f;
}

.checkoutHeadWrap .headText {
    color: #000000;
    font-size: 16px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    padding: 12px 0;
}

.creditHead {
    color: #ec1c24;
    font-size: 18px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    margin-bottom:10px;
}

#stateFreeform {
    display:none;
}

#commerceAdWrap {
    padding-top:10px;
    padding-bottom:10px;
    margin: 0 auto;
    width:300px;
    display:none;
}

.upsellHeader {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}

.upsellText {
    font-size:13px;
    font-weight:400;
    margin-bottom:10px;
}

.giftCardCircle {
    float:left;
    height:40px;
    width:40px;
    line-height:40px;
    font-size:22px;
    font-weight:600;
    text-align:center;
    border-radius:20px;
    background-color:rgb(25, 52, 94);
    color:#fff;
    margin-right:15px;
    margin-bottom:30px;
}

.giftCardHeader {
     font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
     font-size: 16px;
     font-weight: 600;
     line-height:40px;
     float:left;
 }

.cardNumber {
    font-size: 22px;
    font-weight: 600;
    line-height:40px;
}

.upsellWrap {
    margin-top:8px;
}

.upsellBox {
    padding:10px;
    margin:0 auto;
    margin-bottom:10px;
    background-color: #f8f8f8;
}

.upsellName {
    color: #06f;
    font-size: 16px;
    line-height:24px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.upsellMessage {
    color: #000;
    font-size: 12px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    cursor:help;
    margin-bottom:5px;
}

.upsellPrice {
    color: #000;
    font-size: 18px;
    line-height:30px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 600;
    width:120px;
    float:left;
}

.upsellRed {
    color: #ec1c24;
    font-size: 10px;
    margin-top:-5px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.redDiscount {
    margin-top:8px;
    color: #ec1c24;
    font-size: 10px;
    line-height:12px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    min-width:150px;
}

.circleOR {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    background-color: #ededed;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size:12px;
    text-align:center;
    margin-top:-13px;
    margin-left:50%;
}

.circleORText {
    padding-top:4px;
}

.fullPageWrapper {
     width:100%;
     margin:auto;
     text-align:center;
 }

.errorListWrapper {
    width:99%;
    margin-left:10%;
}

.errorPageHeadText {
    color: #ec1c24;
    font-size: 24px;
    line-height:30px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    margin-top:30px;
}

.errorPageText {
    color: #000000;
    font-size: 18px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    margin-top:30px;
}

.errorPageList {
    float:left;
    width:200px;
    text-align:left;
    margin:30px 10px 10px 10px;
}

.errorListHeader {
    margin: 10px;
    font-weight:600;
}

#errorPageSpecial {
    display:none;
}

.homepageBoxWrapper {
    float:left;
    min-width:700px;
    padding-left:10px;
    margin:auto;
}

.homepageHeaderText {
    color: #ec1c24;
    font-size: 16px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:800;
    text-transform: uppercase;
    margin-top:15px;
    margin-left:10px;
    margin-bottom:5px;
}

.homepageBox {
    height: 280px;
    width: 200px;
    border-radius: 5px;
    border: solid 1px #D3D3D3;
    position: relative;
    display:block;
    text-align:center;
    margin:10px;
    float:left;
}

.homepageBoxText{
    color: #000000;
    font-size: 12px;
    line-height:13px;
    letter-spacing: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:600;
    margin-top:8px;
    margin-left:8px;
    margin-right:8px;
    min-height:22px;
}

.homepageBoxTop {
    min-height:25px;
    margin-top:15px;
}

.homepageBoxTop img{
    max-height:25px;
}

.homepageBoxImage{
    min-height:150px;
}

.homepageBoxImage img{
    margin-top:8px;
    max-height:140px;
}

.bundleBox {
    height:160px;
    width:160px;
    display:inline-block;
    vertical-align: top;
    margin-right:15px;
    margin-bottom:10px;
    background-color:#f0f0b5;
    text-align:center;
}

.featureBox {
    height: 252px;
    width: 200px;
    border-radius: 5px;
    border: solid 1px #D3D3D3;
    position: relative;
    display:block;
    text-align:center;
    margin:10px;
    float:left;
}

.featureBoxText{
    color: #000000;
    font-size: 12px;
    line-height:13px;
    letter-spacing: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:600;
    margin-top:8px;
    margin-left:8px;
    margin-right:8px;
    min-height:22px;
}

.featureBoxTop {
    min-height:25px;
    margin-top:15px;
}

.featureBoxTop img{
    max-height:25px;
}

.featureBoxImage{
    min-height:120px;
}

.featureBoxImage img{
    margin-top:10px;
    max-height:110px;
}

.featureBoxFull img{
    height:210px;
    width:200px;
}
.borderGreen {
    border: 1px solid #5d9a5e;
}

.borderRed {
    border: 1px solid #ec1c24;
}

.bundlePlus {
    color: #000000;
    font-size: 20px;
    line-height:160px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    height:160px;
    width:30px;
    display:inline-block;
    vertical-align: top;
}

.bundleChecked {
    width:14px;
    height:14px;
    background-color:#592;
    color:#ffffff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    border-radius:2px;
    font-size:10px;
    margin: auto;
    margin-top:15px;
    cursor: pointer;
}

.bundleHeader {
    color:#ffffff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size:16px;
    line-height:24px;
    color:#000000;
}

.bundleRed {
    color: #ec1c24;
    font-size: 12px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.bundleText {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size:12px;
    color:#000000;
}

.bundleBig {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size:18px;
    color:#000000;
}

.bundleSave {
    color: #ec1c24;
    font-size: 10px;
    margin-top:-5px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.bundleTotal {
    color: #000000;
    font-size: 20px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    height:160px;
    display:inline-block;
    vertical-align: top;
}

.bundleTotalAlign {
    padding-top:70px;
}

.bundleBtn {
    background: #0e3ec1;
    border: 1px solid #0e3ec1;
    display: inline-block;
    min-width: 50px;
    padding: 0 20px;
    font-size: 13px;
    line-height: 24px;
    border-radius: 4px;
    color: #fff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    text-align: center;
    margin-top:15px;
    cursor:pointer;
}

.upSellBtn {
    border-radius: 4px;
    box-shadow: 0 4px 4px -3px rgba(0, 102, 204, 0.5);
    border: solid 1px #0066cc;
    background-color: #ffffff;
    float:right;
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    line-height: 30px;
    color: #06c;
    cursor:pointer;
}

.upSellBtn:hover{
    color:#fff;
    border-radius: 4px;
    box-shadow: 0 4px 8px -2px #0066cc;
    border: solid 1px #0066cc;
    background-color: #0066cc;
}

.orderBtn {
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 102, 204, 0.5);
    border: solid 1px #0066cc;
    background-color: #0066cc;
    float:right;
    width: 195px;
    height: 46px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    line-height: 46px;
    color: #fff;
    cursor:pointer;
}

.orderBtn:hover{
    color:#fff;
    border-radius: 4px;
    box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
    border: solid 1px #19345e;
    background-color: #19345e;
}

.leftContent {
    margin-left:20px;
    margin-top:20px;
}

.rightContent {
    margin-left:20px;
}

.cartSidebar {
    width:100%;
}

.cartSidebarLine {
     width:95%;
     margin-top:10px;
     margin-bottom:10px;
     border-bottom: 1px dotted #cccccc;
}

.cartSidebarBtn {
    background: #fff;
    border: 1px solid #0e3ec1;
    display: inline-block;
    min-width: 50px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 24px;
    border-radius: 4px;
    color: #0e3ec1;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    text-align: center;
}

.cartSidebarBtn a {
    color: #0e3ec1;
}

.cartSidebar .head {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height:30px;
    font-weight: 600;
    margin-bottom:10px;
}

.cartSidebar .discount {
    color: #ec1c24;
    font-size: 10px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.cartSidebar .sidebarText {
    color: #000000;
    font-size: 14px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;

}

.cartSidebar .sidebarLeft {
    color: #000000;
    width:80px;
    font-size: 14px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    margin-top:10px;
    float:left;
}

.cartSidebar .sidebarRight {
    margin-top: 10px;
    float: left;
}

#sideBarHome {
    margin-bottom:10px;
}

.checkoutHeadWrap .head.success {
    color: #66aa31;
}

.accessBtn {
    background: #0e3ec1;
    display: inline-block;
    min-width: 50px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 24px;
    border-radius: 4px;
    margin-bottom:10px;
    color: #ffffff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    text-align: center;
}

.accessBtn a {
    color: #ffffff;
}

.leftTwenty {
    margin-left:20px;
}

.padTen {
    margin-left:10px;
    margin-right:10px;
}

#accessHeader {
    width:100%;
    text-align:center;
    color:#66aa31;
    padding-bottom:10px;
    font-size: 18px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

#noAccessHeader {
    width:100%;
    text-align:center;
    color:#66aa31;
    padding-bottom:20px;
    font-size: 24px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

#accessDiv {
    width:100%;
    margin: 0 auto;
    text-align:center;
    padding-bottom:20px;
}

#noAccessDiv {
    width:100%;
    margin: 0 auto;
    text-align:center;
    padding-bottom:20px;
    display:none;
}

.paymentDetailsWrap .head {
    font-weight: normal;
}

.currencyPacksWrap {
    margin-top:15px;
}

.currencyPacksWrap h4 {
    color: #666;
    text-align: center;
    display: block;
    font-size: 20px;
    padding: 25px 0 22px 0;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
}

.currencyPacksWrap ul {
    overflow: hidden;
    margin-left: 10px;
}

.currencyPacksWrap ul li {
    width: 187px;
    float: left;
    text-align: center;
    margin: 0 0 10px 10px;
}

.currencyPacksWrap .packImgWrap {
    height: 120px;
    position: relative;
}

.currencyPacksWrap .pile .packImgWrap {
    background: no-repeat url(../img/packPile.jpg);
}

.currencyPacksWrap .bag .packImgWrap {
    background: no-repeat url(../img/packBag.jpg);
}

.currencyPacksWrap .sack .packImgWrap {
    background: no-repeat url(../img/packSack.jpg);
}

.currencyPacksWrap .box .packImgWrap {
    background: no-repeat url(../img/packBox.jpg);
}

.currencyPacksWrap .chest .packImgWrap {
    background: no-repeat url(../img/packChest.jpg);
}

.currencyPacksWrap .packContent {
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    padding:10px;
    min-height:100px;
}

form {
    margin-bottom: 0;
}

button:focus {outline:0;}

.productHeadWrap {
    text-align:center;
    margin-top:15px;
    margin-bottom:10px;
}

.product-column {
    float:left;
    width:48%;
    margin: 10px 0px 10px 5px;
}

.product-top {
    width:100%;
    text-align:center;
    padding: 10px 0px 10px 0px;
}

.product-head {
    font-size:20px;
    line-height:24px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.product-text {
    font-size:12px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.product-button {
    border-width:0;
    padding:0;
    margin:0;
}

.productTitle {
    font-size:14px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.productPriceWrap {

}

.productPrice {
    font-size:16px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    color: #ec1c24;
}

.productWrap .productContent {
    border: 1px solid #eee;
    padding:10px;
    width:98%;
    float:left;
}

.sideMenu {
    margin-left:20px;
    font-size:14px;
    color:#666;
    font-weight:400;
    line-height:22px;
}

.mainNavCurrent {
    color:#19345E;
    font-size:14px;
    font-weight:600;
}

.outer-circle {
/***** GREEN **********************
background: rgba(133, 187, 101, .55);
***********************************/
/***** GOLD ***********************
background: rgba(212, 175, 55, .55);
***********************************/
background: rgba(212, 175, 55, .55);
border-radius: 50%;
height: 90px;
width: 90px;
margin:0 auto;
position: relative;
}

.oc_background_green {
    background: rgba(133, 187, 101, .55);

}

.currencyPacksWrap .packImgWrap span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 70px;
width: 70px;
border-radius: 38px;
border: 3px solid #ffffff;
color: #ffffff;
font-size: 20px;
font-family: 'Alfa Slab One', Arial, Helvetica, sans-serif;
font-weight:400;
line-height: 70px;
letter-spacing: 1px;
}

.packImgWrap_cashgames span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    width: 70px;
    border-radius: 38px;
    background: #85BB65;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Alfa Slab One', Arial, Helvetica, sans-serif;
    font-weight:400;
    line-height: 70px;
    letter-spacing: 1px;
}

.packImgWrap_drfcredits span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    width: 70px;
    border-radius: 38px;
    background: #D4AF37;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Alfa Slab One', Arial, Helvetica, sans-serif;
    font-weight:400;
    line-height: 70px;
    letter-spacing: 1px;
}

.currencyPacksWrap .packTitle {
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
font-size: 14px;
padding: 13px 0 6px 0;
}

.currencyPacksWrap .packDetails {
color: #666;
font-size: 12px;
}

.currencyPacksWrap .packDetails span {
display: inline-block;
padding-left: 18px;
background: no-repeat url(../img/sprite.png) -13px -210px;
}

.currencyPacksWrap .packImage {
margin-top:10px;
margin-bottom:10px;
}

.manage-promo {
    margin-bottom:10px;
}

.promobtn {
    border-radius: 4px;
    box-shadow: 0 4px 4px -3px rgba(0, 102, 204, 0.5);
    border: solid 1px #0066cc;
    background-color: #ffffff;
    display: inline-block;
    min-width: 60px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 43px;
    color: #06c;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    text-align: center;
    margin-left:5px;
}

.promobtn:hover{
    border-radius: 4px;
    color:#fff;
    box-shadow: 0 4px 8px -2px #0066cc;
    border: solid 1px #0066cc;
    background-color: #0066cc;
}

.giftCardBtn {
    background: #fff;
    display: inline-block;
    min-width: 60px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 28px;
    border: 1px solid #06c;
    border-radius: 4px;
    color: #06c;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    text-align: center;
}

.giftCardBtn a{
    color: #06c;
}

.giftCardBtn:hover, .giftCardBtn a:hover{
    background: #06c;
    color: #fff;
}

#redeemToggle {
    display:none;
    text-align:center;
}

#giftCardResponse {
    text-align:center;
    background-color: #f8f8f8;
    padding: 10px 0;
    border: solid 1px #06c;
    margin-bottom:10px;
    display:none;
}

#subscriptionTC, #subPurchaseTC,#subPurchaseModalTC {
    display:none;
}

#subscriptionTC a, #subPurchaseTC,#subPurchaseModalTC a{
    text-decoration:none;
    color:#06c;
}

#subscriptionTC a:hover, #subPurchaseTC,#subPurchaseModalTC a:hover {
    color:#000;
}

#giftCardTC {
    margin:0 auto;
    margin-top:10px;
    display:none;
}

#giftCardTC ul{
    list-style-type: square;
}

#giftCardTC ul li{
    padding:0;
    margin-left:10px;
}

#giftCardPrintZone {
    display:none;
}

.giftCardLoggedOut {
    padding:10px;
    width:250px;
    border:solid 1px #06c;
    background-color: #f8f8f8;
    text-align:center;
    margin:0 auto;
}

.redeemFloat {
    float:left;
    margin-right:10px;
    cursor:pointer;
}

#checkoutPromo {
    border:none;
    width:190px;
    height:35px;
}

#giftCardList {
    list-style-type: disc;
}

.field35.promoinput {
margin-bottom: 0;
width:80px;
font-size:12px;
}

.btn {
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 102, 204, 0.5);
    border: solid 1px #0066cc;
    background-color: #0066cc;
    display: inline-block;
    min-width: 68px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 43px;
    color: #fff;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    text-align: center;
}

.btn:hover {
    border-radius: 4px;
    box-shadow: 0 4px 8px -2px rgba(25, 52, 94, 0.7);
    border: solid 1px #19345e;
    background-color: #19345e;
}

.blueBtn {
background: #06c;
border: 1px solid #06c;
display: inline-block;
width: 97px;
padding: 0 0px;
font-size: 12px;
line-height: 30px;
border-radius: 2px;
color: #fff;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
text-align: center;
cursor:pointer;
float:left;
}

.blueBtn:hover {
background: #06c;
color: #fff;
}

.redBtn {
background: #ec1c24;
border: 1px solid #ec1c24;
display: inline-block;
width: 97px;
padding: 0 0px;
font-size: 12px;
line-height: 30px;
height:30px;
border-radius:2px;
color: #fff;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
text-align: center;
cursor:pointer;
float:left;
margin-right:10px;
}

.redBtn:hover {
background: #ec1c24;
color: #fff;
}

.notLoggedIn {
margin-top:10px;
margin-right:15px;
}

.homepageBoxBtn{
margin-top:20px;
line-height:25px;
}

.homepageBoxBtn a{
color:#ffffff;
}

.subNavWrapper {
    height:53px;
    width:100%;
    position:relative;
}
.btnNavCart {
    position: absolute;
    right:10px;
    top:10px;
    height:30px;
    line-height: 30px;
    cursor:pointer;
}

#cartOverlayButton {
    display:none;
}

.buttonGreen {
    background: #6a3;
    transition: all .5s ease-in;
}

.buttonWhite {
    background: #e8e8e8;
    transition: all .5s ease-in;
}

.blueText {
    color: #06c;
    margin-left:30px;
}

#cartOverlay {
top:0;
left:0;
width:100%;
height:100%;
background-color: rgba(0,0,0,.7);
z-index:99998;
position:fixed;
display: none;
}

#payPalComplete {
    top:200px;
    width:360px;
    display: none;
    color:#ffffff;
    font-size:24px;
    line-height:36px;
    position:absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom:24px;
    z-index:99999;
    text-align:center;
}

#overlayWrap {
top:100px;
width:360px;
background:#ffffff;
display: none;
position:absolute;
left: 0;
right: 0;
margin: 0 auto;
padding-bottom:24px;
border-radius:10px;
border: 3px solid #888;
z-index:99999;
}

.overlayTop {
    width:90%;
    margin-left:15px;
    position:relative;
}

#overlayClose {
    top:10px;
    right:10px;
    position:absolute;
    font-size:20px;
    font-weight:600;
    cursor:pointer;
    z-index:999999;
}

.overlayTitle {
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
    font-size:20px;
    line-height:28px;
    font-weight:600;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
}

.overlayItems {
    width: 90%;
    border: solid 1px #AACC88;
    background-color: #FFFFF0;
    border-radius: 5px;
    min-height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.fullOverlay {
    width:100%;
}

.overlayHeader {
    width:95%;
    color: #000;
    font-weight:400;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
}

.overlaySku {
    width:15%;
}

.overlayExpand {
    width:5%;
}

.overlayName {
    width:63%;
}

.overlayPrice {
    float: right !important;
    padding-right: 5px;
    text-align: right;
}


.overlayLineWrap {
    width:95%;
    margin:0 auto;
}

.overlayLine {
    width: 100%;
    height: 1px;
    background-color: #cccccc;
}

.overlayButtonWrap {
    width:90%;
    margin:0 auto;
    padding-top:10px;
    padding-bottom:10px;
}

#overlayButton {
    width:100%;
    height:48px;
    line-height:48px;
    padding:0;
    cursor:pointer;
}

.overlayTotal {
    width: 93px;
    font-size: 15px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    float: left;
}

.overlayTotalAmt {
    font-size: 15px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #000000;
    line-height: 24px;
    float: right !important;
}

#closeWrap {
color:#666;
font-size:14px;
padding:10px;
text-align:right;
float:right;
cursor: pointer;
}


.btnRed {
background: #ec1c24;
border: 1px solid #ae0a0f;
display: inline-block;
min-width: 68px;
padding: 0 10px;
font-size: 14px;
line-height: 33px;
border-radius: 4px;
color: #fff;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
text-align: center;
cursor: pointer;
}

.btnRed:hover {
background: #ae0a0f;
color: #fff;
}

#cartLogin {
    height:40px;
    line-height:40px;
    margin:0;
    margin-right:20px;
    float:right;
}

.currencyPacksWrap input.btnBuy {
margin: 10px 0 10px 0;
}

.shoppingCartWrap ul li {
overflow: hidden;
padding: 8px 15px;
}
.shoppingCartWrap ul li.bundledItem, .shoppingCartWrap ul li.bundledParentExpanded,
.orderHistoryList ul li.bundledItem, .orderHistoryList ul li.bundledParentExpanded{
border-bottom: none;
}
.shoppingCartWrap ul li.bundledItemLast, .shoppingCartWrap ul li.bundledParentCollapsed,
.orderHistoryList ul li.bundledItemLast, .orderHistoryList ul li.bundledParentCollapsed {
 border-bottom: 1px solid #eee;
}
.shoppingCartWrap ul li.bundledParentExpanded, .orderHistoryList ul li.bundledParentExpanded {
padding-bottom: 0px;
}
.shoppingCartWrap ul li.bundledItem, .shoppingCartWrap ul li.bundledItemLast {
padding-top: 0px;
padding-bottom: 0px;
}
.shoppingCartWrap ul li.bundledItemLast {
padding-bottom: 10px;
}
.shoppingCartWrap ul li div.bundledItem.name, .shoppingCartWrap ul li div.bundledItem.price,
.shoppingCartWrap ul li div.bundledItem.sku {
font-size: 10px;
font-weight: 500;
}
.shoppingCartWrap ul li.header {
    background: #f8f8f8;
    padding: 0px 5px;
    margin:10px;
    line-height: 28px;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
}

.shoppingCartWrap ul li.sidebarHeader {
padding: 0 18px;
line-height: 28px;
}

.shoppingCartWrap ul li div {
    float: left;
}

.shoppingCartWrap ul li.header div {
font-size: 12px !important;
color: #888 !important;
font-family: Arial, Helvetica, sans-serif !important;
}

.shoppingCartWrap ul li div.sku {
    padding-left:10px;
    width: 10%;
    font-size: 11px;
    color: #666;
}

.shoppingCartWrap ul li div.unit {
width: 15%;
font-size: 14px;
color: #333;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
}

.shoppingCartWrap ul li div.name, .shoppingCartWrap ul li div.quantity,
.shoppingCartWrap ul li div.price, .shoppingCartWrap ul li div.close,
.shoppingCartWrap ul li div.expand
{
color: #333;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
font-size: 14px;
}

.shoppingCartWrap ul li div.name {
width: 30%;
}

.shoppingCartWrap ul li div.access {
    width: 10%;
}

.shoppingCartWrap ul li div.expand {
width: 15px;
}
.shoppingCartWrap ul li div.sidebarName {
width: 70%;
}

.sidebarBundle {
    font-size:10px;
}

.sidebarPad {
margin-bottom:0;
}

.shoppingCartWrap ul li.header div.quantity {
width: 15%;
padding-left: 0;
}

.shoppingCartWrap ul li.header div.close {
font-weight: normal;
padding-top: 5px;
}

.shoppingCartWrap ul li div.quantity {
width: 10%;
padding-left: 2.75%;
}

.shoppingCartWrap ul li div.price {
width: 10%;
}

.shoppingCartWrap ul li div.close {
    width: 5%;
    margin-left:30px;
    opacity: 1;
    text-align: center;
}

.shoppingCartWrap ul li div.close a {
height: 20px;
width: 20px;
display: inline-block;
background: no-repeat url(../img/sprite.png) -10px -170px;
}
.shoppingCartWrap ul li div.close.giftcardRemove {
padding-left: 42px;
}
.shoppingCartWrap ul li div.close.giftcardRemove.topWrap{
padding-left: 12px;
border-bottom: none;
}
.shoppingCartWrap ul li div.sidebarAdjustAmt.giftcard, div.sidebarAdjust.giftcard {
padding-top: 5px;
}
.shoppingCartWrap ul li div.donateMsg {
width: 60%;
padding-right: 5%;
}

.shoppingCartWrap ul li div.donateMsg span.checkboxWrap {
float: left;
padding: 0;
}

.shoppingCartWrap ul li div.donateMsg span {
padding-left: 27px;
display: block;
font-size: 11px;
color: #888;
}

.shoppingCartWrap ul li div.donateMsg a {
display: block;
margin-top: 6px;
}

div[id^="bundledItems_"].collapsing {
display:none;
}

.ppBackButton {
    height:30px;
    line-height:30px;
    font-size:18px;
    font-weight:600;
    width:100px;
    color:#015cf0;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    cursor:pointer;
}

.removePromo:hover {
    color: #015cf0;
}

.arrow {
    border: solid #015cf0;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
}

.arrowWhite {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
}

.arrowSix {
    border: solid #015cf0;;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.sidebarBigLine {
    width:95%;
    border-bottom: 1px solid #888888;
    height:1px;
    padding-top:5px;
    margin:0 auto;
}
.sidebarBigWrap {
    width:100%;
    font-weight:600;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-size:15px;
}

.sidebarBigLeft {
    font-size: 15px;
    line-height: 24px;
    font-weight:600;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    float:left;
}

.sidebarBigRight {
    font-size: 15px;
    line-height: 24px;
    font-weight:600;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    float:right !important;
}

.sidebarParent {
    padding: 8px 8px !important;
}

.total {
font-size: 22px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
color: #000;
line-height: 48px;
float:left;
}

.sidebarTotal {
width: 150px;
font-size: 18px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
color: #000000;
line-height: 48px;
float:left;
}

.sidebarAdjust {
width: 110px;
font-size: 12px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
line-height: 16px;
float:left;
}
.sidebarAdjust.credit {
color: #000000;
}
.total {
width:100px;
font-size: 22px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
color: #888;
line-height: 48px;
float:left;
}
.subTotal {
width:100px;
font-size: 16px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
color: #888;
line-height: 48px;
float:left;
}
.giftcardRedeem {
width: 302px;
float: left;
padding-left: 23px;
padding-top: 4px;
}

.giftCardRedemptionSuccess {
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;;
font-size: 16px;
padding-left: 8px;
padding-top: 10px;
}
.redeemGiftcardContShop {
padding-left: 8px;
padding-top: 15px;
}
.sellWrap {
border-bottom:none;
padding:0;
}

.payment ul {
margin-bottom: 5px;
}

.payment li.footer {
border-bottom: none;
}

.totalAmt {
    font-size: 22px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    color: #000000;
    line-height: 48px;
    margin-right:10px;
    float:right !important;
}
.subTotalAmt {
font-size: 16px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
color: #000000;
line-height: 48px;
float:left;
}

.sidebarTotalAmt {
font-size: 18px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
color: #000000;
line-height: 48px;
float:right;
}

.sidebarAdjustAmt {
font-size: 12px;
font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
font-weight:600;
line-height: 16px;
float:right !important;
}
.sidebarAdjustAmt.credit {
color: #000000;
}
.sidebarAdjustAmt.giftCard {
color: #000000;
margin-left: -7px
}
.paddingLeft8 {
padding-left: 8px

}
.shoppingCartWrap .btnProceed {
margin: 20px 0 0 20px;
line-height:26px;
}

.paymentDetailsWrap {
font-size: 12px;
color: #888;
}

.paymentDetailsWrap .head {
margin-bottom: 5px;
}

.lbl {
line-height: 24px;
max-width:250px;
display:inline-block;
}

.lbl sup {
color: #ec1c24;
font-size: 12px;
top: -2px;
}

.error {
color: #ec1c24;
margin-left:10px;
font-size:11px;
}

.paymentDetailsWrap input[type="text"], .billingInfo input[type="text"]
{
color: #333;
padding: 7px 6px;
}

.paymentDetailsWrap ul.cardTypes {
height: 45px;
margin-bottom: 12px;
overflow: hidden;
}

.paymentDetailsWrap ul.cardTypes li {
float: left;
background: #ccc;
width: 48px;
height: 33px;
margin-left: 5px;
padding: 0;
border-radius: 7px;
border: 1px solid transparent;
}

.paymentDetailsWrap ul.cardTypes li.checked {
border-color: #d22;
}

.paymentDetailsWrap ul.cardTypes li.visa {
background: no-repeat url(../img/visaCard.png) center center;
}

.paymentDetailsWrap ul.cardTypes li.americanExpress {
background: no-repeat url(../img/americanExpressCard.png) center center;
}

.paymentDetailsWrap ul.cardTypes li.masterCard {
background: no-repeat url(../img/masterCard.png) center center;
}

.paymentDetailsWrap ul.cardTypes li.discover {
background: no-repeat url(../img/discoverCard.png) center center;
}

.paymentDetailsWrap ul.cardTypes li input[type="radio"] {
height: 33px;
width: 48px;
}

.cardNoAndName {
overflow: hidden;
}

.cardNoAndName .cardNo, .cardNoAndName .name {
width: 280px;
float: left;
margin-left: 16px;
}

.expiryDate .monthYear {
display: inline-block;
}

.expiryDate .lbl {
margin-bottom: 5px;
}

.expiryDate input[type="text"] {
margin: 0;
}

.expiryDate .monthYear span {
margin: 0 12px;
display: inline-block;
font-size: 18px;
color: #dcdcdc;
}

.paymentDetailsWrap .monthYear .month {
width: 35px;
text-align: center;
}

.paymentDetailsWrap .monthYear .year {
width: 50px;
text-align: center;
}

.paymentDetailsWrap .cvv {
padding-left: 30px;
display: inline-block;
margin-left: 38px;
background: no-repeat url(../img/sprite.png) -10px -240px;
}

.payment .btnCheckout {
margin: 20px;
}

.billingInfoWrap ul {
margin: 0 0 0 -16px;
overflow: hidden;
}

.billingInfoWrap .billingInfo {
margin: 18px 20px;
color: #888;
font-size: 12px;
}

.billingInfoWrap ul li {
float: left;
width: 280px;
margin-left: 16px;
height: 70px;
}

.billingInfo input.txtFname, .billingInfo input.txtLname {
width: 132.5px;
}

.billingInfo input.txtFname {
border-radius: 4px 0 0 4px;
}

.billingInfo input.txtLname {
border-radius: 0 4px 4px 0;
border-left: none;
box-sizing: border-box;
}

.btnProceedPayment {
line-height: 38px;
font-size: 18px;
margin: 10px 0;
}
/* Top Nav */
.topWrap {
    position:fixed;
    height:60px;
    width:100%;
    line-height: 26px;
    z-index:9999;
    background:#ffffff;
    padding: 0 5px 0 5px;
}

.topNav {
    padding-left: 0;
    float: left;
}

.toploginNav {
    float: right;
    margin-right:10px;
}

nav .toploginNav {
    display: none;
}

.toploginNav .amount {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.toploginNav .amount a {
    display: inline-block;
    padding: 0;
    color: #3079f0;
    font-size: 14px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}

.topWrap li {
    line-height: 26px;
    float: left;
}

.topWrap a {
    color: #000;
    padding: 0 6px;
    display: block;
    font-size: 12px;
    line-height:14px;
}

.topWrap a:hover {
    color: #005bf0;
}
.topWrap a.btnRegister {
    background: #005bf0;
    color: #fff;
    border-radius: 3px;
} 
.topWrap a.btnRegister:hover{
    background: #48e
}
.topWrap .topNavActive a {
    color: #005bf0;
}
.notLoggedIn a{
    padding: 0 16px
}
.nonDraggableImage{
    -webkit-user-drag: none;
}

.headBorder a{
    font-size:16px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    line-height:50px;
    font-weight:400;
}

/* footer */
.footerWrap {
    text-align: center;
    color: #888888;
    padding: 15px 0;
}

.footerWrap span {
    color: #aaa;
}

.footerWrap .socialLinks {
    float: right;
}

.footerWrap .socialLinks li {
    float: left;
    margin-left: 10px;
    margin-top: -5px;
}

.footerWrap .socialLinks li a {
    height: 32px;
    width: 32px;
    display: inline-block;
    border-radius: 3px;
}

.footerWrap .socialLinks li.twitter a {
    background: no-repeat url(../img/sprite.png) -4px -284px;
}

.footerWrap .socialLinks li.facebook a {
    background: no-repeat url(../img/sprite.png) -4px -324px;
}

.placeholder {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.placeholder_span {
    top: 8px;
    position: absolute;
    font-size: 13px;
    text-indent: 6px;
    color: #aaa;
    white-space: nowrap;
}

.country .customSelect {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 10px;
}

.country .selectWrap {
    position: relative;
    width: 265px;
    height: 20px;
    border-radius: 4px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
}

.country .selectWrap select {
    width: 265px;
    height: 37px;
    display: block;
}

label.lbl.state, div.form25.margin20 {
    margin-top:8px

}

.cardTypes input[type="checkbox"], .cardTypes input[type="radio"] {
    filter: alpha(opacity = 0);
    opacity: 0;
    display: inline-block;
    height: 23px;
    width: 23px;
    padding: 0;
    margin: 0;
}

.checkboxWrap.checked {
    background-position: 0px -32px;
}

.checkboxWrap {
    background: url(../img/checkbox.png) 0px 0px no-repeat;
    height: 16px;
    width: 16px;
    float: left;
}

/* Payment Confirmation */
.paymentContent .payment li.footer {
    border-bottom: 1px solid #eee;
}

.paymentContent .leftSection, .paymentContent .rightSection {
    width: 50%;
}

.paymentContent .leftSection .head {
    margin-bottom: 0;
}

.paymentContent .rightSection .head {
    margin-bottom: 6px;
}

.paymentContent .orderInfo {
    padding: 30px 20px 20px;
}

.paymentContent .orderNum {
    margin-bottom: 15px;
    color: #ec1c24;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 20px;
}

.paymentContent .orderEmail {
    margin-bottom: 0;
    color: #333333;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 14px;
}

.paymentContent .head .text {
    vertical-align: middle;
}

.paymentContent .cardType {
    display: inline-block;
    width: 40px;
    height: 28px;
    margin-left: 5px;
    padding: 0;
    vertical-align: middle;
    border-radius: 7px;
    border: 1px solid #ccc;
}

.paymentContent .cardType.Visa {
    background: no-repeat url(../img/visaCard.png) center center;
    background-size: 85%;
}

.paymentContent .cardType.AmericanExpress {
    background: no-repeat url(../img/americanExpressCard.png) center center;
    background-size: 85%;
}

.paymentContent .cardType.MasterCard {
    background: no-repeat url(../img/masterCard.png) center center;
    background-size: 85%;
}

.paymentContent .cardType.Discover {
    background: no-repeat url(../img/discoverCard.png) center center;
    background-size: 85%;
}

.paymentContent  .sCell {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    font-family: Arial;
    font-size: 14px;
    color: #333333;
}

.paymentContent .sCell.fullWidth {
    width: 100%;
}

.paymentContent  .sCell.padded {
    padding-top: 20px;
}

.paymentContent .sCell .label {
    display: block;
    font-size: 12px;
    color: #888888;
}

.billingInfo .address .state {
    display: block;
}

.shippingHandlingInfo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #888888;
    padding-left: 8px;
}

/* Order History */


.orderHistoryWrap {
    padding: 0;
}
.asideNav {
  width: 230px;
  float: left;
}
.asideNav li {
    border-bottom: 1px solid #e6e6e6;
    font-size: 20px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
}
.asideNav li a {
    padding: 20px;
    display: block;
    color: #333333
}
.asideNav li.activeNav a {
    background: #ebebeb;
    color: #ec1c24
}
.mainSection {
  background: #fff;
  font-size: 14px;
  line-height: 22px;
  width: 707px;
  min-height: 500px;
  float: left;
  border-left: 1px solid #dddddd;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  position: relative;
}
.orderHistoryWrap h2 {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 22px;
    padding: 0 30px 10px;
    border-bottom: 1px solid #e6e6e6
}
.orderHistoryWrap .btnBack {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 15px;
    background: no-repeat url(../img/sprite.png) -15px -87px;
    padding-left: 20px;
    margin: 10px 0 10px 30px;
    display: inline-block;
}
.orderHistoryList {
    padding: 20px;
}
.orderHistoryList .listRow {
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    background: #fafafa;
    padding: 13px 0;
    position: relative;
    cursor: pointer;
}
.orderHistoryList .listRow:after{
    content: "";
    background: url('../img/icon-arrow.png');
    width: 17px;
    height: 10px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}
.orderHistoryList .headRow {
    font-size: 12px;
    color: #666666;
    padding-top: 0;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: default;
    padding-bottom: 10px; 
}
.orderHistoryList .headRow:after {
    display: none;
}
.orderHistoryList .hCell {
    display: inline-block;
}
.orderHistoryList .valNo {
    width: 30%;
}
.orderHistoryList .valDate {
    width: 20%;
    padding-left: 30px;
}
.orderHistoryList .valTotal {
    width: 16%;
    line-height:18px;
}
.orderHistoryList .valStatus {
    width: 27%
}
.valNo .orderNumber {
    font-size: 14px;
    color: #666666
}
.valDate .date {
    font-weight:400;
    color: #333333
}
.valTotal .total {
    font-weight:600;
    line-height:18px;
    color: #333333
}
.valStatus .status {
    font-size: 14px;
    color: #66aa31
}
.orderHistoryList h3,
.orderHistoryDetails,
.paymentInfo,
.hCellHead {
    display: none;
}
.orderHistoryList .orderWrapActive h3,
.orderWrapActive .orderHistoryDetails,
.orderWrapActive .paymentInfo {
    display: block;
}
.orderWrapActive .hCellHead  {
    display: inline-block;
}
.orderHistoryList .listRow.orderWrapActive {
    background: #fafafa;
    padding:0;
    cursor: default;
}
.orderWrapActive h3 {
    color: #000;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 20px;
    padding: 7px 30px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 15px; 
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.orderWrapActive .hCellHead {
    color: #888888;
    font-size: 12px;
}
.orderWrapActive .valNo {
    width: 30%
}
.orderWrapActive .valDate {
    width: 20%
}

.orderWrapActive .valTotal {
    width: 16%
}

.orderWrapActive .valStatus {
    width: 24%;
}
.valNo .orderNumber {
    font-size: 14px;
    color: #333
}
.orderWrapActive .status {
    font-size: 16px;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
}
.orderHistoryList .listRow.orderWrapActive:after{
    content: "";
    background: url('../img/icon-arrow.png') 0 -10px;
}

.orderHistoryDetails {
    padding: 20px 30px;
}
.orderHistoryDetails ul {
    border-top: 1px solid #eee;
}
.orderHistoryDetails ul.bundledParentExpanded {
    border-top: none;
}
.orderHistoryDetails ul li {
    border-bottom: 1px solid #eee;
    padding: 10px 30px;
}
.orderHistoryDetails ul li div {
    display: inline-block;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
}
.orderHistoryDetails ul li.header {
    padding: 5px 30px;
}
.orderHistoryDetails ul li.header div {
    font-size: 12px;
    color: #888888
}
.orderHistoryDetails .sku {
    width: 10%;
}
.orderHistoryDetails .expand {
    width: 2%;
}
.orderHistoryDetails .name {
    width: 32%;
}

.orderHistoryDetails .access {
    width: 15%;
}

.access a {
    color: #0066ff;
}
.orderHistoryDetails .quantity {
    width: 10%;
    text-align: center;
}
.orderHistoryDetails .price {
    width: 10%;
}
.orderHistoryDetails ul li.footer {
    padding: 15px 30px;
    border-bottom:none;
}
.orderHistoryDetails ul li div.bundledItem.name, .orderHistoryDetails ul li div.bundledItem.price, .orderHistoryDetails ul li div.bundledItem.sku {
    font-size: 10px;
    font-weight: 500;
}
.orderHistoryDetails ul li.bundledItem, .orderHistoryDetails ul li.bundledItemLast {
    padding-top: 0px;
    padding-bottom: 0px;
}
.paymentInfo {
    padding: 0 30px
}
.paymentInfo h4 {
    color: #ec1c24;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    display: block;
    margin-bottom: 15px
}
.paymentMethod,
.billingInformation {
    width: 50%;
    float: left;
}
.paymentInfo li {
    margin-bottom: 20px;
}
.paymentInfo .headRow {
    display: block;
    color: #888888;
    font-size: 12px;
    text-transform: uppercase;
}
.paymentInfo .valRow {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 16px;
}
.paymentInfo .paymentType,
.paymentInfo .amtPaid,
.paymentInfo .name {
    width: 45%;
    display: inline-block;
    margin-right: -4px;
}
.paymentInfo .cardNo,
.paymentInfo .exp,
.paymentInfo .contactNo {
    width: 55%;
    vertical-align: top;
    display: inline-block;
    margin-right: -4px;
}
.valDateMobile,
.hCellHeadMobile,
.skuMobile {
    display: none;
}


/* Transaction History */

.txnHistoryList {
    padding: 30px;
}
.txnHistoryList .listRow {
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fafafa;
    padding: 13px 0;
    position: relative;
}
.txnHistoryList .headRow {
    font-size: 12px;
    color: #666666;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: default;
    padding-bottom: 10px;
}
.txnHistoryList .hCell {
    display: inline-block;
}
.txnHistoryList .valDate {
    width: 30%
}
.txnHistoryList .valTourney {
    display: none;
}
.txnHistoryList .valDebit {
    width: 20%
}
.txnHistoryList .valCredit {
    width: 20%
}
.txnHistoryList .valBalance {
    width: 25%;
    text-align: right
}
.txnHistoryList .valTourneyMobile {
}
.valDate .txndate {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size: 14px;
    color: #333333
}
.valTourney .tourney {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size: 14px;
    color: #666666
}
.valDebit .amount {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size: 14px;
    color: #333333
}
.valCredit .amount {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size: 14px;
    color: #333333
}
.valBalance .amount {
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:600;
    font-size: 14px;
    color: #333333
}


/* Media queries */
@media ( min-width : 1200px) {

    #marqueeBackground {
        width: 1050px;
        height: 300px;
    }

    .homepageBoxWrapper {
        min-width:800px;
    }

    .desktopHide {
        display:none;
    }

    .product-column {
        float:left;
        width:24%;
        padding: 10px 0px 10px 5px;
    }
    .product-dummy {
        float:left;
        min-width:24%;
        padding: 10px 0px 10px 5px;
    }
    .product-dummy-half {
        float:left;
        min-width:12%;
        padding: 10px 0px 10px 5px;
    }
    .container,
    .cycle-slideshow {
        width: 1200px;
    }
    .headerMain {
        padding: 25px 0 15px;
    }
    .logo {
        margin-left: 70px;
    }
    .logo a {
        width: 240px;
    }
    .slogan span {
        display: inline-block;
    }
    .headerAds {
        margin-right: 100px;
    }
    .cartPageData {
        width: 100%;
    }
    .pageData {
        width: 70%;
    }
    .loginWrap .pageData {
        width: 826px;
    }
    .menuNav li a {
        font-size: 16px;
    }
    .subMenu li a {
        font-size: 14px;
    }
    .currencyPacksWrap ul {
        margin-left: 30px;
    }
    .currencyPacksWrap ul li {
        width: 248px;
    }

    .billingInfo input.txtFname, .billingInfo input.txtLname {
        width: 187.5px;
    }
    .billingInfoWrap ul li {
        width: 390px;
    }
    .billingInfoWrap ul {
        margin-left: -8px;
    }
    .btnProceedPayment {
        margin-left: 8px;
    }
    .country .selectWrap {
        width: auto;
    }
    .country .selectWrap select {
        width: 375px;
        height: 37px;
        display: block;
    }
    .orderHistoryDetails .total {
        width: 84%
    }
    .orderHistoryDetails .name {
        width: 30%;
    }

    .orderHistoryDetails .access {
        width: 15%;
    }

    .access a{
        color: #0066ff;
    }

    /* Order History */
    .asideNav {
        width: 270px;
    }
    .mainSection {
        width: 897px;
    }
    .fullSection {
        width: 100%;
    }
    .orderWrapActive .valNo {
        width: 30%
    }
    .orderWrapActive .valDate {
        width: 20%;
    }
    .orderWrapActive .valStatus {
        width: 27%
    }
    .paymentInfo .paymentType,
    .paymentInfo .amtPaid,
    .paymentInfo .name {
        width: 35%;
    }

    /* Transaction History */
    .txnHistoryList .valDate {
        width: 12%
    }
    .txnHistoryList .valTourney {
        width: 50%;
        display: inline-block;
    }
    .txnHistoryList .valDebit {
        width: 10%
    }
    .txnHistoryList .valCredit {
        width: 10%
    }
    .txnHistoryList .valBalance {
        width: 15%;
        text-align: right
    }
    .txnHistoryList .valTourneyMobile {
        display: none;
    }

}

@media ( max-width : 1200px) {

    .giftCardSide {
        width:99%;
    }

    .confirmationLeft {
        width:100%;
    }

    .confirmationRight {
        width:97%;
        box-shadow:none;
        border:none;
    }

    #mainContentLeft {
        width:100%;
    }

    #sideContentRight {
        width:100%;
    }

    #upSellWrap {
        padding:10px;
        width:47%;
        float:left;

    }#crossSellWrap {
        padding:10px;
         width:47%;
         float:left;
     }

    .container-fluid {
        padding:0;
    }

    .topWrap a {
        padding: 0 4px;
        font-size: 15px;
    }
}

@media ( max-width : 1024px) {

    .promoCodeBox {
        margin-top:20px;
    }

    .purchaseRight {
        width:425px;
    }

    .purchaseLeft {
        width:425px;
    }
}

@media ( min-width : 979px) {

    .desktopHide {
        display: none;}

}
@media ( min-width : 768px) and (max-width: 979px) {



    .homepageBoxWrapper {
        width:100%;
        min-width:0;
        padding-left:0;
    }

    .homepageBox {
        margin-right:20px;
        width:45%;
    }

    .product-column {
        width:45%;
        text-align:center;
    }

    .accountNav .userAccount span {
        font-size:11px;
    }
    .ipadHide {
        display: none;
    }
    .ipadShow {
        display: block;
    }
    .container, .navbar-static-top .container, .navbar-fixed-top .container,
        .navbar-fixed-bottom .container {
        width: 768px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .contentWrap {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0 0px 0px #d9e0e8;
        -moz-box-shadow: 0 0px 0px #d9e0e8;
        box-shadow: 0 0px 0px #d9e0e8;
        border: solid 0px #d3d3d3;
        display: flex;
    }
    .headerWrap {
        margin-bottom: 0;
    }
    header {
        padding: 10px 17px 10px 13px;
    }

    .logo {
        margin-top: 9px;
        margin-left: 0;
        float: none;
    }
    .logo a {
        margin: 0 auto;
    }
    .headerAds {
        display: none;
        height: 68px;
        width: 546px;
    }
    nav {
        margin-bottom: 0;
        font-size: 13px;
    }
    .menuNav>li>a {
        padding-left: 8px;
        padding-right: 8px;
    }
    .subMenu.handicapping {
        width: 766px;
        left: -113px;
    }
    .subMenu.newsSubMenu {
        width: 575px;
        left: -190px;
    }
    .subMenu.newsSubMenu .colMenu {
        min-height: 355px;
    }
    .subMenu.storeSubMenu {
        width: 575px;
        left: -399px;
    }
    .subMenu.storeSubMenu .colMenu {
        min-height: 355px;
    }
    .subMenu.eventsSubMenu {
        left: -75px;
    }
    .subMenu .colMenu {
        width: 190px;
        min-height: 555px;
    }
    .tabs {
        margin: 0;
    }
    .pageData {
        width: 100%;
        border-radius: 0;
        border-right: 0 none;
        border-bottom: 1px solid #ccc;
    }
    .rightColumn {
        width: 221px;
        display: none;
    }
    .currencyPacksWrap ul {
        
    }
    .currencyPacksWrap ul li {
        width: 236px;
    }
    .billingInfo input[type="text"] {
        height: auto;
        width: 335px;
    }
    .billingInfo input.txtFname, .billingInfo input.txtLname {
        width: 167.5px;
    }
    .billingInfoWrap ul li {
        width: 350px;
    }
    .billingInfoWrap ul {
        margin-left: -8px;
    }
    .btnProceedPayment {
        margin-left: 8px;
    }
    .country .selectWrap {
        width: auto;
    }
    .footerWrap .socialLinks {
        margin-right: 20px;
    }
    .country .selectWrap select {
        width: 335px;
        height: 37px;
        display: block;
    }
    .paymentContent .shoppingCartWrap.payment ul li div.total {
        width: 73%;
        padding-right: 7%;
    }
    .topWrap a {
      padding: 0 4px;
    }
    .asideNav {
        width: 217px;
    }
    .asideNav li a {
        padding-right: 10px;
        padding-left: 10px;
    }
    .mainSection {
        width: 550px;
    }
    .orderHistoryList {
        padding: 10px
    }
    .orderHistoryList .valNo {
        font-size: 12px;
        width: 38%
    }
    .valNo .orderNumber,
    .valStatus .status {
        font-size: 14px;
    }
    .valDate .date {
        font-size: 14px;
    }
    .orderHistoryList .valTotal {
        width: 12%
    }
    .orderHistoryList .valStatus {
        width: 20%
    }
    .orderHistoryList .valDate {
        width: 22%
    }
    .orderWrapActive .valDate {
      width: 22%;
    }
    .paymentInfo .headRow {
        font-size: 11px;
    }
    .paymentInfo .valRow {
        font-size: 14px;
    }
    .paymentInfo .paymentType, .paymentInfo .amtPaid, .paymentInfo .name {
        width: 45%;
    }
    .orderWrapActive .hCellHead {
        display: block;
    }
    .orderHistoryDetails .name {
        width: 37%
    }
    .orderHistoryDetails .sku {
        width: 22%;
    }
    .orderHistoryDetails {
        padding: 20px
    }
    .paymentInfo {
        padding: 0 20px
    }
    .orderHistoryDetails .total {
        width: 78%
    }

    /* Transaction History */
    /*
    .txnHistoryList .valDate {
        width: 22%
    }
    .txnHistoryList .valTourney {
        display: none;
    }
    .txnHistoryList .valDebit {
        width: 20%
    }
    .txnHistoryList .valCredit {
        width: 20%
    }
    .txnHistoryList .valBalance {
        width: 35%;
    }
    .txnHistoryList .valTourneyMobile {
        display: block;
    }
    */

}

@media only screen and (max-width: 979px) {

    .paymentContentContainer {
        margin-top:110px;
    }

    .paymentContentWrap {
        margin-top:70px;
    }

    .purchaseContentWrap {
        margin-top:10px;
    }

    .leftSectionConf {
        width:100%;
    }

    .content {
        width:98% !important;
    }

    .confirmationDetails {
        width:98%;
    }

    .purchaseRectangle {
        width:93%;
    }

    .confirmationWrapHeader {
        padding: 7px 24px;
        border:none;
    }

    .confPrice {
        width: 25%;
    }

    .confAccessIcon {
        width: 35px;
    }
    .confDate {
        margin-left:0;
    }

    .confHead {
        float:left;
        line-height:18px;
        width:40%;
    }

    .confText {
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        float:left;
        font-size:13px;
    }

    .confHeader {
        width:98%;
        margin-left:10px;
    }

    .orderHistoryWrap {
        width:100%;
    }

    .payment li.footer {
        border-bottom: none;
        height: 30px;
        padding-top: 0;
    }

    .cartPageData {
        padding-top:20px;
        width:97%;
        border:none;
    }

    .contentHead {
        border-bottom: solid 1px #D3D3D3;
        margin-bottom:10px;
    }

    .headLogo {
        height:50px;
    }

    .checkoutHeadWrap {
        margin-left:18px;
    }

    .homepageBoxWrapper {
        min-width:0;
        width:95%;
        padding-left:0;
    }

    .container {
        width: auto;
    }

    .product-column {
        width:100%;
        text-align:center;
    }

    #overlayWrap {
        width:95%;
    }

    .mobileShow {
        display: block;
    }
    .mobileHide, .newsCnt .newsAuthor .mobileHide {
        display: none;
    }
    .mobileHide {
        display: none !important;
    }

    body {
        padding: 10px 0 0;
    }
    .headerWrap {
        background: white;
        position: fixed;
        right:0px;
        width: 100%;
        top: 0;
        height: 45px;
        z-index: 999;
        margin-bottom: 0;
    }
    .vsMenuBody .headerWrap {
        position: absolute;
    }
    .headerWrap header {
        padding: 0;
    }
    .logo {
        display: none;
    }

    .btnMobileback {
        float: left;
        display: block;
        margin: 12px 0 0 15px;
    }
    .btnMobileback a {
        display: block;
        text-indent: -10000px;
        width: 51px;
        height: 20px;
        background: no-repeat url(../img/sprite.png) -11px -129px;
    }
    .mobileMenu {
        position: absolute;
        right: 0;
        top: 0;
    }
    .mobileMenu li {
        float: left;
    }
    .userLink {
        padding: 12px;
        display: block;
    }
    .userLink .icon-user {
        background-position: 0 -343px;
        width: 18px;
        height: 19px;
    }
    .vsMenuBody .contentWrap {
        pointer-events: none;
    }
    .responsiveButton {
        pointer-events: auto;
        display: block;
        padding: 13px;
        z-index: 1000;
    }
    .responsiveButton .icon-bar {
        background-color: black;
        display: block;
        height: 1px;
        width: 22px;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: transform 80ms ease-out;
        -moz-transition: transform 80ms ease-out;
        -ms-transition: transform 80ms ease-out;
        -o-transition: transform 80ms ease-out;
        transition: transform 80ms ease-out;
        margin: 4px 0;
    }
    .responsiveButton.vsMenuOpen .icon-bar {
        background: white;
    }
    .responsiveButton.vsMenuOpen .icon-bar:first-child, .responsiveButton.vsMenuOpen .icon-bar:last-child
        {
        background: black;
        position: relative;
        z-index: 1;
    }
    .responsiveButton.vsMenuOpen .icon-bar:first-child {
        top: 0.4em;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .responsiveButton.vsMenuOpen .icon-bar:last-child {
        top: -0.4em;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .vsMenu {
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 999999;
        width: 260px;
        overflow-y: auto;
        background: #fafafa;
        font-family: Arial, Helvetica, sans-serif;
        font-weight:400;
        font-size: 14px;
        color: #333333;
        right: -260px;
        box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.25) inset;
    }
    .vsMenu li {
        float: none;
        margin: 0 15px;
        line-height: 40px;
    }
    .vsMenu li:last-child a {
        border-bottom: 0;
    }
    .vsMenu li a {
        display: block;
        color: #000000;
        padding: 0 15px;
        text-decoration: none;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-size:14px;
        font-weight:400;
    }
    .vsMenu li a:hover {
        color: #3079f0;
    }
    .vsMenu .drfProMenu {
        border-bottom: 1px solid #bbbbbb;
    }
    .vsMenu .drfProMenu li {
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
    }
    .vsMenu .drfProMenu li a {
        color: #3079f0;
    }
    .vsMenu .drfProMenu li a:hover {
        color: #be2025;
    }
    .vsMenu .help {
        position: relative;
    }
    .vsMenu .help .iconT-toggle {
        position: absolute;
        top: 22px;
        right: 0;
        height: 10px;
        width: 18px;
        background-position: -79px 0;
    }
    .vsMenu .help.open .iconT-toggle {
        background-position: -79px -10px;
    }
    .vsMenu .subMenu {
        display: none;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
        font-size: 14px;
        position: inherit;
        width: auto;
        border: 0;
        background: transparent;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4); 
    }
    .vsMenu .subMenu.open {
        display: block;
    }
    .vsMenu .subMenu li {
        margin: 0;
        line-height: 33px;
    }
    .vsMenu .subMenu li:last-child {
        padding-bottom: 8px;
    }
    .vsMenu .subMenu li a {
        margin: 0;
        padding: 0 35px;
        font-size: 16px;
        color: #888;
    }
    .vsMenu .toploginNav {
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
        float: none;
        background: #eeeeee;
        box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.25) inset;
    }
    .vsMenu .toploginNav a {
        padding: 0 15px;
    }
    .vsMenu .toploginNav .loginUser span {
        color: #000;
        width: 165px;
        height: 55px;
        margin-left: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        float: left;
    }
    .vsMenu .toploginNav .loginUser a {
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
        padding: 0;
        color: #3079f0;
        display: inline-block;
        font-size: 12px;
        float: right;
    }
    .vsMenu .toploginNav .loginUser a:hover {
        color: #000;
    }
    .vsMenu .mLogin {
        background: none repeat scroll 0 0 #eeeeee;
        box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.25) inset;
    }
    .vsMenu .mLogin li {
        font-size: 18px;
        padding: 0 0 0 15px;
    }
    .vsMenu .mLogin li span {
        color: #000;
        display: inline-block;
        float: left;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
        height: 55px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 165px;
    }
    .vsMenu .mLogin li a {
        color: #005bf0;
        display: inline-block;
        float: right;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:600;
        font-size: 12px;
        padding: 0;
    }
    .vsMenu .mLogin li a:hover {
        color: #000;
    }
    .smallMenu {
        line-height: 25px;
    }
    .smallIndent {
        margin-left:17px;
    }
    .topWrap {
        display: none;
    }
    .billingInfoWrap ul {
        margin: 0;
    }
    .billingInfoWrap ul li {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .cardNoAndName input[type="text"], .billingInfo input[type="text"],
        .country .selectWrap {
        width: 100%;
        height: 26px;
        box-sizing: border-box;
    }
    .billingInfo input.txtFname, .billingInfo input.txtLname {
        width: 50%;
    }
    .rightColumn {
        display: none;
    }
    .footerWrap .socialLinks {
        float: none;
        text-align: center;
    }
    .footerWrap .socialLinks li {
        float: none;
        display: inline-block;
        margin-top: 10px;
    }
    .pageData {
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-right: 0;
        padding-top: 0;
        min-height: 300px;
    }
    .contentWrap {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 #d9e0e8;
        -moz-box-shadow: 0 0 0 #d9e0e8;
        box-shadow: 0 0 0 #d9e0e8;
        border: solid 0 #dddddd;
        margin-top:110px;
    }
    .checkoutHeadWrap .head {
        z-index: 999;
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .vsMenuBody .checkoutHeadWrap .head {
        position: absolute;
        top: -45px;
    }
    .checkoutHeadWrap .btnBack {
        display: none;
    }
    .vsMenu .logoMobile {
        display: block;
        margin: 0 auto;
        height:50px;
        width:102px;
    }
    .vsMenu .logoMobile a {
        margin: auto;
    }
    .currencyPacksWrap ul {
        text-align: center;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .currencyPacksWrap ul li {
        float: none;
        display: inline-block;
        width: 248px;
        margin-left: 0;
    }
    .footerWrap {
        border-top: 1px solid #e6e6e6;
    }
    .currencyPacksWrap h4 {
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
        font-size: 18px;
        margin-bottom: 15px;
    }
    .checkoutHeadWrap {
        padding: 0;
        border: none;
    }
    .shoppingCartWrap ul li div.sku {
        float: none;
        width: 100%
    }
    .shoppingCartWrap ul li.header div.sku {
        display: none;
    }
    .shoppingCartWrap ul li div.name {
        width: 30%;
    }
    .shoppingCartWrap ul li.header div.quantity {
        width: 25%;
    }
    .shoppingCartWrap ul li div.price {
        width: 15%;
    }
    .shoppingCartWrap ul li div.quantity {
        width: 20%;
        padding-left: 5%;
    }
    .shoppingCartWrap.payment ul li div.total {
        text-align: left;
        width: 60%;
    }
    .shoppingCartWrap ul li div.totalAmt {
        width: 35%;
    }
    .cardNoAndName {
        margin: 0;
    }
    .cardNoAndName .cardNo, .cardNoAndName .name {
        float: none;
        width: 100%;
        margin: 0;
    }
    .payment .btnCheckout, .shoppingCartWrap .btnProceed {
        display: block;
        margin: 20px;
    }
    .btnProceedPayment {
        display: block;
        margin: 20px 0;
    }

    .shoppingCartWrap ul li div.donateMsg {
        width: 100%;
    }
    .billingInfoWrap ul li:last-child {
        height: auto;
    }
    .billingInfo .txtEmail {
        margin-bottom: 0;
    }
    .shoppingCartWrap.payment ul li div.total {
        display: block;
        font-size: 16px;
        width: 70%;
    }
    .shoppingCartWrap.payment ul li div.totalAmt {
        display: block;
        font-size: 16px;
        width: 25%;
    }
    .shoppingCartWrap ul li.header div {
        font-size: 10px !important;
    }
    .country .selectWrap select {
        width: 100%;
        height: 37px;
        display: block;
    }
    .paymentContent .shoppingCartWrap.payment ul li div.total {
        width: 58%;
        padding-right: 17%;
        text-align: right;
    }
    .paymentContent .orderNum {
        line-height: 30px;
    }
    .paymentContent .leftSection {
        width: 100%;
    }
    .paymentDetailsWrap .rightSection {
        width: 100%;
        padding-bottom: 20px;
    }
    .mainSection {
        width: auto;
        float: none;
        margin-top:40px;
    }
    .orderHistoryList {
        width: 99%;
        padding: 10px;
    }

    .valDateMobile {
        font-size: 16px;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
        padding: 0 12px 5px;
        display: block;
    }
    .orderHistoryList .valNo {
        padding-left: 12px;
        width: 30%
    }
    .orderHistoryList .valTotal {
        width: 15%
    }
    .orderHistoryList .valStatus {
        width: 24%
    }
    .hCellHeadMobile {
        display: block;
        color: #888888;
        font-size: 11px;
        text-transform: uppercase;
    }
    .valNo .orderNumber {
        font-size: 13px;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
    }
    .valStatus .status {
        font-size: 14px;
    }
    .orderWrapActive h3 {
        font-size: 18px;
    }
    .orderHistoryList .listRow:after {
        top: 16px;
    }
    .orderWrapActive .valDateMobile,
    .orderWrapActive .hCellHeadMobile,
    .orderHistoryDetails li.header .sku,
    .orderHistoryWrap .btnBack {
        display: none;
    }
    .orderHistoryList .orderWrapActive .valDate {
        display: inline-block;
    }

    .orderWrapActive .orderNumber {
        font-size: 16px;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:600;
    }
    .orderWrapActive .valDate .date {
        font-size: 13px;
        color: #000
    }
    .orderHistoryDetails {
        padding: 12px;
    }
    .orderHistoryDetails ul li,
    .orderHistoryDetails ul li.header,
    .orderHistoryDetails ul li.footer {
        padding-left: 0;
        padding-right: 0
    }
    .skuMobile {
        color: #888888;
        font-size: 12px;
        font-family: arial; 
        padding-right: 5px;
        display: inline-block;
    }
    .orderHistoryDetails .expand {
        width: 2%;
    }
    .orderHistoryDetails .name {
        width: 48%
    }
    .orderHistoryDetails .price {
        width: 10%
    }
    .orderHistoryDetails .quantity {
        width: 10%
    }
    .orderHistoryDetails .total {
        width: 67%
    }
    .orderHistoryDetails .totalAmt {
        width: 28%
    }
    .paymentInfo {
        padding: 0 12px;
    }
    .paymentInfo .headRow {
        display: block;
    }
    .paymentMethod, .billingInformation {
        width: auto;
        float: none;
    }
    .paymentInfo .cardNo, .paymentInfo .exp, .paymentInfo .contactNo,
    .paymentInfo .paymentType, .paymentInfo .amtPaid, .paymentInfo .name {
        width: 50%
    }
    .paymentMethod {
        border-bottom: 1px solid #eee;
        margin-bottom: 20px
    }
    .orderHistoryWrap h2 {
        position: fixed;
        color: #ec1c24;
        background-color:#ffffff;
        top: 50px;
        z-index: 999;
        text-align: center;
        left: 0;
        right: 0;
        font-size: 22px;
        margin: auto;
        padding: 4px 0;
        max-width: 240px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-weight:400;
        border-bottom: 0
    }
    .vsMenuBody .orderHistoryWrap h2  {
      position: absolute;
      top: -45px;
    }
}

/* ----------- iPad Pro 10.5" ----------- */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

    .apple-pay-button-black-with-line {
        -apple-pay-button-type:plain;
        -apple-pay-button-style: black-outline; height: 33px; width: 100%; min-width: 100px; margin-top:5px; cursor:pointer; border: solid 1px #555; border-radius:4px;
    }

    .purchaseRectangle {
        width: 96%;
        margin-bottom: 10px;
    }

    .purchaseLeft {
        width:100%;
    }

    .purchaseRight {
        width:100%;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {

    .apple-pay-button-black-with-line {
        -apple-pay-button-type:plain;
        -apple-pay-button-style: black-outline; height: 33px; width: 100%; min-width: 100px; margin-top:5px; cursor:pointer; border: solid 1px #555; border-radius:4px;
    }

    .purchaseRectangle {
        width: 96%;
        margin-bottom: 10px;
    }

    .purchaseLeft {
        width:100%;
    }

    .purchaseRight {
        width:100%;
    }

}



@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

    .cardNumberSection {
        width:40%;
        margin-left:10px;
    }

    .cardDateSection {
        width:20%;
    }

    .cardCVVSection {
        width:20%;
    }

    .cardLineImage {
        width: 24px;

    }

}

/* ----------- iPad 1, 2, Mini and Air ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {

    .apple-pay-button-black-with-line {
        -apple-pay-button-type:plain;
        -apple-pay-button-style: black-outline; height: 33px; width: 100%; min-width: 100px; margin-top:5px; cursor:pointer; border: solid 1px #555; border-radius:4px;
    }

    .purchaseRectangle {
        width: 96%;
        margin-bottom: 10px;
    }

    .purchaseLeft {
        width:100%;
    }

    .purchaseRight {
        width:100%;
    }

    .halfWidthPurchaseLeft {
        float:left;
        width:100%;
        margin-bottom:15px;
    }

    .halfWidthPurchaseRight {
        float:left;
        width:99%;
    }

    .cardNumberSection {
        width:40%;
        margin-left:10px;
    }

    .cardDateSection {
        width:20%;
    }

    .cardCVVSection {
        width:20%;
    }

    .cardLineImage {
        width: 24px;

    }

}

@media only screen and (max-width: 768px) {

    .cardNumberSection {
        width:50%;
        margin-left:10px;
    }

    .cardDateSection {
        width:18%;
    }

    .cardCVVSection {
        width:18%;
    }

    .purchaseLeft {
        width:99%;
    }

    .purchaseRight {
        width:99%;
    }

    .halfWidthPurchaseLeft {
        float:left;
        width:100%;
        margin-bottom:15px;
    }

    .halfWidthPurchaseRight {
        float:left;
        width:100%;
    }



    #paypal-button-container {
        margin-right: 0;
    }

    .promobtn {
        min-width: 99px;
    }
    #checkoutPromo {
        width:220px;
    }

    .confirmationRight {
        padding:0;
        margin-left:10px;
    }

    .giftCardSide {
        width: 94.5%;
    }

    .padNone {
        padding:0 !important;
    }

    .orderWrapActive h3 {
        padding: 7px 10px;
    }

    .orderWrapActive .hCellHead {
        display: inline-block;
        width: 35%
    }

    .orderWrapActive .valDate .date,
    .orderWrapActive .valTotal .totalList,
    .orderWrapActive .valNo .orderNumber,
    .orderWrapActive .valStatus .status {
        display:inline-block;
        font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
        font-size:13px;
        line-height: 13px;
        font-weight:400;
    }



    .orderHistoryList .orderWrapActive  .hCell {
        display: block;
        margin-right: 0;
        padding-left: 12px;
        width: auto;
        margin-bottom: 5px
    }

    .valDate .date {
        font-size:13px;
    }
    .orderHistoryList .headRow {
        display: none
    }

    .orderSummaryBox {
        width: 39%;
        margin-left: 10%;
    }

    .accessText {
        width:80px;
    }

    .accessTextLink {
        width:auto;
    }

    .total {
        font-size:16px;
    }

    .totalAmt {
        font-size:16px;
    }

    .promoCodeBox {
        width:100%;
        margin-top:20px;
    }

    #backArrowDesktop {
        display:none;
    }

    #upSellWrap {
        width:90%;
    }

    #crossSellWrap {
        width:90%;
    }

    .halfWidthLeft {
        float: left;
        width:49%;
        margin-top:10px;
    }

    .halfWidthRight {
        float: right;
        width:49%;
        margin-top:10px;
    }

    .orderBtn {
        width:100%;
        min-width:200px;
        height:35px;
        line-height:35px;
        font-size: 15px;
        float:left;
    }

    .apple-pay-button-black-with-line {
        -apple-pay-button-type:plain;
        -apple-pay-button-style: black-outline; height: 45px !important; width: 99% !important; min-width: 100px; margin-bottom:15px; cursor:pointer;
        margin-top:5px;
    }

    .applePayButtonContainer {
        width:100%;
    }

    .gpay-button.short, .gpay-button.plain {
        width: 100% !important;
    }

    .paypal-buttons {
        width: 100% !important;
    }

}

@media only screen and (max-width: 600px) {

    html, body    {
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
    }

    .paymentHideMobile {
        display:none;
    }

    .paymentExpiredText, .paymentDefaultText {
        text-align: left;
    }

    .paymentHeaderText {
        margin: 5px 0;
    }

    .paymentWrap {
        padding: 5px;
    }

    .paymentBox {
        margin: 5px 0;
        width: 99%;
        padding:10px 5px;
    }

    .paymentDefaultBox {
        margin: 0;
        width: 99%;
        padding:10px 5px;
    }

    .paymentAddButton {
        margin: 5px 0;
    }

    .paymentEdit {
        margin-left: 0;
    }

    .orderHistoryHeader {
        margin-left: 5px;
    }

    .paymentImage {
        width:60px;
        padding: 5px 0;
    }

    .paymentCardType {
        width:100px;
    }

    .paymentCard {
        width:70px;
        padding-left: 0;
    }

    .confirmationWrapHeader {
        padding: 0;
    }

    .cardNumberSection {
        width:50%;
        margin-left:10px;
    }

    .cardDateSection {
        width:18%;
    }

    .cardCVVSection {
        width:18%;
    }


    #checkoutPromo {
        width:220px;
    }

    .manage-promo {
        text-align:center;
    }

    .giftcardComplete {
        width:100%;
        margin-top:0;
    }

    #giftcard_submit_button {
        width:100% !important;
    }

    .promobtn {
        margin-left:0;
        margin-top:0;
    }

    .confirmDetailsWrap {
        padding:0;
    }

    .orderSummaryText {
        width: 59%;
    }

    .confName {
         width:55%;
     }

    .confQuantity {
        display:none;
    }

    .orderHistoryDetails ul li div {
        font-weight: 600;
        font-size: 12px;
    }

    .trendingHistoryButton {
        width: 70px !important;
        height: 20px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        margin-bottom:5px;
    }

    .paymentDetailsWrap {
        padding: 0;
    }

    .orderHistoryDetails {
        padding: 10px;
    }

    .orderSummaryBox {
        margin-left:0;
        width:81%;
    }

    .orderHistoryList .valDate {
        width: 50%;
        padding-left: 20px;
    }

    .orderHistoryList .valNo {
        width: 50%;
        padding-left: 20px;
    }

    .orderHistoryDetails .name {
        width: 35%;
    }

    .orderHistoryDetails .access {
        width: 23%;
    }

    .orderHistoryDetails .price {
        width: 15%;
    }

    .orderHistoryDetails .quantity {
        width: 20%;
    }

}

@media only screen and (max-width: 480px) {

    .smallHide {
        display:none;
    }

    .homepageBox {
        width:95%;
        margin-right:0px;
    }
    .paymentContent .shoppingCartWrap.payment ul li div.total {
        width: 63%;
        padding-right: 12%;
        text-align: right;
    }
    .shoppingCartWrap ul li.header div.close {
        width: 5%;
    }
    .shoppingCartWrap ul li div.close {
        width: 9%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and (
        min--moz-device-pixel-ratio: 2) , only screen and (
        -o-min-device-pixel-ratio: 2/1) , only screen and (
        min-device-pixel-ratio: 2) , only screen and ( min-resolution:
        192dpi) , only screen and ( min-resolution: 2dppx) {
    .logo a {
        background-image: url(../img/logo@2x.jpg);
        background-size: 180px auto;
    }

    [class^="icon-"], [class*=" icon-"], .checkoutHeadWrap .btnBack,
        .currencyPacksWrap .packDetails span, .shoppingCartWrap ul li div.close a,
        .footerWrap .socialLinks li.twitter a, .footerWrap .socialLinks li.facebook a,
        .btnMobileback a, .paymentDetailsWrap .cvv {
        background-image: url("../img/sprite@2x.png");
        background-size: 40px auto;
    }
    .checkbox {
        background-image: url("../img/checkBox@2x.png");
        background-size: 16px auto;
    }
}

@media ( max-width : 320px) {
    body {
        width: 320px;
    }
}

.errorCodeWrap {
    color: #666;
    text-align: center;
    display: block;
    font-size: 13px;
    padding: 25px 0 22px 0;
    font-family: 'Titillium Web', Arial, Helvetica, sans-serif;
    font-weight:400;
}

@media print {

    body {
        -webkit-print-color-adjust: exact !important;
    }

    #giftCardPrintZone {
        background-color:#e8e8e8;
        -webkit-print-color-adjust: exact !important;
    }

    .giftCardPrintWrapper {
        border:solid 1px #06c;
        border-radius:5px;
        padding:10px;
        width:100%;
        max-width:500px;
        margin:0 auto;
    }

    .navContainer {
        display:none;
    }

    .hideGiftCardPrint {
        display:none;
    }

    #sendRedeem {
        display:none;
    }

    #giftCardPrintZone {
        display:block;
    }

    .confirmationRight {
        display:none;
    }

    footer {
        display:none;
    }

    .contentWrap {
        margin-top:10px;
    }
}

/* CSS */
@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-black-with-line {
        -apple-pay-button-type:plain;
        -apple-pay-button-style: black-outline; height: 46px; width: 100px; min-width: 100px; cursor:pointer; border: solid 1px #555; border-radius:4px;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0;
        box-sizing: border-box;
        min-width: 100px;
        min-height: 35px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: black;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: black;
    }
    .apple-pay-button-black-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: black;
        border: .5px solid black;
    }
}