html {
    height: 100%;
}

body {
    color: #1D2737;
}

a {
    color: #337ab7;
    text-decoration: none;
    transition: color 0.25s ease-in-out 0s;
    -webkit-transition: color 0.25s ease-in-out 0s;
}

    a:hover,
    a:focus {
        color: #23527c;
        text-decoration: underline;
    }

.modal-header {
    background-color: #dae0e7;
    border-bottom: 1px solid #dae0e7;
    border-radius: 4px 4px 0 0;
    min-height: 16.43px;
    padding: 10px;
}

    .modal-header h4 {
        font-size: 16px;
    }

    .modal-header .close {
        margin-top: 2px;
        color: #404d62;
        opacity: 1;
        text-shadow: 0 0;
        -webkit-transition: color ease-in-out .15s;
        -o-transition: color ease-in-out .15s;
        transition: color ease-in-out .15s;
    }

        .modal-header .close:hover {
            color: #1d2737;
        }


/*====================================
	RESET RULES
=====================================*/

#aec-container {
    background: transparent none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    overflow-x: hidden;
}

#aec-errorpage {
    background-color: #fff;
    height: 800px;
    margin: 0;
    text-align: center;
}

    #aec-errorpage > h1 {
        color: #1D2737;
        font-size: 22px;
        font-weight: 600;
        margin-top: 50px;
    }

        #aec-errorpage > h1:before {
            content: "\f883";
            font-family: 'WebGlyphs';
            margin-right: 5px;
            font-weight: normal !important;
        }

    #aec-error404 > div,
    #aec-errorpage > div {
        color: #fff;
        font-size: 14px;
        margin: 5px;
    }

        #aec-errorpage > div + div {
            background-color: #8E0210;
            border-radius: 3px !important;
            -webkit-border-radius: 3px !important;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
            transition: all 0.2s ease-in-out 0s;
            -webkit-transition: all 0.2s ease-in-out 0s;
            font-size: 14px;
            margin: 10px auto 0;
            padding: 10px 12px;
            width: 200px;
            font-weight: 500;
        }

            #aec-errorpage > div + div:hover {
                box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
                -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
                background-color: #A00105;
                color: #fff !important;
            }

        #aec-errorpage > div a {
            color: #fff;
        }

#aec-header,
#aec-left,
#aec-main,
#aec-sidebar,
#aec-footer {
    border: none;
}

a:link,
a:hover,
a:active,
a:hover {
    outline: none;
}

.col-md-offset-1-2 {
    margin-left: 4.16667%;
}

#aec-left > img#aec-leftnavspacer {
    display: none;
}


/*====================================
	HEADER
=====================================*/

body {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    transition: margin-left 0.2s;
    -webkit-transition: margin-left 0.2s;
    height: 100%;
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 1024px) {
    body {
        width: 100vw;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #aec-body .container:not(.home-landing) {
        width: 100%;
    }
}

#aec-wrapper {
    height: auto;
    position: relative;
}

#aec-body {
    background: #fff none repeat scroll 0 0;
    height: auto;
    min-height: 250px;
    padding-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

    #aec-body > .container {
        background-color: #fff;
        min-height: 480px;
        padding-top: 15px;
    }

@media (min-width: 0px) and (max-width: 1024px) {
    #aec-body > .container {
        width: 100%;
    }
}

#aec-header {
    margin-bottom: 0;
    background-color: #fff;
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-header {
        padding-top: 70px;
    }
}

.header-container {
    margin-left: -15px;
    margin-right: -15px;
}

.site-tag {
    /*background: transparent url("/customers/webami/img/store-tag.svg") no-repeat scroll center center / 100% auto;*/
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    min-width: 402px;
    overflow: hidden;
    padding: 15px 0;
    text-indent: -9999px;
    margin-left: 15px;
}

    .site-tag.sm-screen {
        display: none;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .site-tag {
        min-width: 308px;
    }
}

@media (min-width: 520px) and (max-width: 767px) {
    .site-tag {
        min-width: 290px;
    }
}

@media (min-width: 0px) and (max-width: 519px) {
    .site-tag {
        display: none
    }

        .site-tag.sm-screen {
            display: none;
            height: auto;
            margin: 0 auto;
            min-width: 100%;
            padding-top: 0;
            width: auto;
        }
}

@media (min-width: 360px) and (max-width: 519px) {
    .site-tag.sm-screen {
        background-size: auto 100%;
    }
}

@media (min-width: 0px) and (max-width: 359px) {
    .site-tag.sm-screen {
        background-size: 100% auto;
    }
}

.header {
    margin: 30px auto 20px;
    min-height: 70px;
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
    display: table;
    width: 100%;
    font-size: 13px;
}

.header-container .store-user-nav .container {
    position: relative;
}


/* 4K and 8K UHD 7680px */

@media (min-width: 1200px) and (max-width: 7680px) {
    .header,
    .header-container .store-user-nav .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .header div[class^='col-'],
    .header div[class*=' col-'] {
        display: table;
    }
}

@media (min-width: 768px) {
    .header {
        width: 750px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header {
        margin: 0 auto 20px;
    }
}

@media (min-width: 0px) and (max-width: 991px) {
    #aec-body .container {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .header {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .header {
        width: 970px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .header {
        width: 1170px;
    }
}


/*@media (min-width: 1680px) {
  .header, .container, #aec-body > .container, #aec-body > .container.home-landing {
    width: 1300px;
  }
}*/

@media (min-width: 320px) and (max-width: 480px) {
    .header {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 320px) {
    .header {
        padding-left: 5px;
        padding-right: 5px;
    }

    #nav-store-departments ul.nav {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #aec-all-departments .navbar-header {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .store-user-nav .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .email-container {
        left: 15px;
        position: absolute;
        top: -77px;
        width: calc(100% - 30px);
    }

    .cart-container,
    #aec-searchholder {
        margin-top: 0px !important;
    }
}

.navbar-default.store-user-nav {
    background-color: #DAE0E7;
    border: medium none;
    height: auto;
    min-height: 40px;
    margin-bottom: 0;
    z-index: 1;
}

    .navbar-default.store-user-nav .navbar-toggle {
        color: #6a7c92;
        background-image: none;
        border-radius: 0 !important;
        float: right;
        margin: 0 /*0 70px 0 0*/
        ;
        padding: 8px;
        position: relative;
        border: none;
        height: 50px;
        width: 50px;
        transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
    }

#user-menu .icon-info {
    font-size: 20px;
}

.navbar-default.store-user-nav .navbar-toggle.collapsed {
    background-color: transparent;
}

.navbar-default.store-user-nav .navbar-toggle[aria-expanded="true"] {
    background-color: #1D2737;
}

.navbar-default.store-user-nav .navbar-toggle:hover {
    background-color: #1D2737;
    color: #fff !important;
}

.nav-user-icon:before {
    border: 2px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    content: "\f862";
    display: inline-block;
    font-family: "WebGlyphs";
    font-size: 16px;
    height: 22px;
    overflow: hidden;
    position: relative;
    width: 22px;
}

.navbar-default.store-user-nav .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.navbar-default.store-user-nav a,
.navbar-default.store-user-nav {
    color: #DAE0E7 /*#C6DEFF*/
    ;
    font-size: 14px;
    font-weight: 400 !important;
    text-transform: capitalize;
}

#navbar-store .navbar-right {
    margin-right: 0;
}

@media (min-width: 0px) and (max-width: 767px) {
    #navbar-store .navbar-right {
        margin-left: -15px;
        margin-right: -15px;
    }

    .navbar-default.store-user-nav {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24) !important;
        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.24) !important;
    }
}


/*
@media (min-width: 0) and (max-width: 767px) {
	#navbar-store .navbar-right {
		margin-right: 70px;
	}
}*/

.navbar-default.store-user-nav .navbar-nav > li > a {
    color: #6A7C92;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 10px;
    text-transform: capitalize;
    transition: color 0.2s ease-in 0s;
    -moz-transition: color 0.2s ease-in 0s;
    -webkit-transition: color 0.2s ease-in 0s;
}

    .navbar-default.store-user-nav .navbar-nav > li > a.aec-myacc-link {
        font-weight: 400;
    }

@media (min-width: 0px) and (max-width: 1024px) {
    .navbar-default.store-user-nav .navbar-nav > li > a,
    .navbar-default.store-user-nav a,
    .navbar-default.store-user-nav {
        font-size: 14px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .aec-top-nav {
        position: fixed;
        z-index: 1000;
        width: 100%;
        width: 100vw;
        top: 0;
    }
}

.aec-loginlinks-loggedoff .aec-loginlinks-register:before {
    font-family: "WebGlyphs";
    content: '\f80b';
    display: inline-block;
    margin-right: 0;
    width: 1em;
    font-weight: normal;
}

.aec-loginlinks-loggedoff .aec-loginlinks-login:before {
    font-family: "WebGlyphs";
    content: '\f805';
    display: inline-block;
    margin-right: 0;
    width: 1em;
    font-weight: normal;
}

.aec-loginlinks-loggedin .aec-loginlinks-logoffLink:before {
    font-family: "WebGlyphs";
    content: '\f88F';
    display: inline-block;
    margin-right: 2px;
    width: auto;
    font-weight: normal;
}

.aec-loginlinks-loggedin .aec-loginlinks-manage:before {
    font-family: "WebGlyphs";
    content: '\f88C';
    display: inline-block;
    margin-right: 1px;
    width: 1em;
    font-weight: normal;
}


/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 7680px) {
    .navbar-default.store-user-nav .navbar-nav > li > a:hover,
    .aec-loginlinks-login:hover {
        color: #404D62 !important;
    }
}

li span.aec-loginlinks a {
    display: block;
    line-height: 20px;
    padding: 15px 10px;
}

    li span.aec-loginlinks a:hover {
        color: #fff !important;
    }

.aec-loginlinks-loggedoff .aec-loginlinks-login {
    text-transform: uppercase;
}

@media (min-width: 0px) and (max-width: 767px) {
    #navbar-store.navbar-collapse {
        background-color: #1D2737;
        border: none;
        -webkit-box-shadow: none !important;
    }

        #navbar-store.navbar-collapse a {
            transition: color 0.2s ease-in-out 0s;
            -webkit-transition: color 0.2s ease-in-out 0s;
        }

    #navbar-store ul {
        margin-bottom: 0;
        margin-top: 0;
    }

        #navbar-store ul.nav > li {
            border-top: 1px solid #445366;
            display: block;
            position: relative;
            transition: background-color 0.2s ease-in-out 0s;
            -webkit-transition: background-color 0.2s ease-in-out 0s;
        }

            #navbar-store ul.nav > li:first-child {
                border-top: 0 none;
            }

            #navbar-store ul.nav > li a {
                color: #DAE0E7 !important;
            }

            #navbar-store ul.nav > li:hover a {
                color: #fff !important;
            }

    .navbar-default.store-user-nav .navbar-nav > li > a > i {
        font-size: 18px;
        margin-right: 4px;
        position: relative;
        top: 1px;
        width: 20px;
    }

    .header-search {
        margin-bottom: 20px;
    }
}


/*====================================
	SM CART ICON
=====================================*/

.navbar-header a#aec-goto-cart {
    background-color: #A00105;
    color: #fff;
    height: 50px;
    position: absolute;
    right: 0;
    width: 55px;
}

    .navbar-header a#aec-goto-cart .icon-cart-full {
        font-size: 24px;
        left: 0;
        position: relative;
        top: 7px;
    }

    .navbar-header a#aec-goto-cart span#aec-cartqty {
        background-color: #1D2737;
        border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        color: #fff;
        font-size: 12px;
        left: 0;
        padding: 2px 4px;
        position: relative;
        top: 1px;
        font-weight: 500;
    }


/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 7680px) {
    .navbar-header a#aec-goto-cart {
        display: none !important;
    }
}

@media (min-width: 0px) and (max-width: 991px) {
    .navbar-header a#aec-goto-cart {
        height: 50px;
        width: 70px;
        line-height: 40px;
        display: none !important;
    }

        .navbar-header a#aec-goto-cart .icon-cart-full:before {
            margin-left: 8px;
            position: relative;
            top: -2px;
        }
}

.home-link {
    display: block;
    margin: 0 auto;
    background: transparent url("/customers/webami/img/webami-logo.svg") no-repeat scroll center center / 100% auto;
}

@media (min-width: 992px) and (max-width: 7680px) {
    .header-feedback-btn {
        padding-left: 30px;
        padding-right: 5px;
    }
}


/* 4K and 8K UHD 7680px */

@media (min-width: 992px) and (max-width: 7680px) {
    .home-link {
        float: left;
        height: 80px;
        max-width: 335px;
        position: relative;
        top: 0;
        width: 90%;
    }

    .header-feedback-btn {
        padding-top: 0;
    }

    #aec-searchholder {
        margin-top: 0px !important;
    }

    .header-search {
        padding-top: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-link {
        height: 115px;
        margin: 0 auto 40px;
        width: 254px;
    }
}

@media (min-width: 580px) and (max-width: 767px) {
    .home-link {
        height: 115px;
        margin: 0 auto 10px;
        width: 254px;
    }
}

@media (min-width: 520px) and (max-width: 579px) {
    .home-link {
        background-size: 100% auto;
        height: 88px;
        margin: 0 auto 20px;
        max-width: 320px;
        width: 100%;
    }
}

@media (min-width: 360px) and (max-width: 519px) {
    .home-link {
        background-size: 100% auto;
        height: 88px;
        margin: 0 auto 20px;
        max-width: 320px;
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 359px) {
    .home-link {
        background-size: 100% auto;
        height: 88px;
        margin: 0 auto 20px;
        max-width: 320px;
        width: 100%;
    }
}


/*====================================
	SEARCH
=====================================*/

#aec-searchholder {
    display: inline-block;
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    #aec-searchholder {
        margin-top: 50px;
    }
}

.aec-globalsearch {
    clear: none;
    display: inline-block;
    float: none;
    margin-top: 0;
    padding-left: 0 !important;
    position: relative;
    width: 100%;
}

form#aec-globalsrch {
    display: inline-block;
    height: 42px;
    width: 100%;
}

.aec-globalsearch .aec-globalsearchcontainersel {
    background: #404D62 none no-repeat scroll left top;
    display: block;
    height: 42px;
    left: 0;
    position: absolute;
    width: 25%;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
    z-index: 11;
    border-radius: 4px 0 0 4px;
}

.aec-globalsearch .aec-globalsearchcontainersel:hover {
    background: #1D2737 none no-repeat scroll left top;
}

    .aec-globalsearch .aec-globalsearchcontainersel:hover .aec-selectedTxt {
        color: #DAE0E7;
    }

.aec-globalsearch .aec-globalsearchcontainertxt {
    background: #fff none no-repeat scroll left top;
    display: block;
    float: left;
    height: 42px;
    left: 25%;
    padding-left: 0px;
    position: relative;
    width: 75%;
    border-color: #a8b8cb;
    border-image: none;
    border-radius: 0 4px 4px 0;
    border-style: solid none;
    border-width: 1px medium;
}

.aec-globalsearch .aec-newListSelected {
    background-color: transparent;
    background-image: none;
    border: medium none;
    color: #fff;
    float: none;
    font-size: 14px;
    font-weight: 500;
    height: 42px;
    margin-top: 0;
    position: relative;
    text-align: center;
    border-radius: 0 !important;
}

.aec-globalsearch .aec-selectedTxt {
    height: 100%;
    line-height: 42px;
    padding: 0;
    width: 100%;
}

.aec-globalsearch ul.aec-newList {
    border: 1px solid #DAE0E7;
    height: auto;
    left: 0;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 42px;
    width: 100%;
    color: #404D62;
    background-color: #FFF;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3) !important;
}

.aec-globalsearch ul.aec-newList li {
    padding: 0;
}

.aec-globalsearch ul.aec-newList a {
    padding: 2px 8px;
}

.aec-globalsearch ul.aec-newList a:hover,
.aec-globalsearch ul.aec-newList a:focus {
    background: #E9F0F8 none repeat scroll 0 0 !important;
    color: #1D2737 !important;
    cursor: pointer;
}

.aec-globalsearch ul.aec-newList a.aec-modChild {
    font-weight: normal;
    padding-left: 15px;
}

.aec-globalsearch button.aec-selectedTxt {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    background: transparent;
}

.aec-globalsearch button.aec-selectedTxt:hover {
    background: #1D2737 none no-repeat scroll left top;
}

.aec-globalsearch button.aec-selectedTxt:hover:before {
    color: #DAE0E7;
}

@media (min-width: 0px) and (max-width: 480px) {
    .aec-globalsearch .aec-globalsearchcontainertxt {
    left: 35%;
    width: 65%;
    }

    .aec-globalsearch .aec-globalsearchcontainersel {
        width: 35%;
    }
}

.aec-globalsearch .aec-selectedTxt:before {
    font-family: 'WebGlyphs';
    content: '\f853';
    color: #FFF;
    font-weight: normal;
    margin-right: 4px;
    position: relative;
    top: -2px;
    font-size: 15px;
}

.aec-globalsearch .aec-globalsearchcontainertxt input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #404D62;
    font-size: 14px !important;
    height: 42px;
    line-height: 42px;
    padding-top: 0;
    width: 80%;
    border: none !important;
    text-indent: 10px;
}

#q::-webkit-input-placeholder,
#aec-searchwithintxt::-webkit-input-placeholder {
    color: #8d95a0;
    opacity: 1;
}

#q:-moz-placeholder,
#aec-searchwithintxt:-moz-placeholder {
    /* Firefox 18- */
    color: #8d95a0;
    opacity: 1;
}

