

body { 
	font-family: "trebuchet ms", verdana, helvetica, sans-serif;
	color: #666666; 
	padding: 0px 0 50px 0;
	margin: 0;
	background: #EBEBEB;
	text-align: center;
	min-width: 790x;
	font-size:12px;
}

/** MAIN STRUCTURE ***********************************************/
#body {
	background: #fff;
	float: left;
}


#wrapper {
	text-align: left;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    border: 1px solid #999999;
    background:white;
    }
    
  #wrapper .crosspromo { display: none; background:#475B65; color:white; padding:0.2em; font-size:0.9em; text-align:right; }
   #wrapper .crosspromo a {color:white; }
/*
------------------------------------------------
| #body                                        |
| ______________________________ _____________ |
| | #main                      | | #sidebar2 | |
| | _____________ ____________ | |           | |
| | | #sidebar1 | | #content | | |           | |
| | |           | |          | | |           | |
| | |___________| |__________| | |           | |
| |____________________________| |___________| |
|______________________________________________|
*/


#main {
	width: 600px;
	float: left;
	}

#content {
	width: 405px; 	/* All other browsers */
	float: right;
	padding: 0.5em 0px 0.5em 5px;
	margin:0;
	}
	
* html #content { margin-right:0px;  padding-right:0; }

#content.fullpage { float:left; margin-left:10px; text-align:left; width:700px; !important }

.fullpage table { width:100%; }

#sidebar1 {
	width: 170px; 	/* All other browsers */
	float: left;
	padding: 1em 0 0.5em 5px;
	margin:0;
}


#sidebar2 {
	width: 150px; 	/* All other browsers */
	float: right;
	padding: 1em 10px 0.5em 10px;
}

#sidebar2[id] {
	width:155px;
	margin-left:10px;
}

#footer {
	clear: both;
	text-align: left;
	width: 790px;
	margin: 0.5em auto 0 auto;
}

/** GENERIC STYLES ***********************************************/

form {
	margin: 0;
	padding: 0;
}

.FormButton {   /* overwrite x-cart default style */
color:#666;
}


p {
	margin: 0 0 1em 0;
}
p.right {
	text-align: right;
	padding-right:0.5em;
}
div.clear {
	clear: both;
}


two-columns.clear {
	clear: both;
	padding:0 0 10px 0;
}

a:link {
	color: #CF3F10; 
	text-decoration: none;
}
a:visited {
	color: #A1310C; 
	text-decoration: none;
}
a:hover {
	color: #A1310C;
	text-decoration: underline; 
}
a.active, a.grey, a.grey:visited { 
	color: #666; 
}

.hide {
	display: none;
}

a img {
	border: none;
}

#sidebar2 div.boxout, div.fullpage .boxout { 
	margin: 0; 
	padding: 0 0 .3em 0; 
	margin-bottom:10px;
	background:#EFF1F3;
	font-size:0.9em;
} 

div.fullpage .boxout { padding:.5em 1em; }

#sidebar2  div.boxout p { margin:0.5em; color: #666; }

.fullwidth { width:95%; } 

#sidebar2  div.boxout h2 {
	background: #D7DDE1; 
	padding: 5px 5px;
	margin-top:0;
	color:#475B65;
	text-transform:uppercase;
	font-style: normal;

}

div.boxout h3 {
	margin: 0 0 0.3em 0;
	padding: 0; 
	width: 100%;
}

div.boxout .cart {
margin:.2em;
padding:.4em;
line-height:1.3em;
width:100%;
}

