body {
	padding: 0;
	margin: 0;
	font-size:12px;
	line-height: 1.5em;
	background: #FFF;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	
}

h1	{border-bottom:2px dotted #CCCCCC; color:#BA2E15; padding:2px 0; font-size:1.2em; font-weight:bold; background:#F5F5F5; margin:4px 2px 10px 2px; clear:both;}
h2	{ color:#BA2E15; padding:2px 0; font-size:1.2em; font-weight:bold; background:#F5F5F5; margin:6px 2px;}
h3	{ color:#1995C2; font-size:1.1em;  font-weight:bold;}
h2 a	{ color:#BA2E15; text-decoration:none !important;}

.red	{color:#BA2E15;}
.blue	{color:#1995C2;}
.darkgrey	{color:#454545;}

hr	{padding:0px; margin:0px; border-bottom:1px solid #CCCCCC; clear:both; height:1px;}
p {	margin: 0 0 0px 0;	line-height: 1.5em;	}

ul {	margin: 2px 0px;	padding-left: 10px;}

form { 	margin: 0;	padding:0px; position:relative}
TD {
	padding: 0;
	margin: 0;}
	
/* layout
   ------ */

.content {
	margin: 0px auto;
	width: 930px;
	color: #454545;
	position:relative;
}


/* header */

.header { 
	width:100%;
	border-top:6px solid #000;
	background:#CE4B35 url(../graphics/header-bg.jpg) repeat;
	
	 }
.headerinner { 
	width:930px;
	margin:0 auto;
	position:relative;
	overflow:auto;
	height:106px;
	padding:0px;
	 }
	 
.logo {
	position:absolute;
	top:15px;
	left:0px;
	width: 191px;
	height: 75px;
	background: #5BB2D1 url(../graphics/logo.jpg) no-repeat; 
	color: #FFF;
	
}

.login{
	position:absolute;
	right:0px;
	top:0px;
	background:#000;
	padding:4px 20px;
	color:#FFFFFF;
}
.login a{
	color:#FFFFFF;
}
.basket{
	position:absolute;
	right:160px;
	top:0px;
	background:#000;
	padding:4px 20px;
	color:#FFFFFF;
}
.basket a{
	color:#FFFFFF;
}

.strapline {
	position:absolute;
	left:230px;
	top: 30px;
	height: 20px;
	color: #FFFFFF;
	font-size: 18px;
}

.header_bottom {
	clear: both;
	background: #64BADA;
	height: 6px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
    
/* navigation */
#nav { position:absolute;
	bottom:0px;
	right:0px;
	width:720px;

}

#nav ul { 
	margin:0; 
	list-style:none; 
	padding: 0;
	
		
}


#nav li { 
	float:right; 
	color: #FFF; 
	background: #C43219 url(../graphics/redtab-right.jpg) repeat-x right bottom; 
	margin:0px 4px 0 0px; 
	padding:0 6px 0 0px;
	line-height:2em;

}

#nav li#current { 
	background: #1995C2 url(../graphics/bluetab-right.jpg) repeat-x right bottom;
}

#nav li a{
	padding:0px 2px;
	text-decoration:0px; 
	color:#fff;
	font-size:1.1em;
	border:none;
	background:none;

}

.scrollimage	{position:relative; display:block;}
.scrollprice	{display:block; width:24px; height:40px; position:absolute; bottom:20px; right:-50px; padding:10px; background:#ffffff;}

/* main text */


#search{
	background:#E5E5E5;
	width:100%;
	padding:4px 0px;
}

#searchinner{
	width:930px;
	margin:auto;
}

#searchinner a{
	color:#CB442C;
	text-decoration:underline;
}
input.search { 
	width: 199px; 
	border: none; 
	background: #FFF url(../images/input.gif); 
	padding: 4px; 
	color: #808080;
}

input.submit { 
	height: 24px; 
	font-weight: bold; 
	width: 53px; 
	border: none; 
	background: #D96855 url(../images/button.gif); 
	padding: 3px; 
	color: #FFF;
}
/* main text - hotpicks */
#hotpicks	{
	border:1px solid #ccc;
	margin-top:2px;
	background:url(../graphics/hotpicksbg.gif) repeat top; 
	clear:both;
	text-align:center;
	position:relative;
}
.hotpicksbookframe	{width:250px; margin:0px; padding:0px;  position:relative;}
.hotpicksbook	{background:#FFFFFF url(../graphics/textbubble_bg.gif) repeat-y; margin-left:10px; padding:0px 4px;}
.textbubblearrow	{position:absolute; top:20px; left:0px;}
.hotpicksbook p	{text-align:left;}
.hotpicksbook h2	{color:#1995C2; text-align:left;}
.hotpicksbook .price	{color:#BA2E15; font-weight:bold; font-size:1.2em }
.hotpicksbook .buy	{color:#1995C2; font-weight:bold;  text-align:right }
.hotpicksbook .moreinfo	{color:#BA2E15; font-weight:bold;  text-align:right }
.more	{background:#FFFFFF; border:1px solid #CCCCCC; padding:4px;}
#book1 {position:absolute; top:50px; left:180px;  display:none;}
#book2 {position:absolute; top:50px; left:330px; display:none; }
#book3 {position:absolute; top:50px; left:480px; display:none;}
#book4 {position:absolute; top:50px; left:630px; display:none;}
#book5 {position:absolute; top:50px; left:780px; display:none;}
#info1 {position:absolute; top:50px; left:190px; display:none;}
#info2 {position:absolute; top:50px; left:340px; display:none;}
#info3 {position:absolute; top:50px; left:490px; display:none;}
#info4 {position:absolute; top:50px; left:640px; display:none;}
#info5 {position:absolute; top:50px; left:790px; display:none;}
#book1 {z-index:1000;}
#book2 {z-index:1001; }
#book3 {z-index:1002;}
#book4 {z-index:1003;}
#book5 {z-index:1004;}
.close	{clear:both; display:block;}

/* main text - end hotpicks */
.bookshadow	{background:url(../graphics/trans-shadow.gif) repeat; padding-right:4px; padding-bottom:4px; width:10%;}

.date	{text-align:right; padding:4px;}
#main	{ position:relative; margin-top:20px; width:710px; float:left;}
#mainfull	{width:930px;}
#main #mainmiddle	{	width:485px; float:right; text-align:left;}
#mainfull #mainmiddle	{width:705px; float:right; text-align:left;}
#mainmiddle .box	{border:none;   background:url(../graphics/shaddow-right.jpg) repeat-y right; padding:0px ; clear:both;}
#mainmiddle .box .inner	{padding:0 5px 5px 10px; border:none; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin-right:5px; overflow:auto; position:relative;}
#mainmiddle .shadow	{ background:url(../graphics/shadow-bottom.jpg) right top no-repeat; height:15px;}

#mainmiddle a	{ color:#1995C2; text-decoration:underline;}

#mainmiddle .booklist	{ width:154px; float:left; text-align:center; padding-bottom:5px; }
#mainmiddle .booklist img	{ border:none}
#mainmiddle .box .inner .moreinfo	{position:absolute; top:5px; right:10px;}


.bookstable	{position:relative;}
.bookstable td	{border-bottom:1px dotted #CCCCCC; position:relative;}
.bookstable td .price	{text-align:right !important;}
.bookstable form	{position:absolute; bottom:5px; right:2px;}

#mainleft	{width:210px; float:left; text-align:center; }
#mainleft .box	{border:1px solid #CCCCCC; padding:0 5px 5px 5px; margin:0 0 15px 0; width:200px; text-align:left; background:url(../graphics/boxbg.jpg) repeat-x bottom;}
#mainleft .box2	{border:1px solid #CCCCCC; padding:0 5px 5px 5px; margin:0 0 15px 0; width:200px; text-align:left; background:#E5E5E5;}
#mainleft .box2inner	{background:#FFFFFF; padding:4px; clear:both; border:1px solid #CCCCCC;}
#mainleft .box h2	{ border-bottom:2px dotted #CCCCCC; color:#BA2E15; padding:2px;  font-weight:bold; margin-bottom:5px; background:#F5F5F5 ; margin:4px;}
#mainleft .box2 h2	{ color:#BA2E15; padding:2px;  font-weight:bold; background:#E5E5E5;}
#mainfull #mainleft .box2 h2 a	{ color:#BA2E15!important; text-decoration:none;}
#mainfull #mainleft .box2 a h2	{ color:#BA2E15!important; text-decoration:none;}
#mainleft ul	{ list-style:none; }
#mainleft li	{ list-style:none; }
#mainleft li a	{color:#454545; text-decoration:none;}
#mainleft li a:hover	{color:#BA2E15; text-decoration:none; border-bottom:1px dotted #BA2E15;}

.booklist	{}
.booklist img	{border:1px solid #CA090D;}
.booklist h3	{}

#right	{width:210px; float:right; margin-top:20px; text-align:center;}
#right .box	{border:1px solid #CCCCCC;  margin:0 0 14px 0 ; width:210px; padding:0px; text-align:left;}
#right .box2	{border:1px solid #CCCCCC;  margin:0 0 14px 0 ; padding:0 5px 5px 5px; text-align:left;}
#right .box3	{border:1px solid #CCCCCC; background:#E5E5E5; margin:0 0 14px 0 ; padding:0 5px 5px 5px; text-align:left;}
#right .box3 h2	{color:#BA2E15; padding:2px;  font-weight:bold; background:#E5E5E5;}
#right .box3 h3 	{padding:4px 0; margin:0;}
#right .box3 h3 a, #right .box3 h2 a	{text-decoration:none !important; }
#right .box3 h3 a 	{text-decoration:none !important; color:#1995C2; }

.box_red {
	background: #CA090D;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: justify;
	line-height: 1.2;
}

.box_grey {
	background: #f0f0f0;
	color: #808080;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: justify;
}
.grey {
	margin: 0 0 0 6px;
	padding: 10px;
	background: #EDEDED url(../images/grey_bottom.gif) no-repeat bottom left;
	color: #808080;
	font-size:12px;
	width: 362px;
}
		
.grey a {
color: #C83C3C;
background: inherit;
font-weight: bold;
}
	
.grey a:hover {
color: #000;
background: #EDEDED;
}
.discount	{ text-decoration:line-through;}

/* footer
   ------ */

.footer { 
	clear: both; 
	color: #808080;
	background: #f0f0f0;
	border-top: 1px solid #eee;
	text-align:left;
}

.footer p {
	line-height: 2em;
}

.footer a {	color: #4F4F4F;
	background: #f0f0f0;
	border-bottom: 1px dotted #808080;
	text-decoration: none;
}

.footer li a {	
}
.footer TD {
	padding: 0;
	margin: 0;
	font-size:12px;
	line-height: 1.5em;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	
}