/*

    SCHOLASTIC STYLESHEET
        - Refactor export microsites to incorporate new Nav / footer

*/

/*@import url('font-face.css');*/
@font-face {
    font-family: 'museo_sans500';
    src: url(museosans-500-webfont.eot);
    src: url(museosans-500-webfont.eot?#iefix) format("embedded-opentype"), url(museosans-500-webfont.woff2) format("woff2"), url(museosans-500-webfont.woff) format("woff"), url(museosans-500-webfont.ttf) format("truetype"), url(museosans-500-webfont.svg#museo_sans500) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans500_italic';
    src: url(museosans-500italic-webfont.eot);
    src: url(museosans-500italic-webfont.eot?#iefix) format("embedded-opentype"), url(museosans-500italic-webfont.woff2) format("woff2"), url(museosans-500italic-webfont.woff) format("woff"), url(museosans-500italic-webfont.ttf) format("truetype"), url(museosans-500italic-webfont.svg#museo_sans500_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans300_italic';
    src: url(../fonts/museosans-300italic-webfont.eot);
    src: url(../fonts/museosans-300italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-300italic-webfont.woff2) format("woff2"), url(../fonts/museosans-300italic-webfont.woff) format("woff"), url(../fonts/museosans-300italic-webfont.ttf) format("truetype"), url(../fonts/museosans-300italic-webfont.svg#museo_sans300_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans100_italic';
    src: url(../fonts/museosans-100italic-webfont.eot);
    src: url(../fonts/museosans-100italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-100italic-webfont.woff2) format("woff2"), url(../fonts/museosans-100italic-webfont.woff) format("woff"), url(../fonts/museosans-100italic-webfont.ttf) format("truetype"), url(../fonts/museosans-100italic-webfont.svg#museo_sans100_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans300';
    src: url(../fonts/museosans-300-webfont.eot);
    src: url(../fonts/museosans-300-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-300-webfont.woff2) format("woff2"), url(../fonts/museosans-300-webfont.woff) format("woff"), url(../fonts/museosans-300-webfont.ttf) format("truetype"), url(../fonts/museosans-300-webfont.svg#museo_sans300) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans100';
    src: url(../fonts/museosans-100-webfont.eot);
    src: url(../fonts/museosans-100-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-100-webfont.woff2) format("woff2"), url(../fonts/museosans-100-webfont.woff) format("woff"), url(../fonts/museosans-100-webfont.ttf) format("truetype"), url(../fonts/museosans-100-webfont.svg#museo_sans100) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans900_italic';
    src: url(../fonts/museosans-900italic-webfont.eot);
    src: url(../fonts/museosans-900italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-900italic-webfont.woff2) format("woff2"), url(../fonts/museosans-900italic-webfont.woff) format("woff"), url(../fonts/museosans-900italic-webfont.ttf) format("truetype"), url(../fonts/museosans-900italic-webfont.svg#museo_sans900_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans900';
    src: url(../fonts/museosans-900-webfont.eot);
    src: url(../fonts/museosans-900-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-900-webfont.woff2) format("woff2"), url(../fonts/museosans-900-webfont.woff) format("woff"), url(../fonts/museosans-900-webfont.ttf) format("truetype"), url(../fonts/museosans-900-webfont.svg#museo_sans900) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans700';
    src: url(../fonts/museosans-700-webfont.eot);
    src: url(../fonts/museosans-700-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-700-webfont.woff2) format("woff2"), url(../fonts/museosans-700-webfont.woff) format("woff"), url(../fonts/museosans-700-webfont.ttf) format("truetype"), url(../fonts/museosans-700-webfont.svg#museo_sans700) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans700_italic';
    src: url(../fonts/museosans-700italic-webfont.eot);
    src: url(../fonts/museosans-700italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-700italic-webfont.woff2) format("woff2"), url(../fonts/museosans-700italic-webfont.woff) format("woff"), url(../fonts/museosans-700italic-webfont.ttf) format("truetype"), url(../fonts/museosans-700italic-webfont.svg#museo_sans700_italic) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewaymedium';
    src: url(../fonts/raleway-medium-webfont.eot);
    src: url(../fonts/raleway-medium-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-medium-webfont.woff2) format("woff2"), url(../fonts/raleway-medium-webfont.woff) format("woff"), url(../fonts/raleway-medium-webfont.ttf) format("truetype"), url(../fonts/raleway-medium-webfont.svg#ralewaymedium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewayheavy';
    src: url(../fonts/raleway-heavy-webfont.eot);
    src: url(../fonts/raleway-heavy-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-heavy-webfont.woff2) format("woff2"), url(../fonts/raleway-heavy-webfont.woff) format("woff"), url(../fonts/raleway-heavy-webfont.ttf) format("truetype"), url(../fonts/raleway-heavy-webfont.svg#ralewayheavy) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewayextralight';
    src: url(../fonts/raleway-extralight-webfont.eot);
    src: url(../fonts/raleway-extralight-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-extralight-webfont.woff2) format("woff2"), url(../fonts/raleway-extralight-webfont.woff) format("woff"), url(../fonts/raleway-extralight-webfont.ttf) format("truetype"), url(../fonts/raleway-extralight-webfont.svg#ralewayextralight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewaybold';
    src: url(../fonts/raleway-bold-webfont.eot);
    src: url(../fonts/raleway-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-bold-webfont.woff2) format("woff2"), url(../fonts/raleway-bold-webfont.woff) format("woff"), url(../fonts/raleway-bold-webfont.ttf) format("truetype"), url(../fonts/raleway-bold-webfont.svg#ralewaybold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewaylight';
    src: url(../fonts/raleway-light-webfont.eot);
    src: url(../fonts/raleway-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-light-webfont.woff2) format("woff2"), url(../fonts/raleway-light-webfont.woff) format("woff"), url(../fonts/raleway-light-webfont.ttf) format("truetype"), url(../fonts/raleway-light-webfont.svg#ralewaylight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewayextrabold';
    src: url(../fonts/raleway-extrabold-webfont.eot);
    src: url(../fonts/raleway-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-extrabold-webfont.woff2) format("woff2"), url(../fonts/raleway-extrabold-webfont.woff) format("woff"), url(../fonts/raleway-extrabold-webfont.ttf) format("truetype"), url(../fonts/raleway-extrabold-webfont.svg#ralewayextrabold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewayregular';
    src: url(../fonts/raleway-regular-webfont.eot);
    src: url(../fonts/raleway-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-regular-webfont.woff2) format("woff2"), url(../fonts/raleway-regular-webfont.woff) format("woff"), url(../fonts/raleway-regular-webfont.ttf) format("truetype"), url(../fonts/raleway-regular-webfont.svg#ralewayregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url(../fonts/raleway-semibold-webfont.eot);
    src: url(../fonts/raleway-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/raleway-semibold-webfont.woff2) format("woff2"), url(../fonts/raleway-semibold-webfont.woff) format("woff"), url(../fonts/raleway-semibold-webfont.ttf) format("truetype"), url(../fonts/raleway-semibold-webfont.svg#ralewaysemibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'fontawesome';
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff2"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'BankGothicBold';
    src: url(../fonts/BankGothicBold.ttf);
}

/* DEFAULT */
* {
    margin: 0;
    padding: 0;
}

body.emp1,
body.emp2 {
    background: #FFF !important;
}

header,
footer {
    margin: 0;
    padding: 0;
    line-height: 1.3em;
    font: normal 14px Arial, Tahoma, Sans-serif;
    color: #6a6a6a;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

header.header {}

header a,
footer a,
header a:active,
footer a:active,
header a:visited,
footer a:visited,
header a:link,
footer a:link {
    text-decoration: none;
    color: #4d4d4d;
}

p {
    margin: 0 0 15px;
}

.half {
    width: 50%;
    float: left;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    overflow: hidden;
}

.center {
    text-align: center;
}

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

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

.hide {
    display: none;
}

.top {
    margin-top: 50px;
}

.fixed-scrollbar {
    padding-top: 45px !important;
}

.fixed-scrollbar.dropnav {
    padding-top: 120px !important;
}

.fixed-scrollbar header.header:not(#header) {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    min-width: 1065px;
}

.fixed-scrollbar header.header:not(#header) .wrap-header {
    min-width: 1065px;
}

.scholastic-learners .scholastic-zone-top .row {
    position: static;
}

header #zone-branding-wrapper {
    position: static;
}

header h1,
footer h1 {
    font: bold 42px Arial, Tahoma, Sans-serif;
    color: #12577e;
    margin-bottom: 20px;
}

header h1 a,
footer h1 a {
    font-size: 100%;
    color: inherit;
}

header h2,
footer h2 {
    font: normal 30px Arial, Tahoma, Sans-serif;
    color: #6a6a6a;
    margin-bottom: 20px;
}

header h2 a,
footer h2 a {
    font-size: 100%;
    color: inherit;
}

header h3,
footer h3 {
    font: bold 22px Arial, Tahoma, Sans-serif;
    color: #6a6a6a;
    margin-bottom: 20px;
}

header h3 a,
footer h3 a {
    font-size: 100%;
    color: inherit;
}

header h4,
footer h4 {
    font: bold 18px Arial, Tahoma, Sans-serif;
    color: #6a6a6a;
    margin-bottom: 20px;
}

header h4 a,
footer h4 a {
    font-size: 100%;
    color: inherit;
}

header h5,
footer h5 {
    font: bold 16px Arial, Tahoma, Sans-serif;
    color: #6a6a6a;
    margin-bottom: 10px;
}

header h5 a,
footer h5 a {
    font-size: 100%;
    color: inherit;
}

header h6,
footer h6 {
    font: bold 14px Arial, Tahoma, Sans-serif;
    color: #6a6a6a;
    margin-bottom: 20px;
}

header h6 a,
footer h6 a {
    font-size: 100%;
    color: inherit;
}

i {
    font-style: italic;
}

b {
    font-weight: bold;
}

/* END */

/* BUTTON */
header a.btn,
footer a.btn {
    display: inline-block !important;
    font-weight: bold;
    padding: 12px 20px !important;
    display: inline-block;
    text-align: center;
    line-height: 1em;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    color: #FFF !important;
    text-shadow: none;
    border: none;
    text-transform: capitalize;
    background-color: #e60405;
    border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -ms-border-radius: 20px 20px 20px 20px;
    background: -webkit-linear-gradient(top, #e60405, #e60405);
    background: -moz-linear-gradient(top, #e60405, #e60405);
    background: -ms-linear-gradient(top, #e60405, #e60405);
    background: -o-linear-gradient(top, #e60405, #e60405);
}

header a.btn:active,
footer a.btn:active {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    background: -webkit-linear-gradient(top, #b60001, #e60405);
    background: -moz-linear-gradient(top, #b60001, #e60405);
    background: -ms-linear-gradient(top, #b60001, #e60405);
    background: -o-linear-gradient(top, #b60001, #e60405);
}

header a.btn:active:focus,
footer a.btn:active:focus {
    outline: none;
}

header a.btn:focus,
footer a.btn:focus {
    outline: none;
}

header a.btn-red-ico,
footer a.btn-red-ico {
    position: relative;
    padding: 12px 40px 12px 20px !important;
}

header a.btn-red-ico:before,
footer a.btn-red-ico:before {
    content: "";
    display: block;
    width: 14px;
    height: 17px;
    position: absolute;
    top: 30%;
    right: 20px;
    background: url('../images/btn-arrow.png') no-repeat center;
}

header a.btn-tertiary,
header a.btn-tertiary-ico,
footer a.btn-tertiary,
footer a.btn-tertiary-ico {
    color: #777 !important;
    font: bold 13px/1em Arial, Helvetica, Sans-serif;
    border: 1px solid #CCC;
    margin: 0;
    padding: 12px 20px;
    display: inline-block;
    background: linear-gradient(top, #fefefe, #ececed);
    background: -webkit-linear-gradient(top, #fefefe, #ececed);
    background: -moz-linear-gradient(top, #fefefe, #ececed);
    background: -o-linear-gradient(top, #fefefe, #ececed);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
}

header a.btn-tertiary:active,
header a.btn-tertiary-ico:active,
footer a.btn-tertiary:active,
footer a.btn-tertiary-ico:active {
    background: linear-gradient(top, #ececed, #fefefe);
    background: -webkit-linear-gradient(top, #ececed, #fefefe);
    background: -moz-linear-gradient(top, #ececed, #fefefe);
    background: -o-linear-gradient(top, #ececed, #fefefe);
}

header a.btn-tertiary-ico,
footer a.btn-tertiary-ico {
    position: relative;
    padding: 12px 40px 12px 20px !important;
}

header a.btn-tertiary-ico:after,
footer a.btn-tertiary-ico:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 18px;
    position: absolute;
    top: 30%;
    right: 15px;
    background: url('../images/btn-tertiary-arrow.png') no-repeat center;
}

header a.btn-red-medium,
footer a.btn-red-medium {
    padding: 5px 20px !important;
    line-height: 1em;
}

header a.btn-tertiary-download:after,
footer a.btn-tertiary-download:after {
    width: 15px;
    background: url('../images/btn-tertiary-download.png') no-repeat center;
}

.node-more-arrow {
    position: relative;
}

.node-more-arrow:before {
    content: "";
    display: block;
    width: 8px;
    height: 11px;
    position: absolute;
    top: 1px;
    background: url('../images/node-more-arrow.png') no-repeat top left;
}

.node-more-arrow.prev {
    padding-left: 15px;
}

.node-more-arrow.prev:before {
    background-position: top left;
}

.node-more-arrow.next {
    padding-right: 15px;
}

.node-more-arrow.next:before {
    background-position: bottom left;
}

.btn-tertiary-medium {
    padding: 4px 40px 4px 20px !important;
}

.btn-tertiary-medium:after {
    top: 10%;
}

header a.btn-blue {
    background-color: #0487d5;
    background: linear-gradient(top, #0487d5, #02629B);
    background: -webkit-linear-gradient(top, #0487d5, #02629B);
    background: -moz-linear-gradient(top, #0487d5, #02629B);
    background: -o-linear-gradient(top, #0487d5, #02629B);
}

header a.btn-blue:focus {
    background: linear-gradient(top, #02629B, #0487d5);
    background: -webkit-linear-gradient(top, #02629B, #0487d5);
    background: -moz-linear-gradient(top, #02629B, #0487d5);
    background: -o-linear-gradient(top, #02629B, #0487d5);
}

/* END */

/* ICONS */
/* Link Icons */
.link-icon {
    padding: 3px 24px 3px 0 !important;
    background: url(../images/link_arrow_right.png) no-repeat center right;
}

.phone-icon {
    padding: 3px 0 3px 24px !important;
    background: url(../images/phone_link_ico.png) no-repeat center left;
}

.email-icon {
    padding: 3px 0 3px 24px !important;
    background: url(../images/email_link_ico.png) no-repeat center left;
}

.link-arrow-down {
    padding: 3px 24px 3px 0 !important;
    background: url(../images/link_arrow_down.png) no-repeat center right;
}

.link-arrow-right {
    padding: 3px 24px 3px 0 !important;
    background: url(../images/link_arrow_right.png) no-repeat center right;
}

/* END */

/* REGION | ROW | BLOCK */

/* REGION */
.page .scholastic-footer .container {
    width: 980px;
    margin: 0 auto;
    padding: 0;
}

.scholastic-navigation-top,
.scholastic-navigation,
.scholastic-branding,
.scholastic-hoz-navigation {
    float: left;
    width: 100%;
}

.page .main {
    width: 100%;
    float: left;
}

/* BLOCK */
div[class*=block-col-] {
    margin: 0;
    padding: 0;
    float: left;
}

div[class*=block-col-]:nth-last-child(1),
div[class*=block-col-].last {
    margin-right: 0;
    padding-right: 0;
    border: none;
}

div.block-col-one {
    width: 23%;
}

div.block-col-two {
    width: 50%;
    margin-right: 0;
}

/* END */

/* HEADER */
header {}

header .scholastic-navigation-top .scholastic-zone-inner {
    overflow: inherit;
}

header .scholastic-header {
    height: 45px;
    background-color: #4d4d4d;
    position: relative;
    z-index: 1001;
    width: 100%;
    float: left;
}

header .scholastic-header .header-left {
    width: 295px;
    position: absolute;
    top: 0;
    left: 0;
}

header .scholastic-header .header-middle {
    float: left;
    width: 100%;
    padding-left: 295px;
    padding-right: 278px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.scholastic-learners header .scholastic-header .header-middle {
    padding-right: 190px;
}

/* MY CART DROPDOWN */
header .header-right {
    position: absolute;
    top: 0;
    right: 0;
}

header .header-right a,
header .header-right a:hover {
    color: #FFF !important;
}

header .header-right form {
    float: left;
    color: #FFF;
}

header .header-right form ul.drop_menu {
    margin-bottom: 0;
}

header .header-right form ul.drop_menu li {
    padding: 12px 10px;
    margin: 0;
    border-left: 1px solid #717171;
    float: left;
    color: #FFF;
    font-size: 12px;
    line-height: 21px;
    width: auto;
    text-align: center;
    position: relative;
}

header .header-right form ul.drop_menu li.active {
    background-color: #353535 !important;
}

header .header-right form ul.drop_menu li.my-account .my-account-link {
    padding: 0 5px 0 25px;
    background: url(../images/icon-sign-lock.png) no-repeat left center;
    display: inline-block;
}

/*WS-3367 tungdoan*/
/*header .header-right form ul.drop_menu li.my-account .my-account-link:after {
            position: relative;
            right: -10px;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f107";
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
        }*/
header .header-right form ul.drop_menu li.login-account .my-account-link:after {
    right: -30px;
}

header .header-right form ul.drop_menu li.my-account.active .my-account-link:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

header .header-right form ul.drop_menu li.my-account.login-account {
    padding: 0;
    background: none;
}

header .header-right form ul.drop_menu li.my-account.login-account .my-account-link {
    padding: 15px 45px 15px 15px;
    background: url(../images/default-login.png) no-repeat 15px center;
    display: block;
}

header .header-right form ul.drop_menu li.my-account.login-account.new-myaccount .my-account-link {
    background: url(../../../../themes/scholastic_emea/../images/place_holder.png) no-repeat center;
    background-size: 29px 30px !important;
}

/* BLOCK MY ACCOUNT */
header .login-account {}

header #nav .login-account .menu-show {
    display: none;
    position: absolute;
    width: 20em;
    padding: 10px 20px;
    top: 100%;
    right: 0px;
    background: #353535;
    text-align: left;
    margin-top: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

header .my-account.login-account .menu-show h4 {
    color: #FFF;
}

header .my-account.login-account .menu-show hr {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #666;
    margin: 15px 0 20px;
    float: left;
}

header #nav .my-account.login-account .menu-show li {
    width: 100%;
    padding: 0;
    margin: 0 0 10px;
    border: none;
    text-align: left;
    font: bold 13px/1.3em Arial, Tahoma, Sans-serif;
}

header .login-account .menu-show {}

/* END */

header .header-right form ul.drop_menu li.my-cart {
    padding-left: 40px;
    background: url(../images/i_cart.png) no-repeat 8px center;
}

header .header-right form ul.drop_menu li.my-cart .my-cart-link {
    background: none;
}

header .header-right form ul.drop_menu li.my-cart .my-cart-link:after {
    position: relative;
    right: -10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

header .header-right form ul.drop_menu li.my-cart.active .my-cart-link:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

header .header-right form ul.drop_menu li .ajax-progress-throbber {
    position: absolute;
}

header .header-right form ul.drop_menu .login-link .ajax-progress-throbber {
    position: relative;
    height: 16px;
    top: -3px;
    margin-left: 10px;
}

header .header-right form ul.drop_menu .login-link .ajax-progress .glyphicon {
    webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    animation: none;
    width: 20px;
    height: 20px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

header .header-right form ul.drop_menu .login-link .ajax-progress .glyphicon:before {
    display: inline-block;
    content: "";
    vertical-align: top;
}

header .header-right form ul.drop_menu li.my-account .ajax-progress-throbber {
    top: 10px;
    left: 8px;
}

header .header-right form ul.drop_menu li.my-account .ajax-progress-throbber .glyphicon {
    width: 20px;
    height: 20px;
    background-size: contain;
    margin: 0;
    -webkit-transform-origin: initial;
    -moz-transform-origin: initial;
    -ms-transform-origin: initial;
    -o-transform-origin: initial;
    transform-origin: initial;
    -moz-animation: none;
    -o-animation: none;
    -webkit-animation: none;
    animation: none;
}

header .header-right form ul.drop_menu li.my-account .ajax-progress-throbber .glyphicon:before {
    display: inline-block;
}

header .header-right form li.my-cart #show_loader .ajax-progress {
    top: 12px;
}

header .header-right form ul.drop_menu li a.my-account-link,
header .header-right form ul.drop_menu li a.my-cart-link {
    color: #FFF;
}

header .header-right form ul.drop_menu {}

.my-cart .display_cart_info {
    position: absolute;
}

.my-cart #show-cart:before,
#nav .my-account ul::before {
    display: none;
}

#nav .my-cart .display_cart_info {
    background: #353535;
    margin: 0;
    top: 100%;
    right: -1px;
    border: none;
    border-radius: 0;
    color: #FFF;
}

.my-cart #show-cart {
    background: transparent;
}

.my-cart .display_cart_info:before {
    display: none;
}

.my-cart #show-cart .basic-cart-block-title,
.my-cart #show-cart .row .cell {
    color: #FFF;
}

.my-cart #show-cart .one-more-item-row {
    text-align: right;
    margin: 30px 0;
    float: left;
    width: 100%;
}

#nav .my-cart .display_cart_info .login-link-none {}

#nav .my-cart .display_cart_info .login-link-none a {
    margin-top: -41px;
}

#nav .my-cart .display_cart_info .login-link-none .ajax-progress-throbber {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    position: relative;
}

#nav .my-cart .display_cart_info .login-link-none .glyphicon-spin {
    width: 20px;
    height: 20px;
    display: block;
    top: 0;
    margin: 0;
    -webkit-transform-origin: 50% 55%;
    -moz-transform-origin: 50% 55%;
    -ms-transform-origin: 50% 55%;
    -o-transform-origin: 50% 55%;
    transform-origin: 50% 50%;
    -moz-animation: initial;
    -o-animation: initial;
    -webkit-animation: initial;
    animation: initial;
}

#nav .my-cart .display_cart_info .login-link-none .glyphicon-spin:before {
    font-size: 0px;
    color: transparent;
    display: block;
}

/* END */

header .navigation-icon {
    width: 51px;
    height: 45px;
}

header .navigation-icon i.fa {
    text-align: center;
    padding: 8px 14px;
    font-size: 26px;
    color: #FFF;
    background-color: #ec1d25;
    border-right: 1px solid #ccc;
    line-height: 29px;
    cursor: pointer;
}

header .navigation-icon.active i.fa {
    background-color: #FFF;
    color: #ec1d25;
}

header .logo {
    line-height: 0;
}

header .slogan {
    font: bold 12px/1em Arial, Tahoma, Sans-serif;
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
}

header ../images.slogan {
    height: 100%;
}

header .search-top {
    text-align: right;
    width: 100%;
}

header .search-top form {
    height: 33px;
    float: none;
    margin-top: 5px;
    margin-right: 10px;
    border-radius: 20px;
    position: relative;
    width: 100%;
}

header .search-top form .form-item,
header .search-top form .form-actions {
    margin: 0;
    padding: 0;
}

header .search-top form:focus {
    background-color: #FFF;
}

header .search-top input[type=text] {
    width: 30%;
    height: 34px;
    border: none;
    color: #CCC;
    background-color: #717171;
    padding: 7px 50px 7px 10px;
    margin: 0;
    outline: none;
    float: right;
    position: relative;
    z-index: 99;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    transition: width 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s;
    -moz-transition: width 0.5s ease 0s;
    -o-transition: width 0.5s ease 0s;
    line-height: 2.5em\9;
    /* IE 7,8 */
}

header .search-top input[type=text]::-webkit-input-placeholder {
    font: bold 13px Arial, Tahoma, Sans-serif;
    color: #CCC;
}

header .search-top input[type=text]::-moz-placeholder {
    font: bold 13px Arial, Tahoma, Sans-serif;
    color: #CCC;
}

header .search-top input[type=text]:-ms-input-placeholder {
    font: bold 13px Arial, Tahoma, Sans-serif;
    color: #CCC;
    text-indent: 20px;
}

header .search-top input[type=text]:-moz-placeholder {
    font: bold 13px Arial, Tahoma, Sans-serif;
    color: #CCC;
}

header .search-top input[type=text]:focus {
    outline: none;
    width: 50%;
    background-color: #FFF;
    color: #A3A3A3;
    font-style: italic;
}

header .search-top input[type=text]:focus::-webkit-input-placeholder {
    color: #A3A3A3;
    font-style: italic;
}

header .search-top input[type=text]:focus::-moz-placeholder {
    color: #A3A3A3;
    font-style: italic;
}

header .search-top input[type=text]:focus:-ms-input-placeholder {
    color: #A3A3A3;
    font-style: italic;
}

header .search-top input[type=text]:focus:-moz-placeholder {
    color: #A3A3A3;
    font-style: italic;
}

header .search-top input[type=submit],
header .search-top button,
.header .search-top .btn,
header .search-top input[type=submit]:hover,
header .search-top button:hover,
header .search-top input[type=submit]:focus,
header .search-top button:focus {
    position: absolute !important;
    top: 0px;
    right: 15px;
    cursor: pointer;
    display: block !important;
    padding: 12px 20px !important;
    width: 23px !important;
    z-index: 100;
    height: 33px !important;
    text-indent: -999em;
    font-size: 0px;
    color: transparent;
    border: none;
    box-shadow: none;
    background: transparent url('../images/search_submit-ico.png') no-repeat center !important;
    outline: none;
}

header .search-top #txtHint {}

header .search-top #txtHint ul {
    width: 30%;
    float: right;
    clear: both;
    text-align: left;
    background-color: #FFFFFF;
    color: #FFF;
    border: 1px solid #DDD;
    transition: width 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s;
    -moz-transition: width 0.5s ease 0s;
    -o-transition: width 0.5s ease 0s;
}

header .search-top.expand #txtHint ul {
    width: 50%;
}

.i18n-ar header .search-top #txtHint ul {
    text-align: right;
}

header .search-top #txtHint ul li {}

header .search-top #txtHint ul li a {
    display: block;
    padding: 10px;
    color: #6a6a6a;
    font-weight: normal;
}

header .search-top #txtHint ul li a:hover {
    background-color: #F1F1F1;
}

.scholastic-branding .block-search,
.scholastic-branding .learners-search {
    position: relative;
    float: right;
}

.block-search #txtHint,
.learners-search #txtHint {
    position: absolute;
    width: 82%;
    top: 100%;
    left: 0;
    z-index: 999;
}

.block-search #txtHint ul,
.learners-search #txtHint ul {
    padding: 0;
    background: #FFF;
    border: 1px solid #DDD;
}

.block-search #txtHint ul li a,
.learners-search #txtHint ul li a {
    display: block;
    padding: 10px;
    color: #6a6a6a;
    font-weight: normal;
}

.block-search #txtHint ul li a:hover,
.learners-search #txtHint ul li a:hover {
    background-color: #F1F1F1;
}

#scholastic-microsite-learners-search-box #txtHint {}

#scholastic-microsite-learners-search-box #txtHint ul {
    width: 260px;
    margin-right: 60px;
    float: right;
    clear: both;
    text-align: left;
    background-color: #FFFFFF;
    color: #FFF;
    border: 1px solid #DDD;
    transition: width 0.5s ease 0s;
    -webkit-transition: width 0.5s ease 0s;
    -moz-transition: width 0.5s ease 0s;
    -o-transition: width 0.5s ease 0s;
}

#scholastic-microsite-learners-search-box #txtHint ul li a {
    display: block;
    padding: 10px;
    color: #6a6a6a;
    font-weight: normal;
}

#scholastic-microsite-learners-search-box #txtHint ul li a:hover {
    background-color: #F1F1F1;
}

/*WS-3367 tungdoan*/
header .search-top input[type=submit],
header .search-top button,
.header .search-top .btn,
header .search-top input[type=submit]:hover,
header .search-top button:hover,
header .search-top input[type=submit]:focus,
header .search-top button:focus {
    right: 0;
}

header .search-top form .ajax-progress {
    margin: 0;
    position: absolute;
    right: 10px;
    z-index: 999;
    top: 5px;
    width: 25px;
    height: 25px;
}

header .search-top form .ajax-progress .throbber {
    width: 25px;
    height: 25px;
}

header .header-right form ul.drop_menu li a.my-cart-link {
    padding: 6px;
}

header .header-right form ul.drop_menu li.my-cart .my-cart-link:after {
    right: -2px;
}

header .header-right form ul.drop_menu li.my-account.login-account {
    height: 45px;
}

header .header-right form ul.drop_menu li.my-account.login-account .my-account-link {
    padding: 15px 35px 15px 15px;
    margin-top: 6px;
}

/*end*/

.header .search-top .btn:after,
.header .search-top .btn:before {
    display: none;
}

header .search-top input[type=submit]:focus {
    outline: none;
}

header .user,
header .sign-in,
header .cart,
header a.contact {
    padding: 15px 5px 12px;
    border-left: 1px solid #717171;
    float: left;
    color: #FFF;
    font-size: 12px;
    line-height: 1.3em;
    width: 82px;
    text-align: center;
    webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

header .user,
header .sign-in i.fa-user,
header .cart i.fa,
header .contact i.fa {
    font-size: 24px;
    margin-right: 5px;
}

header .user {
    width: auto;
    cursor: pointer;
    margin: 0;
    padding: 0;
    height: 100%;
}

header .btn-user {
    padding: 6px 12px 8px;
}

header .btn-cart {
    padding: 11px 5px;
}

header .btn-cart.active {
    background-color: #353535;
}

header .sign-in span,
header .btn-cart span {
    vertical-align: 5px;
}

header .sign-in {}

header .cart {
    position: relative;
    cursor: pointer;
    padding: 0;
    height: 45px;
}

header .cart .shopping-cart {
    width: 305px;
    padding: 20px;
    position: absolute;
    top: 100%;
    right: -1px;
    cursor: auto;
    background-color: #353535;
}

header .cart .shopping-cart .btn {
    margin: 0 5px;
}

header .cart .shopping-cart h5,
header .cart .shopping-cart h6 {
    color: #FFF;
}

header .user i.fa.fa-angle-down,
header .sign-in i.fa.fa-angle-down,
header .cart i.fa.fa-angle-down {
    font-size: 15px;
    margin: 0 0 0 5px;
    vertical-align: 2px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .user.active i.fa.fa-angle-down,
header .btn-cart.active i.fa.fa-angle-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

header .contact {
    height: 1.4em;
    padding-top: 14px;
    padding-bottom: 14px;
}

header .cart .shopping-cart.show {}

header .cart .shopping-items {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #666;
    overflow: hidden;
}

header .cart .shopping-items a {
    color: #FFF;
}

header .cart .shopping-items .item {
    overflow: hidden;
    margin-bottom: 20px;
}

header .cart .shopping-items div.item:last-child {
    margin-bottom: 0;
}

header .cart .shopping-cart.show h5 {
    border-bottom: 1px solid #666666;
    padding: 0 20px 20px;
    color: #FFF;
}

header .cart .shopping-items .image {
    width: 100px;
    height: auto;
    text-align: center;
    float: left;
    margin-right: 20px;
}

header .cart .shopping-items ../images {
    max-width: 100%;
    height: auto;
}

header .cart .shopping-items .more {
    text-align: right;
}

header .cart .shopping-items .more a:hover {
    text-decoration: underline;
}

header .cart .shopping-items .detail {
    text-align: left;
    margin-left: 120px;
}

header .cart .shopping-items .detail h6 {
    color: #FFF;
    margin-bottom: 10px;
}

header .cart .shopping-items .price {
    margin-bottom: 5px;
}

/* END */

/* Block User */
.user {
    position: relative;
}

.user.active {
    background-color: #353535;
}

.user .dropdown {
    width: 7em;
    padding: 20px;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #353535;
    color: #FFF;
    text-align: left;
    line-height: 1em;
}

.user .dropdown h3,
.user .dropdown a {
    color: #FFF;
    margin: 0;
}

.user .dropdown h5 {
    margin-bottom: 0;
}

.user .dropdown a {
    font-size: 12px;
}

.user .dropdown p {
    margin: 0;
}

.user .profile {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
}

.user .my-list {
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #666;
}

/* END */

/* Dropdown Sub Menu */
.dropdown.nav-sub {
    float: left;
    width: 100%;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 998;
    background-color: #fff;
}

.dropdown.nav-sub ul {
    float: left;
    width: 100%;
    border-bottom: 1px solid #F5F5F5;
    margin: 0;
}

.dropdown.nav-sub ul li.menu-item.home {
    width: auto;
    padding: 15px 0px 15px 3px;
    display: block;
    float: left;
}

.dropdown.nav-sub ul li.book-fairs-clubs span {
    width: 95px!important;
}

.dropdown.nav-sub ul li.menu-item {
    display: table-cell;
    font: bold 14px/1em 'Museo Sans 900', Sans-serif;
    padding: 15px 10px;
    margin: 0 auto -1px auto;
    text-align: left;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    width: 9.5%;
}

.dropdown.nav-sub ul li.menu-item:hover,
.dropdown.nav-sub ul li.menu-item.active {
    background-color: #F5F5F5;
}

.dropdown.nav-sub ul li.menu-item:not(.order):after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0px;
    height: 50px;
    width: 1px;
    background: #e8e8e8;
}

.dropdown.nav-sub ul li.menu-item.last:after {
    display: none;
}

.dropdown.nav-sub ul li.menu-item a {
    font-weight: bold;
}

/* FA ICON */
.dropdown.nav-sub ul li.menu-item .fa.fa-archive,
.dropdown.nav-sub ul li.menu-item .fa.fa-home,
.dropdown.nav-sub ul li.menu-item .fa.fa-shopping-cart {
    width: 42px;
    height: 42px;
    display: inline-block;
    text-indent: -999em;
    font-size: 0px !important;
    color: transparent !important;
    background: transparent url(../images/fa-icon.png) no-repeat top left;
    background-color: transparent !important;
    webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

.dropdown.nav-sub ul li.order:hover .fa.fa-shopping-cart,
.dropdown.nav-sub ul li.order.active .fa.fa-shopping-cart {
    background-position: 0px -295px;
    color: #FFF;
    background-color: #00b0c2;
}

.dropdown.nav-sub ul li.order:hover i.fa.fa-angle-down,
.dropdown.nav-sub ul li.order.active i.fa.fa-angle-down {
    color: #000 !important;
}

.dropdown.nav-sub ul li.menu-item .fa:before {
    display: none;
}

.dropdown.nav-sub ul li.hone .fa.fa-home {
    background-position: 0px 0px;
}

.dropdown.nav-sub ul li.products .fa.fa-archive {
    background-position: 0px -42px;
}

.dropdown.nav-sub ul li.catalogs .fa.fa-archive {
    background-position: 0px -84px;
}

.dropdown.nav-sub ul li.book-fairs-clubs .fa.fa-archive {
    background-position: 0px -126px;
}

.dropdown.nav-sub ul li.resources .fa.fa-archive {
    background-position: 0px -168px;
}

.dropdown.nav-sub ul li.about-us .fa.fa-archive {
    background-position: 0px -210px;
}

.dropdown.nav-sub ul li.order .fa.fa-shopping-cart {
    background-position: 0px -252px;
}

/* END */
.dropdown.nav-sub ul li.menu-item span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-family: 'museo_sans900';
    font-size: 15px;
    line-height: 1.3em;
}

.dropdown.nav-sub ul li.menu-item span.book-fairs-clubs {
    width: 80px;
}

.dropdown.nav-sub ul li.menu-item.active {}

.dropdown.nav-sub ul li.menu-item i.fa-angle-down {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.dropdown.nav-sub ul li.menu-item.order {
    background-color: #00b0c2;
    color: #FFF;
}

.dropdown.nav-sub ul li.menu-item.order:hover,
.dropdown.nav-sub ul li.menu-item.order.active {
    background-color: #F5F5F5;
    color: #000;
}

.dropdown.nav-sub ul li.menu-item.order span {
    width: 80px;
}

.dropdown.nav-sub ul li.menu-item.order i.fa-shopping-cart {
    color: #00b0c2;
}

.dropdown.nav-sub ul li.menu-item.book-fairs-clubs i.fa-angle-down {
    margin: 0 0 0 4px !important;
}

.dropdown.nav-sub ul li.menu-item.order i.fa-angle-down {
    color: #FFF !important;
    margin: 15px 0 0 -22px !important;
}

.dropdown.nav-sub ul li.menu-item i.fa-angle-down {
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.dropdown.nav-sub ul li.menu-item.active i.fa-angle-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.dropdown.nav-sub ul li.menu-item.home i.fa {
    background-color: transparent;
    color: #6a6a6a;
}

.dropdown.nav-sub ul li.menu-item.products i.fa {
    background-color: #00b0c2;
}

.dropdown.nav-sub ul li.menu-item.catalogs i.fa {
    background-color: #b668ca;
}

.dropdown.nav-sub ul li.menu-item.book-fairs-clubs i.fa {
    background-color: #ffc600;
}

.dropdown.nav-sub ul li.menu-item.resources i.fa {
    background-color: #87cc1a;
}

.dropdown.nav-sub ul li.menu-item.about-us i.fa {
    background-color: #4868cf;
}

.dropdown.nav-sub ul li.menu-item.order i.fa {
    background-color: #FFFFFF;
}


.dropdown.nav-sub ul li.menu-item i.fa {
    font-size: 24px;
    vertical-align: middle;
    background-color: #CCC;
    text-align: center;
    color: #FFF;
    padding: 0;
    margin: 0 5px 0 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

.dropdown.nav-sub ul li.menu-item i.fa.fa-angle-down {
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    margin-left: 4px;
    line-height: normal;
    font-weight: 700;
}

.dropdown.nav-sub ul li.menu-item i.fa.fa-angle-down:before {
    display: block;
}

.dropdown.nav-sub ul li.menu-item.last {
    border: none;
}

/* END */

/* Dropdown Content */
.dropdown-content {
    background-color: #F5F5F5;
    width: 100%;
    position: absolute;
    z-index: 1000;
    top: 132px;
    font-size: 13px;
}

.dropdown-content a {
    font-size: 14px;
    color: #666;
}

.dropdown-content h5 a {
    font-size: 100%;
    font-weight: bold;
}

.dropdown-content .dropdown-inner {
    margin: 0;
}

.dropdown-content .block-content {
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0 0 20px;
    border-width: 0 0 1px;
}

.dropdown-content .block-content ul,
.dropdown-content .block-content ul li {
    margin: 0;
}

.dropdown-content .bottom {
    padding: 2% 0;
    margin: 0;
    border-top: 1px solid #CCC;
    width: 100%;
    float: left;
}

.dropdown-content .bottom p,
.dropdown-content .bottom ul,
.dropdown-content .bottom ul li {
    margin-bottom: 0px;
}

.dropdown-content .block {
    width: 22%;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
}

.dropdown-content {}

/* END */

/* BLOCK */
/* Block Under List*/
.under-list {
    border-right: none;
}

.under-list h3 {
    font-size: 16px;
    font-weight: 700;
    font-family: arial, tahoma, Sans-serif;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 5px;
}

.under-list ul {
    float: left;
    width: 100%;
    margin: 0;
}

.under-list .item-list ul li.views-row {
    margin: 0;
}

.under-list ul li:not(.views-row) {
    padding: 13px 0;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 6.4px 0;
    list-style: none;
}

.under-list ul li:not(.views-row):nth-last-child(1) {
    border-bottom: none;
}

.under-list ul li a {
    font-family: Arial, Tahoma, Sans-serif;
    font-size: inherit;
    font-weight: inherit;
}

/* Block Two Banner */
.block-col-two.two-banner {
    padding-right: 0;
    padding-left: 0px;
}

.two-banner ../images {
    margin-bottom: 20px;
    width: 100%;
    height: 82%;
}

.two-banner .half {
    width: 45%;
    padding: 0 5% 0 0;
}

.two-banner h5 {
    text-align: left;
}

.two-banner .item-list ul,
.two-banner .item-list ul li {
    margin: 0;
    padding: 0;
}

/* Block Catalogs */
.block-catalogs {
    text-align: center;
}

.block-catalogs .catalog-item {
    display: inline-block;
    vertical-align: top;
    float: none;
    margin: 0 0 20px 30px;
    width: 12%;
}

.block-catalogs .catalog-item ../images {
    margin-bottom: 10px;
    max-width: 100%;
}

.block-catalogs .catalog-item h5 {
    font-size: 13px;
}

.block-catalogs .catalog-item h5 a {
    font-weight: bold;
    color: #6a6a6a;
    font-size: 13px;
}

.block-catalogs .catalog-item p {
    margin-bottom: 0;
}

/* Book Fairs */
.block-book-fairs-clubs {
    text-align: center;
}

.block-book-fairs-clubs .book-fairs-clubs {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0 0 20px 30px;
    width: 12%;
}

.block-book-fairs-clubs .book-fairs-clubs ../images {
    margin-bottom: 10px;
}

.block-book-fairs-clubs .book-fairs-clubs h5 a {
    color: #666;
    font-size: 14px;
    margin-left: 4px;
    line-height: normal;
    font-weight: bold;
}

/* Block Resources */
.block-resources {}

.block-resources .block-col-one {
    width: 28.333333%;
}

/* Block Order */
.block-order {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.block-order .order-left,
.block-order .order-right {
    float: left;
}

.block-order .order-right .item-list ul,
.block-order .order-right .item-list ul li {
    margin: 0;
}

.block-order .order-left {
    width: 60%;
    position: relative;
}

.block-order .order-left .order-left-inner {
    padding-right: 80px;
    margin-right: 79px;
    border-right: 1px solid #CCC;
}

.block-order .order-left .order-left-inner .item-list ul,
.block-order .order-left .order-left-inner .item-list ul li {
    margin: 0;
}

.block-order .order-left .order-left-inner .field-content {
    overflow: hidden;
}

.block-order .order-left:after {
    content: "OR";
    padding: 20px 11px;
    font: 12px/1.4em Arial, Tahoma, Sans-serif;
    display: block;
    position: absolute;
    top: 40%;
    right: 60px;
    background: #F5F5F5 url(../images/or-ico.png) no-repeat center right;
}

.block-order .order-left .image {
    float: left;
    margin-right: 10px;
}

.block-order .order-left .image ../images {
    width: 258px;
    height: 195px;
    border: 2px solid #CCC;
}

.block-order .order-left .des {
    margin-top: 75px;
}

.block-order .order-left .image {}

.block-order .order-right {
    width: 38%;
}

.block-order .order-download-pdf,
.block-order .order-contact {
    min-height: 85px;
    padding-left: 100px;
    margin: 0 0 15px;
    background: url(../images/order-form.png) no-repeat -15px center;
}

.block-order .order-download-pdf h5,
.block-order .order-contact h5 {
    padding-top: 20px;
}

.block-order .order-download-pdf {
    background-size: 104px 101px;
}

.block-order .order-contact {
    background: url(../images/order-contact.png) no-repeat -15px center;
    background-size: 104px 88px;
}

/* Block Footer Support */
.block-footer-support {}

.block-footer-support .block-content ul {}

.block.block-footer-support .item-list ul li {
    list-style-type: none;
}

/* Block Footer Subcribe */
footer .scholastic-footer .block-footer-subscribe {}

footer .scholastic-footer .block.block-footer-subscribe p {
    margin-bottom: 15px;
    color: #bebebe;
    font: 16px Arial, sans-serif, Helvetica;
    font-size: 16px;
}

.i18n-ar footer .scholastic-footer .block.block-footer-subscribe p:nth-child(1) {
    direction: ltr;
}

footer .scholastic-footer .block-footer-subscribe form {
    width: 300px;
    height: auto;
    float: left;
    margin-bottom: 30px;
    position: relative;
}

footer .scholastic-footer .block-footer-subscribe form h2 {
    font: bold 18px/1.3em arial, Helvetica, sans-serif;
    color: #1d72a6;
    margin: 0 0 16px;
    letter-spacing: 0px;
}

footer .scholastic-footer .block-footer-subscribe form .ajax-progress {
    position: absolute;
    left: 164px;
    top: 4px;
}

footer .scholastic-footer .block-footer-subscribe form .ajax-progress .message {
    display: none;
}

.i18n-ar footer .scholastic-footer .block-footer-subscribe form {
    float: right;
}

footer .scholastic-footer .block-footer-subscribe form input[type=text] {
    border: none;
    height: 30px;
    width: 190px;
    background-color: #FFF;
    margin-right: 10px;
    padding: 0 0 0 10px;
    font: italic 12px/1.3em Arial, Tahoma, Sans-serif;
    color: #999;
    outline: none;
    float: left;
    border-radius: 15px;
    line-height: 2em\9;
    /* IE 8 */
}

.i18n-ar footer .scholastic-footer .block-footer-subscribe form input[type=text] {
    margin-left: 10px;
    margin-right: 0;
    padding: 0 10px 0 0;
    float: right;
}

footer .scholastic-footer .block-footer-subscribe form input[type=submit],
footer .scholastic-footer .block-footer-subscribe form button {
    font: bold 12px/1.2em Arial, Tahoma, Sans-serif;
    float: left;
    padding: 8px 15px;
    color: #FFF;
    background: #E60505;
    border: none;
    outline: none;
    cursor: pointer;
    box-shadow: none;
    text-shadow: none;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
}

footer .scholastic-footer .block-footer-subscribe form input[type=submit],
footer .scholastic-footer .block-footer-subscribe form button {
    float: right;
    /*margin-top: -5px\9 !important;*/
}

footer .scholastic-footer .block-footer-subscribe form #error_email_msg {
    position: absolute;
    bottom: -20px;
    margin: 0;
}

footer .scholastic-footer .block-footer-subscribe .form-item,
footer .scholastic-footer .block-footer-subscribe .form-actions {
    margin: 0;
    padding: 0;
}

footer .scholastic-footer .block-footer-subscribe .link-arrow-right {
    margin-top: 15px;
}

footer .scholastic-footer .block-footer-subscribe #replace-newsletter-email-field a,
footer .scholastic-footer .block-footer-subscribe .form-type-checkbox.form-item-is-category {
    display: none;
}

/* FOOTER */
.page footer .scholastic-footer {
    color: #bebebe;
    clear: both;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}

.page footer .scholastic-footer .block .view-content ul li a,
.page footer .scholastic-footer .block .view-content a:link,
.page footer .scholastic-footer .block .view-content ul li a:visited {
    color: #bebebe;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.page footer .scholastic-footer .block .view-content ul li a:hover {
    color: #FFF;
}

.page footer .scholastic-footer .item-list ul li {
    margin: 0;
    padding: 0;
}

.page footer .scholastic-footer .footer-first {
    padding-top: 30px;
    background-color: #4d4d4d;
    border-bottom: 1px solid #666;
    overflow: hidden;
}

.page footer .scholastic-footer .footer-first .container {
    overflow: initial;
}

.page footer .scholastic-footer .row {
    clear: both;
    overflow: initial;
    margin-bottom: 30px;
}

.page footer .scholastic-footer .block {
    width: 22%;
    float: left;
    margin-bottom: 30px;
    padding-left: 15px;
}

.page footer .scholastic-footer .block-footer-subscribe .view-id-emea_footer.view-display-id-panel_pane_basic_page {
    width: 320px;
}

.page footer .scholastic-footer .block .block-title {
    font-weight: bold !important;
    font-family: Arial, Tahoma, Sans-serif !important;
    font-size: 19px !important;
    color: #bebebe;
    margin: 15px 0 5px;
}

.page footer .scholastic-footer .block-content a {
    font: normal 14px/1em Arial, Tahoma, Sans-serif;
}

.page footer .scholastic-footer .block-content a.link-arrow-right {
    font-weight: bold;
}

.page footer .scholastic-footer .block .block-content ul {
    margin: 0 0 0 14px;
}

.page footer .scholastic-footer .block .block-content ul li {
    list-style: disc inside;
    color: #bebebe;
    line-height: 1.3em;
    background: none;
    list-style-position: outside;
    margin-bottom: 5px;
}

.page footer .scholastic-footer .footer-second {
    background-color: #3d3d3d;
    padding: 17px 0;
    text-align: center;
    clear: both;
    font: normal 12px/1.3em arial, tahoma, Sans-serif;
}

.page footer .scholastic-footer .footer-second ul,
.page footer .scholastic-footer .footer-second ul li {
    margin: 0;
    padding: 0;
}

.page footer .scholastic-footer .footer-second p {
    margin: 0;
    color: #bebebe;
}

.page footer .scholastic-footer .footer-second p a {
    color: #bebebe;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.page footer .scholastic-footer .footer-second p a:hover {
    color: #FFF;
}

/* END */

/* CUSTOM */
/* Disable Search Form */
.block-emea-search-facet-search-box,
.pane-emea-search-facet-emea-search-facet-search-box {
    display: none;
}

/* END */
/* Disable My Cart dropdown on (LEARNER / LEARNING-EXPRESS / STUDY-SMART ) */
.scholastic-learners .drop_menu .my-cart {
    display: none;
}

/* END */

/* ARABIC VERSION */
.i18n-ar #nav .my-cart .display_cart_info {
    right: 0px;
    left: inherit;
}

.i18n-ar header .my-account.login-account .menu-show h4,
.i18n-ar header #nav .my-account.login-account .menu-show li {
    text-align: right;
}

/* END */
.header-right .social_right {
    float: left;
    height: 44px;
    border-left: 1px solid #717171;
    line-height: 44px;
}

.header-right .social_right ul {
    display: inline-flex;
    margin-top: -13px;
    height: 44px;
    line-height: 44px;
    padding: 0px 10px;
}

#block-block-4 {
    width: 100%;
    float: left;
    left: 0;
}

.pro_left_block {
    text-align: left;
    width: 42%;
    border-right: 1px solid #e5e5e5;
    float: left;
    padding: 0 5% 0 2%;
}

.pro_right_block {
    border-right: 1px solid #e5e5e5;
    padding: 0 5% 0 3%;
    width: 42%;
    float: left;

}

/*.pro_left_block, .pro_right_block, .submenu1 .block-3 .views-row-1, .submenu1 .block-3 .views-row-2 {
    float: left;
    width: 50%;
}*/

.submenu1 div.block-col-one {
    width: 50%;
}

.submenu1 .views-field-title a {
    margin-top: 20px;
}

#nav-export .view-featured-product-view .views-field-title a {
    font-size: 16px;
    color: #666;
    font-weight: 700;
}

.submenu2 .views-row {
    display: inline-block;
    float: none;
    margin-left: 30px;
    vertical-align: top;
    width: 12%;
}

.submenu1 .block-3 .views-row a {
    font-weight: 700 !important;
}

.submenu3 ul li {
    display: inline-block;
    float: none;
    margin-left: 20px !important;
    vertical-align: top;
    width: 12%;
}

.submenu3 ul li img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.menu-book-fairs-and-clubs {
    border-top: 1px solid #ccc;
    clear: both;
    margin-top: 2%;
    padding: 2% 0 .5%;
}

.menu-book-fairs-and-clubs a {
    background: url(/sites/all/themes/scholastic_emea/images/i_arrow_r.png) no-repeat scroll right 14px #e60505;
    border-radius: 21px;
    color: #fff !important;
    display: inline-block;
    font: bold 14px arial;
    margin: 0;
    padding: 12px 40px 12px 20px;
    position: relative;
}

#nav-export .views-row .views-field a {
    margin: 0;
    display: block;
    padding: 7px 0;
}
.submenu1 .block-3 .views-row-1, .submenu1 .block-3 .views-row-2 {
    cursor: pointer;
    width: 35%;
    height: 85%;
    float: left;
    margin-left: 4%;
}
.submenu1 .views-field-field-image-product{
      height: 200px;
    display: table-cell;
    vertical-align: middle;
}

#nav-export .submenu1 .block-1 .views-row .views-field a {
    font-weight: 400 !important;
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
}

#nav-export .submenu2 .views-row .views-field a {
    text-align: center;
}

#nav-export .dropdown-inner .menu_footer {
    border-top: 1px solid #ccc;
    padding: 2% 0 .5%;
    margin-top: 2%;
    clear: both;
}

#nav-export .dropdown-inner .menu_footer a {
    background: url(/sites/all/themes/scholastic_emea/images/i_arrow_r.png) no-repeat scroll right 14px #e60505;
    border-radius: 21px;
    display: block;
    width: 177px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
    padding-left: 20px;
    font-weight: 700;
}

.submenu4 div.block-col-one {
    width: 100% !important;
}

#nav-export .submenu4 .views-row .views-field a {
    margin: 0px !important;
}

.resources_menu ul {
    float: none;
    list-style: none;
    padding: 0;
    width: 100%;
    overflow: hidden;
    display: block;
}

.resources_menu ul li.grayRgtBrdr {
    border-right: 1px solid #e5e5e5;
    border-bottom: none;
    margin-right: 2%;
    font-size: 18px;
}

.resources_menu ul li.grayRgtBrdr a {
    font-weight: 400 !important;
    font-size: 14px;
}

.resources_menu ul li {
    float: left;
    color: #666;
    font-weight: 700;
    list-style: none;
    margin: 0;
    padding: 7px 7px 7px 0;
    width: 30%;
    font-size: 14px;
    text-align: left;
}

.resources_menu ul li ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.resources_menu ul li.grayRgtBrdr>ul>li {
    width: 95%;
}

.resources_menu ul li ul li {
    float: none;
    color: #4d4d4d;
    font-weight: 400;
    list-style: none;
    margin: 0;
    padding: 7px 0;
    width: 60%;
    border-bottom: 1px solid #e5e5e5;
}

.max_container.footer_container {
    background: #4d4d4d;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    display: block;
}

.footer_container .container_content {
    width: 75%;
}

.footer_container .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.footer_container .row {
    margin-right: -15px;
    margin-left: -15px;
}

#footer-top {
    padding: 30px 0;
}

.footer_container .col-sm-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
}

.view-footer-section .views-field-title .field-content {
    width: 300px;
    float: left;
    margin: 15px 0 5px;
    color: #bebebe;
    font-size: 19px;
    font-weight: 400;
}

.footer_block {
    display: inline-block;
    margin: 0;
    min-height: 105px;
    vertical-align: top;
    width: 100%;
}

.footer_block ul {
    font-size: 12px;
    color: #bebebe;
    margin: 0 0 0 14px;
}

.footer_block ul li {
    list-style: disc;
}

.footer_container .views-field-body li a,
.subscribe_thank_msg {
    font-size: 14px;
    font-weight: 400;
    color: #bebebe;
    line-height: 19px;
}

.footer_privacy_container {
    background: #3d3d3d;
    border-top: 1px solid #636363;
}

.footer_container .container_content {
    width: 75%;
}

#scholastic-footer-global {
    background: none;
    height: 51px;
    width: 100%;
}

.scholastic-footer-global {
    font-size: 13px;
    color: #b6b6b6;
    width: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

section#block-block-3 #scholastic-footer-global p {
    display: block !important;
    margin: 0 !important;
    padding: 18px 0;
}

.scholastic-footer-global a {
    color: #b6b6b6;
    font-weight: normal;
    text-decoration: none;
}

.region-footer-eight h2 {
    width: 240px;
    color: #bebebe;
    font-size: 19px !important;
    font-weight: 400 !important;
    text-align: left;
    line-height: 23.3px !important;
}

.footer_container .block:first-child h2.block-title {
    margin-top: 15px;
}

.region-footer-eight form {
    position: relative;
    width: 300px;
}

.region-footer-eight form .form-group {
    float: left;
    margin: 0px !important;
}

.region-footer-eight #edit-mail,
.region-footer-eight #edit-submit--2,
.region-footer-eight input[type=text] {
    background: #fff;
    width: 200px;
    padding: 6px 12px;
    font-size: 12px;
    color: #aaa;
    border-radius: 20px;
    outline: none;
    border: none;
    font-style: italic;
    height: 30px;
    max-width: inherit;
}

.region-footer-eight #edit-submit--2,
.region-footer-eight #newsletter_subscribe_footer {
    background: #e60505;
    font: normal 11px arial;
    color: #fff;
    width: auto;
    border: 0;
    border-radius: 20px;
    margin-left: 10px;
    padding: 9px 14px;
}

#replace-newsletter-email-field {
    clear: both;
    padding: 15px 0 0;
    font-weight: 700;
}

#replace-newsletter-email-field a {
    font: bold 14px arial;
    color: #bebebe;
    padding: 0 23px 2px 0;
    background: url(/sites/all/themes/scholastic_emea/images/i_dl2.png) right top no-repeat;
}

.view-footer-section .views-field-body .global_sites_link {
    float: left;
    width: 300px;
    margin-bottom: 50px;
}

.view-footer-section .views-field-body .global_sites_link a:first-child {
    border-right: 1px solid #666;
    margin-right: 10px;
    padding-right: 10px;
}

.view-footer-section .views-field-body .global_sites_link a {
    float: left;
    font-size: 14px;
    color: #bebebe;
    text-decoration: none;
}

.customer-support-four .customersupp_email {
    background: url(/sites/all/themes/scholastic_emea/images/i_email.png) top left no-repeat;
    padding-left: 23px;
}

.customer-support-four .customersupp_tel {
    background: url(/sites/all/themes/scholastic_emea/images/i_mob.png) top left no-repeat;
    padding-left: 23px;
    display: inline-block;
    line-height: 22px;
    margin-top: 5px;
}

.customer-support-four .views-field-body ul li {
    list-style: disc;
}

.col-sm-31 .view-footer-section .views-field-title .field-content,
.col-sm-33 .view-footer-section .views-field-title .field-content,
.col-sm-35 .view-footer-section .views-field-title .field-content {
    margin: 0 0 5px;
    font-weight: bold;
}
.view-footer-section .views-field-title .field-content {
    margin: 0 0 5px;
    font-weight: bold;
}