img {
 margin:0;
 border:0;
}

/* Bookshelves */
img.bokskapBrowse {
 margin:2px 10px 2px 0;
 border:1px solid #000000;
}

/* Book and Furniture listings */
table.book {
 clear:both;
 font-size:100%;
}
td.item {
 width:100%;
 padding:0 3ex 0 0;
}
td.price {
 text-align:right;
 height:4ex;
 vertical-align:middle;
 padding-left:1em;
}

div.book {
 font-size:100%;*/
}

a.flag {
 background-color:#ddddcc;
 color:#000000;
 width:16ex;
 padding:3px 6px;
 margin:0px 8px 4px 0;
 text-align:center;
 font-size:8pt;
 font-weight:bold;
}

table.customer {
 margin:1em;
}
table.customer th {
 width:10em;
 padding:1ex 0 0 1ex;
}
table.customer td {
 padding:1ex 0 0 1ex;
}

div.bookPic {
 background-color:#e4dfc8;
 color:#000000;
 float:left;
 padding:9px;
 margin:0 1em 1ex 0;
}
div.bookPic img {
 border:1px solid #000000;
 margin:0;
}

div.buttons {
 text-align:center;
 margin:1em;
}
/* Generic */
input.button {
 color:#000000;
 background-color:#ddccaa;
 border:1px solid #000000;
 font-size:100%;
/* Not a 'valid' cursor (though it works). */
 cursor:hand;
}

div.pic {
 float:left;
 background-color:#e4dfc8;
 color:#000000;
 margin:4px 16px 4px 0;
 padding:8px 8px 2px 8px;
 text-align:center;
}
div.pic img {
 border:1px solid #444444;
}

.r {
 text-align:right;
}

textarea, input.boxed, select {
 font-size:100%;
 padding:2px 4px;
 border:solid 1px #444444;
 background-color:#f3f3e5;
 color:#000000;
}

th {
 vertical-align:top;
 text-align:left;
}

hr {
 height:1px;
 color:#e4dfc8;
 background:#e4dfc8;
 border:0;
}

h2 {
 font-size:12pt;
 font-weight:bold;
}
h3 {
 font-size:100%;
 font-weight:bold;
}

/* Bokskap page */
div.finish {
 clear:both;
}

div.finish td {
 padding:12px;
 vertical-align:top;
}

div.finish img {
 border:1px solid #444444;
 margin:4px;
 vertical-align:middle;
}

div.copy {
 font-size:8pt;
 text-align:center;
 margin:1em;
}

div.mailed {
 background:#ddddcc;
 border:1px solid black;
 padding:8px;
 font-family:courier, sans-serif;
 margin-bottom:2em;
}

table.details {
 width:45em;
 border:1px solid black;
 text-align:left;
 font-size:100%;
 white-space:nowrap;
}

td.side {
 width:25%;
 background-color:#e4dfc8;
 color:black;
 padding:8px 8px 2px 8px;
 text-align:center;
}

td.topLine {
 /*border-top:1px solid #e4dfc8;*/
 /*padding-top:4px;*/
}

td.door {
  background:#e4dfc8;
  padding:4px 0;
}

div.news {
 border-left:8px solid #e4dfc8;
 padding-left:8px;
}

p.news_body {
 color:#990000;
padding-bottom:1em;
}

img.recThumb {
 border:1px solid black;
 margin:4px 0;
}

* {
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
 font-size:8pt;
 padding:0;
 margin:0 0 8ex 0;
 background-color:#eeeedd;
 background-image:url(image/leftColumn.png);
 background-repeat:repeat-y;
 color:#000000;
}

td {
 font-size:8pt;
}

th {
 font-size:8pt;
}

a {
 text-decoration:none;
 color:#000000;
}

form {
 margin:0px;
}

div.halfspace {
 height:0;
 margin:0;
 padding:0;
}

div.leftCol {
 color:#000000;
 background-color:#ddccaa;
 position:absolute;
 top:12px;
 left:8px;
 padding:0 0 5em 0;
 width:200px;
}
div.search {
 background-color:#ddddcc;
 color:#000000;
 border:1px solid #000000;
 margin:0;
 padding:4px 4px 1px 4px;
 text-align:center;
 white-space:nowrap;
}
div.searchLinks {
 text-align:center;
 font-size:8pt;
}
div.searchLinks a {
 text-decoration:underline;
}
div.browser {
 font-size:8pt;
 margin:6px 0 8px 0;
 padding:4px 0;
 white-space:nowrap;
}
div.browser a {
 width:100%;
 border:1px solid #ddccaa;
 padding:0 4px;
 text-decoration:none;
}
div.browser a:hover {
 background-color:#ddddcc;
 color:#000000;
 border:1px solid #444444;
}
div.rightCol {
 margin:12px 16px 0 216px;
 padding:0;
}

div.title {
 width:100%;
 padding:4px;
 text-align:center;
}

div.title img {
 border:0;
}

div.main {
 padding:1em 3% 2em 3%;
 vertical-align:top;
}
div.main a {
 text-decoration:underline;
}

table.navBar td {
 padding:4px 2px;
 vertical-align:top;
}
body a.button {
 color:#000000;
 background-color:#ddccaa;
 margin:0;
 padding:2px 10px 3px 10px;
 border:1px solid #444444;
 text-decoration:none;
 width:1ex;
 text-align:center;
 font-size:8pt; 
}
a.button:hover {
 background-color:#eeddbb;
}
body a.butL {
 color:#000000;
 background-color:#ddccaa;
 margin:0 0;
 padding:2px 10px 3px 10px;
 border:1px solid #000000;
 text-decoration:none;
 width:20px;
 text-align:center;
 font-size:8pt; 
}
a.butL:hover {
 background-color:#eeddbb;
}
span.greyButton {
 color:#444444;
 background-color:#bbaa99;
 margin:0;
 padding:2px 10px 3px 10px;
 border:1px solid #000000;
 width:1ex;
 text-align:center;
 font-size:8pt; 
}
span.gButL {
 color:#444444;
 background-color:#bbaa99;
 margin:0;
 padding:2px 10px 3px 10px;
 border:1px solid #000000;
 width:20px;
 text-align:center;
 font-size:8pt;
}
div.buttons {
 padding:4px 0 0 0;
 margin:0;
 vertical-align:middle;
}
table.sideBar {
 float:right;
 width:140px;
 margin:0 0 2em 2em;
 padding:0;
}
td.sideBox {
 font-size:8pt;
 background-color:#e4dfc8;
 color:#000000;
 margin:0;
 padding:4px 8px;
}
td.sideBox img {
 border:1px solid #444444;
}

td.topEdge {
 border:0;
 padding:0;
 margin:0;
}
td.topEdge img {
 vertical-align:bottom;
}

td.bottomEdge {
 border:0;
 padding:0 0 1ex 0;
 margin:0;
}
td.bottomEdge img {
 vertical-align:top;
}
div.advanced input.boxed {
 width:60ex;
}
div.advanced th {
 font-weight:normal;
}

table.advanced th {
 width:175px;
}

select.advanced {
 width:30ex;
}

table.categoryBox td {
 text-align:left;
 vertical-align:top;
 padding:8px 12px;
 background-color:#e4dfc8;
 color:#000000;
 width:200px;
}
table.categoryBox td a {
 text-decoration:none;
 border:1px solid #e4dfc8;
 padding:0 4px;
 margin:4px 0 0 0;
 width:100%;
 white-space:nowrap;
}
table.categoryBox td a:hover {
 text-decoration:none;
 background-color:#ddccaa;
 color:#000000;
 border:1px solid #000000;
}