
/* Symbolset */
@font-face {
    font-family: "SSStandardRegular";
    src: url('/display/common/fonts/symbolset/ss-standard.eot');
    src: url('/display/common/fonts/symbolset/ss-standard.eot?#iefix') format('embedded-opentype'), url('/display/common/fonts/symbolset/ss-standard.woff') format('woff'), url('/display/common/fonts/symbolset/ss-standard.ttf') format('truetype'), url('/display/common/fonts/symbolset/ss-standard.svg#SSStandardRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Pictos */
@font-face {
    font-family: 'Pictos';
    src: url('/display/common/fonts/pictos/pictos-web.eot?#iefix') format('embedded-opentype'), url('/display/common/fonts/pictos/pictos-web.woff') format('woff'), url('/display/common/fonts/pictos/pictos-web.ttf') format('truetype'), url('/display/common/fonts/pictos/pictos-web.svg#webfontIyfZbseF') format('svg');
}

html {
    font-size: 75%;
}

body {
    font-size: 13px;
    font-size: 1.1rem;
    line-height: 1.75rem;
    line-height: 1.75em;
    background: #FFF;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.lt-ie9 body {
    line-height: 1.5em;
}

.touch body {
    line-height: 2rem;
}

.cranium {
    max-width: 960px;
    width: auto;
    margin: 0 auto;
    position: relative;
}

/*  Zero Out Default Browser Styles  */

/* Remove underlines from links for legibility */
:link, :visited {
    text-decoration: none;
}

/* Avoid browser font size inconsistencies */
h1, h2, h3, h4, h5, h6, pre, code {
    font-size: 1em;
}

/* Remove margin and padding to avoid browser inconsistencies */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd {
    margin: 0;
    padding: 0;
}

/* Bring back the lists */
ul, ol {
    margin-left: 1.5em;
}

/* Remove default border images */
a img, :link img, :visited img {
    border: none;
}

/* Remove top/bottom margins from nested lists */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {
    margin-top: 0;
    margin-bottom: 0;
}

/* De-italicize address */
address {
    font-style: normal;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    padding: .10em 0 0 0;
}

h1 {
    font-size: 20px;
    font-size: 2rem;
    color: #c45200;
    line-height: 110%;
    margin: 0 0 0.5em 0;
}
/* =24px */
h2 {
    font-size: 18px;
    font-size: 1.5rem;
    margin: 1rem 0;
}

h3 {
    font-size: 16px;
    font-size: 1.25rem;
    color: #c45200;
    margin: 1rem 0;
}

h4 {
    font-size: 14px;
    font-size: 1rem;
    margin: 1rem 0;
}

/* Common elements for grid structure */
.wrapper {
    width: 100%;
}

.content {
    width: auto;
    max-width: 960px;
    margin: 1.5rem auto;
}

.lt-ie9 .content {
    margin: 1em auto;
    padding: 0 .25em;
}

.row {
    margin-bottom: 20px;
}
/* set grids */
.box {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.column, .columns {
    margin: 0 1.04166666666667%;
    display: inline-block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .column.alpha.omega, .columns.alpha.omega {
        margin: 0;
    }
/* 0 10px on a 960px grid */
.sixteen {
    width: 97.91666666666666%;
}

.alpha.sixteen, .omega.sixteen {
    width: 98.95833333333333%;
}

.alpha.omega.sixteen {
    width: 100%;
}

.fifteen {
    width: 91.66666666666667%;
}

.alpha.fifteen, .omega.fifteen {
    width: 92.70833333333334%
}

.alpha.omega.fifteen {
    width: 93.75%
}

.fourteen {
    width: 85.41666666666667%;
}

.alpha.fourteen, .omega.fourteen {
    width: 86.45833333333334%;
}

.alpha.omega.fourteen {
    width: 87.5%;
}

.thirteen {
    width: 79.16666666666667%;
}

.alpha.thirteen, .omega.thirteen {
    width: 80.20833333333334%;
}

.alpha.omega.thirteen {
    width: 81.25%;
}

.twelve {
    width: 72.91666666666667%;
}

.alpha.twelve, .omega.twelve {
    width: 73.95833333333334%;
}

.alpha.omega.twelve {
    width: 75%;
}

.eleven {
    width: 66.66666666666667%;
}

.alpha.eleven, .omega.eleven {
    width: 67.70833333333334%;
}

.alpha.omega.eleven {
    width: 68.75%;
}

.ten {
    width: 60.41666666666667%;
}

.alpha.ten, .omega.ten {
    width: 61.45833333333334%;
}

.alpha.omega.ten {
    width: 62.5%;
}

.nine {
    width: 54.16666666666667%;
}

.alpha.nine, .omega.nine {
    width: 55.20833333333334%;
}

.alpha.omega.nine {
    width: 56.25%
}

.eight {
    width: 47.91666666666667%;
}

.alpha.eight, .omega.eight {
    width: 48.95833333333334%;
}

.alpha.omega.eight {
    width: 50%;
}

.seven {
    width: 41.66666666666667%;
}

.alpha.seven, .omega.seven {
    width: 42.70833333333334%;
}

.alpha.omega.seven {
    width: 43.75%;
}

.six {
    width: 35.41666666666667%;
}

.alpha.six, .omega.six {
    width: 35.41666666666667%;
}

.five {
    width: 29.16666666666667%;
}

.alpha.five, .omega.five {
    width: 30.20833333333334%;
}

.alpha.omega.five {
    width: 31.25%
}

.four {
    width: 22.91666666666667%;
}

.alpha.four, .omega.four {
    width: 23.95833333333334%;
}

.alpha.omega.four {
    width: 25%;
}

.three {
    width: 16.66666666666667%;
}

.alpha.three, .omega.three {
    width: 17.70833333333334%;
}

.alpha.omega.three {
    width: 18.75%;
}

.two {
    width: 10.41666666666667%;
}

.alpha.two, .omega.two {
    width: 11.45833333333334%;
}

.alpha.omega.two {
    width: 12.5%;
}

.one {
    width: 4.16666666666667%;
}
/* 40px on a 960px grid */
.alpha.one, .omega.one {
    width: 5.20833333333334%;
}

.alpha.omega.one {
    width: 6.25%;
}

.one-third {
    width: 31.25%;
}

.two-thirds {
    width: 64.58333333333333%;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.lrpad {
    padding-left: .5em;
    padding-right: .5em;
}

.tbpad {
    padding-top: .5em;
    padding-bottom: .5em;
}

.blackBorder {
    border: 1px solid #000;
}
/* IE7 Hacks, to compensate for rounding errors */
.lt-ie9 .column, .lt-ie8 .columns {
    margin: 1%;
}

.lt-ie9 .sixteen {
    width: 98%;
    display: inline-block;
    float: left;
}

.lt-ie9 .fifteen {
    width: 91%;
    display: inline-block;
    float: left;
}

.lt-ie9 .fourteen {
    width: 85%;
    display: inline-block;
    float: left;
}

.lt-ie9 .thirteen {
    width: 79%;
    display: inline-block;
    float: left;
}

.lt-ie9 .twelve {
    width: 72%;
    display: inline-block;
    float: left;
}

.lt-ie9 .eleven {
    width: 66%;
    display: inline-block;
    float: left;
}

.lt-ie9 .ten {
    width: 60%;
    display: inline-block;
    float: left;
}

.lt-ie9 .nine {
    width: 54%;
    display: inline-block;
    float: left;
}

.lt-ie9 .eight {
    width: 47%;
    display: inline-block;
    float: left;
}

.lt-ie9 .seven {
    width: 41%;
    display: inline-block;
    float: left;
}

.lt-ie9 .six {
    width: 35%;
    display: inline-block;
    float: left;
}

.lt-ie9 .five {
    width: 29%;
    display: inline-block;
    float: left;
}

.lt-ie9 .four {
    width: 23%;
    display: inline-block;
    float: left;
}

.lt-ie9 .three {
    width: 16%;
    display: inline-block;
    float: left;
}

.lt-ie9 .two {
    width: 10%;
    display: inline-block;
    float: left;
}

.lt-ie9 .one {
    width: 4%;
    display: inline-block;
    float: left;
}

.margin-top10 {
    margin-top: 10px;
}
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .content:before, .content:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after, .clearfix:after, .content:after {
    clear: both;
}

.row, .clearfix, .content {
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.show {
    display: none;
}

/* Custom Fonts */

.pic {
    font-family: 'Pictos', sans-serif !important;
}

.ss-icon {
    font-family: "SSStandardRegular" !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -webkit-font-feature-settings: "liga", "dlig";
    -moz-font-feature-settings: "liga=1, dlig=1";
    -moz-font-feature-settings: "liga", "dlig";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}

.break-word {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.alert {
    font-weight: bold;
    color: #C00;
    margin: 2em 0;
    border: 2px solid #c00;
    padding: 1em;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.check .alert {
    display: block;
    width: auto;
}

.infoAlert {
    font-weight: bold;
    color: #000;
    margin: 2em 0;
    border: 2px solid #999;
    padding: 1em;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.topinfoAlert {
    margin-top: 0;
}

.alert .ss-icon, .infoAlert .ss-icon {
    font-size: 1.7em;
    margin: -.3em .3em -1em 0;
    float: left;
    line-height: 1.7em;
    min-width: 1em;
}

.info .ss-icon {
    color: #0939cb;
}

.info {
    margin-bottom: 1em;
}

.message-box {
    padding: 1em 1em 1em 3.4em;
    position: relative;
    margin-bottom: 1.5em;
}

    .message-box:before {
        font-size: 2em;
        position: absolute;
        top: .6em;
        left: .4em;
        font-family: "SSStandardRegular" !important;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-rendering: optimizeLegibility;
        white-space: nowrap;
        -webkit-font-feature-settings: "liga", "dlig";
        -moz-font-feature-settings: "liga=1, dlig=1";
        -moz-font-feature-settings: "liga", "dlig";
        -ms-font-feature-settings: "liga", "dlig";
        -o-font-feature-settings: "liga", "dlig";
        font-feature-settings: "liga", "dlig";
    }

.message-box-info {
    background-color: #bde5f8;
    border: 1px solid #23a9e8;
}

    .message-box-info:before {
        content: "\2139";
        color: #1175a5;
    }

.message-box-success {
    background-color: #dff2bf;
    border: 1px solid #98d532;
}

    .message-box-success:before {
        content: "\2713";
        color: #68941e;
    }

.message-box-warning {
    background-color: #feefb3;
    border: 1px solid #fccc0b;
}

    .message-box-warning:before {
        content: "\26D4";
        color: #b08d02;
    }

.message-box-error {
    background-color: #ffbaba;
    border: 1px solid #ff1010;
}

    .message-box-error:before {
        content: "\26A0";
        color: #ba0000;
    }


.crumb {
    font-size: 87%;
    margin: 0 0 1em;
    padding: 0;
}

    .crumb, .crumb a {
        color: #6D6F72;
    }

        .crumb a:link, .crumb a:visited {
            text-decoration: underline;
        }

        .crumb a:hover, .crumb a:active {
            text-decoration: none;
        }


/* ------------------------- CSS Buttons  -------------------------------*/
/* Fix for Mobile Safari default os styles */
input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
}

.button, .buttonLarge, .edit, .editSmall, .gray, .graySmall {
    display: inline-block;
    margin: 0 5px 0 0;
    text-decoration: none;
    vertical-align: middle;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.366; /* Resets to approximate default line-height in browsers, so button element can size correctly by comparison */
    filter: none;
}

    .button, .button:active, button, button:active, .gray, .graySmall {
        padding: .25em .75em;
        font-size: 1.2em;
        font-size: 1.2rem;
    }

.lt-ie9 .button, .lt-ie9 .button:active, .lt-ie9 button, .lt-ie9 button:active, .lt-ie9 .gray, .lt-ie9 .graySmall {
    padding: .25em .5em;
    font-size: 1.2em;
}

.buttonLarge {
    padding: 1em 1.3em;
}

.no-borderradius a.buttonLarge {
    padding: 11px 18px 8px 18px;
}

.no-borderradius a.edit {
    padding: 4px 12px;
}

.no-borderradius a.editSmall {
    padding: 1px 4px;
}

.no-borderradius a.gray {
    padding: 4px 12px;
}

.buy.button {
    padding: .35em .75em .3em .75em;
    line-height: 1.3em;
}

    .buy.button .ss-icon {
        font-size: .9em;
        padding: 0 .4em 0 0;
    }

.gray, .graySmall {
    background: #eee !important; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #ccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#ccc 100%); /* Opera 11.10+ */
    background: linear-gradient(top, #eeeeee 0%,#ccc 100%); /* W3C */
    color: #333 !important;
    border: 1px solid #ccc;
    filter: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3OTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDQ0NDQ0MiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3OTkpIiAvPgo8L3N2Zz4=);
}

.lt-ie9 .gray, .lt-ie9 .graySmall {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

/* Size */
.editSmall, .graySmall, a.editSmall:link, a.graySmall:link, a.editSmall:visited, a.graySmall:visited, a.editSmall:hover, a.graySmall:hover, a.editSmall:active, a.graySmall:active {
    font-size: 10px !important;
    padding: 1px 6px 2px 7px;
    text-decoration: none;
}

.edit, .gray, a.edit:link, a.gray:link, a.edit:visited, a.gray:visited, a.edit:hover, a.gray:hover, a.edit:active, a.gray:active {
    padding: 2px 12px;
    font-size: 14px;
}

    /* Hover States */
    .gray:hover, .graySmall:hover {
        filter: none;
        cursor: pointer;
        background: #ccc !important;
    }

.lt-ie7 .gray:hover, .lt-ie7 .graySmall:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
}

.touch .button, .touch .button:link, .touch .button:visited, .touch .button:hover, .touch .button:active, .touch .buttonLarge, .touch .buttonLarge:link, .touch .buttonLarge:hover, .touch .buttonLarge:active, .touch .buttonLarge:visited, .touch .edit, .touch .edit:link, .touch .edit:visited, .touch .edit:hover, .touch .edit:active, .touch .gray, .touch .gray:link, .touch .gray:visited, .touch .gray:hover, .touch .gray:active, .touch .editSmall, .touch .editSmall:link, .touch .editSmall:visited, .touch .editSmall:hover, .touch .editSmall:active, .touch .graySmall, .touch .graySmall:link, .touch .graySmall:visited, .touch .graySmall:hover, .touch .graySmall:active {
    padding: .75em;
    text-decoration: none;
}

.touch .chegg-logo {
    top: 42px;
}

.touch #cartBody .qty .graySmall {
    padding: 1em 0;
    margin: .5em 0;
}

/* ------------------------- CSS Buttons (color branding) -------------------------------*/
.button, button, .buttonLarge {
    color: #000 !important;
    background: #fceabb !important; /* Old browsers */
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(100%,#fccd4d)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* IE10+ */
    background: linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fccd4d',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #f8b500;
}

    /* Hover State */
    .button:hover, button:hover, .buttonLarge:hover, .button:active, button:active, .buttonLarge:active {
        text-decoration: none;
        background: #fccd4d !important;
        filter: none;
        text-shadow: none;
        cursor: pointer;
        background-image: none !important;
    }

.buy.button {
    padding: .36em .75em .3em .75em;
}

/******************* EDIT BUTTONS ********************/
.edit, .editSmall {
    color: #fff !important;
    background: #007ba9 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #007ba9 0%, #43ADDB 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007ba9), color-stop(100%,#43ADDB)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #007ba9 0%,#43ADDB 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #007ba9 0%,#43ADDB 100%) !important; /* Opera11.10+ */
    background: -ms-linear-gradient(top, #007ba9 0%,#43ADDB 100%) !important; /* IE10+ */
    background: linear-gradient(top, #007ba9 0%,#43ADDB 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ba9', endColorstr='#43ADDB',GradientType=0 ) !important; /* IE6-9 */
    border: 1px solid #004667 !important;
}

    /* /* IE9 hacks *!/
 .ie9 .button, .ie9 .buttonLarge { background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y0NzYzOCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0JBNEExRSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzUzKSIgLz4KPC9zdmc+); }
 .ie9 .edit, .ie9 .editSmall { background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFMzk2NDkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNEMTczMzAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NzYpIiAvPgo8L3N2Zz4=); }*/

    /* Hover States */
    .edit:hover, .editSmall:hover, .edit:active, .editSmall:active {
        background: #43ADDB !important;
        filter: none;
        cursor: pointer;
        text-decoration: none;
    }


/* General Form Styles */
fieldset {
    border: none;
    margin-bottom: 2em;
}

    fieldset legend {
        margin: 0;
        color: #000;
    }

    fieldset h1 {
        padding: .2em .15em .2em .15em;
    }

.fence {
    padding: 1em;
    border: 1px solid #CCC;
}

    .fence fieldset {
        margin-bottom: 1em;
    }

        .fence fieldset:last-child {
            margin-bottom: 0;
        }

form label {
    text-align: left;
    display: block;
    margin-bottom: .25em;
    white-space: normal;
    font-weight: normal;
    margin-right: 0;
}

.required {
    font-weight: bold;
}

.note {
    margin-left: 1em;
}

form .check label {
    display: inline;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], textarea, select {
    font-size: 1.2rem;
    padding: .4em;
    border: 1px solid #999;
    display: block;
    width: 16em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #eee;
    box-shadow: none;
}

.lt-ie9 input[type=text], .lt-ie9 input[type=password], .lt-ie9 input[type=email], .lt-ie9 input[type=tel], .lt-ie9 input[type=number], .lt-ie9 textarea, .lt-ie9 select {
    font-size: 1.2em;
    display: block !important;
}

select {
    display: block;
    padding: .4em;
    width: 17em;
    border: 1px solid #999;
    background: #eee;
    box-shadow: none;
}

input[type=checkbox], input[type=radio] {
    clear: left;
    display: inline-block;
    float: left;
    margin: 1px .7em 0 0;
}

input[type=checkbox] {
    position: relative;
    top: 4px;
    margin-bottom: .3em;
}

    input[type=checkbox] + label, input[type=radio] {
        display: inline;
    }

.inline {
    display: inline !important;
}

.multiAddress input[type=text], .multiPhone input[type=text] {
    margin-bottom: 1em;
}

.multiNumber {
    display: block;
    margin-bottom: 0;
}

    .multiNumber input[type=text], .multiNumber input[type=number], .multiNumber input[type=tel] {
        margin: 0 !important;
        display: inline !important;
        width: auto !important;
    }

.phoneArea {
    width: 4em !important;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* Remove spinners */
}

.formComment {
    margin-top: .5em;
}

.simpleFieldset .button {
    margin-top: .5em;
}

.choiceset fieldset {
    margin-bottom: .25em;
}

.touch input[type="text"], .touch input[type="password"], .touch textarea, .touch select, .touch input[type=email], .touch input[type=tel], .touch input[type=number] {
    padding: .75em;
    font-size: 16px;
}

/* Common list Styles */
.hList {
    list-style: none;
}

    .hList li {
        float: left;
        margin: 0;
        padding: 0;
    }

.plainList {
    list-style: none;
    margin-left: 0;
}

    .plainList li {
        margin: 0;
        padding: 0;
    }

/* Viewport Detector (only used on design server) */
#viewport-detector {
    position: fixed;
    bottom: 45px;
    right: 0;
    z-index: 10000;
    padding: 5px 10px;
    background: #ccc;
    background: rgba(204, 204, 204, 0.85);
}

    #viewport-detector span {
        display: block;
        padding: 2px 0 2px 30px;
        font: 400 12px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #viewport-detector .dimensions {
        background: url(/display/common/images/viewport/icon-1.png) no-repeat left center;
    }

    #viewport-detector .retina {
        background: url(/display/common/images/viewport/icon-2.png) no-repeat left center;
    }

    #viewport-detector .pixel-ratio {
        background: url(/display/common/images/viewport/icon-3.png) no-repeat left center;
    }

body, .content, #hLogo, #headerLinks div, #headersearchform #query, #headersearchform #searchbutton {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

/* === Global styles === */

a:link, a:visited, a:active {
    color: #004d83;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Font Size Calculator
 		Face = Arial and Lucida Grande
 		body = 0.75em (Root size, default settings in browsers) 
 			196% == 24px (h1)
 			147% == 18px (h2)
 			130% == 16px (h3)
 			120% == 14px (h4)
 			110% == 13px
 			100% == 12px
 			90% == 11px
 			80% == 10px
 */

/* === General Content Styles === */

#content {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    line-height: 140%;
    position: relative;
}

#popup {
    width: auto;
    margin: 0;
    padding: 1em;
    line-height: 140%;
}

.item p {
    margin: 0;
    padding: 0;
}

.item .title {
    font-weight: bold;
}

p.changeNote {
    margin: 0 0 0 10px;
    padding-left: 20px !important;
    color: #690 !important;
    font-weight: bold;
    background: url(/../images/icons/checkmark.gif) top left no-repeat;
}

span.info {
    color: #666666;
}

a.newwin {
    margin-left: 1px;
    padding-right: 12px;
    background: url(/../images/icons/new-win.gif) no-repeat bottom right;
}

.price {
    font-size: 100%;
    font-weight: bold;
    color: #c45200;
}

#ecommercePath .price {
    font-weight: normal;
    color: #000;
}

/* FancyZoom */
/* Set initial display of object to none to prevent momentary display */
.fancyZoomObject {
    display: none;
}

.fancyZoomHeader {
    padding: 7px;
    background-color: #eee;
}
/* Safari what is this heading for fancyzoom. */

/*#store .column { width: 33%; float: left; margin: 0; padding: 0; }*/
#store .column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#store .column li {
    line-height: 140%;
    margin: 0 0 0.5em;
    padding: 0 2em 0 1em;
}

#searchAgain {
    margin-bottom: 1.5em;
    padding: 0.6em 0 0 0;
    background-color: #F8F8F8;
    border-bottom: 1px solid #CCC;
}

    #searchAgain form {
        margin: 0;
        padding: 0 0.6em 0.6em 0.6em;
        white-space: nowrap;
    }

        #searchAgain form label {
            margin: 0 10px 0 0;
            padding: 0;
            font-weight: bold;
            color: #666;
            display: inline;
        }

        #searchAgain form input.field {
            margin: 0 10px 0 0;
            width: 200px;
            display: inline;
        }

        #searchAgain form input#searchAgainSubmit {
            margin-left: 5px;
        }

