/* CSS Document */

/*-----------------------------------------------
'	Title: Print styles for Foyles Bookshop
'	Author: Ehaus Ltd (http://www.ehaus.co.uk/)
'	Copyright: Copyright © W&G Foyles, All rights reserved.
'	Date Created: May 2007
'
'	Updated: August 2007
'	Updated By: Joe

STYLES ORDER 

'	h tag styles
'	links
'	html styles

'	COMMON STYLES
'	layout
'	footer styles

'	SECTION STYLES
'	index page styles
'	browse section pages
'	results page styles
'	display page styles
'	top ten page
'	basket styles

------------------------------------------------*/

*	{
	margin: 0;
	padding: 0;
	}
body {
	padding:0; 
	margin:0 auto; 
	text-align: left; 
	background: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 1.4em;
	font-style: normal; 
	font-weight: normal; 
	font-size: 0.7em;
	color: #222;
	}
/* h tag styles */
h1 {
	display: none;
	}
h2, h3, h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
#content-area h2 {
	font-size: 160%;
	line-height: 160%;
	border: 1px solid #D7D7D9;
	border-width: 1px 0;
	color: #b30000;
	text-align: center;
	width: 100%;
	padding: 0.1em 0 0.15em 0;
	margin: 0 0 0.6em 0;
	}
#content-area h2 .sub-title {
	font-size: 80%;
	line-height: 140%;
	color: #333;
	}
h3 {
	font-size: 140%; 
	line-height: 140%;
	}
#content-area h3 {
	font-size: 140%; 
	line-height: 140%;
	border: 1px solid #D7D7D9;
	border-width: 1px 0;
	color: #b30000;
	width: 100%;
	padding: 0.1em 0 0.15em 0;
	margin: 0 0 0.6em 0;
	float: left;
	}
h4 {
	font-size: 120%;
	line-height; 120%;
	margin: 0 0 0.8em 0;
	}

/* links */
a:link, a:visited {
	color: #c30;
	text-decoration: none;
	}
a:hover, a:active, a:focus {
	text-decoration: underline;
	}
a.title:link, a.title:visited {
	font-size: 110%;
	font-weight: bold;
	color: #b30000;
	}
a.buy-sm, a.buy-sm:visited, a.more-sm, a.more-sm:visited, a.buy-vsm, a.buy-vsm:visited, a.more-vsm, a.more-vsm:visited {
	display: none;
	}

/* html styles */
p {
	margin: 0 0 1.4em 0;
	}
.hide, .accessibility, h1 span, .last-item {
	display:none;
	}
acronym, abbr { 
	border-bottom: 1px dotted;
	}
.clearfloat {
	clear: both; width: 100%; height: 0;
	}
	
/* COMMON STYLES */
/* layout */
#wrapper {
	margin: 10px;
	display: block;
	}
#header, #searchbar, #leftcol, #rightcol {
	display: none;
	}
#printlogo {
	width: 100%;
	background: #000;
	height: 70px;
	}
#printlogo img {
	width: 220px;
	height: 70px;
	margin: 0 auto;
	}
#main {
	float: left;
	width: 100%;
	display: block;
	}
#centcol-index, #orderarea {
	margin: 0 0 20px 0;
	}
#content-area {
	float: left;
	display: inline;
	width: 100%;
	}
#footer {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	width: 100%;
	clear: both;
	border-top: 8px solid #c30;
	padding: 12px 0;
	float: left;
	margin: 2em 0 2em 0;
	}
	
/* footer styles */
#footer ul {
	list-style: none;
	padding: 0 1%;
	}
#footer li {
	display: none;
	}
#footer li.copy {
	display: block;
	}	

/*index page styles */
#indexbanner {
	position: relative;
	width: 100%;
	height: 190px;
	margin: 0 0 20px 0;
	z-index: 10;
	text-align: center;
	}
#indexbanner a:hover {
	text-decoration: none;
	}
#indexbanner img {
	border: 0;
	height: 190px;
	width: 565px; 
	margin: 0 auto;
	}
#centcol-index dl {
	float: left;
	width: 48%;
	margin: 1em 0.9% 2em 0.9%;
	}
* html #centcol-index dl {
	float: left;
	width: 48%;
	margin: 1em 0.5%;
	}
#centcol-index dt img {	
	float: right;
	margin: 0 0 4px 4px;
	padding: 1px;
	border: 1px solid #aaa;
	}
#centcol-index dd.biblio {	
	margin: 0.8em 0 0;
	}
#centcol-index .our-price {
	font-weight: bold;
	color: #f00;
	}
.indexfull {
	clear: both; 
	float: left; 
	border-top: 8px solid #D7D7D9; 
	padding: 1em 1%; 
	margin: 1em 0; 
	width: 98%;
	}
