* {
	outline: none;
}

.clear {
	overflow: hidden;
	width: 100%;
}

.left {
	display: block;
	float: left;
}

.light {
	color: #888;
}

.right {
	display: block;
	float: right;
}

.sample {
	color: #888;
}

.small {
	font-size: 11px;
}

a {
	color: #F32;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	background-color: #FFA;
	color: #444;
}

a img {
	border: none;
}

a.avatar {
	background: #CCC;
	display: block;
	height: 48px;
	float: left;
	padding: 4px;
	width: 48px;
}

a.avatar:hover {
	background: #888;
}

a.cover {
	cursor: zoom;
}

a.rating {
	display: block;
	height: 15px;
	float: right;
	margin-bottom: 5px;
	text-indent: -9999px;
	width: 83px;
}

a.rating.r0 {
	background: url('../img/rating-0.gif');
}

a.rating.r5 {
	background: url('../img/rating-5.gif');
}

a.rating.r10 {
	background: url('../img/rating-10.gif');
}

a.rating.r15 {
	background: url('../img/rating-15.gif');
}

a.rating.r20 {
	background: url('../img/rating-20.gif');
}

a.rating.r25 {
	background: url('../img/rating-25.gif');
}

a.rating.r30 {
	background: url('../img/rating-35.gif');
}

a.rating.r35 {
	background: url('../img/rating-35.gif');
}

a.rating.r40 {
	background: url('../img/rating-40.gif');
}

a.rating.r45 {
	background: url('../img/rating-45.gif');
}

a.rating.r50 {
	background: url('../img/rating-50.gif');
}

body {
	background: #FFF url('../img/body.gif') repeat-x;
}

body, html {
	height: 100%;
	margin: 0;
}

body, input {
	color: #444;
	font: normal 12px lucida grande, verdana, sans-serif;
}

div#about {
	padding-top: 2px;
}

div#about p {
	float: right;
	margin: 0 0 18px 0;
	width: 144px;
}

div#addThis {
	height: 16px;
}

div#adsense {
	margin: -16px 0 40px 0;
}

div.book {
	float: left;
	width: 220px;
}

div.book div.bookBottom {
	background: transparent url('../img/book-bottom.png') no-repeat;
	height: 34px;
}

div.book div.bookSide {
	background: transparent url('../img/book-side.png') no-repeat;
	width: 220px;
}

div.book div a {
	display: block;
	position: relative;
	width: 192px;
}

div.book div a:hover {
	background: transparent;
}

div.book div a img {
	display: block;
}

div.book div a img.overlay {
	left: 0;
	position: absolute;
	top: 0;
}

div#bookmarks {
	padding-left: 112px;
}

div#bookmarks h4 {
	color: #444;
	font: bold 24px arial, helvetica, sans-serif;
	margin: 0 0 16px 0;	
	text-transform: uppercase;
}

div#bookmarks p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 24px;
}

div#bookmarks ul {
	margin: 0;
	padding: 0 0 0 18px;
}

div#bookmarks ul li {
	margin-bottom: 8px;
}

div#bookmarks ul li a {
	font-size: 16px;
	line-height: 20px;
}

div#bookmarks ul li .small {
	line-height: 14px;
}

div#first {
	background: #333 url('../img/intro.gif') repeat-x;
	margin-bottom: 32px;
	padding: 24px 0 32px 0;
}

div#first a.getThisBook {
	background: transparent url('../img/get-this-book-first.png') no-repeat;
	display: block;
	height: 46px;
	text-indent: -9999px;
	width: 162px;
}

div#first a.rating.r0 {
	background: url('../img/rating-0-first.png');
}

div#first a.rating.r5 {
	background: url('../img/rating-5-first.png');
}

div#first a.rating.r10 {
	background: url('../img/rating-10-first.png');
}

div#first a.rating.r15 {
	background: url('../img/rating-15-first.png');
}

div#first a.rating.r20 {
	background: url('../img/rating-20-first.png');
}

div#first a.rating.r25 {
	background: url('../img/rating-25-first.png');
}

div#first a.rating.r30 {
	background: url('../img/rating-35-first.png');
}

div#first a.rating.r35 {
	background: url('../img/rating-35-first.png');
}

div#first a.rating.r40 {
	background: url('../img/rating-40-first.png');
}

div#first a.rating.r45 {
	background: url('../img/rating-45-first.png');
}

div#first a.rating.r50 {
	background: url('../img/rating-50-first.png');
}

div#first div.details {
	color: #DDD;
	width: 736px;
}

div#first div.details a:hover {
	background-color: transparent;
	color: #FFF;
}

div#first div.price {
	color: #FFF;
	font: normal 40px arial, helvetica, sans-serif;
	margin: 2px 16px 0 0;
	text-shadow: #333 0 2px 2px;
}