/*#resultInformation p { color: #000; font-size: 137%; }*/
#resultInformation span.term, #resultInformation span.sort, #resultInformation span.filter {
    color: #c45200;
}

.pagination {
    clear: both;
    margin: 0 0 1em 0;
    padding: 2px;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
    position: relative;
    font-size: 90%;
    height: 1.75em;
}

    .pagination * {
        margin: 0;
        padding: 0;
    }

    .pagination form {
        text-align: center;
    }

    .pagination .omega, .pagination .nav {
        text-align: right;
    }

    .pagination select {
        font-size: xx-small;
    }

    .pagination a, .pagination span.active {
        display: inline-block;
        margin: 0;
        padding: 0 .5em;
    }

    .pagination span.active {
        background-color: #eee;
        font-weight: bold;
    }

#resultsColumn h2 {
    margin-top: 0;
}

.result a {
    display: block;
    float: left;
    margin: 0 0 1em 0;
    background-color: #FFF;
    border: 1px solid #FFF;
    padding: .5em;
    width: 100%;
}

    .result a:hover {
        background-color: #FFFFCB;
        text-decoration: none;
    }

.result img {
    float: left;
    border: 1px solid #999;
}

.result h3, .result p {
    margin: 0 0 0 90px;
    padding: 0;
}

.result a:link h3, .result a:visited h3 {
    font-weight: bold;
    color: #004d83;
    ;
}

.result a:hover h3 {
    text-decoration: underline;
}