#q::-moz-placeholder,
#aec-searchwithintxt::-moz-placeholder {
    /* Firefox 19+ */
    color: #8d95a0;
    opacity: 1;
}

#q:-ms-input-placeholder,
#aec-searchwithintxt:-ms-input-placeholder {
    color: #8d95a0;
    opacity: 1;
}

.aec-globalsearch button {
    background-color: #8E0210;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    border: medium none !important;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    height: 42px;
    left: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    width: 50px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

    .aec-globalsearch button:hover {
        background-color: #A00105;
    }

    .aec-globalsearch button:before {
        font-family: 'WebGlyphs';
        content: '\f81d';
        color: #fff;
        font-weight: normal;
        margin-right: 2px;
        font-size: 30px;
        position: relative;
        top: 0;
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
    }

    .aec-globalsearch button:hover:before {
        color: #E6E7E8;
    }


/* Height of the search bar for smaller screens - Adjust as needed */

@media (min-width: 320px) and (max-width: 480px) {
    form#aec-globalsrch,
    .aec-globalsearch .aec-globalsearchcontainertxt input,
    .aec-globalsearch .aec-newListSelected,
    .aec-globalsearch .aec-globalsearchcontainertxt,
    .aec-globalsearch .aec-globalsearchcontainersel,
    .aec-globalsearch button {
        height: 42px;
    }

        .aec-globalsearch .aec-selectedTxt,
        form#aec-globalsrch,
        .aec-globalsearch .aec-globalsearchcontainertxt input {
            line-height: 42px;
        }

    .aec-globalsearch ul.aec-newList {
        top: 42px;
        font-size: 13px;
        width: 110px;
    }

    .aec-globalsearch .aec-newList li {
        line-height: normal;
    }

    .aec-globalsearch button:before {
        font-size: 30px;
        top: -1px;
    }
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    background: #ffffff none repeat-x scroll 50% 50%;
    border: 1px solid #DAE0E7;
    -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3) !important;
    color: #404D62;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.aec-gstextsearch {
    color: #404D62 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    height: auto !important;
    line-height: 30px !important;
    margin: 0;
    text-transform: capitalize;
}

    .aec-gstextsearch span {
        color: #404D62 !important;
        font-weight: 700;
        text-transform: none;
    }

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
    background-color: #DAE0E7 !important;
}

.ui-menu .ui-menu-divider {
    border-color: #DAE0E7;
    margin: 0 !important;
}

.aec-gslabel {
    color: #667387;
    left: 0;
    padding: 5px 5px 5px 70px;
    width: 100%;
}

.aec-gspersoninfo {
    margin: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aec-gspersonname,
.aec-gstitle {
    color: #404D62;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 11;
}


/* 4K and 8K UHD 7680px */

@media (min-width: 1200px) and (max-width: 7680px) {
    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
        max-width: 295px !important;
    }
}

@media (min-width: 770px) and (max-width: 991px) {
    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
        max-width: 235px !important;
    }

    .aec-gsimage {
        max-width: 44px;
    }

    .aec-gslabel {
        left: 0;
        overflow: hidden;
        padding: 6px 4px 5px 58px;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-searchholder {
        margin-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .aec-globalsearch .aec-selectedTxt {
        font-size: 14px;
    }

    .header-search {
        padding-left: 0;
        padding-right: 0;
    }

    .header-feedback-btn.header-cart-details {
        padding-left: 0;
        padding-right: 0;
    }
}


/*====================================
	EMAIL LIST
=====================================*/

.navbar-header .email-container-large {
    background-color: #8E0210;
    color: #fff;
    height: 51px;
    line-height: 50px;
    padding: 0 50px;
    margin-left: 15px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.join-our-email .icon-mail {
    background-color: #E6E7E8;
    border-radius: 3px;
    color: #8E0210;
    margin-right: 4px;
}

.email-container {
    background-color: #8E0210;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding-top: 0;
    text-align: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

.join-our-email .email-container {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.header-feedback-btn .email-container {
    display: none;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

    .header-feedback-btn .email-container:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    }

    .navbar-header .email-container-large:hover,
    .header-feedback-btn .email-container:hover {
        background-color: #A00105;
        color: #fff;
    }

@media (min-width: 0px) and (max-width: 1023px) {
    .navbar-header .email-container-large {
        margin-left: 55px;
        padding: 0 30px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .header-feedback-btn .email-container {
        display: block;
    }

    .navbar-header .email-container-large {
        display: none !important;
    }

    .header-feedback-btn.header-cart-details {
        margin-top: 25px;
    }
}

@media (min-width: 768px) and (max-width: 860px) {
    .email-container {
        font-size: 14px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .email-container {
        height: 45px;
        line-height: 45px;
        margin-top: 15px;
    }
}

.email-container:hover {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.email-container a,
.navbar-header .email-container-large a {
    color: #E6E7E8;
    font-weight: 500 !important;
    text-decoration: none !important;
}

    .email-container a .icon-mail {
        font-size: 16px;
        position: relative;
        top: 0;
    }

    .email-container a:hover,
    .email-container a:active {
        text-decoration: none;
    }

#aec-email-signup .modal-header {
    background-color: #404D62;
    border-bottom: 5px solid #8E0210;
    color: #fff;
}

#aec-email-signup h4.modal-title {
    font-size: 16px !important;
    font-weight: 50;
    text-transform: uppercase;
}

#aec-email-signup button.close {
    background-color: #A00105;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    opacity: 1;
    padding: 0 7px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

    #aec-email-signup button.close:hover {
        background-color: #8E0210;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    #aec-email-signup button.close span {
        color: #fff;
        font-size: 30px;
        line-height: 1em;
        opacity: 1 !important;
        overflow: hidden;
        position: relative;
        text-shadow: 0 0;
        top: 0;
    }

#aec-email-signup h4.modal-title .icon-newspaper {
    margin-right: 4px;
}

#aec-email-signup .modal-content {
    border: medium none;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
}

#aec-email-signup .modal-body .optInSignUp-title > p {
    font-weight: normal;
    text-align: left;
    color: #667387;
}

#aec-email-signup .modal-body .optInSignUp-title > span {
    background-color: #DAE0E7;
    border-radius: 3px !important;
    color: #667387;
    display: block;
    font-size: 85%;
    font-weight: 400;
    line-height: 1;
    padding: 4px;
    text-align: left;
    vertical-align: baseline;
}

#aec-email-signup .modal-body {
    padding: 2px;
}

.email-form-container {
    background-color: #fff;
    padding: 15px;
}

    .email-form-container label {
        color: #1D2737;
        display: block;
        font-size: 14px !important;
        font-weight: 500;
        text-align: left;
        width: 100%;
    }

    .email-form-container .optInSignUp-title b {
        color: #fff;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .email-form-container h5.optInSignUp-title {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .email-form-container label[for="optInSignUp-email-address"] {
        margin-top: 10px;
    }

    .email-form-container .optInSignUp-Form {
        display: table;
        width: 100%;
    }

    .email-form-container input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 13px !important;
        line-height: 1.42857143;
        color: #404D62;
        background-color: #fff;
        background-image: none;
        border: 1px solid #a8b8cb !important;
        border-radius: 4px !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        .email-form-container input:focus {
            border-color: #404D62 !important;
            outline: 0;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }

    .email-form-container .optInSignUp-button {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        background-color: #8E0210;
        color: #FFF;
        float: right;
        margin-top: 15px;
        text-transform: uppercase;
        font-weight: 500;
        border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
        transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
    }

        .email-form-container .optInSignUp-button:before {
            font-family: 'WebGlyphs';
            content: '\f84e';
            font-weight: normal;
            margin-right: 4px;
        }

        .email-form-container .optInSignUp-button:hover {
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
            background-color: #A00105;
            color: #fff;
        }

.optInSignUp-button > span > b {
    font-weight: 400 !important;
}

.aec-redStandard {
    color: #be0039;
}

    .aec-redStandard.optInSignUp-frmValidations {
        text-align: left;
    }

        .aec-redStandard.optInSignUp-frmValidations > p {
            font-size: 12px;
            margin: 0 0 5px;
        }

.email-form-container .optInResult-Panel {
    color: #fff;
    font-size: 14px;
    font-style: normal !important;
    padding: 15px 0;
    text-align: center;
}

    .email-form-container .optInResult-Panel > i {
        font-style: normal !important;
    }

    .email-form-container .optInResult-Panel > br {
        display: none;
    }

    .email-form-container .optInResult-Panel > b > br + br {
        display: none;
    }


/*====================================
	SHOPING CART
=====================================*/

.cart-container {
    background-color: #404D62;
    display: inline-block;
    float: right;
    font-weight: normal;
    height: 42px;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    width: 100%;
    border-radius: 8px 4px 4px 8px !important;
    -webkit-border-radius: 8px 4px 4px 8px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: box-shadow 0.2s ease-in-out 0s;
    -webkit-transition: box-shadow 0.2s ease-in-out 0s;
}

    .cart-container:hover {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

.aec-main-minicart {
    display: block;
    height: 42px;
    padding-top: 0;
}

.cart-container .aec-cart-icon {
    background-color: #8E0210;
    border: solid 1px #8E0210;
    color: #fff;
    float: left;
    font-size: 25px;
    height: 42px;
    left: 0;
    line-height: 42px;
    position: relative;
    text-align: center;
    top: 0;
    width: 42px;
    border-radius: 4px 0 0 4px !important;
}

.aec-cart-icon .icon-basket-alt:before {
    left: 0;
    position: relative;
    top: 5px;
}

#aec-cartinfo-cartname {
    background-color: #F4F6F8;
    border-radius: 3px;
    color: #6a7c92;
    font-size: 12px;
    line-height: 100%;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: -40px;
    width: 100%;
    font-weight: 500;
}

    #aec-cartinfo-cartname:before {
        border-color: #F4F6F8 transparent transparent;
        border-image: none;
        border-style: solid;
        border-width: 5px;
        bottom: -10px;
        content: "";
        left: calc(50%);
        position: absolute;
    }

#aec-cart-arrow {
    display: none !important;
}

#aec-cartinfo-minicart {
    background-color: #fff;
    border-top: medium none;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.30) !important;
    -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.30) !important;
    cursor: pointer;
    left: 0;
    max-height: 500px;
    min-width: 100%;
    overflow-y: auto;
    margin-top: 40px;
    position: absolute;
    top: 0;
    z-index: 100;
}

#aec-miniCartDiv {
    background-color: #fff;
    min-height: 120px;
}

#aec-miniCart2 {
    margin-bottom: 0;
    width: 100%;
}

    #aec-miniCart2 th:nth-child(2),
    #aec-miniCart2 td:nth-child(2) {
        text-align: center;
    }

    #aec-miniCart2 thead tr {
        background: #1D2737 none repeat scroll 0 0;
        border-top: medium none;
    }

    #aec-miniCart2 th {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 25px;
        margin-top: 0;
        padding: 0 5px;
        text-decoration: none;
    }

    #aec-miniCart2 td {
        color: #1D2737;
        line-height: normal;
        padding: 4px 0 4px 7px;
        text-align: left;
    }

    #aec-miniCart2 tbody a {
        color: #337ab7;
        display: block;
        font-size: 13px;
        width: 100%;
    }

        #aec-miniCart2 tbody a:hover {
            color: #337ab7;
            text-decoration: underline;
        }

#aec-minicart-checkoutlink {
    background-color: #8E0210;
    border-radius: 4px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 7px;
    margin-left: 7px;
    margin-right: 7px;
    padding-bottom: 0;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

    #aec-minicart-checkoutlink:hover {
        background-color: #A00105;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        color: #404D62 !important;
    }

    #aec-minicart-checkoutlink > a {
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
    }

        #aec-minicart-checkoutlink > a:hover,
        #aec-minicart-checkoutlink > a:focus,
        #aec-minicart-checkoutlink > a:active {
            text-decoration: none !important;
        }

#aec-cartinfo,
#aec-cartinfo.aec-hovertab.aec-cartinfo-on {
    background-color: transparent !important;
    border-radius: 0 !important;
    cursor: pointer;
    display: inline-block;
    height: 42px;
    left: 0;
    line-height: 42px;
    padding-top: 0;
    position: relative;
    width: 100%;
}

#aec-cartinfo-inner {
    display: inline-block;
    float: left;
    height: 42px;
    position: relative;
    width: calc(100% - 50px);
}

    #aec-cartinfo-inner > a {
        display: inline-block;
        text-align: center;
        width: 90%;
    }

    #aec-cartinfo-inner a,
    #aec-cartinfo-inner a:hover,
    #aec-cartinfo-inner a:active {
        text-decoration: none !important;
    }

    #aec-cartinfo-inner * {
        color: #fff;
        font: 500 14px/42px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

#aec-cartitems-count-text {
    border-right: 1px solid #65748B;
    padding-right: 4px;
    right: 70px;
}


/*@media (min-width: 992px ) and (max-width: 1200px) {
	#aec-cartinfo-inner * {
  	font: 400 12px/50px "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	}
}*/

#aec-carthead {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-right: 5px;
    padding: 0;
    position: relative;
    text-align: center;
    top: 8px;
    width: auto;
    line-height: 100%;
}

    #aec-carthead a {
        background-color: #A00105;
        color: #fff;
        display: inline;
        font-weight: bold;
        line-height: normal;
        padding: 7px 10px;
        position: relative;
        text-transform: uppercase;
        top: 1px;
        transition: background-color 0.2s ease-in-out 0s;
        -webkit-transition: background-color 0.2s ease-in-out 0s;
    }

#aec-cartinfo-inner span#aec-cartitems-total:before {
    color: #DAE0E7 /*#C6DEFF*/
    ;
    content: "\f845";
    font-family: 'WebGlyphs';
    position: absolute;
    right: 7px;
    top: -2px;
    font-weight: normal;
    font-size: 12px;
}

#aec-carthead a:hover,
#aec-carthead a:active,
#aec-carthead a:focus {
    color: #fff !important;
    background-color: #8E0210 !important;
    text-decoration: none !important;
    outline: none !important;
    text-decoration: none !important;
}

#aec-cartinfo,
#aec-cartinfo.aec-hovertab.aec-cartinfo-on #aec-carthead > a {
    color: #fff !important;
    outline: none !important;
    text-decoration: none !important;
}

    #aec-cartinfo .icon-cart-full:before {
        line-height: 42px;
        font-size: 25px;
    }

@media (min-width: 0px) and (max-width: 991px) {
    #aec-carthead a {
        padding: 6px 25px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    /*.cart-container {
		display: none !important;
	}*/
}

@media (min-width: 320px) and (max-width: 992px) {
    .header-cart {
        margin-top: 15px;
    }
}


/* 4K and 8K UHD 7680px */

@media (min-width: 1200px) and (max-width: 7680px) {
    .header-cart {
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #aec-carthead a {
        display: inline-block;
        width: 100%;
    }

    #aec-carthead {
        top: 2px;
    }
}

@media (min-width: 0px) and (max-width: 359px) {
    .cart-container {
        display: table;
        height: auto;
        width: 100%;
    }

    .aec-main-minicart {
        width: 100%;
    }

    #aec-cartinfo-inner * {
        color: #fff;
        font: bold 14px/36px arial;
    }

    .stock-items {
        margin-bottom: 0;
    }

    #aec-cartinfo-inner {
        width: calc(100% - 48px);
    }
}

@media (min-width: 360px) and (max-width: 767px) {
    #aec-cartinfo-inner {
        width: calc(100% - 48px);
    }

    #aec-carthead {
        margin-right: 1%;
        width: 31%;
    }

        #aec-carthead a {
            display: inline-block;
            position: relative;
            top: -6px;
            width: 100%;
        }
}

@media (min-width: 360px) and (max-width: 420px) {
    #aec-cartinfo-inner * {
        color: #fff;
        font: bold 14px/34px arial;
    }
}


/*====================================
	HEADER DEPARTMENTS NAV MENU
=====================================*/

#aec-all-departments {
    background-color: #A00105;
    border: medium none !important;
    margin-left: -15px;
    margin-right: -15px;
    z-index: 0;
    margin-bottom: 0;
}

#nav-store-departments .caret {
    color: #fff;
}

#nav-store-departments .nav-title {
    border-bottom: 1px dashed #DAE0E7;
    color: #667387;
    font-weight: 600;
    margin-top: -4px;
    padding: 5px;
    text-transform: uppercase;
}

#nav-store-departments .dropdown-toggle:hover .caret {
    color: #FFB8BD !important;
}

#nav-store-departments [class^="icon-"]:before,
#nav-store-departments [class*=" icon-"]:before {
    font-size: 22px;
    line-height: 0;
    position: relative;
    top: 2px;
    width: auto;
}

#nav-store-departments .icon-movie-star:before {
    font-size: 30px;
}

#nav-store-departments .dropdown-toggle,
#nav-store-departments .nav.navbar-nav a {
    color: #fff;
    /*font-size: 14px;*/
    font-weight: 600;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
}

#nav-store-departments .dropdown-toggle {
    font-size: 14px;
}



#nav-store-departments .dropdown-menu a {
    color: #fff !important;
}

#nav-store-departments .nav.navbar-nav > li {
    transition: background-color 0.2s ease-in-out 0s;
    -webkit-transition: background-color 0.2s ease-in-out 0s;
    display: inline-block;
    float: left;
    width: 12.5%;
}

    #nav-store-departments .nav.navbar-nav > li.nav-end {
        border-right: 1px solid #c55058;
    }


