body {
    padding-top: 70px;
    padding-bottom:0px;
    margin-bottom:0px;
}
/*--- REVIEW 41785761 ---*/
/*------------ Floating Label ------------*/
.label-float {
    position:relative;
}
.label-float label {
    position: absolute;
    color:transparent !important;
    top: 0;
    left: 0;
    transition: 0.5s;
}

.quarter-3.label-float.show, .quarter-1.label-float.show {
    display: inline-block !important;
}

.label-float.show label,
.label-float input:focus ~ label ,
.label-float textarea:focus ~ label,
.label-float select:focus ~ label
{
    position: absolute;
    top: -6px;
    color:inherit !important;
    font-size: 10px;
    bottom: 0;
    max-width: 90%;
    left: 10px;
    background-color: white;
    bottom: auto;
}

.label-float input:focus ~ label[for="to_first_name"], .label-float input:focus ~ label[for="to_last_name"], .label-float.show label[for="to_first_name"], .label-float.show label[for="to_last_name"] {
    top: 4px;
}

.label-float input:focus ~ label[for="cc_number"], .label-float.show input ~ label[for="cc_number"], .label-float input:focus ~ label[for="cc_sec"], .label-float.show input ~ label[for="cc_sec"], .label-float input:focus ~ label[for="promo2"], .label-float.show input ~ label[for="promo2"], .label-float input:focus ~ label[for="promo3"], .label-float.show input ~ label[for="promo3"] {
    top: 8px;
}

.label-float input:focus ~ label[for="promo"], .label-float.show input ~ label[for="promo"] {
    left: 25px;
}

#expiration-fields-label-float, #expiration-fields-no-floating-labels {
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

#from-email-container-label-float {
    display:inline-block !important;
    width:100%;
}

#from-email-container-label-float > input#from_email {
    margin: 0px;
}

.label-float > #first_name_error_message, .label-float > #last_name_error_message, .label-float > #billing_first_name_error_message, .label-float > #billing_last_name_error_message, .label-float ~ #billing_city_error_message, .label-float > #gc_number_error_message, .label-float > #contact_phone_error_message, .label-float > #gc_pin_error_message {
    margin-bottom: 10px;
}

.label-float > #cc_number_error_message, .label-float > #cc_sec_error_message, .label-float ~ #from_email_error_message, .label-float ~ #billing_from_email_error_message, .label-float > #billing_zip_error_message {
    margin-top: 10px;
}

.label-float .ui-datepicker-trigger {
    width: 100%;
    top: 0px;
}

.label-float > input.ada_compliant + .ui-datepicker-trigger {
    width: 30px;
    height: 40px;
    top: 0px;
    right: 0px;
}
/*--- REVIEW 41785761 ---*/
/*------------ Floating Label End------------*/
/*-----------specific to personalize page -----------*/
.per_amount_cent {
    position: absolute;
    right: 30px;
    top: 50%;
}
/*----------- Footer -----------*/
footer {
    color:#fff;
    padding-top: 10px;
    padding-bottom:10px;
}
.footer-banner {
    background-color: #000;
    width:100%;
    position:fixed;
    bottom: 0px;
    margin-top:30px;
    margin-bottom:0px;
    max-height:40px;
    overflow-y: hidden;
    font-size:80%;
    min-height:40px;
}

