/* colours
 yellow     #ffe401
 
 */

/* Lee's changes */
.book {
    float:left; 
    text-align: center; 
    font-family: "Trebuchet MS";
    font-size:  11px;
    line-height: 130%;
    width: 180px;
    height:  200px;
    overflow: hidden;
    padding: 5px;
    margin: 0;
    margin: 7px 0 0 7px; /* IE is exagerating the 7px margin into one 14px margin for the first book. */
    display: inline;     /* This is "The IE Doubled Float-Margin Bug"                                 */
                         /* see  http://www.positioniseverything.net/explorer/doubled-margin.html     */
    background: #fff;
    border: solid 1px #ccc;
    border-width: 0 1px 1px 0;
}
.book img {
    float:  left;
    width: 80px;
    padding-right: 7px;
}
.book h4 { /* book title */
    display: none;
}
/* replacement for #description */
.book p {
    text-align: left;
    padding: 0;
}
html #bookcon {
    border: none;
    padding: 0 0 5px 0;
    margin: 0;
    width: 600px;
    background: #eee;
}
#bookcon.fullwidth {
    width: 820px;
    padding-left: 20px;
}
/* replaces #price (other rules will need to be updated too)*/
.price {
    text-align: left;
    margin-top: 0.5em;
}
.price strike {
    color: #999;
}
.book p a:hover {
    text-decoration: none;
}

/* Pagination */
div.pager {
    width: 840px;
    font-size: 150%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pager span, .pager a {
    padding: 0.25em;
}

.pager a:hover {
    color: #fff;
    background: #000;
}

.pager span {
    color: #000;
    background: #ffe401;
}


div#subcontent {
    /*display:  none;*/
    padding: 0 35px 0 0;
    float:right;
    width:225px;
    font-size:0.9em;
    line-height:1.5em;
}

div#subcontent ul{
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    background: #FEF9E3;
    border: none;
}
div#content {
  float:left;
  width:550px;
  padding-top: 20px;
  padding-left: 50px;
}

div.catalogue#content {
    padding-top: 0;
    padding-left: 30px;
}
.boxed{
}


/* reset

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

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,li,ul {margin:0;padding:0;}

.low {display:none;}





/* body

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

body {
  margin:0;
  padding:15px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  line-height:1.6em;
  text-align:center;
}


body#commentspopup {padding:0;}





/* headings

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

h1 {font-size:30px;}



#content h2 {
  margin:0 0 18px 0;
  font-family:Trebuchet MS, Georgia, serif;
  font-size: 200%;
  font-weight: bold;
  color: #000;
}

#content h3 {
  margin:0 0 12px 0;
  font-size:1.1em;
}

#content h4 {
  margin:0;
  font-size:1em;
}

#content.archive h2 {margin:0 0 26px 0;}

#content.archive h3 {
  margin:0 0 10px 0;
  font-family:Georgia, serif;
  font-size:1.3em;
  font-weight:normal;
}

#content.archive h4 {
  margin:0 0 18px 0;
  font-size:1em;
}

#content.archive h5 {
  margin:0;
  font-size:1em;
}


/* links
--------------------------------------------------*/
a {
	text-decoration:none;
	font-weight: normal;
}

a img {
	/* padding: 4px; */
	padding: 0;
	/* border: 1px solid #DCDDDE; */
	border: 0;
	background-color: #FFFFFF;
}

a img.no {

	border: 0px none;



}

/* paragraphs, lists, etc

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

p {

  margin:0;

  padding:0 0 18px 0;

}



ul {

  margin:0 0 0 1.4em;

  padding:0 0 12px 0;

}



ul ul {padding:0;}



blockquote{

	background: #EEE url(../images/blockquo.png) no-repeat bottom left;

	/*border: 1px solid #E0E0E0;*/

	padding: 10px;

	padding-bottom: 40px;

	margin: 1em;

}

blockquote.mine{

	background: #fdf3ff url(../images/blockquo.png) no-repeat bottom left;

	/*border: 1px solid #E0E0E0;*/

	padding: 10px;

	padding-bottom: 40px;

	margin: 1em;

}



pre {

  overflow:auto;

  margin:0 0 18px 0;

  padding:4px;

}