div.boxout .label { color: #666666; }

	
p.morelink a { color:#EFF1F3; font-weight:bold; margin:0; padding:0; }

#content div.boxout h3,  #content div.featurebox h2 { padding:0.5em 0.5em 0 0.5em; color:#ffffff; margin:0; }
#content div.boxout p, #content div.boxout h2, { padding:0.5em 0.5em 0 0.5em; color:#666; margin:0; }


div.featurebox .book h3 a { font-size:1.4em; line-height:1.1em; color:#5F7987;}

div.cover { float:left; text-align:center; width:190px; margin:1em 0.25em; }

.feat_label { float:left; font-size:20px; text-transform:uppercase; color:#A02F0C; clear:right; }
.bc_label { float:left; display: block; font-size:1.6em; font-weight: normal; padding: 0.5em 0 0.5em 0.5em; background: #e6d63f; color:#fff; clear:right; width: 388px; margin-left: -0.3em;}

.cartlabel { float:left; width:50px; }

.bold { font-weight:bold; }
.larger { font-size:1.3em; line-height:1.2em; }

a.button { 	background:transparent url(go_menu.gif) no-repeat; background-position top left;
			padding-left:25px; line-height:1.8em; padding-bottom:3px; }
div.featurebox .midblue a.button { color:#EFF1F3; }

div.featurebox .darkblue a { color:#ffffff; }


div.boxout .price { float:left; width:60%;}

div.book {  padding-top:4px; margin-bottom:1em; }

div.col2 .label { float:left; width:40%; }
div.col2 .formfield { float:left; width:55%; }

.textpaleblue { color:#EFF1F3; } 
.paleblue {  background:#EFF1F3; display: inline-block;}
.midblue {  background:#D7DDE1;  display: inline-block;}
.darkblue {  background:#879BA5; color:#ffffff;  display: inline-block;}
h1.darkblue , h1.midnight, h2.darkblue , h2.midnight  { color:#ffffff; margin:0; padding:0; }
.midnight { background:#5E798A; color:#ffffff;  display: inline-block;}
.no-pad { padding:0px; !important }
.bcbox { border: #e6d63f 2px solid; background:#fff; display: inline-block; width: 390px;}

div.featurebox {
padding:0.5em 0 0.5em 0.5em;
margin:20px 0;
clear:both;
display:block;
}


div.featurebox h2 {
font-size:28px; color:#5F7987;
}

div.pagelist, div.pagination { padding:0.3em; width:100%; }

/* Do horizontal rules like this: <div class="hr"></div><hr />
div.hr {display: none}
/*/*/a{}
div.hr {
	clear: both;
	display: block;
	border-bottom: 1px solid #D7DDE1;
	margin: .1em 0 0.4em 0;
}
hr {display:none}
/* */



p.center {
	text-align: center;
}

/* For form fields */
p.row {
	clear: both;
	padding-top: 0.3em;
}
p.row span.label {
	float: left;
	padding-top: 0.3em;
}
p.row span.formfield {
	float: left;
}


/** HEADER ******************************************************/

#header {
	background: url(../images/lrbshop_header_x09.jpg) top left no-repeat;
	position: relative;
	height: 105px;
	margin: 0;
	padding: 0;
}
#site-title {
	display: none;
	margin: 0;
	padding: 0;
}
#searchbox { 
	float:right;
	text-align: left; 
	background: #475B65;
	color: #ffffff;
	padding: 5px 10px;
	width: 150px;
	height:95px;
	overflow:hidden;
}
#crosspromobox { 
	float: right;
	text-align: center;
	background: #475B65;
	color: #fff;
/*	border-left: 1px solid #fff; */
	padding: 5px 10px;
	width: 150px;
	height:95px;
}

#searchbox a, #searchbox p {
color:#ffffff;
width:100%;
}

#searchbox #searchfield {
font-size:1em; 
width:95%; 
line-height:1.2em;
}

#searchbox h2 {
	margin: 0;
	padding: 0;
text-transform:uppercase;
font-size:1.2em;
}
#searchbox p {
	font-size: 0.9em;
	line-height: 1.1em;
	margin-bottom: 0;
}

#go-button { margin:0; padding:0; border:0; height:24px; width:34px; position:relative; left:-2px; background:transparent; }
#advanced-search { margin:0; position:relative; top:-6px; font-size:0.9em; text-decoration:underline; }

.CustomerTab { 
float:left; background:#ccc; color:#666;
padding:3px; font-size:1.2em; margin:0 5px 0 0;
 }

* html #topnav { /* IE only */
	width: 770px; 	/* Win IE 5 only */
	w\idth: 770px; 	/* Mac IE only */
}
#topnav {
	width: 770px;	/* All other browsers */
	background: #D7DDE1;
	padding: 5px 10px;
	float: left;
}

#topnav a { color: #475B65; }

#topnav a:hover { text-decoration:underline; }


#topnav #nav-options {
	display: block;
	float: left;
}
#topnav #display-currency {
	display: block;
	float: right;
	
}


/** CONTENT COLUMN ******************************************************/

#content h1 {
	color: #5F7987;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.2em 0;
}
#content h2 {
	color: #5F7987;
	margin: 0;
	font-weight: normal;
}
#content h2.category {
	border-bottom: 1px solid #999;
	padding-bottom: 0.1em;
	margin: 1em 0 0.3em 0;
}
#content h3 {
	margin: 0.5em 0 0 0;
	color: #5F7987;
}