footer .container > span {
    border-right: 1px solid #fff;
    padding-left:10px;
    padding-right:10px;
}
footer .container > span:last-child {
    padding-right:0;
    border-right:none;
}
footer .container > span:first-child {
    padding-left:0px;
}
.text-link {
    cursor: pointer;
    color: #00008B;
    font-style: oblique;
    padding-left:5px;
}
/*---------- footer panel -----------------*/
.footer-panel {
    position: fixed;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    bottom: 40px;
    z-index: 20000;
    left: 0px;
    right: 0px;
    padding: 0 15px;
}
.panel-title {
    position: fixed;
    text-align: center;
    font-style: normal;
    font-weight: bolder;
    color: red;
    background-color: antiquewhite;
    bottom: 40px;
    width: 100%;
    margin: 0px -15px;
    cursor: pointer;
}
.panel-content {
    overflow-y: auto;
    overflow-x:hidden;
    max-height: 300px;
    margin-bottom: 20px;
    padding-top:10px;
    padding-bottom:10px;
}
/*----- PAGE SPECIFIC CSS --------*/
/*#balance-check-page #tw-panel-remove{
    position:absolute;
    top:0px;
    right:0px;
}*/
/*----- end PAGE SPECIFIC CSS --------*/
.twPanel {
    background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    position: fixed;
    top: 0px;
    height:1000px;
    z-index: 999999999;
    background-color: #292929;
    min-width:200px;
    max-width: 300px;
    padding-top:100px;
    overflow-y: scroll;
}
.twPanel * {
    min-width:100%;
    max-width:300px;
    padding: 15px 5px 15px 5px;
    border-top: 1px #cecece solid;
    text-decoration: none;
    color:#fff;
    display:block;
}

.twPanel *:hover {
    text-decoration: none;
    background-image: linear-gradient(to bottom, #3B3C36 0px, #3B3C36 100%);  /*  linear-gradient(to bottom, #7FFF00 0px, #CAE00D 100%);*/
    background-repeat: repeat-x;
    color: #FFF;
    background-color: #3B3C36;
}
.continue_btn, .back_btn{
    position:relative;
    display:block;
    max-width:300px;
    margin:0px 0px 0px 0px;
}
.continue_btn > a {
    color: #fff !important;
    font-weight:bolder;
}
.continue_btn > a:hover {
    text-decoration: none;
}
.ship_form {
    padding-left:0px;
    padding-right:0px;

}
/*------------Flash Message ------------*/
.flash-message-title-open,
.flash-message-title-close  {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bolder;
    border: 2px solid #2E88C4 !important;
    clear: both;
    position: fixed;
    top: 70px;
    left: auto;
    z-index: 300;
    background-color: #FFF;
    box-shadow: 10px 10px 10px rgb(42, 46, 47);
    right: 0;
    white-space: nowrap;
}

/*----------- Design Selection -----------*/
.designContainer {
    padding:20px 20px 0px 20px;
}
/*----------- Preview Design Selection -----------*/
.previewContainer {
    border-bottom:none;
}
.previewContainer > .preview-block {
    padding:10px 10px 10px 0;
    border-bottom: 1px solid #000;
}
.personalize .preview-block:before,
.personalize .preview-block:after {
    clear:both;
}
.personalize .preview-block {
    border-bottom:none;
    border-top:none;
}
.preview_body > img {
    vertical-align:bottom;
    display:inline-block;
}
.preview-block:first-child {
    border-top:none;
}
.preview-block {
    margin-bottom:20px;
    border-top: 2px #cecece solid;
}
.preview-block > .preview_body {
    display:block;
}
.choose .preview-block > .preview_body > .preview_menu {
    display:inline-block;
    position:absolute;
    bottom:0px;
}
.personalize .preview-block  .preview_body  .preview_menu {
    position:relative;
    display:block;
    float:right;
}
.personalize .preview_menu {
    display:block;
    position:relative;
    margin-top:5px;
}
.preview-menu > .btn {
    width:70px;
}

/*----------- cart/personalize container - fixes the footer overlapping the checkout button -----------*/
.cart.container, .personalize.container, .choose.container, .checkout.container, .thankyou.container, .landing-page.container, .gc2go_gc_form.container, .gc2go_request_form.container {
    margin-bottom: 55px;
}
/*-- header menu --*/
/* REVIEW 36232163 */
/* GEB 06/19/2018 updated css to use an img tag instead of a bg-image on the a tag and updated the .badge placement accordingly */
.tw-cart {
    background-image: none !important;
    width: 30px !important;
    height: 26px !important;
    position: relative;
    margin-bottom: 8px;
    margin-right: 15px;
}

.tw-cart > img {
    width: 30px;
    height: 26px;
    position: relative;
    top: -13px;
    left: -15px;
}

.tw-cart .badge {
    background-color: #F26516;
    color: #FFF;
    padding: 3px 6px;
    font-weight: 900;
    position: absolute;
}
.tw-header-menu .tw-cart .badge {
    top: -5px;
    left: 16px;
}
#tw-menu .tw-cart .badge {
    top: -5px;
    left: 16px;
}
.tw-menu ul {
    float:right;
    display:inline-block;
}
.tw-menu ul li {
    vertical-align: baseline;
    display:inline-block;
    cursor:pointer;
}
.tw-header-menu button {
    margin-top:10px;
}
/*----------- Bootstrap Override -----------*/
.form-inline input[name=bill_ship_same] {
    display: inline-block;
    margin-top:0px;
    margin-bottom: 0;
    padding-left: 0px;
    vertical-align: middle;
}
.panel {
    color: #003399;
    font-weight:bolder;
}
.thumbnail > .fixed-height {
    height: auto !important;
}
a.thumbnail.active {
    border:1px solid rgba(205, 0205, 205, 1.0);
    color: rgba(0, 0, 0, 0.6);
}
/*----------- Section -----------*/
.twSectionMain > .twSection {
    margin-bottom:20px;
    border-bottom: 2px #cecece solid;
    padding-bottom:10px;
    padding-top:10px;
}
/*----------- Section Side Bar -----------*/
.twSectionSidebar {
    position:relative;
}
.cart .twSectionSidebarWrapper,
.checkout .twSectionSidebarWrapper {
    position: fixed;
    background-color: #000;
    color: #fff;
    z-index: 20000;
    overflow-y:auto;
    padding-top: 20px;
    bottom: 40px;
    left: 0px;
    right: 0px;
    top:70%;
}