/*#nav-store-departments .navbar-nav > li:before {
	background: #C55058 none repeat scroll 0 0;
	content: "";
	height: 30px;
	left: 0;
	position: absolute;
	top: 10px;
	width: 1px;
}*/

#nav-store-departments .navbar-nav > li:first-child:before {
    background: transparent none repeat scroll 0 0;
    width: 0;
}

#nav-store-departments .nav.navbar-nav > li a:hover .capsule {
    color: #fff;
}

.navbar-default#nav-store-departments .navbar-nav > li > a:focus,
.navbar-default#nav-store-departments .navbar-nav > li > a:hover {
    background-color: #8E0210;
}

#aec-all-departments #nav-store-departments .nav.navbar-nav li.single-line.deals-link {
    background-color: #8E0210;
}

    #aec-all-departments #nav-store-departments .nav.navbar-nav li.single-line.deals-link:before {
        background-color: #8E0210;
    }

    #aec-all-departments #nav-store-departments .nav.navbar-nav li.single-line.deals-link i {
        color: #6A050B;
    }

#nav-store-departments .nav.navbar-nav li a i,
#nav-store-departments .nav.navbar-nav li a i:before {
    font-weight: normal !important;
}

#nav-store-departments .nav.navbar-nav li a {
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

    #nav-store-departments .nav.navbar-nav li a:hover,
    #nav-store-departments .nav.navbar-nav li a:focus,
    #nav-store-departments .nav.navbar-nav li a:active {
        background-color: #8e0210;
    }

@media (min-width: 0px) and (max-width: 991px) {
    #nav-store-departments .nav.navbar-nav > li a:hover .capsule {
        background-color: transparent;
    }
}

#nav-store-departments .nav.navbar-nav li ul li a:hover {
    background-color: #DAE0E7;
}

.dropdown-menu .divider {
    background-color: #DAE0E7;
    margin: 5px 0;
}

#nav-store-departments .dropdown-menu > li > a {
    color: #1D2737 !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-transform: capitalize !important;
}

#nav-store-departments .dropdown-menu > li.aec-parentDpt > a {
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

@media (min-width: 1200px) and (max-width: 7680px) {
    #aec-all-departments > .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 0px) and (max-width: 1024px) {
    #aec-all-departments > .container {
        width: 100%;
    }
}

@media (min-width: 991px) and (max-width: 7680px) {
    #nav-store-departments .navbar-nav > li > a {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 7680px) {
    #nav-store-departments.navbar-collapse {
        display: table;
        width: 100%;
    }

    #nav-store-departments .dropdown-menu > li > a {
        color: #404D62;
        font-size: 13px;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

    #nav-store-departments ul.navbar-nav {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #nav-store-departments .dropdown-menu {
        background-color: #fff;
        border: medium none;
        font-size: 13px;
    }

    #nav-store-departments .navbar-nav > li > a > .capsule {
        padding: 5px;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        position: relative;
    }

    #nav-store-departments .navbar-nav > li:first-child a > .capsule {
        border-left: none !important;
    }

    #nav-store-departments .dropdown-menu > li > a:focus,
    #nav-store-departments .dropdown-menu > li > a:hover {
        background-color: #DAE0E7;
        text-decoration: none;
        color: #1D2737;
    }

    #nav-store-departments .open > a,
    #nav-store-departments .open > a:focus,
    #nav-store-departments .open > a:hover {
        background-color: transparent;
    }

    #nav-store-departments .open {
        background-color: transparent;
        border-radius: 0 !important;
    }
}

@media (min-width: 989px) and (max-width: 1200px) {
    #nav-store-departments .navbar-nav > li > a > .capsule {
        font-size: .85vw;
    }
}

@media (min-width: 768px) and (max-width: 988px) {
    .header {
        margin: 0 auto 20px;
    }

    #nav-store-departments {
        margin-left: 0;
        margin-right: 0;
    }

        #nav-store-departments ul.navbar-nav {
            margin: 0 0 0 2px;
        }
        /*#nav-store-departments .nav.navbar-nav > li {
		display: table-cell;
		float: none;
		width: 10%;
		vertical-align: middle;
	}*/
        #nav-store-departments .caret {
            display: block;
            margin-left: calc(50% - 14px);
            border-left: 14px solid transparent;
            border-right: 14px solid transparent;
            border-top: 8px dashed;
        }

    #aec-all-departments #nav-store-departments .nav.navbar-nav li a i,
    #aec-all-departments #nav-store-departments .nav.navbar-nav li.single-line.deals-link i {
        color: #C55058;
        display: block;
        font-size: 38px;
        margin-bottom: 5px;
        top: 0;
        z-index: -1;
    }

    #nav-store-departments .navbar-nav > li > a > .capsule {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 2px;
        position: relative;
        top: 2px;
        border: none !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        height: 20px;
        line-height: normal;
        font-size: .9vw;
    }

    #nav-store-departments .navbar-nav > li {
        left: -7px;
    }

        #nav-store-departments .navbar-nav > li > a {
            padding-bottom: 10px;
            padding-top: 10px;
        }
        /*#nav-store-departments .navbar-nav > li:before {
		background: #C55058 none repeat scroll 0 0;
		content: "";
		height: 77px;
		left: 0;
		position: absolute;
		top: 10px;
		width: 1px;
	}*/
        #nav-store-departments .navbar-nav > li:first-child:before,
        #nav-store-departments .navbar-nav > li.req-cat:before {
            background-color: transparent;
            width: 0;
        }

    #nav-store-departments .single-line.sl {
        min-width: 97px;
        width: 12% !important;
    }

    #nav-store-departments .single-line.sm {
        max-width: 70px;
        width: 8% !important;
    }
}

@media (min-width: 992px) and (max-width: 1184px) {
    #aec-all-departments .container {
        padding-left: 0;
        padding-right: 0;
    }

    #nav-store-departments .navbar-nav > li > a > .capsule {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 2px;
        position: relative;
        top: 2px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header {
        margin: 15px auto;
    }

    .header-container .store-user-nav .container,
    #aec-all-departments .container {
        width: 100%
    }

    .header-container .header {
        padding: 0 15px;
        width: 100% !important;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #nav-store-departments .dropdown-toggle,
    #nav-store-departments .nav.navbar-nav a {
        padding-left: 5px;
        padding-right: 5px;
    }

    #nav-store-departments .nav.navbar-nav > li {
        vertical-align: middle;
    }

    .header-search {
        padding-top: 30px;
    }

    .header-feedback-btn {
        padding-top: 0px;
    }

    .home-link {
        height: 90px;
        top: 4px;
        width: 100%;
    }

    .header-feedback-btn {
        padding-left: 15px;
        padding-right: 5px;
        width: 26%;
    }

    .header-logo {
        width: 24%;
    }

    .header-search {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#aec-all-departments .navbar-toggle {
    background-color: #A00105;
    border: medium none;
    border-radius: 4px !important;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    padding: 15px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s ease 0s;
    -webkit-transition: background-color 0.2s ease 0s;
    line-height: 1em;
}

    #aec-all-departments .navbar-toggle[aria-expanded="true"] {
        border-radius: 4px 4px 0 0 !important;
    }

.aec-parentDpt > a {
    color: #404D62 !important;
    font-weight: 700 !important;
}

@media (min-width: 0px) and (max-width: 480px) {
    #nav-store-departments ul.nav {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 481px) and (max-width: 520px) {
    #nav-store-departments ul.nav {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-all-departments {
        background-color: transparent;
        margin-top: 20px;
    }

    .feedback-btn-container {
        padding-top: 20px;
    }

    #nav-store-departments ul.nav {
        margin-top: 0;
        margin-bottom: 0px;
    }

    #aec-all-departments .navbar-toggle {
        background-color: #A00105;
        width: 100%;
    }

    #aec-all-departments button.shop-departments .nav-label {
        line-height: 1em;
    }

    #aec-all-departments .navbar-header {
        margin-left: 15px;
        margin-right: 15px;
    }

    #nav-store-departments .nav.navbar-nav > li {
        display: block;
        float: none;
        width: 100%;
    }

    #nav-store-departments {
        border-top: none !important;
        border-left: none;
        border-radius: 0 !important;
        border-bottom: none;
        margin: 0 auto;
    }

    #aec-all-departments .dropdown-menu li,
    #aec-all-departments .dropdown-menu {
        background-color: #fff;
        border-bottom: medium none;
        font-size: 13px;
    }

    #nav-store-departments .nav.navbar-nav > li a:hover {
        background-color: #8E0210;
    }

    #aec-all-departments #nav-store-departments .nav.navbar-nav li.single-line.deals-link a:hover {
        background-color: #A00105;
    }

    #nav-store-departments .nav.navbar-nav > li ul li a:hover {
        background-color: #DAE0E7;
    }

    #nav-store-departments .dropdown-toggle {
        font-size: 14px !important;
    }

    #aec-all-departments .dropdown-menu li a {
        color: #404D62;
        font-size: 13px;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

    #nav-store-departments .dropdown-menu > li > a:focus,
    #nav-store-departments .dropdown-menu > li > a:hover {
        background-color: #EBF3FF;
        text-decoration: none;
    }

    #nav-store-departments ul li {
        background-color: #A00105;
        border-bottom: 1px solid #C55058;
        text-align: left;
    }
        /*#nav-store-departments ul li.single-line{
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
		-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
	}*/
        #nav-store-departments ul li:before {
            width: 0;
            height: 0;
            background-color: transparent;
        }

    #nav-store-departments ul.nav.navbar-nav > li:first-child {
        border-top: 1px solid #C55058;
    }

    #nav-store-departments .dropdown-toggle {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
        font-size: 14px;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        text-transform: uppercase;
    }

    #nav-store-departments .dropdown.open .dropdown-toggle,
    #nav-store-departments .dropdown .dropdown-toggle:hover {
        background-color: #8E0210;
    }

    #nav-store-departments .dropdown-menu .divider {
        background-color: #DAE0E7 !important;
    }

    #aec-all-departments .dropdown-menu {
        border-left: medium none;
        border-radius: 0 !important;
        border-right: medium none;
    }

    #nav-store-departments .navbar-nav > li > a {
        text-align: left !important;
        padding-left: 2px !important;
    }

    #nav-store-departments .caret {
        border: medium none;
        position: absolute;
        right: 35px;
        top: 10px;
    }

        #nav-store-departments .caret:before {
            content: "\f845";
            font-family: "WebGlyphs";
        }

    #nav-store-departments [class^="icon-"]:before,
    #nav-store-departments [class*=" icon-"]:before {
        font-size: 27px;
        height: 25px;
        left: 5px;
        line-height: 25px;
        position: absolute;
        text-align: center !important;
        width: 30px;
        top: 8px;
    }

    #aec-all-departments #nav-store-departments .nav.navbar-nav li a i {
        color: #c55058;
        display: inline-block;
        float: left;
        font-size: 28px;
        line-height: 0;
        margin-left: 2px;
        position: relative;
        top: -5px;
    }

    #aec-all-departments #nav-store-departments .nav.navbar-nav li.single-line.deals-link i {
        color: #E6E7E8;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    #nav-store-departments {
        margin-left: 15px;
        margin-right: 15px;
    }

    #aec-all-departments .container {
        padding: 0 15px;
    }
}

@media (min-width: 768px) and (max-width: 778px) {
    #nav-store-departments {
        margin-left: 5px;
        margin-right: 5px;
    }

    #aec-all-departments .container {
        padding: 0;
    }
}

@media (min-width: 0px) and (max-width: 480px) {
    #aec-all-departments .navbar-header {
        padding-left: 0;
        padding-right: 0;
    }

    #aec-all-departments .navbar-toggle {
        padding: 15px;
    }

    #nav-store-departments {
        margin-left: 0;
        margin-right: 0;
    }

    #aec-all-departments .container {
        padding: 0;
    }

    #aec-cartinfo-inner span#aec-cartitems-total:before {
        top: 4px !important;
    }
}

@media (min-width: 420px) and (max-width: 480px) {
    #aec-cartinfo-inner span#aec-cartitems-total:before {
        top: 0 !important;
    }
}

#aec-all-departments .navbar-toggle:hover {
    background-color: #8E0210;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .dropdown-menu-right-sm {
        left: auto !important;
        right: 0 !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #ui-id-1.ui-autocomplete {
        left: 2% !important;
        width: 96% !important;
        z-index: 10;
    }
}

@media (min-width: 0px) and (max-width: 479px) {
    #ui-id-1.ui-autocomplete {
        left: 6% !important;
        width: 88% !important;
        z-index: 10;
    }
}

@media (min-width: 768px) and (max-width: 769px) {
    #ui-id-1.ui-autocomplete {
        left: 2% !important;
        width: 96% !important;
        z-index: 10;
    }
}


/*====================================
	TOP NAVIGATION ICONS
=====================================*/

@media (min-width: 989px) and (max-width: 7680px) {
    #aec-all-departments #nav-store-departments .nav.navbar-nav li a i {
        color: #890005;
        display: block;
        font-size: 46px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50%);
        -webkit-transform: translate(-50%);
    }
}

@media (min-width: 768px) and (max-width: 1055px) {
    #nav-store-departments .dropdown-toggle {
        font-size: 13px !important;
    }
}


/*====================================
	TOGGLE LEFT NAVIGATION
=====================================*/

.aec-toggle-leftnav {
    background-color: transparent;
    background-image: none;
    border: medium none;
    border-radius: 0 !important;
    color: #6a7c92;
    float: left;
    height: 50px;
    margin: 0;
    padding: 8px;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    width: 50px;
    display: none;
}

    .aec-toggle-leftnav .icon-list-justify {
        font-size: 20px;
    }

        .aec-toggle-leftnav .icon-list-justify:before {
            position: relative;
            top: -2px;
        }

    .aec-toggle-leftnav:hover,
    body.open-nav .aec-toggle-leftnav {
        background-color: #1D2737;
        color: #fff;
    }

        body.open-nav .aec-toggle-leftnav .icon-list-justify:before {
            content: '\f82c' !important;
        }

@media (min-width: 0px) and (max-width: 1023px) {
    .aec-toggle-leftnav {
        display: block;
    }

    #aec-webamiacctnum.aec-navTitle {
        padding: 13px !important;
        margin-right: 0 !important;
    }
}

#aec-webamnavlinks hr {
    width: 100% !important;
    border-color: #DAE0E7 !important;
}

/*====================================
	END HEADER
=====================================*/


/*====================================
	FOOTER
=====================================*/

#aec-footer {
    bottom: 0;
    left: 0;
    margin-top: 0;
    width: 100%;
}

#aec-footer-siteswitch {
    background-color: transparent;
    /*border-bottom: 1px solid #4b5056;*/
    color: #e9f0f8;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    display: none;
}

    #aec-footer-siteswitch a {
        font-size: 15px;
        font-weight: 400;
        background-color: #8e0210;
        border: medium none;
        border-radius: 3px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
        color: #fff;
        font-weight: 400;
        padding: 6px 12px;
        margin-right: 10px;
        text-transform: uppercase;
        transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
    }

        #aec-footer-siteswitch a:hover,
        #aec-footer-siteswitch a:active,
        #aec-footer-siteswitch a:focus {
            background-color: #A00105;
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            color: #e6e7e8;
            text-decoration: none !important;
        }

.footer {
    background-color: #e9f0f8;
    color: #1D2737;
    display: block;
    padding-top: 40px;
    text-align: left;
}

.footer-col {
    margin-bottom: 40px;
    min-height: 160px;
}

    .footer-col.aec-helpful-links {
        border-left: 0 none;
    }

.footer li {
    line-height: 25px;
    height: 25px;
}

.footer h4 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 0;
    text-transform: uppercase;
    display: none;
}

.footer ul {
    list-style: none;
    overflow: hidden !important;
}

.footer-nav a {
    line-height: 14px;
}

.footer a {
    color: #404D62;
    font-size: 14px;
    font-weight: 300;
    transition: color 0.2s ease-in-out 0s;
    -webkit-transition: color 0.2s ease-in-out 0s;
}

    .footer a:hover,
    .footer a:active {
        color: #1D2737;
    }

    .footer a i {
        margin-right: 2px;
        width: auto;
    }

.footer #aec-user-list a i,
.footer #aec-categories-list a i {
    font-size: 18px;
    text-align: center;
}

.footer #aec-categories-list a i {
    left: -2px;
    position: relative;
}

.aec-helpful-links a i {
    width: 1em;
}

.top-left > p {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding-right: 20px;
}

.credit-cards a {
    font-size: 24px;
}

@media (min-width: 650px) and (max-width: 991px) {
    .credit-cards {
        padding-top: 27px;
    }

        .credit-cards a {
            font-size: 35px;
        }

    .aec-youracc-links,
    .aec-conpanyinfo-links {
        /*border-left: 1px solid #1D2737;*/
    }

    .footer-col.last-col {
        border-top: 1px solid #a8b8cb !important;
        margin-bottom: 0;
        padding-top: 20px !important;
    }
}

.aec-disclaimer {
    font-size: 12px;
    margin-top: 0;
    min-height: 50px;
    padding-top: 15px;
    text-align: left;
}

.aec-dtu-footer {
    min-height: 50px;
    padding-bottom: 25px;
    text-align: right;
}

    .aec-dtu-footer a {
        color: #6b798b;
        font-size: 24px;
    }

.footer .container-fluid {
    background-color: #1D2737;
    color: #365A8B;
}

.footer-bottom {
    display: table;
    margin: 0 auto;
    width: 1170px;
}

@media (min-width: 0px) and (max-width: 1170px) {
    .footer-bottom {
        width: 100%;
    }
}

.aec-dtu-footer ul {
    display: block;
    margin: 0 auto;
    float: none;
}

