body {
font-family : Arial, Helvetica, sans-serif;
font-size : small;
background-color : #FFFFFF;
text-align : center; /* IE5/5.5 hack to centre page */
color : #555555;
}

#docbase {
text-align : left; /* necessary to reset the text-align : center in the body section */
/* background : url(/images/background-centre.gif) center 23px repeat; */
background : url(/images/background-centre.gif) center repeat;
width : 998px;
/* height : 100%; */
margin : 0 auto;
padding : 0;
background-color : #FFFFFF;
overflow : auto;
}

#sidebar {
width: 235px;
padding : 0;
float : left;
margin : -30px 0 0 10px;
}

#search , #subscribe, #basket {
margin : 0 0 10px 0;
overflow : auto;
}

/*#search, #subscribe' #basket*/

#search {
background : #B9FFB9;
}

#subscribe {
background : #B0ECFF;
}

#basket {
background : #FFFFCC;
overflow : hidden;
}

#search h2, #subscribe h2, #basket h2, #search p, #subscribe p, #basket p, #basket input {
margin : 5px 10px 0 10px;
}

#search p, #subscribe p {
margin : 0 10px 10px 10px;
}

#searchbox, #emailadd {
color : #CCCCCC;
}

#search input, #subscribe input {
float : left;
margin : 0 0 10px 10px;
}

#basket ul {
list-style-type : none;
margin : 10px;
padding : 0;
font-size : 85%;
border-bottom : solid 1px #333333;
}

.baskettitle {
font-weight : bold;
}

#basket .f1 {
width : 100%;
overflow : hidden;
}

#basket li {
overflow : auto;
border-top : solid 1px #333333;
padding : 5px 0;
margin : 0;
}

#basket li input {
width: 3em;
}

#basket input {
font-size : 85%;
}

#basket .quantity {
float : right;
}

#basket .total {
font-weight : bold;
}

#basket .total_and_postage {
float : right;
width : 120px;
text-align : right;
}

#basket .postage {
font-size:85%;
font-style : italic;
}

#basket h3 {
clear : both;
padding-top : 20px;
font-size : medium;
font-weight : bold;
text-align : left;
color : #444444;
font-style : normal;
}

#basket .checkout {
width : 49%;
float : left;
padding-top : 170px;
text-align : center;
margin-bottom : 10px;
}

#basket .checkout#paypal {
background : url(/images/paypal.gif) top center no-repeat;
}

#basket .checkout#post {
background : url(/images/post.gif) top center no-repeat;
border-left : solid 1px #333333;
}

#basket .information {
background : url(/images/paypal.gif) left center no-repeat;
padding-left : 120px;
font-size : 85%;
margin-bottom : 10px;
}

#content {
width : 715px;
background : #D2EEEE;
margin : 0 0 0 19px;
-moz-border-radius : 0 0 10px 10px;
-webkit-border-bottom-left-radius : 10px;
-webkit-border-bottom-right-radius : 10px;
border-bottom-left-radius : 10px;
border-bottom-right-radius : 10px;
float : left;
}

#content h1, #content h2, #content h3, #content p, #content ul, #content select, #content fieldset,
	.info h1, .info h2, .info h3, .info p, .info ul{
margin : 10px;
}

#book_details, #related_books {
float : left;
margin : 0 0 10px 10px;
}

#book_details {
width : 460px;
}

#book_details  .authors, #book_details .price {
font-style : italic;
}

#content p.formhelp {
font-size : smaller;
margin-top : 0;
margin-bottom : 0;
}

.addorder {
border : solid 1px #000000;
float : right;
background-color : #D2EEEE;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
-border-radius : 5px;
padding : 5px;
margin-top : 0!important;
/*}

input.addorder {*/
margin : 10px;
color : #000066;
font-family : Arial,Helvetica,sans-serif;
font-weight : bold;
}

#basket input.removeorder {
margin : 0;
padding : .5em 0 0 0;
color : red;
border : 0;
background : 0;
font-family : Arial,Helvetica,sans-serif;
font-weight : bold;
width : auto!important
}

#related_books {
width : 230px;
margin-left : 5px;
}

#related_books ul {
list-style-type : none;
padding : 0;
font-size : 75%;
}

#related_books li {
margin : 5px 0;
padding : 0;
}

.hidden, .skiptag {
position : absolute;
left : -9999px;
top : -9999px;
}

