@charset "utf-8";

#pointsEntry, .mainNav, .paxInfo, .siteLogo, .topNav, a.clientLogo {
    position: static
}

.homeUpperBanner, .mainNav {
    background-size: 100% auto
}

.accounts-table, .gridView {
    overflow: auto
}

.homeRight h2, .search, .wishlist .leftNav h2 {
    clear: both
}

.container {
    max-width: 1024px;
    width: auto;
    padding-top: 20px
}

.hdr {
    height: auto;
    margin: 0
}

.topNav {
    float: right;
    margin: 5px 0 30px
}

.paxInfo {
    float: left;
    margin-top: 8px
}

.hero, .siteLogo {
    height: auto;
    position: relative
}

.mainNav {
    margin-top: 15px;
    width: auto;
    height: auto
}

    .mainNav .centerNav {
        width: auto;
        margin: 0;
        height: auto
    }

.siteLogo {
    margin-top: 15px;
    margin-bottom: 15px;
    width: auto;
    background-color: #026898;
    top: auto
}

.hdr .search {
    float: right;
    margin-top: 47px;
    top: -20px
}

#pointsEntry {
    height: auto
}

img {
    border-style: none;
    max-width: 100%
}

.mainNav > li.first a {
    border-left: 1px solid #026898
}

.homeUpperBanner {
    height: auto;
    width: 100%;
    margin: 0
}

.hero {
    float: left;
    text-align: center;
    width: 70%;
    margin: 0 auto
}

#heroPager, .homeRight {
    height: auto;
    margin-bottom: 10px
}

#heroPager {
    margin-top: -57px;
    left: 0;
    top: 0
}

    #heroPager a {
        height: auto;
        padding: 0 20px
    }

.homeRight {
    width: 28%
}

.homecontent {
    height: 408px
}

.homeSubPromos {
    margin: 10px 0;
    height: auto;
    text-align: center
}

    .homeSubPromos div {
        width: auto;
        height: auto;
        margin-bottom: 10px;
        margin-right: 8px;
        margin-left: 0;
        float: left
    }

        .homeSubPromos div#homeSub4 {
            margin-right: 0
        }

#vertCarousel .bx-prev {
    background: url(http://www.eyrewardshq.com/img/vert_prev_btn.gif) center 5px no-repeat #D8D7D7;
    top: 10px;
    left: 0
}

#vertCarousel .bx-controls-direction a {
    display: block;
    font-size: 12px;
    height: 20px;
    position: absolute;
    text-indent: -999em;
    width: 100%;
    margin-left: -1px
}

#vertCarousel .bx-next {
    background: url(http://www.eyrewardshq.com/img/vert_next_btn.gif) center 5px no-repeat #D8D7D7;
    right: 0;
    bottom: 0;
    margin-top: 0;
    top: 100%
}

.homeRight #vertCarousel, .wishlist #vertCarousel {
    padding-top: 20px;
    padding-bottom: 20px
}

.countryDropdown1 select {
    width: auto !important;
    font-size: 12px
}

#searchbtn {
    float: right;
    padding: 10px 14px
}

#searchbar {
    float: none;
    margin: 0;
    padding: 10px 10px 10px 32px;
    width: 220px
}

.search {
    float: none;
    margin: 0 auto;
    width: auto
}

.globalNav {
    padding: 0 20px 0 10px
}

.countryDropdown1 {
    padding-left: 10px
}

.megamenu > li.showhide {
    background: linear-gradient(to bottom,#026898 0,#013E5B 100%);
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #555;
    cursor: pointer;
    display: none;
    height: 50px;
    width: 100%
}

    .megamenu > li.showhide span.title {
        margin: 10px auto 10px 15px;
        float: left;
        color: #FFF;
        font-family: BebasNeueRegular,Arial,sans-serif;
        font-size: 22px
    }

    .megamenu > li.showhide span.icon1:after, .megamenu > li.showhide span.icon2:after {
        border-bottom: 3px solid #FFF;
        border-top: 3px solid #FFF;
        content: "";
        font-size: 50px;
        height: 3px;
        position: absolute;
        right: 25px;
        width: 25px;
        z-index: 1
    }

    .megamenu > li.showhide span.icon1:after {
        top: 15px
    }

    .megamenu > li.showhide span.icon2:after {
        top: 27px
    }

#login .mainNav {
    background: url(http://www.eyrewardshq.com/img/mainnav_bgnd.png) no-repeat;
    background-size: 100% auto;
    margin-bottom: 10px;
    padding-bottom: 4%;
    height: auto
}

#login #countryOnly.mainContent, .loginLeft, .loginRight {
    background-size: 100% auto;
    height: auto
}