#aec-footer .aec-copyAndLogo {
    color: #74787D;
    height: auto;
    display: block !important;
    text-align: center !important;
}

.aec-webami-footer-ccpa {
    margin: 10px 0 !important;
}

.aec-webami-footer-ccpa li {
    display: inline !important;
}

.aec-webami-footer-ccpa li a {
    font-size: 1.3rem !important;
    color: #fff;
    padding: 0px 5px;
}

.aec-webami-footer-ccpa li a:hover {
    color: #fff;
    cursor: pointer;
}

@media (min-width: 0px) and (max-width: 767px) {
    .footer {
        padding-top: 30px;
    }
}

@media (min-width: 650px) and (max-width: 767px) {
    .footer .col-smd-4 {
        float: left;
        width: 33.33333333%;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width: 650px) and (max-width: 991px) {
    .aec-disclaimer {
        font-size: 11px;
    }

    .footer-col {
        min-height: 165px;
    }

        .footer-col.last-col {
            border: medium none;
            height: auto;
            min-height: 0;
            width: 100%;
        }

    .top-left,
    .botton-right {
        float: left;
        width: 100%;
    }

    .botton-right {
        text-align: right;
    }

    .footer-col.last-col {
        margin-bottom: 0;
        padding-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 649px) {
    .aec-disclaimer,
    .aec-dtu-footer {
        float: left;
        width: 100%;
        text-align: center;
    }

    .ts-1 {
        clear: none;
        float: none;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 300px;
    }

    .footer-col {
        margin-bottom: 0;
    }
}


/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 7680px) {
    .footer-btn {
        display: none;
    }

    .footer .collapse {
        display: table !important;
    }

    .footer .navbar-collapse {
        border-top: none !important;
        /*-webkit-box-shadow: none !important;*/
        -webkit-box-shadow: none !important;
        overflow-x: visible;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* 4K and 8K UHD 7680px */

@media (min-width: 1200px) and (max-width: 7680px) {
    .col-xs-12.footer-col:not(.aec-helpful-links) {
        /*border-left: 1px solid #1D2737;
		padding-left: 20px !important;
		padding-right: 0;*/
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .col-xs-12.footer-col {
        padding-left: 0;
        padding-right: 0;
    }

    .footer {
        padding-top: 15px;
    }

        .footer .col-smd-4 h4 {
            display: none;
        }

    .footer-col {
        min-height: 0;
        border: none;
    }

    .footer-btn {
        border-bottom: 1px solid #a8b8cb;
        border-radius: 0 !important;
        font-size: 17px;
        font-weight: 600;
        margin: 0 auto 0;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

    .footer-nav {
        border-bottom: 1px solid #a8b8cb;
        -webkit-box-shadow: none !important;
        margin-bottom: 0;
    }

        .footer-nav li {
            border-top: 1px solid #a8b8cb;
            height: auto;
            line-height: normal;
            margin-left: -15px;
            margin-right: -15px;
            padding: 8px 0px;
        }

            .footer-nav li:hover {
                background-color: #b8c2cd;
            }

            .footer-nav li:first-child {
                border-top: none;
            }

    .footer a {
        display: block;
    }

    .footer-nav li:hover a {
        color: #404D62;
        text-decoration: none !important;
    }

    .footer-nav li a:hover,
    .footer-nav li a:focus,
    .footer-nav li a:active {
        text-decoration: none !important;
    }

    .footer-col.last-col {
        margin-top: 15px;
        padding-top: 10px;
        text-align: center;
    }

    .aec-dtu-footer {
        float: left;
        text-align: center !important;
        width: 100%;
        /*height: 30px;*/
        margin-top: 0;
        min-height: auto;
        padding: 5px 0;
    }

    .aec-disclaimer {
        float: left;
        text-align: center !important;
        width: 100%;
        margin-top: 5px !important;
        font-size: 11px;
        height: auto;
        margin-top: 0;
        min-height: auto;
        padding: 5px 0;
    }

    .ts-1 {
        margin-bottom: 15px;
        top: 10px;
    }

    .credit-cards {
        float: left;
        width: 100%;
    }

    .top-left > p {
        display: inline-block;
        float: left;
        line-height: 32px;
        padding-right: 10px;
        text-align: right;
        width: 50%;
    }

    .aec-helpful-links,
    .aec-youracc-links,
    .aec-conpanyinfo-links {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .footer button[aria-expanded="false"] .nav-label:before {
        content: "\f845";
        font-family: 'WebGlyphs';
        left: 0;
        position: absolute;
        color: #8E0210;
    }

    .footer button[aria-expanded="true"] .nav-label:before {
        content: "\f848";
        font-family: 'WebGlyphs';
        left: 0;
        position: absolute;
        color: #A00105;
    }

    .footer button[aria-expanded="true"] {
        border-bottom: 1px solid #a8b8cb !important;
    }

    #aec-information-list,
    #aec-user-list,
    #aec-help-list {
        border-radius: 0 !important;
        border-top: medium none;
    }
}


/*====================================
	FOOTER END
=====================================*/


/*====================================
	LEFT NAVIGATION
=====================================*/

body.open-nav {
    /* removed margin causing extra space when the left nav is open */
    /*margin-left: 200px;*/
    margin-right: -200px;
}

body #aec-left {
    transition: left .2s ease-in-out 0s;
    -webkit-transition: left .2s ease-in-out 0s;
    -moz-transition: left .2s ease-in-out 0s;
    -o-transition: left .2s ease-in-out 0s;
}

#aec-leftnavspacer {
    height: 33px;
    width: 180px !important;
}

@media (min-width: 0px) and (max-width: 1023px) {
    body.open-nav #aec-left {
        left: 0;
        overflow-y: scroll;
        height: 100%;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
    }
}

body.open-nav #aec-left::-webkit-scrollbar {
    display: none;
}


/* 4K and 8K UHD 7680px */

@media (min-width: 1023px) and (max-width: 7680px) {
    #aec-left {
        width: 16.6667% !important;
        float: left;
        list-style: outside none none;
        border-right: 1px solid #DAE0E7;
    }

    body.open-nav {
        margin-left: 0;
        margin-right: 0;
    }
}

.hidden-toggle {
    display: none;
    height: 50px;
    left: 0;
    line-height: 50px;
    padding: 0 15px;
    position: absolute;
    top: 0;
    z-index: 99999;
}

@media (min-width: 0px) and (max-width: 1023px) {
    .hidden-toggle {
        display: block;
    }
}

@media (min-width: 0px) and (max-width: 1023px) {
    #aec-left {
        position: absolute;
        width: 200px !important;
        left: -200px;
        top: 0;
        z-index: 9999;
        padding-left: 0;
        padding-right: 0;
    }

    body.open-nav #aec-left {
        -webkit-box-shadow: none !important;
    }

    .aec-dcsnavTitle,
    .aec-navTitle {
        padding-left: 8px !important;
    }

    .aec-dcsnavAccordian .aec-dcsnavHead,
    #aec-left .aec-dcsnavHead {
        padding: 0 0 0 8px !important;
    }

    .aec-dcsLinks ul li {
        padding-bottom: 4px;
        padding-top: 4px;
    }
}

.help-nav,
.aec-res-deals-nav {
    display: none;
}

.aec-dcsnavAccordian .aec-dcsnavHead {
    border-bottom: 1px solid #DAE0E7;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
}

.aec-dcsSelections > h3 {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 5px 0;
}

.aec-dcsSelections > ul {
    margin-bottom: 0;
}

#aec-adv-currentlyselected {
    color: #1D2737;
    font-size: 13px;
    padding: 0 0 10px 2px;
}

.aec-dcsRefine {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

.aec-dcsnavTitle,
.aec-navTitle {
    background-color: transparent;
    color: #1D2737;
    font-size: 16px;
    font-weight: bold;
    padding-left: 0;
    text-decoration: none;
}

    .aec-dcsnavTitle a,
    .aec-navTitle a,
    .aec-dcsnavTitle h2,
    .aec-navTitle h2 {
        color: #1D2737;
        display: block;
        font-size: 18px;
        font-weight: bold;
        padding: 7px 0;
        text-decoration: none;
        transition: color 0.2s ease 0s;
        -webkit-transition: color 0.2s ease 0s;
    }

.aec-dcsnavAccordian .aec-dcsnavHead,
#aec-left .aec-dcsnavHead {
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
}

    .aec-dcsnavAccordian .aec-dcsnavHead a,
    #aec-left .aec-dcsnavHead a {
        color: #1D2737;
        display: block;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0 5px 10px;
        text-decoration: none;
        transition: color 0.2s ease 0s;
        -webkit-transition: color 0.2s ease 0s;
    }

    .aec-dcsnavAccordian .aec-dcsnavHead:first-child,
    #aec-left .aec-dcsnavHead:first-child {
        border-top: 1px solid #DAE0E7;
    }

.aec-dcsLinks a,
.aec-navLinks > ul > li a {
    color: #1D2737;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-boutique-link > a {
    text-transform: capitalize;
}

.aec-dcsnavTitle a:hover,
.aec-navTitle a:hover,
.aec-dcsnavTitle h2:hover,
.aec-navTitle h2:hover,
.aec-dcsnavAccordian .aec-dcsnavHead a:hover,
#aec-left .aec-dcsnavHead a:hover,
.aec-navLinks > ul > li a:hover {
    color: #337ab7 !important;
    text-decoration: underline !important;
}

.aec-navLinks > ul > li {
    list-style-type: none;
    padding: 2px 0 2px 5px;
}

.aec-dcsLinks ul li {
    padding-right: 4px;
}

.aec-navLinks.translate {
    border-top: 1px solid #DAE0E7;
    margin-top: 0;
    padding-top: 5px;
}

.aec-dcsIcon {
    background-image: url("/customers/webami/img/ui-icons_222222_256x240D.svg");
    background-position: -32px -16px;
    height: 16px;
    margin: 3px -5px 0;
    position: absolute;
    width: 16px;
}

.aec-dcsLinks {
    margin-left: 10px;
}

.aec-dcsMore {
    background: #1D2737 none repeat scroll 0 0;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1em;
    padding: 4px 4px;
    text-decoration: none;
    width: auto;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

    .aec-dcsMore:hover {
        background: #404D62 none repeat scroll 0 0;
        text-decoration: none !important;
    }

.aec-dcsSelections {
    background-color: transparent;
    border-color: #DAE0E7;
    border-style: solid;
    border-width: 1px 0 0;
    color: #1D2737;
    padding: 4px 10px;
}

.aec-dcsRefine {
    color: #1D2737;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px 10px;
}

.aec-dcsSelections > h3 {
    color: #1D2737;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-dcsSelections a {
    color: #1D2737;
    font-size: 13px;
    padding: 0;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

.aec-dcsSelections a:hover {
    color: #337ab7 !important;
    text-decoration: none !important;
}

.aec-dcsSelections li:hover .aec-dcsSelectionsIcon:before {
    color: #337ab7 !important;
}

/*====================================
	LEFT NAVIGATION END
=====================================*/
/*====================================
	INFO BOX
=====================================*/
.bt-content {
    background: none repeat scroll 0 0 #ffffff;
    border: 4px solid #1D2737;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

    .b1f,
    .b2f,
    .b3f,
    .b4f,
    .bt-content h3,
    .contentf {
        background: none repeat scroll 0 0 #ffffff;
    }

        .contentf div {
            margin-left: 0;
        }

.aec-listview .aec-quickviewhover,
.aec-listview.aec-gridview .aec-quickviewhover {
    margin: auto;
}

.contentf span:empty {
    display: none;
}

.bt-content #aec-rated {
    border: 1px solid #000000;
    border-radius: 3px !important;
    font-family: arial;
    font-size: 11px;
    font-weight: bolder;
    line-height: 14px;
    margin: 1px 4px 1px 10px;
    min-width: 17px;
    padding: 2px 2px 1px;
    color: #000;
}

#aec-closex {
    background-color: #1D2737;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 1px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 22px;
    text-indent: 2px;
    border-radius: 0 0 0 8px !important;
    -webkit-border-radius: 0 0 0 8px !important;
}

.bt-content h2 {
    background-color: transparent !important;
    color: #000;
    display: inline-block;
    font: bold 12px/22px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 5px 24px 0;
    text-align: center;
    width: 100%;
}

.contentf h3 {
    margin: 0;
}

.bt-content h2 > a,
.bt-content h3 {
    color: #337ab7;
    font-size: 1.4em;
    text-decoration: none;
}

    .bt-content h2 > a:hover {
        border-bottom: 1px dotted #337ab7;
        color: #337ab7 !important;
        text-decoration: none;
    }

    .bt-content h3 span {
        color: #1D2737;
        display: inline-block;
        font: 13px/15px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-top: 5px;
    }

.bt-content #aec-quickviewcontent {
    border-top: 1px dashed #c6d2dd;
    clear: left;
    color: #667387;
    font: 14px/22px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 10px;
    position: relative;
    width: 100%;
}

    .bt-content #aec-quickviewcontent dt {
        clear: left;
        color: #1D2737;
        display: inline-block;
        float: left;
        font-weight: bold;
        margin: 0 6px 0 0;
        padding-bottom: 6px;
        text-align: left;
        width: 70px;
    }

    .bt-content #aec-quickviewcontent dd {
        color: #667387;
        margin-left: 80px;
        padding-bottom: 6px;
        padding-left: 2px;
    }

.bt-wrapper.ui-draggable #canvas {
    display: none !important;
}

#aec-quickviewcontent a {
    color: #337ab7;
}

    #aec-quickviewcontent a:hover {
        color: #23527c !important;
        text-decoration: underline;
    }


/*====================================
	GRID
=====================================*/

.aec-next:hover,
.aec-prev:hover {
    box-shadow: none;
}


/* Hide Categories */

.aec-navTitle:first-child + .aec-dcsnavAccordian {
    display: block;
}

.aec-navTitle:first-child {
    display: block !important;
}

.aec-staticleft + .aec-navTitle {
    display: block !important;
}


/*
.aec-navTitle {
	display: none !important;
}

.aec-dcsnavAccordian {
	display: none;
}

.aec-navLinks {
	display: none;
}
*/

.aec-dcsRefine + .aec-dcsnavAccordian {
    display: block;
}

#aec-left > .aec-navTitle:first-child + .aec-navLinks {
    display: block;
}

.aec-staticleft + .aec-navTitle + .aec-dcsnavAccordian {
    display: block;
}


/* Hide Categories */

html > body #aec-main {
    height: auto !important;
    margin: 0;
    min-height: 1%;
    vertical-align: top;
    width: 83.3333%;
    /* Match initial Bootstrap container width */
    float: left;
    padding: 0 15px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    html > body #aec-main {
        width: 82.3333%;
    }
}

@media (min-width: 0px) and (max-width: 1023px) {
    html > body #aec-main {
        width: 100%;
    }
}

.aec-searchresults,
.aec-otherpossibilities {
    padding-left: 15px;
}

.aec-searchresults {
    color: #1D2737;
    font-size: 13px;
    margin-bottom: 10px;
}

.aec-searchresults-notfound, .aec-noresults {
    color: #1D2737;
    font-size: 14px;
    padding: 5px 5px 5px 15px;
}

.aec-otherpossibilities {
    font-size: 13px;
    color: #1D2737;
}

.aec-otherpossibilities {
    color: #1D2737;
    font-size: 13px;
}

.aec-expandResults {
    color: #1D2737;
    font-size: 13px;
}

    .aec-otherpossibilities a,
    .aec-expandResults a,
    .aec-searchresults-notfound a {
        color: #337ab7 !important;
        font-weight: 700;
    }

        .aec-otherpossibilities a:hover,
        .aec-expandResults a:hover,
        .aec-searchresults-notfound a:hover {
            color: #337ab7 !important;
        }

@media (min-width: 0px) and (max-width: 640px) {
    .aec-expandResults {
        float: none;
    }
}


/*====================================
	PRODUCT GRID
=====================================*/

.aec-listview .aec-noresults {
    color: #1D2737;
    font-size: 15px;
}

    .aec-listview .aec-noresults:before {
        content: "\f883";
        font-family: "WebGlyphs";
        font-weight: normal !important;
        margin-left: 10px;
        margin-right: 5px;
    }

ul.aec-listview {
    border-left: medium none;
    border-right: none;
    display: table;
    list-style: outside none none;
    padding: 0.5% 0 0;
    text-align: left;
    width: 100%;
    margin-bottom: 0;
}

.aec-listview .threedots_ellipsis {
    color: #337ab7;
}

ul.aec-listview li {
    position: relative;
    padding: 15px 0 15px 10px;
}

@media (min-width: 0px) and (max-width: 680px) {
    ul.aec-listview {
        padding-top: 15px;
    }
}

ul.aec-listview > li:first-child {
    border-top: medium none;
}

ul.aec-listview > li {
    border-color: #DAE0E7;
    border-style: solid;
    border-width: 0 0 2px;
}

#aec-prodgrid.aec-gridview > li {
    background: transparent none repeat scroll 0 0;
    border-color: #DAE0E7;
    border-style: solid;
    border-width: 0 0 2px;
    display: table-cell;
    float: left;
    height: 455px;
    margin: 0;
    min-height: 455px;
    padding: 10px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 20%;
}

@media (min-width: 320px) and (max-width: 359px) {
    #aec-prodgrid.aec-gridview > li, 
    #aec-prodgrid.aec-listview > li {
        width: 100%;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 360px) and (max-width: 519px) {
    #aec-prodgrid.aec-gridview > li {
        width: 50%;
    }
}

