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:none;
	outline:0;
	font-size:1em;
	vertical-align:baseline;
	background:transparent;
	}
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;
	}
input[type=hidden]{
	visibility:hidden;
	}


/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
.clearfix{
	display:inline-block;
	}

/* start commented backslash hack \*/
* html .clearfix{
	height:1%;
	}
.clearfix{
	display:block;
	}
/* stop commented backslash hack */



/* Body
*********************************************************/
body{
	/*background:#efe9e0;*/
	background:#CCCCFF;
	font:100% Georgia, Times, 'Times New Roman', serif;
	line-height:1.125em;
	}



/* Text
*********************************************************/
a{
	color:#000;
	text-decoration:none;
	}
a:link,
a:active,
a:visited{
	color:#000;
	}
a:hover{
	color:#000;
	text-decoration:underline;
	}

p,
ul,
ol{
	font-size:.875em;
	color:#555;
	margin:0 0 1em;
	}

h1{
	color:#300;
	font-size:1.125em;
	margin:0 0 1em;
	font-weight:normal;
	}
h2{
	color:#300;
	font-size:1.125em;
	margin:0 0 1em;
	text-transform:uppercase;
	font-weight:normal;
	}
h3{
	color:#300;
	font-size:1.125em;
	margin:0 0 1em;
	font-weight:normal;
	}
	h3 small{
		float:right;
		}
h4{
	color:#300;
	margin:0 0 1em;
	font-weight:normal;
	}
h5{
	color:#300;
	margin:0 0 1em;
	font-weight:normal;
	}

address{
	font-style:italic;
	}

div.address{
	font-size:.85em;
	color:#555;
	margin:0 0 15px;
	}


/* Container
*********************************************************/
.container{
	width:960px;
	margin:0 auto;
	position:relative;
	}
	.container:after{
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
		}


/* Header
*********************************************************/
#header{
	background:#6666FF;
	margin:0 0 20px;
	min-height:125px;
	}

#logo{
	margin:0;
	}
	#logo a{
		position:absolute;
		top:15px;
		left:0;
		display:block;
		width:193px;
		margin:0;
		height:0;
		padding-top:51px;
		overflow:hidden;
		background:url(/img/logo-hachette.gif) no-repeat;
		}

#quicksearch{
	position:absolute;
	top:25px;
	right:0;
	display:block;
	width:266px;
	margin:0;
	z-index:400;
	}
	#quicksearch input{
		float:left;
		border:none;
		display:block;
		font:14px Georgia, Times, 'Times New Roman', serif;
		color:#300;
		padding:5px 10px;
		margin:0 2px 0 0;
		}
		#quicksearch .searchterm{
			width:130px;
			background:#FFF;
			border-left:4px solid #3333FF;
			}
		#quicksearch .searchsubmit{
			background:#fff;
			cursor:pointer;
			font-weight:bold;
			}
			#quicksearch .searchsubmit:hover{
				background:#fff;
				color:#000;
				}
				
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background:#fff;
	/*background-color : inherit;*/
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height:auto;
	max-height:125px;
    text-align : left; 
    list-style-type : none;
    border-left:4px solid #3333FF;
    padding:0;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #6666FF;
	color: white;
	padding: 0;
}

/* AutoComplete item */

.autocomplete_listItem 
{
    background:#FFF;
	/*background-color : window;*/
	color : windowtext;
	padding : 1px;
}				


/*Basket*/
.Basket
{
     width:100%;
     margin:0;
     padding:0;
}
.BasketProduct
{
    width:300px;
    text-align:left;
}
.BasketQuantity
{}
.BasketPrice
{}
.BasketTotal
{}
/* End Basket */

/* Nav
*********************************************************/
#ctl00_nav{
	display:block;
	clear:both;
	margin:90px 0 0 0;
	float:left;
	}
	#ctl00_nav li{
		display:block;
		float:left;
		}
		#ctl00_nav li a{
			float:left;
			display:block;
			text-transform:uppercase;
			line-height:35px;
			padding:0 16px;
			color:#fff;
			}
			#ctl00_nav li a:hover,
			#ctl00_nav li.active a
			{
				background:#CCCCFF;
				color:#300;
			}


/* Columns
*********************************************************/
#sidebar{
	float:left;
	width:224px;
	padding:0 0 0 10px;
	}
#main{
	float:left;
	width:715px;
	padding:0 10px 0 0;
	border-left:1px dashed #ccc;
	}


.line{
	display:block;
	clear:both;
	height:0;
	margin:0 0 15px -15px;
	border-top:1px dashed #ccc;
	}