.result p {
    font-size: 90%;
    color: #000;
}

#narrow {
    padding: 0 1rem 1rem 1rem;
    background-color: #F8F8F8;
    border: 1px solid #CCC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-sizing: border-box;
}

    #narrow p {
        margin-bottom: 0.5em;
    }

    #narrow ul {
        margin: 0 0 0 1em;
        padding: 0;
        list-style-type: none;
    }

        #narrow ul li {
            margin: 0;
            padding: 0;
            line-height: 1.6em;
        }

        #narrow ul#editionLeft {
            float: left;
            margin-right: 2em;
        }

        #narrow ul#editionRight {
            margin-top: 2em;
        }

    #narrow li.active a:link, #narrow li.active a:visited {
        font-weight: bold;
        color: #c45200;
        text-decoration: none;
    }

    #narrow li.active a:hover, #narrow li.active a:focus {
        font-weight: bold;
        color: #c45200;
        text-decoration: none;
    }

#formAdvSearch label {
    display: block;
    margin: 1em 0 0 0;
}

#formAdvSearch input, #formAdvSearch select {
    margin: 0 .25em 0 0;
    display: inline-block;
}

#formAdvSearch .button {
    position: relative;
    top: -2px;
}


/* ===== Modal Dialog Boxes ===== */
.dialogBox {
    max-height: 400px !important;
}

    .dialogBox body {
        background: none;
    }

    .dialogBox p {
        margin-bottom: 1em;
    }

.dialogZoom {
    display: none;
}

div.zoomy {
    -moz-box-shadow: 0 0 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    box-shadow: 0 0 10px #888;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

ul#tester {
    list-style-type: disc;
    margin-left: 1em;
}

    ul#tester li {
        padding-bottom: .2em;
    }

#fancyBoxTest {
    height: auto;
    width: 300px !important;
}

.ui-dialog .ui-dialog-title {
    white-space: normal;
}

.ui-widget {
    font-size: 1rem;
    font-size: 1em;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 1em;
}

div.zoomy {
    background-image: none;
    background-color: #fff;
    border: 1px solid #999;
    z-index: 80000 !important;
}

    div.zoomy .ui-dialog-titlebar-close {
        float: left;
    }

    div.zoomy .ui-dialog-titlebar {
        padding: 0;
    }

    div.zoomy .ui-widget-header {
        background: transparent;
        border: none;
    }

    div.zoomy .ui-dialog-title {
    }

    div.zoomy .ui-widget-header .ui-icon {
        background-image: url("/../images/jqueryui/closebox2.png");
    }

    div.zoomy .ui-icon-closethick {
        background-position: 0 0;
    }

    div.zoomy .ui-dialog-titlebar-close {
        margin: 0;
        padding: 0;
        height: 16px;
        position: absolute;
        top: 3px;
        right: 5px;
        width: 17px;
        border: 1px solid #999;
    }

    div.zoomy .ui-icon {
        width: 17px;
        height: 16px;
    }


/* === Country Selection New === */

.content.pickerPage {
    background: #ECECE0;
    padding: 0;
}

.pickerPage #footer {
    background: #FFF;
    width: 100%;
}

.pickerPage #imageFrame img {
    width: 100%;
}

.pickerPage #countryFrame {
    text-align: center;
    padding: 1.5em 0 0 0;
}

    .pickerPage #countryFrame select {
        position: relative;
        top: 1px;
        width: 70%;
        margin-right: .25em;
        display: inline-block;
        background: #FFF;
        font-size: 16px;
    }

.pickerPage a.countryFlag {
    display: inline-block;
    width: 60px;
}

    .pickerPage a.countryFlag img {
        width: 100%;
    }

.lt-ie9 .pickerPage #countryFrame select {
    display: inline !important;
    top: 2px;
}

.pickerPage #countryFrame p {
    margin: 1.5em .5em;
}


/* ========= Home Page  ========= */

#homepage {
    margin: 0 auto;
}

.lt-ie9 #homepage {
    padding: 1em;
}

#homepage .browse {
    margin: 2em 0 .5em 0;
}

#searchRow {
    background-color: #ECECE0;
}

#imageFrame #rotating-item-wrapper {
    position: relative;
    overflow: hidden;
}

#imageFrame .rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#imageFrame #rotating-item-wrapper img {
    max-width: 100%;
}

.lt-ie9 #imageFrame #rotating-item-wrapper img {
    width: 100%;
}

#imageFrame .overlay {
    margin: 0;
    padding: 5px 10px;
    background-color: #438410;
}

    #imageFrame .overlay p {
        opacity: none;
        filter: none;
        margin: 0;
        font-size: 12px;
        color: #FFF;
    }

#searchFrame {
    text-align: center;
    padding: 1em 0;
}

    #searchFrame form {
        margin: 10px 0 0 0;
        padding: 0;
    }

        #searchFrame form p {
            margin: 0;
            padding: 0;
            background: none;
        }

    #searchFrame .shipping {
        margin-bottom: 1em;
        margin-bottom: 1em;
    }

    #searchFrame form label {
        margin-left: -3000;
        height: 0px;
        width: 0px;
        overflow: hidden;
        visibility: hidden;
        position: absolute;
    }

    #searchFrame input.field {
        width: 60%;
        background: #FFF;
        margin: 0 5px 0 5px;
        vertical-align: middle;
        display: inline !important;
    }

#spotlightRow h2 {
    margin: 0;
}

    #spotlightRow h2 a {
        color: #c45200;
    }

#spotlightRow .pst {
    margin: 0 0 2em 0;
    padding: 0;
}

#firstslot {
    margin: 0 0 1.5em 0;
    font-size: 1.1em;
    line-height: normal;
    padding: 10px 10px 0 10px;
    background-color: #F7F7ED;
    border: 1px solid #ECECE0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    #firstslot .pst {
        margin: 0;
    }

    #firstslot h2 {
    }

/*======== styles for autosuggest drop-down. Additional styles for this in jQuery custom stylesheet ======*/
.ui-autocomplete {
    width: 20em !important;
}

    .ui-autocomplete .ui-menu-item {
        font-size: .8em;
        clear: both;
        padding-bottom: 1em;
    }

        .ui-autocomplete .ui-menu-item a:hover {
            background: #EEE;
        }

    .ui-autocomplete li a div.info {
        margin: 0 0 0 61px;
        text-align: left;
    }

    .ui-autocomplete li img {
        float: left;
        margin: 0 10px 10px 0;
        border: 1px solid #ccc;
    }

    .ui-autocomplete li span {
        font-weight: bold;
        color: #000;
    }

        .ui-autocomplete li span.titleResults {
            color: #082CC6;
        }

/* === Product Page Styles === */

/* Regions */
.ie6 #prod #choices {
    margin-left: 20px;
}

#prod .meta {
    margin-bottom: 2em;
}

    #prod .meta .author {
        color: #c45200;
    }

    #prod .meta.moreinfo {
        width: auto;
    }

.lt-ie9 .cover.mobile, .lt-ie9 .mobileProductTitle {
    display: none;
}


/* Contents */
#prod .tagline {
    font-size: 147%;
    font-weight: bold;
    color: #c45200;
    clear: both;
    margin: 0 0 1em 0;
}

#prod h1 {
    line-height: 140%;
    color: #000;
    font-weight: bold;
}

#prod .cover {
    text-align: center;
    font-size: 80%;
    margin-bottom: 30px;
    line-height: 100%;
}

    #prod .cover img {
        border: 1px solid #000;
        width: 100%;
    }

#prod .meta * {
    margin: 0 0 0.5em 0;
    padding: 0;
}

#prod .isbn, #prod .isbn13, #prod .publisher, #prod .copyright, #prod .more, #prod .newed, #prod .pubdate, #prod .format, #prod .pages, #prod p.producturl {
    font-size: 90%;
}

    #prod .format .help.button {
        position: relative;
        top: -1px;
        left: 4px;
    }

#prod .publisher, #prod .isbn {
    margin-bottom: 0;
}

#prod .isbn13 a {
    margin-left: 5px;
}

#prod .newed {
    background: url(/../images/icons/new-edition.gif) no-repeat left center;
    line-height: 14px;
    margin-top: 1.5em;
    padding-left: 20px;
}

#prod #pstArea {
    clear: both;
    margin-top: 1.5em;
}

#prod #marketing {
    clear: both;
    margin-top: 1.5em;
}

#prod .item .price {
    font-weight: bold;
    color: #c45200;
}

div.tabwidget {
    z-index: 500;
    margin: 2em 0 0 0;
    padding: 0;
}

    div.tabwidget ul {
        clear: both;
        position: relative;
        top: 1px;
        margin: 0 0.2em 1px 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        border-bottom: 1px solid #FFF;
        white-space: nowrap;
        border-bottom: 1px solid #CCC;
    }

    div.tabwidget li {
        display: block;
        float: left;
        position: relative;
        margin: 0 5px -2px 0;
        padding: 0;
        background: rgb(245,240,213); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(245,240,213,1) 0%, rgba(246,241,216,1) 12%, rgba(246,242,218,1) 25%, rgba(244,239,210,1) 39%, rgba(242,237,206,1) 50%, rgba(240,233,194,1) 51%, rgba(240,234,198,1) 60%, rgba(242,237,206,1) 76%, rgba(241,235,201,1) 91%, rgba(241,235,199,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,240,213,1)), color-stop(12%,rgba(246,241,216,1)), color-stop(25%,rgba(246,242,218,1)), color-stop(39%,rgba(244,239,210,1)), color-stop(50%,rgba(242,237,206,1)), color-stop(51%,rgba(240,233,194,1)), color-stop(60%,rgba(240,234,198,1)), color-stop(76%,rgba(242,237,206,1)), color-stop(91%,rgba(241,235,201,1)), color-stop(100%,rgba(241,235,199,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* IE10+ */
        background: linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* W3C */
    }

        div.tabwidget li a {
            color: #000;
            font-weight: bold;
            display: block;
            padding: 10px;
            border-top: 1px solid #CCC;
            border-left: 1px solid #CCC;
            border-right: 1px solid #CCC;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

.lt-ie9 div.tabwidget li a {
    color: #000;
    display: block;
    padding: 10px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    background-color: #f5f0d5;
}
div.tabwidget li.on{
    background: #FFF !important; /* Old browsers */
}
div.tabwidget li a.on {
    border-bottom: 1px solid #FFF;
}

.lt-ie9 div.tabwidget li a.on {
    background: #FFF !important; /* Old browsers */
}

#bsscontent {
    z-index: 100;
    margin: 0;
    padding: 10px;
}

#packagesContainer {
    margin: 0;
    padding: 10px;
}

.dialogBox .content {
    margin: 0 !important;
}

#supplement h3 {
    margin: 0 0 1em 0;
}

#supplements .intro {
    margin: 0;
    padding: 1em 0 1em 0;
}

#supplements .item {
    padding-bottom: 1em;
}

    #supplements .item .pricing {
        font-weight: bold;
        color: #c45200;
    }

#supplements .save {
    font-weight: bold;
    color: #c45200;
}

#supplements .vango {
    background: url(/../images/icons/vangonotes2.gif) no-repeat 240px 0;
    line-height: 120%;
    padding-bottom: 1em;
}

    #supplements .vango p {
        margin: 0;
        padding: 0;
    }

    #supplements .vango .title {
        font-weight: bold;
    }

#moreStudyAids .intro {
    padding-bottom: 0.5em;
}

#moreStudyAids .item {
    padding-bottom: 1em;
}

#moreStudyAids .save {
    font-weight: bold;
    color: #c45200;
}

#description, #components, #moreStudyAids {
    clear: both;
    margin-bottom: 1em;
    padding: 1em 0 1em 0;
}

    #description h2, #components h2, #moreStudyAids h3 {
        font-size: 110%;
        color: #000;
        margin: 0 0 1em 0;
        padding: 0;
        font-weight: bold;
    }

#toc h2 {
    font-size: 110%;
    color: #000;
    margin: 1.5em 0 1em 0;
    padding: 0;
    font-weight: bold;
}