@media (min-width: 520px) and (max-width: 767px) {
    #aec-prodgrid.aec-gridview > li {
        width: 33.3333333%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #aec-prodgrid.aec-gridview > li {
        width: 25%;
    }
}

#aec-prodgrid.aec-listview .aec-buybutton > div:first-child {
    color: #1D2737;
    font-size: 13px;
    padding-bottom: 10px;
    padding-top: 5px;
    text-transform: uppercase;
    top: 12px;
    width: 100%;
}

#aec-prodgrid.aec-listview.aec-gridview .aec-buybutton > div:first-child {
    padding-top: 0 !important;
}

.aec-buybutton-qty {
    background-color: #fff;
    border: 1px solid #A8B8CB;
    font-size: 12px;
    height: 25px;
    text-align: center;
    width: 25px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.aec-listview .aec-gridcontentul a {
    color: #337ab7;
    font-size: 13px;
    font-weight: 500;
}

.aec-listview ul.aec-gridcontentul li:first-child a {
    color: #337ab7;
}

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul li:first-child a {
    font-size: 16px;
}

.aec-listview .aec-gridcontentul a:hover {
    color: #23527c !important;
    text-decoration: underline;
}

.aec-listview .aec-gridcontentul li {
    color: #404D62;
    font-size: 12px;
    padding: 1px 0;
}

.aec-listcontent.aec-bolder-text {
    font-weight: 600;
}

.aec-listview li .aec-gridcontent.aec-attrdesc {
    font-size: 9pt;
    display: block;
}

.aec-listview:not(.aec-gridview) .aec-ellipsis {
    width: auto;
    display: inline-block;
}

.aec-listview ul li > span.aec-release-year {
    display: inline;
}

.aec-listview.aec-gridview li .aec-gridcontent.aec-attrdesc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aec-listcontent.aec-gridnotes {
    border-top: 1px dashed #dae0e7;
    margin-top: 10px !important;
    padding-top: 5px !important;
}

.aec-quickviewhover {
    -moz-user-select: none;
    background-color: transparent;
    background-image: none;
    border: medium none;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    color: #404D62;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0;
    opacity: 1;
    overflow: hidden;
    padding: 4px 2px !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 100px;
    border-radius: 3px;
    text-decoration: underline;
    position: initial;
    font-family: sans-serif !important;
}

.slick-active .aec-quickviewhover,
.aec-grid-divspan .aec-quickviewhover {
    display: block;
}

    .aec-quickviewhover:before {
        content: "QUICK VIEW";
    }

    .aec-quickviewhover > img {
        display: none;
    }

@media (min-width: 0px) and (max-width: 1024px) {
    .aec-quickviewhover {
        display: none !important;
    }
}

.aec-grid-divspan {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

#aec-prodgrid.aec-gridview .aec-cover {
    width: 100%;
    float: left;
    padding-top: 5px;
    display: table;
    max-height: 250px;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    margin: 0;
}

.aec-listview.aec-gridview .aec-cover > a {
    display: block;
    height: 177px;
    vertical-align: middle;
    width: 100%;
}

.aec-listview p.aec-cover > a > img {
    display: block;
    margin: 0 auto;
    max-height: 170px;
    min-height: auto;
}
#aec-prodgrid .aec-cover > a > img {
    /*max-height: 130px;*/
}

.aec-gridview .aec-gridcontentul {
    display: inline-block;
    min-height: 50px !important;
    padding: 0;
    text-align: center;
    width: 100% !important;
}

.aec-gridview .aec-ellipsis {
    width: 100%;
}

.aec-buybutton .aec-product-unavailable {
    text-transform: capitalize !important;
}

.aec-gridview .aec-gridcontentul a {
    color: #337ab7;
    font-size: 14px;
    font-weight: 500;
    line-height: 13px;
}

#aec-boutiquegridspan .aec-listview div > span.aec-threedotstext {
    font-weight: 700;
}

.aec-gridview .aec-gridcontentul a:hover {
    color: #23527c;
}

.aec-grid-artist a,
.aec-grid-author a {
    color: #337ab7 !important;
    font-size: 9pt !important;
    font-style: normal;
    font-weight: normal !important;
    line-height: 9pt !important;
}

.aec-gridview .aec-grid-artist .aec-ellipsis,
.aec-gridview .aec-grid-author .aec-ellipsis {
    overflow: hidden;
    min-height: 10pt;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #667387;
}

.aec-gridview div.aec-buybutton {
    float: left !important;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 270px;
}

.aec-buyimage .aec-buybutton {
    display: block;
    font-size: 14px;
    padding: 5px 10px !important;
}

.aec-gridview .aec-price {
    margin-top: 10px;
}

.aec-listview .aec-gridcontentul li {
    font-size: 12px;
    padding: 1px 0;
}

    .aec-listview .aec-gridcontentul li.aec-listcontent.aec-shortdesc {
        display: none !important;
    }

.aec-listcontent.aec-platform {
    color: #667387 !important;
    display: inline-block !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ESRB GRID START */

.aec-listcontent.aec-esrb > br {
    display: none;
}

.aec-listcontent.aec-esrb > div * {
    font-size: 12px;
}

.aec-listcontent.aec-esrb .aec-esrbimg {
    max-height: 35px;
}

.aec-listcontent.aec-esrb + .aec-listcontent:not(.release-date) {
    font-size: 7pt !important;
    margin-top: 5px;
    text-align: left !important;
}

@media (min-width: 0px) and (max-width: 767px) {
    .aec-listcontent.aec-esrb br {
        display: none;
    }

    .aec-listcontent.aec-esrb a {
        border-left: 1px solid #DAE0E7;
        display: inline-block;
        margin-left: 4px;
        padding-left: 4px;
    }

    .aec-listcontent.aec-esrb {
        margin: 4px 0 0;
        padding: 0 !important;
    }

        .aec-listcontent.aec-esrb .aec-esrbimg {
            max-width: 19px;
        }

    .aec-listcontent.aec-platform {
        margin-bottom: 5px !important;
    }
}


/* ESRB GRID START */

.aec-listview .aec-buybutton .aec-price.aec-webamiprice + div {
    color: #667387;
    font-size: 13px;
}

.aec-listview .aec-price {
    font-size: 13px;
    margin-top: 5px;
}

.aec-listview .aec-webamiprice-href {
    color: #667387;
    font-weight: normal !important;
    text-decoration: none;
}

.aec-listview .aec-salescat {
    color: #1D2737;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: 92%;
}

.aec-listview .aec-listprice {
    color: #667387;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.aec-listview .aec-yousave {
    font-size: 13px;
    display: inline-block;
}

    .aec-listview .aec-yousave span {
        color: #404D62;
    }

.aec-listview .aec-listprice > span {
    font-weight: normal !important;
    text-decoration: line-through;
}

.aec-listview .aec-custprice {
    color: #667387;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    padding: 2px 0;
}

    .aec-listview .aec-custprice > span {
        color: #b50d01;
    }

.aec-listview .aec-savepercent {
    font-weight: normal !important;
}

.aec-listview .aec-yousave span:first-child {
    font-weight: normal;
}

.aec-gridcontrolstop {
    font-size: 10pt;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton,
.aec-listview div.aec-buybutton .aec-price {
    max-width: 155px;
}

.aec-listview:not(.aec-gridview) div.aec-buybutton {
    color: #667387;
    font-size: 13px;
}

.aec-listview div.aec-buybutton .aec-price {
    margin: 5px auto 0;
}

.aec-listview .aec-gridcontentul li.aec-grid-genres a,
.aec-listview .aec-gridcontentul li.aec-gridnotes a,
.aec-listview .aec-gridcontentul li.aec-grid-actor a {
    font-size: 11px;
}

.aec-listview div > span {
    display: inline;
    font-weight: 700;
}

.aec-listview.aec-gridview .aec-grid-artist > span,
.aec-listview.aec-gridview .aec-grid-author > span {
    display: none;
}

.aec-listview:not(.aec-gridview) li.aec-listcontent.aec-esrb {
    height: 35px;
}

.aec-listcontent.aec-embargo {
    text-align: center;
    padding: 4px !important;
    border: 2px solid #E3E8ED;
    background-color: #ffffcc;
}
.aec-gridcontent.aec-embargo {
    text-align: center;
    margin: 2px !important;
    padding: 2px !important;
    border: 2px solid #E3E8ED;
    background-color: #ffffcc;
}

@media (min-width: 361px) and (max-width: 520px) {
    .aec-listview .aec-gridcontentul {
        float: left;
        height: auto;
        width: 58%;
        padding-left: 8px;
    }

    .aec-listview .aec-ellipsis {
        width: auto;
    }

    #aec-prodgrid.aec-listview .aec-cover {
        width: 40%;
        margin-bottom: 0;
    }

    #aec-prodgrid.aec-listview.aec-gridview .aec-cover {
        width: 100%;
    }

    .aec-listview div.aec-buybutton {
        float: left;
        margin-top: 25px;
    }

    .aec-listview.aec-gridview div.aec-buybutton {
        margin-top: 0;
    }

    .aec-listview:not(.aec-gridview) > li {
        min-height: 195px;
        padding-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 360px) {
    .aec-listview .aec-gridcontentul {
        float: left;
        height: auto;
        width: 58%;
        padding-left: 8px;
    }

    #aec-boutiquegridspan .aec-listcontent.aec-rd {
        width: 100%;
    }

    .aec-listview .aec-ellipsis {
        width: auto;
    }

    #aec-prodgrid.aec-listview .aec-cover {
        padding-left: 10px;
        padding-right: 10px;
        width: 40%;
    }

    #aec-prodgrid.aec-listview.aec-gridview .aec-cover {
        width: 100%;
        padding: 0;
    }

    .aec-listview div.aec-buybutton {
        float: left;
        margin-top: 15px;
    }

    .aec-listview:not(.aec-gridview) > li {
        min-height: 210px;
        padding-top: 10px;
    }

    .aec-listview.aec-gridview div.aec-buybutton {
        margin-top: 0;
    }

    .aec-listview.aec-gridview p.aec-cover > a > img {
        max-width: 140px !important;
        min-height: auto;
        height: auto;
    }

    .aec-listview:not(.aec-gridview) .aec-cover > a > img {
        max-width: 100% !important;
    }

    .aec-listview:not(.aec-gridview) div.aec-buybutton {
        width: 50%;
    }

        .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-salescat,
        .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-listprice,
        .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-custprice,
        .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-yousave {
            /*text-align: left;*/
            float: left;
        }

    .aec-listview:not(.aec-gridview) .aec-salescat {
        margin-top: 5px;
        margin-bottom: 2px;
    }
}


/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 7680px) {
    .aec-listview:not(.aec-gridview) div.aec-buybutton {
        margin-right: 8px;
        padding: 0;
        float: right;
    }

    .aec-listview:not(.aec-gridview) div.aec-buybutton .aec-buyimage {
        width: 10px;
    }

    .aec-listview:not(.aec-gridview) div.aec-buybutton div.aec-buyimage,
    .aec-listview:not(.aec-gridview) div.aec-buybutton div.aec-buyimage button {
        width: 155px;
    }

    .aec-listview:not(.aec-gridview) .aec-gridcontentul {
        margin-left: 10px;
    }

    .aec-listview:not(.aec-gridview) .aec-gridcontentul {
        float: left;
        height: auto;
        width: calc(100% - 350px);
    }
}

div.aec-buybutton span.aec-buybutton {
    float: none !important;
    text-align: center;
}

.aec-listview ul li > span {
    color: #667387;
    font-weight: 400;
}

    .aec-listview ul li > span.aec-release-year {
        font-weight: 400;
    }

.aec-listview:not(.aec-gridview) p.aec-cover {
    margin: 0;
}

@media (min-width: 0px) and (max-width: 520px) {
    .aec-listview:not(.aec-gridview) .aec-gridcontentul li.aec-gridnotes,
    .aec-listview:not(.aec-gridview) .aec-gridcontentul li.aec-category,
    .aec-listview:not(.aec-gridview) .aec-gridcontentul li.aec-studio {
        display: none !important;
    }

    .aec-listview:not(.aec-gridview) div.aec-buybutton {
        margin-top: 5px;
    }
    
    .aec-listview:not(.aec-gridview) ul.aec-gridcontentul li:first-child a {
        font-size: 13px !important;
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .aec-listview button.aec-buybutton-textbtn {
        width: 100%;
    }

    .aec-listview.aec-gridview button.aec-buybutton-textbtn {
        width: 65%;
    }
}

@media (min-width: 321px) and (max-width: 640px) {
    .aec-listview button.aec-buybutton-textbtn {
        width: 100%;
    }

    .aec-listview.aec-gridview button.aec-buybutton-textbtn {
        width: 85%;
    }
}

@media (min-width: 0px) and (max-width: 640px) {
    .aec-buyimage .aec-buybutton {
        font-size: 12px;
    }

    .aec-listview:not(.aec-gridview) .aec-buyimage .aec-buybutton {
        font-size: 12px;
    }

    .aec-listview:not(.aec-gridview) span.aec-buybutton:before {
        font-size: 14px;
    }

    .aec-listview:not(.aec-gridview) .aec-gridcontentul li {
        font-size: 12px;
        margin: 0;
        padding: 0;
    }
}


/*====================================
	GRID ICON
=====================================*/

.aec-listview .aec-gridicon {
    position: absolute;
    z-index: 1;
}

    .aec-listview .aec-gridicon a {
        display: block;
    }

.aec-listview.aec-gridview .aec-gridicon {
    right: 0;
}

.aec-listview.aec-gridview .aec-gridicon .aec-boutiqueIcon img {
    max-width: 70%;
}

/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 7680px) {
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 95px;
        top: -5px;
    }
}

@media (min-width: 521px) and (max-width: 767px) {
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 18%;
        top: -5px;
    }
}

@media (min-width: 361px) and (max-width: 520px) {
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 28%;
        top: -5px;
    }

    .aec-listview .aec-gridicon img {
        max-height: 44px;
    }
}

@media (min-width: 0px) and (max-width: 360px) {
    /*.aec-listview:not(.aec-gridview) .aec-gridicon { left: 25%; top: -8px; }*/
    .aec-listview:not(.aec-gridview) .aec-gridicon {
        left: 1px;
        top: -8px;
    }
}


/*.aec-listview .aec-gridicon img{
		max-height: 44px;
}*/


/*====================================
	GRID SAVE FLAG
=====================================*/

.aec-listview .aec-flagsave {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    height: 20px;
    line-height: 18px;
    padding: 0;
    position: absolute;
    top: 2px;
    width: 70px;
    border-radius: 0 !important;
}

.aec-listview:not(.aec-gridview) .aec-flagsave + .aec-grid-divspan ul.aec-gridcontentul {
    margin-top: 20px;
}

.aec-listview:not(.aec-gridview) .aec-flagsave {
    left: 160px;
    padding-left: 5px;
    position: absolute;
    top: 4px;
}

.aec-listview .aec-flagsave:after {
    font-family: WebGlyphs;
    font-size: 20px;
    font-weight: normal;
    left: 80px;
    line-height: 1;
    position: absolute;
}

.aec-listview .aec-flagsave:before {
    border-image: none;
    border-style: solid;
    border-width: 10px 4px;
    content: "";
    height: 20px;
    left: 70px;
    position: absolute;
}

@media (min-width: 521px) and (max-width: 767px) {
    .aec-listview:not(.aec-gridview) .aec-flagsave {
        left: 28%;
    }
}

@media (min-width: 0px) and (max-width: 520px) {
    .aec-listview:not(.aec-gridview) .aec-flagsave {
        left: 42%;
    }
}


/*====================================
	SEARCH WITHIN AND GRID SORT
=====================================*/

.aec-searchwithin {
    background: none repeat scroll 0 0 transparent;
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    border-radius: 0 !important;
    display: inline-block;
    height: 36px;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
    position: relative;
}


    /*------------------------------------------
	Search within without extra js elements
-------------------------------------------*/

    .aec-searchwithin #aec-searchwithintxt {
        background-color: #fff;
        background-image: none;
        border-color: #a8b8cb;
        border-style: solid;
        border-width: 1px 0 1px 1px;
        border-radius: 3px 0 0 3px !important;
        -webkit-border-radius: 3px 0 0 3px !important;
        display: block;
        float: left;
        font-size: 13px;
        height: 25px;
        line-height: 1.429;
        padding: 5px 9px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 24%;
        margin-left: 36.5%;
    }

    .aec-searchwithin #aec-searchwithintxt {
        font-family: inherit;
    }

@media (min-width: 0px) and (max-width: 685px) {
    .aec-searchwithin {
        border-radius: 0 !important;
        border-top: 1px solid #DAE0E7;
        display: table;
        height: auto;
        margin: 0;
        padding: 5px;
        position: relative;
        text-align: center;
        width: 100%;
        display: none;
    }

        .aec-searchwithin #aec-searchwithintxt,
        .aec-searchwithin #aec-searchwithinbtn,
        .aec-searchwithin > div#aec-btn-bulkcart {
            display: none !important;
        }

        .aec-searchwithin > .aec-pagecount {
            display: block;
            float: left;
            height: 28px;
            left: -6px;
            line-height: normal;
            margin-bottom: 0 !important;
            margin-top: 0;
            padding-bottom: 0 !important;
            padding-left: 10px;
            padding-right: 10px !important;
            padding-top: 6px !important;
            position: relative !important;
            width: 100% !important;
        }

        .aec-searchwithin .aec-swicthbtn {
            display: block;
            float: right;
            margin-right: 0;
            padding-bottom: 0;
            padding-top: 0;
            position: absolute;
            right: 0;
            top: 8px;
            width: 48%;
        }

        .aec-searchwithin #aec-searchwithintxt {
            margin-left: 3%;
            width: 80%;
        }

    .aec-gridcontrolsbot {
        height: 80px !important;
    }

        .aec-gridcontrolsbot .aec-pagenumgroup {
            border-top: 1px solid #DAE0E7;
            position: relative;
            top: 35px;
            padding-top: 9px !important;
        }

    #aec-searchgridspan + .aec-gridcontrolsbot .aec-pagenumgroup {
        border-top: 0 none;
        top: 5px !important;
        padding-bottom: 10px;
    }

    #aec-searchgridspan + .aec-gridcontrolsbot {
        height: 54px !important;
    }
}

