@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700');

/* Minification failed. Returning unminified contents.
(1859,50): run-time error CSS1038: Expected hex color, found '#0000'
(1867,61): run-time error CSS1038: Expected hex color, found '#0000'
 */
/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

body {
    margin:0 auto;
    line-height:20px;
    background-color:#d2d3d4;
    color:#002144;
    font-family:Arial,Helvetica,sans-serif;
    font-size:.9375em; /* Equivalent to 15px */
    max-width:1300px;
    width:100%;
    -webkit-animation:androidbugfix infinite 1s
}

ol,ul {
    list-style:none outside none;
    font-size:1em;
    list-style-image:url(../images/list-circle.png);
    margin-left:1em
}

p {
    margin-bottom:12px;
    font-size:1.0em;
    line-height:20px;
    -webkit-backface-visibility:hidden;
    color:#002144;
}

p.small {
    font-size:14px
}

a {
    color:#fddf00;
    text-decoration:none
}

em {
    font-style:italic
}

a.underline {
    text-decoration:underline;
    font-weight:bold;
}

h1 {
    font-family:"ff-meta-web-pro",arial;
    margin-bottom:10px;
    font-size:2.4em;
    font-weight:400;
    color:#fff;
    line-height:32px
}

h2 {
    font-family:"ff-meta-web-pro",arial;
    margin-bottom:15px;
    font-size:2em;
    color:#002144;
    font-weight: bold;
    line-height:27px
}

h3 {
    font-family:"ff-meta-web-pro",arial;
    margin-bottom:7px;
    font-size:1.75em;
    font-weight:500;
    color:#002144;
    line-height:29px
}

h4 {
    font-family:"ff-meta-web-pro",arial;
    margin-bottom:8px;
    font-size:1.4em;
    color:#002144;
    font-weight:700;
    line-height:26px
}

h5 {
    margin-bottom:3px;
    font-size:1.1em;
    color:#185194;
    font-weight:700;
    line-height:23px
}

.subhead-arial {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
}

.arial-bold {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:500;
}

blockquote,q {
    quotes:none;
    font-size:1.125em
}

blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}

table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:1.125em
}

aside {
    margin-bottom:15px;
    border-bottom:1px solid #124681
}

/****** FONTS & ICONS ********/
@font-face {
    font-family:'icomoon';
    src:url(../fonts/icomoon.eot?-iie8uk);
    src:url(../fonts/icomoon.eot?#iefix-iie8uk) format("embedded-opentype"),url(../fonts/icomoon.woff?-iie8uk) format("woff"),url(../fonts/icomoon.ttf?-iie8uk) format("truetype"),url(../fonts/icomoon.svg?-iie8uk#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}

[class^="icon-"],[class*=" icon-"] {
    font-family:'icomoon';
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
/* Better Font Rendering =========== */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-bars:before {
    content:"\f0c9"
}

.icon-search:before {
    content:"\e600";
    color:#fff;
    padding:10px
}

.icon-arrow-left:before {
    content:"\e604"
}

.icon-arrow-down:before {
    content:"\e601";
    font-size:1.4em;
    vertical-align:top;
    padding-left:5px;
    padding-bottom:4px;
    display:inline-block;
    *display:inline;
    zoom:1
}

.icon-arrow-up:before {
    content:"\e605"
}

.icon-arrow-right:before {
    content:"\e606";
    vertical-align:middle
}

.navbar-right .icon-shopping-cart,.navbar-right .icon-gift {
    color:#fff
}

.container:before,.container:after {
    content:"";
    display:table;
    line-height:0
}

.acceptTC {
    margin-top: 10px;
}

#acceptTC {
    margin-right: 5px;
}

/****** GENERAL ********/
.clearfix {
    clear:both;
    overflow:hidden;
    width:100%
}

.textYellow {
    color:#fddf01
}

.textBlue {
    color:#185194
}

.textBold {
    font-weight:700
}

img {
    max-width:100%;
    height:auto;
    -webkit-backface-visibility:hidden
}

.container {
    margin:0 auto;
    max-width: 80% !important;
}

.conditionalContainer {
    height: 200px;
    overflow: auto;
    border: solid 1px #c2c2c2;
    padding: 10px;
    display: inline-block;
    margin-top: 10px;
}

.columnContainer {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.column {
    float:left
}

.btn,.btnLight,.btnYellow {
    cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:10px 35px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-weight:700;
    font-size:.9em;
    border:0;
}

.btn {
    background-color:#0060a9;
    color:#fff!important
}

.btn:hover {
    background-color:#035898
}

.btnLight {
    background-color:#d1dcea;
    color:#0060a9
}

.btnYellow {
    background-color:#ffe600;
    color:#113589;
    padding:8px 35px
}

.btnYellow:hover {
    background-color:#ead301
}

.btnOutline {
    display:inline-block;
    *display:inline;
    zoom:1;
    margin:0 15px;
    padding:5px 20px;
    background-color:#1d4c7b;
    border:1px solid #fff;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    color:#fff!important
}

.text {
    font-family:Arial,Helvetica,sans-serif
}

.headerSmall {
    display:block;
    font-size:.5em;
    font-weight:300
}

.center {
    text-align:center
}

.text-right {
    text-align:right
}

.text-left {
    text-align:left
}

.textbold {
    font-weight:700
}

.divider {
    padding:30px 0;
    border-top:1px solid #c2c2c2
}

.pop {
    width:340px;
    padding-bottom: 15px;
    left:50%;
    position:fixed;
    margin-left:-170px;
    top:200px;
    z-index:999;
    background:#fff;
    display:none;
    text-align:center;
    border-radius:5px;
}

@media screen and (max-width:340px) {
    .pop {
        width:90%;
        margin-left:-152px;}
}
.bg-overlay {
    width:100%;
    height:100%;
    position:fixed;
    z-index:998;
    background:rgba(0,0,0,0.5);
    display:none;
    left:0;
    top:0;
}

.pop .close {
    width:25px;
    height:25px;
    background:url(../images/close.png) no-repeat center;
    position:absolute;
    top:-13px;
    right:-10px;
    cursor:pointer;
}

.pop p.title {
    background: none repeat scroll 0 0 #0c396c;
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
    font-size: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: -2px;
}

.pop p.subtitle {
    border-bottom: 1px solid #e3e3e3;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 20px;
    padding: 0 10px 10px;

}

.pop p {
    padding:0 10px;
}

/****** FORMS ********/
.form label {
    display:block
}

.creditcardnumber input[type="text"] {
    width:50px;
    display:inline-block;
    *display:inline;
    zoom:1
}

.form input[type="text"],.form input[type="password"] {
    width:400px;
    padding:5px;
    display:inline-block;
    *display:inline;
    zoom:1;
    margin-bottom:15px
}

.form input[type="text"].short {
    width:50px;
    display:inline-block;
    *display:inline;
    zoom:1
}

p.mwidth-900 {
    max-width:900px
}

.form-contact {
    margin-bottom:30px;
    padding:30px 0;
    border-top:1px solid #c2c2c2;
    border-bottom:1px solid #c2c2c2
}

.form-contact .btn, .form-contact .btnLight {
    /*margin-top:20px;*/
}

@media screen and (max-width:600px){
    .step-btn, .btnLight {
        display:block;
        width:100%;
        text-align:center;
    }

    .form-contact .floatRight {
        float:none;
    }
}

.form-contact label {
    color:#002144;
    font-weight:700
}

.symbol-required {
    color:#ff0000
}

.form-contact .inline {
    display:inline;
    vertical-align:middle;
    margin-right:10px
}

.form-contact label {
    padding-bottom:5px
}

.form-contact label,.form-contact input[type="text"],.form-contact input[type="password"],.form-contact textarea {
    display:block
}

.form-contact input[type="text"],.form-contact input[type="password"],.form-contact select,.form-contact textarea {
    margin-bottom:20px
}

.form-contact input[type="text"],.form-contact input[type="password"],.form-contact textarea {
    padding:10px;
    border:1px solid #999;
    width:100%;
    max-width:550px;
    display:inline-block
}

.form-contact input[type="checkbox"] {
    margin:15px 15px 35px 0
}

ul.contact li {
    list-style-image:url(../images/list-circle.png);
    list-style-position:inside;
    text-indent:-.85em;
    margin-bottom:10px;
    text-align:left
}

.contact-block {
    text-align:left;
    margin:25px 0;
}

.contact-block .inline-block {
    border:1px solid #4c8fc3;
}

.contact-block .inline-block.space-fix{
    margin-left:-5px;
}

.contact-block .inline-block .block {
    padding:15px 25px;
    text-align:center;
    width:320px;

}

.contact-block .inline-block .block strong {
    display:block;

}

.contact-block .inline-block .block.blue {
    background:#d1dcea;
}

@media screen and (max-width:700px) {
    .contact-block {
        width:100%;
        border:1px solid #4c8fc3;
    }

    .hide { display:none;}


    .contact-block .inline-block {
        border:0;
    }

    .contact-block .inline-block {
        display:block;
    }
    .contact-block .inline-block .block {
        width:100%;
    }
    .contact-block .inline-block.space-fix{
        margin-left:0px;
    }
}

/****** PROCESS ********/
.form-terms {
    margin-bottom:30px;
    padding:20px 0;
    border-top:1px solid #c2c2c2;
    border-bottom:1px solid #c2c2c2
}

.form-terms .terms {
    overflow:auto;
    height:300px;
    width:100%;
    border:1px solid #c2c2c2;
    padding:10px;
    margin-bottom:20px
}

.form-terms p {
    font-size:12px
}

.btn-container {
    max-width:550px;
    width:100%
}

.step-btn {
    margin-bottom:20px;
    min-width:220px;
    text-align:center
}

.btn-container .btnLight {
    float:right
}

.forgotForm {
    font-weight:700;
    text-align:center;
    display:table;
    margin:0 auto
}

.forgotForm .row {
    display:table-row
}

.forgotForm .row .td {
    display:table-cell;
    padding:5px 10px
}

.forgotForm .row .td.textLeft {
    text-align:left
}

.forgotForm .row .td.textRight {
    text-align:right
}

.forgotForm .btn {
    padding:6px 25px
}

@media(max-width:530px) {
.forgotForm .row .td {
    display:block
}

.forgotForm .row .td.textLeft {
    text-align:center
}

.forgotForm .row .td.textRight {
    text-align:center
}
}

/****** HEADER ********/
#header,#heroBanner,#contentWrapper {
    background-color:#fff
}

#contentWrapper a {
    color:#0060a9
}

#header {
    border-bottom:1px solid #fff;
    background:url(../images/bkHeader.gif) repeat-x 0 0 #185194;
    color:#fff;
    height:165px
}

#utilityBar ul li {
    display:inline
}

#utilityBar {
    padding:0 0 0 20px
}

#accountBar,#ecommerceBar,#navMain {
    text-align:right
}

#ecommerceBar {
    float:right;
    padding-top:15px
}

#accountBar li {
    padding:0 20px;
    border-right:1px solid #fff
}

#ecommerceBar li {
    padding:0 20px;
    border-left:1px solid #fff
}

#ecommerceBar a {
    padding-left:5px;
    font-family:Arial,Helvetica,sans-serif
}

#accountBar li:first-child,#ecommerceBar li:first-child {
    border-left:none
}

#accountBar {
    position:relative;
    display:block;
    height:40px;
    line-height:40px;
    font-size:.9em
}

#utilityBar ul a,#session,#navMain {
    text-transform:uppercase
}

#ecommerceBar a,#navMain a {
    color:#fff
}

#header .logo {
    padding-top:15px
}

/****** SEARCH ********/
.searchBar {
    padding:7px 15px;
    font-size:.7em;
    text-align:right;
    font-weight:700;
    font-family:"ff-meta-web-pro",arial
}

.searchRewards {
    display:inline;
    margin-left:30px;
    padding:10px 7px 10px 12px;
    background-color:#1B3959
}

.searchRewards .icon-search:before {
    font-size:1.6em;
    padding:10px 9px 11px 14px;
    vertical-align:middle;
    display:inline-block;
    *display:inline;
    zoom:1
}

#search-dropdown .searchRewards .icon-search:before {
    font-size:1.2em
}

.searchRewards input {
    width:23%
}

/****** BREADCRUMB ********/
#breadCrumb {
    padding:5px 0;
    background-color:#fff;
    color:#999
}

#breadCrumb li {
    display:inline
}

#breadCrumb li a {
    text-decoration:none
}

#breadCrumb li a:hover {
    text-decoration:underline
}

#breadCrumb ul {
    margin-left:0
}

.breadCrumbLink {
    color:#999;
    text-decoration:underline
}

.breadCrumbLink:hover {
    text-decoration:none
}

/****** MAIN MENU ********/
#navBar ul,.shopBar ul {
    font-family:"ff-meta-web-pro",arial;
    padding:0;
    margin:0 0 -2px;
    list-style:none;
    position:relative;
    display:inline-block;
    *display:inline;
    zoom:1
}

#navBar ul li,.shopBar ul li {
    float:left;
    display:list-item;
    list-style:none
}

#navBar {
    padding:0 0 0 31px;
    text-align:right;
    text-transform:uppercase;
    font-size:13px;
}

#navBar ul li a {
    padding:10px 11px;
    text-decoration:none;
    display:block;
    font-size:1.1em
}

#navBar li a:hover,#navBar li:hover a {
    background-color:#0c396c
}

#navBar a {
    color:#fff
}
.unsubscribe-main-content {
    margin-top: 30px;
    min-height: calc(100vh - 250px);
}
/* Change this in order to change the Dropdown symbol */
#navBar li > a:after {
    content: ''
}

#navBar li > a:only-child:after {
    content:''
}

.navShop {
    float:left
}

