html, body, div, h1, h2, h3, h4, p, ul, ol, li, em, img, form, table, a {
	margin: 0;
	padding: 0;
	border: 0;
	}

html {
	overflow-y: scroll;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
div#page {
	width: 850px;
	margin: 0 auto;
	background: #fff;
	}
	
a {
	color: #00d;
	}
	
.clear {
	clear: both;
	}
	
div#header {
	padding: 0 0 5px 60px;
	background: url('images/search.png') 0 2px no-repeat;
	}
	
	div#header p {
		border-bottom: 1px solid #222;
		font-size: 22px;
		padding: 3px 0;
		margin-bottom: 0;
		}
		
		div#header p a {
			color: #222;
			text-decoration: none;
			}



			
/*======================================================== Content ========================================================*/

div#content {
	}

	div#narrow {
		margin: 0 100px;
		}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #222;
	}

h2 {
	font-size: 18px;
	font-weight: bold;
	}
		
	h2.search {
		border-bottom: 3px solid #def;
		padding-bottom: 3px;
		margin: 0 10px;
		}

h3 {
	font-size: 12px;
	font-weight: bold;
	}

p {
	margin: 1.3em 0;
	line-height: 1.3em;
	}

p.button {
	font-size: 13px;
	background: url('images/button-right.gif') top right no-repeat #192;
	float: left;
	height: 27px;
	line-height: 16px;
	}

	p.button a {
		font-weight: bold;
		padding: 5px 12px;
		color: #fff;
		background: url('images/button-left.gif') top left no-repeat;
		float: left;
		text-decoration: none;
		height: 27px;
		}
	p.button a:hover {
		text-decoration: underline;
		}




/*======================================================== Search Form ========================================================*/
				
form#search {
	margin: 30px auto 55px auto;
	width: 430px;
	}
	
	label#find {
		display: block;
		}
		
	input#searchQuery {
		font-size: 18px;
		width: 300px;
		margin: 0;
		padding: 3px 5px;
		border: 1px solid #999;
		background: #f8f8fe;
		}
		
	input#searchQuery.start {
		color: #aaa;
		}

	input#searchSubmit {
		height: 30px;
		width: 109px;
		background: url(images/search-button.gif) 0 0 no-repeat;
		border: 0;
		margin: 10px 0 0 0;
		padding: 0;
		}

	input#searchSubmit:hover {
		background: url(images/search-button.gif) 0 -30px no-repeat;
		}

div.warning {
	background: #ffa;
	border: 1px solid #fc0;
	padding: 0 10px;
	width: 700px;
	margin: -25px auto 40px auto;
	}
	
	div.warning p {
		margin: 1em 0;
		}

div.roomy {
	margin-top: 10px;
	}

p.indent {
	margin-left: 10px;
	}

div#sample {
	text-align: center;
	margin-top: 45px;
	}

	div#sample p {
		font-size: 11px;
		color: #444;
		margin-top: 8px;
		}
	



/*======================================================== Search Results ========================================================*/

ul#searchresults {
	margin: 25px 0 50px 0;
	list-style: none;
	}
	
	ul#searchresults li {
		margin: 20px 0;
		clear: left;
		}

		ul#searchresults li p {
			margin: 0;
			}
		
		ul#searchresults li div.thumbnail {
			float: left;
			width: 100px;
			text-align: right;
			}
			
			ul#searchresults li div.thumbnail img {
				border: 2px solid #ddd;
				width: 60px;
				}
			
		ul#searchresults li div.bookinfo {
			margin-left: 115px;
			border-bottom: 1px solid #ddd;
			padding-bottom: 22px;
			font-size: 11px;
			}
			
			ul#searchresults h3 {
				font-size: 15px;
				}
			
			ul#searchresults li h3 a {
				color: #000;
				text-decoration: none;
				padding: 8px 0;
				}
			ul#searchresults li h3 a:hover {
				text-decoration: underline;
				}

			ul#searchresults li p.isbn {
				margin: 5px 20px 3px 0;
				}
				
			ul#searchresults li p.isbnleft {
				float: left;
				}
				
			ul#searchresults li p.complink {
				margin: 6px 0 0 2px;
				}

p#pagination {
	margin: 0 0 20px 115px;
	}
	
	p#pagination span.ellipsis {
		color: #333;
		padding-left: 2px;
		}
			
	p#pagination a {
		padding: 4px 8px;
		text-decoration: none;
		margin-left: 2px;
		font-weight: bold;
		}

	p#pagination a:hover {
		background-color: #bdf;
		}

	p#pagination a.activepage {
		background-color: #02d;
		color: #fff;
		}




/*======================================================== Book Price List ========================================================*/

div#book {
	margin: 15px 0;
	}
	
	div#book p {
		margin: 3px 0;
		font-size: 12px;
		}
		
	div#book a {
		color: #000;
		text-decoration: none;
		}

	div#book p.isbn {
		margin-right: 20px;
		}
		
	div#book p#isbnleft {
		float: left;
		}

	div#book div.thumbnail img {
		float: left;
		margin-right: 20px;
		}
		
	div#book div.bookinfo {
		float: left;
		width: 565px;
		}

	div#book h2 {
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 9px;
		}

table.prices {
	padding: 32px 0;
	width: 100%;
	}
	
	table.prices thead {
		}

	table.prices h2 {
		font-size: 18px;
		text-align: left;
		background: #ffe25f;
		padding: 6px 12px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px 4px 4px 4px;
		}
	
	table.prices td {
		padding: 17px 0;
		border-bottom: 2px solid #eee;
		}

	table.prices td.number {
		font-size: 18px;
		color: #444;
		width: 55px;
		padding-left: 5px;
		}
		
	table.prices td.merchant {
		width: 265px;
		}
		
		table.prices td.merchant img {
			width: 200px;
			height: 60px;
			}
			
	table.prices td.price {
		width: 150px;
		padding-right: 15px;
		}
		
		table.prices td.price p.pricelink {
			font-size: 22px;
			margin: 0;
			}
		table.prices td.price p.shipping {
			margin: 5px 0 3px 0;
			}
		table.prices td.price p.status {
			margin: 3px 0;
			}

	table.prices td.notes {
		width: 100px;		
		padding-top: 40px;
		}
		
		table.prices td.notes p {
			background: url('images/detail-bubble.gif') center top no-repeat;	
			padding: 22px 1px 0px 1px;
			border-bottom: 1px dotted #888;
			display: inline;
			}






/*======================================================== Footer ========================================================*/

div#footer {
	font-size: 11px;
	color: #777;
	text-align: center;
	margin: 130px auto 20px auto;
	}
	
	div#footer p {
		margin: 0;
		}
	
	div#footer a {
		color: #777;
		text-decoration: none;
		}
	div#footer a:hover {
		text-decoration: underline;
		}



/*======================================================== Tool Tips ========================================================*/

img.tip {
	padding: 1px 3px;
	}

.blueTip					{  }
.blueTip .content		{ max-width: 310px; padding: 10px; border: 4px solid #90d8f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px 5px 5px 5px; background: #eff; }
.blueTip .bottom		{ height: 14px; background: url(images/tip-notch-blue.png) top center no-repeat; }