.indexfull .col4-1, .indexfull .col3-1 {
	float: left; 
	width: 18.9%; 
	margin: 0 1% 0 0;
	}
.indexfull .col4-2, .indexfull .col4-3, .indexfull .col4-4 {
	float: left; 
	width: 25.5%; 
	margin: 0 1.5% 0 0;
	}
.indexfull .col4-4 {
	margin: 0;
	}
.indexfull .col3-2 {
	float: left; 
	width: 48.5%; 
	margin: 0 1.5% 0 0;
	}
.indexfull .col3-3 {
	float: left; 
	width: 30%; 
	margin: 0;
	}
.indexfull .col3-2 table {
	border: 1px solid #D7D7D9;
	border-width: 1px 0 0 1px;
	width: 90%; 
	margin: 0.8em 0 0 5%;
	}
.indexfull .col3-2 table tr th {
	padding: 3px 5px; 
	border: 1px solid #D7D7D9;
	background: #F7F7F7;
	font-family: "Trebuchet MS", Verdan, sans-serif;
	font-size: 125%;
	border-width: 0 1px 1px 0;
	}
.indexfull .col3-2 table tr td {
	padding: 3px 5px; 
	border: 1px solid #D7D7D9;
	border-width: 0 1px 1px 0;
	}
.indexfull .col3-2 table tr td.date {
	/*text-align: right;*/
	}
.indexfull img {
	border: 1px solid #D7D7D9; 
	padding: 1px; 
	float: right; 
	margin: 4px 0 3px 6px;
	}
.indexfull h2 {
	font-size: 350%; 
	line-height: 90%; 
	color: #b30000; 
	margin: 0 0 0.4em 0;
	}
.indexfull h2 span {
	font-size: 60%;
	}
.indexfull h3 {
	text-transform: uppercase; 
	color: #b30000; 
	padding-bottom: 0.1em;
	margin: 0.2em 0 0.4em; 
	border-bottom: 1px solid #D7D7D9;
	}
.indexfull ul {
	list-style: none; 
	float: left;
	}
.indexfull li {
	list-style: none;
	}
ul.recommended {
	list-style: none; 
	width: 100%; 
	float: left; 
	margin-bottom: 2em;
	}
ul.recommended li {
	list-style: none; 
	display: inline; 
	width: 23%; 
	margin: 0 0.9% 0 0.9%; 
	float: left; 
	text-align: center;
	}
ul.recommended li img {
	padding: 1px; 
	border: 1px solid #aaa; 
	margin-bottom: 6px;
	}
ul.recommended li a.title {
	font-size: 110%;
	font-weight: bold;
	color: #b30000;
	}
ul.recommended4 {
	list-style: none; 
	width: 100%; 
	float: left; 
	margin-bottom: 2em;
	}
ul.recommended4 li {
	list-style: none; 
	display: inline; 
	width: 23%; 
	margin: 0 0.9% 0 0.9%; 
	float: left; 
	text-align: center;
	}
ul.recommended4 li img {
	padding: 1px; 
	border: 1px solid #aaa; 
	margin-bottom: 6px;
	}
ul.recommended4 li a.title {
	font-size: 110%;
	font-weight: bold;
	color: #b30000;
	}
ul.recommended3 {
	list-style: none; 
	width: 100%; 
	float: left; 
	margin-bottom: 2em;
	}
ul.recommended3 li {
	list-style: none; 
	display: inline; 
	width: 31%; 
	margin: 0 0.9% 0 0.9%; 
	float: left; 
	text-align: center;
	}
ul.recommended3 li img {
	padding: 1px; 
	border: 1px solid #aaa; 
	margin-bottom: 6px;
	}
ul.recommended3 li a.title {
	font-size: 110%;
	font-weight: bold;
	color: #b30000;
	}

	
/* browse section pages */
.browse-intro {
	width: 100%;
	float: left;
	margin: 0 0 1.2em 0;	
	}
.browse-highlight {
	width: 100%;
	margin: 0 0 1.2em 0;
	float: left;
	}
.highlight-jacket {
	border: 1px solid #aaa;
	padding: 2px 2px 3px;
	margin: 0 0 4px 4px;
	float: right;
	}
.recommend-left {
	width: 49%; margin: 1em 1.9% 1em 0; padding: 0; float: left;
	}
.recommend-right {
	width: 49%; margin: 1em 0 1em 0; padding: 0; float: left;
	}
.recommend-left .jacket {
	border: 1px solid #aaa;
	margin: 0 4px 4px 0;
	padding: 1px;
	}
.recommend-right .jacket {
	border: 1px solid #aaa;
	margin: 0 0 4px 4px;
	padding: 1px;
	}
.recommend-right .title, .recommend-left .title {
	font-weight: bold;
	color: #b30000;
	}