pre, code, kbr {font-family:Courier, Monaco, monospace;}



code, kbr {padding:0 2px;}



abbr, acronym {

  font-size:0.9em;

  letter-spacing:1px;



}





/* images

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

img.left {

  float:left;

  margin:0 12px 0 0;

}

img.right {

  float:right;

  margin:0 0 0 12px;

}



img.center {

  display: block;

  margin:0 auto;

}
/*
img {

	padding: 4px;

	border: 1px solid #DCDDDE;

	background-color: #FFFFFF;



}

*/


/* container2

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

#container2 {

  width:901px;

  margin:0 auto;

/*  padding:30px 0px 0px 0px;*/

  text-align:left;

  background: url("../images/content_.jpg") repeat-y;

}



#commentspopup #container2 {

  width:455px;

  padding:0 15px;

}



/* container

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

#container {

  width:901px;

  margin:0 auto;

  padding:0px;

  text-align:left;

}



#commentspopup #container {

  width:455px;

  padding:0 15px;

}





/* header

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

#header {

  height:140px;

  padding:0;

}



#header h1 {

  display:none; /*This will hide the text in your header*/

  padding-top:50px;

}





/* header2

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

#header2 {

  padding:0;

  padding-bottom: 5px;

  text-align:center;

}



#header2 h3 {
/*  display:none; This will hide the text in your header*/
	color:#FFF;
	padding: 10px;
	font-style:italic;
	font-size:13px;
	font-weight: normal;
    letter-spacing: 1px;
	font-family:"Trebuchet MS";

}





/* navigation
--------------------------------------------------*/
#navigation {
    margin-left: 29px;
    margin-right: 29px;
    padding: 0;
}

div.breaker {
    clear: both;
}

#navigation ul {
    margin: 0;
    padding: 0;
}

#navigation ul#mainnav  {
    float:left;
}

#navigation li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

#navigation li a {
    display: block;
    padding: 5px 12px;
    letter-spacing: 1px;
    font-size: 1.4em;
    font-family: "Trebuchet MS";
    font-style: normal;
    text-transform: uppercase;
    font-weight: 300;
}

#navigation ul .rght_li a {
    display: block;
    text-transform: none;
    font-size: 1em;
    letter-spacing: 0px;
    padding: 0 8px;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation ul.rght {
    float:right;
/*    height:100%;*/
    width:225px;
    color:#fff;
    text-align:left;
    padding-top: 8px;
}

* .boxed h5, .boxed h5 a {
    font-family:"Trebuchet MS";
    font-weight:bold;
    line-height:1em;
}

* .boxed li b{
    font-size:13px;
    font-family:"Trebuchet MS";
    font-weight:bolder;
}

* .boxed li p{
    font-size:13px;
    font-family:"Trebuchet MS";
    font-weight:300;
}

* .boxpcom{
    font-size: 114%;
    line-height: 1.4em;
    font-family:"Trebuchet MS";
    text-align:center;
    font-style: italic;
    font-weight: light;
    color: #666; 
}

* .author{
    font-size:15px;
    font-family:"Trebuchet MS";
    font-weight:600;
    text-align:center;
}

* .boxed li{
    font-size:13px;
    font-family:"Trebuchet MS";
    font-weight: 300;
}

#navigation ul.rght  li{
  padding-right: 0px;
  line-height:2.7em;
  font-weight:normal;
  letter-spacing:0px;
/*  border-left:1px solid;*/
}

#navigation form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:7px;
  border:0 solid; /* Opera */
}

* html #navigation form fieldset {margin-top:7px;}

#navigation #s {
  height:1.5em;
  width:140px;
  margin:0 5px 0 0;
  padding:0;
  border:1px solid;
  font-size:0.8em;
  vertical-align:middle;
}

#navigation #searchbutton {
  height:2em;
  width:auto;
  padding:0 1px;
  border:1px solid;
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
}


/* content
--------------------------------------------------*/
#content {
  float:left;
  width:550px;
  padding-top:32px;
  padding-left:45px;
}

.singlecol #content {
  float:none;
  width:550px;
  margin:0 70px;
}

#commentspopup #content {
  float:none;
  padding-top:0;
}

#content li {
	padding: 0px;
	margin: 0px;
}

