
/*  reset defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
}
table { 
    border-collapse:collapse; 
    border-spacing:0; 
}
fieldset,img {  
    border:0;
		padding-bottom:5px; 
}
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
}
ol{ 
    list-style:none; 
}
caption,th { 
   text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
}
ul {
	list-style: disc  inside;
	}

li {
color:#505050;
font-size:0.9em;
line-height:1.5em;
padding-top:5px;
padding-left:15px;
}

table th.top {
background-color:#ffffff;
border:0px solid #C7C7C7;
color:#FFFFFF;
empty-cells:hide;
font-size:120% !important;
font-weight:normal;
height:1.5em;
line-height:120%;
padding:2px 4px 2px 12px;
text-align:left;

}
#rcbox  {
width:140px;
height:200px;
background-color:#EAF2F5;
color:#426F85;
font-size:12px !important;
padding:5px 5px 5px 5px;
font-weight:normal;
line-height:120%;
text-align:center;
border:solid 1px #e3e3e3;
}

#rcbox p {
font-size:70% !important;
font-weight:normal;
height:1em;
line-height:120%;
text-align:centre;
}

#tablepos {
Margin-left:30px;
}
table th {
background-color:#ffffff;
border:0px solid #C7C7C7;
color:#505050;
font-size:105% !important;
font-weight:normal;
height:1em;
margin-left:100px !important;
padding:2px 7px 2px 12px;
text-align:left;
color:#505050;
font-size:0.9em;
line-height:1.5em;
}
table td {
background-color:#ffffff !important;
border:0px solid #C7C7C7 !important;
color:#505050 !important;
font-size:105% !important;
font-weight:normal;
line-height:140% !important;
padding:2px 4px 2px 12px !important;
text-align:left !important;


}
/*  from natica */

/**************************************************************

   Submenu Styles

 **************************************************************/
 .lightBlueBg {
background-color:#EAF2F5;
}


#sidebarContainer ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
	list-style: none;

}

#sidebarContainer ul.submenu2 li{
  margin: 0;
	 list-style: none !important;
list-style-position:outside;
	padding: 5px;
 list-style-image: none;/*  because IE is balls */
}

#sidebarContainer ul.submenu2 li a {
  display: block;
	 text-decoration: none;
  height: auto !important;
  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */
  padding: 1px 5px 2px 20px;
	}

#sidebarContainer ul.submenu2 li a {
  color: #426F85;
	background: url(images/submenu2.gif) no-repeat 3px 50%;
}

#sidebarContainer ul.submenu2 a:hover {
list-style: none;
  color: #426F85;
  background: #B3C6C4 url(images/submenu2.gif) no-repeat 3px 50%;
}

/*h3  {
  font-family:verdana,arial,sans-serif;
font-size:90%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:170%;
	color: #353E47;
	padding-top:5px;
} **/
h3  {
color:#5D6F73;
font-size:0.9em;
text-transform:uppercase;
font-weight:600;
padding-bottom:10px;
padding-left:7px;
}
q:before,q:after { 
    content:''; 
}
abbr,acronym { border:0; 
}

body {
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	background: #555544;
}

a {
	color: #0076a3;
}

a:hover {
	color: #936;
}

.boldText {
	font-weight: bold;
}

.colorText {
	font-weight: normal;
	color: #ccc;
	font-size: 0.9em
}
.sortText {
	font-size: 1.1em;
	color: #222;
}  
	 


.copy {
	font-size: medium;
}

#mainsection {
  width: 1000px;
  margin: 0 auto;
	padding-bottom: 15px;
	background: #888866;
}

#page {
	width: 960px;
	background: #fff;
}

#topline {
	width: 100%;
	height: 28px;
	background: #fff;
}

#infoBar {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
	padding: 0 0 8px 0; 
}

#infoBar li {
	display: inline;
	padding: 0px 10px;
}

#topmenu {
  width: 980px;
  height: 40px;
  padding: 10px;
  margin: 0 0 5px 0;
	font-weight: lighter;
	font-size: 13px;
	color: #fff; 
	text-decoration: none;
}
 
