/* CSS Document */

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

Generic Layout styling for all BDS sites 
Created August 2008

DO NOT EDIT
Only edit this file if you intend to make changes
accross ALL BDS sites.

To make style changes to specific sites edit the
screen_sitename.css file.

Updated
090109 by JP

------------------------- */
* {
	margin: 0;
	padding: 0;
	}
body {
	padding: 0; 
	margin: 0; 
	text-align: left; 
	background: #E4E8E9; 
	font-style: normal; 
	font-weight: normal; 
	}

/* header tags */
h1, 
h2, 
h3, 
h4 {
	font-weight: bold;
	}
h1 {
	font-size: 170%; 
	line-height: 170%;
	}
h2 {
	font-size: 150%; 
	line-height: 150%;
	}
h3 {
	font-size: 120%; 
	line-height: 120%;
	}
h4 {
	font-size: 110%; 
	line-height: 110%;
	}
	
/* common and repeated tags */	
p {
	margin: 0 0 1em;
	}
.accessibility,
.hide, 
h1 span, 
.last-item {
	display: none;
	}
acronym, 
abbr {
	cursor: help; 
	border-bottom: 1px dotted #ddd;
	}
.clearfix {
	clear: both;
	line-height: 0;
	height: 0;
	}
.img-right {
	float: right;
	margin: 0 0 15px 15px;
	}
.img-left {
	float: left;
	margin: 0 15px 15px 0;
	}
input,
select {
	font-size: 10px;
	}
ul.indented-list {
	margin-left: 10px;
	list-style: inside;
	}	
	
/* links */
a {
	outline: none;
	}
input.btn,
a.btn,
.pagenav a:link, 
.pagenav a:visited, 
.pagenav a:active,
.pagenav-bot a:link, 
.pagenav-bot a:visited, 
.pagenav-bot a:active,
.formbutton a:link, 
.formbutton a:visited, 
.formbutton a:active {
	text-decoration: none; 
	padding: 1px 4px 2px 4px; 
	border-width: 1px; 
	border-style: solid;
	margin: 12px 0 0 0;
	font-weight: bold;
	}
   
.input {
	height:18px;
	}

/* layout */
#marginleft {
	margin: 0 5px 0 5px;
	padding: 0 0 0 35px;
	background-repeat: repeat-y;
	background-position: 0 0; 
	}
#marginright {
	padding: 0 35px 0 0;
	background-repeat: repeat-y;
	background-position: 100% 0; 
	margin: 0;
	}
#wrapper {
	position: relative;
	width: 100%;
	border: 0;
	min-width: 965px;
	max-width: 1400px;
	}
#header { 
	width: 100%; 
	position: relative; 
	float: left;
	}
#header h1 {
	position: absolute;
	}

/* navigation */
#nav {
	clear: both;
	width: 100%;
	overflow: hidden;
	}
#nav ul {
	float:left;
	list-style: none;
	display: inline;
	}
#nav li {
	float: left;
	}
#nav a {
	float: left;
	text-decoration: none;
	}
#nav .main-site-link {
	float: right; 
	}

/* main content area layout */
#editable, 
#content {
	clear: both;
	display: block;
	margin: 15px;
	overflow: visible;
	position: relative;
	min-height: 300px;
	}
#col-1 {
	width: 17%;
	float: left;
	margin-top: -15px;
	margin-bottom: 15px;
	}
#col-1 .heading {
	display: block;
	margin-top: 15px;
	position: relative;
	}
/* homepage login */
#col-1 .box-signin {
	display: block;
	padding: 10px 6px;
	}
#col-1 .box-signin a {
	font-weight: bold;
	}
#col-1 .box-signin form.exijs {
	width: 100%;
	}
#col-1 .box-signin input, 
#col-1 .box-signin select {
	font-size: 11px; 
	padding: 2px 0; 
	margin: 2px 0 5px; 
	width: 95%;
	}
#col-1 .box-signin input.sgfmsubmit {
	display: block;
	height: 2.4em; 
	line-height: 2em;
	vertical-align: middle; 
	text-align:center; 
	margin: 3px auto 0.5em; 
	width: 7em;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
	}	
