/*
* ============================================================================
* BMI Custom CSS - v1.05
* ============================================================================
*/

#header_main > .row {
    max-width: 100%;
}

#locale {
    display: none;
}

nav#global {
    background: linear-gradient(to bottom,  #000000 100%,#000000 100%);
}

#header_main > .row > .columns {
    padding: 0;
}

#nav_holder {
    background-color: white !important;
/*    border-bottom: 5px solid #DC1F2C; */
    border-bottom: 5px solid #194E80;
    opacity: .95;
}

nav.tab-bar {
    background-color: #ffffff;
    color: #000000 !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

nav.tab-bar section.left-small {
    background-color: whitesmoke;
    box-shadow: none !important;
    color: #000000 !important;
}

#global_links {
    width: 100% !important;
    background-color: #000;
}

#global_links a {
    color: #fff !important;
}

#global_links a[href] {
    font-size: 0.75rem !important;
    font-weight: normal !important;
}

#global_links a:hover {
    text-decoration: none;
}

#global_links > dt:first-child {
    /* Figure out how to create pipe separator */
}

#global_links > dt.pipe {
    width: 2px;
    overflow: hidden;
}

#global_links .cart_link {
    background: url(../ProgramInfo/10818/images/cart_icon.png) no-repeat center 32px transparent;
    cursor: pointer;
}

#global, #nav_holder {
    margin: auto;
    max-width: 80%;
}

header div#nav_holder #logged_panel li a{
    width: 100%!important;
    padding: 17px 10px 0 10px;
}

#main > h1 {
    padding-left: 1em;
}

#main > h1 > a {
    width: 100% !important;
    background-position: left !important;
}

.main-section {
    background: whitesmoke !important;;
}

.tab-bar {
    border-bottom: 1px solid whitesmoke;
}

.page_content {
    max-width: 80%;
    margin-left: 10%;
    background: linear-gradient(to bottom, rgba(255,255,255,255) 100%,rgba(255,255,255) 100%);
    border-bottom: none !important;
}

.page_content .row:first-child{
    max-width: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,255) 100%,rgba(255,255,255) 100%);
    border-bottom: none !important;
}

nav.sidebar_menu h3 {
/*    color: #DC1F2C; */
    color: #194E80;
    font-size: 0.8rem;
    text-transform: uppercase;
    text-align: center;
    border-bottom: none;
    background: #FFFFFF;
    margin: 0;
}

.page_content.pwrl, .page_content.rewards_summary {
    background: white;
}

.page_content.pwrl .page_intro {
    box-shadow: none !important;
}

.off-canvas-wrap {
    background: whitesmoke !important;
}

.copyright_right {
    text-align: center !important;
}

.dt-cart {
    background: url(../ProgramInfo/10818/images/cart_icon.png) no-repeat center 12px transparent;
    background-size: 54%;
}

.dt-cart a {
    margin-top: -6px;
    margin-left: 3px;
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none !important;
}

#footer_main {
    max-width: 80%;
    margin-left: 10%;
    background: white !important;
}

/*
* ============================================================================
* Index Styles
* ============================================================================
*/
.cs-placeholder {
    color: black !important;
    padding-right: 3em !important;
}

#aux {
    height: auto !important;
}

#aux > ul {
    height: auto !important;
    float: right !important;
    margin-top: 1em !important;
    margin-right: 1em !important;
}

#aux > ul > li {
    width: auto !important;
    display: inline;
    vertical-align: middle;
    line-height: 60px !important;
}

#aux > ul > li a {
    background-color: transparent !important;
}

#aux > ul > li a:not(.pipe-anchor) {
/*    color: #DC1F2C !important; */
    color: #194E80 !important;
}

#aux > ul > li a:not(.pipe-anchor):hover {
    background: transparent !important;
    text-decoration: underline;
}

#hero > .row, #hero > .row > .columns {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}

#slider {
    max-height: none !important;
}

@media screen and (max-width: 1125px) {
    #slider {
        margin-top: 0 !important;
    }

    .tab-row {
        display: none;
    }
}

.free-form-slider {
    width: 100%;
    padding: 1em;
    position: inherit;
    z-index: 999999;
    margin: auto;
    margin-top: -7em;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 99%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 99%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}


@media screen and (max-width: 540px) {
    .free-form-slider {
        display: none;
    }
}

@media screen and (min-width: 700px) {
    .free-form-slider {
        margin-top: -12em !important;
    }

    .free-form-slider > .row > .columns .columns {
        height: 10em !important;
        line-height: 10em !important;
    }
}