#description div {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

    #description div b {
        font-weight: 100;
    }

    #description div > li {
        margin-left: 1em;
    }

#packagesContainer .item {
    margin-bottom: 1.5em;
    color: #666;
}

    #packagesContainer .item .title {
        color: #000;
    }

    #packagesContainer .item .componentslist {
        margin: 3px 0 0 0;
        font-size: 95%;
    }

    #packagesContainer .item ul {
        margin: 0px;
        padding: 0 0 0 20px;
    }

    #packagesContainer .item .component {
        font-weight: bold;
        color: #444;
    }

    #packagesContainer .item .price {
        font-weight: bold;
        color: #c45200;
    }

/* === Buy Boxes === */
.buybox {
    line-height: 1.25rem;
    line-height: 1.25em;
}

.mobileBuyBox {
    display: none;
}

.mobileProductTitle {
    display: none;
}

.buybox #digital {
    margin: 0em 0 2em 0;
}

.buybox #parentMain {
    border: 10px solid #EEE;
    margin: 0 0 2.5em 0;
    padding: 1em;
}

#parentMain .buybutton {
    padding: .5em 1em;
    padding: 1rem 2rem;
    margin-top: 1em;
    margin-top: 1rem;
}
.buybox .item .buybutton.hideLink{
    visibility: hidden;
}

.buybox .item .buybutton.absolute, .buybox .item .cheggbutton.absolute {
    position: absolute;
    right: 0;
    top: 0;
}

.item .buybutton {
    top: -.25rem;
    bottom: inherit;
}

.item, #parentMain {
    position: relative;
}

.buybox h2 {
    font-size: 115%;
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 0;
}

.buybox h3 {
    font-size: 100%;
    font-weight: bold;
    color: #000;
    margin: 0;
    padding: 3px;
    background: background: #F5F0D5; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,240,213,1) 0%, rgba(246,241,216,1) 12%, rgba(246,242,218,1) 25%, rgba(244,239,210,1) 39%, rgba(242,237,206,1) 50%, rgba(240,233,194,1) 51%, rgba(240,234,198,1) 60%, rgba(242,237,206,1) 76%, rgba(241,235,201,1) 91%, rgba(241,235,199,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,240,213,1)), color-stop(12%,rgba(246,241,216,1)), color-stop(25%,rgba(246,242,218,1)), color-stop(39%,rgba(244,239,210,1)), color-stop(50%,rgba(242,237,206,1)), color-stop(51%,rgba(240,233,194,1)), color-stop(60%,rgba(240,234,198,1)), color-stop(76%,rgba(242,237,206,1)), color-stop(91%,rgba(241,235,201,1)), color-stop(100%,rgba(241,235,199,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(245,240,213,1) 0%,rgba(246,241,216,1) 12%,rgba(246,242,218,1) 25%,rgba(244,239,210,1) 39%,rgba(242,237,206,1) 50%,rgba(240,233,194,1) 51%,rgba(240,234,198,1) 60%,rgba(242,237,206,1) 76%,rgba(241,235,201,1) 91%,rgba(241,235,199,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f0d5', endColorstr='#f1ebc7',GradientType=0 ); /* IE6-9 */
}

.lt-ie9 .buybox h3 {
    background: #F5F0D5; /* Old browsers */
}

.buybox h4 {
    font-size: 100%;
    color: #000;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px 0;
}

.buybox p {
    margin: 0;
    padding: 0;
    color: #565656;
    font-size: 90%;
}

    .buybox p.fulfill {
        margin: 5px 0 0 0;
    }

.buybox #status p {
    background-color: #daedc1;
    padding: 0.2em 0.4em;
    margin: 5px 0;
}

.buybox p.substitute strong {
    color: #000;
}

.buybox .save {
    margin-top: 0.75em;
    color: #c45200;
    font-size: 0.9em;
    font-weight: bold;
}

.buybox .isbn, .buybox .isbn13 {
    white-space: nowrap;
    font-size: 90%;
}

.buybox .price {
    font-weight: bold;
    color: #c45200;
}

.buybox .promo {
    font-size: 80%;
}

.buybox .shipping {
    color: #000;
}

    .buybox .shipping em {
        color: #c45200;
        font-style: normal;
    }


.buybox .associatedProducts {
    margin: 0;
    padding: 10px 0 0 0;
}

.buybox .second {
    border-top: 1px solid #CCC;
}

.buybox .associatedProducts .intro {
    font-size: 90%;
    line-height: 120%;
    margin: 0 0 1em 0;
    padding: 0;
}

.buybox .associatedProducts .item {
    font-size: 90%;
    margin-bottom: 10px;
}

.item a.buybutton {
    font-size: 1em;
    font-size: 1rem;
    float: right;
    margin-left: .5em;
}

.item a.cheggbutton {
    font-size: 1em;
    font-size: 1rem;
    float: right;
    margin-left: .5em;
    width: 61px;
    text-align: center;
}

.lt-ie9 .item a.buybutton {
    background: #fef8ea;
}

    .lt-ie9 .item a.buybutton:hover, .lt-ie9 .item a.buybutton.hover {
        background: #fef5dc;
    }

/* === Chegg button section == */
.chegg-link {
    display: flex;
}

.cheggbuttondiv {
    position: relative;
}

.chegg-logo {
    position: absolute;
    right: 3.5%;
    top: 30px;
    width: 65px;
}
/* === Product Page PSTs === */

#pstArea {
    margin: 1em 0 2em 0;
}

    #pstArea h3 {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #pstArea p {
        margin: 0 0 0.5em 0;
    }

/* === Virtual Value Packs/ Cart Promo/ Buy These Together Object === */

div.buyMore {
    width: 480px;
    margin: 0 0 1.5em 0;
    padding: 10px;
    border-top: 1px solid #7BB2FC;
    background-color: #FFF;
    background: url(/../images/product/buy_more_fill.jpg) no-repeat top left;
}

    div.buyMore div.titles {
        width: 330px;
    }

    div.buyMore p.intro {
        margin: 0 0 1em 0;
        padding: 0;
        font-weight: bold;
        font-size: 1.2em;
    }

    div.buyMore div.offer {
        position: relative;
        margin: 0 0 10px 0;
    }

        div.buyMore div.offer p.title {
            font-weight: bold;
            margin: 0;
        }

        div.buyMore div.offer p.offerisbn {
            margin: 0;
        }

        div.buyMore div.offer p.individualPrice {
            margin: 0;
        }

    div.buyMore div.pricing {
        width: 116px;
        float: right;
        margin: 0;
        text-align: right;
    }

    div.buyMore p.priceMain {
        margin: 0;
        padding: 0;
    }

    div.buyMore p.priceStudyAid {
        margin: 0;
        padding: 0;
    }

    div.buyMore p.priceTotal {
        margin: 0;
        padding: 0;
        font-weight: bold;
    }

        div.buyMore p.priceTotal span {
            color: #c45200;
        }

    div.buyMore img.productPurchase {
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

    div.buyMore p.addcart a {
        display: block;
        width: 116px;
        height: 25px;
        margin: 0;
    }

        div.buyMore p.addcart a:link, div.buyMore p.addcart a:visited {
            background: url(/../images/buttons/add-all.gif) no-repeat top right;
        }

    div.buyMore p.addcart span {
        display: none;
    }


/* ===   ---- ecommerce Path  
 ----------------------------- most styles moved to common.css === */

#columnStatus {
    background-color: #EEE;
}

#columnContent {
    background-color: #FFF;
}

#columnStatus #cartMini {
    background-color: #FFFFFF;
}

#columnStatus #selected {
    background: #D7E0F1 url(/../images/cart/status-arrow.gif) top right no-repeat;
}

#columnStatus #cartMini a.editSmall {
    box-shadow: 3px 3px 3px #A8D4A3;
    -moz-box-shadow: 3px 3px 3px #A8D4A3;
    -webkit-box-shadow: 3px 3px 3px #A8D4A3;
}

table.cartTable thead {
    background-color: #EEE;
}

    table.cartTable thead .bonus {
        background-color: #EEE;
    }


table.cartTable tfoot td {
    background-color: #EEE;
}

table.cartTable tr.subtotal, table.cartTable tr.total {
    background-color: #EEE;
}

table.cartTable tbody .bonus {
    background: url(/../images/containers/dots.gif) repeat-y top left;
}

#ecommercePath h2.watermarkedPDF {
    background: url(/../images/icons/pdf_16.png) top right no-repeat;
}

table.cartTable .added {
    background: url(/../images/icons/just-added.gif) no-repeat top left;
}


/* === My Account Pages - Index Page === */

#account div.section {
    position: relative;
    border-bottom: 1px solid #CCC;
    margin: 0 0 3em 0;
}

    #account div.section .tool {
        font-size: 80%;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
        width: 50%;
    }

    #account div.section h2 {
        display: inline-block;
        padding: .3em 1.2em;
        background-color: #71A828;
        color: #fff;
        position: relative;
    }

        #account div.section h2:before {
            content: " ";
            display: inline-block;
            width: 0;
            height: 0;
            border-top: 1em solid transparent;
            border-bottom: 1em solid transparent;
            border-left: .5em solid white;
            padding: 0;
            position: absolute;
            top: 50%;
            margin-top: -1em;
            left: 0;
        }

    #account div.section div.item {
        margin: 0 0 1em 0;
        padding: 1em 0 0 0;
    }

    #account div.section h3 {
        font-size: 105%;
        font-weight: bold;
        margin: 0;
        padding: 0 0 0.2em 0;
        color: #000;
    }

    #account div.section p {
        margin: 0;
        padding: 0 0 0.2em 0;
    }

    #account div.section ul {
        margin: 0 0 10px 0;
        padding: 0;
        list-style-type: none;
    }

    #account div.section span.info {
        color: #666;
        margin: 0;
        padding: 0;
    }

    #account div.section .date, #account div.section span.meta {
        color: #666;
    }

#account #books .item h3, #account #books .item p, #account #books .item ul {
    margin-left: 65px;
}

#account #books .date {
    margin-bottom: 0.5em;
}

#account #books a.cover {
    float: left;
    width: 53px;
}

    #account #books a.cover img {
        border: 1px solid #666;
    }

#account #discountCodes div.item .codeName {
}

#account div.enterNew {
    margin: 1em 0;
}

#account #discountCodes div.item .amountSaved {
    color: #748D3E !important;
    font-weight: bold;
}

#account #discountCodes div.item .expire {
    color: #CC6600 !important;
    font-style: italic;
}

#account #tools, #account #promos {
    margin-bottom: 2em;
}

    #account #tools ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        line-height: 160%;
    }

    #account #tools li {
        margin: 0;
        padding: 0.3em 0;
        background: none;
    }

    #account #promos h3 {
        font-size: 100%;
        font-weight: bold;
        margin: 0.25em 0 0;
        padding-bottom: 0;
        line-height: 110%;
    }

    #account #promos p {
        margin: 0 0 0.5em 0;
        padding: 0;
        font-size: 80%;
        color: #999;
    }

#account #gettingstarted h2 {
    color: #000;
    border: none;
    font-size: 147%;
}

#account #gettingstarted h3 {
    color: #c45200;
    font-weight: bold;
    border: none;
    font-size: 100%;
    margin-bottom: 0.5em;
    padding-bottom: 0;
}

/***** Digital Products *****/
.productState img {
    position: relative;
    top: 2px;
    right: 4px;
}

/* - Product Refresh COMMON - */
/* This CSS controls the positioning of the layer above the product entry */
.productRefresh {
    position: relative;
    margin: 0;
    padding: 0;
}

.productRefreshMessaging {
    position: absolute;
    z-index: 1000;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 1em 0;
    text-align: center;
}

/* This CSS controls the opacity of the product entry, giving the illusion of an overlay. Note that the class "productRefresh" needs to be rendered in the document in order for this opacity to occur. */
.productRefresh img.productImage {
    filter: alpha(opacity= 15 );
    -moz-opacity: 0.15;
    opacity: 0.15;
    zoom: 1;
}