/* Boxes
*********************************************************/
.box{
	margin:0 0 1em 0;
	border-bottom:1px dashed #ccc;
	float:left;
	float:left;
	clear:both;
	}
	#sidebar .box{
		width:224px;
		}
	#main .box{
		padding-left:15px;
		}



/* Content styling
*********************************************************/
.content ul{
	list-style:disc;
	margin:1em 2em;
	}
	.content ul li{
		margin-bottom:.6em;
		}
	.content ul ul{
		font-size:100%;
		}

.content ol{
	list-style:decimal;
	margin:1em 2em;
	}
	.content ol li{
		margin-bottom:.6em;
		}
	.content ol em{
		display:block;
		font-style:normal;
		}

img.alignright{
	float:right;
	margin:0 0 15px 15px;
	border:2px solid #fff;
	}
img.alignleft{
	float:left;
	margin:0 15px 15px;
	border:2px solid #fff;
	}
img.aligncenter{
	display:block;
	width:auto;
	margin:15px auto;
	border:2px solid #fff;
	}



/* Minibasket
*********************************************************/
.minibasket .content ul{
	list-style:none;
	margin:0 0 1em;
	}
	.minibasket .content li{
		margin:0 0 1em;
		}
		.minibasket .content li img{
			float:left;
			border:2px solid #fff;
			margin:0 .6em 0 0;
			}
		.minibasket .content li strong{
			display:block;
			font-weight:normal;
			}
		.minibasket .content li em{
			display:block;
			font-style:normal;
			color:#666;
			}
		.minibasket .content li small{
			display:block;
			font-size:1em;
			color:#999;
			}
		.total{
			text-transform:uppercase;
			}
			.total strong{
				display:block;
				float:right;
				font-weight:normal;
				color:#000;
				margin-right:15px;
				}
	.minibasket .view,
	.minibasket .checkout{
		background:#fff;
		cursor:pointer;
		font-weight:bold;
		float:left;
		border:none;
		display:block;
		font:14px Georgia, Times, 'Times New Roman', serif;
		color:#300;
		padding:.6em 1em;
		margin:0 1em 1em 0;
		}


/* Slider
*********************************************************/
#slidercontainer{
	width:700px;
	height:144px;
	position:relative;
	}

#slider{
	width:700px;
	height:144px;
	position:relative;
	overflow:hidden;
	}
	.prev,
	.next{
		display:block;
		height:0;
		padding-top:134px;
		width:40px;
		overflow:hidden;
		position:absolute;
		top:0;
		z-index: 99;
		}
	.prev{
		left:0;
		background:url(/img/arrow-prev.png) no-repeat 0 50%;
		}
	.next{
		right:0;
		background:url(/img/arrow-next.png) no-repeat 100% 50%;
		}
	#slider ul{
		width:2000px;
		list-style:none;
		margin:0 0 1em 0;
		padding:0 0 0 62px;
		float:left;
		position:relative;
		clear:both;
		white-space:nowrap;
		}
		#slider ul li{
			display:block;
			float:left;
			cursor:pointer;
			margin:1px 1em 1px 0;
			}
			#slider ul li a{
				display:block;
				float:left;
				}
				#slider ul li a img{
					display:block;
					float:left;
					border:2px solid #fff;
					}
					#slider ul li.active{
						margin-top:0;
						margin-bottom:0;
						}
					#slider ul li.active a img{
						border:3px solid #300;
						}
.sliderdesc{
	overflow: hidden;
	}
	.sliderdesc > div{
		display: none;
	}
	.sliderdesc div.active{
		display: block;
	}
	.sliderdesc h3{
		margin:.5em 0;
		}
		.sliderdesc h3 small{
			float:right;
			font-size:.72em;
			color:#666;
			}
.slidercopy{
	float:left;
	width:520px;
	padding-right:30px;
	}
.slidercopydescription
{
	color:Black !important;
	font-size:1em !important;
	line-height:1.5em;
	margin:0 !important;
}
.slidermeta{
	float:left;
	width:150px;
	}
	.slidermeta .price,
	.slidermeta .add,
	.slidercopy .more{
		text-transform:uppercase;
		text-align:right;
		font-size:.75em;
		margin:0 0 .75em;
		}
		.slidermeta .price strong{
			font-weight:normal;
			color:#000;
			font-size:1.25em;
			}
	.slidermeta .add{
		}
	.slidermeta .more a{
		color:#666;
		}