@media (min-width: 0px) and (max-width: 520px) {
    .aec-gridcontrolsbot #aec-perpagegroup > label,
    .aec-gridcontrolsbot #aec-sortbygroup label {
        font-size: 0 !important;
    }

        .aec-gridcontrolsbot #aec-perpagegroup > label:before {
            content: "Items";
            font-size: 10pt !important;
        }

        .aec-gridcontrolsbot #aec-sortbygroup label:before {
            content: "Sort";
            font-size: 10pt !important;
        }

    .aec-sortbycontainer ul.aec-newList li a {
        display: block;
        font-size: 9pt;
        text-decoration: none;
    }

    ul.aec-newList li {
        padding: 5px;
    }
}


/*-------------------------------------------
	Extra cloned elemets
-------------------------------------------*/

#aec-gridcontrols-jump.aec-gridcontrolstop {
    /*display: none;*/
}

.aec-searchwithin > div.aec-pagecount {
    color: #1D2737;
    font-size: 14px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 2px 0 0 10px;
    position: absolute;
    text-align: left;
    width: 200px;
}

@media (min-width: 320px) and (max-width: 360px) {
    .aec-searchwithin > div.aec-pagecount {
        font-size: 12px;
    }
}

#aec-gridSwitchView.gridView {
    cursor: pointer;
    font-size: 13px;
    padding: 2px 0 0 10px;
    position: absolute;
    right: 15px;
    color: #1D2737;
    text-decoration: none !important;
}

.aec-iconbase:hover,
.aec-iconbase:active,
.aec-iconbase:focus {
    text-decoration: none !important;
}

.aec-iconbase.aec-switchview {
    background-image: none;
}

#aec-gridSwitchView.gridView:hover {
    color: #337ab7;
}

#aec-gridSwitchView.gridView:before,
.aec-iconbase.aec-switchview:before {
    color: #8E0210;
    content: "\f881";
    font-family: 'WebGlyphs';
    margin-right: 4px;
}

.gridView.gridListView:before,
.aec-iconbase.aec-switchview.aec-swap:before {
    color: #8E0210;
    content: "\f850" !important;
    font-family: 'WebGlyphs';
    margin-right: 4px;
}

.aec-searchwithin > div#aec-btn-bulkcart,
a#aec-bulkupdatecart {
    background-color: #404D62;
    color: #fff !important;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    padding: 5px 8px;
    position: absolute;
    right: 120px;
    transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
}

.aec-iconbase.aec-switchview {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
    color: #1d2737;
}

a#aec-bulkupdatecart {
    position: relative !important;
    right: auto;
}

    .aec-searchwithin > div#aec-btn-bulkcart a,
    a#aec-bulkupdatecart,
    .aec-searchwithin > div#aec-btn-bulkcart a:hover,
    a#aec-bulkupdatecart:hover,
    .aec-searchwithin > div#aec-btn-bulkcart a:focus,
    a#aec-bulkupdatecart:focus,
    .aec-searchwithin > div#aec-btn-bulkcart a:active,
    a#aec-bulkupdatecart:active {
        color: #1D2737;
        text-decoration: none;
    }

        .aec-searchwithin > div#aec-btn-bulkcart:hover,
        a#aec-bulkupdatecart:hover,
        .aec-searchwithin > div#aec-btn-bulkcart:focus,
        a#aec-bulkupdatecart:focus,
        .aec-searchwithin > div#aec-btn-bulkcart:active,
        a#aec-bulkupdatecart:active {
            background-color: #1d2737;
            text-decoration: none;
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        }

#aec-btn-bulkcart > a#aec-btnBulkUpdateCart {
    font-weight: 600;
    line-height: 1em;
}

#aec-exportIcons {
    border-left: 1px solid #dae0e7;
    border-radius: 3px;
    float: right;
    font-weight: 600;
    margin-right: 0;
    padding: 0 0 0 10px;
    position: relative;
    font-size: 13px;
}

    #aec-exportIcons a {
        font-weight: 400;
    }

#aec-exportTextLink,
#aec-exportExcelLink {
    background-image: none;
    margin-right: 10px;
    padding-left: 0;
    font-size: 13px;
    color: #1d2737 !important;
}

    #aec-exportExcelLink:before,
    #aec-exportTextLink:before {
        color: #8e0210;
        font-family: "AECFtnRegular";
        margin-right: 4px;
    }

    #aec-exportTextLink:before {
        content: "\f824";
    }

    #aec-exportExcelLink:before {
        content: "\f825";
    }


    #aec-printIcon {
        visibility: visible;
    }

/*--------------------------------------------
	Search within without extra js elements
-------------------------------------------*/

#aec-gridcontrols-jump .aec-svcontainer {
    clear: right;
    float: right;
    text-align: right;
    width: 60%;
}

#aec-currentnum {
    font-weight: 500;
    margin-top: 0;
    padding-left: 15px;
    width: 40%;
}

.aec-searchwithin #aec-searchwithinbtn {
    background-color: #8E0210;
    background-image: none;
    border: medium none;
    color: #fff;
    float: left;
    font-weight: bold !important;
    line-height: 1.429;
    margin: 0 0 0 0;
    padding: 3px 10px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    border-radius: 0 3px 3px 0 !important;
    -webkit-border-radius: 0 3px 3px 0 !important;
}

    .aec-searchwithin #aec-searchwithinbtn:hover {
        background: #A00105 none no-repeat scroll left top;
        color: #404D62 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

.aec-searchwithin #aec-searchwithintxt:focus {
    border-color: #404D62;
    outline: 0 none;
}

.aec-gridcontrolsbot {
    background: transparent none repeat scroll 0 0;
    border-color: #DAE0E7 transparent #DAE0E7 transparent;
    border-style: solid none;
    border-width: 1px medium;
    display: inline-block;
    height: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

    .aec-gridcontrolsbot ul.aec-newList {
        background: #fff none repeat scroll 0 0;
        border-color: #DAE0E7;
        border-style: solid;
        border-width: 0 1px 1px;
        color: #1D2737;
        left: 0;
        list-style: outside none none;
        margin: 0;
        position: absolute;
        top: 20px;
        z-index: 9999;
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    }

        .aec-gridcontrolsbot ul.aec-newList a {
            color: #1D2737;
        }

        .aec-gridcontrolsbot ul.aec-newList li:hover {
            background: #E9F0F8 none repeat scroll 0 0 !important;
            color: #1D2737 !important;
            cursor: pointer;
        }

            .aec-gridcontrolsbot ul.aec-newList li:hover a {
                color: #1D2737 !important;
            }

#aec-searchgridspan + .aec-gridcontrolsbot {
    border-top: medium none;
    border-radius: 0 !important;
    border-top: 1px solid #DAE0E7;
    margin-bottom: 10px;
    width: 100%;
}

.aec-gridcontrolsbot .aec-selectedTxt {
    cursor: pointer;
    height: 20px;
    overflow: hidden;
    padding: 2px;
    color: #1D2737;
    line-height: 1.7em;
}

.aec-newListSelected {
    background-color: #fff;
    background-image: url("/customers/webami/img/arrowdown.svg");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #a8b8cb;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    color: #1D2737;
    cursor: pointer;
    float: left;
    height: 22px;
    z-index: 9;
}

.aec-sortbycontainer .aec-newListSelected {
    width: 132px;
}

.aec-gridcontrolsbot .aec-pagenumgroup {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
    padding-top: 6px;
    text-align: center;
    width: auto !important;
    position: relative;
}

.aec-next:hover,
.aec-prev:hover,
.aec-next:focus,
.aec-prev:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #337ab7;
    text-decoration: none !important;
}

.aec-gridcontrolsbot #aec-perpagegroup {
    clear: none;
    float: none;
    position: absolute;
    right: 10px;
    top: 6px;
}

.aec-gridcontrolsbot > div#aec-sortbygroup {
    left: 0;
    position: absolute;
    top: 6px;
    width: 210px;
    z-index: 1;
}

.aec-gridcontrolsbot #aec-sortbygroup label {
    color: #1D2737;
    float: left;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 4px 4px 12px;
}

.aec-gridcontrolsbot #aec-perpagegroup > label {
    display: inline-block;
    float: left;
    padding: 4px;
    color: #1D2737;
    font-size: 13px;
    font-weight: 500;
}

.aec-pagenumcontainer a {
    background: #DAE0E7 none repeat scroll 0 0;
    border-color: #DAE0E7;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-style: solid;
    border-width: 1px;
    color: #667387;
    display: inline;
    font-size: 12px;
    height: 25px;
    line-height: 1em;
    margin-right: 4px;
    padding: 5px 10px 3px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    font-weight: 600 !important;
}

    .aec-pagenumcontainer a:hover {
        background-color: #1D2737;
        border-color: #1D2737;
        box-shadow: none !important;
        color: #fff !important;
    }

.aec-pagenumcontainer {
    display: inline;
    margin-left: 25px;
}

    .aec-pagenumcontainer a:first-child {
        border-left: none !important;
    }

    .aec-pagenumcontainer .aec-pagenum span {
        background: #404D62 none repeat scroll 0 0;
        border: 1px solid #404D62 !important;
        border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        color: #fff;
        font-size: 12px;
        font-weight: 600 !important;
        height: 25px;
        line-height: 25px;
        margin-left: 4px;
        margin-right: 4px;
        padding: 5px 10px 3px;
        text-decoration: none;
    }

.aec-prev {
    background-image: none;
    border: none;
    color: #1D2737;
    height: 25px;
    line-height: 25px;
    margin: 0;
    position: absolute;
    width: 25px;
}

.aec-next {
    background-image: none;
    border: none;
    color: #1D2737;
    height: 25px;
    line-height: 25px;
    margin: 0;
    position: absolute;
    width: 25px;
}

.aec-prev:before {
    content: '\f846';
    font-family: 'WebGlyphs';
}

.aec-next:before {
    content: '\f847';
    font-family: 'WebGlyphs';
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS fixes */
    .aec-gridcontrolsbot .aec-prev {
        float: none !important;
        position: relative !important;
        left: 12px !important;
        display: inline-block;
    }

    .aec-gridcontrolsbot .aec-next {
        margin-left: -3px;
    }

    .aec-pagenumcontainer {
        position: relative;
        top: 0px;
        left: -5px
    }

        .aec-pagenumcontainer .aec-pagenum span {
            line-height: 18px;
            margin-right: 7px;
            /*padding: 1px 7px;*/
            top: -1px;
            text-decoration: none;
        }
}

.aec-gridcontrolsbot .aec-newListSelected {
    height: 22px !important;
    position: relative !important;
    top: 2px;
}

@media (min-width: 0px) and (max-width: 520px) {
    .aec-sortbycontainer .aec-selectedTxt {
        width: 133px;
    }
}

a.aec-iconbase {
    margin-right: 0;
}

#aec-stripbanner:empty,
#aec-stripbanner,
#aec-stripbanner + br {
    display: none;
}

.aec-personname, .aec-themename {
    border-bottom: 1px solid #DAE0E7;
    color: #1D2737;
    font-size: 20px;
    margin: 0;
    padding: 8px 0 10px 12px;
}

#aec-gridcontrols-jump.aec-gridcontrolstop {
    border-bottom: 1px solid #dae0e7;
    /*border-top: 1px solid #dae0e7;*/
    padding: 10px 0;
}

@media (min-width: 360px) and (max-width: 420px) {
    .aec-pagenumcontainer a {
        padding: 8px;
    }

    .aec-pagenumcontainer .aec-pagenum span {
        margin-left: 0 !important;
        padding: 8px !important;
    }

    .aec-gridcontrolsbot .aec-pagenumgroup {
        margin-left: -20px !important;
    }
}

@media (min-width: 0px) and (max-width: 359px) {
    .aec-pagenumcontainer a {
        padding: 5px;
    }

    .aec-pagenumcontainer .aec-pagenum span {
        margin-left: 0 !important;
        padding: 5px !important;
    }

    .aec-gridcontrolsbot .aec-pagenumgroup {
        margin-left: -20px !important;
    }
}

/*====================================
	SEARCH WITHIN AND GRID SORT END
=====================================*/


/*====================================
	BUY BUTTONS
=====================================*/

button.aec-buybutton-textbtn {
    background-color: #8E0210;
    border: medium none;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 2px;
    transition: all 0.2s ease-in 0s;
    -webkit-transition: all 0.2s ease-in 0s;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
.price-box .aec-webamitier {
    display: none;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
}
.price-box div.aec-buybutton {
    margin-bottom: 10px !important; /* needed !important added to this style */
}

    button.aec-buybutton-textbtn:hover,
    button.aec-buybutton-textbtn:hover:focus {
        background-color: #A00105;
        color: #E6E7E8 !important;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

    button.aec-buybutton-textbtn[data-type="R"] {
        background-color: #DAE0E7;
        color: #667387;
    }

    button.aec-buybutton-textbtn[data-type="R"]:hover,
    button.aec-buybutton-textbtn[data-type="R"]:hover {
        background-color: #404D62;
    }

span.aec-buybutton:before {
    content: "\f837";
    display: inline-block;
    font-family: "WebGlyphs";
    font-size: 20px;
    font-weight: normal;
    line-height: 1em;
    margin-right: 4px;
    position: relative;
    top: 2px;
}


/*====================================
	BOUTIQUES
=====================================*/

.aec-boutiquebanner > img {
    height: auto;
    max-width: 100%;
}


/*====================================
	404 PAGE
=====================================*/

#aec-error404 > h1 {
    color: #1D2737;
    font-size: 22px;
    font-weight: 600;
}

    #aec-error404 > h1:before {
        content: "\f883";
        font-family: "WebGlyphs";
        font-weight: normal;
        margin-right: 8px;
    }

#aec-error404 > div + div {
    background-color: #8E0210;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    font-size: 13px;
    margin: 10px auto 0;
    padding: 10px 12px;
    width: 200px;
    font-weight: 500;
    font-weight: 600;
    color: #fff;
}

    #aec-error404 > div + div:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
        background-color: #A00105;
        color: #fff !important;
    }

#aec-error404 > div a {
    color: #FFF;
}


/*====================================
	ADVANCE SEARCH PAGE
=====================================*/

#aec-main #aec-advsrch-wrapper {
    border: medium none;
    border-radius: 0 !important;
    display: table;
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
}

    #aec-main #aec-advsrch-wrapper h1 {
        background-color: transparent;
        border-bottom: 1px solid #DAE0E7;
        color: #1D2737;
        display: block !important;
        font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.5em;
        margin: 0 -15px 20px;
        padding: 10px 15px;
        text-transform: capitalize;
    }

        #aec-main #aec-advsrch-wrapper h1:before {
            content: '\f81d';
            font-family: 'WebGlyphs';
            font-size: 18px;
            font-weight: normal;
            margin-right: 5px;
        }

    #aec-main #aec-advsrch-wrapper > form#aec-advsrch {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }

#aec-advsrch-wrapper h4:before {
    content: '\f878';
    font-family: 'WebGlyphs';
    margin-right: 4px;
}

#aec-advsrch-wrapper h4 {
    background-color: #DAE0E7;
    background-image: none;
    border-color: #DAE0E7;
    border-image: none;
    border-radius: 4px !important;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #667387;
    font-size: 13px;
    margin: 10px 0;
    padding: 10px;
}

#aec-main #aec-advsrch-wrapper input[type="text"],
#aec-main #aec-advsrch-wrapper select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #a8b8cb;
    border-radius: 3px !important;
    color: #1D2737;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    -webkit-box-shadow: none !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 40%;
}

    #aec-main #aec-advsrch-wrapper input[type="text"]:focus,
    #aec-main #aec-advsrch-wrapper input[type="text"]:focus {
        outline: 0;
        border: 1px solid #404D62 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

#aec-main #aec-advsrch-wrapper span {
    color: #1D2737;
    font-size: 13px !important;
    font-weight: 600;
    padding: 6px 0;
    position: relative;
    top: 5px;
    width: 20%;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch input#ais {
    position: relative;
    top: 7px;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
    border: 1px solid #DAE0E7;
    border-radius: 4px !important;
    margin-bottom: 5px;
    margin-top: 15px;
    padding: 5px !important;
    width: 40%;
}

    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba label {
        color: #667387;
        font-weight: 600;
        font-size: 13px !important;
    }

    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba > div {
        margin: 0;
    }
/*
#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_cd,
#aec-main #aec-advsrch-wrapper label[for="afmt_cd"],
#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_mdvd,
#aec-main #aec-advsrch-wrapper label[for="afmt_mdvd"],
#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_sacd,
#aec-main #aec-advsrch-wrapper label[for="afmt_sacd"],
#aec-main #aec-advsrch-wrapper #aec-advsrch-checkboxarea #afmt_dd,
#aec-main #aec-advsrch-wrapper label[for="afmt_dd"] {
	display: none !important;
}
*/
#aec-main #aec-advsrch-results-links {
    border: 1px solid #e2e6ed;
    border-radius: 0 !important;
    font-size: 13px;
    padding: 5px;
}