.navbar-right {
    border-left:1px solid #fff
}

.shopBar {
    float:left;
    background-color:#d1dcea;
    width:100%;
    max-height:50px;
    text-transform:uppercase;
    border-top:1px solid #fff;
    color:#0060aa
}

.shopBar ul {
    float:left;
    font-size:.7em
}

.shopBar ul li {
    border-right:2px solid #fff;
    font-weight:700
}

.shopBar ul li a {
    display:block;
    padding:15px 0;
    width:180px;
    text-align:center;
    text-decoration:none
}

.shopBar li a:hover,.shopBar li:hover a {
    background-color:#C2CDDB
}

.shopBar a {
    color:#0060aa
}

/* The Dropdown Styles */
/* =================== */
/* Hide Dropdowns by Default */
.shopBar ul ul {
    display:none;
    position:absolute;
    top:50px;
    z-index:9999;
    border:none;
    text-align:left;
    background-color:#C2CDDB
}

#navBar ul ul {
    display:none;
    position:absolute;
    top:40px;
    z-index:9999;
    border:none;
    text-align:left;
    background-color:#0c396c
}

/* Display Dropdowns on Hover */
#navBar ul li:hover > ul {
    display:list-item
}

@media (min-width: 555px) {
.shopBar ul li:hover > ul {
    display:list-item
}
}

/* Fisrt Tier Dropdown */
#navBar ul ul li {
    width:100%;
    float:none;
    position:relative;
    border-top:1px solid #124681;
    border-bottom:1px solid #0d2f56
}

.shopBar ul ul li {
    width:180px;
    float:none;
    position:relative;
    border-top:1px solid #DFEAF8;
    border-bottom:1px solid #B1BCCA;
    border-right:none;
    font-size:1.4em
}

#navBar ul ul li a:hover,#navBar ul ul li:hover a {
    background-color:#124681
}

.shopBar ul ul li a:hover,.shopBar ul ul li:hover a {
    background-color:#E4EFFD
}

/****** SLIDEBARS *****/
nav .logo {
    padding:5px 0 3px;
    width:122px
}

#sb-site {
    position:relative;
    z-index:1;
    width:100%;
    box-shadow:0 0 30px 10px rgba(0,0,0,0.3);
    min-height:0!important
}

.sb-slidebar {
    width:30%;
    height:100%;
    overflow-y:auto;
    position:fixed;
    top:0;
    z-index:0;
    visibility:hidden;
    background-color:#0b325f;
    color:#e8e8e8
}

.sb-slidebar li.selected a,.sb-slidebar li.selected a:hover {
    background-color:#fddf00;
    color:#0B325F
/* Link hover colour. */
}

.sb-left {
    left:0
}

.sb-right {
    right:0
}

.sb-slidebar.sb-active {
    visibility:visible
}

.sb-slide,#sb-site,.sb-slidebar {
    -webkit-transition:-webkit-transform 400ms ease;
    -moz-transition:-moz-transform 400ms ease;
    -o-transition:-o-transform 400ms ease;
    transition:transform 400ms ease;
    -webkit-transition-property:-webkit-transform,left,right;
    -webkit-backface-visibility:hidden
}

.sb-hide {
    display:none
}

/* slidebars theme */
* {
/* Highly recommended to avoid any width alterations in the Slidebars or Site, which may cause horizontal scrolling. */
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

/* ----------
 * 002 - Site
 */
#sb-site {
/*padding: 65px 15px 15px 15px;*/
    box-shadow:0 0 30px 10px rgba(0,0,0,0.3)
/* Casts a shadow onto the Slidebars from site. */
}

/* --------------------
 * Slidebar Menus
 */
/* Main Menu */
.sb-menu {
/* Apply to <ul> or <ol>. */
    padding:0;
    margin:0;
    list-style-type:none
}

.sb-menu li {
    width:100%;
    padding:0;
    margin:0;
    border-top:1px solid rgba(255,255,255,0.1);
/* Will lighten any background colour you set. */
    border-bottom:1px solid rgba(0,0,0,0.1)
/* Will darken any background colour you set. */
}

.sb-menu > li:first-child {
    border-top:none
/* Removes top border from first list item.. */
}

.sb-menu > li:last-child {
    border-bottom:none
/* Removed bottom border from last list item. */
}

.sb-menu li a {
    width:100%;
/* Makes links full width. */
    display:inline-block;
    padding:1em;
/* Creates an even padding the same size as your font. */
    color:#f2f2f2
}

.sb-menu li a:hover {
    text-decoration:none;
    background-color:rgba(255,255,255,0.05)
/* Will lighten any background colour you set. */
}

/* Borders */
.sb-left .sb-menu li a {
    border-left:3px solid transparent
}

.sb-left .sb-menu li a:hover {
    border-left:3px solid
/* Removes transparent colour, so border colour will be the same as link hover colour. */
}

.sb-right .sb-menu li a {
    border-right:3px solid transparent
}

.sb-right .sb-menu li a:hover {
    border-right:3px solid
/* Removes transparent colour, so border colour will be the same as link hover colour. */
}

/* Submenus */
.sb-submenu {
    display:none;
    padding:0;
    margin:0;
    list-style-type:none;
    background-color:rgba(255,255,255,0.05)
/* Submenu background colour. */
}

.sb-menu li ul li a {
    padding:1em 1.1em 1em 3em
}

/* Caret */
span.sb-caret {
    width:0;
    height:0;
    display:inline-block;
    margin:0 5px;
    border:5px solid transparent
}

span.sb-caret {
/* Caret Down */
    border-top:5px solid;
    border-bottom:0 solid transparent
}

.sb-submenu-active > span.sb-caret {
/* Caret Up */
    border-top:0 solid transparent;
    border-bottom:5px solid
}

/* ----------------------
 * Slidebar Widgets
 */
.sb-widget {
    border-radius:3px;
    border:1px solid rgba(255,255,255,0.1);
/* Will lighten any background colour you set. */
    margin:14px;
    box-shadow:0 0 5px rgba(0,0,0,0.25)
/* Slight shadow. */
}

.sb-widget-header {
    border-bottom:1px solid rgba(0,0,0,0.1);
/* Will darken any background colour you set. */
    padding:14px;
    background-color:#292929
/* Widget title background colour. */
}

.sb-widget-title {
    margin:0
/* Removes browser default margins for heading tags. */
}

.sb-widget-content {
    border-top:1px solid rgba(255,255,255,0.1);
/* Will lighten any background colour you set. */
    padding:14px;
    background-color:#262626
/* Widget content background colour. */
}

/* ------------------------
 * Top Navigation Bar
 */
.sb-navbar {
    width:100%;
    height:50px;
    position:fixed;
    top:0;
    left:auto;
    right:auto;
    z-index:1000;
    background-color:#219AEB;
/* Bar colour. */
    box-shadow:/* Layered single pixel shadows to create a one sided shadow effect. */
/* Top highlight */
/* Left highlight */
/* Right highlight */
/* Bottom lowlight */
0 5px 0 0 rgba(0,0,0,0.01),0 4px 0 0 rgba(0,0,0,0.02),0 3px 0 0 rgba(0,0,0,0.04),0 2px 0 0 rgba(0,0,0,0.06),0 1px 0 0 rgba(0,0,0,0.08),0 1px 0 0 rgba(255,255,255,0.1) inset,1px 0 0 0 rgba(255,255,255,0.1) inset,-1px 0 0 0 rgba(255,255,255,0.1) inset,0 -1px 0 0 rgba(0,0,0,0.1) inset;
/* Glass gradient overlay, works with any colour background. */
    background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.05) 50%,rgba(0,0,0,0.02) 51%);
/*  Webkit syntax. */
    background-image:linear-gradient(to bottom,rgba(255,255,255,0.05) 50%,rgba(0,0,0,0.02) 51%);
/* Final syntax. */
    background-size:100%;
    background-repeat:no-repeat
}

html.sb-android .sb-navbar {
    position:absolute
/* Fix navbar to top for old versions of Android Browser. */
}

/* Navbar Menu Items */
.sb-navbar-menu {
    list-style-type:none;
    padding:0;
    margin:0
}

.sb-navbar-menu-left {
    float:left
}

.sb-navbar-menu-right {
    float:right
}

.sb-navbar-menu li {
    padding:0;
    margin:0;
    display:block;
    float:left
}

.sb-navbar-menu li a {
    display:inline-block;
    color:#f2f2f2;
/* Navbar link colour */
    padding:15px;
    text-decoration:none
}

.sb-navbar-menu li a:hover {
    color:#f2f2f2;
/* Navbar link hover colour */
    background-color:rgba(0,0,0,0.05)
/* Will lighten any background colour you set. */
}

/* -----------------------
 * Slidebar Controls
 */
.sb-toggle-left,.sb-toggle-right,.sb-open-left,.sb-open-right,.sb-close {
    cursor:pointer
/* Help desktop users with Slidebar controls. */
}

/* Navicons */
/* These are prefixed with .sb-navbar to avoid styling other Slidebar toggles you may be using. */
.sb-navbar .sb-toggle-left {
    width:52px;
    float:left;
    padding:14px
}

.sb-navbar .sb-toggle-right {
    width:52px;
    float:right;
    padding:14px
}

.navicon-line {
    width:24px;
    height:4px;
    border-radius:1px;
    margin-bottom:3px;
    background-color:#fff
/* Colour of navicon lines. */
}

.sb-toggle-right .icon-cart {
    color:#fff;
    font-size:2em
}

/* Hover states to match navbar menu item hover. */
.sb-navbar .sb-toggle-left:hover {
    background-color:rgba(0,0,0,0.05)
/* Will lighten any background colour you set. */
}

.sb-navbar .sb-toggle-right:hover {
    background-color:rgba(0,0,0,0.05)
/* Will lighten any background colour you set. */
}

.navbar {
    display:none;
    position:relative;
    background-color:#185194;
/* Bootstrap Changes */
    border:none;
    width:100%;
    left:auto;
    right:auto
}

.sb-android .navbar {
    position:absolute
}

nav #logo {
    text-align:center
}

#top-arrow {
    padding-top:17px;
    padding-bottom:13px
}

.navbar .sb-toggle-left {
    width:58px;
    height:65px;
    float:left;
    padding:23px 16px;
    border-right:1px solid #FFF
}

.navbar .sb-toggle-right {
    width:58px;
    height:65px;
    float:right
}

.navbar .sb-toggle-right .icon-gift {
    padding:22px 19px
}

.navbar .sb-toggle-right .icon-shopping-cart {
    padding:22px 16px
}

.sb-toggle-left,.sb-toggle-right,.sb-open-left,.sb-open-right,.sb-close {
    cursor:pointer
}

.sb-right {
    padding:20px
}

.navicon-line {
    width:24px;
    height:4px;
    border-radius:1px;
    margin-bottom:3px;
    background-color:#fff
}

ul.navbar-nav {
    display:none
}

#search-icon {
    display:block;
    padding:22px 20px 20px 7px;
    height:65px
}

/* Slidebars  right */
.sb-menu li .sb-open-right,.sb-menu li small {
    display:inline-block;
    padding:14px
}

/* Slidebar Type */
.sb-slidebar,.sb-slidebar h3 {
    color:#fff
}

.sb-slidebar p {
    color:#fff
}

/*  NEED FOR OFF CANVAS TO SLIDE PROPERLY */
.navbar-fixed-top,.navbar-fixed-bottom {
    position:fixed;
    right:0;
    left:0;
    z-index:1030
}

/****** HOMEPAGE HERO BANNER ********/


.home-slide {
    width:100%; height:335px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    background:#fff;
    background-position: 100% 0%,center !important;
}

#slider .item{
    display: block;
    width: 100%;
    height: auto;
    background:#fff;
}
#slider .owl-controls.clickable {
    bottom: 5px;
    left: 50%;
    margin-left: -115px;
    margin-top: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 230px;
}

/* Caption styles */

.bannerCaption {
    display:table;
}

.middle-align {
    display:table-cell;
    vertical-align:middle;
}


.item .bannerCaption {
    text-align:left;
}

.item .bannerCaption a {
    vertical-align:middle
}

.item .bannerCaption h1 {
    font-size:34px;
    font-weight:700;
    line-height:36px;
    color:#fff;
    text-transform: none;
}

.item .bannerCaption p {
    margin-bottom:15px;
    font-size:27px;
    line-height:31px;
    color:#fff;
    font-family:"ff-meta-web-pro",arial;
    padding:0;
    font-weight:300;
}

.item .bannerCaption a {
    display:inline!important;
    color:#fff;
    font-size: 19px;
    font-weight:700;
    text-transform:uppercase
}

.item .bannerCaption .yellow-arrows {
    width:15px;
    height:15px;
    display:inline-block;
    *display:inline;
    zoom:1;
    background:url(../images/yellow-arrows.png) no-repeat center center;
    margin-left:5px
}

@media screen and (max-width: 915px) {
    .home-slide {
        height:255px;
    }
    .item .bannerCaption h1 {
        font-size:32px;
    }
    .item .bannerCaption p {
        margin-bottom:15px;
        font-size:25px;
        line-height:31px;
        color:#ffffff;
        font-family:"ff-meta-web-pro",arial;
        padding:0;
        font-weight:300;
    }
    .item .bannerCaption a {
        font-size: 17px;
    }
    #slider br {
        display:block !important;
    }
}

@media screen and (max-width: 550px) {
    .home-slide {
        height:330px;
        background-position: 90% 0%,center !important;
    }
    .item .bannerCaption h1 {
        font-size:30px;
    }
    .item .bannerCaption p {
        margin-bottom:15px;
        font-size:23px;
        line-height:31px;
        color:#fff;
        font-family:"ff-meta-web-pro",arial;
        padding:0;
        font-weight:300;
    }
    .item .bannerCaption a {
        font-size: 15px;
    }
}