/* central ad splash styles */
#content h3.splash { color: #fff; font-size: 1.6em;  background-color: #5f7986; width: 380px; padding: 10px;}
#content h3.splash2 { color:#A02F0C; font-size: 1.6em;  background-color: #eff1f3; width: 380px; padding: 10px; border-top: 3px solid #5f7986; border-bottom: 3px solid #5f7986; }
div.splash { color: #fff; background-color: #5f7986; width: 380px; padding: 10px; }
div.splash2 { color: #666; background-color:#eff1f3; align: center; min-height: 150px; padding: 5px; }
#content h3.splash3 { color:#A02F0C; font-size: 1.6em;  background-color: #fff1c0; width: 380px; padding: 10px; border-top: 3px solid #A02F0C; }
div.splash3 { color: #666; background-color:#fff1c0; align: center; min-height: 50px; padding: 5px 0px 5px 5px; border-bottom: 3px solid #A02F0C; }

#content p.caption
{ font-size: 0.75em; font-style: italic; }

#content div ul li a:link {
	color: #CF3F10; 
	text-decoration: none;
}
#content div ul li a:visited {
	color: #A1310C; 
	text-decoration: none;
}
#content div ul li a:hover {
	color: #A1310C;
	text-decoration: underline; 
}

#content .book h3 {
	color: #CF3F10;
	font-weight: normal;
	margin: 0 0 0.2em 0;
	padding: 0;
	line-height: 1.1em;
}

#content .book .ranking {
	float:left; width:8%;
	color:#666666;
}

#content ul {
	margin: 0 0 0.5em 1.3em;
	padding: 0;
}

#content #introlinks {
text-align: center;
padding: 0 0 0.5em 0;
margin: 0 auto;
background-color: #fff;
font-family: Trebuchet MS, sans-serif;
width: 390px; 
}

#content #introlinks li  
{ display: inline; 
margin-top: -0.2em;
}

#content #introlinks li a
{
padding: 0 2em; 
color: #cf3f10;
text-decoration: none;
font-weight: normal;
}

#content #introlinks li a:hover
{
color: #a1310c;
text-decoration: underline;
}

.subnav ul {
	margin: 0 0 0.5em 1.3em;
	padding: 0;
	display:inline;
	list-style:none;
}

#content ul li {
	margin: 0;
	padding: 0;
	color:#666666;
}

#content ul li a {
	color:#666666;
}

#content img.thumb {
	margin: 2px 10px 2px 0px; 
	border: 1px solid #999999; 
	float: left;
}
#content img.thumb2 {
	margin: 2px 0 2px 10px; 
	border: 1px solid #999999; 
	float: right;
}
#content p {
	line-height: 1.21429em; /* 17px if font-size is 14px */
}
#content p.discount-area {
	margin-bottom: 0;
}
#content p.promo {
	font-weight: bold;
	margin-bottom: 0.2em;
}
#content p.fragment em {
	background-color: #fff109;
}

#content p.price
{
	float: right;
	width: 60px;
	font-weight: bold;
	text-align: right;
	padding: 2px;
	background-color: #879BA5;
	background-image: url(corner_left_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #ffffff;
	margin-top:-5px;
}

#content p.price .old, #content td.price .old {
	text-decoration: line-through;
	font-weight: normal;
	color:#D7DDE1;
}
#content p.price .new, #content td.price .new {
	color: #ffffff;
}
#content #bchoice {
padding:0 0 0.5em 0.5em;
margin:0 0 20px 0;
}