#topmenu ul { 
	float: left;
	width: 980px;
	height: 34px;
	
	/*background: url(../../images/top-menu-34.png) scroll no-repeat top left;*/
}
 
#topmenu ul li {
	float: left;
	display: inline;
}

#topmenu ul li a {
	float: left;
	display: inline;
	padding: 9px 10px;
	height: 16px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #ccc;
}

#topmenu ul li a:hover {
	/*background: url(../../images/top-menu-highlight-34.png) scroll no-repeat -10px 0;*/
	color: #333;
}

#topmenu ul li.first a:hover {
	/*background: url(../../images/top-menu-highlight-34.png) scroll no-repeat top left; */
}

#topleftmenu {
	float: left;
	display: inline;
	margin-top: 20px;
	width: 60%;
	color: #3158A5;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
}

#topleftmenu ul {
	list-style: none;
}

#topleftmenu ul li {
	display: inline;
	float: left;
	width: auto;
	padding: 2px 10px 5px 0px;
	color: #3158A5;
	text-decoration: none;
	list-style-type: none;
}

.adjust {
	color: #000;
	margin-bottom: -10px;
	padding-bottom: 10px;
}

#topleftmenu a {
	color: #3158A5;
	text-decoration: none;
	font-weight: lighter;
}
		
#topleftmenu a:hover {
	width: 30px;
	color: #936; 
	text-decoration: none;
	font-weight: lighter;
}

#toprightmenu {
	float: right;
	display: inline;
	width: 310px;
	padding: 2px;
	margin: 35px 10px 0 0;
	height: 25px;
	z-index: 10000;
	text-align: right;
}

#header {
	text-align: center;
	background: url(images/banner3.jpg) no-repeat 10px 50px;
	height: 232px;
	width: 1000px;
	z-index: 900;
	margin-bottom: 6px;
}
	
#container {
	float: right;
	margin: 20px;
	clear: both;
	overflow: hidden;
	width: 150px;
	height: 150px;
	background: #fff;
}

.topmenu li {
	display: inline;
}
/* the search results listings */
/* red borders can be lost - are for development only */


#rightcontent {
  float: right;
	display: inline;
	padding-top: 12px;
	margin: 0 30px 15px 0;
	text-align: left;
	color: #666;
	border:0px solid #000000;
	width: 700px;
}
#rcleft  {
width:520px;
float:left;
text-align:left;
margin-right:10px;
border:0px solid #000000;
margin-bottom:10px;
}
#rightcontent #rcleft p {
width:520px;
float:left;
text-align:left;
}



#rcright {
width:160px;
text-align:right;
margin-bottom:10px;
float: right;
padding-left:0px;
padding-top:10px;
border:0px solid #000000;
}
#rightcontent h1 {
  font-size: 2.2em;
  font-weight: normal;
  color: #e06901;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 3px solid #586B7A;
	border-bottom:2px solid #b1b1b1;
}
	 
#rightcontent h2 { 
color:#586B7A;
font-size:1.2em;
font-family:verdana,arial,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:600;
line-height:170%;
padding-top:10px;
}
#rightcontent h3 { 
color:#404040;
font-size:1.1em;
font-family:verdana,arial,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:600;
line-height:170%;
padding-top:10px;
padding-bottom:0px;
text-transform:none;
}
.inline {
color:#586B7A;
font-size:1.2em;
font-family:verdana,arial,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:600;
line-height:170%;
padding-top:10px;
}
#rightcontent p {
width:600px;
color:#505050;
font-size:0.9em;
line-height:1.5em;
padding-top:5px;
}

#rightcontent .result {
	clear: both;
	margin-top: 5px;
	border-top: 1px solid #ddd;
}

#pagecontainer {
	width: 1000px;

background: url(images/main-bg.png) scroll repeat-y top left;
}
#awl  {
margin-left:22px;
}
.content-top {
	width: 1000px;
	margin: 0 auto;	
	background: url(images/bg-top-and-bottom.png) scroll no-repeat 0 -10px;
	height: 10px;
}

.content-bottom {
	width: 1000px;
	margin: 0 auto;	
	background: url(images/bg-top-and-bottom.png) scroll no-repeat 0 -20px;
	height: 10px;
}