@media screen and (max-width: 445px) {
    .item .bannerCaption p {
        margin-bottom:15px;
        font-size:19px;
        line-height:25px;
    }
    .item .bannerCaption a {
        font-size: 12px;
    }
}

.login_promo_ad {
    width: 100%;
    display: block;
    margin-bottom: 1rem;

}
@media (min-width: 900px) {
    .login_promo_ad {
        width: auto;
        float: right;
        margin-bottom: 0;
    }
}

@media (min-width: 700px) {
    .mobile_ad {
        display: none;
    }
}

.desktop_ad {
    display: none;
}

@media (min-width: 700px) {
    .desktop_ad {
        display: block;
    }
}


/****** LOGIN / LOGOUT DROPDOWN ********/
.active-links {
    position:absolute;
    right:8px;
    top:0
}

.active-links img {
    padding-right:5px
}

.active-links span.line-break {
    padding:0 10px
}

.active-links ul {
    display:inline
}

#session {
    cursor:pointer;
    display:inline-block;
    *display:inline;
    zoom:1;
    padding:0 12px;
    white-space:nowrap
}

#session.active,#session:hover {
    background-color:#fff;
    color:#000
}

#session.active a,#session:hover a {
    color:#000
}

a#signin-link {
    position:relative
}

a#signin-link em {
    font-size:10px;
    font-style:normal;
    margin-right:4px
}

a#signin-link strong {
    color:#fff
}

#signin-dropdown {
    background-color:#fff;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    box-shadow:0 1px 2px #666;
    -webkit-box-shadow:0 1px 2px #666;
    min-height:200px;
    min-width:160px;
    position:absolute;
    right:0;
    display:none;
    z-index:9999
}

#signin-dropdown a {
    color:#0060a9
}

#signin-dropdown .signin {
    cursor:pointer;
    padding:10px;
    text-align:left
}

#signin-dropdown .textbox input {
    width:200px
}

fieldset {
    border:none
}

.signin .textbox label {
    display:block;
    padding-bottom:7px
}

.signin .textbox span {
    display:block;
    color:#666
}

.signin .remb span {
    color:#666
}

.signin p,.signin span {
    color:#666;
    font-size:11px;
    line-height:18px
}

.signin p {
    margin-bottom:10px
}

.signin .textbox input {
    border:1px solid #999;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:6px 6px 4px
}

.btnSubmit {
    background-color:#0060a9;
    border:none;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color:#fff;
    cursor:pointer;
    padding:7px;
    margin:0;
    font:12px;
    text-transform:uppercase;
    width:100%
}

/****** SEARCH REWARDS DROPDOWN ********/
.search-rewards {
    border-right:1px solid #FFF;
    float:left;
    font-size:1.5em;
    margin-top:0;
    text-align:left;
    width:58px
}

.searchRewardsMobile {
    padding:0 10px
}

#search-dropdown {
    position:absolute;
    left:0;
    top:59px;
    display:none;
    z-index:9999;
    padding:20px 5px;
    background-color:#1B3959;
    box-shadow:0 1px 2px #666;
    -webkit-box-shadow:0 1px 2px #666;
    min-height:50px;
    width:100%;
    text-align:center
}

#search-dropdown form input {
    width:75%;
    height:30px;
    padding:0 10px
}

.searchbutton {
    font-size:25px;
    vertical-align:middle;
    display:inline-block;
    *display:inline;
    zoom:1
}



/****** HOMEPAGE ********/
#intro {
    padding:20px 0 10px;
    background-color:#ccd4e5;
    text-align:center
}

#intro .container {
    padding:0 20px 15px
}

#intro h2 {
    text-transform:uppercase;
    font-size:2.8em;
    margin:10px 0 50px;
    font-weight:400
}

#intro li {
    list-style-type:none
}

#extraInfo #btnsBar a {
    text-transform:uppercase;
    font-size:.8em;
    width:250px
}

#extraInfo #btnsBar a:hover {
    background:#035898;
}

.span_1_of_2.earn-display {
    background:url('../images/earn-display.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:445px;
    padding:0;
    margin:0 !important;
    width: 50%;
    text-align:center;
}

.span_1_of_2.earn-display p.title {
    color:#fddf01;
    font-size:48px;
    padding:60px 0 40px;
    font-family:"ff-meta-web-pro",arial;
    line-height:47px;
    max-width:100%;
}

.span_1_of_2.earn-display p {
    color:#fff;
    max-width:500px;
    margin:0 auto;
    font-size:20px;
    line-height:25px;
    padding-bottom:50px;
}

.span_1_of_2.earn-display a.display-earnings {
    padding:11px 20px;
    color:#ffffff !important;
    border-radius: 4px;
    border:1px solid #fff;
    background-color:#0060a9;
    font-family:"ff-meta-web-pro",arial;
    font-size:14px;
    line-height:7px;
    margin-left:20px;
}


.span_1_of_2.apply-card {
    margin:0 !important;
    padding:0;
    height:445px;
    background: #0060a9;
    background: -moz-linear-gradient(top,  #0060a9 0%, #004f70 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0060a9), color-stop(100%,#004f70));
    background: -webkit-linear-gradient(top,  #0060a9 0%,#004f70 100%);
    background: -o-linear-gradient(top,  #0060a9 0%,#004f70 100%);
    background: -ms-linear-gradient(top,  #0060a9 0%,#004f70 100%);
    background: linear-gradient(to bottom,  #0060a9 0%,#004f70 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0060a9', endColorstr='#004f70',GradientType=0 );
    width: 50%;
    text-align:center;
}

.span_1_of_2.apply-card p.title {
    color:#fddf01;
    font-size:40px;
    padding:35px 0;
    font-family:"ff-meta-web-pro",arial;
    line-height:40px;
    max-width:100%;
    text-align:center;
    margin:0 auto;
}

.span_1_of_2.apply-card p {
    color:#fff;
    max-width:260px;
    font-size:17px;
    line-height:17px;
    text-align:left;
    margin-right:50px;
}

.span_1_of_2.apply-card p.card-name, .span_1_of_2.earn-display p.card-name {
    text-align:center;
    margin:0 auto;
    text-transform:uppercase;
    font-size:20px;
    font-family:"ff-meta-web-pro",arial;
    padding:10px 0 15px 0;
}

.span_1_of_2.apply-card .select-container {
    margin:20px 0 30px;
}

.select-container .select.block {
    margin-bottom:10px;
}

.span_1_of_2.apply-card a.apply {
    padding:6px 20px;
    color:#ffffff !important;
    border-radius: 4px;
    border:1px solid #fff;
    background-color:#00344a;
    font-family:"ff-meta-web-pro",arial;
    font-size:14px;
    line-height:7px;

}

.span_1_of_2.apply-card a.apply:hover, .span_1_of_2.earn-display a.display-earnings:hover {
    background-color:#035898;
    cursor:pointer;
}

 .member-communications p {
    margin-bottom:5px;
 }

@media screen and (max-width:1160px) {
    .span_1_of_2.earn-display {
        padding:10px;
    }
    .span_1_of_2.earn-display p.title {
        font-size:38px;
    }
    .span_1_of_2.earn-display p {
        font-size:16px;
    }

    .span_1_of_2.apply-card p.title {
        font-size:30px;
    }

    .span_1_of_2.apply-card p {
        font-size:15px;
        margin-right: 20px;
    }
    .card-container .inline-block > img {
        max-width:200px;
    }

    .span_1_of_2.apply-card {
        padding:10px;
    }
    .span_1_of_2.apply-card select.select-style {
        width:180px;
    }
}

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

    .span_1_of_2.apply-card select.select-style {
        width:220px;
    }

    .span_1_of_2.earn-display {
        height:355px;
    }
    .span_1_of_2.earn-display p.title {
        padding:20px 0;
    }
    .span_1_of_2.earn-display p {
        padding-bottom:20px;
    }

    .span_1_of_2.apply-card, .span_1_of_2.earn-display {
        width:100%;
        height:auto;
        padding:30px 10px;
    }
    .span_1_of_2.apply-card p.title, .span_1_of_2.earn-display p.title {
        padding:0 0 20px;
    }

    #intro .grid p {
        max-width:250px;
        margin:0 auto 20px;
        line-height: 23px;
    }

}

@media screen and (max-width:480px){
    .card-container {
        display:none;
    }
    .select-container {
        padding-top:0;
    }
    .span_1_of_2.apply-card p.title {
        padding:0;
    }
    .span_1_of_2.apply-card p {
        margin:0;
        text-align:center;
        padding:0 0 20px;
    }
    .span_1_of_2.earn-display a.display-earnings{
        margin-left:0;
    }
    .display-earnings.inline-block {
        display:block;
        margin:20px auto 0 !important;
        max-width:300px;

    }
    .span_1_of_2.apply-card a.apply {
        display:block;
        padding: 11px 20px;
        margin:20px auto 0 !important;
        max-width:300px;
    }

     .member-communications strong {
         display:block;
    }


}

/*  GRID OF TEN   ============================================================================= */


.span_10_of_10 {
    width: 100%;
}

.span_9_of_10 {
    width: 89.84%;
}

.span_8_of_10 {
    width: 79.68%;
}

.span_7_of_10 {
    width: 69.52%;
}

.span_6_of_10 {
    width: 59.36%;
}

.span_5_of_10 {
    width: 49.2%;
}

.span_4_of_10 {
    width: 39.04%;
}

.span_3_of_10 {
    width: 28.88%;
}

.span_2_of_10 {
    width: 18.72%;
}

.span_1_of_10 {
    width: 8.56%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
    .span_10_of_10 {
        width: 100%;
    }
    .span_9_of_10 {
        width: 100%;
    }
    .span_8_of_10 {
        width: 100%;
    }
    .span_7_of_10 {
        width: 100%;
    }
    .span_6_of_10 {
        width: 100%;
    }
    .span_5_of_10 {
        width: 100%;
    }
    .span_4_of_10 {
        width: 100%;
    }
    .span_3_of_10 {
        width: 100%;
    }
    .span_2_of_10 {
        width: 100%;
    }
    .span_1_of_10 {
        width: 100%;
    }
}


.grid {
    overflow:hidden;
    max-width:1300px;
    margin:0 15px;
    list-style:none;
    text-align:center;
    line-height:20px
}

.grid li {
    float:left;
    margin-bottom:40px;
    padding:0 20px;
    width:33%;
    border-left:3px solid #a8bad5
}

.grid li:first-child {
    border:none
}

.grid figure {
    margin:0;
    position:relative;
    overflow:hidden
}

.grid figure img {
    max-width:100%;
    position:relative;
    margin-bottom:8px
}

.grid figure a {
    cursor:pointer;
    font-weight:700
}

.grid figcaption {
    position:absolute;
    left:0;
    height:345px;
    background-color:#CCD4E5;
    top:365px;
    cursor:pointer
}

.grid figcaption h3 {
    margin-bottom:20px;
    padding:0;
    color:#fff;
    background-color:#002144;
    font-size:1em;
    background:url(../images/close-figcaption.png) no-repeat 97% center #002144
}

.grid figcaption p {
    margin-bottom:20px
}

.grid figcaption a {
    text-align:center;
    padding:10px;
    width:100%;
    border-radius:3px;
    display:block;
    background:#0060a9;
    color:#fff
}

.desktop-only,.desktop-only-550 {
    display:inline-block;
    *display:inline;
    zoom:1
}

.mobile-only {
    display:none
}

.mobile-only-xs {
  display: none;
}

.tablet-only {
  display: none;
}

.home-container {
    margin:0 auto;
    max-width:970px
}

.redeem-description {
    margin-top:50px
}

.redeem-description p {
    font-size:1.25em;
    line-height:1.8em;
    margin-bottom:45px;
    max-width:370px
}

.redeem-rewards {
    padding:0 20px
}

.reward-icons img {
    padding-bottom:5px
}

.reward-icons {
    text-align:right;
}

.reward-icons a:hover {
    opacity:.8
}

.reward-icons p {
    font-family:"ff-meta-web-pro",arial;
    font-weight:700;
    font-size:1em
}

.icon-col-1 {
    display:inline-block;
    *display:inline;
    zoom:1;
    text-align:center;
    padding-right:90px
}

.icon-col-2 {
    display:inline-block;
    *display:inline;
    zoom:1;
    text-align:center
}

#extraInfo .container {
    padding:0 20px;
    max-width:900px
}

/****** POOL BUSINESS ********/


.pool-business p {
    font-size:17px; line-height:25px; margin-bottom:25px;
}


/****** REWARDS CAROUSEL ********/
.rewards {
    position:relative;
    margin-top:20px;
    -webkit-backface-visibility:hidden
}

.rewards h2 {
    padding:0 20px 10px
}

.owl-item {
    border-right:none;
    text-align:center
}

.owl-item .reward-item {
    padding:8px 0;
    height:195px
}

.owl-item .reward-title {
    font-size:14px;
    font-weight:700;
    margin:5px 0 0
}

.owl-item .reward-points {
    font-size:13px;
    font-weight:700;
    color:#0060a9
}

.reward-controls {
    position:absolute;
    bottom:30px;
    width:30%;
    z-index:1000;
    left:50%;
    margin-left:-15%
}

.next {
    float:right;
    width:12px;
    height:21px;
    background:url(../images/arrow-right.png) no-repeat;
    cursor:pointer
}

.prev {
    float:left;
    width:12px;
    height:21px;
    background:url(../images/arrow-left.png) no-repeat;
    cursor:pointer
}

/****** CONTENT BANNERS ********/
#contentBanner {
    position:relative;
    height:337px;
    -webkit-background-size:cover!important;
    -moz-background-size:cover!important;
    -o-background-size:cover!important;
    background-size:cover!important
}

.bannerCaption {
    position:relative;
    left:0;
    top:3em;
    background:#002144;
    color:#fff;
    width:535px;
    padding:35px 30px 45px;
    background: rgb(0, 33, 68); /* The Fallback */
    background: rgba(0, 33, 68,0.8);
    overflow:hidden;
    -moz-opacity:.8;
    filter:alpha(opacity=80);
    -webkit-box-sizing:border-box;
/* Safari/Chrome, other WebKit */
    -moz-box-sizing:border-box;
/* Firefox, other Gecko */
    box-sizing:border-box
/* Opera/IE 8+ */
}

.bannerCaption-nobkg {
    position:relative;
    left:0;
    top:3em;
    color:#fff;
    width:535px;
    padding:0px 30px 45px;
    overflow:hidden;
    background: none;
}

.item .bannerCaption-nobkg h1
{
    font-size:34px;
    width:55%;
}

.item .bannerCaption-nobkg p
{
    font-size:23px;
    line-height:31px;
    width:85%;
    font-family:"ff-meta-web-pro",arial
}

.item .bannerCaption-nobkg p.small
{
    font-size:14px;
    line-height:18px;
    margin-top:20px;
    width:95%;
}

@media screen and (max-width:430px)
{
    .bannerCaption, .bannerCaption-nobkg
    {
        background: rgba(0, 33, 68,0.5);
    }

    .bannerCaption-nobkg {
        padding:30px 30px 45px;
    }

    .item .bannerCaption-nobkg h1
    {
        font-size:22px;
        width:100%;
    }

    .item .bannerCaption-nobkg p
    {
        font-size:15px;
        line-height:20px;
        width:100%!important;
    }

    .item .bannerCaption-nobkg p.small
    {
        font-size:11px;
        line-height:15px;
        margin-top:5px;
    }
}

.bannerCaption h1 {
    text-transform:uppercase;
    font-weight:600;
    font-size:35px;
    line-height:36px
}

.bannerCaption p {
    margin:0;
    font-size:25px;
    line-height:32px;
    color:#fff;
    font-family:"ff-meta-web-pro",arial
}

/****** MAIN CONTENT ********/
#mainContent {
    padding:40px 20px;
    background-color:#fff
}

#rewardsText {
    padding:4em 10em 0 0;
    width:40%
}