#content #bchoice p.price {
	background-color: #e6d63f;
	background-image: url(bc_corner_left_bot.gif);

}
/*
#content #bchoice p.price {
background-color: #fff;
background-image: url(/skin1/images/save_blank.gif);
background-repeat: no-repeat;
min-width: 94px;
min-height: 95px;
}

#content #bchoice p.price .old {
	margin-top: 20px;
	}

#content #bchoice p.price .new {
	color: #9a0029;
}
*/
#content p.author {
	font-weight: bold;
	margin-bottom: 0.2em;
}
#content p.details {
	font-weight: bold;
	margin-top: -0.5em;
}

.quote {
	font-weight: bold;
	font-size:1.2em;
	line-height:1.5em;
	margin:0.5em;
}

.attrib {	font-weight: normal;
	font-size:1em;
	line-height:1.5em;
	margin:0 0.5em;
}

#content .search h3 {
color:#CF3F10;
}

/* For the gift selection form */
.question { border: 0; padding: 0 0 10px 0; }
.textinput { margin-bottom: 15px; }
.radpair { white-space: nowrap; }
.startradiorow { width: 30%; text-align: right; float: left;}
.radiooption { width: 8%; float: left;}
.endradiorow { width: 30%; text-align: left; float: left; }
.subjopt { width: 50%; float: left; text-align: left; }
.subjoptfw { width: 100%; }

/* For making two columns within the content column */

#content div.two-columns {
	background: url(bg_two_column.gif) repeat-y;
}
#content div.two-columns div.book {
	float: left;
	width: 189px;
	margin-right: 21px;
	clear:both;
	margin-bottom:1em;
}

#content div.two-columns div.last {
	margin-right: 0;
}
#content div.two-columns h3 {
	font-weight: bold;
}

/* For the Christmas page */

#content div.twocolwrap
{
width: 400px;
float: left;
margin-bottom: 0.8em;
}

#content div.twocolleft1
{
float: left; 
width: 46%; 
height: 200px; 
background-color: #fff; 
border: 4px solid #AECFEA;
}

#content div.twocolleft1 h2
{
background-color: #AECFEA; 
color: #791C3A; 
font-size: 1.4em; 
padding: 0.2em;
}

#content div.twocolright1
{
float: right; 
width: 46%; 
height: 200px; 
border: 4px solid #791C3A;
}

#content div.twocolright1 h2
{
background-color: #791C3A;
color: #fff;
font-size: 1.4em;
padding: 0.2em;
}

#content div.twocolright1 p, #content div.twocolright2 p, #content div.twocolleft1 p, #content div.twocolleft2 p, #content div.xmasfullcol p
{
color: #791C3A; 
margin: 0.5em;
float: left;
}

#content div.twocolright1 a, #content div.twocolright2 a, #content div.twocolleft1 a, #content div.twocolleft2 a, #content div.xmasfullcol a
{
color: #791C3A;
text-align: left;
font-weight: bold; 
font-size: 1.2em;
line-height: 1.2em;
}


#content div.twocolleft2
{
float: left; 
width: 46%; 
height: 200px; 
background-color: #fff; 
border: 4px solid #791C3A;
}

#content div.twocolleft2 h2
{
background-color: #791C3A; 
color: #fff; 
font-size: 1.4em; 
padding: 0.2em;
}

#content div.twocolright2
{
float: right; 
width: 46%; 
height: 200px; 
border: 4px solid #AECFEA;
}

#content div.twocolright2 h2
{
background-color: #AECFEA;
color: #791C3A;
font-size: 1.4em;
padding: 0.2em;
}

#content div.xmasfullcol
{
width:97%; 
float: left;
margin-bottom: 0.8em;
background-color: #fff; 
border: 4px solid #AECFEA;
}

#content div.xmasfullcol h2
{
background-color: #AECFEA; 
color: #791C3A; 
font-size: 1.4em; 
padding: 0.2em;

}

/* For the Cake Shop and Found In Translation pages */

#content #cakeshopnav, #content #foundintransnav
{
text-align: center;
padding: 1em 0em 1em 0em;
margin: auto;
background-color: #fff;
font-family: Trebuchet MS, sans-serif;
width: 400px; 
}