div#first div.price div.cent {
	color: #AAA;
	font-size: 20px;
	font-weight: bold;
	margin: 4px 0 0 4px;
}

div#first div.reviews {
	padding-top: 6px;
}

div#first div.reviews a {
	clear: both;
}

div#first div.seal {
	float: right;
	height: 84px;
	margin: 0 0 16px 16px;
	width: 80px;
}

div#first div.seal.bestseller {
	background: url('../img/bestseller.png');
}

div#first div.seal.editorsPick {
	background: url('../img/editors-pick.png');
}

div#first h2 {
	color: #F32;
	font-size: 32px;
	line-height: 36px;
	margin: 0 0 8px 0;
}

div#first p.productDescription {
	line-height: 24px;
	font-size: 16px;
	margin: 0 0 24px 0;
}

div#first p.productDescription span.light {
	font-size: 12px;
	line-height: 20px;
}

div#first p.productDescription strong {
	color: #FFF;
}

div#footer {
	background: #444 url('../img/footer.gif') repeat-x;
	color: #CCC;
	height: 32px;
	overflow: hidden;
	padding-top: 16px;
	width: 100%;
}

div#footer a:hover {
	background: transparent;
	color: #FFF;
}

div#footer p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 0 224px;
}

div#footerPush {
	height: 48px;
}

div#header {
	margin: 0 auto 0 auto !important;
	padding-bottom: 16px;
	overflow: hidden;
}

div#header div.right {
	position: relative;
	width: 736px;
}

div#indexTitle {
	margin-left: 224px;
}

div#intro {
	background: #FFF url('../img/intro.gif') repeat-x;
	width: 100%;
}

div#intro div#visual {
	background: transparent url('../img/visual.jpg') no-repeat top center;
	height: 290px;
}

div#intro div#visual div {
	color: #DDD;
	margin: 0 auto;
	padding: 24px 0 0 224px;
	width: 736px;
}

div#intro h2 {
	color: #F32;
	font-size: 32px;
	line-height: 36px;
	margin: 0 0 16px 0;
}

div#intro p {
	line-height: 24px;
	font-size: 16px;
	margin: 0 0 24px 0;
}

div#intro p strong {
	color: #FFF;
}

div.leaderboard {
	height: 90px;
	margin-bottom: 32px;
	width: 728px;
}

div#main {
	padding-bottom: 40px;
	width: 728px;
}

div.number {
	height: 39px;
	left: -16px;
	position: absolute;
	top: -16px;
	width: 35px;
}

div.number.n2 {
	background-image: url('../img/number-2.png');
}

div.number.n3 {
	background-image: url('../img/number-3.png');
}

div.number.n4 {
	background-image: url('../img/number-4.png');
}

div.number.n5 {
	background-image: url('../img/number-5.png');
}

div.number.n6 {
	background-image: url('../img/number-6.png');
}

div.number.n7 {
	background-image: url('../img/number-7.png');
}

div.number.n8 {
	background-image: url('../img/number-8.png');
}

div.number.n9 {
	background-image: url('../img/number-9.png');
}

div.number.n10 {
	background-image: url('../img/number-10.png');
}

div.page {
	padding: 16px 0 32px 224px;
}

div.page h2 {
	color: #F32;
	font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	margin: 0 0 16px 0;
}

div.page p {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 22px 0;
}

div#sidebar {
	line-height: 18px;
	width: 208px;
}

div#sidebar div.box {
	border-bottom: 1px solid #CCC;
	margin-bottom: 24px;
	padding-bottom: 16px;
}

div#sidebar p {
	margin: 0 0 18px 0;
}

div#uberWrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;	
	margin: 0 auto -48px auto;
}

div.wrapper {
	margin: 0 auto;
	width: 960px;
}

div.wrapper:after {
	clear: both;			
	content: "";
	display: block;
}

form#search {
	display: block;
	margin: 0;
	position: absolute;
	right: 0px;
	top: 24px;
	width: 208px;
}

form#search input#searchButton {
	display: block;
	height: 24px;
	margin: 0;
	width: 24px;
}

form#search div#searchInput {
	background: url('../img/search-input.gif');
	height: 20px;
	padding-top: 4px;
	width: 184px;
}

form#search div#searchInput input {
	border: none;
	background: transparent;
	display: block;
	height: 16px;
	line-height: 16px;
	margin: 0;
	outline: none;
	padding: 0 4px;
	width: 176px;
}

h1, h2 {
	font-family: arial, helvetica, sans-serif;
}		

h1 {
	color: #888;
	font-size: 32px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 65px 0 0 0;
}

h1 strong {
	color: #444;
	display: block;
	font-size: 48px;
	line-height: 1em;
	margin-top: 8px;
	text-transform: uppercase;
}

h3#logo {
	float: left;
	height: 160px;
	margin: 0;
	position: relative;
	width: 192px;
}