/*----------- Section Main -----------*/
.section-block {
    border-top: 1px #cecece solid;
    border-bottom:none;
    border-left:none;
    border-right:none;
    margin-bottom: 20px;
}
.gc2go_request_form .section-block.amount {
        border-top: 0px transparent solid;
        border-right: 0px transparent solid;
        border-bottom: 1px #cecece solid;
        border-left: 0px transparent solid;
        padding: 0px;
    }

.section-block .image-group {
    margin: 10px auto;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}
.section-block .image-group img {
    width:100px;height:60px;margin-right:10px;
}
.section-block > div, .section-block > h2, #reload-instruction, #gc2go-personal-info-heading {
    margin-bottom:10px;
}
.twSectionList {
    width:100%;
}
.twSectionList .item .subTitle {
    margin-top:0px;
    margin-bottom:0px;
}
.twSectionList .item {
    display:inline-table;
    vertical-align: top;
    width:30%;
}
.twSectionList .itemEnd {
    display:inline-table;
    width:40%;
    max-width:360px;
}
.twSectionList .item:first-child {
    min-width:160px;
    width:20%;
}
.twSection .itemButton {
    float:right;
}
.twSection .itemButton li {
    display:inline-block;
    padding-left: 20px;
    vertical-align: baseline;
}
.other-amount {
    border-left: 1px #cecece solid;

}
.btn-menu > .btn, .btn-menu > button {
    margin-left:10px;
}
.btn-menu > .btn:first-child {
    margin-left:0px;
}
.addr-menu {
    padding-left:0px;
}
.addr-menu li {
    margin-bottom:10px;
    overflow:hidden;
    padding:0px;
}
.cart .section-block {
    border-bottom: 1px #cecece solid;
    margin-left:-15px;
    margin-right:-15px;
    position:relative;
    margin-bottom:20px;
}
.cart .section-block .section-details tr td:first-child {
    width:80px;
}
.cart .section-remove {
    position:absolute;
    right:0px;
    cursor:pointer;
}
.cart .section-cost {
    text-align: right;
}

.cart-total {
    border-top: 2px solid #fff;
    position: relative;
    display: block;
    clear: both;
    padding-bottom: 20px;
}
.cart .section-block .section-details table {
    width:100%;
}
.cart .section-block .section-details table tr th {
    width:25%;
    min-width:80px;
}
.cart .section-block .section-details table tr td {
    width:75%;
    min-width:80px;
}

