@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
'	Company:ehaus ltd (http://www.ehaus.co.uk/)
'	Copyright © 2009, All rights reserved.
'	Date Created: April 2010
'	Last Modified Date: 23 Aug 2010
'	Last Modified By: Joe
------------------------------------------------*/

/*----------- reset, styles to reset browser defaults -----------*/
/*----------- DON NOT EDIT  -----------*/
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
address,
blockquote,
th,
td {
	margin: 0; 
	padding: 0;
	font-size: 100%;
	}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var	{
	font-style:normal;
	font-weight:normal;
	}
li {
	list-style:none;
	}
caption,
th {
	text-align:left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	}
abbr,
acronym {
	border:0;
	font-variant:normal;
	cursor: help;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}
a {
	outline: none;
	}
/*----------- DON NOT EDIT ABOVE -----------*/
/*----------- end reset, styles to reset browser defaults -----------*/


/*----------- defaults, portable common styles -----------*/
body {
	background-color: #fff;
	padding: 0; 
	margin: 8px; 
	font: 11pt/16pt "Lucida Grande", "Lucida Sans Unicode", Calibri, Verdana, Arial, sans-serif; 
	font-variant: normal;
	color: #24272D;
	}
h1,
h2,
h3 {
	font-family: Frutiger, "Frutiger Linotype", Univers, "Myriad Pro", Myriad, Calibri, Arial, sans-serif;
	font-weight: bold;
	}	
h1 {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 18px;
	}
h2 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 8px;
	}
h3 {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 6px;
	}
fieldset,
img {
	border: none;
	outline: none;
	}
a {
	outline: 0;
	}
p,
address {
	margin: 0 0 22px 0;
	}
code {
	color: #990099;
	}
pre {
	margin: 0;
	padding: 0;
	width: 480px;
	text-indent: 0;
	}
pre code {
	background: #F8F2DE;
	border: 1px solid #F1EAD1;
	color: #000;
	font-family: "Courier New", Courier, mono;
	display: block;
	line-height: 140%;
	overflow: auto;
	padding: 10px;
	white-space: pre;
	width: 578px;
	text-align: left;
	}
pre.html {
	margin: 0 0 22px;
	}
code .tag,
code.tag {
	color: #0033FF;
	}
code .tagimg,
code.tagimg {
	color: #990099;
	}
.al {
	text-align: left;
	}
.ac {
	text-align: center;
	}
.ar {
	text-align: right;
	}
.fl {
	float: left;
	}
.fr {
	float: right;
	}
.cl {
	clear: left;
	}
.cr {
	clear: right;
	}
.cb {
	clear: both;
	}
.cn {
	clear: none;
	}
.imgr {
	float: right;
	margin: 7px 0 20px 20px;
	}
.imgc {
	margin: 0 auto 22px;
	}
.imgl {
	float: left;
	margin: 7px 20px 20px 0;
	}
.assistive-link {
	display: none;
	}
.content-pane {
	border-top: 3px solid #ebebeb;
	margin-top: 15px;
	padding: 15px 0;
	}
.highlight {
	background-color: #FFFF99;
	padding: 0 2px;
	}
ol {
	list-style-position: inside;
	}
ol li {
	margin: 0 0 10px 22px;
	list-style: decimal;
	}
ol li ul {
	margin: 0;
	}
ol li ul li {
	margin: 0 0 0 22px;
	list-style: lower-roman;
	}
.drop-shadow {
	-moz-box-shadow: 2px 3px 6px #aaa;
	-webkit-box-shadow: 2px 3px 6px #aaa;
	box-shadow: 2px 3px 6px #aaa;
	}
	
/*----------- links -----------*/	
a:link, 
a:visited, 
a:active {
	color: #2279FB; 
	text-decoration: none;
	}					 			 
a:hover,
a:focus	{
	text-decoration: underline;
	}
	
/*----------- forms -----------*/

/* Common forms used in main content areas */ 
.common-form {
	padding: 20px 50px;
	margin: 0 0 20px;
	}
.common-form fieldset {
	margin-bottom: 10px;
	}
.common-form legend {
	color: #222;
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 8px;
	font-weight: bold;
	}
.common-form li {
	float: left;
	clear: left;
	margin: 0 0 10px;
	}
.common-form p {
	margin: 0 0 10px;
	}
.common-form label,
.common-form input[type=text] {
	float: left;
	}