#content #cakeshopnav li, #content #foundintransnav li  
{ display: inline; }

#content #cakeshopnav li a, #content #foundintransnav li a
{
padding: 0.2em 0.8em; 
color: #cf3f10;
text-decoration: none;
border-right: 1px solid #475B65;
font-weight: normal;
}

#content #cakeshopnav li a:hover, #content #foundintransnav li a:hover
{
color: #a1310c;
text-decoration: underline;
}

#content #cakeshopnav li a.last, #content #foundintransnav li a.last
{
border-right: 0;
}

/* For World Lit Weekend 2010 */

#content #WLW2010 ul

{
text-align: center;
padding: 0.3em 0em 0.5em 0em;
margin: auto;
background-color: #fff;
font-family: Trebuchet MS, sans-serif;
width: 400px; 
}

#content #WLW2010 li  
{ display: inline; }

#content #WLW2010 li a
{
padding: 0.2em 0.8em; 
color: #d30;
text-decoration: none;
border-right: 1px solid #475B65;
font-weight: normal;
}

#content #WLW2010 li a:hover, #content #WLW2010 a:hover
{
color: #d30;
text-decoration: underline;
}

#content #WLW2010 li a.last
{
border-right: 0;
}

#content #WLW2010 h2, h3, h4
{
color: #d30;
}

#content #WLW2010 #event-widget
{
float: right; 
width: 200px;
background-color:#eee; 
padding: 5px; 
border: 1px solid #475B65;
margin-left: 5px;
}

#content #WLW2010 .event-feature
{
float: right; 
width: 200px;
background-color:#eee; 
padding: 5px;
border: 1px solid #475B65;
margin-left: 5px;
}

#content #WLW2010 #event-widget h3,  #content #WLW2010 div.event-feature h3
{
margin-top: 0.5em;
margin-bottom: 0;
}
#content #WLW2010 #event-widget h4, #content #WLW2010 div.event-feature h4
{
margin-top: 0;
margin-bottom: 0.5em;
}

#content #WLW2010 a
{
color: #d30;
text-decoration: none;
font-weight: normal;
}

#content #WLW2010 div.wlwhr02, #content div.wlwhr02 {
background: url(/skin1/images/rope-02.jpg);
clear: both;
margin: 0;
padding: 0;
width: 400px;
height: 47px;
}

#content #WLW2010 div.wlwhr01, #content div.wlwhr01 {
background: url(/skin1/images/rope-01.jpg);
clear: both;
margin: 0;
padding: 0;
width: 400px;
height: 47px;
}

/* Forms */

/* Forms */

#content p.row {
	float: left;
	padding-top: 0;
	margin-bottom: 0.3em;
	width: 397px; /* 400px is too wide for Mac IE */
}
#content p.row span.label, #content td.label {
	width: 150px;
}

.featurebox .label { float:left; width:150px; }
.featurebox .formfield { float:left; width:230px; }

#content p.row span.formfield {
	margin-left: 10px;
	padding-top: 0.2em;
	width: 237px;
}

#content p.row span.formfield input.text {
	width: 220px;
}
#content p.row span.formfield input.narrow {
	width: 80px;
}

#content p.row span.formfield input.short {
	width: 40px;
}

#content .required, #content .error {
	color: #CF3F10;
}

#content p.row span.emaillabel {
	width: 100px;
	display: inline-block;
}

#content p.row span.emailformfield {
	margin-left: 10px;
	padding-top: 0.2em;
	width: 287px;
}

                
/* Tables */
table {
	border-spacing: 0;
	border-collapse: collapse;
}	
table.rates {
	width: 400px;
}
table.rates th {
	background: #EBEBEB;
	font-weight: normal;
	text-align: right;
}
table.rates td {
	text-align: right;
}
table.rates th.key,
table.rates td.key {
	text-align: left;
	padding: 0.3em 2px;
}
tr .price {
	text-align: right;
}

table.listing {
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}

#content div.biog {
margin-top: 10px;
clear: left;
min-height: 90px;
}