.productRefresh dl dt {
    filter: alpha(opacity= 15 );
    -moz-opacity: 0.15;
    opacity: 0.15;
    zoom: 1;
}

.productRefresh dl dd {
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    zoom: 1;
}

/* ===  My Account: newsletter subscriptions edit page === */

#account #subscribed ul {
    list-style-type: none;
}

    #account #subscribed ul li {
        padding: 0;
        background: none;
    }

#account #newsletterList label {
    display: block;
    position: relative;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}

#account #newsletterList input {
    position: absolute;
    top: 0;
    left: 0;
}

#account #newsletterList .freq {
    font-size: 80%;
    color: #999;
}

/* ===  My Account: discount code edit pages === */

div.DiscountCode div.enterNew {
    margin: 4em 0 0 0;
}

.enterNew .button {
    margin: .5em 0 0 0;
}

#account div.survey {
    margin: 4em 0 0 0;
}

#account div.code {
    margin: 0 0 2em 0;
}

    #account div.code p.codeID {
        font-weight: bold;
    }

        #account div.code p.codeID input {
            margin: 0 10px 0 0;
        }

    #account div.code .codeMeta {
        margin: 0 0 0 25px;
    }

    #account div.code .amountSaved {
        font-weight: bold;
        color: #748D3E !important;
    }

    #account div.code .expire {
        color: #CC6600 !important;
        font-style: italic;
    }

/* === My Account: order Receipt pages  === */

div.OrderReceipt .item {
    overflow: auto;
    border-top: 1px dotted #CCC;
    margin: 0.7em 0;
    padding: 0.7em 0;
}

    div.OrderReceipt .item img {
        float: left;
        width: 53px;
    }

div.OrderReceipt .columnSecondary {
    width: 200px;
    padding: 10px;
    background-color: #EAF1FB;
    border: 1px solid #CCC;
    color: #555;
}

#account .columnSecondary div.section {
    border-bottom: none;
    margin: 0 0 2em 0;
}

div.OrderReceipt .columnSecondary p {
    margin: 0 0 10px 0 !important;
}

/* --- My Account: Edit Email & Password Form --- */

/* --- My Account: Registered books --- */
#mySaved tr th {
    border-bottom: 1px solid #CCC;
}

#mySaved td {
    padding: 0.5em 0.25em 0;
}

#mysaved .cover {
    margin-right: 0.25em;
}

    #mySaved .cover img {
        border: 1px solid #000;
    }

#mySaved ul {
    margin-top: 0;
    padding-top: 0;
}

    #mySaved ul span.meta {
        color: #666;
    }

    #mySaved ul span.info {
        color: #666;
    }

/* --- My Account: Manage Addresses --- */

#addys .column1 {
    width: 450px;
    float: left;
}

#addys .column2 {
    width: 450px;
    float: left;
    margin-left: 20px;
}

#addys #button {
    margin-bottom: 5px;
}

.accountAddresses .button, .accountAddresses .graySmall {
    margin: .5em 0;
}

/* Account page Read FAQ links */
#account .readmore {
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 1em;
    margin: .5em 0 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    #account .readmore h3 {
        line-height: 1.2em;
    }

        #account .readmore h3:first-child {
            margin-top: 0;
        }

        #account .readmore h3:last-child {
            margin-bottom: 0;
        }

.smMessage {
    display: block;
    font-size: 90%;
    line-height: 1.4em;
    margin: 0.1em 0 0.3em;
}

.addresses .button {
    margin: .5em 0;
}

/* ===== Promotions ===== */

#promotionHeader {
    margin-bottom: 1em;
}

p.rssSubscribe {
    margin-bottom: 1em;
}

    p.rssSubscribe a {
        margin-right: 1em;
    }

    p.rssSubscribe img {
        vertical-align: middle;
        border: none;
    }

.promotionsIndex #columnOne {
    float: left;
    width: 700px;
    margin-right: 1px;
}

.promotionsIndex #columnTwo {
    float: left;
    width: 2px;
    margin: 0;
}

.promotionsIndex .productList h2 {
    margin-bottom: 1em;
}

.promotionsIndex .productList ol {
    list-style: decimal;
    color: #999;
    margin-left: 2em;
}

.promotionsIndex .productList a.title {
    font-size: 120%;
    font-weight: bold;
}

.promotionsIndex .productList li {
    margin-bottom: 1em;
    color: #000;
}

.promotionsCollection #columnOne {
    float: left;
    width: 600px;
    margin-right: 24px;
}

.promotionsCollection .productList ol {
    list-style: decimal;
    color: #999;
    margin-left: 3em;
}

.promotionsCollection .productList a.title {
    font-size: 120%;
    font-weight: bold;
    display: block;
}

.promotionsCollection .productList li {
    margin-bottom: 1em;
    color: #000;
}

.promotionsCollection div.productList p.pagination {
    padding-top: 0.5em;
    border-top: 1px solid #EEE;
    text-align: center;
}

    .promotionsCollection div.productList p.pagination span.current {
        border: 1px solid #999;
        padding: 0.25em;
    }

.promotionsEntry h2 {
    margin-bottom: 1em;
}

.promotionsEntry h3 {
    margin-bottom: 1em;
    margin-top: 1em;
}

.promotionsEntry .freeform p {
    margin-bottom: 1em;
    clear: both;
}

    .promotionsEntry .freeform p img {
        float: left;
        margin-right: 1em;
        margin-bottom: 2em;
    }

#promotionBody {
    margin-bottom: 1em;
}

    #promotionBody #selectingTop {
        text-align: center;
        margin: 0 0 2em 0;
        border-bottom: 1px solid #EEE;
        padding: 0 0 1em 0;
    }

    #promotionBody #selectingBottom {
        clear: both;
        text-align: center;
        margin: 0;
        border-top: 1px solid #EEE;
        padding: 1em 0 1em 0;
    }

    #promotionBody ol {
        list-style-type: none;
        margin: 0;
    }

    #promotionBody li {
        clear: both;
        margin: 1em 0 1em 0;
        padding: 0;
        line-height: 140%;
        overflow: auto;
    }

    #promotionBody item {
        clear: both;
    }

    #promotionBody p.pricing {
        margin-left: 0;
    }

    #promotionBody a:link {
        color: #195699;
        text-decoration: none;
    }

    #promotionBody li input[type="checkbox"] {
        float: left;
        margin: 0 1em 2em 0;
    }

    #promotionBody img.product {
        float: left;
        margin: 0 1em 2em 0;
        width: 75px;
        border: 1px solid #EEE;
    }

#promotionFooter {
    clear: both;
}

.dualColumnWithDescription #columnOne {
    float: left;
    width: 460px;
    margin-right: 30px;
    padding: 0;
}

.dualColumnWithDescription #columnTwo {
    float: left;
    width: 460px;
    margin: 0;
    padding: 0;
}

.dualColumnWithDescription .item {
    margin: 0 0 2em 0;
    padding: 0;
    line-height: 140%;
}

    .dualColumnWithDescription .item div.description {
        margin-left: 90px;
    }

.dualColumnWithDescription #promotionBody ul {
    list-style: none;
    margin-left: none;
}

.dualColumnNoDescription #columnOne {
    float: left;
    width: 460px;
    margin-right: 30px;
    padding: 0;
}

.dualColumnNoDescription #columnTwo {
    float: left;
    width: 460px;
    margin: 0;
    padding: 0;
}

.dualColumnNoDescription .item {
    margin: 0 0 1.5em 0;
    line-height: 140%;
}

.dualColumnNoDescription #promotionBody ul {
    list-style: none;
    margin-left: none;
}

.singleColumnNoDescription .item {
    margin: 0 0 2em 0;
    padding: 0;
    line-height: 140%;
}

.singleColumnWithDescription .item {
    margin: 0 0 2em 0;
    padding: 0;
    line-height: 140%;
}

.featuredTitleWithList .item {
    margin: 0 0 2em 0;
    padding: 0;
    line-height: 140%;
}

.coverRight img.product {
    float: right;
    width: 75px;
    margin: 0 0 2em 1em;
}

.coverRight .item div.description {
    margin-left: 0;
}
/********************************************************************************************************************************************************************************END STYLE CSS ********************************************/


/***** HEADER *****/


#header {
    width: 100%;
    background: #71A828;
}

    #header a.logo {
        width: 250px;
        height: 44px;
        display: block;
        background: url('../../mypearsonstore/images/header/logo.png') no-repeat left top;
        margin: 0 0 .25rem .5rem;
        position: relative;
        left: 0;
    }

.lt-ie9 #header a.logo {
    margin: 0 0 0 .5em;
}

/* search object */
#navSearch {
    position: relative;
}

.search {
    position: absolute;
    top: .75rem;
    right: 3.5%;
    width: 20rem;
}

.lt-ie9 .search {
    top: .5em;
    right: 0;
    width: 20.5em;
}

#navSearch #searchbox {
    height: 26px;
    padding: 0 .5em !important;
    display: inline;
    width: 19rem;
    color: #565656;
    background: #FFF;
    margin: 0;
    font-size: 1rem !important;
}

#navSearch #button {
    position: absolute;
    right: -1.75rem;
    height: 27px;
    padding: .25em 0 0 0;
    padding: .25rem 0 0 0 !important;
    top: 0;
    width: 30px;
    margin: 0;
    font-size: 1.5rem !important;
    -webkit-border-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #f8b500;
}

.lt-ie9 #navSearch #button {
    right: 0;
}

#navSearch label {
    margin-left: -3000;
    height: 0px;
    width: 0px;
    overflow: hidden;
    visibility: hidden;
    position: absolute;
}

.home #navSearch {
    display: none;
}

/* Navigation */
.menu-link, .search-link {
    display: none;
}

    .menu-link:hover, .search-link:hover {
        text-decoration: none;
    }

.siteNav {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWUxYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e1c5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e1c5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e1c5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e1c5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e1c5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e1c5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e1c5',GradientType=0 ) !important; /* IE6-9 */
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-color: #FFFFFF #CFCBB4 #CFCBB4;
    box-shadow: 0px 3px 5px #CCC;
    -moz-box-shadow: 0px 3px 5px #CCC;
    -webkit-box-shadow: 0px 3px 5px #CCC;
}


#nav {
    padding: 0;
    margin: 0;
}

    #nav li {
        list-style-type: none;
        float: left;
    }

        #nav li a {
            display: block;
            padding: .25rem 1.25rem;
            color: #000;
            margin: 0;
            font-size: 1rem;
            font-weight: normal;
        }

.lt-ie9 #nav li a {
    padding: .75em 1.25em;
}

#nav li.on {
    font-weight: bold;
}

#nav li.cart {
    position: absolute;
    right: 0;
}

#nav li.home a {
    padding-left: .5em;
}

#nav li.cart a {
    padding-right: 1.5em;
}

/* Footer Strap */
#strap {
    background: #438410;
    height: 44px;
}

    #strap .cranium {
        padding: 0;
    }

#pearsonTagline {
    background: url('../images/strap/pearsonTag.png') no-repeat left top;
    width: 143px;
    height: 9px;
    float: left;
    margin: .5rem 0 0 .5rem;
}

#pearsonLogo {
    background: url('../images/strap/pearsonLogo.png') no-repeat left top;
    width: 113px;
    height: 18px;
    float: right;
    margin: 0 1em 0 0;
}

.lt-ie9 #pearsonTagline {
    margin: .5em 0 0 .5em;
}

/* Footers */
/* == FOOTER == */
#footer {
    padding: 0;
    margin: 0;
    color: #666;
    font-size: .9rem;
}

.lt-ie9 #footer {
    font-size: .8em;
}

#footer ul {
    list-style-type: none;
    margin: 0 1em 0 0;
    padding: 0;
    float: right;
}

#footer li {
    float: left;
    margin: 0 0 0 1em;
}

#footer .cranium {
    padding: 1em 0;
}