#rewardsIcon {
    width:45%;
    text-align:center;
    text-transform:uppercase;
    color:#002144;
    line-height:30px
}

#column1 {
    padding-right:5em
}

.grid-1 {
    margin-bottom:30px
}

.grid-2 {
    float:left;
    margin-bottom:60px;
    width:48%
}

.grid-2-sm {
    float:left;
    margin-bottom:60px;
    width:48%
}

.grid-1 img,.grid-2 img,.grid-2-sm img {
    margin-bottom:10px;
}

.grid-space {
    margin-right:21px
}

.extra-space {
    padding-left:10px
}

/****** CONTENT  HELPERS ********/
.inline-block {
    display:inline-block;
    *display:inline;
    zoom:1;
    vertical-align:top
}

.block {
    display:block
}

.floatRight {
    float:right
}

.mright-10 {
    margin-right:10px;
}

.mright-20 {
    margin-right:20px;
}

.mtop-5 {
    margin-top:5px
}

.mtop-15 {
    margin-top:15px
}

.mtop-20 {
    margin-top:20px
}

.mtop-25 {
    margin-top:25px
}

.mtop-30 {
    margin-top:30px
}

.mtop-50 {
    margin-top:50px
}

.mbottom-0i {
    margin-bottom:0!important
}

.mbottom-0 {
    margin-bottom:0
}

.mbottom-5 {
    margin-bottom:5px
}

.mbottom-10 {
    margin-bottom:10px
}

.mbottom-15 {
    margin-bottom:15px
}

.mbottom-20 {
    margin-bottom:20px
}

.mbottom-25 {
    margin-bottom:25px
}

.mbottom-30 {
    margin-bottom:30px
}

.mbottom-40 {
    margin-bottom:40px
}

.mleft-10 {
    margin-left:10px
}

.mleft-20 {
    margin-left:20px
}

.mwidth-425 {
    max-width:422px
}

.mwidth-580 {
    max-width:580px
}

.mwidth-700 {
    max-width:700px
}

.mwidth-950 {
    max-width:950px
}

.floatleft {
    float:left;
    padding-right:20px
}

.checkbox
{
    display: block;
    height: 50px;
    margin-bottom: 10px;
}

.checkbox input {
      float:left;
      display:inline-block;
      margin:3px 3px 0 0 !important;
      padding:0;
      width:13px;
      height:13px;
     }

.checkbox label {
      display:inline-block;
      width:90%;
      font-weight:normal;
     }

/* HOW IT WORKS */

.blue-box {
    display:table;
    width:100%;
    background:#d1dcea;
    height:250px;
    margin-top:40px;
}
.blue-box .center{
    display:table-cell;
    vertical-align:middle;
    margin:0 auto;
    text-align:center;
}


.blue-box .center p.title{
    color:#002144;
    font-size:34px;
    line-height:34px;
    font-family:"ff-meta-web-pro",arial;
    font-weight:100;
    margin-bottom:30px;
}

.blue-box .center ul {
    margin:0 auto;
    list-style:inside disc;
    max-width: 750px;
    padding:0 20px;
}

.blue-box .center ul li {
    padding:10px;
    text-align:left;
}

.how-it-works h2 {
    font-weight:100;
    line-height: 30px;
}

.left-box, .right-box {
    height:575px;
    position:relative;
}

.right-box .btn, .left-box .btn {
    position:absolute;
    bottom:0;
}

.right-box ul {
    margin-left:25px;
    margin-bottom:15px;
}

.right-box ul li {
    line-height: 25px;
}

.rewards-you-want-container {
    padding-left:10px;
}

.how-it-works .btn {
    min-width:220px;
    text-align:center;
}

.how-it-works h3 {
    font-size: 25px;
    margin-bottom:20px;
}

.how-it-works h3.mbottom-0 {
    margin-bottom:0px;
}

.how-it-works .section {
    margin:30px 0;
}

.how-it-works .section .span_1_of_2 {
    margin-bottom:30px;
}

.how-it-works .section img {
    margin-bottom:20px;
    max-height:300px;
}

@media screen and (max-width:840px) {
    .how-it-works h3 {
        font-size: 22px;
        margin-bottom:15px;
    }

    .how-it-works h3.mbottom-0 {
        margin-bottom:15px;
    }

    .blue-box {
        padding:20px 10px;
    }
    .blue-box .center p.title {
        font-size:28px;
        line-height:28px;
        margin-bottom:15px;
    }

    .rewards-you-want-container {
        padding-left:0px;
    }
}

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

    .blue-box {
        padding:20px 10px;
    }
    .blue-box .center p.title {
        font-size:25px;
        line-height:25px;
        margin-bottom:15px;
    }

    .how-it-works .btn {
        min-width:190px;
    }

}

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

    .left-box, .right-box {
        height:auto;
    }

    .right-box .btn, .left-box .btn {
        position:relative;
    }

}

/* EARN POINTS */


.card-compare {
    text-align:center;
    margin-top:20px;
    margin-bottom:20px
}

.card-compare img {
    max-width:100%
}

.card {
    float:left;
    width:42%
}

.or {
    float:left;
    width:81px;
    height:240px;
    background:url(../images/or-separator.png) no-repeat 0 10% rgba(0,0,0,0);
}

.span_2_of_7 {
    width:27.42%
}

.span_5_of_7 {
    width:70.97%
}

.shipping p.blue {
    color:#0060a9;
}

.shipping p.blue span{
    color:#000000;
}

.shipping .description {
    background-color:#d1dcea;
    display:inline-block;
    width:400px;
    height:265px;
    vertical-align:top;
    box-sizing:border-box;
    padding:55px
}

.shipping .info {
    border:1px solid #d1dcea;
    display:inline-block;
    padding:15px 45px;
    box-sizing:border-box;
    min-width:350px;
    margin-left:-4px;
    height:265px;
}

.ui-datepicker-trigger
{
    margin-left:5px;
    margin-bottom:5px;
    vertical-align:middle;
}

.ui-datepicker-title {
    width:50px;
    display:inline-block;
    margin-right:5px
}

.faq-content table {
    font-size:14px;
}

.faq-content table, .faq-content th, .faq-content td {
    border: 1px solid black;
    border-collapse: collapse;
    padding:5px;
    width: 50%;
}

.learn-more {
    width:380px;
}

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

    .shipping .description, .shipping .info  {
        display:block;
        width:100%;
        min-width:100%;
        padding:25px 35px;
        height:auto;
    }

    .shipping .info {
        margin-left:0;


    }
}


.card-description {
    text-align:center;
    max-width:700px;
    margin:15px auto;
}

.card-disclaimer {
    text-align:center;
    font-size: 0.9em;
}

/* FAQ Page */
#faq-main {
    width:100%
}

.arrow-up {
    float:left;
    width:25px;
    display:inline-block;
    *display:inline;
    zoom:1;
    opacity:.7;
    margin-right:10px;
    color:#002144
}

.arrow-down {
    float:left;
    width:25px;
    display:inline-block;
    *display:inline;
    zoom:1;
    opacity:.7;
    margin-right:10px;
    color:#002144
}

.faq-heading {
    background:#d1dcea;
    cursor:pointer;
    font-size:16px;
    width:100%;
    padding:12px 8px!important
}

.faq-heading:hover {
    background:#afbfd2
}

.faq-content {
    padding:12px 5px
}

.faq-content a {
    margin-bottom:10px;
    color:#000!important;
    text-decoration:underline;
    display:block;
    cursor:pointer
}

.faq-answer {
    padding:5px
}

.faq-question sup {
    border-bottom: 1px solid #000 !important;
    display: inline-block;
    padding-bottom: 5px !important;
    top: -6px !important;
}

/* Code Added */
.faq-answer a {
    display:inline
}

/* Merchandise Page */
.section {
    clear:both;
    padding:0;
    margin:0
}

.group:before,.group:after {
    content:"";
    display:table
}

.group:after {
    clear:both
}

.group {
    zoom:1
/* For IE 6/7 (trigger hasLayout) */
}

.col {
    display:block;
    float:left;
    margin:1% 0 1% 1.6%
}

.col:first-child {
    margin-left:0
}

/* all browsers except IE6 and lower */
.span_2_of_2 {
    width:100%
}

.span_1_of_2 {
    width:49.2%
}

.span_3_of_3 {
    width:100%
}

.span_2_of_3 {
    width:66.13%
}

.span_1_of_3 {
    width:32.26%
}

.item img {
    width:100%;
    border-bottom:1px solid #fff
}

.item p {
    margin:0;
    padding:0 10px 7px;
    color:#fff;
    font-weight:700;
    font-family:"ff-meta-web-pro",arial;
    font-size:1.1em
}

.item a {
    color:#fff!important
}

.item {
    float:left;
    background-color:#213e5c;
    line-height:26px
}

.item:hover {
    background-color:#2d5075
}

/* My Way Page */

.my-way-table .head {
    background:#185194;
    border:3px solid #185194;
    text-align:center;
}

.my-way-table .head span.title {
    font-family:"ff-meta-web-pro",arial;
    font-size:35px;
    color:#ffffff;
    display:block;
    padding:20px;
}

.my-way-table .head span.sub-title {
    font-size:20px;
    color:#ffffff;
    display:block;
    padding:0 0 20px;
}

.my-way-table .head .head-content {
    background:#fff;
    font-size:17px;
    color:#185194;
}

.head-content .inline-block {
    box-sizing:border-box;
    text-align:center;
    padding:20px;
}

table#my-way-points {
    margin:-2px auto 0;
    border:0;
}

table#my-way-points tbody {
    border:1px solid #D1DCEA;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

table#my-way-points td:nth-of-type(2){
    font-weight:700;
    border-left:1px solid #fff;
}

@media screen and (max-width:830px){
    .my-way-table .head span.title {
        font-size:25px;
        line-height:25px;
    }
    .my-way-table .head span.sub-title {
        font-size:15px;
    }
}

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

    .my-way-table .mleft-20 {
        margin-left:0;
    }

    table#my-way-points td:nth-of-type(2){
        border-left:0;
    }

    table#my-way-points td:nth-of-type(1):before {
        content:"Points Redeemed";
        font-weight:700
    }

    table#my-way-points td:nth-of-type(2):before {
        content:"";
    }

    .my-way-table .inline-block > br {
        display: none;
    }

}

@media screen and (max-width:550px){
    .my-way-table .head .head-content a.btnYellow {
        margin-top:15px;
    }
}