h3#logo a {
	background: transparent url('../img/best-book-top-10.gif') no-repeat;
	display: block;
	height: 160px;
	text-indent: -9999px;
	position: absolute;
	width: 192px;
}

h3#logo div#logoMask {
	background: transparent url('../img/logo-mask.png') no-repeat;
	height: 16px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 192px;
}

h4 {
	color: #444;
	font: bold 16px arial, helvetica, sans-serif;
	margin: 0 0 16px 0;	
	text-transform: uppercase;
}

form#shortUrl {
	margin: 0;
	padding: 0 0 16px 0;
}

form#shortUrl input {
	border: 1px solid #CCC;
	color: #444;
	display: block;
	height: 16px;
	line-height: 16px;
	margin: 0;
	padding: 4px;
	width: 198px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

form#shortUrl label {
	display: block;
	font-weight: bold;
	margin: 0 0 4px 0;
}

input {
	outline: none;
}

ol#shortList {
	font-weight: bold;
	margin: 0 0 0 32px;
	padding: 0;
}

ol#shortList li {
	margin-bottom: 4px;
}

ol#shortList li span {
	font-weight: normal;
}

ol.top10 {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.top10:after {
	clear: both;
	content: "";
	display: block;
}

ol.top10 a.getThisBook {
	background: transparent url('../img/get-this-book.gif') no-repeat;
	display: block;
	height: 36px;
	text-indent: -9999px;
	width: 129px;
}

ol.top10 li {
	border-bottom: 1px solid #CCC;
	float: left;
	margin-bottom: 32px;
	padding-bottom: 24px;
	position: relative;
	width: 728px;
}

ol.top10 div.book {
	float: left;
	width: 112px;
}

ol.top10 div.book div.bookBottom {
	background: transparent url('../img/book-bottom-small.gif') no-repeat !important;
	height: 21px !important;
}

ol.top10 div.book div.bookSide {
	background: transparent url('../img/book-side-small.gif') no-repeat !important;
	width: 112px;
}

ol.top10 div.book div a {
	width: 96px;
}

ol.top10 div.book div a:hover {
	background: transparent;
}

ol.top10 div.details {
	margin-top: 8px;
	width: 608px;
}

ol.top10 h2 {
	color: #444;
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 4px 0;
}

ol.top10 p.authorPublisher {
	font-size: 12px;
	margin: 0 0 18px 0;
}

ol.top10 p.productDescription {
	line-height: 20px;
	margin: 0 0 20px 0;
}

ol.top10 div.price {
	color: #111;
	font: normal 24px arial, helvetica, sans-serif;
	margin: 4px 16px 0 0;
}

ol.top10 div.price div.cent {
	color: #888;
	font-size: 14px;
	font-weight: bold;
	margin: 2px 0 0 3px;
}

ol.top10 div.reviews a {
	clear: both;
}

ul#checklist {
	font-size: 14px;
	line-height: 22px;
	list-style: none;
	margin: 0 0 22px 24px;
	padding: 0;
}

ul#checklist label.checked {
	color: #888;
	text-decoration: line-through;
}

ul#index {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0 0 40px 0;
	width: 960px;
}

ul#index li {
	float: left;
	width: 960px;	
}

ul#index li a {
	display: block;
	cursor: pointer;
	padding-bottom: 8px;	
}

ul#index li a:hover {
	background-color: #FFC;
}

ul#index li a div.meta {
	border-top: 1px solid #CCC;
	color: #888;	
	float: left;
	padding-top: 10px;
	text-align: right;
	width: 192px;
}

ul#index li a:hover div.meta {
	border-top-color: #444;
	color: #444;
}

ul#index li a div.meta div.author {
	font-weight: normal;
	line-height: 18px;
}

ul#index li a div.meta div.date {
	font: normal 22px arial, helvetica, sans-serif;
	line-height: 27px;
	text-transform: uppercase;
}

ul#index li a div.title {
	float: right;
	font: bold 48px arial, helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: 54px;
	padding-top: 8px;
	width: 736px;
}

ul#latest {
	list-style: none;
	margin: -4px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 208px;
}

ul#latest li {
	float: left;
	width: 208px;	
}

ul#latest li a {
	display: block;
	padding: 4px;
	width: 200px;
}

ul#nav {
	height: 12px;
	left: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
}

ul#nav li {
	float: left;
	margin-right: 16px;
	overflow: hidden;
}

ul#nav li a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 12px;
	text-indent: -9999px;
}

ul#nav li a.active,
ul#nav li a:hover {
	background-color: transparent;
	background-position: 0 -12px;
}

ul#nav li a#navAbout {
	background-image: url('/img/about.gif');
	width: 41px;
}

ul#nav li a#navHome {
	background-image: url('/img/home.gif');
	width: 33px;
}

ul#nav li a#navSuggestAList {
	background-image: url('/img/suggest-a-list.gif');
	width: 94px;
}