.bonus-recipient-notice {
    margin-bottom: 10px;
}

/*----------- Glyphicon -----------*/
.glyphicon {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 0px;
}
.glyphicon-lg {
    width: 40px;
    height: 40px;
}
.glyphicon-md {
    width: 28px;
    height: 28px;
}
.resize-full {
    background-image: url('../../images/glyphicons/default/glyphicons_215_resize_full.png') !important;
}
.resize-small {
    background-image: url('../../images/glyphicons/default/glyphicons_214_resize_small.png') !important;
}
.add-gift {
    background-image: url('../../images/glyphicons/large/add-gift.png') !important;
}
.remove {
    background-image: url('../../images/glyphicons/default/glyphicons_207_remove_2.png');
}
.info-sign {
    background-image: url('../../images/glyphicons/default/glyphicons_195_circle_info.png') !important;
}
.trash {
    background-image: url('../../images/glyphicons/default/glyphicons_016_bin.png') !important;
}
.pencil, .edit {
    background-image: url('../../images/glyphicons/default/glyphicons_030_pencil.png') !important;
}
#delivery_date {
    background-image: url('../../images/glyphicons/default/glyphicons_045_calendar.png') !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: 98% center;
}
.chevron-up {
    background-image: url('../../images/glyphicons/default/glyphicons-601-chevron-up.png') !important;
}
.chevron-down {
    background-image: url('../../images/glyphicons/default/glyphicons-602-chevron-down.png') !important;
}
.log_in_white {
    background-image: url('../../images/glyphicons/default/log_in_white.png') !important;
}
.log_in {
    background-image: url('../../images/glyphicons/default/glyphicons_386_log_in.png') !important;
}
.list-view {
    background-image: url('../../images/glyphicons/default/glyphicons_114_list.png') !important;
}
.grid-view {
    background-image: url('../../images/glyphicons/default/glyphicons_155_show_big_thumbnails.png') !important;
}
.shopping-cart {
    background-image: url('../../images/glyphicons/default/glyphicons_202_shopping_cart.png') !important;
}
/*----------- Default Theme -------------*/
/*///////////////custom theme /////////////////*/
#empty-cart-page img {
    max-width:200px;
    display:block;
    margin:0 auto;
}
/*---- card selection border ----*/
.cards-top-border, .cards-bottom-border {
    background-color:#cecece;height:5px;
}
.card-back {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    padding: 5px;
    color: rgb(255, 255, 255);
}
/*---- button ----*/
.theme-button {
    background-image: linear-gradient(to bottom, #428BCA 0px, #2D6CA2 100%);  /*  linear-gradient(to bottom, #7FFF00 0px, #CAE00D 100%);*/
    background-repeat: repeat-x;
    border-color: 	#2D6CA2;  /* #2B669A;   */
    color: #FFF;
    background-color: #428BCA; /*#428BCA;*/
}

.theme-button a {
    color:#fff;
}
/*--- Blue Christmas Tree theme ---*/
.subTitle {
    /*    font-style:oblique;*/
    font-size: 150%;
    font-weight: bold;
    color: #428BCA /*#2D4671*/;
    margin-top:10px;
    margin-bottom:5px;
}
.pageTitle {
    font-size: 200%;
    font-weight: bolder;
    color: #2D4671;
    margin-bottom:20px;
}
body {
    background-size: 100% 100% !important;
    background-image: none; /*url('../../images/responsive/theme/bg-blue-3-lg.png');*/
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    /*    color: #fff; */


}
.shade {
    background-color:rgba(255,255,255,0.3);
}
/*----------- Common -----------*/
.divider-menu li.active {
    border: 1px #cecece solid;
    border-radius:3px;
    background-color:#cecece;
}
.tabpanel.active {
    display:block;
}
.tabpanel {
    display:none;
    position:relative;
}
tr.message-content {
    border:1px #cecece solid;
    text-align:justify;
    /* wrap long text - cross browser */
    -ms-word-break: break-all;
    /*     word-break: break-all;*/
    word-wrap:break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-break:break-word;
}
.message-content td{
    font-style:oblique;
    font-size:smaller;
    padding:10px;
}
tr.shipping-content {
    font-style:normal;
    font-size:smaller;
    padding: 5px 10px 5px 10px;
}
.loading-indicator {
    background-image: url("../../images/responsive/loading.gif");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0px 0px;
}
.loading-xs {
    width:40px;
    height:40px;
}
.loading-md {
    width:60px;
    height:60px;
}
.loading-lg {
    width:100px;
    height:100px;
}
.checkout .section-title {
    font-weight:bolder;
}
.checkout .subTitle {
    background-color: #000;
    color: #FFF;
    padding-left: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

.fix-bottom {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
}
.fix-right {
    position:fixed;
    right:10px;
}
.quarter-3 {
    width:74%;
    display:inline-block;
}
.quarter-1 {
    display:inline-block;
    width:24%;
}
.divider-menu {
    margin: 0 auto;
    text-align: center;
    display:block;
}
.divider-menu > * {
    display:inline-block;
    border-left: 1px solid #cecece;
    padding: 0 10px;
}
.divider-menu > *:first-child {
    border-left:none;
}
.text-strong {
    font-size: large;
    font-weight:900;
}
.text-bold {
    font-weight:bolder;
}
.text-small {
    font-size:small;
}
.overlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#d6e9c6;
    opacity:0.5;
    z-index:9999;
}
#twLoading {
    position: absolute; top: 50%; left: 40%; z-index: 9999;
}
.overlay-content {
    z-index: 10000;
    position:fixed;
    top:20px;
    bottom:20px;
    right:20px;
    left:20px;
    overflow-y:auto;
}
.error {
    color: #990000;
}
fieldset input {
    width:100%;
    padding:10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.row {
    display: block !important;
    /*    padding-bottom:30px;*/
    margin-bottom:5px;
}
/* REVIEW 44065875 */
.creditCardImage {
    background-image: none !important;
    width: 100%;
    position:relative;
    top:0px;
}
.half {
    width:49% !important;
}
.equalHeight {
    display:table;
}
.half:first-child{
    float:left;
}
.half:last-child {
    float:right;
}
.half:only-child {
    float: left;
}
.form-control[readonly] {
    cursor:inherit;
    background-color:#fff;
}
.shade {
    background-color: #C5F7F9;
    border-radius: 10px;
}
.nowrap {
    white-space:nowrap;
}
.center {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.clear {
    clear:both;
}
.input-text {
    margin-bottom: 10px;
    color: #222222;
    font-size: 14px;
    background-color: #f2e8c7;
    border: 1px solid #8c8778;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
    padding:10px;
}
/*------------ Dialog -------------------*/
.twDialog {
    z-index: 100000;
    position: fixed;
    width: auto;
    min-height: 200px;
    min-width: 75%;
    right: 50%;
    bottom: 50%;
    left: 10%;
    top: 10%;
}
.twDialog-main {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #cecece;
}
.twDialog-btn {
    cursor:pointer;
}
.twDialog-info {
    display:none;
}
.twDialog-title {
    font-weight:bolder;
    font-size:large;
    background:none;
    height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    margin-left:10px;
}
.twDialog-head {
    background-color: #F5F5DC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    text-align: left;
    text-transform: capitalize;
    min-height: 20px;
    padding: 20px 10px 8px 5px;
    background-image: -moz-linear-gradient(center top, #fff,#cecece);
}
.twDialog-head .twDialog-header-menu {
    position: absolute;
    top: 15px;
    right: 10px;
}
.twDialog-head .twDialog-header-menu .glyphicon {
    opacity: 0.5;
    /*    width:10px;
        height:10px;*/
    cursor: pointer;
    margin-left:10px;
}
.twDialog-menu {
    background-color: beige;
    position: absolute;
    bottom:0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    height: 40px;
}
.twDialog-content {
    position: relative;
    min-height: 128px;
    max-height: 300px;
    overflow-y: auto;
    padding: 10px 20px 60px;
    margin-bottom: 40px;
}
/*----------- Cropping -----------------------*/
/*.crop-image-container td,
.crop-image-container th {
    padding:10px;
    vertical-align: top;
}*/
/*table.crop-image-container {
    margin: 0 auto;
}*/
.jc_target_container {
    display:inline-block;
    vertical-align:top;
    margin: 0 auto;
}
/* Apply these styles only when #preview-pane has
   been placed within the Jcrop widget */
/*.jcrop-holder #jc_preview_pane {
    display: block;
    position: absolute;
    z-index: 2000;
    top: 10px;
    right: -280px;
    padding: 6px;
    border: 1px rgba(0,0,0,.4) solid;
    background-color: white;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
}

 The Javascript code will set the aspect ratio of the crop
   area based on the size of the thumbnail preview,
   specified here
#jc_preview_pane .jc_prewview_container {
    width: 250px;
    height: 170px;
    overflow: hidden;
}*/


/*----------- Custom File Input button -----------*/
.custom-file-input {
    overflow:hidden;
    position:relative !important;
    cursor:pointer;
    float: left;
    margin-right: 15px;
}
.custom-file-input input[type=file] {
    opacity:0 !important;
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.addGift {
    white-space: initial;
    text-align: right;
    /*    margin: 10px 15px 15px;*/
    margin-top:10px;
    margin-bottom:10px;
}
/*-- choose page --*/
.list > a {
    background-image: url("../../images/glyphicons/default/glyphicons_114_list.png");
    background-size: 24px 21px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFF;
}
.grid > a
{
    background-image: url("../../images/glyphicons/default/glyphicons_155_show_big_thumbnails.png");
    background-size: 24px 21px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFF;
}
/*-------------------Language------------*/
.navbar-language-icon
{
    width:25px;
}

@media screen and (min-width:300px) and (max-width:330px) {
    .jc_target_container {
        display:inline-block;
        vertical-align:top;
        margin: 0 -10px;
    }
}
/*-- extra small devices: phones, less than 768px --*/
@media screen and (max-width:767px) {
    .menu .third {
        margin-bottom:10px;
    }
    .menu .third:last-child {
        margin-bottom: 0px;
    }
    /*------------PAGE SPECIFIC CSS ------------*/
    #balance-check-page .tw-panel {
        position: fixed;
        z-index: 10000;
        bottom: 40px;
        right: 0px;
        left: 0px;
        display: block !important;
        margin: 0px auto;
/*        max-height:50%;*/
        overflow:hidden;
        -webkit-overflow-scrolling: touch;
    }
    #balance-check-page .tw-panel .tw-panel-title {
        cursor: pointer;
    }
    #balance-check-page .tw-panel .tw-panel-content {
        display: none;
    }
    #balance-check-page .tw-panel.open .tw-panel-content {
        display:block;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        max-height: 330px;
    }

    /*------------ end PAGE SPECIFIC CSS ------------*/
    /*------------Flash Message ------------*/
/*    .banner {
        margin-top:25px;
    }*/
    .flash-message-title-open,
    .flash-message-title-close  {
        padding: 3px 10px;
        font-weight: bolder;
        border: 2px solid #2E88C4 !important;
        clear: both;
        position: fixed;
        top: 70px;
        z-index: 300;
        background-color: #FFF;
        box-shadow: 10px 10px 10px #2A2E2F;
        right: 0px;
        white-space: nowrap;
    }
    .ship_options {
        padding-right:0px;
        padding-left:0px;
    }

    .cart .section-block {
        border-top:none;
    }
    .cart.container, .checkout.container {
        margin-bottom:300px; /* allow end of page to be seen since the floating summary will be blocking the view  */
    }
    .fixed-height {
        height: 80px;
    }
    .panel {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin-left: -5px;
        margin-right: 5px;
        background-color: #F0F8FF;
        margin-bottom:0px;
    }
    .panel-heading:hover {
        cursor: pointer;
        background-color: #357ebd;
        color: #fff;
    }
    .panel-heading div:hover, .panel-heading span:hover {
        color: #fff;
    }
    .twSectionList .itemEnd {
        width:100%;
        max-width:100%;
        padding-top:10px;
    }
    .twSectionList .itemButton {
        padding-top:20px;
    }

    .tw-cart > img {
        top: 0px;
        left: 0px;
    }

/*    @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) {
        .cart .section-remove {
            margin-top: 9px;
        }
    }
    _::selection, .cart .section-remove {
        margin-top:8px\0;
    }

    @supports (-webkit-appearance:none) and (font-variant-caps:normal) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) { .cart .section-remove { margin-top:8px; } }

    @supports (-ms-ime-align:auto) { .cart .section-remove { margin-top:9px; } }*/
}
/*-- small devices: tablets, 768px and up --*/
@media screen and (min-width:768px) {
    .third {
        width: 32% !important;
        margin-right:2% !important;
        display:inline-block;
    }
    .third:last-child {
        margin-right:0px !important;
    }
    /*------------PAGE SPECIFIC CSS ------------*/
/*    #balance-check-page .tw-panel {
        border-right: 1px #cecece solid;
    }*/
    /*------------end PAGE SPECIFIC CSS ------------*/
    .choose .preview-block > .preview_body > .preview_menu {
        display:block;
        position:relative;
    }

    .header-menu #tw-menu {
        float:right;
    }
    /* REVIEW 44065875 */
    .creditCardImage {
        position:absolute;
    }

    .fixed-height {
        height: 105px;
    }
    .addr-menu li {
        margin-bottom:0px;
    }

    .ship_form {
        padding-left:0px;
        padding-right: 20px;
    }
    .cart-total {
        border-top: 2px solid #000;
    }
    .personalize.twSectionSideBar {
        background-color:#cecece;
        overflow-y:auto;
        overflow-x:hidden;
        padding-bottom:10px;
        position:fixed;
        right:auto;
        bottom: 80px;  /* necessary else bottom of sidebar hidden */
        left: 75%;
        top: 130px;
        color:inherit;
    }
    .cart .twSectionSidebarWrapper
    {
        background-color:#cecece;
        overflow-y:auto;
        overflow-x:hidden;
        color:inherit;
        padding-bottom:10px;
        position:fixed;
        right:0px;
        bottom: auto;
        left: 75%;
        top: 130px;
    }

    .twSectionSidebar > .subTitle {
        margin-top:0px;
        margin-bottom:0px;
        text-align: center;
    }
    .section-block {
        border: 1px #cecece solid;
        padding:10px;
        margin-bottom: 20px;
    }

    .gc2go_request_form .section-block.amount {
        border-top: 0px transparent solid;
        border-right: 0px transparent solid;
        border-bottom: 1px #cecece solid;
        border-left: 0px transparent solid;
        padding: 0px;
    }

    .choose .twSectionSideBar {
        background-color:#cecece;
        overflow:hidden;
        padding-bottom:10px;
        /*        position:relative;*/
    }

    .previewContainer > .preview-block {
        display:inline-block;
    }
    .category {
        padding:20px;
    }
    .preview-block {
        border-top:none;
    }
    /*----- cart view ----*/
    .cart .section-remove {
        margin-top:9px;
        float:left;
        position: relative;
        right: 0;
    }