/* Account Page */
.account-bg {
    background:#fff;
    background:-moz-linear-gradient(top,#9d9d9d 0%,#fff 11%,#fff 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#9d9d9d),color-stop(11%,#fff),color-stop(100%,#fff));
    background:-webkit-linear-gradient(top,#9d9d9d 0%,#fff 11%,#fff 100%);
    background:-o-linear-gradient(top,#9d9d9d 0%,#fff 11%,#fff 100%);
    background:-ms-linear-gradient(top,#9d9d9d 0%,#fff 11%,#fff 100%);
    background:linear-gradient(to bottom,#9d9d9d 0%,#fff 11%,#fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9d9d',endColorstr='#ffffff',GradientType=0)
}

.account-stats .welcome {
    border-bottom:1px solid #333
}

.account-stats .welcome h2 {
    font-weight:400
}

.account-stats .account-info {
    padding:20px 0
}

.account-stats p {
    margin-bottom:10px
}

.account-stats .btn {
    padding:10px 30px;
    margin:0 15px 15px 0
}

.account-stats .descriptors {
    font-family:"ff-meta-web-pro",arial;
    font-size:1.3em;
    color:#002144;
    font-weight:700
}

.account-stats .response {
    font-size:1.3em;
    color:#0060a9
}

.account-stats .account-edit {
    margin-top:25px
}

.account-stats .last-login {
    display:inline-block;
    *display:inline;
    zoom:1;
    color:#656868;
    font-size:1em
}

.card-descriptor {
    padding:5px;
    background:#002144;
    color:#fff;
    font-size:1em;
    text-transform:uppercase;
    margin: -25px auto 0;
    text-align:center;
    width:220px
}

.account-card {
    text-align:center
}

.account-card img {
    border-radius: 15px;
}

.points-exp {
    width:100%;
    background-color:#d1dcea;
    border:1px solid #90accc;
    text-align:center;
    padding-bottom:20px;
    margin:15px 0 25px
}

.points-exp-head {
    background-color:#002144;
    padding:8px 5px 10px;
    font-size:1.5em;
    color:#fff;
    text-transform:uppercase;
    text-align:center
}

.points-exp-head img {
    margin-bottom:-4px;
    margin-right:10px
}

.points-exp-desc {
    padding:20px 25px 5px
}

.tabs-menu {
    height:45px;
    float:left;
    clear:both;
    margin-left:20px;
    margin-bottom:-1px
}

.tabs-menu li {
    height:45px;
    line-height:25px;
    float:left;
    margin-right:10px;
    background-color:#ccc;
    border-top:1px solid #9e9e9e;
    border-right:1px solid #9e9e9e;
    border-left:1px solid #9e9e9e;
    list-style-image:none!important;
    padding:10px;
    font-weight:700;
    font-size:.9em
}

.tabs-menu li.current {
    position:relative;
    background-color:#fff;
    z-index:5
}

.tabs-menu li a {
    padding:10px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none
}

.tabs-menu .current a {
    color:#2e7da3
}

.tab {
    background-color:#fff;
    float:left;
    margin-bottom:50px;
    width:100%;
    text-align:center;
    border-top:1px solid #9e9e9e;
    border-bottom:1px solid #9e9e9e
}

.tab-content {
    padding:30px 20px;
    display:none
}

#tab-1 {
    display:block
}

.tab-content h2 {
    text-align:left;
    font-size:1.6em;
    line-height: 1.1em;
}

.statement-details {
    text-align:left;
    width:90%;
    margin:50px auto;
    border:1px solid #dbe1ed
}

.statement-head {
    background-color:#185194;
    padding:10px 10px 10px 58px;
    color:#fff;
    font-weight:700
}

.statement-head p {
    margin-bottom:0
}

.arrow-up {
    float:left;
    width:25px;
    display:inline-block;
    *display:inline;
    zoom:1;
    opacity:.7;
    margin-right:10px
}

.arrow-down {
    float:left;
    width:25px;
    display:inline-block;
    *display:inline;
    zoom:1;
    opacity:.7;
    margin-right:10px
}

p.statement-heading {
    margin-bottom:0;
    border:1px solid #dbe1ed
}

.statement-heading {
    background:#d1dcea;
    cursor:pointer;
    font-size:16px;
    width:100%;
    padding:12px 8px 12px 24px
}

.statement-heading.blue
{
    background:#d1dcea
}

.statement-heading.white
{
    background:#fff
}

.statement-heading:hover {
    background:#afbfd2
}

.statement-heading.blue.none
{
    cursor:default;
    background:#d1dcea
}

.statement-heading.white.none
{
    cursor:default;
    background:#fff
}

.statement-heading.none:hover {
    background:default;
}

.statement-content p {
    margin-bottom:10px
}

.statement-content a {
    color:#000!important;
    text-decoration:underline
}

.statement-content .sub-item {
    font-size:1em;
    border-bottom:1px solid #dbe1ed;
    padding:5px 8px 5px 45px;
    color:#666
}

.statement-details .points {
    text-align:center;
    float:right;
    margin-right:55px;
    width:150px
}

.statement-footer {
    padding:10px 5px;
    text-align:right;
    background-color:#d1dcea;
    font-weight:700
}

.statement-footer .available-points {
    color:#0060A9
}

.statement-history {
    padding:0 30px 0 50px;
    text-align:left
}

.statement-history-cta {
    padding-top:30px
}

.statement-history-cta .notIE {
    margin-right:10px;
}

.statement-history-cta .select-style {
    min-width:220px;
}

@media screen and (max-width:600px){
    .statement-history-cta .btn {
        margin-top:15px;
    }
}

label {
    position:relative;
    display:inline-block
}

select.select-style {
    display:inline-block;
    padding:4px 3px 5px 5px;
    width:100%;
    outline:none;
    color:#666;
    border:1px solid #666;
    border-radius:0;
    background-color:#fff;
    height:30px;
    -webkit-appearance:none;
    vertical-align:middle;
    margin-bottom:0;
    font-weight:200;
}

.notIE {
    /* width:100%;*/
    display:inline-block;
    vertical-align:middle;
   /* margin-bottom:20px;*/
}

.notIE label:after {
    content:'';
    width:23px;
    height:28px;
    position:absolute;
    display:inline-block;
    top:1px;
    bottom:1px;
    right:1px;
  background: url(../images/dd_arrow.png) no-repeat right center white;
    pointer-events:none
}

table.styled-table {
    width:100%;
    border-collapse:collapse;
    margin:20px auto;
    border:1px solid #d1dcea;
    font-size:16px;
    background:#fff
}

table.travel-activity {
    margin:0 auto 20px
}

table.search-results,table.my-order {
    font-size:15px
}

table.my-order tfoot td {
    padding-right:35px
}

table.styled-table tr:nth-of-type(even) {
    background:#d1dcea
}

table.styled-table th,table.styled-table tr.blue {
    background:#185194;
    color:#fff;
    font-weight:700
}

table.styled-table tr.blue td {
    padding:10px 25px
}

table.styled-table th,table.styled-table tr.blue .total{
    text-align:right;
}

table.styled-table td,table.styled-table th {
    padding:12px 16px;
    text-align:center
}

table.pooling-accounts td:nth-child(2),table.invitation-status td:nth-child(2) {
    text-align:center
}

table.styled-table thead th {
    border:0
}

table.styled-table tfoot td {
    border-right:1px solid #d1dcea!important;
    border-left:1px solid #d1dcea!important
}

table.styled-table tfoot tr {
    background:#fff!important
}

table.styled-table tfoot td {
    font-weight:700;
    text-align:right!important
}

table.styled-table tfoot td .points-text {
    width:150px;
    text-align:center;
    margin-right:7%;
    display:inline-block;
    *display:inline;
    zoom:1;
    color:#0060a9
}

table.pooling-accounts td:first-child,table.invitation-status td:first-child {
    border-right:1px solid #fff
}

table.pooling-accounts td:last-child,table.invitation-status td:last-child {
    border-left:1px solid #fff
}

table.invitation-status td:nth-child(3) {
    border-left:1px solid #fff
}

table.shopping-cart-table td:nth-child(2),table.shopping-cart-table thead th:nth-child(2) {
    padding-left:20px;
    text-align:left
}

table.shopping-cart-table {
    width:100%;
    font-size:14px
}

table a.underline {
    text-decoration:underline
}

table.shopping-cart-table img {
    width:70px
}

table.shopping-cart-table td {
    vertical-align:middle;
    padding:12px 15px
}

table.shopping-cart-table td:first-child {
    padding:3px 10px
}

table.shopping-cart-table td:first-child img {
    border:1px solid #333;
    vertical-align:middle;
    max-width:70px
}

table.styled-table tfoot tr td {
    border-top:1px solid #d1dcea
}

table.shopping-cart-table td:nth-of-type(6) .cart-btn {
    display:block
}

table.shopping-cart-table td:nth-of-type(6) a {
    display:block
}

table.shopping-cart-table tfoot td:first-child {
    font-size:16px;
    padding:15px 30px;
    font-weight:400;
    background:#185194;
    color:#fff
}

.chart {
    display:inline-block;
    *display:inline;
    zoom:1;
    background:url(../images/stripe-pattern.png) repeat;
    border:1px solid #fff;
    width:250px;
    height:25px;
    padding:0;
    vertical-align:middle;
    margin-left:25px
}

.chart div {
    font:10px sans-serif;
    background-color:#D1DCEA;
    text-align:right;
    height:23px;
    margin:0;
    color:#fff
}

table.my-order td:first-child,table.my-order th:first-child,table.search-results td:first-child,table.search-results th:first-child {
    text-align:left
}

table.email-preview {
    max-width:660px;
    width:100%;
    margin:0 auto
}

table.email-preview td {
    border:1px solid #e3e3e3;
    padding:5px 10px;
    color:#666;
    font-size:14px
}

table.email-preview td.title {
    width:100px
}

.mail-viewer {
    max-width:660px;
    margin:0 auto;
    padding:5px;
    overflow:auto;
    width:100%;
    border:1px solid #e3e3e3;
    text-align:center
}

@media only screen and (max-width: 700px) {
table,thead,tbody,th,td,tr {
    display:block
}

thead tr {
    position:absolute;
    top:-9999px;
    left:-9999px
}

table.styled-table td {
    border:none;
    border-bottom:1px solid #d1dcea;
    position:relative;
    min-height:45px;
    font-size:13px
}

table.styled-table tr:nth-of-type(even) td {
    border-bottom:1px solid #fff
}

table.styled-table td:first-child {
    border-right:none
}

table.styled-table td:last-child {
    border-left:none
}

td:before {
    position:absolute;
    left:6px;
    padding-right:10px;
    white-space:nowrap
}

table.styled-table td,table.styled-table th,table.styled-table td:nth-child(2),table.styled-table th:nth-child(2) {
    text-align:right
}

table.styled-table tfoot {
    text-align:right
}

table.styled-table tfoot td {
    border:0!important;
    text-align:right;
    padding:12px 6px
}

table.styled-table tfoot td .points-text {
    margin-right:0;
    width:110px;
    text-align:right
}

table.pooling-accounts td:nth-of-type(1):before {
    content:"Type";
    font-weight:700
}

table.pooling-accounts td:nth-of-type(2):before {
    content:"Name";
    font-weight:700
}

table.pooling-accounts td:nth-of-type(3):before {
    content:"Points";
    font-weight:700
}

table.pooling-accounts tfoot td:nth-of-type(1):before {
    content:""
}

table.invitation-status td:nth-of-type(1):before {
    content:"Date Sent";
    font-weight:700
}

table.invitation-status td:nth-of-type(2):before {
    content:"Person";
    font-weight:700
}

table.invitation-status td:nth-of-type(3):before {
    content:"Status";
    font-weight:700
}

table.invitation-status td:nth-of-type(4):before {
    content:"Cancel";
    font-weight:700
}

table.travel-activity td:nth-of-type(1):before {
    content:"Date";
    font-weight:700
}

table.travel-activity td:nth-of-type(2):before {
    content: "Reason";
    display: block;
    font-weight: 700;
    left: 0px;
    position: relative;
    text-align: left;
}

table.travel-activity td:nth-of-type(3):before {
    content:"Transaction Amount";
    font-weight:700
}

table.travel-activity td:nth-of-type(4):before {
    content:"Point Value";
    display: block;
    font-weight: 700;
    left: 0;
    position: relative;
    text-align: left;
    margin-bottom:5px
}

table.travel-activity td:nth-of-type(2) {
    text-align:left;
    padding-left:5px;
}

table.travel-activity td:nth-of-type(4) {
    text-align:left;
    padding-left:5px;
}
table.travel-activity td:nth-of-type(5):before {
    content:"Redeem";
    font-weight:700
}

table.travel-checkout td:before {
    position:relative;
    text-align:left;
    display:block;
    left:0;
}

.styled-table.travel-checkout span {
    display:block;
    text-align:left;
}

table.travel-checkout td:nth-of-type(1):before {
    content:"Transaction Date";
    font-weight:700;
}

table.travel-checkout td:nth-of-type(2):before {
    content:"Travel Vender";
    font-weight:700
}

table.travel-checkout td:nth-of-type(3):before {
    content:"Transaction Amount";
    font-weight:700
}

table.shopping-cart-table td:nth-of-type(1) {
    text-align:center
}

table.shopping-cart-table td:nth-of-type(1):before {
    content:"";
    font-weight:700
}

table.shopping-cart-table td:nth-of-type(2) {
    padding-left:115px
}

table.shopping-cart-table td:nth-of-type(2):before {
    content:"Item Description";
    font-weight:700
}

table.shopping-cart-table td:nth-of-type(3):before {
    content:"Quantity";
    font-weight:700
}

table.shopping-cart-table td:nth-of-type(4):before {
    content:"Point Value";
    font-weight:700
}

table.shopping-cart-table td:nth-of-type(5):before {
    content:"Points Needed";
    font-weight:700
}

table.shopping-cart-table td:nth-of-type(6) .cart-btn {
    float:right;
    display:inline-block
}

table.shopping-cart-table td:nth-of-type(6) a {
    float:left;
    display:inline-block
}

table.shopping-cart-table td:nth-of-type(6):before {
    content:"";
    font-weight:700
}

.chart {
    margin-left:0;
    margin-top:10px
}

table.shopping-cart-table tfoot td:first-child {
    text-align:center!important;
    padding:20px 10px
}

table.points-earned td:nth-of-type(1):before {
    content:"Date";
    font-weight:700
}

table.points-earned td:nth-of-type(2):before {
    content:"Reason";
    font-weight:700
}

table.points-earned td:nth-of-type(3):before {
    content:"Transaction Amount";
    font-weight:700
}

table.points-earned td:nth-of-type(4):before {
    content:"Expires";
    font-weight:700
}

table.points-earned td:nth-of-type(5):before {
    content:"Points";
    font-weight:700
}

table.points-earned tfoot td:nth-of-type(1):before {
    content:""
}

table.other-pool-earned td:nth-of-type(1):before {
    content:"Account Type";
    font-weight:700
}

table.other-pool-earned td:nth-of-type(2):before {
    content:"Name on RBC Bank Card";
    font-weight:700
}

table.other-pool-earned td:nth-of-type(3):before {
    content:"Points Earned";
    font-weight:700
}

table.other-pool-earned tfoot td:nth-of-type(1):before {
    content:""
}

table.points-redeemed td:nth-of-type(1):before {
    content:"Redeem Date";
    font-weight:700
}

table.points-redeemed td:nth-of-type(2):before {
    content:"Reward Item";
    font-weight:700
}

table.points-redeemed td:nth-of-type(3):before {
    content:"Quantity";
    font-weight:700
}

table.points-redeemed td:nth-of-type(4):before {
    content:"Fullfillment Status";
    font-weight:700
}

table.points-redeemed td:nth-of-type(5):before {
    content:"Fullfillment Date";
    font-weight:700
}

table.points-redeemed td:nth-of-type(6):before {
    content:"Points Redeemed";
    font-weight:700
}

table.points-redeemed tfoot td:nth-of-type(1):before {
    content:""
}

table.other-pool-redeemed td:nth-of-type(1):before {
    content:"Account Type";
    font-weight:700
}

table.other-pool-redeemed td:nth-of-type(2):before {
    content:"Name on RBC Bank Card";
    font-weight:700
}

table.other-pool-redeemed td:nth-of-type(3):before {
    content:"Points Earned";
    font-weight:700
}

table.other-pool-redeemed tfoot td:nth-of-type(1):before {
    content:""
}

table.expired-points td:nth-of-type(1):before {
    content:"Date";
    font-weight:700
}

table.expired-points td:nth-of-type(2):before {
    content:"Points Expired";
    font-weight:700
}

table.expired-points tfoot td:nth-of-type(1):before {
    content:""
}

table.my-order td:nth-of-type(1):before {
    content:""
}

table.my-order td:nth-of-type(1) {
    text-align:center;
    font-weight:700
}

table.my-order td:nth-of-type(2):before {
    content:"Quantity";
    font-weight:700
}

table.my-order td:nth-of-type(3):before {
    content:"Point Value";
    font-weight:700
}

table.my-order td:nth-of-type(4):before {
    content:"Total Points";
    font-weight:700
}

table.search-results td:nth-of-type(1) {
    padding-left:8px
}

table.search-results td:nth-of-type(2):before {
    content:"Point Value:";
    font-weight:700
}

table.search-results td:nth-of-type(2) {
    text-align:left;
    padding-left:90px
}


table.master-account td:nth-of-type(1) {
    padding-left:8px;
    text-align:left;
}

table.master-account td:nth-of-type(2):before {
    content:"Ending";
    font-weight:700
}

table.master-account td:nth-of-type(3):before {
    content:"Balance";
    font-weight:700
}

table.master-account td:nth-of-type(4):before {
    content:"Combine";
    font-weight:700
}

table.master-accounts td:nth-of-type(2) {
    text-align:left;
    padding-left:90px
}

table.master-account td.save-td:before {
    content:"";
}

table.authorized-users td:nth-of-type(1) {
    padding-left:8px;
    text-align:left;
}

table.authorized-users td:nth-of-type(2):before {
    content:"Eligible?";
    font-weight:700
}

}

table.master-account th:nth-of-type(1),
table.master-account td:nth-of-type(1),
table.authorized-users th:nth-of-type(1),
table.authorized-users td:nth-of-type(1) {
    text-align:left;
}

table.authorized-users label,
table.master-account label
{
    display:inline-block;
    margin-left:5px;
    margin-right:8px;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) {
.notIE label:after {
    display:none
}
}

.new-featured .small {
    font-size:.9em;
    color:#0060a9;
    margin-bottom:2px
}

.new-featured img {
    padding-right:5px;
    width:650px
}

.new-featured .span_1_of_3 {
    padding-top:22px
}

.special-offer-container {
    border:1px solid #333;
    background:#878787;
    background:-moz-linear-gradient(top,#878787 0%,#fff 50%,#fff 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#878787),color-stop(50%,#fff),color-stop(100%,#fff));
    background:-webkit-linear-gradient(top,#878787 0%,#fff 50%,#fff 100%);
    background:-o-linear-gradient(top,#878787 0%,#fff 50%,#fff 100%);
    background:-ms-linear-gradient(top,#878787 0%,#fff 50%,#fff 100%);
    background:linear-gradient(to bottom,#878787 0%,#fff 50%,#fff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#878787',endColorstr='#ffffff',GradientType=0)
}

.special-offer-container {
    max-width:335px;
    height:156px
}

.special-offer-container .special-offer {
    display:inline-block;
    width:50%;
    vertical-align:top;
    padding:20px 0 0 20px
}

.special-offer-container .special-offer p {
    font-family:"ff-meta-web-pro",arial;
    font-weight:700
}

.special-offer-container .special-offer-img {
    display:inline-block;
    width:47%;
    text-align:right;
    vertical-align:bottom;
    padding-right:8px
}

.special-offer-container .special-offer-img img {
    margin-bottom:-5px;
    padding-top:5px
}

.special-offer-container p.small {
    font-size:.9em;
    color:#333;
    margin-bottom:-2px
}

.special-offer-container p.offer {
    font-size:1.5em;
    color:#002144;
    font-size:bold
}

.special-offer a {
    font-size:1em;
    font-weight:700
}

/****** POOLING POINTS ********/
.pooling-img {
    text-align:right
}

.pooling-description {
    margin-top:35px
}

.pooling-description p {
    font-size:1.15em;
    line-height:1.8em;
    margin:30px 0;
    max-width:370px
}

/****** MY WAY REWARDS ********/
.way-chart {
    max-width:800px;
    border:1px solid #D0DCEA;
    margin:25px 0
}

.way-chart-head {
    text-align:center;
    background-color:#185194;
    padding:10px 0;
    color:#fff;
    font-weight:700
}

.way-section {
    padding:10px 30px
}

.way-chart .white {
    background-color:#fff
}

.way-chart .blue {
    background-color:#D0DCEA
}

.way-chart .points {
    float:right;
    margin-right:20px;
    font-weight:700
}

/****** MAIN ********/
#leftSidebar {
    float:left;
    padding-right:20px;
    width:25%
}

#visaRewardSidebar {
    float:left;
}


#leftSidebar ul {
    padding:0
}

#leftSidebar li {
    list-style-type:none;
    list-style-image:none
}

#main {
    float:left;
    width:75%
}

/****** EXTRA INFO ********/
#extraInfo {
    padding:30px 0;
    background:url(../images/imgBlue.jpg) center top no-repeat #2f79c0;
    text-align:center;
    color:#fff
}

#extraInfo h3 {
    margin-bottom:20px;
    font-size:4.4375em;
    color:#fff;
    text-transform:uppercase;
    line-height:55px
}

#extraInfo p {
    text-align:left;
    color:#fff;
    margin-bottom:30px;
    max-width:750px;
    margin:25px auto
}

#extraInfo .textYellow {
    font-size:0.75em
}

