/* **************************************************************************
* 2010 STYLE SHEET | Author: Nadine Boudreau | selector {property:value} *
************************************************************************** */
/* SITE BODY ************************************* */
body {
background-color: #364395; /* Comment: #364395 is the DARK version of the Pearson blue. */
background-image: url(/hai/images/site/site-page-background.jpg);
background-repeat: repeat-x;
font-family: Verdana, sans-serif;
font-size: 12px;
margin: 0px auto; /* Comment: See below for more auto centering */
padding: 0px;
}
/* COLOURS *************************************** */
.pearson-blue {color: #364395} /* Comment: #00295B is the old Harcourt blue and should be phased out by using the Pearson blue */
.pearson-gold {color: #FFDD00}
.pearson-blue-background {background-color: #364395}
.pearson-gold-background {background-color: #FFDD00}
.pearson-blue-100-percent {color: #364395} /* PSYCH BLUE */
.pearson-blue-80-percent {color: #5E69AA} /* #364395 @ 80% */
.pearson-blue-50-percent {color: #9AA1CA} /* #364395 @ 50% */
.pearson-blue-40-percent {color: #AFB4D5} /* #364395 @ 40% */
.pearson-blue-22-percent {color: #D3D6E8} /* #364395 @ 22% */
.pearson-blue-18-percent {color: #DBDDEC} /* #364395 @ 18% */
.pearson-blue-15-percent {color: #E1E3EF} /* #364395 @ 15% */
.pearson-blue-10-percent {color: #E2E3EF} /* #364395 @ 10% */
.pearson-blue-05-percent {color: #F3F4F9} /* #364395 @ 5% */
.pearson-gold-100-percent {color: #FFDD00} /* PEARSON GOLD */
.pearson-gold-50-percent {color: #FFEE7F} /* #FFDD00 @ 50% */
.pearson-gold-22-percent {color: #FFF8C7} /* #FFDD00 @ 22% */
.pearson-gold-18-percent {color: #FFF9D1} /* #FFDD00 @ 18% */
.pearson-gold-15-percent {color: #FFFAD9} /* #FFDD00 @ 15% */
.pearson-gold-10-percent {color: #FFFCE5} /* #FFDD00 @ 10% */
/* UNIVERSALS ************************************ */
a {}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
acronym {border-bottom: dotted 1px gray; cursor: help; white-space: nowrap;}
address {border-left: 1px solid silver; font-style: normal; margin-left: 30px; padding-left: 12px;}
form {}
h1, h2, h3, h4, h5, h6, .overview-header {font-family: Gills Sans, Calibri, Verdana, Arial, Sans-serif;}
h1 {font-size: 22px; color: #364395;}
h2 {font-size: 16px; color: #205F9F; margin-top: 28px;}
h3 {font-size: 14px; color: #006DA4; margin-top: 22px;}
h4 {font-size: 12px; color: #0080AA;}
hr {height: 1px; color: #0089B7;}
img {border: 0px;}
p {}
q {color: #364395;}
sup {font-size: 9px;}
ol {}
ul {}
ul.arrow {list-style-image: url(/hai/images/bullets/arrow-grey.gif);}
ul.pdf {list-style-image: url(/hai/images/icons/pdf.gif);}
li {margin-top: 6px; margin-bottom: 6px;}
div.content form {}
div.content select {}
div.content input {}
div.content textarea {}
/* LAYOUT DIVS *********************************** */
div.header, div.content, div.footer {margin: 0px auto; text-align: left; width: 960px;}
/* header */
div.header {background-image: url(/hai/images/site/site-page-header.gif);}
div.header-radMenuTable {background-color: #FFDD00; clear: both;}
div.header p {font-size: 11px;}
div.header p.search-input {}
div.header p.search-by {padding-bottom: 12px;}
/* cms console */
div.console, #DefaultConsole1 {float: left; width: 250px;}
/* content area */
div.content {background-color: #FFFFFF; width: 900px;}
div.padding {padding: 30px;}
/*div.form-image {float: right; margin-left: 30px; margin-bottom: 30px;}*/
div.international {} /* entire content area of international page */
div.three-columns-210-420-210-left-column {float: left; width: 210px; padding-right: 30px;}
div.three-columns-210-420-210-middle-column {float: left; width: 400px; padding-right: 30px;}
div.three-columns-210-420-210-right-column {float: left; width: 210px;}
div.three-columns-280-280-280-left-column {float: left; width: 280px; padding-right: 30px;}
div.three-columns-280-280-280-middle-column {float: left; width: 280px; padding-right: 30px;}
div.three-columns-280-280-280-right-column {float: left; width: 280px;}
div.three-columns-345-345-210-left-column {float: left; width: 345px; padding-right: 30px;}
div.three-columns-345-345-210-middle-column {float: left; width: 345px; padding-right: 30px;}
div.three-columns-345-345-210-right-column {float: left; width: 210px;}
div.three-columns-80-380-380-left-column {float: left; width: 080px; padding-right: 30px;}
div.three-columns-80-380-380-middle-column {float: left; width: 380px; padding-right: 30px;}
div.three-columns-80-380-380-right-column {float: left; width: 380px;}
div.two-columns-270-690-left-column {float: left; width: 270px;} /* home page only */
div.two-columns-270-690-right-column {float: left; width: 690px;}
div.two-columns-210-660-left-column {float: left; width: 210px; padding-right: 30px;}
div.two-columns-210-660-right-column {float: left; width: 660px;}
div.two-columns-660-210-left-column {float: left; width: 660px; padding-right: 30px;}
div.two-columns-660-210-right-column {float: left; width: 210px;}
div.two-columns-435-435-left-column {float: left; width: 435px; padding-right: 30px;}
div.two-columns-435-435-right-column {float: left; width: 435px;}
div.content table {font-size: 12px;}
div.content thead {text-transform: uppercase;}
div.content thead th {padding-bottom: 6px; padding-top: 6px; text-align: center;}
div.content thead td {padding-bottom: 6px; padding-top: 6px; text-align: center; font-weight: bold;}
div.content tbody {}
div.content tfoot {}
div.content tr {}
div.content th {}
div.content td {vertical-align: top;}
/* tables */
/*
TABLE NOTES:
1. 'Colour' is used in the sense of a verb. E.g. "to colour."
2. 'Colour' tables used for line item data.
3. | and | cells are individually styled (rather than using colgroup/col) due to inadequate browser support
4. By default, tables are blank and clear (as per above styles).
*/
table.colour {background-color: #DBDDEC; width: 100%;}
table.colour-data-grid {background-color: #DBDDEC; width: 100%;}
table.colour-data-grid td.data-grid-header {background-color: #AFB4D5; color: #FFFFFF; font-weight: bold; padding-bottom: 6px; padding-top: 6px; text-transform: uppercase;}
table.colour-data-grid td.isbn {background-color: #D3D6E8; color: #364395; font-weight: bold; white-space: nowrap; width: 110px;}
table.colour-data-grid td.product-info {background-color: #F3F4F9;}
table.colour-data-grid td.product-info .title {}
table.colour-data-grid td.product-info .description {}
table.colour-data-grid td.price-and-add-to-cart {background-color: #F3F4F9; text-align: center; width: 100px;}
table.colour-data-grid td.price-and-add-to-cart .price {background-color: #F3F4F9;}
table.colour address {border-left: none; margin-left: 0px; padding-left: 0px;}
table.colour thead {}
table.colour thead tr {}
table.colour thead th {background-color: #AFB4D5; color: #364395; text-transform: uppercase; text-align: center; vertical-align: middle;}
table.colour thead td {background-color: #D3D6E8; color: #364395; text-transform: uppercase; text-align: center; vertical-align: middle;}
table.colour tbody {}
table.colour tbody tr {}
table.colour tbody tr.odd {}
table.colour tbody tr.even {background-color: #D3D6E8;}
table.colour tbody th {background-color: #D3D6E8; color: #364395; text-align: center; text-transform: uppercase;}
table.colour tbody th.price {text-align: center;}
table.colour tbody td {background-color: #F3F4F9;}
table.colour tbody td.isbn {background-color: #D3D6E8; color: #364395; font-weight: bold; white-space: nowrap; width: 110px;}
table.colour tbody td.description {}
table.colour tbody td.date {text-align: center;}
table.colour tbody td.order-number {text-align: center;}
table.colour tbody td.order-status {text-align: center;}
table.colour tbody td.payment-option {font-weight: bold;}
table.colour tbody td.price {text-align: right; white-space: nowrap;}
table.colour tbody td.price-discount {text-align: right; white-space: nowrap;}
table.colour tbody td.price-and-add-to-cart {text-align: center; width: 100px;}
td.product-info {}
td.product-info .title {font-weight: bold;}
td.product-info .description{}
table.colour tbody td.product-family {color: #FFFFFF;}
table.colour tbody td.remove-link {text-align: center; white-space: nowrap;}
table.colour tbody td.subtotal {background-color: #E1E3EF; border-bottom: 1px solid black; font-weight: bold;}
table.colour tbody td.quantity {text-align: right;}
table.colour tbody td.quantity input {width: 40px;}
table.colour tfoot {background-color: #D3D6E8; color: #364395; font-size: 10px;}
table.colour tfoot td {}
table.colour tfoot td.price {text-align: right; white-space: nowrap;}
table.colour tfoot td.total {background-color: #D3D6E8; border-top: 1px solid black; border-bottom: 3px double black; font-size: 12px; font-weight: bold;}
/* special table: form */
table.form {}
table.form col.labels {white-space: nowrap; padding-right: 12px;}
table.form col.input {}
table.form input {}
table.form textarea {width: 146px; height: 100px;}
table.form select {width: 146px;} /* list */
/* login on the home page */
div.login-box {}
div.quick-login h2 {margin-top: 0px;}
div.quick-login .logged-in {color: #000000;}
div.quick-login .welcome-message {}
div.quick-login .my-account {}
div.quick-login .logged out {color: #000000;}
div.main-menu h2 {}
div.branding-image {}
div.editable-boxes {float: left; width: 138px;}
/* header search */
div.search p.a-to-z-0-9 {}
/* sub-navigation */
div.a-z-0-9,
div.e-mail-this-page-to-a-friend,
div.file-upload,
div.sub-navigation,
div.quick-login,
div.feature-box,
div.shopping-cart-shipping-notices {background-color: #FFFCE5; border: 1px solid #FFDD00; padding: 10px;}
/* pearson blue box (similar to above, except blue.) */
div.pearson-blue-box {background-color: #CCE7F1; border: 1px solid #0089B7; padding: 10px;}
/* featured items */
div.featured-items td {border: 1px solid #E2E3EF;}
/* newsletter signup */
div.newsletter-signup p {text-align: center; padding: 3px;}
div.psychological {background-color: #CCE7F1; border: 1px solid #0089B7;}
div.speech-and-language {background-color: #F9DADD; border: 1px solid #E04854;}
div.occupational-therapy {background-color: #FFF1D0; border: 1px solid #FDB913;}
div.educational {background-color: #E5F0DE; border: 1px solid #7DB658;}
div.talent {background-color: #CCE7F1; border: 1px solid #0089B7;}
div.evaluation-psychologique {background-color: #CCE7F1; border: 1px solid #0089B7;}
div.evaluation-orthophonique {background-color: #F9DADD; border: 1px solid #E04854;}
div.evaluation-ergotherapeutique {background-color: #FFF1D0; border: 1px solid #FDB913;}
div.evaluation-pedagogique {background-color: #E5F0DE; border: 1px solid #7DB658;}
div.evaluation-du-talent {background-color: #CCE7F1; border: 1px solid #0089B7;}
/* news and events */
div.news-and-events {background-color: #FFFCE5; border: 1px solid #FFDD00; padding: 24px;}
div.news-and-events h2 {margin-top: 0px; padding-top: 0px;}
div.news-and-events hr {color: #FFDD00;}
div.news-and-events ul {color: #FFDD00; margin: 0px; list-style-image: url(/hai/images/bullets/arrow-grey.gif);}
/* product listings page */
p.button-compare-products {text-align: right;}
/* product display page */
/* status bar */
div.status-message {color: #FF0000; font-weight: bold;}
p.view-all {text-align: right;}
/* acronym */
div.acronym h1 {margin-top: 0px; padding-top: 10px;}
/* publication date and author */
div.publication-date-and-author-s {color: #364395; font-size: 10px;}
div.publication-date {float: left; padding-right: 5px; width: 30px;}
div.author-s {float: left; padding-left: 5px; border-left: 1px solid #364395; width: 160px;}
/* overview */
div.overview {background-color: #E2E3EF; font-size: 10px;} /* background-image: url('/hai/images/site/product-page/overview-table-header.gif'); background-repeat:no-repeat; */
.overview-header {color: #364395; font-size: 16px; font-weight: bold; margin-top: 6px;}
.overview-purpose {font-weight: bold;}
.overview-heading {background-color: #D3D6E8; color: #364395; font-size: 10px; font-weight: bold; margin-top: 12px;}
.overview-descriptor {background-color: #DBDDEC; font-size: 10px;}
/*
div.overview {background-color: #E2E3EF; font-size: 10px;}
.overview-header {color: #364395; font-size: 16px; font-weight: bold; margin-top: 6px;}
.overview-purpose {font-weight: bold;}
.overview-heading {background-color: #D3D6E8; color: #364395; font-size: 10px; font-weight: bold; margin-top: 12px;}
.overview-descriptor {background-color: #DBDDEC; font-size: 10px;}
*/
/* product-symbols */
div.product-symbols {margin-top: 12px;}
div.product-symbols img {padding: 5px;}
/* downloads */
div.downloads {margin-top: 12px; margin-bottom: 6px;}
div.downloads table td {}
/* special info */
div.special-info {font-size: 10px;}
/* related items */
div.related-items {font-size: 10px;}
div.related-items img {float: left; padding-right: 15px;}
div.related-items h2 {}
div.related-items p {}
div.related-items sup {font-size: 6px;}
/* e-mail this page to a friend */
div.e-mail-this-page-to-a-friend {background-color: #FFFCE5; border: 1px solid #FFDD00; color: #FFDD00; padding: 10px;}
/* long description area */
div.long-description {}
div.long-description h1 {background-color: #E1E3EF; padding: 10px; margin-top: 0px;}
div.long-description h2 {}
div.long-description h3 {}
div.long-description h4 {}
div.long-description h5 {}
div.long-description h6 {}
div.long-description ul {list-style-type: square;}
img.long-description-image {float: right; padding-left: 30px; padding-bottom: 30px;}
/* taglines, in order of appearance */
div.taglines {border-top: 1px solid #D3D6E8; color: grey; font-size: 9px; margin-top: 24px; margin-bottom: 12px;}
div.taglines p.special-note {}
div.taglines p.psychcorpcenter-requirements {}
div.taglines p.assist-requirements {}
div.taglines p.q-local-requirements {}
div.taglines p.volume-discount {}
div.taglines p.future-use {}
div.taglines p.distributed-product {}
div.taglines p.contact-us {}
/* materials and prices */
div.go-to-cart {padding-top: 24px; text-align: right;}
/* shopping cart */
div.cart-seperator, div.examiner-save-button{text-align: right; border-top: 1px solid #E1E3EF; margin-top: 24px;}
div.cart-buttons {text-align: center;}
p.address-label {display: none;}
p.checkout-final-review-payment-total {}
p.checkout-final-review-payment-note-taxes {}
/* my account */
div.examiner-information-page {}
div.examiner-information-page h3 {border-top: 1px solid silver;}
/* footer */
div.footer {color: #FFFFFF; font-size: 10px; text-align: center; background-image: url(/hai/images/site/site-page-footer-watermark.gif); background-position: bottom center; background-repeat: no-repeat;}
div.footer a {color: #FFDD00;}
div.footer a:link {text-decoration: none;}
div.footer a:visited {text-decoration: none;}
div.footer a:hover {text-decoration: underline;}
div.footer a:active {text-decoration: underline;}
/* CATALOGUE ************************************* */
div.content .product-title {font-weight: bold;}
/* EVENT REGISTRATION FORM *********************** */
div.event-registration-form .payment-input
/* SPECIAL *************************************** */
.alert, .required {color: #FF0000; font-size: 10px;}
form input.required,
form select.required,
form textarea.required {color: #000000; background-color: #FFFCE5; font-size: 13px;}
.checked, .confirmation {color: #138911;}
.workshop-registration-form-dropdown {background-color: #FFDD00;}
.disclaimer, .note {color: gray; font-style: italic;}
.highlight {background-color: yellow; color: black; font-weight: bold; } /* display: none; */
.invisible {display: none;} /* Comment: this is used for parts of code that must still be present but muck things up when deleted; use invisible to get around this for now. */
.form-image {float: right; margin-left: 30px; margin-bottom: 30px;}
/* The following elements only apply when the media is the screen */
@media screen
{
}
/* The following elements only apply when the media is print or print preview */
@media print
{
}
|