#aec-advsrch-results-links li a {
    margin: 2px 2px 2px 20px;
}

#aec-main #aec-advsrch-wrapper #aec-advsrch-submit {
    background-color: #8E0210;
    background-image: none;
    border: medium none;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    margin-top: 12px;
    padding: 6px 40px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}

    #aec-main #aec-advsrch-wrapper #aec-advsrch-submit:hover {
        background-color: #A00105;
        color: #fff !important;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    }

#aec-main #aec-advsrch-wrapper #aec-advsrch-submit-div {
    clear: both;
    display: block;
    margin-left: 190px;
}

@media (min-width: 320px) and (max-width:767px) {
    #aec-main #aec-advsrch-wrapper span {
        margin-right: 0;
        padding: 2px 0;
        text-align: left;
        top: 0;
        width: 100%;
    }

    #aec-main #aec-advsrch-wrapper input[type="text"],
    #aec-main #aec-advsrch-wrapper select,
    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
        width: 100%;
    }

    #aec-main #aec-advsrch-wrapper #aec-advsrch-submit-div {
        margin-left: 0;
    }

    #aec-main #aec-advsrch-wrapper #aec-advsrch input#ais {
        left: 60px;
        position: relative;
        top: -24px;
    }

    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width:992px) {
    #aec-main #aec-advsrch-wrapper input[type="text"],
    #aec-main #aec-advsrch-wrapper select,
    #aec-main #aec-advsrch-wrapper #aec-advsrch .aec-advsrch-cba {
        width: 59%;
    }

    #aec-main #aec-advsrch-wrapper #aec-advsrch-submit-div {
        margin-left: 22%;
    }
}


/* Mobile elemets*/

@media (min-width: 0px) and (max-width: 1023px) {
    /*html {
        max-width: 100vw;
        overflow-x: hidden;
    }*/

    body,
    #aec-container,
    #aec-body {
        overflow-x: hidden !important;
        width: 100vw !important;
    }

        body.open-nav #aec-left {
            left: 0;
            overflow-y: scroll;
            height: 100%;
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27) !important;
            -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27) !important;
        }

        body.open-nav #aec-container {
            overflow: hidden !important;
        }

        body.open-nav {
            overflow-x: hidden;
            position: absolute;
            width: 100vw;
        }

    #aec-container {
        margin-left: 0;
        transition: margin-left 0.2s ease-in-out 0s;
        -webkit-transition: margin-left 0.2s ease-in-out 0s;
    }

    body.open-nav .aec-top-nav {
        left: 200px !important;
    }

    body .aec-top-nav {
        left: 0;
        transition: left 0.2s ease-in 0s;
        -moz-transition: left 0.2s ease-in 0s;
        -webkit-transition: left 0.2s ease-in 0s;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 7680px) {
    .navbar-header .email-container-large {
        height: 52px;
    }
}

@media (min-width: 768px) and (max-width: 7680px) {
    #nav-store-departments .nav.navbar-nav > li {
        border-bottom: 1px solid #C55058 !important;
        border-left: 1px solid #c55058 !important;
        width: 12.5%;
    }
}


/* No Social Link in footer fix */

.col-md-12.col-sm-12.col-xs-12.footer-col.last-col {
    margin-bottom: 0;
    min-height: 10px;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.botton-right.credit-cards .list-inline > li:first-child:before {
    content: "Accepted Payments";
    position: relative;
    top: -6px;
    font-size: 16px;
}

@media (min-width: 992px) and (max-width: 7680px) {
    .credit-cards {
        padding-top: 12px;
    }

    .footer-col.last-col {
        border-top: 1px solid #a8b8cb !important;
    }
}

@media (min-width: 650px) and (max-width: 991px) {
    .credit-cards {
        padding-bottom: 5px;
        padding-top: 0;
        text-align: center;
    }

        .credit-cards a {
            font-size: 25px;
        }

    .footer-col.last-col {
        padding-top: 15px !important;
    }
}

@media (min-width: 0px) and (max-width: 649px) {
    .botton-right.credit-cards .list-inline > li:first-child:before {
        content: "";
        position: relative;
        top: 0;
    }

    .footer-col.last-col {
        margin-top: 10px;
        padding-top: 0;
    }
}

@media (min-width: 440px) and (max-width: 7680px) {
    .credit-cards a {
        font-size: 36px;
    }
}


/* FIX HEADER SPACING */

@media (min-width: 768px) and (max-width: 902px) {
    .navbar-header .email-container-large {
        padding: 0 15px;
    }

    .hide-txt {
        display: none;
    }
}

#aec-webamiacctnum.aec-navTitle {
    background-color: #dae0e7;
    border-radius: 2px 0 0 2px;
    color: #404d62;
    margin-right: 0;
    padding: 9px;
}


/*====================================
	HEADER RE-STYLED START
=====================================*/


/* Search */

.aec-globalsearch .aec-globalsearchcontainersel {
    background: #404d62 none no-repeat scroll left top;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: : 20px 0 0 20px;
}

.aec-globalsearch .aec-globalsearchcontainertxt {
    background: #fff none no-repeat scroll left top;
    border-color: #a8b8cb;
    border-image: none;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: : 0 20px 20px 0;
    border-style: solid none;
    border-width: 1px medium;
}

.aec-globalsearch button {
    background-color: #fff;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    border-color: #a8b8cb !important;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    border-style: solid !important;
    border-width: 1px 0 1px 1px !important;
}

    .aec-globalsearch button:before {
        color: #404d62;
    }

    .aec-globalsearch button:hover {
        background-color: #fff;
    }

        .aec-globalsearch button:hover:before {
            color: #A00105;
        }

.aec-globalsearch ul.aec-newList:before {
    background-color: transparent;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 8px;
    content: "";
    display: block;
    height: 10px;
    left: 20px;
    position: absolute;
    top: -15px;
    width: 10px;
}

.aec-globalsearch ul.aec-newList {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow: visible;
}


/* Cart */

.cart-container {
    background-color: #404d62;
    border-radius: 21px 20px 20px 21px !important;
    -webkit-border-radius: 21px 20px 20px 21px !important;
    margin-top: 24px;
}

#aec-cartinfo-inner span#aec-cartitems-total {
    color: #fff;
}

.cart-container .aec-cart-icon {
    background-color: #dae0e7;
    border: 1px solid #dae0e7;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    color: #404d62;
    font-size: 20px;
    height: 35px;
    left: 4px;
    line-height: 35px;
    top: 3px;
    width: 37px;
}

#aec-cartinfo .icon-cart-full:before {
    font-size: 18px;
    left: 0;
    line-height: normal;
    position: relative;
    top: -1px;
}

#aec-cartinfo-inner span#aec-cartitems-total:before {
    font-size: 15px;
    right: 7px;
    top: 0;
}

#aec-cartinfo-inner * {
    color: #DAE0E7;
}

#aec-cartinfo-minicart {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}

.aec-hovertab.aec-cartinfo-on#aec-cartinfo:before {
    background-color: transparent;
    border-color: transparent transparent #1D2737;
    border-style: solid;
    border-width: 8px;
    bottom: 0;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 20px;
    width: 10px;
}

.header-search #aec-advsrch-link {
    float: right;
    left: auto;
    padding-top: 5px;
    position: relative;
    right: 10px;
    text-align: right;
    top: 0;
}

#aec-advsrch-selected > a {
    background-color: #dae0e7;
    border: medium none;
    border-radius: 3px;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);*/
    color: #404d62;
    font-weight: 500;
    padding: 6px 24px 6px 12px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    text-decoration: none !important;
    width: 195px;
    text-align: center;
    display: inline-block;
}

#aec-advsrch-dd-arrow {
    display: none;
}

#aec-advsrch-selected > a:before {
    content: "\f853";
    font-family: WebGlyphs;
    position: absolute;
    right: 8px;
    top: 4px;
}

#aec-advsrch-dd {
    background-color: #dae0e7;
    border-color: #a8b8cb;
    border-radius: 0 0 4px 4px;
    border-style: solid;
    border-width: 1px 0 0;
    cursor: pointer;
    padding: 4px 0;
    position: absolute;
    right: 0;
    top: 32px;
    width: 195px;
    z-index: 100;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

#aec-advsrch-dd-list a {
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    color: #404d62;
}

    #aec-advsrch-dd-list a:hover {
        background-color: #b8c2cd;
        color: #404d62;
    }


/*====================================
	FOOTER RE-STYLED 
=====================================*/

@media (min-width: 768px) and (max-width: 7680px) {
    #aec-information-list.footer-nav.navbar-collapse.collapse {
        display: table;
        width: 100%;
    }

    #aec-information-list > li {
        border-right: 1px solid #d1d8e0;
        display: inline-block;
        margin-left: -2px;
        text-align: center;
        width: 14.2%;
    }

        #aec-information-list > li.nav-end {
            border-right: none !important;
        }

    /*#aec-information-list li a {
        font-size: 13px;
    }*/

        #aec-information-list li a i {
            display: none;
        }

    .footer-col {
        margin-bottom: 25px;
        min-height: 0;
    }

    #aec-information-list > li:nth-child(n+9) {
        border-top: 1px solid #d1d8e0;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .footer-col.links-list {
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*====================================
	GRID JUMP RE-STYLED
=====================================*/


/*
@media (min-width: 570px) and (max-width: 767px) {
	.aec-searchwithin #aec-searchwithintxt {
		margin-left: 31.333%;
		width: 33%;
		display: none !important;
	}
	.aec-searchwithin #aec-searchwithinbtn {
		display: none !important;
	}
}
*/

@media (min-width: 570px) and (max-width: 767px) {
    .aec-searchwithin #aec-searchwithintxt {
        margin-left: 28.5%;
        width: 40%;
    }
}

@media (min-width: 596px) and (max-width: 680px) {
    #aec-gridcontrols-jump .aec-svcontainer {
        width: 70%;
    }

    #aec-currentnum {
        width: 30%;
    }
}

@media (min-width: 0px) and (max-width: 595px) {
    #aec-gridcontrols-jump.aec-gridcontrolstop {
        height: 80px;
        position: relative;
    }

    #aec-exportIcons {
        border-left: medium none;
        border-radius: 3px;
        border-top: 1px solid #dae0e7;
        bottom: 10px;
        float: none;
        font-weight: 600;
        margin-right: 0;
        padding: 10px 10px 0;
        position: absolute;
        right: 0;
        text-align: center;
        width: 100%;
    }

    @media (min-width: 0px) and (max-width: 400px) {
        #aec-exportIcons {
            bottom: 8px !important;
        }
    }
}

@media (min-width: 0px) and (max-width: 430px) {
    .aec-iconbase.aec-switchview {
        font: 0px/0 inerith;
    }

        .aec-iconbase.aec-switchview:before {
            font-size: 18px;
            height: 20px;
            line-height: normal;
            padding-left: 0;
            position: relative;
            text-align: center;
            top: 0;
            width: 20px;
        }

    a#aec-bulkupdatecart {
        top: -3px;
    }
}

@media (min-width: 0px) and (max-width: 405px) {
    #aec-gridcontrols-jump > div#aec-currentnum {
        font-size: 12px;
        position: relative;
        top: -7px;
    }
}

@media (min-width: 0px) and (max-width: 520px) {
    #aec-prodgrid.aec-gridview > li {
        height: 445px;
        min-height: 445px;
    }
}


/*====================================
	DISABLED COVERS
=====================================*/

#aec-prodgrid.aec-disablecovers.aec-gridview > li {
    height: 244px;
    min-height: 244px;
}

#aec-prodgrid.aec-disablecovers.aec-gridview div.aec-buybutton {
    bottom: 0;
    top: auto;
}

@media (min-width: 521px) and (max-width: 767px) {
    #aec-prodgrid.aec-listview:not(.aec-gridview) .aec-cover {
        width: 20% !important;
        margin-bottom: 0;
    }

    .aec-listview:not(.aec-gridview) .aec-gridcontentul {
        float: left;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
        width: 50% !important;
    }

    .aec-disablecovers.aec-listview:not(.aec-gridview) .aec-gridcontentul {
        width: 70% !important;
    }

    .aec-listview:not(.aec-gridview) div.aec-buybutton {
        border-left: 1px dashed #dae0e7;
        clear: none;
        float: left;
        padding: 0 0 0 15px;
        width: 30% !important;
        max-width: 30%;
    }

    .aec-listview:not(.aec-gridview) .aec-cover > a > img {
        height: auto !important;
        max-height: 100% !important;
        max-width: 100% !important;
    }

    .aec-listview:not(.aec-gridview) .aec-cover > a {
        display: block;
        height: auto;
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 520px) {
    .aec-disablecovers.aec-listview:not(.aec-gridview) .aec-gridcontentul {
        border-bottom: none;
        padding-bottom: 15px;
    }

    .aec-disablecovers.aec-listview:not(.aec-gridview) .aec-gridcontentul {
        width: 50% !important;
    }

    .aec-disablecovers.aec-listview:not(.aec-gridview) div.aec-buybutton {
        border-left: 1px dashed #dae0e7;
        max-width: 50% !important;
        padding-left: 10px;
        width: 50%;
    }
}


/*====================================
	DISCUSSIONS
=====================================*/
.aec-body-webami-streetwise .aec-digimag,
.aec-body-webami-discussions .aec-digimag,
.aec-body-webami-amped .aec-digimag {
    display: table;
    padding-left: 15px;
    padding-right: 15px;
}

    .aec-body-webami-streetwise .aec-digimag > li,
    .aec-body-webami-discussions .aec-digimag > li,
    .aec-body-webami-amped .aec-digimag > li {
        display: inline-block;
        width: 20%;
        padding: 4px !important;
        margin-bottom: 15px;
        height: auto !important;
    }

        .aec-body-webami-streetwise .aec-digimag > li span,
        .aec-body-webami-discussions .aec-digimag > li span,
        .aec-body-webami-amped .aec-digimag > li span {
            font-size: 13px !important;
        }

            .aec-body-webami-streetwise .aec-digimag > li span:first-child,
            .aec-body-webami-discussions .aec-digimag > li span:first-child,
            .aec-body-webami-amped .aec-digimag > li span:first-child {
                font-size: 15px !important;
            }

.aec-digimag > li span + span + span a:before {
    content: "\f82A" !important;
    font-family: "AECFtnRegular" !important;
    color: #A00105 !important;
    margin-right: 4px;
}

.aec-digimag > li span + span + span + span a:before {
    content: "\f825" !important;
    font-family: "AECFtnRegular" !important;
    color: #A00105 !important;
    margin-right: 4px;
}

.aec-digimag a {
    display: block;
}

.aec-digimag > li span {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
}

.aec-digimag img {
    max-height: 217px;
    max-width: 100%;
    width: auto;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.aec-digimag > li span + span + span a {
    background-color: #dae0e7;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #404d62;
    display: inline-block;
    font-weight: 500;
    margin-top: 5px;
    padding: 6px 12px;
    text-decoration: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.35s ease-in-out 0s;
    -webkit-transition: all 0.35s ease-in-out 0s;
    width: 97%;
    min-width: 125px;
}

    .aec-digimag > li span + span + span a:hover,
    .aec-digimag > li span + span + span a:active,
    .aec-digimag > li span + span + span a:focus {
        background-color: #F7F7F8;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        text-decoration: none;
    }

@media (min-width: 520px) and (max-width: 991px) {
    .aec-body-webami-streetwise .aec-digimag li,
    .aec-body-webami-discussions .aec-digimag > li,
    .aec-body-webami-amped .aec-digimag > li {
        width: 25%;
    }
}

@media (min-width: 0px) and (max-width: 521px) {
    .aec-body-webami-streetwise .aec-digimag > li,
    .aec-body-webami-discussions .aec-digimag > li,
    .aec-body-webami-amped .aec-digimag > li {
        width: 50%;
    }
}


/*====================================
	FEEDBACK FORM
=====================================*/

#contactable-inner-feedback {
    background-color: #1d2737;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    cursor: pointer;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 77px;
    line-height: 18px;
    margin-right: -5px;
    overflow: hidden;
    padding: 7px;
    position: fixed;
    right: 0;
    top: 330px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    width: 70px;
    z-index: 9;
}

.feedback-btn-container {
    float: left;
    padding-top: 10px;
    width: 100%;
    display: none;
}

.btn.btn-default#header-contactable-inner-feedback {
    background-color: #1d2737;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    width: 100%;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    margin-right: 0;
}

@media (min-width: 0px) and (max-width: 767px) {
    .btn.btn-default#header-contactable-inner-feedback {
        padding: 10px 15px !important;
        font-size: 16px;
    }

    .feedback-btn-container {
        padding-top: 20px;
    }
}

#contactable-inner-feedback:hover,
#contactable-inner-feedback:focus,
#contactable-inner-feedback:active,
.btn.btn-default#header-contactable-inner-feedback:hover,
.btn.btn-default#header-contactable-inner-feedback:focus,
.btn.btn-default#header-contactable-inner-feedback:active {
    background-color: #404d62;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#contactable-inner-feedback .icon-thumbs-up {
    display: block;
    font-size: 25px;
    font-weight: normal;
    left: 18px;
    margin-bottom: 0;
    position: absolute;
    top: 15px;
}

#contactable-inner-feedback .aec-feedback-txt {
    display: inline-block;
    padding-top: 30px;
    position: relative;
}

@media (min-width: 0px) and (max-width: 991px) {
    #contactable-inner-feedback {
        display: none !important;
    }

    .feedback-btn-container {
        display: inline-block !important;
    }

    #aec-advsrch-selected > a {
        padding: 8px 24px 8px 12px;
    }

    #aec-advsrch-dd {
        top: 36px;
    }
}

