html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* CSS Document */

/**  GLOBAL  ****************************************  GLOBAL  **/

body{
	font: 16px/1.5em Georgia, "Times New Roman", Times, serif;
	background: url(../images/bg.jpg) fixed repeat;
	color: #111;
}

p.noscript{
	font-size: 12px;
	width: 920px;
	margin: auto;
	background-color: #F90;
	border: 1px solid #F60;
	padding: 5px 0 5px 10px;
}

p.noscript a{
	color: white;	
}

pre{
	font: 16px/1.5em Georgia, "Times New Roman", Times, serif;	
}

h1, h2{
	font-style: italic;
	font-weight: normal;	
}

ol{
	list-style: decimal;
	margin-left: 18px;
}

ol li{
	padding-bottom: 10px;	
}

a{
	color: #ed002a;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}

blockquote{
	margin: 0 0 20px 20px;	
}

img.author{
	display: block;
	margin: auto;
	margin-bottom: 10px;
	border: 1px solid #111;
}

.grid_4{
	width: 300px;
	margin: 5px 15px 5px 0;	
	float: right;
	display: inline;
}

.grid_8{
	width: 620px;
	margin: 10px 8px;
	float: left;
	display: inline;
}

.container{
	width: 960px;
	min-width: 960px;
	margin: auto;
	overflow: auto;
}

/**  HEADER  ***********************************************  HEADER  **/

#header-bar{
	font: 16px/1.5em Arial, Helvetica, sans-serif;
	min-width: 960px;
	width: 100%;
	height: 210px;
	background: url(../images/header-footer-sprite.png) repeat-x;
	background-position: 0px -10px;
	margin-top: 10px;
}

#header{
	width: 960px;
	height: 100%;
	margin: auto;
	position: relative;
}

#header #title{
	margin-top: 20px;
	float: left;
	width: 526px;
	height: 100px;
}

img#logo{
	float: left;
	margin-top: 5px;
	width: 158px;
	height: 201px;
}

#basket{
	width: 140px;
	height: 100px;
	margin-top: 20px;
	float: right;
	color: white;
	font-size: 14px;
	position: relative;
}

#basket h2{
	font-style: normal;
	font-weight: bold;
	font-size: 18px;	
}

#basket table{
	margin-bottom: 10px;	
}

#basket td{
	padding: 0 10px 0 0;
}

#basket a{
	padding-top: 10px;
	color: white;
	text-decoration: underline;
}

#basket a:hover{
	color: #111;
}

#basket img{
	position: absolute;	
	right: 20px;
	top: 80px;
}

#search-bar{
	position: absolute;
	bottom: 20px;
	left: 780px;
	width: 180px;
}

#search-bar input{
	width: 125px;
}

input#search-image{
	height: 30px;
	width: 30px;
	position: absolute;
	bottom: -3px;
	background: url(../images/search.png) no-repeat top left;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

input#search-image:hover{
	background: url(../images/search.png) no-repeat bottom left
}

/**  NAVIGATION ***********************************  NAVIGATION  **/

body#home a#homenav,
body#catalogue a#catnav,
body#book a#catnav,
body#publish a#publishnav,
body#about a#aboutnav,
body#news a#newsnav {
	text-decoration: underline;
}



#nav{
	height: 45px;
	width: 65.5%;	
	float: left;
	font-size: 18px;
	font-weight: bold;	
	position: relative;
	top: 39px;
}

#nav ul{
	height: 100%;
	width: 100%;
}

#nav li{
	float: left;
}

#nav ul > li:first-child a{
	border-left: 1px solid #bbb;
}

#nav li a{
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	border-right: 1px solid #bbb;
	color: #111;
}

#nav li a:hover {
	text-decoration: underline;
}

/**  SCROLLER  **************************************  SCROLLER  **/

#slideshow {  
	width: 925px;	
	margin: 15px;
	/*background: url(../images/slider-bg.jpg);*/
}  
  
#slideshow ul {  
	margin: 0;  
	padding: 0;  
	list-style-type: none;  
	height: 1%; /* IE fix */
}  
  
#slideshow ul:after {  
	content: ".";  
	clear: both;  
	display: block;  
	height: 0;  
	visibility: hidden;
}              

/**  SLIDESHOW > SLIDES  ***********************  SLIDESHOW > SLIDES  **/

#slideshow .slides {  
	overflow: hidden;  
	width: 925px;
}  
  
#slideshow .slides ul {  
/* total width of all slides - 
960px multiplied by 3 in this case */  
	width: 2775px;	
}  
  
#slideshow .slides li {  
	width: 925px;
	float: left;  
	height: 200px;
	/*padding: 20px;*/
}  
  
#slideshow .slides h2 {  
	margin-top: 0;
}  

/**  SLIDESHOW > NAVIGATION  *******************  SLIDESHOW > NAVIGATION  **/