/*    @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) {
        .cart .section-remove {
            margin-top: 9px;
        }
    }
    _::selection, .cart .section-remove {
        margin-top:8px\0;
    }

    @supports (-webkit-appearance:none) and (font-variant-caps:normal) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) { .cart .section-remove { margin-top:7px; } }

    @supports (-ms-ime-align:auto) { .cart .section-remove { margin-top:8px; } }

    @supports (-moz-osx-font-smoothing:auto) { .cart .section-remove { margin-top: 9px; } }*/

    .cart .section-nav .btn-group {
        float:right;
    }
    .cart .section-block .section-details span {
        clear:both;
        position:relative;
        display:block;
    }
}

/*-- medium devices: desktops, 992px and up --*/
@media screen and (min-width:992px) {
    .choose .preview-block > .preview_body > .preview_menu {
        display:block;
        position:relative;
    }

    .ship_form {
        padding-left:0px;
        padding-right: 20px;
    }
    .addr-menu li {
        margin-bottom:0px;
    }

    .section-block {
        border: 1px #cecece solid;
        padding:10px;
        margin-bottom: 20px;
    }
    .gc2go_request_form .section-block.amount {
        border-top: 0px transparent solid;
        border-right: 0px transparent solid;
        border-bottom: 1px #cecece solid;
        border-left: 0px transparent solid;
        padding: 0px;
    }
    /*    .cart .section-block {
            border-top:none;
        }*/

    .twSectionSidebar > .subTitle {
        margin-top:0px;
        margin-bottom:0px;
        text-align: center;
    }
    .choose .twSectionSideBar {
        background-color:#cecece;
        overflow-y:auto;
        overflow-x:hidden;
        padding-bottom:10px;
        position:fixed;
        right:10px;
        top:130px;
        bottom:80px;
    }

    .cart .twSectionSidebarWrapper {
        position:fixed;
        background-color:#cecece;
        overflow-y:auto;
        overflow-x:hidden;
        padding-bottom:10px;
        color:inherit;
        right:10px;
        bottom: auto;
        left: 75%;
        top: auto;
    }
    .checkout .twSectionSidebarWrapper {
        position:fixed;
        background-color:#cecece;
        overflow-y:auto;
        overflow-x:hidden;
        color:inherit;
        padding-bottom:10px;
        right:10px;
        bottom: auto;
        left: 82%;
        top: 130px;
    }

    .quarter-3 {
        width:74%;
        display:inline-block;
    }
    .quarter-1 {
        display:inline-block;
        width:24%;
    }

    .preview-block {
        border-top: none;
        margin-bottom:20px;
    }
    .preview-block > img {
        vertical-align:bottom;
        display:block;
    }
    .preview-block > .btn {
        position:relative;
        margin-top:5px;
        margin-bottom:10px;
        float:right;
        margin-right:15px;
    }

}