@media screen and (max-width: 700px) {
    .free-form-slider p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.free-form-slider > .row > .columns:first-child {
    background: url(../ProgramInfo/10818/images/pmo_content_sep.gif) no-repeat right center transparent;
}

.free-form-slider > .row > .columns .columns {
    height: 5em;
    line-height: 5em;
}

.free-form-text {
    padding: 1em;
}

#dtm_free_form3 {
    margin: auto;
/*    background: #3c454e; */
    background: #a4a4a4;
}

#home_highlight img {
    border: 50px solid white;
}

#home_highlight .row {
    max-width: 100%;
}

#home_featured_offers {
    padding-top: 0 !important;
/*    background: #3c454e !important; */
    background: #a4a4a4 !important;
}

#shop_offers .row {
    max-width: 80% !important;
}

#home_featured_offers, #shop_offers .row {
    margin: auto !important;
}

#home_featured_offers .row {
    max-width: 100% !important;
    margin: auto !important;
}

#home_featured_offers h2 {
    color: black !important;
}

#featured_offers img {
    padding: .5em !important;
    margin-bottom: 1em;
}

#featured_offers .card {
    border: 1.5px solid #CCCCCC !important;
}

#featured_offers .caption {
    display: block !important;
    background: none !important;
    Color: black !important;
    text-shadow: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    top: auto;
    z-index: 1;
    padding-top: 1em;
    margin-top: -40px;
}

#home_featured_offers h2 {
    font-weight: bolder;
}

#home_featured_offers > .row {
    background: white !important;
}

#home_featured_offers > .row:not(:first-child){
    padding: 0em !important;
}

#home_featured_offers nav.landing_offer_categories {
    border: none !important;
}

#home_featured_offers nav.landing_offer_categories > ul,  #home_featured_offers nav.landing_offer_categories > a {
    border-color: white !important;
}

#home_featured_offers nav.landing_offer_categories > ul .current, #home_featured_offers nav.landing_offer_categories > ul .active {
    background-color: black !important;
    color: #FFFFFF !important;
}

#home_featured_offers .tab-row  .tabs > dd.active {
    margin-top: 3px !important;
    padding-bottom: 2px !important;
    background: white;
}

/*
* ============================================================================
* Dashboard Styles
* ============================================================================
*/
.home_logged {
    background: white !important;
    max-width: 80%;
    margin-left: 10%
}

.logout_link {
    padding-left: 10px !important;
}

#logged_panel {
    height: -webkit-fill-available !important;
}

#logged_panel > ul {
    float: right !important;
    height: -webkit-fill-available !important;
    padding: 1em !important;
}

#logged_panel > ul > li {
    width: auto !important;
    display: inline;
    vertical-align: middle;
    line-height: 60px !important;
    height: -webkit-fill-available !important;
}

#logged_panel > ul a {
    margin: auto;
    width: fit-content !important;
    height: -webkit-fill-available !important;
    padding-top: 0 !important;
}

#logged_panel > ul > li a {
    background-color: transparent !important;
}

#logged_panel > ul > li a:not(.pipe-anchor):hover {
    color: #3c3c3c !important;
    text-decoration: underline !important;
}

#logged_panel > ul > li:hover {
    background: transparent !important;
}

.page_intro, .index.page_content {
    padding-top: 0 !important;
    border-bottom: none !important;
}

#dtm_free_form1 #slider {
    z-index: -1 !important;
}

#hero #slider, #dtm_free_form1 #slider {
    margin: auto;
}


#user_actions {
    background-color: white;
    border-radius: 0px;
    padding: 0px 5px;
    margin-bottom: 0em;
}

#user_actions > #ajax_user_points {
    background: whitesmoke  !important;
    color: #000000 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

dl.user_points > dt.view_label {
    background: whitesmoke  !important;
    color: #000000 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

#user_actions > .sidebar_menu li a {
    text-shadow: none !important;
        box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 0px !important;
}
#user_actions > .sidebar_menu li a:hover {
 background: url(../ProgramInfo/10818/images/sprite_link_cards.png) no-repeat 100% -227px whitesmoke !important;    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 0px !important;
}

#breadcrumb {
    display: none !important;
}

#breadcrumb ~ h2 {
    color: black !important;
}

#breadcrumb a {
/*    color: #DC1F2C !important; */
    color: #194E80 !important;
}

h3 {
    color: black !important;
}