.slides-nav {  
	width: 250px;
}

.slides-nav li {  
	float: left;
}  
  
.slides-nav li a {
	display: block;  
	padding: 8px 15px;
	margin: 20px 20px 0 0;
	border: 1px red solid;
	background-color: #ffaaaa;
	color: #111;
}  

.slides-nav li a:hover {
	background-color: #ed002a;
	color: white;
	text-decoration: none;
}

.js #slideshow .slides-nav li.on a {
	background-color: #ed002a;
	color: white;	
}

/**  MAIN CONTENT  *********************************  MAIN CONTENT  **/

.content-top{
	height: 50px;
	width: 620px;
	background: url(../images/content-sidebar-sprite.png) no-repeat;
	background-position: -10px -10px;
	margin-top: 5px;
}

.content{
	width: 540px;
	padding: 0 40px;
	background: url(../images/content.png) repeat-y;
	overflow: auto;
}

.content h1{
	font-size: 38px;
	line-height: 34px;
	padding: 5px 0 20px 0;
	clear: both;
}

.content h2{
	font-size: 26px;
	padding: 0 0 24px 0;
	clear: both;
}

.content h2{
	padding: 0 0 16px 0;
}

.content p{
	padding: 0 0 20px 0;
}

.content .divide{
	overflow: auto;
	width: 535px;
	height: 4px;
	margin: 0 auto 20px;
	background: url(../images/content-sidebar-sprite.png) no-repeat;
	background-position: -10px -80px;
}

.content img.book{
	float: right;
	padding: 5px 0 30px 30px;
}

.content-bottom{
	height: 50px;
	width: 620px;
	background: url(../images/content-sidebar-sprite.png) no-repeat;
	background-position: -10px -104px;
	margin-bottom: 10px;
}

/**  SIDEBAR  **************************************  SIDEBAR  **/

.sidebar-top{
	width: 240px;
	height: 80px;
	padding: 20px 30px 0 30px;
	background: url(../images/content-sidebar-sprite.png) no-repeat;
	background-position: -10px -174px;
	margin-top: 10px;
	color: white;
	position: relative;
	z-index: 5;
}

.sidebar-top h1{
	font-size: 20px;
	width: 200px;
}

.sidebar-top p{
	font-size:	15px;
}

.sidebar-top p.reviewer{
	margin: 0;	
}

.sidebar p.reviewer{
	margin-top: -10px;	
}

.sidebar-top .divide{
	overflow: auto;
	width: 236px;
	height: 4px;
	margin: 10px auto 0;
	background: url(../images/content-sidebar-sprite.png) no-repeat;
	background-position: -10px -294px;
	position: absolute;
	bottom: -2px;
}

.sidebar{
	font-size: 15px;
	width: 240px;
	background: url(../images/sidebar.png) repeat-y;
	color: white;
	overflow: auto;
	padding: 25px 30px 0 30px;
	position: relative;
}

.sidebar h1{
	font-size: 17px;
	padding-bottom: 14px;
}

.sidebar p{
	padding: 0 0 10px 0;	
}

.sidebar a{
	color: white;
	text-decoration: underline;
}

.sidebar a:hover{
	color: #111;	
}

.sidebar .hr{
	width: 226px;
	height: 2px;
	margin: 10px auto 10px;	
	background: url(../images/content-sidebar-sprite.png) no-repeat;
	background-position: -10px -318px;
	clear: both;
}

.book{	
	overflow: auto;
	padding: 10px 0;
}

.book .text{
	float: left;	
}

.book h2{
	font-weight: bold;
	font-style: italic;
	width: 150px;
	/*height: 24px;
	overflow: hidden;*/
}

.book p{
	width: 150px;
}

.book img{
	width: 80px;
	height: 125px;
	float: right;
	/*background-color: green;*/
}

.book input{
	width: 25px;
	margin-right: 10px;
}

.sidebar-bottom{
	width: 300px;
	height: 60px;
	background: url(../images/content-sidebar-sprite.png) no-repeat;
	background-position: -10px -340px;
	margin-bottom: 10px;
}

/** FOOTER  ******************************************  FOOTER  **/

#footer-bar{
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: white;
	min-width: 960px;
	width: 100%;
	height: 84px;
	background: url(../images/header-footer-sprite.png) repeat-x;
	background-position: 0px -240px;
	margin-top: 10px;
	clear: both;
}

#footer{
	width: 920px;
	padding: 10px 20px 0;	
	margin: auto;
}

#footer a{
	color: white;
	display: block;
	border-left: 1px solid #ed002a;
	padding: 0 11px;
	float: left;
}

#footer a:first-child{
	border-left: none;	
}

#footer a:hover{
	color: #ed002a;
	text-decoration: none;
}