#col-1 .box-signin .sgjsnote {
	color: #c00;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	display: block; 
	margin-bottom: 0.5em;
	}
#col-1 .box-qs {
	display: block; 
	font-size: 92%; 
	line-height: 150%;
	padding: 10px 6px 14px;
	}
#col-1 .box-news a {
	font-weight: bold; 
	text-decoration: none; 
	font-size: 110%; 
	padding-bottom: 0.3em;
	}
#col-1 .box-news a:hover,
#col-1 .box-news a:focus {
	text-decoration: underline;
	}
#col-1 .box-help {
	display: block; 
	padding: 10px 6px 14px;
	}
#col-1 .box-help img {
	border: 1px solid #fff;
	margin-bottom: 8px;
	}
#col-1 .box-help p.tandc {
	font-style: italic;
	font-size: 92%;
	margin-top: 1em;
	}
#qsearch input, 
#qsearch select {
	border: none;
	width: 80%;
	}
#qsearch select {
	line-height:120%;
	padding: 2px 2px 2px 1px;
	}
#qsearch input {
	margin: 10px 5px 0 0;
	padding: 2px 0 2px 1px;
	}
/* genereal lcol list syling */
#col-1 ul {
	display: block;
	list-style: none;
	}
#col-1 ul li {
	display: block;
	line-height:120%;
	padding: 6px 5px 5px 6px
	}

/* list for live alive pages */
#col-1 ul.settings li {
	padding: 0;
	clear: both;
	overflow: hidden;
	white-space: no-wrap;
	width: auto;
	}
#col-1 .settings a:link, 
#col-1 .settings a:visited {
	text-decoration: none;
	display:block;
	padding: 5px 1px 5px 20px;
	}
#col-1 .settings a:hover {
	text-decoration: underline;
	}	
	
#col-full {
	float: right;
	width: 100%;
	display: block;
	}
#col-main {
	float: right;
	width: 81%;
	display: block;
	}
	
.box-border {
	border-width: 1px;
	border-style: solid;
	display: block;
	margin-bottom: 15px;
	width: auto;
	background: #fff;
	position: relative;
	padding: 15px;
	}
.box-border h2, 
.items {
	width: 44%;
	}
.box-border h2 {
	padding-right: 0;
	}
.box-border h3 {
	margin: 0 0 0.8em;
	}
.pagenav {
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
	margin: 15px 2% 15px 0;
	padding: 0;
	line-height: 210%;
	}
.pagenav a {
	margin-left: 10px;
	}
.pagenav-bot {
	text-align: right;
	}
.pagenav span,
.pagenav-bot span {
	font-weight: bold; 
	padding: 1px 4px 2px 4px; 
	border: 1px solid #FFF;
	}	
	
.col-2 {
	width: 76%;
	overflow: visible;
	float: left;
	}
.col-2 .img-right {
	float: right;
	margin: 15px;
	}
.col-2 .img-left {
	float: left;
	margin: 15px;
	}
.col-3 {
	width: 21.5%;
	overflow: visible;
	float: right;
	}

/* results page code */
#results, 
#holder {
	float: left; 
	width: 100%; 
	position: relative;
	}
.sortbar {
	display: block;
	margin: 15px -15px 0; 
	border-style: solid;
	border-width: 1px 0 0;
	padding: 10px 0; 
	font-weight: bold; 
	line-height: 100%;
	}
.sort {
	margin:0 0 0 70px; 
	}
.sort span {margin-left:15px;}

.resultsbox {
	display: block;
	margin: 0 -15px -15px;
	}
.resultsbox ol {
	display: block; 
	background: #fff; 
	border-width: 0 0 1px;
	border-style: solid; 
	list-style: none; 
	float: left;
	width: 100%;	
	}
.resultsbox ol li {
	list-style:none; 
	border-width: 1px 0 0;
	border-style: solid; 
	float: left; 
	width: 100%;
	}