#content div.eventbook {
float: right;
width: 80px;
padding: 5px;
margin-left: 10px;
margin-top: -40px;
background: #EFF1F3;
}

#content div.eventbook p.price
{
	width: 50px;
	margin-top:-5px;
	margin-right: -5px;
	clear: both;
}

#content div.eventbook h3, #content div.eventbook p.author {
font-size: 1em;
}
#content div.eventbook form {
font-size: 0.9em;
}

#content div.eventbook a img {
/* COMMENTED OUT FOR NOW - NOT WORKING
width: 65px;
margin: 0 auto;
*/
padding-top: 5px;
}

p.xnmore {
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
}

/** TABLES **************************************************************/

table {
	width: 365px;
	margin-bottom: 0.5em;
}
th {
	text-align: left;
	font-weight: bold;
	padding: 0.5em 2px;
}
td {
	text-align: left;
	vertical-align: top;
	padding: 0.3em 2px;
}


tr.row-a td {
	background: #EBEBEB;
}
tr.details td {
	padding-top: 0;
}

/** LEFT SIDEBAR ******************************************************/

#sidebar1 h2, #sidebar2 h2  {
	margin: 0 0 0.4em 0;
	padding: 0 0 0.2em 0.2em;	
	color:#879BA5;
	background:#EFF1F3;
}

#sidebar1 ul { display:block; padding-top:0.2em; }

#sidebar1 ul,
#sidebar1 li {
	margin: 0 0 0 0.2em;
	padding: 0;
}

#sidebar1 li {
	list-style-type: none;
	margin-bottom: 0.3em;
}


/** RIGHT SIDEBAR ******************************************************/



#sidebar2 h3 {
	color: #CF3F10;
	font-weight: normal;
	margin: 0 0 0.3em 0;
	padding: 0;
}
#sidebar2 h4 {
	margin: 0;
	padding: 0;
	line-height: 1.125em;
}



#sidebar2 div.boxout p.row span.label {
	width: 40px;
}
#sidebar2 div.boxout p.row span.formfield {
	width: 65px;
}
#sidebar2 div.boxout input.text {
	width: 125px;
}
#sidebar2 div.boxout p.row span.formfield input.text {
	width: 65px;
}

#sidebar2 ul,
#sidebar2 li {
	margin: 0;
	padding: 0;
}
#sidebar2 ul {
	margin-top: 0.3em;
}
#sidebar2 li {
	list-style-type: none;
	margin-bottom: 0.2em;
}


/** ALL FONT SIZES ******************************************************/

body {
	font-size: 13px;		/* 14px (if the browser default is 16px) */
}

#content h1,
#content h2 {
	font-size: 1.42857em;	/* 20px */
}

#content .book h3,
#content p.promo,
#sidebar1 h2,
#sidebar2 h2,
#sidebar2 h3 {
	font-size: 1.2em;	/* 20px */
}

#content .search h3, #content p.discount-area {
	font-size: 1.18471em;	/* 18px */
}

.discount { font-color:#666; white-space:nowrap; clear:right; }

#sidebar2 h4,
#content h3,
#content p.author {
	font-size: 1.14286em;	/* 16px */
}

#topnav,#sidebar2 h2,
#content div.two-columns h3,
#content div.two-columns p.author {
	font-size: 1em;			/* 14px */
}

#content span.note, #content p.note, #content div.pagination,
#content small  {
	font-size: 0.85714em;	/* 12px */
}

#content p.pagination { padding:0px; margin:0 0 .2em 0; }

select,
input.text,
input.submit {
	font-size: 0.78571em;	/* 11px */
}

.column { float: left;}
.two {width:180px; padding-right:0.3em; }


td.submit { 
padding:2px; 0 0 10px; 
}

#sidebar2 div.boxout .item , p.total {
	font-size: 1em;	/* 12px */
	font-weight:bold;
}

#sidebar2 div.boxout input.submit {
font-size:0.6em;
}

/* ****IMAGES */

.authpic { float: left; padding: 5px 10px 5px 0; }
.authpicr { float: right; padding: 0px 0px 5px 10px; }

/* ****FLASH PLAYER */

object { 
margin-top: 10px;
clear: left;
}