#footer div p{
	float: right;
	padding: 20px 15px;
}

#footer div p a{
	float: none;
	display: inline;
	padding: 0;
}

/**  CATALOGUE GALLERY **************  CATALOGUE GALLERY  **/

.cat-book{
	font-size: 15px;
	width: 240px;
	height: 220px;
	padding: 20px 30px 0 30px;
	background: url(../images/catbook-sprite.png);
	float: left;
	display: inline;
	margin: 9px;
	position: relative;
}

.cat-book:hover{
	background: url(../images/catbook-sprite.png);
	background-position: 0px 240px;
}

.cat-book h2{
	width: 100%;
	font-size: 15px;	
}

.cat-book h2 a{ 
	color: #111;
}

.cat-book a h2:hover{ 
	color: #ed002a;
}

.cat-book img{
	padding-top: 5px;
}

.cat-book .priceAdd{
	position: absolute;
	bottom: 30px;	
}

.cat-sort{
	display: block;
	float: right;
	width: 250px;
	padding-top: 17px;
}

.pageshidden{
	overflow: hidden;	
}

.pagesouter{	
	height: 42px;
	float: left;
	padding-top: 10px;
	position: relative;
	left: 50%;	
}

.pagesinner{
	float: left;
	position: relative;
	left: -50%;
}

.pagescenter a{
	display: block;
	padding: 5px 5px 0 5px;
	color: white;
	float: left;
}

.pagesleft{	
	width: 24px;
	height: 42px;
	background: url(../images/pagesleft.png);
	float: left;
}

.pagescenter{
	height: 42px;
	background: url(../images/pages.png) repeat-x;
	float: left;
}

.pagesright{	
	width: 24px;
	height: 42px;
	background: url(../images/pagesright.png);
	float: left;
}

a.highlight{
	color: #111;	
}

/**  BOOK  *******************************  BOOK  **/

.reviewer,
.magazine{		
	width: 100%;
	text-align: right;
	padding: 0;
	margin: -20px 0 0 0;

}

.magazine{
	font-style: italic;	
}

/**  CART  ********************************  CART  **/

.thanks{	
	float: left;
	display: none;
}

.cartHeaders{
	width: 98.5%;
	border-bottom: 2px solid #ed002a;
	font-weight: bold;
}

.cartHeaders > *{
	float: left;
	padding: 5px 5px 5px 0;
	width: 100px;
}

.itemContainer{
	width: 98.5%;	
	border-bottom: 1px solid #111;	
}

.itemContainer > *{
	float: left;
	padding: 5px 5px 5px 0;
	width: 100px;
}

.simpleCart_items > div{
	float: left;
	padding: 5px 5px 5px 0;
	clear: both;	
}

.itemContainer > .itemQuantity{
	width: 20px;
	text-align: right;
}

.itemName{
	width: 200px;
}

.itemPrice{
	width: 75px;	
}

.itemTotal{
	width: 75px;	
}

.itemdecrement{
	width: 5px;
}

.itemincrement{
	width: 55px;
}

.cartHeaders > .itemRemove{
	width: 10px;
	padding-left: 0;
}

.itemContainer > .itemRemove{
	width: 10px;
	padding-left: 10px;
}

p.total{
	width: 150px;
	float: right;	
	padding: 20px 0 0 0;
	border-bottom: 1px solid #ed002a;
	text-align: center;
}

.last{
	margin-bottom: 0;
	padding-bottom: 0;
}

.link-image{
	float: left;
	height: 60px;
	margin-right: 10px;
}

#purr-container {
			position: fixed;
			top: 0;
			right: 0;
		}
		
		.notice {
			position: relative;
			width: 324px;
		}
		
		.notice a.basket{
			float: right;
			margin-right: 20px;
		}
			.notice .close	{position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 17px; text-indent: -9999px; background: url(../images/purrClose.png) no-repeat 0 10px;}
		
		.notice-body {
			min-height: 50px;
			padding: 22px 22px 0 22px;
			background: url(../images/purrTop.png) no-repeat left top;
			color: #f9f9f9;
			overflow: auto;
		}
			.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
			.notice-body h3	{margin: 0; font-size: 1.1em;}
			.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}
		
		.notice-bottom {
			height: 22px;
			background: url(../images/purrBottom.png) no-repeat left top;
		}

/*
 * SimpleModal OSX Style Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: osx.css 254 2010-07-23 05:14:44Z emartin24 $
 */

#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}
textarea {resize: none;}

#news-form{
	width: 300px;
	margin: auto;
	text-align: center;
}

.input-box{
	color: #aaa;	
}

.input-box:focus{
	color: #111;	
}

.ui-accordion-header{
	padding: 3px 0;	
}

.smaller{
	font-size: 12px;
}

.smaller h1{
	font-size: 30px;
	line-height: 26px;
}