.common-form input[type=text] {
	background: #fff;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 2px 3px 2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	height: 16px;
	padding: 4px 5px;
	width: 350px;
	}
.common-form select {
	background: #fff;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 2px 3px 2px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 5px;
	}
.common-form a.button {
	display: none;
	}
	
/* search page specific */
.form-search {
	width: 360px;
	}
.form-search label {
	margin: 0 0 0 6px;
	}
.form-search ul li label {
	width: 355px;
	}
.form-search input[type=text] {
	width: 350px;
	}
.form-search select {
	min-width: 250px;
	}
.form-search .row {
	margin: 0 0 10px;
	}
.form-search .row label {
	width: 70px;
	margin: 4px 5px 0 0;
	}
.form-search .buttons {
	margin: 0 0 0 75px;
	}

/* simple search page specific */
.form-simple {
	width: 560px;
	}
.form-simple input,
.form-simple select {
	margin-right: 6px;
	}
.form-simple input[type=text] {
	float: none;
	width: 250px;
	}
.form-simple label {
	float: none;
	}
.form-simple .filters {
	border-top: 2px solid #D4D4D4;
	padding-top: 10px;
	margin-top: 20px;
	}
.form-simple .filters legend {
	font-size: 13px;
	line-height: 13px;
	margin: 0 0 4px;
	}
	
/* search revise page specific */
.form-revise {
	margin: 10px 0 20px;
	/*border-top: 3px solid #EBEBEB;
	border-bottom: 3px solid #EBEBEB;*/
	}
.form-revise legend {
	font-weight: bold;
	padding: 0 0 5px;
	color: #222;
	}
.form-revise p {
	margin-bottom: 12px;
	}	
.form-revise label {
	float: none;
	}
.form-revise input[type=text] {
	float: none;
	width: 350px;
	margin-right: 6px;
	}
.form-revise a.reset {
	display: block;
	margin: 4px 0 10px 9px;
	}
.form-revise ul {
	margin: 0 0 10px 9px;
	}
.form-revise ul li {
	float: left;
	clear: none;
	margin: 0 20px 0 0;
	}
.form-revise ul li.stemming {
	padding-left: 20px;
	border-left: 1px solid #ccc;
	}
	
/*----------- layout -----------*/
html > body .centre {
	margin:0 auto;
	text-align:left;
	width: 100%;
	}
html > body .main {
	clear: both;
	padding-top: 20px;
	overflow: hidden;
	}
.sidecol {
	display: none;
	}
.maincol {
	margin: 0;
	position: relative;
	overflow: hidden;
	}
	
/* header */
.header {
	margin: 1em 0;
	}
.header .centre a.logo {
	position: absolute;
	top: 12px;
	margin: 0;
	display: block;
	}
.header .nav,
.header .account,
.qsearch {
	display: none;
	}

	
/* footer */
.footer {
	clear: both;
	}
.footer .centre {
	border-top: 4px solid #ebebeb;
	margin-top: 20px;
	padding: 20px 0;
	}

/*---------- styles for tpl files ----------*/
div ul.pr-table {
	padding: 0 5px 50px 5px;
	margin: 0;
	float: left;
	}
div ul.pr-table li {
	border-bottom: 1px solid #e8e8e8;
	float: left;
	margin:0 15px 20px 0;
	padding: 10px 5px;
	position: relative;
	text-align: center;
	width: 190px;
	height: 550px;
	list-style: none;
	}
div ul.pr-table li h2 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0;
	height: 36px;
	overflow: hidden;
	}
div ul.pr-table .pr-main {
	left: 0;
	top: 0;
	width: 180px;
	padding: 10px;
	position: absolute;
	}
div ul.pr-table .pr-main .pr-img {
	height: 105px;
	}
div ul.pr-table .pr-main img {
	-moz-box-shadow: 0px 2px 4px #222;
	-webkit-box-shadow: 0px 2px 4px #222;
	box-shadow: 0px 2px 4px #222;
	}
div ul.pr-table .pr-prices {
	left: 0;
	top: 150px;
	padding: 10px 0;
	width: 100%;
	position: absolute;
	z-index: 9999;
	}
div ul.pr-table .pr-prices .ddp {					
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	}
div ul.pr-table .pr-prices .rrp {
	}
div ul.pr-table .pr-prices .ys {
	color: #CC0000;
	font-weight: bold;
	font-size: 11px;
	}