.recommend-clearer {
	clear: left; width: 100%; 
	height: 1px; /*border-top: 1px solid #D7D7D9*/;
	}
.dis-price {
	color: #f00; 
	font-weight:bold;
	margin-left: 8px;
	}
.column-50-l {
	float: left;
	width: 49%;
	margin: 0 1.9% 1em 0;
	}
.column-50-r {
	float: left;
	width: 49%;
	margin: 0 0 1em 0;
	}
ol.best-list {
	list-style: none;
	margin-top: 1em;
	}
ol.best-list li {
	float: left;
	width: 100%;
	margin: 0 0 1.4em 0;
	}
ol.best-list .title {
	font-weight: bold;
	color: #b30000;
	}
ol.best-list .jacket-border {
	float: left;
	margin: 0 6px 6px 0;
	}
ol.best-list .jacket-border img {
	border: 1px solid #aaa;
	padding: 1px;
	}
ol.best-list .biblio {
	margin-left: 75px;
	}

/* results page styles */
div.pagenav-results {
	display: none;
	}
ul#results {
	list-style: none; 
	width: 100%;
	margin: 0 0 20px 0;
	}
ul#results li {
	list-style: none; 
	clear: both; 
	width: 100%; 
	border-bottom: 1px solid #D7D7D9; 
	padding: 10px 0; 
	position: relative;
	}	
ul#results li .image {
	float: left; 
	display: inline; 
	text-align: center; 
	position: relative; 
	width: 110px;
	}
ul#results li .image img {
	border: 1px solid #aaa; 
	padding: 1px; 
	margin: 0 5px 5px 0;
	}
ul#results li .description {
	margin: 0 160px 0 125px;
	}
*html ul#results li .description {
	margin: 0 170px 0 0;
	width: 280px;
	float: left;
	}
ul#results li .description h3 {
	font-size: 140%; 
	line-height: 140%; 
	border: 0; 
	padding: 0; 
	margin: 0; 
	float: none;
	}	
ul#results li .price {
	position: absolute;
	top: 10px; 
	right: 0; 
	width: 160px;
	}
ul#results li .li-clear {
	width: 100%; 
	float: left; 
	height: 1px; 
	clear: left;
	}
.on-price, .you-save { 
	color: #f00; 
	font-weight: bold;
	}
.on-price {
	font-size: 110%;
	}
	
/* display page styles */
.display-jacket	{
	border: 1px solid #aaa;
	padding: 3px 3px 4px;
	margin: 0 10px 10px 0;
	}
table th {
	font-weight: bold;
	}
#display-biblio {
	position: relative; 
	width: 100%;
	}
.jacket-col {
	float: left; 
	margin: 0 10px 10px 10px; 
	text-align: center;
	}
.jacket-col img	{
	border: 1px solid #aaa; 
	padding: 3px 3px 4px;
	margin: 0 0 10px 0;
	}
.jacket-col p a	{
	display: none;
	}
.definition-col {
	margin: 0 190px 0 0; 
	overflow: hidden;
	}
#display-biblio dl {
	padding: 0;
	margin: 0;
	width: auto;
	list-style: none;
	}
#display-biblio dl dt {
	font-weight: bold;
	}
#display-biblio dl dd {
	margin: 0 0 1em 0;
	}
.price-col {
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 180px; 
	text-align: center;
	}
.price-col .prices {
	background: url("../images/bg_price_col.png") 0 0 no-repeat; 
	padding-bottom: 6px;
	}
.price-col .prices p {
	padding: 5px 8px; 
	margin: 0;
	}
.buy-lrg, .pagenav-display, #scMatches p {
	display: none;
	}
#scAddCode {
	margin-top: 10px;
	}
.comparisontablecell {
	border-bottom: 1px solid #d7d7d9;
	padding: 1px 0;
	}
	
/* top tens */
li.coldescrip {
	list-style: none; 
	display: block; 
	float: left;  
	padding: 12px 0 4px; 
	border-bottom: 1px solid #D7D7D9;
	width:100%;
	}
li.coldescrip .img-col {
	float: left; 
	width: 210px; 
	text-align: center;
	}
li.coldescrip .img-col img {
	padding: 2px; 
	border: 1px solid #D7D7D9;
	}
li.coldescrip .biblo-col {
	margin: 0 0 0 210px;
	}

/* jazz/music form */
#jazz-form {
	display: none;
	}
	
/* basket styles */
#orderarea .btnsubmit {
	display: none;
	}
.basketimagecell {
	width: 110px;
	text-align: center;
	}
.basketimage {
	border: 1px solid #aaa;
	padding: 3px 3px 4px;
	margin: 0 10px 10px 0;
	}
.basketinfocell {
	vertical-align: top;
	}