.loginLeft {
    padding-bottom: 20%;
    width: 44%
}

.loginRight {
    width: 55%
}

.media-links {
    float: right
}

    .media-links ul {
        list-style: none;
        padding: 0
    }

        .media-links ul li {
            display: inline
        }

            .media-links ul li a {
                text-decoration: none
            }

.toggleTD a {
    float: none
}

.halfColLeft {
    width: 50%
}

.halfColRight {
    width: 46%
}

.acctTabsWrapper {
    border-top: 0 none;
    padding: 10px 5px 20px;
    position: static;
    top: 0
}

#login #countryOnly.mainContent {
    width: 100%;
    padding-bottom: 45%
}

@media screen and (min-width:829px) and (max-width:1024px) {
    #login .container, #login .container .main {
        min-width: 1024px
    }
}

.mean-container a.meanmenu-reveal span {
    background: #176E8F
}

.mean-container a.meanmenu-reveal {
    color: #176E8F
}

input.standardBtn.addToCart.fixedWidth {
    width: auto;
    padding: 0 15px;
    min-width: 160px
}

input.standardBtn.wishListBtn.fixedWidth {
    width: auto;
    padding: 0 10px;
    min-width: 160px
}

.responsive-tabs__heading {
    display: block
}

.tabs-main-content {
    padding: 30px 0 0
}

@media screen and (max-width:829px) {
    #login h1 {
        font-size: 18px
    }

    .bx-wrapper .bx-pager {
        padding-top: 20px
    }

    .bx-wrapper {
        margin-bottom: 10px
    }

    #heroPager {
        position: static;
        border-left: medium none;
        margin-top: 0
    }

        #heroPager a {
            background: #666;
            border: 0;
            height: 10px;
            padding: 0;
            text-indent: -99999px;
            width: 10px;
            margin: 0 5px;
            border-radius: 5px
        }

            #heroPager a:first-child {
                border: 0;
                padding: 0;
                width: 10px
            }

            #heroPager a.active, #heroPager a:hover {
                background: #bababa
            }

                #heroPager a.active span {
                    background: none
                }

    .wishlist .listingRight {
        width: auto
    }
}

@media screen and (max-width:912px) {
    .listingRight {
        width: auto;
        float: none
    }
}

@media screen and (min-width:601px) and (max-width:829px) {
    .paxInfo, .wishwidget {
        width: 50%
    }

        .wishwidget a {
            float: right
        }

    #login input.loginInput {
        background-size: 100% auto;
        width: auto
    }
}

@media screen and (max-width:517px) {
    .search, .topNav {
        width: 100%
    }

    .bx-wrapper .bx-viewport, .bx-wrapper img {
        height: 100% !important
    }

    .acctTabs a, .itemTabs a {
        font-size: 12px;
        padding: 10px;
        margin: 5px 0;
        background: #333;
        color: #FFF;
        text-decoration: none
    }

        .acctTabs a.current, .acctTabs a.current:hover, .acctTabs a:active, .acctTabs a:hover, .itemTabs a.current, .itemTabs a.current:hover, .itemTabs a:active, .itemTabs a:hover {
            color: #e28226
        }

    .acctTabsWrapper {
        font-size: 12px
    }
}