/****** SHARED ********/
#footer {
    background-color:#373737
}
#footer a {
    color:#fddf01;
}

#footer .container {
    padding:0 20px;
    max-width:950px
}

/****** LEFT SIDEBAR ********/
.cartContainer,.wishListContainer {
    overflow:hidden;
    margin-bottom:15px;
    border:1px solid #ccd4e5;
    background-color:#fff
}

.cartContainer {
    padding:10px;
    border-top:5px solid #ccd4e5;
    text-align:center;
    color:#0060a9
}

.cartContainer .cartContainerHead p {
    line-height:36px;
    font-weight:700;
    text-transform:uppercase;
    color:#0060a9;
    padding:0 5px;
    display:inline-block;
    margin-bottom:0
}

.cartContainer .cartContainerHead img {
    display:inline-block;
    vertical-align:middle;
    padding-bottom:6px
}

.cartContainerContent p {
    font-size:.8em;
    color:#002144!important;
    margin-bottom:8px;
    line-height:19px
}

.cartContainer .icon-shopping-cart,.wishListContainer .icon-gift {
    font-size:2em;
    color:#0060a9
}

.wishListContainer p {
    padding:10px;
    font-size:.8em;
    color:#000;
    margin-bottom:8px;
    line-height:19px
}

.congratsMessage {
    margin-bottom:20px;
    text-align:center;
    font-weight:700
}

ul#ecommerceBar .icon-shopping-cart a,ul#ecommerceBar .icon-gift a {
    vertical-align:middle;
    display:inline-block;
    margin-top:-5px
}

.containerRule {
    border-bottom:2px dotted #ccd4e5;
    margin:8px auto
}

.wishListContainer .wishListBar {
    overflow:hidden;
    padding:0 20px;
    background-color:#ccd4e5;
    height:35px
}

.wishListContainer .wishListBar img {
    display:inline-block;
    vertical-align:middle;
    padding-bottom:6px
}

.wishListContainer .wishListBar p {
    line-height:36px;
    font-weight:700;
    text-transform:uppercase;
    color:#0060a9;
    padding:0 5px;
    display:inline-block;
    margin-bottom:0
}

.wishListContainer .wishListFoot {
    padding:10px;
    height:50px;
    text-align:center
}

.wishListBar .btn {
    padding:5px 10px
}

.wishListContainer li {
    padding:10px 15px;
    border-bottom:2px dotted #ccd4e5;
    font-weight:700;
    font-size:.85em
}

.wishListContainer li:last-child {
    border-bottom:none
}

.cart-btn {
    display:inline-block;
    padding:2px 15px;
    margin-bottom:5px;
    background:#0060a9;
    color:#fff!important;
    border-radius:5px;
    font-size:.8em;
    font-weight:700;
    cursor:pointer
}

.cart-btn:hover {
    background:#015493
}

.cart-btn.left {
    margin-right:20px
}

.currentCategory {
    margin-bottom:25px
}

.currentCategory .categoryHead {
    text-transform:uppercase;
    color:#002144;
    margin-bottom:10px
}

.currentCategory .category-item {
    padding:5px 15px;
    background:#f2f2f2;
    margin-bottom:5px
}

.currentCategory .category-item p {
    color:#0060aa;
    font-weight:700;
    font-size:.85em;
    display:inline-block;
    vertical-align:middle;
    margin-bottom:0
}

.currentCategory .category-item .category-exit {
    width:17px;
    height:15px;
    cursor:pointer;
    background:url(../images/category-exit.png);
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
}

.currentCategory .category-item .category-exit:hover {
    opacity:.8
}

/****** PRODUCTS ITEM VIEW ********/
#productView h2 {
    margin-bottom:10px;
    padding-bottom:10px;
    font-size:1.4em;
    border-bottom:1px solid #d1dcea
}

#productView h3 {
    margin-bottom:10px;
    font-size:1.35em;
    text-transform:none
}

#productView h4 {
    font-size:1em
}

#productInfo {
    margin-bottom:20px
}

#productView #productInfo p.small {
    margin-bottom:3px
}

#shoppingBtns {
    margin-bottom:15px;

}

#shoppingBtns .btn,#shoppingBtns .btnLight {
    padding:6px 25px
}

#shoppingBtns .btn {
    margin-bottom:15px
}

#shoppingBtns .btnLight {
    float:right
}

#shoppingBtns .btn img {
    display:inline-block;
    margin-right:10px;
    vertical-align:middle
}

#shoppingBtns .btnLight img {
    display:inline-block;
    margin-right:10px;
    vertical-align:middle
}

#optionsBox {
    margin-bottom:25px;
    padding:10px 30px;
    background-color:#f0f2f7
}

#productView #productInfo ul {
    margin-left:15px
}

.selectList {
    padding:10px 0
}

.selectList label {
    font-weight:700
}

#shoppingBtns .btn,#shoppingBtns .btnLight {
    display:inline-block;
    vertical-align:top
}

.btnText {
    line-height:22px;
    padding-top:2px;
    vertical-align:middle
}

#productPhoto,#productInfo {
    float:left
}

#productPhoto {
    width:45%
}

#productInfo {
    width:55%
}

#productPhoto a {
    font-size:.7em;
    font-weight:700
}

.magnify {
    position:relative
}

#productPhoto .small-product {
    max-width: 100%;
}

@media (min-width: 651px) {
    #productPhoto {
        width:42%;
        margin-right: 3%;
    }
}

.small-product {
    display:block
}

.large {
    width:200px;
    height:200px;
    position:absolute;
    box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);
    border-radius:100%;
    z-index:10;
    display:none
}

ul.features {
    margin-left:30px!important
}

/****** PRODUCTS ITEM VIEW ********/
ul.pooling {
    margin:25px 0 30px;
    list-style:disc inside none
}

ul.pooling li {
    list-style-image:url(../images/list-circle.png);
    list-style-position:inside;
    padding-left:20px;
    text-indent:-.85em;
    margin-bottom:10px
}

.gridItem {
    float:left;
    width:33%;
    height:280px;
    text-align:center;
    padding:0 7px
}

.gridItem img {
    margin-bottom:7px;
    max-height:220px;
    max-width:274px;
    width:auto
}

.prodName {
    font-weight:700;
    color:#002144;
    font-size:.85em
}

.prodName,.prodPoints {
    display:block;
    padding:0 7px;
    text-align:left
}

.prodPoints {
    color:#666;
    font-size:.85em
}

/****** FOOTER ********/
#footer {
    padding:30px 0;
    border-top:1px solid #fff;
    color:#fff;
    font-size:.8em
}