div ul.pr-table li .pr-extra {
	position: absolute;
	top:0;
	}
div ul.pr-table li .pr-extra ul {
	padding-bottom: 10px;
	float: left;
	margin: 270px 0 0;
	width: 100%;
	}
div ul.pr-table li .pr-extra ul li {
	border: 0;
	z-index: 999;
	height:auto;
	clear:left;
	display:block;
	float:left;
	margin: 0;
	padding: 0 0 2px;
	}	
	
	
/* common elements */
.main h1 span {
	font-weight: normal;
	}

	
/* authors page */
.author-alphabet {
	font-size: 20px;
	text-align: center;
	}
#authorlist {
	padding-top: 20px;
	}	
#authorlist ul {
	list-style: circle;
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:0 1px 2px #AAAAAA;
	background:none repeat scroll 0 0 #EBEBEB;
	margin: 0 auto 20px;
	padding:20px 50px;
	width: 300px;
	min-height: 200px;
	}
#authorlist ul li {
	list-style: circle;
	}
#author-display .lrg-image {
	float: right; 
	border: 1px solid #EBEBEB; 
	background: #f8f8f8; 
	padding: 10px; 
	margin: 0 0 10px 10px;
	}

/* results and display page */
.pr-price {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	}
.pr-save {
	color: #CC0000;
	font-weight: bold;
	font-size: 11px;
	}
.pr-add {
	margin-top: 10px;
	}
.pr-add a {
	display: none;
	}
.pr-add a span {
	background: url("../images/btn_add_med.png") 100% 50% no-repeat;
	padding: 0 20px 0 0;
	}
.pr-add a:hover,
.pr-add a:focus {
	background-color: #A13C35;
	text-decoration: none;
	}
.tabs {
	width: 660px;
	clear: left;
	float: left;
	margin: 2em 0;
	}


	
/* display */
#display .img-col {
	float:left;
	margin:0 13px 10px 0;
	text-align:center;
	width:132px;
	}
#display .img-col img {
	border: 1px solid #aaa;
	-moz-box-shadow: 2px 3px 6px #aaa;
	-webkit-box-shadow: 2px 3px 6px #aaa;
	box-shadow: 2px 3px 6px #aaa;
	}
#display .img-col p {
	margin: 10px 0 0;
	}
#display .biblio-col {
	overflow:hidden;
	float: left;
	width: 340px;
	}
#display .biblio-col h1 {
	line-height: 28px;
	}
#display .biblio-col h1 span {
	display: block;
	font-weight: normal;
	font-size: 18px;
	}
#display .biblio-col h1 span.aub {
	font-size: 15px;
	}
#display .biblio-col dl {
	float:left;
	margin: 0 0 5px;
	width: 340px;
	}
#display .biblio-col dt {
	clear:left;
	margin-right:5px;
	width: 100px;
	font-weight: bold;
	}
#display .biblio-col dt, 
#display .biblio-col dd {
	float:left;
	} 
#display .biblio-col dd {
	width: 235px;
	}
#display .biblio-col .pr-prices {
	position: absolute;
	top: 0;
	right: 0;
	background: #EBEBEB;
	border:1px solid #b6b6b6;
	padding: 10px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	}
#display .biblio-content {
	clear: left;
	float: left;
	width: 100%;
	border-top: 2px solid #EBEBEB;
	padding: 20px 0;
	margin: 10px 0;
	}
#display .cat-trail {
	border-top: 2px solid #EBEBEB;
	margin-top: 10px;
	padding: 10px 0 0;
	clear: both;
	float: left;
	width: 100%;
	}
#display .cat-trail h3,
#display .cat-trail li,
#display .cat-trail ul {
	float: left;
	margin: 0 5px 0 0;
	font-size: 13px;
	line-height: 18px
	}
#display .cat-trail ul {
	width: 570px;
	}
ul.tab-navigation {
	height: 2em;
	line-height: 2em;
	width: 660px;
	overflow: hidden;
	}
ul.tab-navigation li {
	}
ul.tab-navigation li a {
	font-weight: bold;
	float: left;
	height: 2em;
	line-height: 2em;
	margin: 0 1px 0 0;
	padding: 0 20px;
	background-color: #D4D4D4;
	color: #555;
	text-decoration: none;
	-moz-border-radius:4px 4px 0 0;
	}