/* Great Deals
--------------------------------------------------*/
#greatdeals, #linkscon {
position:relative;
margin-left:320px;
width:240px;
padding-top: 15px;
}

#adverts {
position:absolute;
left:-315px;
width:240px;
background-color: #FEF9E3;
border:1px solid #ffff00;
padding: 15px 0 0 15px;
}

#news {
background-color: #FEF9E3;
border:1px solid #ffff00;
padding: 15px 0 0 15px;
}

/* Store Locations

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

#map {
border: solid 1px #666;
}

#locationcontent {
position:relative;
margin-left:275px;
width:505px;
}

#locationcontent .sideimage {
position:absolute;
left:-245px;
width:200px;
border: solid 1px #999;
padding: 5px;
padding-bottom: 0px;
}

#locationcontent .locationrow {
min-height:230px;
border-bottom: solid 1px #666;
margin-bottom: 35px;
padding-right: 25px;
}

#locationcontent .locationrow2 {
min-height:230px;
margin-bottom: 35px;
padding-right: 25px;
}

#locationcontent .bend {
padding-bottom: 6px;
font-style:italic;
}

/* Loyalty Card

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

#loyaltycard {
text-align:center;
font-size: 1.4em;
line-height:1.8em;
padding: 10px;
background-color: #FEF9E3;
border:1px solid #ffff00;
}

#loyaltycard h3 {
  margin:0 0 12px 0;
  font-size:1.6em;
}

#loyaltycard h4 {
  font-size:1.25em;
}

#loyaltycard ul  {
list-style-type: none;
}

/* Bookmark Page
--------------------------------------------------*/

#bookmark1 {
position:absolute;
margin-left:325px;
width:200px;
}

#bookmark {
text-align:center;
font-size: 1.4em;
line-height:1.8em;
padding: 10px;
background-color: #FEF9E3;
border:1px solid #ffff00;
}


/* Links Page
--------------------------------------------------*/

#linkscol1{
position:absolute;
left:-315px;
width:250px;
}

/* entry

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

.entry {margin:0 0 40px 0;   font-family:"Trebuchet MS"; 

  font-size:15px; }



.entry .info {

  position:relative;

  margin-top:-3px;

  padding:3px;

  border-top:1px solid;

  border-bottom:1px solid;

  font-size:0.9em;

}



.entry.single {clear:both;}



.entry.single .info {margin:0 0 22px 0;}



.entry .info a {

  margin-right:6px;

  padding-right:9px;

  border-right:1px solid;

}



.entry .info em {

  padding-right:6px;

  font-style:normal;

}



.entry .author,

.entry .editlink a {

  margin:0;

  padding:0 0 0 10px;

  border-left:1px solid;

  border-right:none

}



.entry #filedunder {

  clear:both;

  padding:3px 0 0 0;

  font-size:0.9em;

  border-top:1px solid;

}





/* mini-entry

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

.minientry {

  position:relative;

  margin:0px 0 35px 0;

  padding:10px 0;

  font-family:"Trebuchet MS"; 

  font-size:15px; 

  border-top:1px dotted;

  border-bottom:1px dotted;

}



.minientry p {padding:0;}



.minientry .commentlink {

  margin-left:3px;

  padding-right:7px;

  border-right:1px solid;

  font-size:0.9em;

}



.minientry .permalink {

  margin-left:3px;

  font-size:0.9em;

  font-style:normal;

}



.minientry .author,

.minientry .editlink a {

  margin-left:6px;

  padding:0 8px 0 10px;

  border-left:1px solid;

  font-size:0.9em;

  font-style:normal;

}



.minientry .editlink a {margin:0;}





/* comments

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

#comments h2 {margin-bottom:24px;}



#comments h2 a {

  margin-left:2px;

  padding-left:6px;

  border-left:1px solid;

  font-family:Arial,Helvetica,sans-serif;

  font-size:0.55em;

}



#comments ul {margin:0 0 0 20px;}



#comments li {

  position:relative;

  margin-bottom:18px;

}





#comments li p {padding:0 0 10px 0;}



#comments .header {

  position:relative;

  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */

  margin:0 0 10px 0;

  padding:3px 6px;

}