.resultsbox ol ul {
	margin: 0 0 0 70px; 
	padding: 5px; 
	border: 0; 
	line-height: 180%;
	}
.resultsbox ol ul li {
	float:none; 
	list-style:none; 
	display: inline; 
	border:0;
	}
.resultsbox .label {
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 88%;
	}
.resultsbox .pad {
	margin-right:5px;
	}
#results .pagenav-bot {
	padding-top: 15px;
	clear: left;
	}

.tickbox {
	float: left; 
	width: 25px;
	}
.tickbox img {
	margin: 5px 0 0 5px;
	}
.sortbar .tickbox img {
	margin-top: 0;
	}
.format {
	float: left; 
	width: 45px;  
	text-align: center;
	margin-top: 5px;
	}
.format .icon {
	width: 32px; 
	height: 28px; 
	border: 0;
	}

.sortbar .format {
	margin-top: 0;
	}
.slbox {
	display: block;  
	border-style: solid; 
	border-width: 0 1px 0 1px;  
	font-size: 92%; 
	height: 150px;
	overflow: auto;
	}
.slbox ul {
	list-style:none;
	}
.slbox li { 
	border-style: solid;
	border-width: 0 0 1px !important;
	float: left; 
	width: 750px;
	}
.slbox .pad {
	display:block; 
	padding: 5px 1px 5px 0px; 
	border:0; 
	text-decoration:none; 
	border-width: 1px;
	border-style: solid;
	}
.slbox a:link, 
.slbox a:visited {
	padding-left: 1px;
	}
.slbox a:hover,
.slbox a:active {
 	text-decoration: none; 
	}
.heading-display-opt .options { 
	position: absolute;
	top: 4px;
	right: 5px;
	}
	
/* search page */

.frm-search { 
	background: #fff; 
	width: 530px; 
	margin: 0 auto;
	}
	.frm-search ul {
		list-style: none; 
		float: left;
		display: block;
		}
	.frm-search li {
		padding-bottom: 0.5em;
		float: left;
		clear: left;
		width: 100%;
		}
	.frm-search input {
		border: 1px solid #7F9DB9;
		padding: 3px;
		font-size: 11px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		}
	.frm-search select {
		border: 1px solid #7F9DB9;
		padding: 2px;
		font-size: 11px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		}
	.frm-search fieldset {
		border: 1px solid #CEDADE; 
		background: #EAEBF2; 
		padding: 15px; 
		position: relative;
		}
	.frm-search legend {
		display: none;
		}
	.frm-search h3 {
		border-bottom: 1px solid #CEDADE;
		background: #fff;
		margin: -15px -15px 15px;
		}
		.frm-search h3 span {
			margin: 0 15px;
			line-height: 2.4em;
			height: 2.4em;
			}
		.frm-search input.tick {
			border: none; 
			margin-right: 3px;
			}

.s-row {
	margin: 0 0 1em; 
	width: 530px; 
	float: left; 
	clear: left; 
	display: block;
	}	
.s-buttons {
	margin-bottom: 2em;
	}
.s-buttons fieldset {
	background: none; 
	text-align: right; 
	border: none; 
	width: 514px; 
	margin: 0 16px 0 0; 
	padding: 0;
	}
.s-buttons fieldset input {
	margin: 0;
	cursor: pointer;
	}

fieldset.s-terms select, 
fieldset.s-terms input {
	float: left;
	}
fieldset.s-terms ul {
	width: 375px;
	}
fieldset.s-terms select { margin-right: 10px; width: 150px;}
fieldset.s-terms .enter {width: 190px;}
fieldset.s-terms .format-filter {
	float: left; 
	width: 118px;
	}
fieldset.s-terms .format-filter ul {
	width: 118px;
	}

fieldset.s-video {
	float: left; 
	width: 298px; 
	height: 13em;
	margin-right: 15px; 
	}
	fieldset.s-video select {
		width: 130px; 
		margin-bottom: 1em;
		}
		fieldset.s-video select img {float: left;}
		fieldset.s-video label, 
		fieldset.s-video input {
			float: left;
			}