.pwrl label > .value, .page_content.rewards_summary .point_summary span.value {
/*    color: #DC1F2C !important; */
    color: #194E80 !important;
}


.free-form-1 .small-offset-3 {
}

#offers_categories nav.sidebar_menu {
    border: none !important;
}

nav.sidebar_menu > ul {
    border-color: #FFFFFF !important;
}

nav.sidebar_menu > ul .current {
    background-color: whitesmoke !important;
    color: #000000 !important;
    font-size: 1rem !important;
    font-weight: bolder !important;
}

nav.sidebar_menu > ul ul > li > a {
    background-color: #FFF;
    color: #000000 !important;
    width: 100%;
        font-size: 1rem;
    display: inline-block;
    word-break: break-word;
}

nav.sidebar_menu > ul > li > a{
    padding: 15px 10px;
    font-size: 1rem;
    color: #000000 !important;
}

.tab-row {
    text-align: center;
    padding-bottom: 1em;
    background-color: white !important;
}

.tab-row  .tabs {
    padding: 0 !important;
    border-right: none;
    background: white !important;
    box-shadow: none !important;
}

.tab-row  .tabs > dd {
    margin: 0 !important;
}

.tab-row  .tabs > dd > a {
    border-radius: 0 !important;
    padding: 1rem 2rem !important;
    background-color: whitesmoke !important;
    color: black !important;
    margin: 0 !important;
    border-right: none !important;
    border-color: whitesmoke !important;
}

.tab-row  .tabs > dd:not(.active) {
    padding-top: 0px !important;
    border-color: white !important;
    background: whitesmoke !important;
}

.tab-row  .tabs > dd.active {
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    border-color: white !important;
    background: white;
}

.tab-row  .tabs > dd:not(:last-child), .tab-row  .tabs > dd:last-child.active {
    border-right: none !important;
}

.tab-row  .tabs > dd > a.current {
    background-color: white !important;
    font-weight: bolder;
        border-color: white !important;

}


.tab-row  .tabs > dd:not(.active) > a {
    border-bottom: none !important;
    
    border-top: none !important;
}

.tab-row  .tabs > .tabs-title a {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tab-row  .tabs > .tabs-title {
    width: 20%;
}

.tab-row  .tabs > .tabs-title img {
    display: block;
    margin: auto;
    width: 3em;
    padding-top: 1em;
}

#shop_list img {
    padding: .5em !important;
}

#shop_list .card {
    border: 1.5px solid #CCCCCC !important;
}

#shop_list .caption {
    display: block !important;
    background: none !important;
    color: black !important;
    text-shadow: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: -3px;
    top: auto;
    z-index: 1;
}

#shop_list .points > .number {
    color: black !important;
}

@media screen and (max-width: 920px) {
    .card .caption {
        max-width: none;
        position: inherit;
    }
}

#shop_offers {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: whitesmoke !important;
}

@media screen and (max-width: 1125px) {
    #shop_offers > .row {
        padding-top: 1em !important;
    }
}

#shop_offers select, #shop_offers input {
    border: 1.5px solid #CCCCCC !important;
}

#shop_offers .row:last-child {
    background-color: white !important;
    padding-bottom: 4em;
}

/*
* ============================================================================
* Pay with Rewards Styles
* ============================================================================
*/

.tabs-content button {
/*    background-color: #DC1F2C !important; */
    background-color: #194E80 !important;
    border: none!important;
}

.tabs-content button > span {
    color: white !important;
    text-shadow: none !important;
}

.pwrl {
    max-width: 80%;
    margin-left: 10%;
}


/*
* ============================================================================
* Helpers
* ============================================================================
*/

p.message, ul.message, ol.message {
    margin: 0 auto 10px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    float: left;
    color: #000000 !important;
    background: whitesmoke !important;
    border: none !important;
    padding: 20px;
    font-size: 12px;
}

p.error, ul.error, ol.error {
/*    color: #cc0000; */
    color: #000080;
    margin: 0 auto 10px;
    padding: 20px;
    border: none !important;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
/*    background: #FFEAEA; */
    background: #EAEAFF;
    float: left;
    font-size: 12px;
}


.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

a.pipe-anchor {
    padding: 0 !important;
}

a.pipe-anchor:hover {
    text-decoration: none !important;
}

@media screen and (max-width: 1025px) {
    #slider {
        max-width: 100% !important;
    }

    #footer_main, .home_logged, .pwrl {
        max-width: 100%;
        margin-left: inherit;
    }

    #dtm_free_form3, #home_featured_offers, #shop_offers .row {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 450px) {
    #home_highlight .row div:not(:first-child) img {
        margin-top: 1em;
    }
}