#footer .socialIcons {
    display: block;
    float: left;
    margin: 1em .5em 0 0;
}

#footer .social {
    clear: both;
    margin: 0 0 2em 1em;
}

#footer #copyright {
    float: left;
    margin-left: 1em;
}

#footer p {
    margin: 0;
    padding: 0;
}

#footer ul li:last-child {
    border: none;
}


/* === CA Footer Styles === */

#footerCanada {
    clear: both;
    padding: 4em 0 2em 0;
    text-align: center;
    font-size: 80%;
    color: #565656
}

    #footerCanada div.container {
        width: 960px;
        margin: 0 auto;
    }

    #footerCanada ul {
        list-style-type: none;
        margin: 2em 0 0.25em 0;
        padding: 0;
    }

    #footerCanada li {
        display: inline;
        margin: 0 1em;
    }

        #footerCanada li.first {
            margin: 0 4em 0 1em;
        }

    #footerCanada p {
        margin: 0 0 1em 0;
        padding: 0;
    }

        #footerCanada p.socialnetwork {
            text-align: left;
        }

            #footerCanada p.socialnetwork img {
                margin: 0.5em;
                border: none;
            }


/* ==== My Account Section ==== */

/* - Account Login - */
#login h1 {
    display: none;
}

#login h2 {
    color: #c45200;
}

#account.accountLogin, #account.accountRegister {
    box-sizing: border-box;
}

    #account.accountLogin .fieldParent {
        position: relative;
        padding: 0 .75em .75em .75em;
        border: 1px solid #CCC;
        margin-bottom: 20px;
    }

.lt-ie9 #account.accountLogin .option .fieldParent, .gecko #account.accountLogin .option .fieldParent, .lt-ie9 #account.accountRegister .option .fieldParent, .gecko #account.accountRegister .option .fieldParent {
    margin-top: -.7em;
}

#account.accountLogin fieldset.fieldParent legend + fieldset {
    margin-top: 1rem;
}

.accountLogin fieldset p {
    margin: 1em 0;
}

.accountLogin fieldset legend {
    margin: 0;
    color: #000;
}

.accountLogin form label {
    color: #333;
}

.accountLogin input[type=text]:hover {
    background-color: #ff6;
    border-color: #999;
}

.accountLogin form a.forgotPassword {
    margin: 0 0 0 2%;
    display: inline-block;
}

.forgotPage p {
    font-size: .8em;
    line-height: 1.5em;
    margin-bottom: .75em;
}

.accountLogin .alert.banner {
    margin: 0 1.04166666666667% 2em 1.04166666666667%;
    padding: 15px 15px 15px 25px;
    background: #EEE;
    border: 1px solid #CCC;
}

.button.login {
    margin: 0;
}


/* Account Register */
#account.accountRegister .fieldParent {
    position: relative;
    padding: 0 .75em .75em .75em;
    border: 1px solid #CCC;
    margin-bottom: 20px;
}

#account.accountRegister fieldset.fieldParent legend + fieldset {
    margin-top: 1em;
}

.accountRegister fieldset p {
    margin: 1em 0;
}

.accountRegister fieldset h1 {
    padding-bottom: .5em;
}

.accountRegister fieldset legend {
    margin: 0;
    color: #000;
}

.accountRegister form label {
    color: #333;
}

.accountRegister input[type=text], .accountRegister input[type=password], .accountRegister input[type=email] {
    width: 85%;
    font-size: 14px;
    color: #666;
    padding: 5px 2px;
    display: block;
    border: 1px solid #999;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #EEE;
    box-shadow: none;
}

.lt-ie8 .accountRegister #RegForm input {
    clear: both;
}

.privacyPopup {
}

/* Redeem Code Page */
.redeemCode input[type=text] {
    width: 10em;
}

/* - Membership Code "What is This" on register form */
#RegForm .moreInformationText {
    width: auto;
    max-width: 350px;
    border: 1px solid #000;
    margin: 0;
    padding: 2.5em 1em 1em 1em;
    z-index: 10;
    visibility: hidden;
    position: absolute;
    background-color: #fff;
}

#RegForm #privacyPopup {
    overflow: scroll;
    height: 300px;
}

.accountEmailPassword #Form1 p.moreInformation, #RegForm p.moreInformation {
    display: inline-block;
    margin: 0 0 0 .6em;
}

.lt-ie8 label.inline {
    display: inline;
    float: left;
}

.lt-ie8 .accountEmailPassword #Form1 p.moreInformation, .lt-ie8 #RegForm p.moreInformation {
    display: inline;
    float: left;
    margin: 0 0 0 .6em;
    clear: right;
}

.lt-ie8 .accountEmailPassword #Form1 input {
    clear: both;
}

/* = Account Main Page = */
/* Column Building - Left Column */
div.accountIndex {
    overflow: auto;
}
/* #accountProducts { margin: 0 24px 0 0; padding: 0; width: 600px; float: left; } */
#accountProducts div.savedProducts {
    margin: 0 0 2.5em 0;
    padding: 0;
}

#accountProducts h2 {
    display: inline;
    font-size: 120%;
    margin-right: 0.5em;
}

#accountProducts p.moreInformation {
    display: inline;
    height: 1em;
}

#accountProducts table td {
    vertical-align: top;
    padding: 0 1em 1em 0;
}

#accountProducts dd {
    line-height: 1.6em;
    margin-left: 65px;
}

    #accountProducts dd.timestamp {
        margin-left: 65px;
    }

#accountProducts .pst {
    margin-bottom: 2.5em;
}

#accountProducts .title {
    font-weight: bold;
}

#accountProducts span.productType {
    margin: 0 0 0 1em;
    padding: 0;
    color: #9a9a9a;
}

#accountProducts span.tools {
    margin: 0 0 0 1em;
    padding: 0;
    color: #9a9a9a;
}

.accountProductsLesson {
    font-weight: bold;
    display: inline-block;
    line-height: 1.2em;
}

.accountLesson {
    margin-bottom: .4em;
    margin-top: .2em;
    padding-left: 2em;
}

.timestamp {
    color: #9a9a9a;
}

.savedstamp {
    margin-left: 0 !important;
}
/* When Lesson Files tab exists, make tab text smaller */
.lessons #accountProducts .ui-tabs .ui-tabs-nav li {
    font-size: .7rem;
}

.lt-ie9 .lessons #accountProducts .ui-tabs .ui-tabs-nav li {
    font-size: .9em;
}

/* === Specific Form Pages  === */

#surveyquestions form fieldset {
    border: none;
    padding: 0;
}

#selectTopic {
    margin: 0 0 2em 0;
}

form#contactform h2 {
    margin-top: 0;
    padding-top: 0;
}

#login form h2 {
    margin: 0 0 1em 0;
}

#intercept label {
    display: inline;
    vertical-align: middle;
}

#intercept input#email {
    margin: 0 0 0 5px;
    display: inline;
    vertical-align: middle;
}

#intercept input#button_yes {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

/** Cart Stuff **/
.cartShippingMethod form input.radio {
    margin: 0 5px 0 0;
}

.cartShippingMethod form label.radioLabel {
    margin: 0 10px 0 5px;
}

.cardNo {
    font-size: 1.5em;
    font-weight: bold;
}

.cartError .button {
    margin: 1em 0 0 0;
}


/* === Popup Layer Supplements === */

/* === iBox Layers == */

#ibox_w {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 300;
    width: 100%;
    height: 100%;
    background-color: #000;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;
}

#ibox_progress {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 105;
}

#ibox_wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    padding: 0;
    width: 560px;
    height: 325px;
    margin: 0;
    background-color: #f5f0d5;
    border: 1px solid #CCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#ibox_content {
    position: relative;
    top: 0;
    left: 0;
    width: 550px;
    height: 325px;
    margin: 0 auto;
    padding: 0;
    background: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#ibox_footer_wrapper {
    position: relative;
    padding: 0;
    margin: 0;
    top: 0px;
    left: 0px;
}

#ibox_footer {
    padding: 3px 0 3px 10px;
}

#ibox_close {
    position: relative;
}

.ie6 #ibox_close {
    font-size: 9px;
}

a#ibox_close_a {
    position: absolute;
    width: 13px;
    height: 13px;
    right: 8px;
    top: 4px;
}

    a#ibox_close_a:link, a#ibox_close_a:visited {
        background-image: url(/display/mypearsonstore/images/icons/close.gif);
        background-position: top;
    }

    a#ibox_close_a:hover {
        background-position: bottom;
    }


/* === Product Page -- Tent - From "contextual" supplements pop-up on product page uses it.  == */

#tent {
    line-height: 140%;
    border: none;
}

    #tent #supplement {
        margin: 0;
        padding: 10px;
        border: none;
    }

        #tent #supplement #yourbook .meta p {
            font-size: 90%;
        }

        #tent #supplement .cover {
            margin-right: 12px;
        }

        #tent #supplement #choices {
            margin-left: 10px;
        }

        #tent #supplement .buybox {
            margin: 0;
            padding: 10px;
            border: 2px solid #E7ECFF;
        }

            #tent #supplement .buybox p {
                margin: 0 0 10px 0;
            }

        #tent #supplement h1 {
            font-size: 110%;
        }

        #tent #supplement #description {
            clear: both;
        }

span.moreInformation {
    display: inline;
}

    span.moreInformation a.dialogOpener img {
        vertical-align: top;
    }

.moreInformationText {
    max-width: 270px;
    border: 1px solid #666;
    margin: 0;
    padding: 1.5em 1em 1em 1em;
    z-index: 10;
    visibility: hidden;
    position: absolute;
    background-color: #FFF;
}

    .moreInformationText p {
        margin: 0 0 5px 0;
    }

    .moreInformationText .graySmall {
        position: absolute;
        top: .5em;
        right: 0;
    }

.help.button {
    font-size: 1rem;
    font-size: .75em;
    position: relative;
    top: -5px;
}


/* === Whole ecommerce Path Styles === */

#columnStatus {
    float: left;
    margin: 15px 0 0 0;
    padding: 0px;
    text-align: left;
    border: 1px solid #CCC;
}

#columnContent {
    min-height: 980px;
    float: left;
    margin: 0;
    padding: 1em;
}

#columnStatus .section {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
    padding: 8px;
}

#columnStatus #cartMini {
    border-top: none;
}

    #columnStatus #cartMini table {
        clear: both;
        background-color: #FFF;
        width: 100%;
        padding: 5px;
        margin: 5px 0;
    }

        #columnStatus #cartMini table.fade {
            background-color: #FFD;
        }

#columnStatus #selected {
    background: #D7E0F1 url(../images/cart/status-arrow.gif) top right no-repeat;
}

#columnStatus .section h2 {
    font-size: 1em;
    color: #000;
    font-weight: bold;
    margin: 5px 0;
    padding: 0;
}

#columnStatus .section a.editLink {
    display: block;
    float: right;
    margin-right: 0;
}

#columnStatus .section p {
    font-size: 0.9em;
    color: #666;
    margin: 7px 0;
}

    #columnStatus .section p.highlight {
        color: #000;
        font-weight: bold;
    }

#columnStatus table td {
    font-size: 0.9em;
    color: #666;
    padding: 0;
    margin: 0;
    padding: 2px 0 0 0;
    border: none;
}

#columnStatus #cartMini table td.amount {
    text-align: right;
}

#columnStatus #cartMini table tr.total td {
    font-weight: bold;
    color: #000;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #CCC;
}

#columnStatus #cartMini table tr td.highlight {
    color: #006600;
    font-weight: bold;
}

#columnStatus #cartMini table.highlight {
    background-color: #FFFF00;
}

#ecommercePath p {
    color: #666666;
}

#ecommercePath.cartPage p.alert {
    color: #C00;
    margin: 2em 0;
}

#ecommercePath .nav {
    /*height: 30px;
    position: relative;*/
    margin: 2em 0;
    padding: 0;
}

    #ecommercePath .nav .checkout {
        float: right;
    }

    #ecommercePath .nav p, #ecommercePath h2, #ecommercePath h3 {
        margin: 0;
        padding: 0;
    }

        #ecommercePath h3.saveDefault {
            margin-top: 2.5em;
        }