fieldset.s-sort  {
	height: 13em;
	float: left;
	width: 153px;
	}
fieldset.s-sort select {
	width: 150px;
	}

fieldset.s-date {
	width: 240px; 
	padding: 15px 0 15px 15px; 
	height: 6em;
	float: left;
	margin-right: 15px;
	}
fieldset.s-date h3 {
	width: 255px;
	}
#datebox1,
#datebox2 {
	width: 92px;
	}
#datebox1 + img,
#datebox2 + img {
	position: relative; 
	left: -20px; 
	top: 3px;
	}
fieldset.s-price { 
	width: 226px; 
	height: 6em;
	float: left;
	}
fieldset.s-price select {
	width: 100px;
	}
	
fieldset.s-filters {
	padding-right: 0; 
	display: block;
	}
fieldset.s-filters .filter-wrapper {
	float: left; 
	clear: none; 
	width: 160px; 
	margin-right: 10px
	}
fieldset.s-filters input, 
fieldset.s-filters label {
	float: left;
	}
fieldset.s-filters h3 {
	margin-right:0;
	}
.to-arrow {
	display: inline;
	vertical-align: middle;
	}

/*#searchbox {border-width: 1px; padding: 10px 10px 20px 10px;}
#searchbox .width500 {margin:0; padding:0;}
.searchBoxBg {border:2px solid #6e728d; background: url("../images/bds/qsearchBg.png") bottom left repeat-x #eaebf2;}*/
.box1 {width: 498px; text-align:left; padding:4px 0 12px 0;}
.box2, .box3 {text-align:left; padding:4px 0 8px 20px; float: left; line-height: 180%; min-height:94px;}
* html .box2, *html .box3 {height:94px;}
.box4, .box5 {text-align:left; padding:4px 0 8px 20px; float: left; min-height:84px;}
.box2, .box4 {width: 134px;}
.box3, .box5 {width: 310px; margin-left:10px;}
* html .box4, *html .box5 {height:84px;}
#searchFrm {text-align: left;}
#searchFrm input, #searchFrm select, #searchFrm textarea {border: 1px solid #7F9DB9; font-size:11px; color:#333;}
#searchFrm .tick {margin-right:2px; height:1.6em; vertical-align: middle; border:0;} 
.searchH3 {margin:4px 0 6px 10px;}
.sTerms {width:200px; margin:5px 0 0 0;  height:1.6em;}
.sDrop {width:200px; margin:5px 16px 0 38px; height:1.6em;}
.sFilt {margin-top: 6px; width: 115px;  height: 18px;}
.sFiltDrop1 {margin-top:6px; width:58px; height: 18px;}
.sFiltDrop2 {margin-top:6px; width:66px; height: 18px;}
.sFiltDrop3 {margin: 6px 0 0 0; width:128px; height: 18px;} 
.searchISBN textarea {
	border: 1px solid #ccc;
	height: 300px;
	margin-bottom: 1em;
	width: 300px;
	}
.searchISBN .column {
	width: 320px;
	float: left;
	}
#advsearch table {
	margin: 1em 0;
	}
#advsearch textarea {
	background: #E8EDEE; 
	width: 420px; 
	height: 250px; 
	margin: 0 10px; 
	border: 1px solid #ccc;
	}
#advsearch textarea:focus {
	background: #fff;
	}
#advsearch table .select-list {
	width:120px;
	border: 1px solid #ccc;
	}
#advsearch table input {
	width: 60px;
	margin: 2px 0;
	cursor: pointer;
	}
#advsearch table input.insert {
	width: 120px;
	margin-top: 5px;
	}
#advsearch table input.submit {
	border-width: 3px;
	border-style: double;
	}
#advsearch table input.tick {
	width: 2em; 
	margin: 1px 0; 
	border: 0; 
	background: none;
	}

/*display page */
#display product-details {
}
#display .product-intro {
	margin: 0 0 2em 0;
}
#display .product-images {
	border-width: 1px;
	border-style: solid;
	float: right;
	width: 170px;
	text-align: center;
	margin-bottom: 1em;
	padding: 15px;
	}