.page_content.index #hero {
    overflow: hidden;
    position: initial;
    width: 100%;
    z-index: 0;
    margin-top: 100px;
    min-height: 100px;
}

.page_content h2 {
    display: none !important;
}


/*
* ============================================================================
* Buttons
* ============================================================================
*/
button, a.button, button.disabled, button[disabled], .button.disabled, .button[disabled] {
    cursor: pointer;
    color: #000000;
    background: none;
    box-shadow: none;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 0 !important;
    font-size: 0.75rem;
    margin: 0 0 10px 0;
    border-color: #141413;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    border-radius: 0px;
}

button, button[type="submit"], .twoLine{
    border-radius: 0px;
}

button > span, button[type="submit"] > span{
    box-shadow: none!important;
    background: none!important;
}

.twoLine{
    background: none!important;
}


.twoLine button{
/*    background: #DC1F2C!important; */
    background: #194E80!important;
    border: none!important;
}


button,button:focus, button:hover, button[type="submit"]:focus, button[type="submit"]:hover, a.button:focus, a.button:hover{
    background: none;
    color: #000000;
}

button > span, button[type="submit"] > span, button[disabled]:hover > span, a.button > span, .twoLine button{
    border-radius: 0px;
}

button.primary{
  border-radius: 0px;
/*  border-color: #db0011; */  
  border-color: #0011db;  
}

button.primary span{
background: none;
box-shadow: none;
text-shadow: none;	
margin: 0px;
/* background-color:#db0011!important; */
background-color:#0011db!important;
}

button.primary:hover, .tabs-content button:hover, .twoLine button:hover{
/*    border-color: #db0011!important; */
    border-color: #0011db!important;
/*    background-color: #db0011!important; */
    background-color: #0011db!important;
    color: #FFFFFF !important;
}

button.primary:hover > span, .tabs-content button:hover > span {
/*  background-color: #db0011!important; */
  background-color: #0011db!important;
}

.twoLine button:hover > span{
    background-color: transparent!important;
}

/*
* ============================================================================
* Catalog
* ============================================================================
*/

#home_featured_offers nav.landing_offer_categories{
    border: none !important;
}

#featured_offers nav.landing_offer_categories{
    box-shadow: none; 
} 

#featured_offers nav.landing_offer_categories > ul > li > a{
    line-height: 45px;
    font-size: 1rem;
    color: #000000 !important;
}

#featured_offers nav.landing_offer_categories > ul > li > a{
    line-height: 45px;
    font-size: 1rem;
    color: #000000 !important;
}

#featured_offers nav.landing_offer_categories > ul > li > a.active {
    background: whitesmoke !important;
    color: #000000 !important;
}

#offers_categories nav.sidebar_menu{
    border: none !important;
    box-shadow: none;
}

#offers_categories nav.sidebar_menu > ul ul > li{
    background-color: transparent;
}

#offers_categories nav.sidebar_menu > ul li > a{
    padding: 20px 10px 20px 10px;
}

#featured_offers .card{
    border: none !important;
}

#shop_list .card{
    border: none !important;
    box-shadow: none;
}

.card{
   box-shadow: none; 
}

.card .item_price{
    background: transparent !important;
}
.card .item_price .label {
/*    color: #DC1F2C; */ 
    color: #194E80;   
}

.page_content.create_profile .page_intro, .page_content.rewards_summary .page_intro, .page_content.manage_profile .page_intro, .page_content.pwrl .page_intro, .page_content.shop_details .page_intro, .page_content.shop_details_logged .page_intro {

    box-shadow:  none !important;
}

/*
* ============================================================================
* Left Navigation
* ============================================================================
*/

#user_actions > nav.sidebar_menu > ul > li > a{
    padding: 15px 10px;
    font-size: 1rem;
}

/*
* ============================================================================
* Footer
* ============================================================================
*/


footer#footer_main nav {
    margin: 30px;
}

footer#footer_main nav dl dd a:hover{
    color: inherit;
}

footer#footer_main nav dl dt {
    font-size: 0.8125rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    display: block;
}


#detail_free_form2 {	  
    display: inline;	  
    float: left;	  
    margin: 0px;	  
    padding: 0px;	  
    background: #FFFFFFF;	  
    min-width: 700px;	  
    min-height: 30px;	  
    overflow: hidden;	  
    position: relative;	  
    width: 100%;	
}