/* Forthcoming Titles
*********************************************************/
.forthcomingtitles ul{
	list-style:none;
	margin:0 0 1em;
	font-size:1em;
	}
	.forthcomingtitles li{
		margin:0 0 1em;
		display:block;
		float:left;
		width:700px;
		clear:both;
		}
		.forthcomingtitles li img{
			float:left;
			border:2px solid #fff;
			margin:0 .6em 0 0;
			}
		.forthcomingtitles li h3{
			margin:0;
			}



/* Category
*********************************************************/
.category ul{
	list-style:none;
	margin:0 0 1em;
	font-size:1em;
	}
	.category li{
		margin:0 0 1em;
		display:block;
		float:left;
		width:700px;
		clear:both;
		}
		.category li img{
			float:left;
			border:2px solid #fff;
			margin:0 .6em 0 0;
			}
		.category li h3{
			margin:.5em 0;
			}

/* Author
*********************************************************/
.author ul{
	list-style:none;
	margin:0 0 1em;
	font-size:1em;
	}
	.author li{
		/*margin:0 0 1em;*/
		display:block;
		float:left;
		width:700px;
		clear:both;
		}
		.author li img{
			float:left;
			border:2px solid #fff;
			margin:0 .6em 0 0;
			}
		.author li h3{
			margin:.5em 0;
			}

/* Author Books
*********************************************************/
.authorbooks ul{
	list-style:none;
	margin:0 0 1em;
	font-size:1em;
	}
	.authorbooks li{
		margin:0 0 1em;
		display:block;
		float:left;
		width:700px;
		clear:both;
		}
		.authorbooks li img{
			float:left;
			border:2px solid #fff;
			margin:0 .6em 0 0;
			}
		.authorbooks li h3{
			margin:.5em 0;
			}
			
/* News
*********************************************************/
.news ul{
	list-style:none;
	margin:0 0 1em;
	font-size:1em;
	}
	.news li{
		margin:0 0 1em;
		display:block;
		float:left;
		width:700px;
		clear:both;
		}
		.news li img{
			float:left;
			border:2px solid #fff;
			margin:0 .6em 0 0;
			}
		.news li h3
		{	
			margin:.5em 0;
		}
						
/* Book
*********************************************************/
.box.book,
.box.page,
.box.basket{
	border-bottom:none;
	}

.book h2{
	margin:0 0 .3em;
	}

.bookmeta{
	float:right;
	width:200px;
	margin:0 0 0 15px;
	}
.bookdescrip{
	float:right;
	width:469px;
	padding-right:15px;
	border-right:1px dashed #ccc;
	}



/* Form styling
*********************************************************/
.standard{
	width:430px;
	margin:0 0 15px;
	float:left;
	position:relative;
	}
	.standard fieldset{
		padding:12px;
		display:block;
		border:1px dashed #ccc;
		}
	.standard legend{
		}
	.standard .error{
		display:block;
		background:#ffc;
		color:red;
		float:left;
		text-align:center;
		width:260px;
		margin:5px;
		padding:0 5px;
		}
	.standard p{
		clear:both;
		}
	.standard .text input,
	.standard .text textarea{
		display:block;
		float:left;
		width:260px;
		padding:3px 5px;
		font-size:1.2em;
		margin:0 0 15px 0;
		background:#fff;
		border:1px solid #ddd;
		}
	.standard .text label,
	.standard .submit label,
	.standard .select label,
	.standard .file label{
		float:left;
		padding:0 5px;
		display:block;
		text-align:right;
		width:75px;
		line-height:25px;
		font-size:1em;
		}
	.standard a.forgot{
		display:block;
		float:left;
		font-size:.95em;
		color:#666;
		margin:-3px 0 12px 30px;
		}
	.standard .submit input{
		display:block;
		float:left;
		padding:5px 10px;
		}
	.standard .check input{
		display:block;
		clear:both;
		float:left;
		margin:0 5px 15px 115px;
		}
	.standard .check label{
		display:block;
		float:left;
		margin:-3px 0 0 0;
		}
		
		
		
.half{
	width:330px;
	float:left;
	margin-right:20px;
	}
.half .standard{
	width:330px;
	}	
	.half .standard .error{
		width:300px;
		}
	.half .standard .text input,
	.half .standard .text textarea{
		width:190px;
		}
	.half .standard .check input{
		margin:0 5px 15px 85px;
		}
	.half .standard a.forgot{
		margin:-3px 0 12px 85px;
		}
		
		.payment{
	}