#display .product-images .jacket {
	border-width: 1px;
	border-style: solid;
	}
#display .product-format {
	margin: 1em 0 0;
	}
#display .product-format a img {
	border: 0;
	}
#display .prices-row {
	float: left;
	display: block; 
	margin: 1em 0;
	margin-left: 1em;
	}
#display .price {
	border-width: 1px;
	border-style: solid;
	width: 90px; 
	height: 10em; 
	float: left;  
	margin: 0 5px 5px 0;
	}
#display .price p {
	padding: 5px;
	margin:0;
	}
#display .price h3 {
	font-size: 110%;
	padding: 5px;
	margin:0;
	}
#display .pr-bert {
	color: #009900;
	}
#display .pr-bert h3 {
	background: #C8EBC2;
	color: #009900;
	}
#display .pr-gard {
	color: #1563B5;
	}
#display .pr-gard h3 {
	background: #D8E6F5;
	color: #1563B5;
	}
#display .pr-foyl {
	color: #333;
	}
#display .pr-foyl h3 {
	background: #ccc;
	color: #333;
	}
#display .pr-holt {
	color: #900;
	}
#display .pr-holt h3 {
	background: #EBCCCC;
	color: #900;
	}
#display .pr-pub {
	color: #FF6600;
	}
#display .pr-pub h3 {
	background: #F7E1D7;
	color: #FF6600;
	}
#display .pr-amazon {
	color: #000;
	}
#display .pr-amazon h3 {
	background: #BFE0F4;
	color: #000;
	}
#display .pr-amazon a {
	color: #000;
	text-decoration: underline;
	}
#display .pr-gc {
	color: #ff9933;
	}
#display .pr-gc h3 {
	background: #FFE0C1;
	color: #AE5700;
	}
#display .pr-gc a {
	color: #AE5700;
	text-decoration: underline;
	}
	
		
dl.biblio {/* used on the display and slideshow pages */
	line-height: 140%;
	float: left;
	width: 485px;
	margin: 0 0px 2em 0; /* 275 right??? */
	}
dl.biblio dt {
	/*display: inline;*/
	float: left;
	width: 100px;
	padding: 0 10px 1em 0;
	font-weight: bold;
	}
dl.biblio dd {
	/*display: inline;*/
	float: left;
	width: 330px;
	padding: 0 0 1em;
	}
dl.biblio dt+dd {
	display: block;
	}
dl.biblio dd.desc {
	clear: left;
	}
dl.biblio dd a:hover {
	text-decoration: underline;
	}
#display #container-1 {
	clear: left;
	display: block;
	}
#display .ptop {
	margin:0 0 0.8em 0; 
	}
#display .topborder {
	border-width: 1px 0 0;
	border-style: solid; 
	margin: 0; 
	padding: 5px 0;
	}
#display .bottomborder {
	border-width: 0 0 1px;
	border-style: solid; 
	margin: 5px 0; 
	padding: 5px 0;
	}
#display .info {
	line-height: 180%;
	}
#display h2 {
	width: 98%;
	font-size:160%; 
	line-height:140%; 
	padding-bottom: 0;
	}
#display .dSubTitle {
	text-decoration:none; 
	font-size:80%; 
	line-height:80%; 
	margin-top:0;
	}
.highlight {
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 92%; 
	color: #5d5d5d; 
	font-style:italic;
	}
/* account */
table.tbl-account {
	margin: 1em 0;
	width: 100%;
	border-collapse: collapse;
	}
table.tbl-account th {
	width: 70%;
	}
table.tbl-account th,
table.tbl-account td {
	padding: 4px;
	border-bottom: 1px dashed #ccc;
	}
/* form inputs */
.formbutton {
	margin: 0; 
	padding: 2px;
	}
.formbutton span {
	font-weight: bold; 
	padding: 1px 4px 2px 4px; 
	}
.formbutton a:link, 
.formbutton a:visited, 
.formbutton a:active {
	text-decoration: none; 
	padding: 1px 4px 2px 4px;  
	margin:12px 0 0;
	}