/*-- large devices: large desktops, 1200px and up --*/
@media screen and (min-width:1200px) {
    .choose .preview-block > .preview_body > .preview_menu {
        display:block;
        position:relative;
    }

    .cart .twSectionSidebarWrapper .continue-btn {
        float: right;
        margin: 10px -15px 0px;
    }

    .ship_form {
        padding-left:0px;
        padding-right: 20px;
    }
    .addr-menu li {
        margin-bottom:0px;
    }

    .section-block {
        border: 1px #cecece solid;
        padding:10px;
        margin-bottom: 20px;
    }
    .gc2go_request_form .section-block.amount {
        border-top: 0px transparent solid;
        border-right: 0px transparent solid;
        border-bottom: 1px #cecece solid;
        border-left: 0px transparent solid;
        padding: 0px;
    }
    .twSectionSidebar > .subTitle {
        margin-top:0px;
        margin-bottom:0px;
        text-align: center;
    }
    .choose .twSectionSideBar {
        background-color:#cecece;
        overflow-y:auto;
        overflow-x:hidden;
        padding-bottom:10px;
        right:20px;
        position:fixed;
    }
    .personalize.twSectionSideBar {
        background-color:#cecece;
        overflow-y:auto;
        overflow-x:hidden;
        padding-bottom:10px;
        position:fixed;
        right:auto;
        bottom: 80px;
        left: 83.3333%;
        top: 130px;
        color:inherit;
    }
    .previewContainer {
        background-color:#cecece;
    }
    .quarter-3 {
        width:74%;
        display:inline-block;
    }
    .quarter-1 {
        display:inline-block;
        width:24%;

    }
    .preview-block {
        border-top: none;
        margin-bottom:20px;
    }
    .preview-block > img {
        vertical-align:bottom;
        display:block;
    }
    .preview-block > .btn {
        position:relative;
        margin-top:10px;
        margin-bottom: 10px;
        float:right;
        margin-right:14px;
    }
}