* html #comments .header {height:19px;} /* IEWin */



#comments .header strong {font-family:Georgia,sans-serif;}



#comments .header .gravatar {

  position:absolute;

  top:1px;

  right:1px;

}





/* form

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

form {padding:6px 0;}

#contactform {
background-color: #FEF9E3;
border:1px solid #ffff00;
}

#commentform, #contactform {margin-bottom:18px;}



form fieldset {border:0 solid;} /* Opera */



form p {

  padding:6px 0;

  border-bottom:0px solid;

}



form label {

  display:block;

  float:left;

  width:60px;

}



#commentform label {margin:0 15px 0 15px;}

#contactform label {margin:0 15px 0 15px;}



form em {

  margin-left:5px;

  font-size:0.9em;

  font-style:normal;

}



form input, form textarea {

  padding:3px;

  border:1px solid;

  margin-top: 2px;

  font-family:Arial,Helvetica,sans-serif;

  font-size:0.9em;

}



form textarea {overflow:auto;}



#commentform input {width:200px;}

#commentform textarea {width:325px;}

#contactform textarea, #contactform #bx_subject {width:400px;}



* html #commentform textarea {width:320px;} /* IE WIN; but why? */

* html #contactform textarea,

* html #contactform #bx_subject {width:400px;} /* IE WIN; but why? */



form .button {

  width:90px !important;

  border-bottom:1px solid;

  font-weight:bold;

}



#commentform .button {margin-left:90px;}

#contactform .button {margin-left:90px;}

* html #contactform .button {margin-left:100px;}



form .hiddenfield {display:none;}



form .info {padding-left:90px;}





/* archives

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

.archive .postspermonth {

  margin:0;

  list-style:none;

}





/* content misc

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

.next a {float:right;}

.previous a {float:left;}





#entrynavigation {

  overflow: auto;

  height:1%;

  margin-bottom:13px;

  padding-bottom:13px;

  border-bottom:1px solid;

  font-size:0.9em;

}





/* subcontent
--------------------------------------------------*/

#subcontent {
    float:right;
    width:205px;
    padding:45px 0 0 0px;
    padding-right: 50px;
    font-size: 92%;
    line-height:1.5em;
}

#subcontent h5 a {
    color: #000;
}
#subcontent h5{
    font-size: 121%;    
}

* html #subcontent {padding-top:32px;} /* dirty fix for IEWIN; temporary! */



#subcontent ul, #subcontent p {margin:0 0px;}



#subcontent ul{
    border: #FFFBBE 1px solid;
    margin-bottom: 20px;
    padding-left: 10px;
    background:#FEF9E3;
}





/* subcontent headings

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

#subcontent h2 {

  margin: 18px 0em 10px 0em;

  font-family:Georgia,serif;

  font-size:1em;

  line-height:1em;

}



#subcontent h2 em {

  display:block;

  padding: 5px 10px 5px 10px;

  font-style:normal;

}





/* subcontent list

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

#subcontent ul li {

  margin:2px 0 0px 18px;

  padding-bottom:2px;

/*  border-bottom:1px solid;*/

}



#subcontent ul h5 {

  padding-bottom: 8px;

  padding-top:8px;

  padding-left: 10px;

  padding-right: 10px;

}



#subcontent ul p {

margin-left: 0px;

  padding-bottom:0px;

  padding-top: 10px;

  padding-left: 0px;

  padding-right: 4px;

  text-align:center;

}



#subcontent li a {

  display:block;

  padding:1px 0;

  color:#000;

  height:1%; /* IE WIN */

}



#subcontent ul.categories li ul {margin:0;}



#subcontent ul.categories li li {

  margin:0;

  padding:0 0 3px 0;

  border-bottom:none;

}



#subcontent ul.categories li ul ul {margin:0 0 0 16px;}





/* calendar

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

#wp-calendar {

  display:inline-table;

  border-collapse:collapse;

  width:185px;

  margin:0px 10px 0 10px;

  text-align:center;

}



#subcontent table caption {

  margin:-5px 10px 0 10px;

  padding-bottom:5px;

  border-bottom:1px solid;

  letter-spacing:0.1em;

}



#subcontent table thead tr {border-bottom:1px solid;}



#subcontent table th {border-bottom:1px solid;}



#subcontent table td {

  width:200px; /* maximaize width; honestly, I don't know much about tables... */

  padding:1px;

  font-size:0.9em;

}