ul.tab-navigation li a.selected {
	background: #D4D4D4;
	background: -moz-linear-gradient(top, #D4D4D4, #C1C1C1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#D4D4D4), to(#C1C1C1));
	color: #222;
	}
ul.tab-navigation li a:hover,
ul.tab-navigation li a:focus {
	background: #C1C1C1;
	color: #222;
	}
div.tabs > div {
	padding: 20px 0;
	border-bottom: 2px solid #ebebeb;
	border-top: 2px solid #C1C1C1;
	}
div.tabs > div h2 {
	}
.recent-view {
	clear: left; 
	float: left; 
	width: 100%; 
	overflow: hidden; 
	margin-top: 40px;
	}
.recent-view .recent-pane {
	float: left; 
	margin: 15px 0 0; 
	border: 1px solid #ccc; 
	padding: 10px; 
	width: 638px;
	}
/* results page */
.results-filters {
	margin: 0 0 10px;
	}
.results-filters .sort-form {
	display: none;
	}
.results-filters h3{
	float: left;
	margin: 0 5px 0 0;
	line-height: 20px;
	}
.results-filters ul,
.results-filters li,
.display-pagenav ul,
.display-pagenav li {
	display: none;
	}
.results-filters .browse-trail ul {
	max-width: 410px;
	}
.results-trail {
	padding: 10px 0;
	}
.search-trail li {
	margin-right: 12px;
	}
.search-trail li a {
	background: #CC0000;
	border: 1px solid #990000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 0 5px;
	text-transform: uppercase;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	}
.search-trail li a:hover,
.search-trail li a:focus {
	text-decoration: none;
	background: #990000;
	}
.pagenav, 
.results-pagenav {
	display: none;
	}	
.pr {
	position: relative;
	clear: left;
	overflow: hidden;
	}
.display-pagenav {
	margin: 0 0 10px 2px;
	padding-top: 0;
	}
.display-pagenav a {
	background: #EBEBEB;
	}
.display-pagenav a:hover,
.display-pagenav a:focus {
	background: #f3f3f3;
	text-decoration: none;
	color: #000;
	}
.inactive a,
.inactive a:hover,
.inactive a:focus,
.inactive a:active {
	background: #F3F3F3;
	color: #bbb;
	}
.maincol ul.results {
	margin-bottom: 20px;
	}
.maincol ul.results li {
	border-bottom: 1px solid #EBEBEB;
	padding: 15px 0;
	position: relative;
	list-style: none;
	}
.maincol ul.results li dl .pr-img {
	float: left;
	width: 110px;
	}
.maincol ul.results li dl .pr-img img {
	border: 1px solid #aaa;
	-moz-box-shadow: 2px 3px 6px #aaa;
	-webkit-box-shadow: 2px 3px 6px #aaa;
	box-shadow: 2px 3px 6px #aaa;
	}
.maincol ul.results li dl dt {
	font-size: 15px;
	line-height: 20px;
	}
.maincol ul.results li dl dt.pr-title,
.maincol ul.results li dl dd {
	margin: 0 150px 0 110px;
	}
.maincol ul.results li dl dt.pr-author {
	font-size: 14px;
	line-height: 20px;
	margin: 0 150px 0 110px;
	}
.maincol ul.results li dl dt span {
	display: block;
	font-size: 14px;
	font-style: italic;
	}
.maincol ul.results li dl dt em {
	font-weight: bold;
	}
.maincol ul.results li dl dd {
	margin-top: 12px;
	}
.maincol ul.results li dl dd ul li {
	border: none;
	padding: 0;
	}
.maincol ul.results li dl dd ul.pr-prices {
	position: absolute;
	top:15px;
	right: 0;
	width: auto;
	max-width: 150px;
	}

/* styles for main content which is editable by clients */
.client-edit ul,
.client-edit ol {
	margin: 0 0 22px;
	}
.client-edit ul li,
.client-edit ol li {
	list-style: inside;
	margin: 0 0 5px 0;
	}
.client-edit ul li {
	list-style-type: disc;
	}
.client-edit ol li {
	list-style-type: decimal;
	}

.client-edit .divider {
	clear: left;
	float: left;
	width: 100%;
	border-top: 2px solid #EBEBEB;
	padding: 10px 0;
	margin: 10px 0;
	}

	
@media screen and (max-device-width: 480px) {
	.sidecol {
		} 
	.maincol {
		}
	}