@media (min-width: 520px) and (max-width: 1245px) {
    #contactable-inner-feedback {
        margin-right: -45px;
        width: 125px;
        height: 45px;
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
    }

        #contactable-inner-feedback .icon-thumbs-up {
            display: inline-block;
            font-size: 25px;
            left: 6px;
            position: absolute;
            top: 10px;
            transform: rotate(90deg);
        }

        #contactable-inner-feedback .aec-feedback-txt {
            display: inline-block;
            padding-left: 35px;
            padding-top: 0;
            position: relative;
        }
}

.modal.fade #contactable-contactForm {
    background-color: #ffffff;
    border: medium none;
    color: #667387;
    height: auto;
    margin-right: auto;
    margin-top: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 99;
}

    .modal.fade #contactable-contactForm label {
        color: #1d2737;
    }

.modal.fade form#contactable-contactForm .holder {
    padding-top: 0;
}

.modal.fade form#contactable-contactForm h2 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}

.modal.fade form#contactable-contactForm p {
    font-size: 13px;
    width: 100%;
}

.modal.fade form#contactable-contactForm input[type="text"],
.modal.fade form#contactable-contactForm .textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #a8b8cb;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

    .modal.fade form#contactable-contactForm input[type="text"]:focus,
    .modal.fade form#contactable-contactForm .textarea:focus {
        border-color: #404d62;
        outline: 0;
    }

.modal.fade form#contactable-contactForm .textarea {
    height: 55px;
}

.modal.fade form#contactable-contactForm .radio {
    display: inline;
    margin: 15px 1px !important;
}

.modal.fade form#contactable-contactForm .submit {
    background: #8e0210 none repeat scroll 0 0;
    border: 1px solid #8e0210;
    color: #ffffff;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    outline-style: none;
    outline-width: medium;
    padding: 5px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

    .modal.fade form#contactable-contactForm .submit:hover,
    .modal.fade form#contactable-contactForm .submit:focus,
    .modal.fade form#contactable-contactForm .submit:active {
        background-color: #a00105;
        border-color: #a00105;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        color: #e6e7e8;
    }

.aec-quickviewhover > img {
    display: none !important;
}

/*====================================
	DROP DOWN USER ACCOUNT MENU
=====================================*/
#navbar-webami-links .dropdown-menu #aec-webamiacctnum {
    display: none !important;
}

#navbar-webami-links {
    position: absolute;
    right: 311px;
    top: 0;
}

#navbar-webami-links .dropdown-menu {
    left: 0px;
    top: 49px;
    min-width: 205px;
    background-color: #fff;
    border: medium none !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.35) !important;
    padding-left: 5px;
    padding-right: 5px;
}

#aec-webamnavlinks a {
    color: #6a7c92;
    -webkit-transition: color ease-in-out .15s;
    -o-transition: color ease-in-out .15s;
    transition: color ease-in-out .15s;

}

#navbar-webami-links .dropdown.open .dropdown-toggle {
    background-color: #fff;
  
}

#navbar-webami-links ul {
    width: 100%;
}

#navbar-webami-links li.dropdown {
    display: block;
    text-align: right;
    width:100%
}

#aec-webamnavlinks a:hover, #aec-webamnavlinks a:focus {
    color: #1d2737 !important;
    text-decoration: none !important;
}

.dropdown-toggle > span#aec-webamiacctnum-label {
    font-weight: bold;
}

#navbar-webami-links .nav.navbar-nav.navbar {
    margin: 0;
}

#aec-webamnavlinks li {
    padding-left: 0;
    padding-top: 4px;
}

@media (min-width: 0px) and (max-width: 767px) {
    #navbar-webami-links .dropdown-toggle {
        top: -1px;
    }

    #navbar-webami-links {
        position: absolute;
        right: 50px;
        top: 0;
    }

        #navbar-webami-links a.dropdown-toggle {
            padding: 14px 10px;
        }

        #navbar-webami-links .open .dropdown-menu {
            margin-top: -2px;
        }
}

@media print {
    * {
        overflow: visible !important;
    }

    body, #aec-body, #aec-container {
        overflow: visible !important;
    }

    .no-print, .no-print * {
        display: none !important;
    }

    #contactable-inner-feedback,
    #aec-left,
    #aec-header,
    #aec-footer,
    .aec-checkout-removeLink,
    .aec-body-checkout-cart1 .k-select {
        display: none !important;
    }

    .aec-body-checkout-cart1 #aec-main,
    .aec-body-checkout-cart2 #aec-main,
    .aec-body-checkout-cart1 #OrderGrid,
    .aec-body-checkout-cart2 #OrderGrid3 {
        width: 100%;
    }

    a.k-link[href]:after {
        content: none !important;
    }

    .aec-body-checkout-cart1 #OrderGrid .k-grid-content {
        height: 100% !important;
        overflow: visible !important;
    }
}

@media (min-width: 0px) and (max-width: 550px) {
    .btn.ups {
        font-size: 14px;
        white-space: normal;
    }
}

.slick-slider {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.slick-list.draggable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/*====================================
	PERSON SEARCH GRID
=====================================*/
.aec-searchresults-notfound {
    margin-bottom: 10px;
}

#aec-personsearchgrid {
    margin-top: 0px;
    display: inline-block;
    width: 100%;
}

#aec-searchgridspan > ul {
    border-left: medium none;
    border-right: medium none;
    margin-bottom: 0;
}

#aec-personsearchgrid > li {
    border-bottom: 1px solid #DAE0E7;
    color: #2a72b0;
    float: left;
    font-size: 13px;
    list-style-type: none;
    padding: 10px;
    width: 100%;
}

#aec-personsearchgrid .aec-artistinfo .aec-artistinfo-title {
    color: #1d2737;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

#aec-personsearchgrid a {
    color: #337ab7;
    font-size: 14px;
}

    #aec-personsearchgrid a:hover {
        text-decoration: underline;
    }

.aec-persongridcontrolsbot {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #DAE0E7;
    display: inline-block;
    height: 38px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

    .aec-persongridcontrolsbot .aec-pagenumgroup.aec-pagenumgroup-bot {
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
        padding-top: 6px;
        position: relative;
        text-align: center;
        width: auto !important;
    }

.aec-boutiquebanner h1 {
    border-bottom: 1px solid #dae0e7;
    color: #404d62;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 14px;
    padding-top: 4px;
}

.aec-groupednotifier {
    display: inline;
}

.aec-groupednotifier-box > span {
    color: #667387;
    font-size: 12px;
}

.aec-groupednotifier-box {
    background-color: #dae0e7;
    border-color: #dae0e7 !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none !important;
    padding: 2px 4px;
    margin-left: 0 !important;
    -webkit-transition: all 0.35s ease-in-out 0s;
}

    .aec-groupednotifier-box:hover,
    .aec-groupednotifier-box:focus {
        background-color: #DAE0E7 !important;
        color: #1D2737 !important;
    }

        .aec-groupednotifier-box:hover > span,
        .aec-groupednotifier-box:focus > span {
            color: #1D2737 !important;
        }

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul li.aec-groupednotifier {
    font-size: 16px;
    max-width: 200px;
}

ul.aec-listview .aec-groupednotifier-box {
    width: 100%;
}

.aec-listview:not(.aec-gridview) ul.aec-gridcontentul li.aec-groupednotifier {
    font-size: 16px;
    max-width: 200px !important;
    width: auto;
    display: inline-block;
}

/*====================================
	EXCLUSIVE GRID ICON
=====================================*/
.aec-gridicon-indie-exclusive .img-responsive.indie-exclusive {
    display: inline-block;
    max-height: 25px;
    position: relative;
    top: -3px;
    max-width: 102px;
}

.aec-gridicon-indie-exclusive {
    max-height: 30px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 0;
}

.aec-listview:not(.aec-gridview) .aec-gridicon-indie-exclusive {
    position: relative;
    text-align: left;
}

    .aec-listview:not(.aec-gridview) .aec-gridicon-indie-exclusive .img-responsive.indie-exclusive {
        margin-left: 12px;
        max-height: 30px;
        position: relative;
        max-width: 124px;
    }

li.aec-groupednotifier:empty {
    display: none !important;
}
/*Consumer products*/
.aec-webami-stacklist h1{
    border-bottom: medium dashed #a2afc4;
}
.aec-webami-stacklist h1:before {
    background-color: initial;
    border-bottom: initial;
    bottom: initial;
    content: initial;
    height: initial;
    left: initial;
    position: initial;
    transform: initial;
    -webkit-transform: initial;
    width: initial;
}
.aec-webami-stacklist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    flex-flow: row nowrap;
    justify-content: space-between;
}
.aec-webami-stacklist ul li a {
    border: 1px solid #dae0e7;
    border-radius: 4px;
    font-size: 1.5em;
    padding: 10px 5px;
    display: block;
    margin-bottom: 20px;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
    color: #6a7c92;
    min-width: 200px;
    text-align: center;
}
.aec-webami-stacklist ul li a:hover {
    background-color: #A00105;
    border-color: #AA1B1F;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    text-decoration: none;
    color: #fff;
}
.aec-adZoneCategory {
    border: solid 1px #A00105;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.aec-adZoneCategory h2 {
    font-size: 3em;
    background-color: #A00105;
    color: white;
    text-align: center;
    padding: 10px 0;
    margin-top: 0;
}
#aec-backToTop {
    background-color: #A00105;
}
#aec-notifyme-note {
    color: initial;
}
.boutiqueTableGrid {
    table-layout: fixed;
}
.boutiqueTableGrid td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.aec-webami-stacklist .aec-adzone-container {
    text-align: center;
}

#aec-left .aec-dcsnavHead a {
    color: #1D2737;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    -webkit-transition: color 0.2s ease 0s;
}

#aec-information-list li a {
    font-size: 11px;
}

#aec-information-list > li {
    width: 12% !important;
}

/*#aec-information-list li a.vinyl-acc-li:after {
    content: "VINYL ACCESSORIES";
}

@media (min-width: 768px) and (max-width: 1014px) {
    #aec-information-list li a.vinyl-acc-li:after {
        content: "ACCESSORIES";
    }
}*/

@media (min-width: 768px) and (max-width: 1200px) {
    #aec-information-list li a {
        font-size: .9vw;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-information-list li a {
        font-size: 12px;
    }

    #nav-store-departments .nav.navbar-nav > li {
        font-size: 14px;
        padding: 0 20px;
    }

    #aec-information-list > li {
        width: 100% !important;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    #nav-store-departments .nav.navbar-nav a {
        font-size: 1vw;
    }
}

@media (min-width: 1200px) and (max-width: 4096px) {
    #nav-store-departments .nav.navbar-nav a {
        font-size: 12px;
    }
}

#aec-webami-loginbox .validation-summary-errors {
    background-color: rgb(202,94,88);
    color: #fff !important;
    padding: 2px 25px;
    border: 1px solid rgb(202,94,88);
    border-radius: 2px;
    text-align: center;
}

    #aec-webami-loginbox .validation-summary-errors ul {
        margin-bottom: 5px;
        margin-top: 5px;
    }


.df-container .loading-info {
    background-color: rgb(0, 0, 0) !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

._df_thumb {
    margin: 0 !important;
    width: 100% !important;
    height: 230px !important;
}

.account-message-label {
    font-size: 13px;
    font-weight: 600;
    margin-top: 5px;
}

.storetype-landing .turntable-border .products-slider > h3 {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 0) and (max-width: 767px) {
    .aec-productfeature.aec-res > div#aec-indie-exclusive {
        text-align: left !important;
    }
}

.loading-price {
    position: relative;
    z-index: 9999;
    background-image: url(../img/custom/webami/loading.gif);
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
}

.aec-webamiprice-display .tooltip .tooltip-inner {
    color: #fff !important;
}

.listing-price {
    display: none;
}

.aec-qty-avail {
    display: block;
}

#btnsubmitorder:disabled,
#btnsubmitorder[disabled] {
    cursor: not-allowed;
    border: 1px solid #999999 !important;
    background-color: #cccccc !important;
    color: #666666 !important;
}


/*Braintree Styles*/
.braintree-sheet {
    border: 1px solid #A8B8CB;
}

.braintree-sheet__header {
    border-bottom: 1px solid #A8B8CB;
    background: #425265;
}

    .braintree-sheet__header .braintree-sheet__text {
        color: #fff;
    }

.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field {
    border: 1px solid #A8B8CB;
}

    .braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field.braintree-form__field--valid {
        border-color: #006100;
    }

.webami-paypal-panel {
    border: 1px solid #a8b8cb;
    border-radius: 3px;
}

.webami-paypal-panel > .panel-heading {
    color: #f5f6f7;
    background-color: #425265;
    border-color: #a8b8cb;
}

.webami-paypal-panel > .panel-body {
    text-align: center;
}

.webami-paypal-panel .panel-title {
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif !important;
    line-height: 1.2;
    text-transform: none !important;
    font-weight: 400 !important;
}

.restrict-container {
	position: relative;
}

.restrict-overlay {
	position: absolute; 
	display: block;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%; 
	opacity: 0.10;
	background-color: black; 
	z-index: 500; 
}

.braintree-overlay {
	top: 83px;
	height: calc(100% - 83px);
}

.storeicon-arcade {
    width: 30px;
    height: 38px;
    margin-right: 3px;
    margin-bottom: 5px;
}

.aec-webami-caselot-modal .modal-body {
    padding: 15px 15%;
}

.aec-webami-caselot-modal .modal-content {
    border: 2px solid #a00105;
}

.aec-webami-caselot-modal .modal-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    min-width: 200px;
    min-height: 200px;
    max-width: 200px;
    max-height: 200px;
    text-align: center;
    margin: auto;
}

.aec-webami-caselot-modal .modal-cover img {
    object-fit: contain;
    max-width: 200px;
    max-height: 200px;
}

.aec-webami-caselot-modal .modal-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 4px 4px 0 0;
    min-height: 0 !important;
    padding: 0 10px !important;
}

.aec-webami-caselot-modal .modal-dialog-centered {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.aec-webami-caselot-modal .aec-webamitier-Box,
.aec-webami-caselot-modal .aec-webamitier-Master {
    display: contents;
}

.aec-webami-caselot-modal button.aec-buybutton-textbtn {
    padding: 8px 0 !important;
    width: 50%;
}

.aec-webami-caselot-modal button.aec-buybutton-textbtn span {
    font-size: 12px;
}
.aec-webami-caselot-modal .aec-title {
    padding-bottom: 0 !important;
}

.aec-webami-caselot-modal .aec-webami-btn {
    margin-bottom: 10px;
}

.aec-webami-caselot-modal .aec-cat-modal,
.aec-webami-caselot-modal .aec-price-modal {
    margin: 0;
}

.aec-webami-caselot-modal .aec-qty-modal {
    margin-bottom: 10px;
}

.aec-webami-caselot-modal .aec-webamitier-BoxText,
.aec-webami-caselot-modal .aec-webamitier-MasterText {
    font-weight: 500;
    font-size: 12px;
}

.aec-webami-caselot-modal .modal-body {
    text-align: center;
}

.aec-webami-caselot-modal .modal-body .aec-title-modal {
    font-size: 14px;
}

.aec-webami-caselot-modal .modal-body .aec-cat-modal,
.aec-webami-caselot-modal .modal-body .aec-price-modal,
.aec-webami-caselot-modal .modal-body .aec-qty-modal {
    font-size: 13px;
}

.ui-qty-modal {
    z-index: 9999 !important;
}

.aec-webami-caselot-modal .aec-webamitier {
    display: none;
}

.aec-help-content .btn-primary {
    background-color: #1d2737;
    border-color: #1d2737;
    color: #fff;
}

    .aec-help-content .btn-primary:hover,
    .aec-help-content .btn-primary:focus,
    .aec-help-content .btn-primary:active {
        background-color: #262c34 !important;
        border-color: #1d2737 !important;
        color: #fff !important;
    }


/*-----------------DropDownList Sortby and ItemsPerPage---------------------*/
.aec-gridcontrolsbot #aec-sortbygroup label,
.aec-gridcontrolsbot #aec-perpagegroup label {
    font-size: 11px !important;
}
/*-----------------End DropDownList Sortby and ItemsPerPage---------------------*/

#aec-qtyOnOrder {
    text-align: center;
    font-size: 13px;
}


.tabgroup .nav-tabs {
    background-color: #ececec;
    border-bottom: 1px solid #989898 !important;
}

.tabgroup ul.nav-tabs li a {
    padding: 8px 15px !important;
    text-transform: uppercase;
    font-size: 11px;
}

.tabgroup .nav-tabs > li.active > a,
.tabgroup .nav-tabs > li.active > a:focus,
.tabgroup .nav-tabs > li.active > a:hover {
    color: #000000;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #989898;
    border-bottom-color: transparent;
    border-bottom: 2px solid transparent !important;
    border-top: 2px solid #989898 !important;
}

.tabgroup .nav-tabs > li > a {
    border: 1px solid #a8a8a8 !important;
    margin-right: 4px !important;
    border-radius: 0 !important;
    border-top: 2px solid #989898 !important;
    border-bottom: none !important;
}

.tabgroup .tab-content {
    padding: 10px 5px 0px;
}

.storeicon-hmbr-circled:before {
    content: url('../img/custom/hmbr/hmbr-webami_icon.jpg');
}

/*Make payments*/
#payment-accounts-tabs-panel .row {
    margin-left: 0;
    margin-right: 0;
}