.formbutton a:hover {
	background: #F2F1F2; 
	color: #002762; 
	border-color: #395386;
	}

/* to handle login /admin input boxes without coloured bg*/
div.login-box {
	min-height: 250px;
	}
* html div.login-box {
	height: 250px;
	}
div.login-box form {
	margin: 2em 0;
	width: 410px;
	float: left;
	}
div.login-box ul {
	list-style: none;
	}
div.login-box li {
	width: 100%;
	margin: 0 0 1em;
	float: left;
	}
div.login-box label {
	width: 140px;
	mardin: 0 0 1em;
	float: left;
	}
div.login-box input, 
div.login-box select {
	border: 1px solid #395386;
	background: #F2F1F2; 
	color:#002762; 
	padding: 2px;
	width: 150px;
	float: left;
	}
div.login-box textarea {
	border: 1px solid #395386;
	background: #F2F1F2; 
	color: #002762;
	padding: 2px;
	width: 200px;
	height: 60px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	}
div.login-box .error {
	font-weight: bold;
	color: #f00;
	}
div.login-box .btn,
div .btn-save {
	font-weight: bold;
	margin: 10px 0 0 140px;
	padding: 1px 0;
	width: 6em;
	text-align: center;
	}
#searchFrm div .btn {	
	margin: 1em 0;
	padding: 2px 1em;
	}
div .btn-save:hover {
	color: #805655;
	border-color: #B47978 #B47978 #805655 #805655;
	}
div.login-box p.privacy {
	clear: left;
	}
	
/* showcase pages */
.showcase ul {
	list-style: none; 
	margin: 1em 0; 
	}
.showcase li {
	clear: left; 
	padding-top: 1em;
	line-height: 120%;
	}
.showcase li .borderno {
	border:none;
	}
.showcase li p {
	margin: 0; 
	padding: 0;
	}
.showcase img {
	margin: 0 15px 15px 0; 
	float: left; 
	border-width: 1px;
	border-style: solid;
	}
.tablabel {
	font-weight: bold; 
	text-decoration: none; 
	font-size: 90%; 
	padding-bottom: 0.3em;
	text-transform:uppercase;
	letter-spacing: 0.2px; 
	}
	
/* slideshow */
#slideshow h2 {
	display: none;
	}
ul.controlled-interval {
	list-style: none;
	margin-left: -8px;
	font-weight: bold;
	font-size: 120%;
	}
ul.controlled-interval li {
	display: inline;
	padding: 0 8px;
	}
ul.controlled-interval li.Sreset {
	border: none;
	}
#frmTimer {
	font-size: 90%;
	}
#frmTimer select {
	width: 100px;
	margin: 0 0.5em 0 0;
	}
.cText {
	padding-bottom: 1em;
	margin-bottom: 1em;
	min-height: 300px;
	}
.cText .image-col {
	float: right;
	width: 260px;
	}
.cText a img {
	float: right;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	margin: 0 0 10px 10px;
	width: 250px;
}
.clear-r {
	clear: right;
}

/* footer */
#footer {
	clear: both; 
	position: relative; 
	bottom: 0; 
	width:100%; 
	text-align: center; 
	padding: 2em 0;
}
#footer p {
	margin: 0; 
	padding: 0;
}
#footer ul {
	list-style: none;
}

#lsprint { /* list print table */
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	margin-top: 1em;
}

#lsprint .lstitle {
	width: 12em;
}

#lsprint th {
	padding-left: 0.5em;
}

#lsprint td {
	border: 1px solid #999;
	border-bottom: 1px solid #000;
	padding: 0.5em;
	vertical-align: top;
}

#lsprint tr {
	border-bottom: 1px solid #000;
}

#rhwidget {
	display: block;
	float: right;
}

.stockdata {
	width: 100%;
	border-collapse: collapse;
	
}

.stockdata thead tr th, .stockdata tbody tr td {
	padding: 0.4em;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid #999;
	/* border-collapse: collapse;*/
}

.stockdata th {
	font-weight: bold;
}