#subcontent table td#today {

  padding:0;

  border:1px solid;

  font-size:1em;

  font-weight:bold;

}



#subcontent table td a {

  display:block;

  border-bottom:1px solid;

  font-weight:bold;

  font-size:1.15em;

}



#subcontent table tfoot {border-top:1px solid;}



#subcontent table tfoot a {

  border:none;

  font-weight:bold;

}



#subcontent table tfoot #prev a {text-align:left;}

#subcontent table tfoot #next a {text-align:right;}





/* footer

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

#footer {

  clear:both;

  height:259px;

  font-size:0.9em;

}



.singlecol #footer {

  padding:25px 0 15px 0;

}



#footer p {

  padding:12px 0 18px 0;

  border-top:1px solid;

}



#footer strong {font-weight:normal;}



.singlecol #footer p {

  padding:12px 70px 18px 70px;

}


#sitemeter {

margin-left: -9px;

}


/* Tabl structure for footer

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



#tabl{

width : 850px;

margin: 0 auto;

padding-top:35px;

}



	#leftc {width:300px;float:left;padding:10px; border-right:1px solid #fff; text-align:right; font-family:"Trebuchet MS"; font-size:18px; font-weight:bold;}

	* html #leftc {width:320px;wid\th:300px;}

	#centertxt {width:40px;float:left;padding-left:10px; padding-top:10px; font-family:"Trebuchet MS"; font-size:12px;}

	* html #centertxt {width:60px;wid\th:40px;}

	#centerbox {width:130px;float:left;}

	* html #centerbox {width:150px;wid\th:130px;}

	#centerbutton {width:20px;float:left;padding-top:10px;padding-right:50px;font-family:"Trebuchet MS"; font-size:12px;}

	* html #centerbutton {width:40px;wid\th:20px;}

	#rightc {width:200px;float:right; margin-right:34px; text-align:center;font-family:"Trebuchet MS"; font-size:21px; font-weight:bold; background:url(../images/bookmark.jpg) center no-repeat; line-height:1.3em; }
	
	#rightc a:hover {color:#ffff00;}

	* html #rightc {width:220px; wid\th:200px;}





#tabfot{

width : 850px;

margin: 0 auto;

margin-top:-15px;

color:#FFFF00;

}

#tabfot a {

color:#FFFF00;

}

#tabfot a:hover {

text-decoration: underline;

}

#links, #links a {width:500px; margin: 0 auto;text-align:center; font-weight: normal; word-spacing:5px; font-family:"Trebuchet MS"; font-size:13px;}

#links2, #links2 a {width:800px; margin: 0;text-align:center; font-weight: normal; word-spacing:5px; font-family:"Trebuchet MS"; font-size:13px;}

#links2 p {
margin-left:50px;
margin-right:50px;
text-align:center;
background-color:#eee;
padding: 15px 0;
background-color: #FEF9E3;
border:1px solid #ffff00;
}

#infor {width:500px; margin: 0 auto;text-align:center;padding-top:5px; padding-bottom:5px; line-height:14px;font-family:"Trebuchet MS"; font-size:11px;}

#siteurl {width:500px; margin: 0 auto;text-align:center; font-weight: normal; letter-spacing: 2px;font-family:"Trebuchet MS"; font-size:13px;}



#liner { border-bottom:1px #FFFF00 solid; width:100%; height:7px;}



#logof {background:url("../images/logo_foo.jpg") no-repeat; margin: 0 auto; width: 278px; height: 38px; margin-top:5px;}





#bookcon {margin:10px; padding:5px; border:2px solid #ffe400; width: 560px; display:table;}

#bookrow {width:560px; margin:0 auto; display:table;}

/* "more" link from home page */
#more {
    padding: 0;
    text-align: right;
    width: 600px;
    color: #000;
    }
#more a {
    color: #000;    
    }
#more a:hover {
    color: #fff;
}
#more span {
}

#prev {float: left;}

* img { border:none;}

/** line { text-decoration:line-through; color:#0000FF;}*/