/* CSS Document */

html {margin: 0;padding: 0;}
* {margin: 0;padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:120%; font-style:normal;  letter-spacing:0.1px; font-size:x-small;voice-family: "\"}\""; voice-family: inherit;font-size:small;}
html>* {font-size:small;}

body {behavior: url("../include/csshover.htc"); padding:0; margin:0; text-align:left; width: 804px; background:url("../images/page_bg.png") repeat-y left #E6E6E6; color:#000;}

h1, h2, h3{font-family:"Trebuchet MS", Arial; font-weight:bold;}
h1 {font-size:140%; line-height:140%;}
h2 {margin:0 0 0.8em 0; padding:0; font-size:120%; line-height:120%;}
h3 {font-size:110%; line-height:110%;}
a span, .hide, h1 span, .last-li {display:none;}
.left {float:left;}

a:link, a:active, a:visited{color:#000; text-decoration:none; border-bottom: 1px dotted #000;}
a:hover {border-bottom:1px solid #000;}
a.title:link, a.title:active, a.title:visited {font-weight:bold; font-size:120%;color:#000; border-bottom:1px dotted #000;}
a.title:hover {border-bottom: 1px solid #000;}
a.indexaz:link, a.indexaz:active, a.indexaz:visited {color:#fff; border-bottom: 1px dotted #fff;}
a.indexaz:hover {border-bottom: 1px solid #fff;}

a.add:link, a.add:visited, a.add:hover {background:url("../images/btn_add2cart.png") no-repeat; height:20px; width: 107px; display:block; border:0; margin:0 5px 20px 0;}
a.more:link, a.more:visited, a.more:hover {background:url("../images/btn_more_info.png") no-repeat; height:20px; width: 91px; display:block; border:0; margin:0 5px 20px 0;}
a.more:hover, a.add:hover {background-position: 0 -20px;}

a.addSm:link, a.addSm:visited, a.addSm:hover {background:url("../images/btn_add2cart_sm.png") no-repeat; height:15px; width: 93px; display:; border-bottom:0; float:left; margin:0;border:0;}
a.moreSm:link, a.moreSm:visited, a.moreSm:hover {background:url("../images/btn_more_info_sm.png") no-repeat; height:15px; width: 93px; display:block; border:0; float:left; margin:2em 0 0.4em 0;}
a.moreSm:hover, a.addSm:hover {background-position: 0 -15px;}

#header {background:url("../images/header_bg.png") repeat-x top left; height:144px; margin:0 10px;}
#header h1 {height:114px; width:100%;} 
#header h1 a {position:absolute; width:190px; height:105px; top:8px; left: 17px; background:url("../images/logo.png"); display:block;border:0;}
#header form {position:absolute;top:85px;left:350px;}
#header .booksearch {position:absolute;top:88px;left:256px;}
#header .gosearch {position:absolute;top:83px;left:480px;}
#header .button {padding:0px;margin:0px;vertical-align:bottom;}
#header h1 a span {display:none;}

/* navigation */
div#nav {width:784px; margin: 0; height:30px; background: #000; text-align:left;}
div#nav ul {margin: 0 0 0 10px; padding: 0;}
div#nav li {position: relative; list-style: none; margin: 0; float: left; background:url("../images/nav_pipe.png") top right no-repeat; z-index: 20;}
div#nav li a {font-size: 90%; color:#fff; text-decoration: none; display: block;border:0;}
div#nav li a:hover {text-decoration: underline;}
div#nav>ul a {width: auto;}
div#nav ul li:hover ul {display:block;}
div#nav ul ul {position: absolute; margin:0; padding:0; display: none; top: 30px; left: -10px; background-color:#202020; width:200px; z-index:4;}
div#nav ul ul li {float:left; display:block; clear:left; background-image:none; border-bottom:1px solid #101010;}
div#nav ul ul li a {padding: 2px 3px 3px 12px; /* background: #202020;*/width: 185px; text-decoration: none; display:block;}
div#nav ul ul li a:hover {background: #000; text-decoration: none;}

#navhome {background:url("../images/nav_home.png") no-repeat top left; width:61px; height:30px; display: block;}
#navhome:hover {background-position:0 -30px;} 
#navbasket {background:url("../images/nav_basket.png") no-repeat top left; width:126px; height:30px; display:block;}
#navbasket:hover {background-position:0 -30px;} 
#navaccount {background:url("../images/nav_acc.png") no-repeat top left; width:121px; height:30px; display:block;}
#navaccount:hover {background-position:0 -30px;} 
#navhelp {background:url("../images/nav_help.png") no-repeat top left; width:91px; height:30px; display:block;}
#navhelp:hover {background-position:0 -30px;} 
#navorder {background:url("../images/nav_order.png") no-repeat top left; width:117px; height:30px; display:block;}
#navorder:hover {background-position:0 -30px;} 

/* right column */
#rightcol {position: absolute; top: 15px; left:618px; background-color: #CC5200; border:1px solid #000;  border-width: 0 1px 1px 1px; width:160px; z-index:30;}
* html #rightcol {width:160px;}
#rightcol ul {width:160px;}
#rightcol li {list-style:none; float:left; background-repeat:no-repeat;  border-bottom: 1px solid #CC5200;}
#rightcol ul li a {background-repeat:no-repeat; background-position: 0 0; display:block; width:160px; height:25px; border:0;}
#rightcol ul li a:hover {background-position:-160px 0;}
#rightcol ul li:hover ul {display:block;}
#rightcol ul ul {position: absolute; margin:0;  padding:0; display: none; left: -142px; background-color:#f60; width:140px;  border:1px solid #000;}
#rightcol ul ul li {float:left; display: block; clear:left; background-image:none; border-bottom:1px solid #CC5200;}
#rightcol ul ul li a {padding: 2px 3px 2px 4px; height:auto; width:133px;background: #f60; font-size: 90%; color:#fff; text-decoration: none; display:block;}
#rightcol ul ul li a:hover {background: #CC5200;}

#rnavaz {background-image: url("../images/rnav_az.png");}
#rnavsubject {background-image: url("../images/rnav_subject.png");}
#rnavtitles {background-image: url("../images/rnav_newtitles.png");}
#rnavbestsellers {background-image: url("../images/rnav_bestsellers.png");}
#rnavpostcards {background-image: url("../images/rnav_postcards.png");}
#rnavmanagement {background-image: url("../images/rnav_management.png");}
#rnavpress {background-image: url("../images/rnav_press.png");}
#rnavabout {background-image: url("../images/rnav_about.png");}
#rnavcontact {background-image: url("../images/rnav_contact.png");}
#rnavcat {background-image: url("../images/rnav_cat.png");}
#rnavnews {background-image: url("../images/rnav_news.png");}
#rnavinfo {background-image: url("../images/rnav_info.png");}
#rnavresources {background-image: url("../images/rnav_resources.png");}
#rnavnewsletter {background-image: url("../images/rnav_newsletter.png");}
#rnavother {background-image: url("../images/rnav_other.png");}
#rnavtwitter {background-image: url("../images/rnav_twitter.png");}
#rnavblog {background-image: url("../images/rnav_blog.png");}

#rnavjoin {background: url("../images/rnav_join.png") no-repeat top left; height:25px;}
#rnavjoin:hover {background-position:-160px 0;}

.quote {width:160px; background: url("../images/quote_top.png") top left; clear:left; color:# 000; text-align:center;}
.quote p {padding: 25px 42px 0 16px; color:#000;cursor:pointer;}
.quote p.bold {padding: 0 40px 10px 20px; color:#000; font-size:90%; font-weight:bolder;}
.quoteBot {margin:0; padding: 0; width:160px; height:161px; background: url("../images/quote_bottom.png") top left; clear:left;}

#rightcol .rcolbottom {background: url("../images/rnav_footer.png") no-repeat top left; width:160px; height:59px; clear:left;}
#geezer {position:absolute; z-index:25; top: 0; left:522px; background:url("../images/rnav_figure.gif") no-repeat; width:161px; height:193px;}

/* other page element */
#content {margin:0 10px 30px 10px; padding:18px 192px 0 20px; clear:both; background: url("../images/content_bg.png") top left repeat-x; min-height: 350px;}
* html #content {height: 350px;}

/* styles for index */
#welcome {position: relative; background: url("../images/welcome_box_top.gif") 0 0 #ffc94e no-repeat;margin-bottom:20px;}
#news {position: relative; background: url("../images/news_box_top.gif") 0 0 #ffc94e no-repeat;margin-bottom:20px;}
*html #welcome {height:225px;}
#welcome .text {/*background: url("../images/welcome_box_figure.png") no-repeat 4px 15px;*/ z-index: 10;}
#welcome .base {background: url("../images/welcome_box_bottom.gif") bottom left no-repeat transparent; width: 100%; height: 7px; z-index: 5;} 
#welcome h2 {padding: 22px 10px 12px 10px; margin:0; font-size:130%; letter-spacing: 0.1em; text-align:center;}
#welcome p {padding: 0 6px 20px 10px; margin: 0;}


#news h3 {padding: 0 0 8px 0;}
#news h2 {padding: 22px 10px 12px 10px; margin:0; font-size:130%; letter-spacing: 0.1em; text-align:center;}
#news p {font-family:"Trebuchet MS",Arial; line-height:120%; padding: 0 6px 20px 10px;}
#news a:link, #welcome .news a:active, #news a:visited {color:#000; text-decoration:none; border-bottom: 1px dotted #000;}
#news a:hover {border-bottom: 1px solid #000;}
#news .base {background: url("../images/welcome_box_bottom.gif") bottom left no-repeat transparent; width: 100%; height: 7px; z-index: 5;} 


#atoz {background:url("../images/index_az.png") no-repeat; width:184px; height: 100px; display:block; float:left; margin:12px 8px 12px 0;}
#discount {background:url("../images/index_discounts.png") no-repeat; width:184px; height: 100px; display:block; float:left; margin:12px 8px 12px 0;}
#management { background:url("../images/index_management.png") no-repeat; width:184px; height:100px; display:block; float:left; margin:12px 0;}

#atoz h3, #discount h3, #management h3 {padding: 6px 2px 5px 68px; color:#fff;}
#atoz p, #discount p, #management p {padding: 0 2px 4px 68px; font-family:"Trebuchet MS", Arial; font-size:94%; line-height:130%; color:#fff;}
#atoz a, #discount a, #management a {font-family:"Trebuchet MS", Arial; font-size:94%; color:#fff;}

/* styles for results */
.searchNav {text-align: center; padding: 10px; margin:0; color: #000; line-height:240%;}
.searchNav p {margin: 0 0 0.8em 0; color: #000;}
.searchNav span {font-weight: bold; padding: 1px 4px 1px 4px; margin: 0; color: #000;}
.searchNav a:link, .searchNav a:visited, .searchNav a:active {background: #ffd77c /*#9DC9F0*/; color: #9c7312 /*#003870*/; text-decoration: none; padding: 1px 4px 1px 4px; border: 1px solid #ca9147 /*#3E82BE*/; margin:12px 1px 0 1px;}
.searchNav a:hover {border: 1px solid #b37d00 /*#003972*/; background: #ffe6aa /*#BED7EF*/ ; color:#9c7312;}
.sTop {background: url("../images/results_top.gif") top left no-repeat #ffc94e;}
.sBot {background: url("../images/results_bottom.gif") bottom left no-repeat #ffc94e; padding-top:15px; clear:both;}

#results {width:568px; color: #000; background: #ffc94e;}
#results ol {list-style:none; background: #ffc94e; float:left;}
#results ol li {list-style: none; clear: both; margin: 0 5px; padding:10px 0; border-bottom:1px solid #b37d00; display: block;}
#results .first { border-top:1px solid #0060BF;}
#results .imageCol {float:left; width:145px; height:100px; position:absolute;}
#results .imageCol .jacket {z-index:5; margin:0; padding:0; position:relative; top:0; left:0;border:0px;}
#results .imageCol .jacket img {border: 1px solid #000; margin-left:5px;}
#results .imageCol .jacket a {border: 0px;}
#results .imageCol .new {width: 56px; height:56px; background:url("../images/new.png") top left no-repeat; display:block; z-index:10;position:relative; top:-55px; left:86px;}
* html #results .imageCol .new {background:url("../images/new.gif") top left no-repeat; display:block;position:relative;}
#results .imageCol .new span {display:none;}

#newb {width:568px; color: #000; background: #ffc94e;}
#newb ul {list-style:none; background: #ffc94e; float:left;}
#newb ul li {list-style: none; clear: both; margin: 5px; padding: 5px; display: block;}
#newb .black {color:black;border:black;font-weight:600;}
#newb hr {height:1px; color: #b37d00; background-color: #006CD9; border:1px;}
#newb .imageCol {float:right; width:145px; height:100px;}
#newb .imageCol img {border:1;border-color:black;}
#newb .heading {margin:10px;color:black;}
#newb .p10  {margin:10px;color:black;}


.biblio {margin: 0 110px 0 150px; line-height:160%; font-weight:bold;}
.biblio h4 {margin:0 0 0.4em 0; padding:0; color: #000;}
.biblio h4 a:link, .biblio h4 a:hover, .biblio h4 a:visited, .biblio h4 a:active {color: #000; border-color: #333; font-family:"Trebuchet MS", verdana, Arial; font-size:120%; line-height:140%;} 
.biblio span {font-weight:normal;}
.biblio a:link, .biblio a:hover, .biblio a:visited, .biblio a:active {color: #000; border-color: #333;} 
.more {float:right; width:105px;}


#display {margin:0 10px 3em 10px;}
#display a:link, #display a:hover, #display a:visited, #display a:active {color: #000; border-color: #333; font-weight:600;}
#display .imageColumn {float:left; width:145px;}
#display .imageColumn img {margin:4px 0 10px 0;}
#display .imageColumn p {margin: 0 0 0.6em 0;}
#display .text {margin: 0 10px 0 150px;}
#display .title {font-size:150%; text-align:left; font-weight:bold; letter-spacing:1px; margin: 15px 0 15px 0; font-family:"Trebuchet MS", Verdana, Arial;}
#display .sub {text-align:left; margin-top:10px;}
#display .line {line-height: 160%;}

#sitemap {margin-left: 50px;}
#sitemap ul {width:400px;}
#sitemap ul li a {font-weight: bold;}
#sitemap ul ul li a {font-weight: normal; margin-left: 20px;}

#footer {clear:both; color: #000; line-height: 145%; margin:20px 200px 0 20px; padding: 10px; border-top: 1px solid #c08700; text-align:center;}
/* form validation */
label {	text-align: right;width: 75px;padding-right: 20px;}
span.error {display: block;	float: left;margin-left: 5px;color: #cc0000;font-weight: 300;}
input.error {border: 1px solid #cc0000;background-color: #ffffff;}

#cartoons {padding: 10px 0 20px 25px;}
#cartoons .column {width: 260px; float:left;}
#cartoons img {float:left; margin: 5px 5px 5px 0;}
#cartoons a {border: 0;}


/* tip of the day */
#tip {
	text-align: center;
	font: 14px/1.6 Futura, "Trebuchet MS", Arial, sans-serif;
	color: #222;
	position: absolute;
	top: 65px;
	left: 160px;
	width: 404px;
	z-index: 9999;
	display: none;	/* shown by JQuery onMouseOver certain page elements. */
}
.tip-top {
	background:url("../images/tip_day_top.png") 0 0 no-repeat;
	padding: 20px 60px 0 30px;
	}
#tip h2 {
	font: 18px/1 Futura, "Trebuchet MS", Arial, sans-serif;
	color: #222;
}
.tip-bot {
	background:url("../images/tip_day_bot.png") 0 0 no-repeat;
	height: 50px;
	width: 314px;
	padding: 12px 60px 8px 30px;
	text-align: right;
	}
.tip-bot a,
.tip-bot a:visited {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #ddd; 
	color: #000;
	padding: 2px 12px 4px;
	border: none;
	}
.tip-bot a:focus,
.tip-bot a:hover {
	background: #ccc;
}
.tsrc {font-size: 11px; font-style: oblique; margin-top: 8px;}

em{font-style:italic;display:block;margin-bottom:4px;}

.uscustomers  {
  float:left;
  position:absolute;
  left:258px;
  top:35px;
  text-align:center;
  z-index:55;
}

.uscustomers img {
  vertical-align:middle;
}

.uscustomers a:link,
.uscustomers a:visited  {
  color:#fff;
  font-weight:bold;
}

td.us_header  {
  background:#f4ab00;
  padding:3.75pt 3.75pt 3.75pt 3.75pt;
}