#footer .container {
    padding:0 20px;
    max-width:950px
}

#footer .column {
    padding:0 40px
}

#navFooter {
    float:right
}

#footer .column ul li {
    list-style-image:none
}

#legal,#notice {
    clear:both;
    max-width:310px;
}

/** Reward Grid **/
#merchantHeader {
    padding:0 10px 30px;
    border-bottom:3px solid #ccd4e5
}

#merchantHeader h2,#merchantHeader h1 {
    margin-bottom:0;
    display:inline-block;
    font-family:"ff-meta-web-pro",arial;
    font-size:2em;
    color:#002144;
    font-weight:700;
    line-height:27px
}

.countryFilter,.sortFilter {
    float:right
}

.sortFilter > select,.countryFilter > select {
    vertical-align:top;
    margin:0 5px
}

.catalogGrid .gridItem {
    min-width:250px;
    width:100%;
    float:left;
    text-align:center;
    min-height:280px;
    padding:5px
}

.catalogGrid .gridItem img {
    margin-bottom:7px;
    height: auto
}

.catalogGrid .gridItem .prodName,.catalogGrid .gridItem .prodPoints {
    text-align:left;
    display:block
}

.prodName {
    font-weight:700;
    color:#002144;
    font-size:.85em;
    border-top:3px solid #ccd4e5;
    padding:7px 7px 0
}

.prodPoints {
    color:#666;
    font-size:.85em;
    padding:0 7px
}

/*
#pagingTagHeader {
    display:none;
}
*/
/****** RESPONSIVE MEDIA QUERY ********/
/* For screen bigger than 800px */
@media (min-width: 50em) {
/* Positioning the icons and preparing for the animation*/
.nav i {
    font-size:1em
}

/* Animate the box-shadow to create the effect */
.no-touch .nav a:hover i,.no-touch .nav a:active i,.no-touch .nav a:focus i {
    box-shadow:0 0 0 0 rgba(255,255,255,0.2);
    -webkit-transition:box-shadow .4s ease-in-out;
    -moz-transition:box-shadow .4s ease-in-out;
    -o-transition:box-shadow .4s ease-in-out;
    -ms-transition:box-shadow .4s ease-in-out;
    transition:box-shadow .4s ease-in-out
}
}

/* The "tablet" and "mobile" version */
@media (max-width: 1200px) {
.caption-content {
    width:500px;
    height:230px;
    line-height:40px;
    padding:25px 30px
}

.caption-content  h1 {
    font-size:2.3em;
    margin-bottom:10px;
    line-height:35px
}

.caption-content  p {
    margin-bottom:20px;
    font-size:2.1em;
    line-height:35px
}

.caption-content  a {
    font-size:1.2em
}
}

@media (max-width: 1050px) {

.shopBar ul li a {
    width:165px
}

.shopBar ul ul li {
    width:165px
}

}

@media (max-width: 1080px) {
#mainContent {
    padding:20px
}

#breadCrumb {
    padding:10px 10px 6px
}

#intro h2 {
    font-size:2.4em
}

.grid-left-sm,.grid-right-sm {
    width:20%
}

.grid-right,.grid-left {
    width:70%
}

.grid-left-sm,.grid-left {
    margin-right:5em
}

.grid-2 {
    width:48%
}

.wishListFoot {
    height:70px
}
}

@media (max-width: 990px) {
#rewardsIcon {
    margin-top:30px
}

.reward-icons {
    margin-right:0
}

.icon-col-1 {
    padding-right:10px
}

.searchRewards input {
    width:20%
}

.cart-btn.left {
    margin-right:0
}

#shoppingBtns .btnLight {
    float:none
}

#wishListContainer .wishListFoot {
    height:70px
}
}

@media (max-width: 980px) {
.grid li {
    min-height:275px
}

#extraInfo h1 {
    line-height:53px
}

#column1 {
    padding-right:2em
}

#rewardsIcon img {
    max-width:80%
}

.special-offer-container p.small {
    font-size:.7em
}

.special-offer-container p.offer {
    font-size:1.3em
}

.special-offer a {
    font-size:.9em
}

.new-featured .span_1_of_3 {
    padding-top:0
}
}

@media (max-width: 985px) {
#header {
    height:188px
}

#rewardsText {
    width:50%
}

#rewardsText,#rewardsIcon {
    padding:0
}

#rewardsIcon img {
    max-width:50%
}

#column1 {
    padding:0
}

#navBar {
    background-color:#0b396b
}

nav .logo {
    padding:7px 0 0;
    width:35px
}


.caption-content  p {
    line-height:30px
}

.owl-item {
    border:none
}

#header .logo {
    padding-bottom:25px
}
}

@media (max-width: 915px) {
h1 {
    font-size:2.2em
}

h3 {
    font-size:1.5em
}

.bannerCaption .headerSmall {
    line-height:22px
}

.bannerCaption p {
    font-size:1.4em;
    line-height:25px;
    max-width:425px
}

.bannerCaption {
    position:absolute;
    left:0;
    top:0;
    width:100% !important;
    height:100%
}

.caption-content  p {
    margin-bottom:7px
}

.caption-content  {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}


.textCenter {
    text-align:center
}

#extraInfo h1 {
    line-height:42px;
    font-size:3.5em
}

#rewardsText,#rewardsIcon {
    width:100%
}

#rewardsIcon .column {
    padding-top:30px;
    width:50%
}

#rewardsIcon img {
    max-width:100%
}

#intro h2 {
    font-size:2.2em;
    line-height:35px
}

.reward-controls {
    display:none
}

.desktop-only {
    display:none
}

.mobile-only {
    display:inline-block
}

.redeem-rewards {
    text-align:center
}

.redeem-rewards .col {
    margin:1% 0
}

.redeem-rewards .span_2_of_2 {
    width:100%
}

.redeem-rewards .span_1_of_2 {
    width:100%
}

.redeem-description {
    margin-top:20px
}

.redeem-description p {
    max-width:100%
}

.reward-icons {
    margin:35px auto;
    max-width:440px
}

.icon-col-1 {
    padding-right:60px;
    float:left;
}

.caption-content  {
    padding:15px;
    text-align:center
}

#extraInfo p {
    text-align:center
}

.rewards h2 {
    text-align:center;
    padding:0 0 20px
}

#contentBanner {
    height:215px
}

.bannerCaption {
    top:0
}

.statement-details {
    width:100%
}

.grid-right,.grid-left {
    width:60%;
    float:left
}

.grid-left-sm,.grid-right-sm {
    width:25%
}

.grid-2 p {
    max-width:570px;
    margin:15px auto
}

.caption-content  {
    margin-left:0;
    padding:0;
    height:100%;
}

.caption-content {
    width:100%;
    height:100%;
    padding:40px 15px;
}
.noEcertBanner{
    left: 0 !important;
}
}

@media (max-width: 901px) {
ul.navbar-nav {
    display:block
}

#navBar,#header,#leftSidebar,.searchBar {
    display:none
}

.navbar {
    display:block
}

#sb-site {
    padding-top:59px
}

.gridItem img {
    max-width:100%
}

#main {
    width:100%
}

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

.tablet-only {
  display: block;
}
}

@media (max-width: 900px) {

br {
    display:none;
}

h3.extra-info span.textYellow {
    display:block;
}

h3.extra-info {
     font-size: 3.4375em !important;
     line-height: 45px;
}

#extraInfo p {
    text-align:center;
    font-size:15px;
}

#extraInfo a.btnOutline {
    display:block;
    margin:0 auto 10px;
}

.searchRewards {
    margin-left:0
}

.account .col {
    margin:1% 0
}

.account .span_2_of_2 {
    width:100%
}

.account .span_1_of_2 {
    width:100%
}

.account-stats {
    text-align:center
}

.account-stats .welcome {
    max-width:100%
}

.account-stats .btn {
    margin:0 auto 15px
}

.account-stats .last-login {
    display:block
}

.points-exp-desc {
    padding:20px 30px 5px
}

.tab-content h4 {
    text-align:center
}

.statement-history {
    padding:0 20px;
    text-align:center
}

.statement-history-cta {
    padding-top:0
}



.new-featured .col {
    margin:1% 0
}

.new-featured .span_2_of_3 {
    width:100%;
    text-align:center
}

.new-featured .span_1_of_3 {
    width:100%;
    text-align:center
}

.special-offers .col {
    margin:1% 0
}

.special-offers .span_1_of_3 {
    width:100%
}

.special-offers .special-offer-container {
    margin:0 auto
}

.special-offers {
    margin:20px auto
}

}

@media (max-width: 750px) {

#legal, #notice {
    padding-top: 20px;
}

.card {
    width:100%;
    float:none
}

.or {
    float:none;
    margin:35px auto;
    height:81px;
    width:200px;
    background:url(./images/or-separator-mobile.png)
}

#faq-main {
    width:100%
}

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

.span_5_of_7 {
    width:100%
}
}

@media (max-width: 700px) {
h3 {
    font-size:1.4em;
    line-height:23px;
    margin-bottom:5px
}

.caption-content {
    padding:19px
}

.caption-content h1 {
    margin-bottom:0;
    font-size:1.7em
}

.caption-content p {
    margin-bottom:5px;
    font-size:1.5em
}

.caption-content {
    padding:30px 15px;
    height:300px;
}

.bannerCaption h1 {
    font-size:25px;
}

.column {
    float:left;
    padding:30px 40px 0 0
}

.grid li {
    min-height:248px
}

#intro {
    padding:20px 0
}

#rewardsIcon img {
    max-width:50%
}

#rewardsIcon .column {
    padding-right:0;
    width:46%
}

.form-contact input[type="text"],.form-contact textarea {
    width:100%
}

.grid-right,.grid-left,.grid-left-sm,.grid-right-sm {
    float:none;
    text-align:center;
    width:100%
}

.grid-odd img {
    max-width:30%
}

.grid-left-sm,.grid-right-sm {
    margin-bottom:15px
}

.grid li {
    min-height:227px
}

.grid li {
    margin-bottom:10px;
    padding:0;
    border:none;
    width:98%
}

.grid figcaption {
    position:absolute;
    left:0;
    padding:15px;
    background-color:#ACB4C5
}

.grid figure img {
    max-width:100%
}

.gridItem {
    width:50%
}

.points-exp {
    margin-bottom:20px
}

.points-exp-head {
    font-size:1.2em
}

.points-exp-head img {
    margin-right:7px
}

.statement-details .points {
    width:130px;
    margin-right:15px
}

.statement-details .statement-head {
    padding:10px;
}

.statement-details .statement-heading {
    font-size:.9em;
    padding:12px 8px
}

.statement-details .sub-item {
    font-size:.9em
}

.statement-details .statement-footer {
    font-size:.9em;
    text-align:left;
    padding:10px;
}

.tabs-menu li {
    line-height:20px
}

ul.tabs-menu {
    margin-left:0
}

ul.tabs-menu li a {
    font-size:.8em;
    padding:0
}

#merchantHeader .sortFilter {
    float:none;
    margin:20px auto 0
}

#merchantHeader {
    text-align:center
}

#productView #productInfo p.small {
    display:none
}

.btn-container .btnLight {
    float:none
}
}

@media (max-width: 690px) {
#utilityBar li.btnEdit {
    display:none
}

#extraInfo h1 {
    font-size:2.5em;
    line-height:30px
}

.btnOutline {
    margin:0 15px 10px 0
}

#contentWrapper ul {
    padding:0
}
}

@media (max-width:650px) {

    h3.extra-info {
         font-size: 2.4375em !important;
         line-height: 35px !important;
    }

    #extraInfo p {
        font-size:14px;
    }


#shoppingBtns .btn,#shoppingBtns .btnLight,#shoppingBtns .btnYellow {
    display:block;
    margin-bottom:10px;
    margin-right:0
}

#productPhoto {
    text-align:center
}

#productPhoto,#productInfo {
    float:none;
    width:100%
}
}

@media (max-width:640px) {
#footer .column {
    padding:0;
    float:none;
    margin-top:10px;
}

#navFooter {
    float:none;
    display:block;
    margin-top:20px;

}

#footer .column ul {
 margin-left:0;
}
}

@media (max-width:600px) {

.icon-col-1 {
    float:none;
}

.grid-2-sm {
    width:100%;
    margin-bottom:25px;
    position: relative;
    z-index: 99999;
}

.grid-2-sm .btn {
    margin-bottom:20px
}

#intro {
    padding:15px 0 0!important
}

.reward-icons {
    text-align:center;
    max-width:none
}

.icon-col-1 {
    padding-right:0
}

.learn-more {
    width:100%;
}

.points-exp .btn {
    display:block;
    width:80%;
    margin:10px auto
}

.mobile-only-xs {
  display: block;
}

.tablet-only {
  display: none;
}

}

@media (max-width: 550px) {
.bannerCaption {
    padding:20px 30px
}

h1 {
    font-size:1.6em;
    margin-bottom:3px
}

.bannerCaption p {
    font-size:15px;
    line-height:22px
}

.bannerCaption .headerSmall {
    font-size:.6em;
    line-height:15px
}

#rewardsIcon .column {
    padding:30px 0 0;
    width:50%
}

#navFooter {
    float:none
}

.shopBar {
    max-height:100%
}

.shopBar ul {
    width:100%;
    float:none;
    cursor:pointer;
}

.shopBar ul li {
    float:none;
    border-right:0;
    border-bottom:1px solid #fff
}

.shopBar ul li a {
    width:100%
}

.shopBar ul ul {
    position:relative;
    top:0
}

.shopBar ul ul li {
    width:100%;
    background-color:#c2cddb
}

#productPhoto {
    padding-bottom:20px
}

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

.sortFilter {
    float:none;
    text-align:center;
    margin-top:15px
}