.payment .standard{
	width:700px;
	}	
	.payment .standard .error{
		width:300px;
		}
	.payment .standard .text input,
	.payment .standard .text textarea{
		width:300px;
		}
	.payment .standard .check input{
		margin:0 5px 15px 85px;
		}
	.payment .standard a.forgot{
		margin:-3px 0 12px 85px;
		}
	.payment .standard .text label,
	.payment .standard .submit label,
	.payment .standard .select label,
	.payment .standard .file label{
		width:150px;
		}
	

	
#basketstages{
	float:left;
	list-style:decimal;
	margin:0 0 20px;
	border:1px solid #997f7f;
	border-width:1px 0;
	}
	#basketstages li{
		width:120px;
		display:block;
		float:left;
		color:#997f7f;
		padding:10px;
		}
		#basketstages li.active{
			color:#633;
			}
		#basketstages li strong{
			float:left;
			display:block;
			font-size:30px;
			width:20px;
			font-weight:normal;
			color:#633;
			margin:1px;
			}
			#basketstages li.active strong{
				color:#300;
				}
	
	
#shoppingbasketform,
#loginorregisterform{
	clear:both;
	}
	
	
#baskettable{
	clear:both;
	font-size:.875em;
	margin:0 0 1em;
	}
	#baskettable th,
	#baskettable td{
		padding:5px 5px 3px;
		color:#666;
		font-weight:normal;
		text-align: left;
		background:#fff;
		border-bottom:1px solid #ddd;
		vertical-align:middle;
		}
	#baskettable thead th,
	#baskettable tfoot td{
		background:#6666FF;
		color:#fff;
		padding:10px;
		}
	#baskettable tbody.subtotals td{
		background:#fff;
		border-bottom:1px solid #ddd;
		color:#333;
		}
	#baskettable tbody.subtotals th{
		background:#fff;
		border-bottom:1px solid #ddd;
		color:#000;
		padding:10px 5px;
		}
	#baskettable input,
	#baskettable select{
		font:1em Georgia,serif;
		color:#633;
		width:auto;
		float:right;
		background:none;
		}
	#baskettable tfoot input{
		margin:4px 0 4px 0;
		display:block;
		float:none;
		background:#fff;
		border:0;
		}
	#baskettable tbody.subtotals td.infobox{
		background:#ebebeb url(../graphics/bg-mast.gif) repeat-x;
		padding:20px;
		font-size:.9em;
		color:#666;
		}


	 

/* Footer
*********************************************************/
#footer{
	background:#6666FF;
	padding:15px 0 30px;
	clear:both;
	height:87px;
	}
	#footer p{
		clear:left;
		padding-left:7px;
		}
	#footer p{
		color:#fff;
		font-size:.75em;
		}
		#footer a{
			color:#fff;
			}

#ctl00_footernav{
	display:block;
	clear:both;
	float:left;
	}
	#ctl00_footernav li{
		display:block;
		float:left;
		}
	#ctl00_footernav a{
		float:left;
		display:block;
		text-transform:uppercase;
		line-height:25px;
		padding:0 8px;
		margin:0 3px;
		color:#fff;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		}
		#ctl00_footernav a:hover,
		#ctl00_footernav li.active a{
			/*background:#efe9e0;*/
			background:#CCCCFF;
			color:#300;
			text-decoration:none;
			}


/* 
Pagination
*********************************************************/
.pagination{
	text-align:center;
	}
	.pagerButton
	{
		padding:5px 10px;
		border:1px solid #997f7f;
		background:#fff;
		color:#6666FF !important;
		text-decoration:none;
	}
	.pagerButtonDisabled
	{
		padding:5px 10px;
		border:1px solid #997f7f;
		background:#fff;
		color:#AAA !important;
		text-decoration:none;	
	}
	.pagerButton.next,
	.pagerButton.previous
	{
		font-weight:bold;
	}
	.pagerButton:hover
	{
		background:#6666FF;
		border:1px solid #300;
		color:#fff !important;
	}
	.pagerButtonDisabled:hover
	{
		text-decoration:none !important;
	}
	
	.pagination span{		
		padding:5px 10px;
		}	
		.pagination span.next,
		.pagination span.previous{
			background:#fff;
			border:1px solid #ddd;
			color:#aaa;
			}
		.pagination span.current{
			background:#6666FF;
			border:1px solid #300;
			color:#fff;
			font-weight:bold;
			}

/* 
Miscellaneous
*********************************************************/
#rememberMeSpan
{
	font-size:0.7em;
}
.confirmationMessage
{
	line-height:3em;
	margin:40px 0 0 40px;
}
.greyLink
{
	color:#997F7F;
	font-weight:bold;
}