h1 {
font-size : large;
font-weight : bold;
text-align : left;
margin-top : 0;
color : #444444;
}

h2 {
font-size : medium;
font-weight : bold;
text-align : left;
color : #444444;
}

h3 {
font-size : small;
font-style : italic;
color : #444444;
}

img {
padding : 3px;
border-style : none;
text-decoration : none;
}

ul {
list-style-type : square;
}

li {
margin-bottom : 10px;
}

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

a:hover {
color : #000088;
text-decoration : underline;
}

form {
padding : 0;
margin : 0;
}
#content, #sidebar, #book_details, #related_books, .addorder {
display : inline; /* to beat IE6 double margin bug */
}

#navbar {
margin : 0;
padding : 0;
background : url(/images/background-top.gif) top center no-repeat;
overflow : hidden;
}

.menu {
margin : 0 19px;
padding : 0;
font-size: 115%;
height : 30px;
}

.menu ul {
margin : 0 -2px 0 0;
padding : 0;
display : table;
width : 717px;
height : 100%;
}

.menu li {
list-style-type : none;
text-align : center;
display : table-cell;
margin : 0;
height : 100%;
}

.menu li.active a {
background : #D2EEEE;
}

.menu li.inactive a {
background : #E0E0E0;
}

.menu li a {
text-decoration : none;
font-weight : bold;
margin : 0 2px 0 0;
color: #333333;
padding : 5px;
-moz-border-radius : 10px 10px 0 0;
-webkit-border-top-left-radius : 10px;
-webkit-border-top-right-radius : 10px;
border-top-left-radius : 10px;
border-top-right-radius : 10px;
display : block;
height : 20px;
}

.menu li a:hover {
color : #444444;
}

#banner {
background : url(/images/header.png);
padding : 0;
margin : 19px 19px 10px 19px;
height : 80px;
position : relative;
}

#banner a {
color : #FFFFFF;
font-weight : bold;
font-size : 160%;
text-align : center;
text-decoration : none;
/*display : block;*/
padding-left : 135px;
position : absolute;
bottom : .2em;
}

.personal, .personal h2 {
text-align : center;
}

.personal.splitcol {
text-align : center;
width : 50%;
float : left;
}

.author_listing {
list-style-type : none;
float : left;
width : 210px;
padding : 0;
}

.author_pic {
float : left;
margin : 10px;
}

ul#search_results {
padding : 0;
list-style-type : none;
margin : 0;
}

.info {
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
norder-radius : 10px;
margin : 10px;
background : #FFFFFF;
overflow : auto;
height : 100%; /* to counter display problems in IE6 */
}

.footer {
text-align : center;
font-size : 9px;
clear : both;
margin : 0;
padding : 20px;
background : url(/images/background-bottom.gif) bottom center no-repeat;
}

.footer {
color : #606060;
}

.footer a {
color : #606060;
text-decoration : none;
font-weight : bold;
}

.footer a:hover {
color : #ff0000;
}

.form#booksearch {
-moz-border-radius : 10px;
-webkit-border-radius : 10px;
border-radius : 10px;
margin : 10px;
background : #FFFFFF;
float : right;
padding : 5px;
}

#emailupdates {
width : 160px;
}

#booksearch {
width : auto;
padding : 3px;
}

.form label {
font-weight : bold;
margin : 3px;
padding : 0;
}

.form p {
font-size : 9px;
margin : 3px;
}

.covertitle {
font-size : 13px;
text-decoration : none;
font-weight : bold;
color : #C67900;
}

.covertitle:hover {
text-decoration : underline;
}

#booklist {
width : 100%;
}

#booklistul {
margin : 0;
padding : 0;
white-space : nowrap;
width : 100%;
}

.odd, .even {
float : left;
list-style-type : none;
white-space : normal;
width : 730px;
clear : both;
margin : 0;
padding : 0;
height : auto;
border-bottom-color : #FFFFFF;
border-bottom-style : solid;
border-bottom-width : 2px;

}

.odd a, .even a {
text-decoration : none;
display : block;
color : #000000;
height : auto;
width : auto;
margin : auto;
}

.odd a {
background-color : #D0D0FF;
}

.even a {
background-color : #F0F0FF;
}

.odd a:hover, .even a:hover {
background-color : #E0E0FF;
}

.cover {
float : left;
border-style : solid;
border-color : #888888;
border-width : 1px;
margin : 5px;
padding : 0;
}

.clearboth {
clear : both;
}