#merchantHeader h1 {
    line-height:35px
}

.desktop-only-550 {
    display:none
}
}

@media (max-width: 550px) {
#header #ecommerceBar li {
    display:block;
    border:none;
    line-height:22px
}

#contentBanner {
    height:170px
}

.container.account {
    padding:0!important
}

.arrow-down,.arrow-up {
    opacity:0;
    width:0
}

.statement-content .sub-item {
    padding:5px 8px 5px 20px
}

.statement-content .statement-heading {
    padding:12px 2px
}

.points-exp-desc {
    padding:20px 10px 5px
}

select.select-style
{
    width:100% !important;
}

}

@media (max-width: 480px) {
body #mainContent {
    font-size:.85em
}

.pointsDisplay,#header {
    display:none
}

#intro {
    padding:20px 0 10px
}

.grid li {
    margin-bottom:30px;
    width:98%
}

h3 {
    margin:0;
    font-size:1.35em;
    line-height:23px
}

#extraInfo {
    padding:20px 0
}

#extraInfo h1 {
    margin-bottom:20px;
    font-size:2.25em;
    line-height:33px
}

#navFooter {
    float:none
}


#rewardsIcon .column {
    padding:20px 0 0
}

.caption-content {
    padding:20px 10px
}

.caption-content  h1 {
    font-size:1.5em;
    line-height:1.2em;
    margin-bottom:8px
}

.caption-content p {
    font-size:1.2em;
    line-height:20px
}

.caption-content a {
    font-size:1em
}

.account-stats .response {
    display:block
}

.tab-content {
    padding:20px 0
}

.statement-details .points {
    float:right;
    text-align:left;
    font-weight:700;
    margin-right:0;
    margin-left:10px;
    display:inline-block;
    width:auto;

}



.way-section {
    padding:10px 15px;
    font-size:12px
}

.way-chart .points {
    float:right;
    margin-right:5px
}
}

@media (max-width: 440px) {
.form input[type="text"],.form input[type="password"], .form textarea[typeof="text"] {
    width:100%;
    margin-top: 2px;
}

div.form {
    padding-left: 4px;
}

.form label {
    margin-bottom: 12px;
}

.email-field {
    margin-bottom: 13px;
    display: inline-block;
}

#txtCard1Block2 {
    margin-left: 4px;
}

#txtCard1Block3 {
    margin-left: 5px;
}

#txtCard1Block4 {
    margin-left: 6px;
}

}

@media (max-width: 430px) {
.col {
    margin:1% 0
}

.span_1_of_1 {
    width:100%
}

.span_2_of_2 {
    width:100%
}

.span_1_of_2 {
    width:100%
}

.span_3_of_3 {
    width:100%
}

.span_2_of_3 {
    width:100%
}

.span_1_of_3 {
    width:100%
}
}

@media (max-width: 400px) {
h3 {
    margin-bottom:2px;
    line-height:22px
}

.btn {
    padding:10px 20px
}
}

@media (max-width: 360px) {
#ecommerceBar {
    display:none
}

h3 {
    font-size:1.4em;
    line-height:25px
}

}

@media (max-width: 320px) {
.grid li {
    width:98%
}

#extraInfo h1 {
    font-size:2em;
    line-height:27px
}

#rewardsIcon {
    font-size:.9em
}
}

/* SLIDEBARS */
@media(max-width:480px) {
.sb-slidebar {
    width:70%
}
}

@media(min-width:481px) {
.sb-slidebar {
    width:55%
}
}

@media(min-width:768px) {
.sb-slidebar {
    width:40%
}
}

@media(min-width:992px) {
.sb-slidebar {
    width:30%
}
}

@media(min-width:1200px) {
.sb-slidebar {
    width:20%
}
}

.validationSummary {
    font-size:15px;
    line-height:140%;
    max-width:1000px;
    width:100%;
    padding-top:20px;
    margin:0 auto;
}

.validationSummary ul
{
 margin-left:0px;
}

.validationSummary li {
    color:red;
    margin-left:0;
    margin-bottom:10px;
    text-align:left;
    font-weight:bold;
    list-style:none;
}

.required {
    color:red;
    display:inline
}

.error {
    color:red
}

/*Reward Description interior pages - disclaimer text; added by Vanessa*/
#contentMain_lblDescription small {
    font-size:11px;
    line-height:13px
}

small {
    font-size:11px;
    line-height:13px
}

.issueSubmit {
    color:#85C13E;
    font-weight:700;
    margin-bottom:25px;
    font-size:1.2em
}

.way-section.x_blue {
    background:#d1dcea
}

/*
 *  Core Owl Carousel CSS File
 *  v1.3.2
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}

/* display none until init */
.owl-carousel {
    display:none;
    position:relative;
    width:100%;
    -ms-touch-action:pan-y
}

.owl-carousel .owl-wrapper {
    display:none;
    position:relative;
    -webkit-transform:translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow:hidden;
    position:relative;
    width:100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition:height 500ms ease-in-out;
    -moz-transition:height 500ms ease-in-out;
    -ms-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float:left
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
    cursor:pointer
}

.owl-controls {
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8,move
}

/* fix */
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}

/*
*   Owl Carousel Owl Demo Theme
*   v1.3.2
*/
.owl-theme .owl-controls {
    margin-top:10px;
    text-align:center;
    padding:10px 0 25px
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
    color:#FFF;
    display:inline-block;
    zoom:1;
    *display:inline;
/*IE7 life-saver */
    margin:5px;
    padding:3px 10px;
    font-size:12px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    background:#869791;
    filter:Alpha(Opacity=50);
/*IE7 fix*/
    opacity:.5
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter:Alpha(Opacity=100);
/*IE7 fix*/
    opacity:1;
    text-decoration:none
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display:inline-block;
    zoom:1;
    *display:inline
/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display:block;
    width:12px;
    height:12px;
    margin:5px 7px;
    filter:Alpha(Opacity=50);
/*IE7 fix*/
    opacity:.5;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    border:2px solid #ccc
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter:Alpha(Opacity=100);
/*IE7 fix*/
    opacity:1;
    background:#255b9a;
    border:none
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height:auto;
    width:auto;
    color:#FFF;
    padding:2px 10px;
    font-size:12px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}

/* preloading images */
.owl-item.loading {
    min-height:150px;
    background:url(AjaxLoader.gif) no-repeat center center
}

 .ecertlockimage
 {
     float:left;
     padding:15px;
 }

 .ecertlockmessage
 {
     font-size: 18px;
     color:white;
 }

 .ecertlockcontainer
 {
     padding:10px 10px 15px 10px;
     background-color: #185194;
     margin:0px 0px 25px 0px;
 }
 #loan_sale_banner {
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 998;
    width: 100%;
    background: #1c4179;
 }
  #loan_sale_banner_close {
    display: block;
    border-radius: 50%;
    background: #0060a9;
    color: #fff;
    width: 18px;
    height: 18px;
    position: absolute;
    top: -8px;
    right: 0px;
    cursor: pointer;
    z-index: 999;
    text-align: center;
    line-height: 15px;
  }
@media (max-width: 768px){
    #loan_sale_banner {
        left: 0;
        margin-left: 0;
        width: 100%;
    }
}

/* Unsubscribe Modal */
.unsubscribe-modal {
    border-bottom: 1px solid #ffffff;
    background: #185194 !important;
    color: #ffffff;
    height: max-content !important;
}
@media screen and (min-width: 680px) {
    .unsubscribe-modal { }
}
@media screen and (min-width: 680px) {
    .unsubscribe-modal .unsubscribe-content {
        padding: 50px;
    }
}
.radio {
    margin-bottom:12px;
}
.radio label {
    padding-left: 10px;
}
.form-group {
    margin-bottom:20px;
    margin-top:20px;
}
.form-group input[type=text], .form-group textarea{
    width:100%;
    max-width: 400px;
    padding:5px;
    display:inline-block;
    zoom:1;
}

.unsubscribe-page-body {
    background-color: #fff !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.unsubscribe-modal-header {
    max-width: 80% !important;
}
.unsubscribe-modal-header * img {
    margin-top: 15px;
    margin-bottom: 15px;
}
.unsubscribe-content {
    margin: 0 auto;
    max-width: 80% !important;
}
.unsubscribe-modal-content {
    max-width: 80% !important;
}
.unsubscribe-radio-btn {
    margin-bottom: 15px;
    display: inline-flex;
    align-items: center;
}
.unsubscribe-email-textbox {
    margin-bottom: 10px;
    padding: 10px;
    width: 20em;
    border: 1px solid grey;
}
.unsubscribe-label {
    display: block;
    margin-bottom: 10px;
}
.unsubscribe-submit-btn input[type="submit"] {
      border: none;
}
.unsubscribe-submit-btn {
  	text-align:right;
	margin-bottom:70px;
    margin-right: 20%;
}
#EmailAddressLabel:before {
    content: " *";
    color: red;
}
.unsubscribe-reason-textbox {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid grey;
}
/* Thank You Page */
#thankYouBillboard {
    background-image: url(/images/billboard-thankYou.jpg);
    background-size: cover;
    background-position: center bottom;
}

/* Helpers */
.text-blue {
    color: #0060a9 !important;
}
.text-black {
    color: #000000 !important;
}
.text-yellow {
    color: #fddf00 !important;
}
.text-white {
    color: #ffffff !important;
}
.text-gray {
    color: #333333 !important;
}
.text-small {
    font-size:12px;
    line-height: 17px;
}
.text-large {
    font-size: 18px;
    line-height: 23px;
}
.text-center {
    text-align: center;
}
/*.bg-gray {
    background-color: #4c4c4c !important;
}*/
.bg-white {
    background-color: #ffffff !important;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.font-weight-light {
    font-weight: 300;
}
.font-weight-normal {
    font-weight: 400;
}
.font-weight-bold {
    font-weight: 700;
}
.roboto {
    font-family: 'Roboto', sans-serif !important;
}

.padding-left-zero {
    padding-left: 0px;
}
.padding-left-small {
    padding-left: 10px;
}
.padding-left-medium {
    padding-left: 20px;
}
.padding-left-large {
    padding-left: 50px;
}

.padding-top-zero {
    padding-top: 0px;
}
.padding-top-small {
    padding-top: 10px;
}
.padding-top-medium {
    padding-top: 20px;
}
.padding-top-large {
    padding-top: 50px;
}

.padding-right-zero {
    padding-right: 0px;
}
.padding-right-small {
    padding-right: 10px;
}
.padding-right-medium {
    padding-right: 20px;
}
.padding-right-large {
    padding-right: 50px;
}

.padding-bottom-zero {
    padding-bottom: 0px;
}
.padding-bottom-small {
    padding-bottom: 10px;
}
.padding-bottom-medium {
    padding-bottom: 20px;
}
.padding-bottom-large {
    padding-bottom: 50px;
}

.padding-vert-zero {
    padding-top: 0px;
    padding-bottom: 0px;
}
.padding-vert-small {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padding-vert-medium {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-vert-large {
    padding-top: 50px;
    padding-bottom: 50px;
}

.padding-horiz-zero {
    padding-left: 0px;
    padding-right: 0px;
}
.padding-horiz-small {
    padding-left: 10px;
    padding-right: 10px;
}
.padding-horiz-medium {
    padding-left: 20px;
    padding-right: 20px;
}
.padding-horiz-large {
    padding-left: 50px;
    padding-right: 50px;
}

.margin-left-zero {
    margin-left: 0px;
}
.margin-left-small {
    margin-left: 10px;
}
.margin-left-medium {
    margin-left: 20px;
}
.margin-left-large {
    margin-left: 50px;
}

.margin-top-zero {
    margin-top: 0px;
}
.margin-top-small {
    margin-top: 10px;
}
.margin-top-medium {
    margin-top: 20px;
}
.margin-top-large {
    margin-top: 50px;
}

.margin-right-zero {
    margin-right: 0px;
}
.margin-right-small {
    margin-right: 10px;
}
.margin-right-medium {
    margin-right: 20px;
}
.margin-right-large {
    margin-right: 50px;
}

.margin-bottom-zero {
    margin-bottom: 0px;
}
.margin-bottom-small {
    margin-bottom: 10px;
}
.margin-bottom-medium {
    margin-bottom: 20px;
}
.margin-bottom-large {
    margin-bottom: 50px;
}

.margin-vert-zero {
    margin-top: 0px;
    margin-bottom: 0px;
}
.margin-vert-small {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin-vert-medium {
    margin-top: 20px;
    margin-bottom: 20px;
}
.margin-vert-large {
    margin-top: 50px;
    margin-bottom: 50px;
}

.margin-horiz-zero {
    margin-left: 0px;
    margin-right: 0px;
}
.margin-horiz-small {
    margin-left: 10px;
    margin-right: 10px;
}
.margin-horiz-medium {
    margin-left: 20px;
    margin-right: 20px;
}
.margin-horiz-large {
    margin-left: 50px;
    margin-right: 50px;
}
.padding-all-large{
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 45px;
}
.shopping-cart-dll {
    margin-left: 13px;
}
@media screen and (max-width:400px) {
    .shopping-cart-dll {
        margin-left: 260px;
    }
   
}
.productImage {
   width: 274px;
    height: 220px;
    display: flex;
    align-items: center;
}

.productImageAlsoLike {
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
}
productImageAlsoLike img {
   max-width: 215px !important;
    max-height: 215px  !important;
}


/*OL Rewards Icons on default page*/
.rbc-responsive-flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media screen and (max-width:480px) {
    .rbc-responsive-flex{
    flex-direction: column;

}
}
/*OL Rewards Icons on default page ends*/

/* No eCert and eGift card banner*/
.noEcertBanner {
    left: 20%;
}

.no-ecert-banner-slide {
    background-color: #185194;
}