/* Cart */
.cartPage > h1 {
    margin: 0 1.04166666666667%;
}

.cartPage .nav {
    text-align: right;
    margin-bottom: 1em;
}

    .cartPage .nav .continue {
        text-align: left;
        font-weight: bold;
    }

    .cartPage .nav .button {
        text-align: center;
    }

.colHeader {
    margin: 1em 0;
}

.colHeader {
    background-color: #eee;
    border: 1px solid #ccc;
    vertical-align: top;
    font-weight: bold;
}

.cartSub {
    padding-bottom: .5em;
    display: block;
}

.cartPromos, .cartBundles {
    margin: 1em 1.04166666666667%;
}

.cartDiscountCode .cartPromos {
    margin-bottom: 2.5em;
}

.cartPromos, .cartBundles, .currentCode {
    background: #ededed url(../images/cart/addSavingsBG.png) repeat-x 0 bottom;
    border: 1px solid #ccc;
    margin: 1em 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: .5em 1em 1em;
}

    .cartPromos h2, .cartBundles h2 {
        font-size: 120%;
        background-color: transparent;
    }

    .cartPromos p {
        margin: .6em 0 0 0;
    }

    .cartBundles p {
        margin: .6em 0 0 65px;
    }

    .cartBundles img {
        float: left;
        margin-left: -65px;
    }

    .cartBundles .button {
        margin-top: .5em;
    }

#ecommercePath h2.additional {
    margin: 1em 0 0 1.04166666666667%;
    float: left;
}

.chex {
    color: #005E2E;
    margin-right: .25em;
}

.subtotal {
    text-align: right;
}

.colHeader .light {
    font-weight: normal;
}

#cartBody .row {
    margin: 25px 0;
    padding: .25em;
}

#cartBody .cover, #account .cover {
    float: left;
    padding: 0 1em 1em 0;
}

#cartBody p, #account.OrderReceipt .prodInfo p {
    margin: 0;
}

#cartBody .prodInfo, #account.OrderReceipt .prodInfo {
    font-size: 90%;
    margin-left: 65px;
    max-width: 85%;
}

    #cartBody .prodInfo h3, #account.OrderReceipt .prodInfo h3 {
        margin-bottom: .3em;
        margin-top: 0;
    }

.qty {
    text-align: center;
}

.savings {
    text-align: right;
}

    .savings span {
        text-align: left;
        display: inline-block;
    }

#cartBody .qty * {
    margin: 0 auto .3em auto;
}

#cartBody .qty input[type="text"] {
    width: 2em;
    margin-bottom: .4em;
}

.cartTable {
    margin-bottom: 1em;
}

.listprice, .yourprice {
    text-align: right;
}

/* Checkout */
#ecommercePath h2, #ecommercePath h3, #account.OrderReceipt h2 {
    margin: .3em 0 .7em;
}

#ecommercePath p {
    word-wrap: break-word;
}

/* Status column (left) */
#columnStatus .summaryHolder {
    background-color: #eee;
    width: 100%;
}

#columnStatus .section, #cartMini {
    border-bottom: 1px solid #ccc;
    width: auto;
    padding: 1em;
    background: transparent;
}

.summaryHolder p {
    color: #444;
}

#cartMini {
    background-color: #ddd;
}

    #cartMini p {
        color: #000;
    }

#miniCart {
    background-color: #fff;
    padding: .5em;
    margin-top: .7em;
    width: 100%;
    font-size: 85%;
}

    #miniCart .amount {
        text-align: right;
    }

#miniCartTax td {
    padding-bottom: .3em;
}

#miniCartOrderTotal td {
    padding-top: .3em;
    font-weight: bold;
    border-top: 1px solid #000;
}

#columnStatus #selected {
    background-color: #fff;
}

#columnStatus .summaryHolder div:last-child {
    border-bottom: none;
}

#columnStatus .button {
    float: right;
    margin-right: 0;
}

#columnStatus h3 {
    font-size: 100%;
    margin-bottom: .5em;
}

.lt-ie8 #columnStatus h3 {
    display: inline;
}

    .lt-ie8 #columnStatus h3 + * {
        margin-top: .5em;
    }

#columnStatus p {
    font-size: 90%;
    margin-bottom: .3em;
}

#sidebarPayment .clearfix {
    margin-bottom: 1em;
}

.paymentOverlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    cursor: pointer;
}
.overlayLoader{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
#cartOverlay.paymentOverlay{
    display: block;
}
#div-paypal .alert{
    color: #C00;
    display: block;
}
.ss-success{
  color: #167d27;
  border: 2px solid #167d27;
}
#div-paypal .alert.ss-success{
    color: #167d27;
}
#error-message, #success-message{
    display: none;
}

#paymentIframe {
    overflow: hidden; 
    height: 770px;
    width: 100%; 
    border:none; 
}

#miniCart #miniCartTitles {
    font-size: 1.03em !important
}

    #miniCart #miniCartTitles .titlePrice {
        text-align: right;
    }

    #miniCart #miniCartTitles .titleItem {
    }

    #miniCart #miniCartTitles .titleQty {
        width: 25px
    }

#miniCart .miniCartItems td {
    padding-top: 5px;
}

#miniCart .miniCartItems .itemQty {
    text-align: right;
    padding-right: 8px;
    line-height: 1rem !important;
}

#miniCart .miniCartItems .itemItem {
    line-height: 1rem !important;
}

#miniCart .miniCartItems .itemPrice {
    text-align: right;
    line-height: 1rem !important;
}

#miniCart .miniCartItems .separator {
    border-bottom: 1px solid #CCC;
  padding-top: 8px;
}
/* Form Styles */
#generalError {
    margin-bottom: 2em;
}

/* Discount Code */
.cartDiscountCode input[type=text] {
    width: 12em;
    margin-right: 1em;
}

.survey {
    font-weight: bold;
}

.codeName {
    font-weight: bold;
    margin-right: 1em;
}

.code {
    background-color: #efefef;
    padding: .5em;
    margin: 1em 0;
    margin: 1rem 0;
}

.codeID {
    margin-bottom: .5em;
}

    .codeID .button {
        margin-top: -.4em;
    }

.cartDiscountCode form {
    clear: both;
}

#ecommercePath.cartDiscountCode form fieldset {
    margin-bottom: .5em;
}

.codeMeta {
    margin-left: 1.7em;
}

.cartDiscounts .codeMeta {
    margin-left: 0;
}

.amountSaved {
    font-weight: bold;
}

.applyDiscount {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
}

    .applyDiscount .button {
        margin-top: 0;
    }

.enterNew, .enterNew div {
    margin-top: 2em;
}

.expire {
    color: #c00;
    font-style: italic;
}

#nextStep {
    float: right;
}

div.nextStep {
    margin: 2em 0;
    margin: 2rem 0;
}

.applyBtn, .clearBtn {
    float: left;
    margin-right: 1em;
}

/* Discount Survey */
.option {
    margin-bottom: .5em;
}

    .option label {
        clear: right;
        text-align: left;
        font-weight: normal;
    }

#memberProfile .button.navigation {
    margin-top: 0;
}

.profile form select {
    margin-bottom: 1.5em;
}

.profile ol {
    margin: 1.5em;
}

.profile form input[type="radio"] {
    position: relative;
    top: 4px;
}

/* Shipping/Billing Address */
.cartAddresses .required label {
    font-weight: bold;
}

.note {
    color: #666;
}

    .note.valid {
        color: #690;
        display: inline-block;
    }

    .note.error {
        color: #c00;
        display: inline-block;
        font-weight: bold;
        font-style: italic;
    }

#phone .note:last-child {
    margin-left: 0;
}

#sidebarShipTo {
    margin-bottom: 1em !important;
}

/* Manage Addresses */
#addys, #cartAddress {
    margin-bottom: 4em;
}

.manageLink {
    margin: 0 1em 0 0;
}

.cartAddresses .address {
    margin-bottom: 2em;
}

    .cartAddresses .address p {
        margin-bottom: .2em;
    }

.defaultNotice {
    font-weight: bold;
}

/* Shipping Method */
#ecommercePath.cartShippingMethod fieldset {
    margin: 0;
}

#ecommercePath.cartShippingMethod p.shippingInfo {
    margin: 1.5em 0 2em;
}

/* Payment Method */
.payMethodRadio img {
    margin: .3em 0 .7em 1.7em;
}

.lt-ie8 .payMethodRadio img {
    clear: both;
    margin-left: 2em;
}


/* Order Review */
.credit p {
    margin: 1em 0;
    margin: 1rem 0;
}

.payCredit, .shipping p, .billing p {
    margin-bottom: .3em;
}

.payCredit {
    padding-right: 2em;
}

.cartOrderReview .nav {
    text-align: right;
    margin-bottom: 0;
}

#ecommercePath .addresses {
    margin-bottom: 1em;
}

    #ecommercePath .addresses h3 {
        font-size: 100%;
        margin-bottom: .2em;
    }

    #ecommercePath .addresses p {
        color: #444;
    }

#ecommercePath #columnContent .colHeader {
    padding: .5em;
}

.cartOrderReview #cartFooter .row {
    margin-bottom: 1em;
}

#cartFooter {
    text-align: right;
}

.discounts.row, .tax.row {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
}

.cartOrderReview .subtotal p {
    font-weight: normal;
    font-size: 90%;
    margin: .3em 0 0;
}

.OrderReceipt .details {
    background-color: #eaf1fb;
    padding: 1em;
    border: 1px solid #ccc;
}

    .OrderReceipt .details .section {
        margin-bottom: 2em;
    }

        .OrderReceipt .details .section p {
            word-wrap: break-word;
        }

#account.OrderReceipt .prodInfo .format {
    margin-bottom: .5em;
}

#account.OrderReceipt .crumb {
    margin-bottom: 1em;
}

#account.OrderReceipt .prodInfo p.downloadMessage {
    font-weight: bold;
    margin: 1em 0 .7em 0;
}

    #account.OrderReceipt .prodInfo p.downloadMessage .ss-icon {
        padding-right: .5em;
        color: #0939CB;
    }

#account.OrderReceipt .prodInfo p.faqMessage {
    margin-left: 1.5em;
}

#account.OrderReceipt #newsletters, #account.OrderReceipt #purchases {
    margin: 2em 0;
}

    #account.OrderReceipt #newsletters h2 {
        margin-bottom: 0em;
    }

.placeOrder {
    text-align: right;
}

.clearping {
    margin: 0 0 0 -999em;
    padding: 0;
    position: absolute;
    z-index: -10;
}

.lt-ie8 .cartOrderReview .addresses .eight {
    margin: 0;
}

.lt-ie8 .cartOrderReview .yourprice {
    margin: 0;
}

/* UPP Multiformat eBook fancyzoom */
#eFormatsInstructions {
    font-size: .8rem;
    font-size: .8em;
    line-height: 1.5em;
}

    #eFormatsInstructions p, #premiumEditionPracticeTest p {
        padding: .5em 0 0 0;
        margin: 0;
    }

    #eFormatsInstructions .zoomIcon, #premiumEditionPracticeTest .zoomIcon {
        width: 2.3em;
        padding: 0 1em 0 0;
        margin: 0;
        float: left;
        text-align: center;
        width: 25px !important;
    }

        #eFormatsInstructions .zoomIcon img, #premiumEditionPracticeTest .zoomIcon img {
            clear: right;
            display: block;
        }

    #eFormatsInstructions span.format, #premiumEditionPracticeTest span.format {
        font-size: .9em;
        font-weight: bold;
        width: 100%;
        text-align: center;
        padding-top: .1em;
        clear: left;
    }

    #eFormatsInstructions .zoomFormat, #premiumEditionPracticeTest .zoomFormat {
        clear: both;
        margin-bottom: 1em;
    }

div#eFormatsInstructions {
    height: 300px;
}