#intro {
	float: left;
	padding-bottom: 10px;
	background: #fff;
	line-height: 1.6em;
	color: #505050;
}
#tableframe {
margin-left:320px;
}
#maina {
	float: left;
	width: 200px;
	height: 370px;
	padding: 5px;
	margin: 20px 5px 20px 10px;
	background: #fff;
}

#mainb {
	float: left;
	width: 200px;
	height: 370px;
	padding-top: 6px;
	margin: 20px 5px;
	background: #fff;
}

#mainc {
	float: left;
	width: 200px;
	height: 370px;
	padding-top: 5px;
	margin: 20px 10px 20px 5px;
	background: #fff;
}

.clear {
	clear: both;
}

.listBreaker {
	clear: both;
	color: #eee;
	margin: 3px 0;
}

.break {
	height: 2px;
}

.titlecontainer {
	margin: 10px 0px;
}

.listBlock {
	float: left;
	width: 430px;
	margin-right: 10px;
	font-size: 0.9em;
}

.listPrice {
	float: right;
	width: 110px;
	padding: 10px 5px 0px 5px;
	border: 1px solid #eee;
}

.shop {
	color: #a0a0a0;
	font-size: 0.6em;
	padding-bottom: 5px;
}

.listImage {
	float: left;
	width: 60px;
	margin-right: 10px;
}

.listPic {
	border: 1px solid #000;
}

/* the indivdual book display page */

.bookImage {
	float: left; 
	width: 180px;
	margin: 10px 5px 0 0;
}

.bookPic {
	border: 1px solid #000;
}

.bookTop {
	float: left;
	width: 300px;
	margin: 10px 100px 0 0;
}

.authorName {
	color: #0068ff;
}

.tab {
	float: left;
	width: 140px; 
	padding: 5px;
	cursor: pointer;
	border: 1px solid #eee;
	border-bottom: none;
	background-color: #aaa; 
	color: #fff;
}

#tabBooksellerReview {
	border-left: none;
}

.selected {
	background-color: #666;
}

.textBox {
	width: 560px; 
	clear: both;
	padding: 20px;
	border: 1px solid #eee;
}

.bookBottom {
	float: left; 
	width: 300px;
	display: none;
}

.authorImage {
	float: left;
	width: 180px;
}

.authorPic {
	border: 1px solid #000;
}

.textHilight {

}

/* The category browser */

#browser {
   float: right;
   width: 700px;
   padding-top: 10px;
   margin: 5px 30px 0 0;
   
}

#browser h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #3F86BB;
	
}

#browser ul {
	padding: 5px 0 0 15px;
}

#browser li {
 	text-decoration: none;
	list-style-type: disc;
	color: #3F86BB !important; 
	font-size: 0.9em;
}

#browser li a {
  list-style: none;
	text-decoration: none;
	color: #0076a3;
}
	
#browser li a:hover {
	text-decoration: underline;
	color: #936;
}

#container .column {
	float: left;
	margin-left: 20px;
	border: 1px solid #000;
}

#footer {
  width: 100%;
  height: 40px;
	margin-bottom: 5px;
  padding-top: 5px;
	font-weight: lighter;
	font-size: 0.9em;
	text-decoration: none;
}

#footer.fmenu {
	float: right;
	display: inline;
	text-align: right;
	margin-top: 5px;
	width: 60%;
}

#footer ul {
	list-style-type: none;
}

#footer ul li {
	float: right;
	display: inline;
	width: auto;
	padding: 0 10px;
	color: #bbb;
	text-decoration: none;
	text-align: left;
}

#footer a {
	color: #0076a3; 
	text-decoration: none;
	font-weight: lighter;
}

#footer a:hover {
	width: 30px;
	color: #936; 
	text-decoration: none;
	font-weight: lighter;
}

#inner {
  width: 195px;
	padding: 0px;
}

#topcurve {
  margin-left: 10px;
}

#catList { 
	float: left;
	display: inline;
	width: 205px;
}

#catList h3 {
	float: left;
	width: 200px;
	height: 20px;
	padding: 0px 0px 5px 0px;
	margin: -20px 0 0 -20px;
	background: transparent url(images/sidebarwidget-sprite.png) no-repeat scroll left top;
	color: #936;
	font-size: 1.3em;
	line-height: 140%;
	text-transform: capitalize;
	border-bottom: 1px solid #ccc;
}

