/***
Main StyleSheet for all standards compliant browsers.
Some properties will be overwritten for IE using conditional comments

Dark Red = body
Green = Defined style - to be looked at.
Pink = Defined style - looked at.

Compress using CSSTidy: http://floele.flyspray.org/csstidy/css_optimiser.php

For ECOM comment out the lines starting with COMMENT THIS LINE OUT FOR ECOM and save as core-ecomm.css
***/



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  RESET CSS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
img {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body {line-height:1.5em;}
table {border-collapse:separate;border-spacing:0;}
/* COMMENT THIS LINE OUT FOR ECOM */ caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
center {text-align:left;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  SET STANDARD TYPOGRAPHY 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
body {font-size:75%;color:#222;background:#fff;font-family:verdana, arial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1.7em;line-height:1;margin-bottom:0.3em;}
#blue  h1 {color:#364395;}
#green h1 {color:#008b5d;}
h2 {font-size:1.4em;margin-bottom:0.75em;font-weight:bold;}
h3 {font-size:1.2em;line-height:1em;margin-bottom:1em;font-weight:bold;}
h4 {font-size:1.1em;line-height:1.1em;margin-bottom:0.1em;font-weight:bold;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:0.5em 0.5em 0.5em 0;padding:0;}
p img.right {float:right;margin:0.5em 0 0.5em 0.5em;}
p img.inline {float:none;margin:0;}
a:focus, a:hover {color:#000;text-decoration:underline;}
a {color:#000099;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 2.0em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
/*
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
*/
caption {background:#eee;}

.hide {display:none;}
.jsshow {display:inline;} /* used to show javascript tools on screen */
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.nobr {white-space:nowrap;}
/* a:hover{ color: #0071b7;text-decoration: underline;} */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  SITEWIDE STYLES
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* image shadow class */
.img-shadow {float:left;position: relative;background: url(../img/bkg/img-shadow.gif) no-repeat bottom right;margin: 10px 0 0 10px;}
.img-shadow img {display: block;position: relative;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;} 

/* #content .hellome {position:absolute;height:35px;width:45px;padding-top:7px;font-size:0.9em;text-align:center;background:#d80606;color:#fff;font-weight:bold;background:transparent url('../img/icons/save.png') no-repeat top left;line-height:1.2em;}*/

/*.img-wrapper {position:absolute; z-index: 1000;left: -11px;top: -11px;height:100px;width:45px;background:transparent url('../img/icons/format-ebook.png') no-repeat top top;}*/
.format-ebook {position:absolute; z-index: 100;left: 5px;top: 5px;height:100%;width:100%;background:transparent url('../img/icons/format-ebook.png') no-repeat bottom right;}
.format-pdf {position:absolute; z-index: 100;left: 5px;top: 5px;height:100%;width:100%;background:transparent url('../img/icons/format-pdf.png') no-repeat bottom right;}
.format-coursesmart {position:absolute; z-index: 100;left: 5px;top: 5px;height:100%;width:100%;background:transparent url('../img/icons/format-coursesmart.png') no-repeat bottom right;}
.format-epub {position:absolute; z-index: 100;left: 5px;top: 5px;height:100%;width:100%;background:transparent url('../img/icons/format-epub.png') no-repeat bottom right;}
.format-accesscode {position:absolute; z-index: 100;left: 5px;top: 5px;height:100%;width:100%;background:transparent url('../img/icons/format-accesscode.png') no-repeat bottom right;}
.format-olp {position:absolute; z-index: 100;left: 5px;top: 5px;height:100%;width:100%;background:transparent url('../img/icons/format-olp.png') no-repeat bottom right;}

/* standard form class */
.standard-form SELECT, .standard-form INPUT, .standard-form TEXTAREA {font-family:verdana, arial, helvetica, sans-serif;}
.standard-form .row {padding:3px 0;clear:both;width:100%}
.standard-form .required {position:absolute;left:-8px;}
.standard-form label {font-weight:bold;font-size:0.95em;width:190px;float:left;margin:2px 10px 0 10px;position:relative;}
.standard-form .text INPUT, .standard-form .text-short INPUT {width:190px;padding:2px;border:1px #999 solid;font-size:0.9em;margin-right:3px;}
.standard-form .text-short INPUT {width:120px;}
.nav-box .standard-form .text-short {padding-left:12px;}
.standard-form .text SELECT {width:196px;padding:1px;border:1px #999 solid;font-size:0.9em;}
.standard-form .text-inactive {width:200px;padding:2px;border:1px #fff solid;font-size:0.9em;background-color: #CCCCCC;}
.standard-form .textarea TEXTAREA {width:250px;padding:2px;border:1px #999 solid;font-size:0.9em;}
.standard-form .no-label {margin-left:210px;}


/* standard button */
.standard-button {background:no-repeat left top;padding:0 0 3px 4px;display:block;float:left;}
.standard-button INPUT {background:#bd4542 no-repeat right top;padding:0 12px 2px 8px;cursor:pointer;height:18px;width:auto;border:0;margin:0 5px 5px 0;overflow:visible;font-weight:normal;font-family:Trebuchet MS, arial, helvetica, sans-serif;font-size:0.9em;font-weight:bold;color:#ffffff;}
#blue  .standard-button {background-image:url(../img/buttons/button-left-blue.gif)}
#green .standard-button  {background-image:url(../img/buttons/button-left-dts.gif)}
#blue  .standard-button INPUT {background-image:url(../img/buttons/button-blue.gif)}
#green .standard-button INPUT {background-image:url(../img/buttons/button-dts.gif)}

/* standard form jquery validation */
.standard-form label.error {background:url("../img/icons/unchecked.gif") no-repeat 0px 0px; margin:0 1px 0 2px; padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200; position:static;float:none;}
.standard-form label.checked {background:url("../img/icons/checked.gif") no-repeat 0px 0px;position:static;float:none;margin:0 0 0 3px;}
.highlightInput {background-color: #E9F4F8; background-image: none;}



/* used */
.body{font-size:1.0em;color:#222;}
.bold{font-weight:bold;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.larger{font-size:1.1em;}
.right{float:right;}
.smaller{font-size:0.9em;}
.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
.red{color:#ff0000}
.titles{font-size:1.7em;line-height:normal;}
.subheads{font-weight:bold;font-size:1.1em;}
.bottom {margin-bottom:0;padding-bottom:0;}
.cell-border-tl {border-top:1px solid #222;border-left:1px solid #222;}
.cell-border-b {border-bottom:1px solid #222;}
.cell-border-r {border-right:1px solid #222;}
.cleaner {overflow:hidden;clear:both;height:1px;margin-top:-1px}

a.link:focus, a.link:hover {text-decoration:none;}
a.link {text-decoration:underline;}

h1.titles {padding:5px;}
#blue  h1.titles {border-bottom:1px solid #0089B7; clear:left; margin-bottom:10px; padding:5px 0 10px;color: #205F9E;}
#green h1.titles {border-bottom:1px solid #7db658; clear:left; margin-bottom:10px; padding:5px 0 10px;color: #00a15f;}

/* legacy */
.largerbodybold{font-size: 1.1em;font-weight:bold;/*TEST COLOUR*/color:#006633;}
.bodybold{font-weight:bold;font-size:1.0em;/*TEST COLOUR*/color:#006633;}
.bodysmall{font-size: 0.9em;color: #006633;}
.bodysmall a{ font-size: 0.9em;/*color: #000000;*/line-height: 16px;text-decoration: underline;/*TEST COLOUR*/color: #006633;}
.smallerred{ font-size: 1.0em;color: #ff0000;line-height:12px;text-decoration: none;}
.smallerbold{ font-weight: bold;font-size: 1.1em;/*color: #000000;*/line-height:14px;/*TEST COLOUR*/color:#006633;}
.buttons{ font-weight: normal;font-size: 10px;color: #000000;font-family: verdana, arial, helvetica, sans-serif;background-color: #ffffff;}
.buttons select{ font-weight: normal;font-size: 10px;color: #000000;font-family: verdana, arial, helvetica, sans-serif;background-color: #ffffff;}
.buttons2{ font-weight: bold;font-size: 11px;color: #000000;font-family: verdana, arial, helvetica, sans-serif;background-color: #ffffff;}
/* .thirdlevel-links{ font-weight: bold;font-size: 10px;color: #9b8fbb;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;} */
/* .multilevel-linktable-0{ padding-right: 0px;padding-left: 0px;padding-bottom: 0px;width: 100%;padding-top: 0px;border-collapse: collapse;} */
/* .multilevel-linktable-0 td{ padding-right: 3px;padding-left: 5px;font-weight: bold;font-size: 10px;background: #edebf3;padding-bottom: 3px;margin: 0px;color: #ff0000;line-height: 14px;padding-top: 3px;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;} */
/* .multilevel-linktable-0 a{ font-weight: bold;font-size: 10px;color: #9b8fbb;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;} */
.disciplines{ font-size: 9pt;color: #000000;line-height: 6pt;font-family: verdana, arial, helvetica, sans-serif;}
.trail1{ font-weight: bold;font-size: 11px;color: #9b8fbb;font-family: verdana, arial, helvetica, sans-serif;}
.trail1 a{ font-weight: bold;font-size: 11px;color: #9b8fbb;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;}
.trail2{ font-weight: bold;font-size: 11px;color: #666666;font-family: verdana, arial, helvetica, sans-serif;}
.trail2 a{ font-weight: bold;font-size: 11px;color: #666666;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;}
#blue  .trail2 a:hover, #blue  .trail2 a:focus {color:#364395;text-decoration:underline;}
#green .trail2 a:hover, #green .trail2 a:focus {color:#008b5d;text-decoration:underline;}

.nav td{ background: #edebf3;}
.nav a{ font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 11px;color: #361f77;text-decoration: none;}
.nav{ font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 11px;color: #361f77;text-decoration: none;}
/* .currentsection{ font-weight: bold;font-size: 10px;background: #edebf3;color: #0071b7;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;} */
/* .currentsection a{ font-weight: bold;font-size: 10px;background: #edebf3;color: #0071b7;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;} */
.links{ font-size: 12px;color: #361f77;font-family: verdana, arial, helvetica, sans-serif;}
.rightlinks{ font-size: 11px;color: #361f77;font-family: verdana, arial, helvetica, sans-serif;text-decoration: none;}
.searchboxtext{ font-weight: bold;font-size: 10px;color: #361f77;font-family: verdana, arial, helvetica, sans-serif;}
.formfieldpale{ border-right: #361f77 1px solid;border-top: #361f77 1px solid;font-size: 11px;border-left: #361f77 1px solid;color: #000000;border-bottom: #361f77 1px solid;font-family: verdana, arial, helvetica, sans-serif;background-color: #edebf3;}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  GLOBAL SITE STRUCTURE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* --------------------------------------------
  Layout Settings
-------------------------------------------- */
#container {width:980px;margin-left:auto;margin-right:auto;text-align:left;margin-bottom:5px;}

#header {height:105px;background: url(../img/bkg/nav-header-bkg-bs.png) no-repeat center bottom;}
#breadcrumb {clear:both;width:976px;padding:4px 0 5px 4px;}
#left-pane {clear:left;float:left;width:150px;margin-bottom:0px;margin-right:10px;}
#content {float:left;width:660px;margin:0px 0;}
#homepage {float:left;width:980px;margin:0px 0;}
/*#homepage {position:relative;top:0px;width:600px;}*/
#right-pane {clear:right;float:left;width:150px;margin-bottom:10px;margin-left:10px;}
#footer {font-size:0.9em;clear:both;width:100%;text-align:left; padding:15px 0 5px 0;}


/* --------------------------------------------
  Header
-------------------------------------------- */
#logo {position:relative;left:32px;top:53px;}

/* accessibility links */
#accessibility-links {z-index:101;font-size:1.1em;position:relative;width:150px;} /* make sure it's at the front */
#accessibility-links ul {list-style:none;margin:0;line-height:1.3;}
#accessibility-links li.accessibility-hide a:focus, #access-links li.access-hide a:active{position:absolute;top:2px;left:2000px;width:150px;font-weight:bold;color:#000;background:#ff9;padding:4px;border:1px solid #000;text-decoration:none;} /* move onto screen with box & border */
#accessibility-links .accessibility-hide{position:absolute;left:-2000px;width:1px} /* move off screen */

/* masthead links */
#header-links ul {float:right;padding:0;margin:0 1px 0 0;color:#000;font-size:0.9em;}
#header-links ul li {display:inline;}
#header-links ul li a {padding:0.2em 1em;color:#000;text-decoration:none;float:left;background: #fff;}
#header-links ul li a.first {background:transparent url(../img/bkg/nav-header-links-bkg.gif) no-repeat left bottom;}
#header-links ul li a:hover, #header-links ul li a:focus {text-decoration:underline;}

/* header content links */
/*#header-buttons {position:relative;padding:0;margin:10px 0 0 0;float:left;width:100%;line-height:20px;font-size:13px;background: #A19782 url(../img/bkg/nav-header-buttons-bkg.gif) no-repeat 756px 0px;}*/
#header-buttons {position:relative;padding:0;margin:10px 0 0 0;float:left;width:980px;line-height:1.55em;font-size:1.1em;background: #FFDE19 url(../img/bkg/nav-header-buttons-bkg.gif) no-repeat 976px 0px;}
#header-buttons ul {padding:0;margin:0;}
#header-buttons ul li {display:inline;}
#header-buttons ul li a {padding:0.2em 1em;text-decoration:none;float:left;background: url(../img/bkg/nav-header-buttons-separator.gif) no-repeat left center;}
#header-buttons ul li a.first {background: url(../img/bkg/nav-header-buttons-bkg.gif) no-repeat -3px 0px;}
/* #header-buttons ul li a.last {background-image:none;} */
#header-buttons ul li a:hover, #header-buttons ul li a:focus {background-color:#F8C71E;}




/* --------------------------------------------
  Side nav settings
-------------------------------------------- */

/* START OF NEW COLOURS */
/* Main subject and imprint nav */
.subject-nav {margin-bottom:15px;font-size:0.9em;}
.subject-nav h3 {background:no-repeat right top;color:#fff;margin:0;padding:6px 10px 4px 10px;font-size:1.1em;font-weight:bold;}
#blue  .subject-nav h3 {background-color:#006da4;}
#green .subject-nav h3 {background-color:#3fa85d;}
.subject-nav ul {margin:0;list-style-type:none;}
.subject-nav li {padding:0;}
/* FOR CORP SITE, as current link doesn't have a hyperlink ".subject-nav li .currentsection" */
.subject-nav li a, .subject-nav li .currentsection {display:block;width:135px;color:#000;text-decoration:none;padding:3px 5px 3px 10px;background:#e7e7e7 no-repeat center left;line-height:1.3em;}
.subject-nav li.first a {background-position:top left;padding-top:5px;}
.subject-nav li.last a {background-position:bottom left;padding-bottom:5px;}
.subject-nav li li a, .subject-nav li li .currentsection {display:block;width:128px;color:#000;text-decoration:none;padding: 3px 5px 3px 17px;}
.subject-nav li li li a, .subject-nav li li li .currentsection {display:block;width:121px;color:#000;text-decoration:none;padding: 3px 5px 3px 24px;}
.subject-nav li li li li a, .subject-nav li li li li .currentsection {display:block;width:114px;color:#000;text-decoration:none;padding: 3px 5px 3px 31px;}
.subject-nav li li li li li a, .subject-nav li li li li li .currentsection {display:block;width:107px;color:#000;text-decoration:none;padding: 3px 5px 3px 38px;}
.subject-nav li a.currentsection, .subject-nav li .currentsection {color:#fff;font-weight:bold;}
.subject-nav li li a.currentsection, .subject-nav li li .currentsection {color:#fff;font-weight:bold;}
.subject-nav li li li a.currentsection, .subject-nav li li li .currentsection {color:#fff;font-weight:bold;}
.subject-nav li li li li a.currentsection, .subject-nav li li li li .currentsection {color:#fff;font-weight:bold;}
.subject-nav li li li li li a.currentsection, .subject-nav li li li li li .currentsection {color:#fff;font-weight:bold;}
#blue  .subject-nav li a.currentsection, #blue  .subject-nav li .currentsection {background-color:#006da4;}
#green .subject-nav li a.currentsection, #green .subject-nav li .currentsection {background-color:#3fa85d;}
.subject-nav li a:hover, .subject-nav li a:focus {color:#fff;text-decoration:none;}
#blue  .subject-nav li a:hover, #blue  .subject-nav li a:focus {background-color:#0089b7;}
#green .subject-nav li a:hover, #green .subject-nav li a:focus {background-color:#61ac5b;}

/* Main filter and imprint nav */
.filter-nav {margin-bottom:15px;font-size:0.9em;}
.filter-nav h3 {background:no-repeat right top;color:#fff;margin:0;padding:6px 0px 5px 7px;font-size:1em;font-weight:bold;}
#blue  .filter-nav form h3 {background-color:#006da4;}
#green .filter-nav h3 {background-color:#00a15f;}
.filter-nav ul {margin:0;list-style-type:none;}
.filter-nav li {padding:0;}
/* FOR CORP SITE, as current link doesn't have a hyperlink ".filter-nav li .currentsection" */
.filter-nav li , .filter-nav li .currentsection {color:#000;text-decoration:none;padding:2px 5px 2px 5px;background:#e7e7e7 no-repeat center left;line-height:1.3em;}
.filter-nav li.first  {background-position:top left;padding-top:5px;}
.filter-nav li.last  {background-position:bottom left;padding-bottom:5px;}




/* Other side nav */
.left-nav, .right-nav, .nav-box  {margin-bottom:15px;font-size:0.9em;}
.left-nav h3, .right-nav h3  {background:#fbf5ea no-repeat right top;color:#fff;margin:0;padding:6px 10px;font-size:1.1em;font-weight:normal;}
#blue  .left-nav h3, #blue  .right-nav h3  {background-color:#006da4;}
#green .left-nav h3, #green .right-nav h3  {background-color:#3fa85d;}
.left-nav ul, .right-nav ul {margin:0;list-style-type:none;}
.left-nav li, .right-nav li {padding:0;}
.left-nav li.text, .right-nav li.text {background:#fbf5ea no-repeat center left;color:#000;padding: 2px 5px 2px 10px;} /* padding as per "a" tag */
#blue  .left-nav li.text, #blue  .right-nav li.text {background-image:url(../img/bkg/nav-side-bkg-dtp.gif);}
#green .left-nav li.text, #green .right-nav li.text {background-image:url(../img/bkg/nav-side-bkg-dts.gif);}
.left-nav li.first, .right-nav li.first {background:#fbf5ea no-repeat top left;padding-top: 5px;}
#blue  .left-nav li.first, #blue  .right-nav li.first {background-image:url(../img/bkg/nav-side-bkg-dtp.gif);}
#green .left-nav li.first, #green .right-nav li.first {background-image:url(../img/bkg/nav-side-bkg-dts.gif);}
.left-nav li a, .right-nav li a {display:block;width:135px;color:#000;text-decoration:none;padding: 3px 5px 3px 10px;background:#e7e7e7 no-repeat center left;line-height:1.3em;}
.left-nav li.first a, .right-nav li.first a {background-position:top left;padding-top: 5px;}
.left-nav li.last a, .right-nav li.last a {background-position:bottom left;padding-bottom: 5px;}
.left-nav li a:hover, .right-nav li a:hover, .left-nav li a:focus, .right-nav li a:focus {text-decoration:underline;}

.right-nav ol {padding:0;margin:0;list-style-type:none;}
.right-nav ol li a {display:block;width:125px;color:#000;text-decoration:none;padding: 3px 5px 3px 20px;background:#e7e7e7 no-repeat center left;line-height:1.3em;}
#blue  .right-nav ol li a {background-image:url(../img/bkg/nav-side-chart-bkg.png);}
#green .right-nav ol li a {background-image:url(../img/bkg/nav-side-chart-bkg-dts.gif);}
.right-nav .nav-footer {height:1px;background:#e7e7e7 no-repeat bottom left;padding-bottom: 3px;}
.right-nav ol li.listitem-1 a {background-position: 0px 0px}
.right-nav ol li.listitem-2 a {background-position: -300px 0px}
.right-nav ol li.listitem-3 a {background-position: -600px 0px}
.right-nav ol li.listitem-4 a {background-position: -900px 0px}
.right-nav ol li.listitem-5 a {background-position: -1200px 0px}
.right-nav ol li.listitem-6 a {background-position: -1500px 0px}
.right-nav ol li.listitem-7 a {background-position: -1800px 0px}
.right-nav ol li.listitem-8 a {background-position: -2100px 0px}
.right-nav ol li.listitem-9 a {background-position: -2400px 0px}
.right-nav ol li.listitem-10 a {background-position: -2700px 0px}

.nav-box .top {background:no-repeat right top;padding-top:5px;}
#blue  .nav-box .top {background-image:url(../img/bkg/nav-side-bkg-dtp.gif);} 
#green .nav-box .top {background-image:url(../img/bkg/nav-side-bkg-dts.gif);} 
.nav-box {background:no-repeat right bottom; padding-bottom:5px;}
#blue  .nav-box {background-image:url(../img/bkg/nav-side-bkg-dtp.gif);}
#green .nav-box {background-image:url(../img/bkg/nav-side-bkg-dts.gif);}
.nav-box h3 {background: no-repeat right top;color:#000;margin:0;padding:6px 10px 3px 10px;font-size:1.1em;font-weight:bold;}
#blue  .nav-box h3 {background-image:url(../img/bkg/nav-side-bkg-dtp.gif);}
#green .nav-box h3 {background-image:url(../img/bkg/nav-side-bkg-dts.gif);}

#eshot-signup {text-align:center;}
#eshot-signup .standard-button {margin:2px 40px;}
#eshot-signup .text-short INPUT {text-align:center;color:#666;}
#eshot-signup p {line-height:1.2em;padding:0 2px;margin:0;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  PAGE SPECIFIC STRUCTURE
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* --------------------------------------------
  Standalone pages (used for pop up boxes)
-------------------------------------------- */
#standalone h1 {line-height:1.5em;}
/* #standalone {margin:10px;padding:10px;background:#eee;}
#standalone .logo {margin:5px 0;} */
/* --------------------------------------------
  All #content pages
-------------------------------------------- */
/* sub headings */
#content h1.section-heading {clear:both;font-size:1.1em;font-weight:bold;border-bottom:1px solid;margin:10px 0 10px 0;position:relative;padding-bottom:2px;}
#content h1.section-heading .heading {color:#000;border:1px solid;background:#fbf5ea no-repeat right top;padding:0.3em 0.8em 0.3em 0.5em;;position:relative;}
#content h2.section-heading {clear:both;font-size:1.1em;font-weight:bold;border-bottom:1px solid;margin:10px 0 10px 0;position:relative;padding-bottom:2px;}
#content h2.section-heading .heading {color:#000;border:1px solid;background:#fbf5ea no-repeat right top;padding:0.3em 0.8em 0.25em 0.5em;position:relative;}
#content h3.section-heading {clear:both;font-size:1.1em;font-weight:bold;border-bottom:1px solid;margin:10px 0 10px 0;position:relative;padding-bottom:2px;}
#content h3.section-heading .heading {color:#000;border:1px solid;background:#fbf5ea no-repeat right top;padding:0.3em 0.8em 0.3em 0.5em;}
#blue  #content h1.section-heading, #blue  #content h2.section-heading, #blue  #content h3.section-heading {border-bottom-color:#0d8fd0;}
#green #content h1.section-heading, #green #content h2.section-heading, #green #content h3.section-heading {border-bottom-color:#00a15f;}
#blue  #content h1.section-heading .heading, #blue  #content h2.section-heading .heading, #blue  #content h3.section-heading .heading {border-color:#0d8fd0;}
#green #content h1.section-heading .heading, #green #content h2.section-heading .heading, #green #content h3.section-heading .heading {border-bottom-color:#00a15f; border-left-color:#00a15f; background-image:url(../img/bkg/large-rounded-border-1px-00a15f.gif);}
/* section tabs */
.tabs {float:left;font-size:1em;line-height:normal;width:100%;margin:0 0 10px 0;background:repeat-x bottom;}
#blue  .tabs {background-image:url(../img/bkg/filler-1px-205f9f.gif);}
#green .tabs {background-image:url(../img/bkg/filler-1px-00a15f.gif);}
.tabs ul {list-style:none;padding:0;margin:0;}
.tabs li {display:inline;margin:0;padding:0;}
.tabs li.currentsection, .tabs li a {float:left;padding:0 0 0 9px;margin:0 6px 0 0;background: no-repeat left top;border-bottom:1px solid;}
#blue  .tabs li.currentsection, #blue  .tabs li a {border-bottom-color:#205F9F;}
#green .tabs li.currentsection, #green .tabs li a {border-bottom-color:#00A15F;}
#blue  .tabs li.currentsection, #blue  .tabs li a {background-image:url(../img/buttons/tab-left-blue.gif)}
#green .tabs li.currentsection, #green .tabs li a {background-image:url(../img/buttons/tab-left-dts.gif)}
.tabs li a span {padding:0.3em 0.75em 0.3em 0;background:no-repeat right top;display:block;color:#999999;}
#blue  .tabs li a span {background-image:url(../img/buttons/tab-right-blue.gif)}
#green .tabs li a span {background-image:url(../img/buttons/tab-right-dts.gif)}
.tabs li.currentsection {background-position:0 -150px;border-width:0;}
.tabs li.currentsection h2 {color:#000000;padding:0.3em 0.75em 0.4em 0;background:no-repeat 100% -150px;float:left;font-size:1em;margin:0;}
#blue  .tabs li.currentsection h2 {background-image:url(../img/buttons/tab-right-blue.gif)}
#green .tabs li.currentsection h2 {background-image:url(../img/buttons/tab-right-dts.gif)}
.tabs li a:hover {background-position:0 -150px;text-decoration:none;}
.tabs li a:hover span {background-position:100% -150px;color:#111;text-decoration:none;}
.tab-pane-hide {display:none;}
/* print and email tools */
#page-tools ul {list-style:none;padding:0;margin:0 0 1em 0;}
#page-tools li {display:inline;margin:0 1em 0 0;padding:0;}
#page-tools li img {margin:0 0.5em -0.2em 0;}
/* two columns */
/* #content .two-column {width:195px;margin:0;padding:0 5px;float:left;} */
#content .two-column {width:325px;padding:3px 0 0 0;float:left;clear:none;}




/* --------------------------------------------
  Shared purchase, price and buy styles
-------------------------------------------- */
/* set up price, purchase button and info button blocks */
#content .price-info a.info-btn {display:block;float:left;width:41px;height:18px;margin-left:2px;}
#content .purchase a.buy-btn {display:block;float:left;width:41px;height:18px;}
#content .purchase a.buy-access-btn {display:block;float:left;width:87px;height:18px;margin-left:2px;}
#content .purchase a.buy-ipo-btn {display:block;float:left;width:78px;height:18px;margin-left:2px;}
#content .purchase a.buy-ebook-btn {display:block;float:left;width:76px;height:18px;margin-left:2px;}
#content .purchase a.preorder-btn {display:block;float:left;width:70px;height:18px;}
/* #content .discount-price {display:block;clear:left;}*/
/* set up price, purchase button and info button blocks */
#blue  #content .price-info a.info-btn:link, #blue  #content .price-info a.info-btn:visited { background: url(../img/buttons/info-button-blue.gif) no-repeat top left; margin-bottom: 1px;}
#green #content .price-info a.info-btn:link, #green #content .price-info a.info-btn:visited { background: url(../img/buttons/info-button-dts.gif) no-repeat top left; margin-bottom: 1px;}
/* #blue  #content .purchase a.buy-btn:link, #blue  #content .purchase a.buy-btn:visited { background: no-repeat top left;} */
#blue  #content .purchase a.buy-btn:link, #blue  #content .purchase a.buy-btn:visited { background-image: url(../img/buttons/buy-button-blue.gif);}
#green #content .purchase a.buy-btn:link, #green #content .purchase a.buy-btn:visited { background-image: url(../img/buttons/buy-button-dts.gif);}
#blue  #content .purchase a.preorder-btn:link, #blue  #content .purchase a.preorder-btn:visited { background: url(../img/buttons/preorder-button-blue.gif) no-repeat top left;}
#green #content .purchase a.preorder-btn:link, #green #content .purchase a.preorder-btn:visited { background: url(../img/buttons/preorder-button-dts.gif) no-repeat top left;}
#blue  #content .purchase a.buy-access-btn:link, #blue  #content .purchase a.buy-access-btn:visited { background: url(../img/buttons/buy-access-button-blue.gif) no-repeat top left;}
#green #content .purchase a.buy-access-btn:link, #green #content .purchase a.buy-access-btn:visited { background: url(../img/buttons/buy-access-button-dts.gif) no-repeat top left;}
#blue  #content .purchase a.buy-ipo-btn:link, #blue  #content .purchase a.buy-ipo-btn:visited { background: url(../img/buttons/buy-ipo-button-blue.gif) no-repeat top left;}
#green #content .purchase a.buy-ipo-btn:link, #green #content .purchase a.buy-ipo-btn:visited { background: url(../img/buttons/buy-ipo-button-dts.gif) no-repeat top left;}
#blue  #content .purchase a.buy-ebook-btn:link, #blue  #content .purchase a.buy-ebook-btn:visited { background: url(../img/buttons/buy-ebook-button-blue.gif) no-repeat top left;}
#green #content .purchase a.buy-ebook-btn:link, #green #content .purchase a.buy-ebook-btn:visited { background: url(../img/buttons/buy-ebook-button-dts.gif) no-repeat top left;}
#content .price-info a.info-btn:hover, #content .purchase a.buy-btn:hover, #content .purchase a.buy-ipo-btn:hover, #content .purchase a.buy-ebook-btn:hover, #content .purchase a.buy-access-btn:hover, #content .purchase a.preorder-btn:hover { background-position: bottom left;}
.prices-block{clear:both;}
/* hide hyperlinks if css is on */
#content .price-info .info-btn span, #content .purchase .buy-btn span, #content .purchase .buy-ipo-btn span, #content .purchase .buy-ebook-btn span, #content .purchase .buy-access-btn span, #content .purchase .preorder-btn span { display: none; }
/* set up save-value common values, - positioning is reset later for the two product page types*/
#content .save-value {position:absolute;height:35px;width:45px;padding-top:7px;font-size:0.9em;text-align:center;background:#d80606;color:#fff;font-weight:bold;background:transparent url('../img/icons/save.png') no-repeat top left;line-height:1.2em;}
/* start rating */
.star-rating {padding:2px 3px 0 0;}



/* --------------------------------------------
  Index, Subject & Results pages only styles
-------------------------------------------- */
/* feature = subject, index & results */
#content #feature #top {width:100%;}    /* full width */
/*#content #feature #banner {width:100%;text-align:center;margin-bottom:51px;}*/
#content #feature #top #right {float:right;}
#padding {height:35px;}
#paddingresults {height:60px;}

/* Features pointer area */
#content #feature #top .item {float:left;display:inline;margin:5px 0 5px 0;width:140px;text-align:center;}
#content #feature #top .biblio h1 {clear:both;}
#content #feature #top .image {float:left;margin-left:26px;}
#content #feature #top .image img {width:75px;}
#content #feature #top .biblio .price-box {float:left;display:inline;text-align:center;margin-left:25px;margin-right:25px;width:90px;}
#content #feature #top .biblio .hellome {top:3px;left:15px;}
#content #feature #top .biblio .save-value {top:3px;right:15px;}
#content #feature #top .purchase a.buy-btn, #content #feature #top .purchase a.buy-access-btn, #content #feature #top .purchase a.preorder-btn  {margin-left:2px;}
#content #feature #top #features {padding-bottom:10px;}

#subject-intro {margin:5px;}
/* Removed 19/02/2014 - as now using full width banners #subject-banner-img {margin-left:5px;} */
#subject-banner-img {margin-bottom:5px;}

/* features are centralised. Easier to work with fixed width button, so use buy button for all buy instances as work around */ 
#content #feature #top .purchase a.buy-access-btn:link,#content #feature #top .purchase a.buy-access-btn:visited,#content #feature #top .purchase a.preorder-btn:link,#content #feature #top .purchase a.preorder-btn:visited { background: url(../img/buttons/yellow-buy-button.gif) no-repeat top left;width:41px;height:18px;}

/* features slider css */
#slider {width: 600px;margin: 0 auto;position: relative;clear:both;}
#slider h1 {margin-bottom:0;}
.scroll {/*  height: 220px;*/ overflow: auto; position: relative; /* fix for IE to respect overflow */}
#top .scrollContainer div.panel {padding: 0px;width: 150px;text-align: center;}
/*#middle .scrollContainer div.panel {padding: 0px;width: 100px;text-align: center;}*/
.scrollContainer div.panel p{margin-bottom: 0.7em;color: #af8787;}
.scrollContainer div.panel p a{color: white;text-transform:uppercase;font-size:9px;text-decoration:none;}
.scrollButtons {position: absolute;top: 55px;cursor: pointer;}
#top .scrollButtons {top: 75px;}
.scrollButtons.left {left: -30px;}
.scrollButtons.right {right: -30px;}

/* Homepage sub headers */
/* old -- h2.topbottom {border-top:1px solid #0C8FD0; border-bottom:1px solid #0C8FD0; clear:left; margin:10px 2px 2px 3px; padding:1px 0 0 0;} */
h2.topbottom {border-top:0px solid #0C8FD0; border-bottom:1px solid #0C8FD0; clear:left; margin:20px 2px 0px 3px; padding:10px 0 10px 0;color: #205f9f;font-weight: normal;font-size: 20px;}
h2.save40percent {background: url('http://www.pearsoned.co.uk/bookshop/assets/img/icons/BOM.jpg') no-repeat top right;}

/* Recommended titles pointer area */
/* Common settings */
/* REMOVED BECAUSE IT MESSED UP TABS WIDTH IN IE7 #content #feature #middle {float:left;}     full width */
#content #feature #middle .item {float:left;display:inline;margin:5px 0 5px 0;}
#content #feature #middle .large-feature{overflow: hidden;}
#content #feature #middle .large-feature .item {margin:0 3px;padding:5px 3px;border-bottom:1px dotted #ccc;}

/* #content #feature #middle .large-feature .item:hover{background-color:#f5f5f5; border-bottom:1px solid #ccc;} */

#content #feature #middle .large-feature .image {float:left;margin-right:8px;text-align:center;}
#content #feature #middle .large-feature .image img {width:75px;}
#content #feature #middle .large-feature .biblio {float:right;width:553px;position:relative;}
#content #feature #middle .large-feature .biblio h1 {margin-bottom:0;line-height:1.2em;}
#content #feature #middle .large-feature .biblio h2 {margin-bottom:0;}
#content #feature #middle .large-feature .biblio .price-box {float:right;display:inline;text-align:right;margin-left:4px;}
#content #feature #middle .large-feature .biblio .price-info .price {display:block;float:left;} /* price and % discount */
#content #feature #middle .large-feature .biblio .price {display:block;float:right;clear:both;padding-right:1px;} /* non % discount message */
#content #feature #middle .large-feature .biblio .discount {font-weight:bold;line-height:1.4em;}
#content #feature #middle .large-feature .biblio .price-info .purchase a.buy-btn, #content #feature #middle .normal-feature .biblio .price-info .purchase a.preorder-btn {margin-left:2px;}
#content #feature #middle .large-feature .desc {float:left;width:100%;margin:5px 0 5px 0;}
#content #feature #middle .large-feature .biblio .hellome {top:-3px;left:-66px;}
#content #feature #middle .large-feature .biblio .save-value {top:-3px;left:-48px;}
#content #feature #middle .large-feature .purchase {float:left;}

/* Medium (half width) feature */
#content #feature #middle .medium-feature .item {margin:0 3px;padding:5px 2px;border-bottom:1px dotted #ccc;}
#content #feature #middle .medium-feature .item:hover{background-color:#f5f5f5; border-bottom:1px solid #ccc;}

#content #feature #middle .medium-feature .image {float:left;margin-right:8px;text-align:center;position:relative;}
#content #feature #middle .medium-feature .biblio {float:left;width:225px;position:relative;}
#content #feature #middle .medium-feature .biblio h1 {margin-bottom:0;line-height:1.2em;}
#content #feature #middle .medium-feature .biblio h2 {margin-bottom:0;}
#content #feature #middle .medium-feature .biblio .hellome {top:-3px;left:-66px;}
#content #feature #middle .medium-feature .biblio .save-value {top:-3px;left:-48px;}
#content #feature #middle .medium-feature .biblio .price-info .purchase a.buy-btn, #content #feature #middle .medium-feature .biblio .price-info .purchase a.preorder-btn {margin-left:2px;}
#content #feature #middle .medium-feature .price-info a.info-btn {margin-left:0px;}


/* Small (1/3 width) feature */
#content #feature #middle .small-feature .item {margin:0;padding:5px 0;}
/* #content #feature #middle .small-feature .item:hover{background-color:#f5f5f5;} */

#content #feature #middle .small-feature .image {float:left;margin-right:8px;text-align:center;position:relative;}
#content #feature #middle .small-feature .biblio {float:left;width:105px;position:relative;}
#content #feature #middle .small-feature .biblio h1 {margin-bottom:0;line-height:1.2em;}
#content #feature #middle .small-feature .biblio h2 {margin-bottom:0;}
#content #feature #middle .small-feature .biblio .hellome {top:-3px;left:-66px;}
#content #feature #middle .small-feature .biblio .save-value {top:-3px;left:-48px;}
#content #feature #middle .small-feature .biblio .price-info .purchase a.buy-btn, #content #feature #middle .medium-feature .biblio .price-info .purchase a.preorder-btn {margin-left:2px;}

/* Homepage only 
#content #feature #homepage #middle .item {float:left;width:820px;display:inline;margin:5px 0 5px 0;}
#content #feature #homepage #middle .biblio {float:right;width:605px;position:relative;} */

/* Results page only */
#content #feature .results-pane {position:relative;float:left;width:100%;margin:15px 0;}    /* full width */
#content #feature .results-pane .results-more {position:absolute; top:0; right:0; text-align: right;}
#content #feature .results-pane #results-links {clear:both;margin-top:0.7em;padding:3px;border-top:1px dashed #CCC;border-bottom:1px dashed #CCC;text-align:center;}
#content #feature #results-reorder {text-align:center;}

/* Subject page only */
#content #feature #middle ul.feature-pointers {margin:0 0 10px 0;padding:0;list-style:none;}
#content #feature #middle ul.feature-pointers li{margin:0;padding:0;list-style:none;}
#content #feature #middle ul.feature-pointers li a, #content #feature ul.feature-pointers li a:visited{padding:0 0 0 25px;background:url('../img/icons/arrow_sml_dts.gif') no-repeat 0 -2px;font-size:1em;font-weight:bold}
#content #feature #middle ul.feature-pointers li a:hover{background-position:0 -133px;}

/* Subject and home page only */
.reference-left-pane {float:left;width:300px;}
.reference-right-pane {float:left;width:140px;}
.reference-featured-jacket {float:left;;width:132px;}
.reference-featured-jacket {text-align:center;}
.reference-featured-jacket .subheads {display:block;}
.reference-featured-jacket .img-shadow {margin-left:33px;}



/* --------------------------------------------
  Detail page only styles
-------------------------------------------- */
/* product = detail.asp */
#content #product .image {float:left;margin-right:8px;text-align:center;position:relative;}
#content #product .image .gbs {clear:both;position:relative;margin-top:5px;float:left;}
#content #product .biblio {float:left;width:520px;position:relative;}
#content #product .biblio h1 {margin-bottom:0;line-height:1.2em;}
#content #product .biblio h2 {margin-bottom:0;}
#content #product .desc-pane {float:left;width:100%;margin-top:10px;}    /* full width marketing text etc */
#content #product .desc-pane .tab-pane {float:left;width:100%;}    /* full width marketing text etc */
#content #product .desc-text {margin:0px;clear:both;}
#content #product .biblio .hellome {top:-3px;left:-66px;}
#content #product .biblio .save-value {top:-3px;left:-48px;}

.alt-version-table {width:400px;font-size:0.9em;float:left;background: #F0F0F0; border: 1px solid #0089B7;}
.alt-version-table.product-page {margin-top:10px;margin-left:3px;}
.alt-version-table.product-listing {margin-top:3px;margin-left:6px;}

.alt-version-sub-table {width:100%;}
#green .alt-version-table .box-top {padding: 1px 1px 0px 1px;}
#green .alt-version-table .box-btm {padding: 0px 1px 5px 1px;}
.alt_format {background:white;}

.alt-version-intro {padding:1px 0 1px 7px;}
.product-page .alt-version-header {background: #F9EEDB;}
.product-listing .alt-version-header {background: #F9EEDB;}
.alt-version-header td {font-weight:bold;}
.alt-version-col-format {padding-left:8px;padding-right:8px;}
.alt-version-col-rrp {padding-right:8px;width:70px;}
.alt-version-col-yourprice {padding-right:8px;width:70px;}
.alt-version-col-price {padding-right:8px;width:148px;}
.alt-version-col-other {width:4px;}
.alt-version-row-odd {background-color: #ffffff;}
.alt-version-row-odd:hover {background-color:#f0f0f0;}
.alt-version-row-even {background-color: #EDF3FC;}
.alt-version-row-even:hover {background-color:#e0e0e0;}

.alt-version-row-current td {font-weight:bold}



/* --------------------------------------------
  Search pages
-------------------------------------------- */
#content ul.search-subjects {padding:0;margin:0 0 0 8px;width:651px;float:left;list-style:none;}
#content ul.search-subjects li {width:217px;float:left;height:35px;}
#content ul.search-subjects label {font-weight:normal;font-size:0.95em;line-height:1.1em;}
/* #content ul.search-subjects label {width:120px;position:relative;margin-left:2px;float:left;left:19px;top:-21px;} */
#content ul.search-subjects label {width:190px;position:absolute;margin-left:2px;}



/* --------------------------------------------
  Author pages
-------------------------------------------- */
#content #author img {padding:0 7px 7px 0;}
#content #author h2 {font-weight:bold;margin-bottom:0;}
#content #author h3 {font-weight:bold;}



/* --------------------------------------------
  Article pages
-------------------------------------------- */
/* #content #article .banner {padding-bottom:7px;clear:both;}*/
.banner {width:100%;text-align:center;margin-bottom:10px;}


/* --------------------------------------------
  Basket pages
-------------------------------------------- */
/* #basket {position:relative;top:-5px;width:600px;} */
#basket {font-size:0.9em;}
#basket table, td, th {vertical-align:top;}
#basket .payment-methods {margin:0 auto;width:440px;text-align:center;}
#basket .payment-methods img {padding:0 2px;}


/* --------------------------------------------
  MyAccount pages
-------------------------------------------- */
#myaccount table {padding:1px;}

/* myaccount-button links */
#myaccount-buttons {position:relative;padding:0;margin:5px 0 10px 0;float:left;width:100%;line-height:1.5em;font-size:1em;}
#myaccount-buttons ul {padding:0;margin:0;}
#myaccount-buttons ul li {display:inline;}
#myaccount-buttons ul li a {padding:0.2em 1em;text-decoration:none;float:left;background: url(../img/bkg/nav-header-buttons-separator.gif) no-repeat left center;color:#ffffff;}
#myaccount-buttons ul li a.first {background-image:none;}
#blue  #myaccount-buttons {background-color: #006da4}
#green #myaccount-buttons {background-color: #3fa85f}
#blue  #myaccount-buttons ul li a:hover, #blue  #myaccount-buttons ul li a:focus {background-color:#0089b7;}
#green #myaccount-buttons ul li a:hover, #green #myaccount-buttons ul li a:focus {background-color:#7db658;}



.ecomm-heading {font-weight:normal;font-size:1.7em;line-height:1;margin-bottom:0.3em;color:#111;}
.ecomm-input {padding:2px;border:1px #999 solid;font-size:0.9em;margin:2px 2px 2px 0;}

#OrderListing .rowHeader, #ViewOrderPaymentDetails .rowHeader, #ViewOrderAddresses .rowHeader {font-weight:bold;}
#OrderListing {width:500px;}
#OrderListing .colOrderLink {width:20%;}
#OrderListing .colOrderDate {width:30%;}
#OrderListing .colOrderRef {width:20%;}
#OrderListing .colItems {width:10%;}
#OrderListing .colOrderValue {width:20%;}

#ChangeEmail .colLabel, #ChangePassword .colLabel {width:180px;}

#ViewOrderDetails td {padding:2px;}


/* --------------------------------------------
  Blanket / Popup div style
-------------------------------------------- */

#blanket {background-color:#111;opacity: 0.65;position:absolute;z-index:9001;top:0px;left:0px;width:100%;}
.popUpDiv {position:absolute;width:450px;height:auto;top:0px;z-index:9002;}
.popUpDiv .crnr {background-image:url(../img/bkg/grey-thick-corners-trans.gif); width:13px; height:13px;}
.popUpDiv .top {background:#fff;  border-top:3px solid #e3e3e3; height:9px; margin:0 13px;}
.popUpDiv .top .border-t {border-top:1px solid #e3e3e3;}
.popUpDiv .border-rl {background:#fff; border-left:4px solid #e3e3e3; border-right:4px solid #e3e3e3;padding: 0 10px}
.popUpDiv .bottom {background:#fff; border-bottom:3px solid #e3e3e3; clear:left; height:9px; margin:0 13px;}
.popUpDiv .bottom .border-b {border-bottom:1px solid #e3e3e3; height:8px;}
.popUpDiv .crnr {position:absolute; display:block; font-size:0;}
.popUpDiv .tl {top:0px; left:0px;}
.popUpDiv .tr {background-position:-13px 0; top:0px; right:0px;}
.popUpDiv .bl {background-position:0 -13px; left:0px; bottom:0px;}
.popUpDiv .br {background-position:-13px -13px; bottom:0px; right:0px;}





/* page-body box */
/*
body {background:#255AA6 url(../img/bkg/backgroundimage.jpg) repeat-x center top;}
#logo {position:relative;left:22px;top:48px;}
#container {width:770px;margin-bottom:0;}
#header {height:95px;background-image:none;}
#header-buttons {width:770px;margin-bottom:10px;background-image:none;}
#header-buttons ul li a.first {background-image:none;}
#page-body-tl, #page-body-tr, #page-body-bl, #page-body-br {float:left;height:4px;width:5px;background-image:url(../img/bkg/crnr.gif);}
#page-body-top, #page-body-bottom {float:left;background:#fff;width:760px;height:4px;}
#page-body-mid {background:#fff;clear:both;border-left:5px solid #fff;border-right:5px solid #fff;}
#page-body-tl {clear:left;}
#page-body-tr {background-position:-45px 0;top:0px; right:0px;}
#page-body-bl {background-position:0 -45px;bottom:0px;}
#page-body-br {background-position:-45px -45px;bottom:0px; right:0px;}
*/
/* page-body box FOR IE6 ONLY */
/*
#page-body-top, #page-body-bottom {width:760px;}
#page-body-mid {width:760px;}
*/



/*
START OF APRIMO STYLES
********************
#content H2.section-heading-Aprimoform .heading {
 PADDING-RIGHT: 0.8em; PADDING-LEFT: -20px; BACKGROUND: url(../img/bkg/large-rounded-border-1px-7BB2FF.gif) #e9f4f8 no-repeat right top; PADDING-BOTTOM: 0.25em; BORDER-LEFT: #afd9e5 1px solid; COLOR: #000; PADDING-TOP: 0.3em; BORDER-BOTTOM: #afd9e5 1px solid; WIDTH: 350px;Align-Left:-20px;
}
#content H2.section-heading-Aprimoform {
 CLEAR: both; FONT-WEIGHT: 700; FONT-SIZE: 1.1em; PADDING-BOTTOM: 2px; MARGIN: 10px 0px; BORDER-BOTTOM: #afd9e5 1px solid; POSITION: relative; WIDTH: 400px;PADDING-LEFT: -10px;
}
*/

#content #aprimo-form h2.section-heading {width:430px;}
#content #aprimo-form INPUT.AprimoTextBox {padding:2px;border:1px #999 solid;font-size:0.9em;}
#content #aprimo-form SELECT.AprimoSelectTextBox {padding:1px;border:1px #999 solid;font-size:0.9em;}

/*
END OF APRIMO STYLES
********************
*/




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  PEARSON STRAP
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* Top Strap */
#ng_topStrap
{color:#FFF; padding:0px 17px 0px 0px; height:44px; line-height:44px; background-color:#364395;}
#ng_topStrap #ng_pearsonLogo {float:left; background:url(../img/design/pearsonLogo.png) no-repeat 0px 0px; width:145px; height:44px; visibility:hidden;}
#ng_topStrap #ng_alwaysLearning {background:url(../img/design/learning.png) no-repeat 0px 0px; height:44px; float:right; width:140px; visibility:hidden;}
#ng_pearsonLogo span, #ng_alwaysLearning span {display:block;} 
#ng_us_fuschia #ng_topStrap {background-color:#9D1248;}
#ng_us_fuschia #ng_topStrap #ng_alwaysLearning, #ng_us_fuschia #ng_topStrap #ng_pearsonLogo {visibility:visible;}
#blue  #ng_topStrap {background-color:#364395;}
#blue  #ng_topStrap #ng_alwaysLearning, #blue  #ng_topStrap #ng_pearsonLogo {background-position:0px -44px;	background-color:#364395; visibility:visible;}
#green #ng_topStrap {background-color:#008B5D;}
#green #ng_topStrap #ng_alwaysLearning, #green #ng_topStrap #ng_pearsonLogo {background-position:0px -88px; background-color:#008B5D; visibility:visible;}
#ng_us_orange #ng_topStrap {background-color:#ED6B06;}
#ng_us_orange #ng_topStrap #ng_alwaysLearning, #ng_us_orange #ng_topStrap #ng_pearsonLogo {background-position:0px -132px; background-color:#ED6B06; visibility:visible;}
.ng_clearText {text-indent:-2000em; display:block;}

/* Main Navigation Controls */
ul.ng_BarNav {display:inline-block; padding:0px; margin:0px; list-style-type:none;float:left;height: 33px;}
.ng_BarNav li {float:left; padding:0px; margin:0px; list-style-type:none;}
.ng_BarNav li li {float:none;}
.ng_BarNav div ul {position:static;}

/* Main Nav */
#ng_subNav, #ng_mainNav {height:33px; background:url(../img/design/mainNavBG.png) #E7E7E7 repeat-x 0px 0px;}
/*#ng_mainNav {height:33px; background:#E7E7E7;}
#ng_subNav {height:33px; background:#f2f2f2;border-bottom: 1px solid #e4e4e4;}*/
#ng_footerNav {height:33px; margin-bottom:5px;}
#blue  #ng_footerNav {background-color:#364395;}
#green #ng_footerNav {background-color:#008b5d;}
#ng_subNav {padding-right:5px;}
#ng_mainNav {padding:0px 1px;}
#ng_subNav a {display:inline-block; padding:0px 11px;}
#ng_mainNav a {display:inline-block; padding:0px 13px;}
#ng_footerNav a {display:inline-block; padding:0px 18px; margin:0px 18px; color:#fff;}

#blue  #ng_mainNav a:hover, #blue  #ng_subNav a:hover {color:#006da4;}
#green #ng_mainNav a:hover, #green #ng_subNav a:hover {color:#3fa85d;}
#blue  #ng_navigation a:hover, #blue  #ng_footerLinks a:hover {color:#fff; background-color:#0080aa;}
#green #ng_navigation a:hover, #green #ng_footerLinks a:hover {color:#fff; background-color:#61ac5b;}
#ng_ShopLinks a {display:inline-block; padding:0px 8px;}
#ng_subNav *, #ng_mainNav *, #ng_subNav .ng_us_dropdown ul.ng_us_submenu a,  #ng_subNav .ng_us_dropdown div.ng_us_submenu a {color:#666;}
#ng_mainNav li, #ng_footerNav li {line-height:33px;}
.ng_mainLink {font-size:1.05em;}
#ng_mainNav #dept{color:#fff; background-color:#0080aa;}
#ng_footerLinks {font-size:1.05em;}
.ng_mainLink:hover {text-decoration:none;}
#ng_mainNav .ng_BarNav li li {padding:0px 11px; width:90%;}
.ng_advSearch { margin:8px 0 0 0; float:right;}

/* Second Nav Bar */
#ng_ChannelLinks li {font-size:1.10em; font-weight:bold; padding:0px 14px 0 4px; line-height:33px!important;}
#ng_ChannelLinks a:hover {text-decoration:none;}
#ng_ChannelLinks {float:left;}
#ng_ShopLinks li {font-size:0.9em; padding:0px; line-height:33px!important;}
#ng_ShopLinks a:hover {text-decoration:none;}
#ng_ShopLinks {float:right;}
#ng_Promos li {padding: 0px; line-height: 33px!important;}
#ng_Promos a {font-size: 1em; padding: 0px 15px;}
#ng_searchBar {width:338px; height:21px; float:right; margin-top:6px; margin-right:8px;}
#ng_searchBar {background:url(../img/design/searchBar.png) no-repeat 132px 0px;}
#ng_search_text {border:none; height:18px; width:175px; margin:1px 0px 0px 5px; font-size:.8em; line-height:18px; background:none; background:url(../img/bkg/filler-1px-trans.gif) no-repeat 0px 0px; color:#666; float:right;}
.ff35 #ng_search_text {padding-top: 3px;}
#ng_search_text.ng_us_default {color:#333;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  STYLES REUSED FROM AWS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/*------------------------------------------------------------
	epub-devices - used on article.asp?item=1929
-------------------------------------------------------------*/
.epub-devices li{
	margin:0 0 0.5em 0;
}

.epub-devices .button-simple{
	display:block;
	margin:0 auto 0.875em auto;
	font-weight:bold;
}

.epub-devices-framed{
	position:relative;
	padding:0.625em;
	border:0.9375em solid #e5e2d7;
	border:0.9375em solid rgba(167, 163, 151, 0.25);/*#e5e2d7;*/
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.epub-devices-framed:hover,
.epub-devices-framed:active,
.epub-devices-framed:focus{
	background-color:#fff;/*#e5e2d7*/
	border:0.9375em solid #a7a397;
	border:0.9375em solid rgba(167, 163, 151, 0.75);
}

.epub-devices-framed img{
	display:block;
}


/*------------------------------------------------------------
	epub-devices element.
-------------------------------------------------------------*/
.epub-devices-space{
	margin:1em 1em 1em 4.5em;width:600px;
}

.epub-devices-space .epub-devices{
	width:31%;
	max-width:13.5em;/*216px;*/
	margin-right:2.8em;
	float:left;
	
}

.epub-devices-space .epub-deviceslast-child{
	margin-right:0;
}

.epub-devices-space .epub-devices-framed{
	height:10.5em;/*277px;*/
}

.epub-devices-space .epub-devices-framed img{
	margin:0 auto 1.1875em auto;
}

.epub-devices{
	text-decoration:none;
	display:block;
	position:relative;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.epub-devices:hover{
	text-decoration:none;
}

a.epub-devices{
	cursor:pointer;
}


.epub-devices h3{
	font-size:0.825em;
	font-weight:bold;
	line-height:1.5;
	padding:0;
	margin:0 0 1em 0;
}

.epub-devices .bracket-callout{
	font-weight:normal;
	font-size:1.5em;
	line-height:1;
	text-align:center;
}

.epub-devices p{
	color:#444!important;/* override colors.css */
	font-size:68.75%;/* 11px */
	line-height:1.3;
	margin:0;
}


.epub-devices p + p{
	margin-top:1em;
}

.epub-devices .bracket-callout + p{
	line-height:1.6;
	margin-left:1em;
	margin-right:1em;
	padding:0 0 1em 0;
}

.epub-devices ul,
.epub-devices ol{
	font-size:68.75%;
}

/*------------------------------------
	Button styles (shared).
-------------------------------------*/
.button{
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
	color:#fff;
	padding:0.5em 0.5em;
	display:inline-block;
	-webkit-border-radius:0.1875em;/* 3px; */
	border-radius:0.1875em;/* 3px; */
	-webkit-box-shadow:0.0625em 0.0625em 0.75em 0.1875em rgba(0, 0, 0, .3);
	box-shadow:0.0625em 0.0625em 0.75em 0.1875em rgba(0, 0, 0, .3);
}

.button:hover,
.button:focus{
	cursor:pointer;
	text-decoration:none;
}

.button:active{
	-webkit-box-shadow:inset 0 0 1.25em 0 #333;
	-moz-box-shadow:inset 0 0 1.25em 0 #333;
	box-shadow:inset 0 0 1.25em 0 #333;
	outline:none;
}

/*	Simple buttons. No gradients, highlights or shadows. */
.button-simple,
.button-simple active{
	font-size:80%;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.button-blend{
	font-size:75%;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-shadow:none!important;
	color:#444!important;
	border:none!important;
	background:none!important;
	background-color:#e5e2d7!important;
}

.grey,
.grey:hover
{
	border:1px solid #ccc;
	background-color:#ccc;
	color:#575757;

}


/*	Self-clearing floats. */
.group:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*------------------------------------
	BLUE ("blue")
-------------------------------------*/
body#blue .button{
	background-color:#364395;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #0080aa), color-stop(30%, #006da4), color-stop(50%, #364395), color-stop(100%, #205f9f));
	background:-webkit-linear-gradient(top, #0080aa 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	background:-moz-linear-gradient(top, #0080aa 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	background:-ms-linear-gradient(top, #0080aa 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	background:-o-linear-gradient(top, #0080aa 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	background:linear-gradient(top, #0080aa 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	border:1px solid #006da4;
	color:#fff;
}
body#blue .button:hover,
body#blue .button:active,
body#blue .button:focus{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089b7), color-stop(30%, #006da4), color-stop(50%, #364395), color-stop(100%, #205f9f));
	background:-webkit-linear-gradient(top, #0089b7 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	background:-moz-linear-gradient(top, #0089b7 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	background:-ms-linear-gradient(top, #0089b7 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	background:-o-linear-gradient(top, #0089b7 0%, #006da4 30%, #364395 50%, #205f9f 100%);
  	background:linear-gradient(top, #0089b7 0%, #006da4 30%, #364395 50%, #205f9f 100%);
	color:#fff;
}
body#blue .button-simple,
body#blue .button-simple:hover,
body#blue .button-simple:active,
body#blue .button-simple:focus{
	background:none;
	background-color:#364395;
}

/*------------------------------------	
	GREEN ("green")
-------------------------------------*/
body#green button,
body#green input.button,
body#green .button,
body#green a.button:link,
body#green a.button:visited{
	background-color:#61ae5b;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #61ae5b), color-stop(30%, #3fa85d), color-stop(50%, #01774d), color-stop(100%, #00a15f));
	background:-webkit-linear-gradient(top, #61ae5b 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	background:-moz-linear-gradient(top, #61ae5b 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	background:-ms-linear-gradient(top, #61ae5b 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	background:-o-linear-gradient(top, #61ae5b 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	background:linear-gradient(top, #61ae5b 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	border:1px solid #3fa85d;
	color:#fff;
}
body#green .button:hover,
body#green .button:active,
body#green .button:focus{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #7db658), color-stop(30%, #3fa85d), color-stop(50%, #01774d), color-stop(100%, #00a15f));
	background:-webkit-linear-gradient(top, #7db658 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	background:-moz-linear-gradient(top, #7db658 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	background:-ms-linear-gradient(top, #7db658 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	background:-o-linear-gradient(top, #7db658 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
  	background:linear-gradient(top, #7db658 0%, #3fa85d 30%, #01774d 50%, #00a15f 100%);
	color:#fff;
}
body#green .button-simple,
body#green .button-simple:hover,
body#green .button-simple:active,
body#green .button-simple:focus{
	background:none;
	background-color:#3fa85d;
}





/* featured-title-carousel-standard */
/* shrink the standard large-feature to fit in the featured-title-carousel-standard */
#content #feature #middle .featured-title-carousel-standard .large-feature .biblio {width: 490px;}
#content #feature #middle .featured-title-carousel-standard .item {margin:0 3px;padding:20px 3px; border-bottom:0px solid #dce8f6; margin-bottom: 0px;} /* remove bottom margin */
#content #feature #middle .featured-title-carousel-standard .item:hover { border-bottom:0px solid #dce8f6; margin-bottom: 0px; background-color: transparent !important;} /* remove bottom margin */

/* featured-title-carousel-large */
.featured-title-carousel-large .jcarousel-skin-tango .jcarousel-prev-horizontal,
.featured-title-carousel-large .jcarousel-skin-tango .jcarousel-next-horizontal {top: 120px;}
.large-jacket-feature h2 {margin-bottom:0;}
.large-jacket-feature .image {float:left;}
.large-jacket-feature .biblio {float:right; width:428px; margin-left:5px; margin-top:5px;}
.large-jacket-feature h2.headline {color: #205f9f;font-weight: normal;font-size: 20px;margin-bottom:6px;}

/* Product: 3 Scroller */
#homepage-carosel {
	padding-top: 5px;
	border-bottom:1px solid #dce8f6;
	clear: both;
	height: 1%; overflow: hidden;
	margin-bottom: 10px;
}

.search_bar {
		width:380px;
		height:33px;
		float:right;
		position:relative;
		left:0px;
		margin-right:5px;
}

#nav-search-label {
	  color: #333333;
    display: block;
    font-family: "Myriad Pro";
    font-size: 14px;
    font-weight: bold;
    left: 140px;
    line-height: 12px;
    position: absolute;
    top: 16px;
}
#search-department {
    display: inline-block;
    height: 27px;
/*    left: 202px;*/
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 4px;
    width: 115px;
}
#search-department #search-department-current {
    color: #777777;
    display: inline-block;
    font-family: "arial","sans-serif";
    font-size: 11px;
    height: 27px;
    line-height: 27px;
    margin: 0 25px 0 6px;
    text-indent: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: visible;
}
#search-department.search-department-area .search-downarrow {
    display:inline-block;
    right: 10px;
    top: 12px;
	background:url("http://www.pearsoned.co.uk/bookshop/assets/img/bkg/search_select_down_arrow.png");
	height:5px;
	width:9px;
	position: absolute;
}
.search-department-area #search-dropdown {
    cursor: pointer;
    height: 29px;
    left: 0;
    opacity: 0;
    top: 0;
    visibility: visible;
    width: auto;
}
#search-dropdown {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    color: black;
    font-family: "arial","sans-serif";
    left: 5px;
    margin: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 3px;
    /* top: 0px; */
    visibility: visible;
    opacity: 0;
	filter: alpha(opacity=0);
    width: 170px;
}
.search-area {
    background:url("http://www.pearsoned.co.uk/bookshop/assets/img/bkg/search_bkg.png") no-repeat;
}

.search-textbox-outer {
    height: 30px;
/*    margin-left: 190px;*/
    margin-top: 5px;
    width: 353px;
}

#search-textbox {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #333;
    font-family: "arial","sans-serif";
    font-size: 11px;
    height: 17px;
    margin: 3px 119px 0;
    outline: medium none;
    padding: 0;
    width: 230px;
    padding-right: 1px;
}
.search-submit-outer {
    background-image: url("http://www.pearsoned.co.uk/bookshop/assets/img/bkg/search_button.png");
    height: 24px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 1px;
    position: absolute;
    right: 0px;
    top: 5px;
}

.search-submit-outer .search-submit {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    cursor: pointer;
    height: 26px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    width: 28px;
}







/* DON'T KNOW WHAT THESE ARE FOR???

.homepage-carosel2 {
	padding-bottom: 0px;
	padding-top: 0px;
border-bottom:1px solid #dce8f6;
clear: both;
height: 1%; overflow: hidden;
margin-bottom: 20px;
}


#blue #content .price-info a.info-btn:link, #blue #content .price-info a.info-btn:visited { 
margin-bottom: 1px;
}

.img-shadow {background:none;}

#favouritebooks-and-newsletters-container {
	clear: both;
	height: 1%; overflow: hidden;
	}

.item:hover { border-bottom:0px solid #dce8f6; margin-bottom: 0px; background-color: transparent !important;}

*/

/*#content #feature #middle .large-feature .item {margin:0 3px;padding:20px 3px; border-bottom:1px solid #dce8f6; margin-bottom: 20px;}*/