.eFormatsLinks {
    padding: 1em;
    margin: 0 0 0 .5em;
}

    .eFormatsLinks li {
        padding: 0 0 .3em 0;
        margin: 0;
    }

.eformatHeader img {
    width: 100%;
    margin-bottom: 1rem;
}

.narrowPageNav {
    margin: 1rem 0;
}

.ebookFormatsMenu {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .ebookFormatsMenu > li.heading {
        background-image: url(../images/ebookFormatsMenuHeading.png);
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #fdfdfd;
        width: 99%;
    }

    .ebookFormatsMenu > li {
        background-color: #ccc;
        margin: 0 0 .1rem 0;
        padding: 0;
        border: 1px solid #eee;
        background-image: url(../images/ebookFormatsMenu.png);
        background-repeat: x;
        background-position: top left;
        width: 99%;
    }

        .ebookFormatsMenu > li.heading > a {
            padding: .75em;
            font-size: 1.3rem;
            width: 99%;
        }

        .ebookFormatsMenu > li > a, .ebookFormatsMenu > li .current {
            font-size: 1.2rem;
            color: #333;
            display: block;
            padding: 1em .2em 1em 2em;
            width: 99%;
        }

        .ebookFormatsMenu > li .current {
            font-weight: bold;
        }

.figure {
    margin: 2rem 0;
}

    .figure img {
        max-width: 100%;
    }

#ebookFormats table {
    border-collapse: collapse;
    margin: 2rem 0;
}

#ebookFormats th, #ebookFormats td {
    padding: .8rem;
    vertical-align: top;
}

/*** RWD STYLES ***************************/
/***** Reverse display so objects go back to original placement ********/
.mobileBuyBox {
    display: none;
}

#choices {
    display: block;
}

.mobileProductTitle {
    display: none;
}

.productTitle {
    display: block;
}

.cover.mobile {
    display: none;
}

.lt-ie9 #microCart {
    display: none;
}

#ebookFormats .menuNarrow, .narrowPageNav {
    display: none;
}

#ebookFormats .menuWide {
    display: block;
}

/*Payment Method Page*/
.payMethodRadio img{
    margin: 0 0 -7px 15px;
}
#paymentMethod_0, #paymentMethod_1{
  margin-top: 6px;
}
#account #Form1 .inlineBlock {
    display: inline-block;
}

@media screen and (max-width: 980px) {
    .content {
        padding: 0 .25rem;
    }

    .pickerPage #imageFrame {
        display: none;
    }

    .pickerPage #countryFrame {
        width: 100%;
    }
}

@media screen and (max-width: 825px) {
    #footer #copyright, #footer ul {
        float: none;
    }

        #footer #copyright p {
            text-align: left;
        }
}

@media screen and (max-width: 800px) {
    #homepage .hide {
        display: none !important;
    }

    #ebookFormats .menuNarrow, .narrowPageNav {
        display: block;
    }

    #ebookFormats #columnPrimary {
        width: 97.91666666666666%;
    }

    #ebookFormats .menuWide, #ebookFormats #columnSecondary {
        display: none;
    }

    .ebookFormatsMenu {
        margin: 2rem 0;
    }
}

@media screen and (max-width: 725px) {
    #prod h1 {
        font-size: 1.5rem;
    }

    #parentMain p {
        font-size: .9rem;
    }

    #homepage .hide {
        display: none;
    }
}

@media screen and (max-width: 895px) and (min-width: 701px) {
    .isbn13 {
        display: block;
    }
}

@media screen and (max-width: 700px) and (min-width: 588px) {
    .buybox .associatedProducts.chegg-box {
        padding: 10px 0 10px 0;
    }
}

@media screen and (max-width: 700px) and (min-width: 431px) {
    .chegg-logo {
        right: 1.95%;
    }
}

@media screen and (min-width: 896px) {
    .touch .buybox #printrental {
        margin-bottom: 40px !important;
    }
}


@media screen and (max-width: 700px) {
    /* Stop iOS text resize bug */
    body {
        -webkit-text-size-adjust: 100%;
    }

    .hide {
        display: none !important;
    }

    .show {
        display: inline-block;
    }

    #nav li a, #nav li.home a {
        padding: 1.5rem;
    }

    .rFull {
        width: 100% !important;
        margin: 0 0 1em 0;
    }

    .search {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        border-bottom: 1px solid #CCC;
        padding: .75em .5em;
        margin: 0;
        background: #FFF;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        background: #ffffff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWUxYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e1c5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e1c5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#e5e1c5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#e5e1c5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#e5e1c5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#e5e1c5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e1c5',GradientType=0 ); /* IE6-8 */
    }

    #navSearch {
        margin: 1em;
        margin: 0;
        padding: 0;
    }

        #navSearch #searchbox {
            height: 35px;
            padding: 0 .5rem !important;
            width: 95%;
            background: #FFF;
            font-size: 16px !important;
        }

        #navSearch #button {
            height: 37px;
            width: 40px;
            padding: .25rem 0 0 0 !important;
            margin: 0;
            right: 0;
            font-size: 2rem !important;
        }

    a.menu-link {
        display: inline;
        position: absolute;
        right: 0;
        top: 0;
        padding: 1rem;
        font-size: 1.5rem;
        color: #FFF !important;
    }

    #nav li {
        background: #EEE url('../../mypearsonstore/images/nav/shadow.png') repeat-y left top;
    }

    #nav .show {
        background: inherit;
        display: block;
    }

    .siteNav {
        position: absolute;
        top: 0;
        right: -20em;
        width: 20em;
        height: 100%;
    }

        .siteNav .cranium {
            height: 100%;
            background: url('../../mypearsonstore/images/nav/shadow.png') repeat-y left top;
        }

        .siteNav #nav li a {
            font-size: 1.25rem;
        }

            .siteNav #nav li a:hover {
                text-decoration: none;
            }

        .siteNav #nav li {
            float: none;
            text-align: left;
            border-bottom: 1px solid #999;
        }

            .siteNav #nav li.cart {
                position: static;
            }


    /* Footer */
    #footer ul {
        float: none;
        padding: 0;
        text-align: center;
        width: 100%;
    }

        #footer ul li {
            float: none;
            border-right: none;
            padding: 0;
            margin: 0;
        }

            #footer ul li a {
                display: block;
                padding: 1.5em 1em;
                background: #EEE;
                border: 1px solid #CCC;
                border-width: 1px 1px 0 1px;
            }

            #footer ul li:last-child {
                border-bottom: 1px solid #CCC;
            }

    #footer #copyright {
        float: none;
        margin: 0 0 1em 0;
    }

        #footer #copyright p {
            font-size: .75rem;
            text-align: center;
        }

    #footer .social {
        margin: 0 auto 0 auto;
        padding: 0 0 .25em 0;
        width: 158px;
    }

    #footer .socialIcons {
        display: block;
        float: left;
        margin: 1em .5em 0 0;
    }

    /* Flyout Menu */
    .wrap, .cartcol {
        position: relative;
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
    }

        .wrap.active {
            right: 20rem;
        }

        .wrap.orderDetails {
            left: 60.41666666666667%;
        }

    body, html {
        overflow-x: hidden;
    }

    /**** Product Page *****/
    #prod h1 {
        font-size: 1.5rem;
    }

    .buybox {
        line-height: 1.75rem;
        line-height: 1.75em;
    }

        .buybox #parentMain {
            position: relative;
            padding: 1rem;
        }

    #parentMain p {
        font-size: 1rem;
    }

    #parentMain .buybutton {
        width: 100%;
        position: static;
        margin: 1rem 0;
        left: inherit;
        right: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center;
        padding: 1rem;
    }

    .moreInformationText {
        padding: 2.5em 1em 1em 1em;
    }

    .touch .help.button {
        padding: .25em .5em !important;
    }

    /*Moving buy box*/
    .mobileBuyBox {
        display: block;
    }

    #choices {
        display: none;
    }

    div.tabwidget li a {
        border: 1px solid #CCC;
        box-shadow: none;
    }

        div.tabwidget li a.on {
        }

    /****** Piker Page ********/
    .pickerPage #footer {
        text-align: center;
    }

    .pickerPage #countryFrame select {
        width: 80%;
    }

    .touch .pickerPage #countryFrame select {
        height: 40px;
        top: 3px;
    }

    /****** HOME PAGE *********/
    #imageFrame {
        display: none;
    }

    #spotlightRow img {
        border: 0;
        float: none;
        margin: .5em 0 !important;
    }

    /**** Search Page *****/
    .pagination {
        border: none;
    }

        .pagination .omega, .pagination .alpha, .pagination .nav {
            text-align: center;
        }

        .pagination a {
            padding: .25em .75em;
            margin: 0 .5em;
            color: #000 !important;
            background: #fceabb !important; /* Old browsers */
            background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 100%) !important; /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(100%,#fccd4d)) !important; /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* Opera11.10+ */
            background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* IE10+ */
            background: linear-gradient(top, #fceabb 0%,#fccd4d 100%) !important; /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fccd4d',GradientType=0 ) !important; /* IE6-9 */
            border: 1px solid #f8b500;
        }

            .pagination a:hover {
                text-decoration: none;
            }

    /** Cart Shipping Method **/
    #ecommercePath.cartShippingMethod .row:nth-child(odd) {
        background: #EEE;
    }

    #ecommercePath.cartShippingMethod .row {
        padding: .75em;
    }
}

@media screen and (max-width: 455px) {
    #account div.section h2 {
        border: none;
    }

    #account div.section .tool {
        position: static;
        text-align: left;
        width: auto;
        padding: .5rem 0;
        margin: 0;
    }
    /*input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea { width: auto; }*/
    .touch select {
        max-width: 90%;
    }
}

@media screen and (max-width: 430px) {
    #prod .cover img {
        width: auto;
    }

    .cover.alpha.five, .meta.omega.eleven {
        width: 100%;
    }
    /*Moving title above cover image if availabe */
    .mobileProductTitle {
        display: block;
    }

    .productTitle {
        display: none;
    }

    .cover.mobile {
        display: block;
    }

    .cover.desktop {
        display: none;
    }

    .item a.buybutton {
        margin-left: 1.25rem;
    }
    /* Search Results */

    .result a:hover {
        background: none;
    }

        .result a:hover h3 {
            text-decoration: none;
        }

    .result:nth-child(odd) a {
        background: #EEE;
        border: 1px solid #CCC;
        border-width: 1px 0;
    }

    /* Cart Page */
    .cartPage .nav .continue {
        font-size: .8em;
        position: relative;
        top: -.5em;
    }

    .manageLink {
        display: inline-block;
    }
}

/* Retina Logo */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    #header a.logo {
        background: url(../../mypearsonstore/images/header/logo@2x.png) no-repeat left top;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

    #pearsonLogo {
        background: url(../images/strap/pearsonLogo@2x.png) no-repeat left top;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

    #pearsonTagLine {
        background: url(../images/strap/pearsonTag@2x.png) no-repeat left top;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}

/* Viewport Detector (only used on design server) */
#viewport-detector {
    position: fixed;
    bottom: 0px;
    right: 0;
    z-index: 10000;
    padding: 5px 10px;
    background: #ccc;
    background: rgba(204, 204, 204, 0.85);
}

    #viewport-detector span {
        display: block;
        padding: 2px 0 2px 30px;
        font: 400 12px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #viewport-detector .dimensions {
        background: url(/display/common/images/viewport/icon-1.png) no-repeat left center;
    }

    #viewport-detector .retina {
        background: url(/display/common/images/viewport/icon-2.png) no-repeat left center;
    }

    #viewport-detector .pixel-ratio {
        background: url(/display/common/images/viewport/icon-3.png) no-repeat left center;
    }

/* EText Expander */
.etext-expander {
    color: #004D83;
    font-size: 0.8em;
    text-align: right;
    margin-bottom: 1em;
    cursor: pointer;
}

    .etext-expander:hover {
        text-decoration: underline;
    }

.etext-expander-section {
    display: none;
}

    .etext-expander-section.js-open {
        display: block !important;
    }