@media screen and (max-width:767px) {
    #topHdr_right, .loginLeft, .loginRight, .paxInfo {
        float: none
    }

    #searchbtn, a.deleteItem {
        right: auto
    }

    a.clientLogo {
        width: 30%;
        display: block
    }

    .loginLeft, .paxInfo, .topHdr .miniCart, .wishwidget, .wishwidget a {
        width: auto
    }

    #afr, #afrList, #ant, #antList, #asia, #asiaList, #caList, #car, #carList, #cenAsiaList, #central, #divTopNav, #eAsiaList, #eafrList, #eeurList, #eunion, #eunionList, #eur, #eurList, #mafrList, #mideastList, #na, #naList, #nafrList, #neurList, #ocean, #oceanList, #sAsiaList, #sa, #saList, #safrList, #seAsiaList, #seurList, #wAsiaList, #wafrList, #weurList, .homeRight, .js #drilldown-2 {
        display: none
    }

    .brdr {
        margin: 0 10px
    }

    #login h2 {
        font-size: 2em;
        margin-top: 0;
        padding-top: 7.5em
    }

    #login h1, .wishwidget a {
        font-size: 18px
    }

    #login .loginRight p {
        padding: 10px 0
    }

    .media-links {
        float: none;
        text-align: center
    }

    .loginLeft {
        padding-bottom: 86%;
        margin-bottom: 10px
    }

    .loginRight {
        width: auto
    }

    .brdr, .container {
        padding: 0
    }

    div.main_content {
        margin-left: 10px;
        margin-right: 10px
    }

    .miniCartItems, .topHdr .miniCart {
        float: left
    }

    .wishwidget a span {
        font-size: 18px;
        width: 32px;
        margin-right: 30px
    }

    .paxInfo {
        font-size: 16px;
        margin-bottom: 10px
    }

    .search, .topNav {
        clear: both;
        float: none;
        margin: 0 auto;
        width: auto
    }

    .siteLogo {
        margin: 10px 0;
        background-position: 40% bottom
    }

    #searchbtn {
        float: none;
        padding: 10px 14px;
        position: absolute;
        margin-left: -260px;
        top: auto
    }

    .topNav {
        margin: 0;
        padding: 0;
        background-color: #026898;
        height: auto;
        float: left;
        width: 100%
    }

        .topNav li {
            line-height: 32px
        }

            .topNav li a, .topNav li a:hover {
                color: #FFF;
                font-size: 10px;
                padding: 0 8px
            }

                .topNav li a:hover {
                    text-decoration: underline
                }

    .hdr .search {
        float: none;
        margin-top: 0;
        text-align: center;
        width: 100%;
        right: auto;
        padding: 20px 0;
        position: relative;
        top: auto
    }

    #pointsEntry {
        clear: both;
        margin: 8px;
        width: auto;
        height: auto;
        float: none
    }

    .globalNav {
        font-size: 12px;
        padding: 15px;
        height: auto;
        line-height: 15px
    }

    .CurrentlyViewingCountry {
        margin-bottom: 10px
    }

    .toggleTD {
        margin: 0 0 10px
    }

        .toggleTD a.aspNetDisabled {
            padding-left: 0
        }

    .countryDropdown1 {
        float: left;
        margin-bottom: 10px;
        padding-left: 0
    }

        .countryDropdown1 select {
            width: auto !important;
            font-size: 11px
        }

    #heroPager, .homeRight {
        width: auto
    }

    .hero, .homeRight, .homeUpperBanner {
        float: none
    }

    div.main {
        clear: both;
        min-height: 100%
    }

    .homeRight {
        margin: 10px 0;
        height: auto
    }

    .homeSubPromos {
        clear: both;
        float: none;
        margin: 15px 0 10px;
        height: auto
    }

        .homeSubPromos div {
            clear: both;
            float: none;
            height: auto;
            margin: 10px auto
        }

            .homeSubPromos div:first-child {
                margin: 10px auto
            }

    .homeUpperBanner {
        background-size: 100% auto;
        height: auto;
        width: auto
    }

        .homeUpperBanner h2 {
            font-size: 12px;
            line-height: 15px;
            margin-top: 2px
        }

    .homecontent {
        height: auto
    }

    #vertCarousel .bx-controls-direction a {
        width: 100%
    }

    .ftr {
        padding: 10px;
        clear: both
    }

    .fLeft, .fRight, .lFtr, .listingControls li.fRight, .prefsBalance, .rFtr {
        float: none
    }

    .miniCartPoints, .miniCheckoutBtn {
        width: auto;
        float: none
    }

    .miniCartItems {
        margin-left: 10px
    }

    .miniCartItems2 {
        margin-left: 5px
    }

    .topHdr {
        height: auto
    }

    #login #countryOnly.mainContent {
        width: auto;
        height: auto;
        padding-bottom: 0;
        background: 0 0
    }

    #login .countryDropdown {
        margin: 0;
        text-align: center;
        top: -20px;
        position: absolute;
        width: 100%
    }

    .halfColLeft, .halfColRight, .listingLeft, .listingRight {
        width: auto;
        float: none;
        border: 0;
        padding: 0
    }

    #login #loginSection {
        margin: 40px 0 0
    }

    .selectCountry {
        width: 70%
    }

    .hero {
        width: 100%
    }

        .hero .bx-wrapper img {
            width: 100% !important;
            height: auto !important
        }

    #checkout .hdr, .mainNav {
        height: auto
    }

    .js .slicknav_menu {
        display: block;
        background-color: #333
    }

    .js .centerNav .slicknav_menu {
        display: block;
        background-color: #026898
    }

    .slicknav_btn {
        background-color: #333
    }

    .centerNav .slicknav_btn {
        background-color: #026898
    }

    .slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover a, .slicknav_nav a:hover {
        background: #FFF;
        color: #026898
    }

    .mainNav {
        margin: 20px 0 0
    }

    #login .mainNav {
        margin: 0
    }

    .mainNav .centerNav {
        padding: 0;
        width: auto;
        margin: 0;
        height: auto
    }

    #heroPager, .leftNav h3 + ul + h3, .leftNav h3 + ul + h3 + ul {
        display: none
    }

    .refine, ul.refine {
        border: none
    }

    .itemDetail .itemSummary {
        clear: both;
        float: left;
        width: auto
    }

    .itemDetail {
        margin-left: 20px
    }

    #acctTabContainer {
        margin-left: 14px
    }

    .acctTabsWrapper {
        padding: 20px 20px 20px 0
    }

    .acctTabs li, .itemTabs li {
        margin-left: -1px;
        margin-right: 10px;
        padding-right: 10px;
        float: none
    }

    .orderSummaryColumn, .shipRight {
        float: left
    }

    .acctTabs a, .itemTabs a {
        font-size: 12px;
        padding: 10px;
        margin: 5px 0;
        background: #333;
        color: #FFF;
        text-decoration: none
    }

        .acctTabs a.current, .acctTabs a.current:hover, .acctTabs a:active, .acctTabs a:hover, .itemTabs a.current, .itemTabs a.current:hover, .itemTabs a:active, .itemTabs a:hover {
            color: #e28226
        }

    .cartDesc, .cartItems, .checkoutLeft, .itemDetail {
        width: auto !important
    }

    .cartDesc, .lItemVal {
        clear: both;
        float: left;
        padding-top: 20px
    }

        .lItemVal span {
            display: inline
        }

    h3 {
        font-size: 16px
    }

    #checkout .hdr h1 {
        font-size: 30px;
        color: #FFF;
        top: 18px
    }

    #checkout .breadCrumbs li {
        padding-left: 20px;
        margin-right: 8px;
        background: url(/img/site_sprite.png) left -782px no-repeat;
        font-size: 15px;
        line-height: 34px
    }

    .shipLeft {
        width: auto;
        border-right: none;
        min-height: 100%;
        height: auto !important;
        height: 320px
    }

    .shipRight {
        width: auto;
        clear: both
    }

    .checkoutLeft .shipChoice {
        clear: both;
        margin-top: 20px
    }

    .shipItems .lItems {
        clear: both
    }
}

@media screen and (max-width:419px) {
    .gridView ul.firstChild, .gridView ul.topRow, .gridView > ul {
        float: none;
        margin: 0 auto
    }
}