#catList li {
	padding: 4px 0px;
	text-align: left;
	color: #82dcee;
}

#catList li bottom {
	float: left;
	width: auto;
	padding: 4px 0px;
	color: #fff;
	background: url(images/bottombar.JPG) no-repeat;
}
#sideback {
  background:#fff;
	}
#sidebarContainer {
	float: left;
/*	display: inline;*/
	width: 200px;
	margin: 10px 0 10px 30px;
	background: #EAF2F5;
	padding:7px;
}
/**
#sidebar {
	float: left;
	display: inline;
	width: 220px;
	background: #EAF2F5;
}
**/
.widget li {
	background: url(images/sidebarwidget-sprite.png) no-repeat bottom left;
	margin-bottom: 10px;
	padding: 15px;
	font-size: 1.0em;
	list-style-type: disc;
}

.widget li.blank { 
	background: url(images/sidebarwidget-sprite-blank.png) no-repeat bottom left;
}

.widget li.book { 
	width: 205px;
	height: 220px;
	background: url(../art/books-we-print/book1.jpg) no-repeat;
}

.widget li.special { 
	background: url(images/sidebarwidget-sprite-special.png) no-repeat bottom left;
}

.widget li li {  
	background: none;
	padding: 0;
	margin: 0;
}

.widget h2 {
	color: #2a332e;
	font-size: 1.3em;
	background: url(images/sidebarwidget-sprite.png) no-repeat top left;
	width: 100%;
	padding: 0 15px 10px 0;
	margin: 0;
	font-weight: bold;
}

.widget .book h2 { 
	background: none; 
	display: none;
}

.widget .blank h2 { 
	background: url(images/sidebarwidget-sprite-blank.png) no-repeat top left;
}

.widget .special h2 { 
	background: url(images/sidebarwidget-sprite-special.png) no-repeat top left;
}

.widget .navigation ul {
	border-top: 1px dashed #dedede;
	text-decoration: none;
	list-style-type: none;
}

.widget .navigation a {
	color: #426F85;
	text-decoration: none;
	padding: 8px 0 0 10px;
	display: block;
	border-bottom: 1px dashed #dedede;
	background: url(images/navigation-arrow-right.png) no-repeat center right;
	font-size: 0.9em;
}

.widget .navigation a:hover, .navigation a.selected { 
	color: #936;
}

ul.makeMenu {
	width: 195px;
	border: none;
	list-style: none;
}

ul.makeMenu li {
	border-bottom: solid 1px #ccc;
	list-style: none;
}

.button {
  padding-top: 2px;
}

.inputbox {
	width: 115px;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 4px 4px 4px;
}

#search_form {
	float: right;
	width: auto;
	margin: 28px 58px 0 0;
}

#search_left {
	float: left;
	display: inline;
	height: 65px;
	width: 150px;
	margin-right: -160px;
	background: url(images/search-form-border-left.png) scroll no-repeat top left;
}

#main_search {
	float: left;
	z-index: 10;
	background: url(images/search-form-border-right.png) scroll no-repeat top right;
	padding: 20px 16px 20px 20px;
}

#main_search #search {
	float: left;
	display: inline;
}

#main_search  #shop_search_field {
	padding: 2px;
	width: 140px;
}

#main_search #sumbit {
	margin-right: 8px;
}

#main_search #submit {
	float: left;
	display: inline;
	margin-top: -6px;
	height: auto;
}

#containerheader, #containerfooter  {
  border: 1px solid #fff;
  border-bottom: 5px solid #fff;
}

.chleft {
	float: left;
	display: inline;
	width: auto;
	padding-top: 5px;
}

.chleft span, .chleft a {
	float: left;
	display: inline;
	padding-right: 5px;
	font-size: 0.9em;
	text-decoration: none;
}

.chright {
	float: right;
	display: inline;
}

.currentPage {
	font-weight: bold;
	text-decoration: underline;
}

#basket tr td {
	padding: 5px 10px 5px 0;
}

