/* $Id: blamann_screen.css 22500 2009-12-01 08:43:05Z vidars $ */

/*** general + mainframe ***/

/*reset:*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* LAGT TIL AV YOSRI */
#introbookimage{
  width: 100px;
}
/**** END YOSRI ****/



* {
  padding: 0;
  margin: 0;
}

body
{
  font-family: 'Arial', 'Helvetica', 'sans-serif';
  font-size: 62.5%;
  line-height: normal;
  background: #fefefe url(../gfx/blamann/bg_body_vinter.png) repeat-x;
  color: #29333B;
  padding-bottom: 25px;
}

a
{
  color: #35649F;
  cursor: pointer;
  text-decoration: none;
}
a:hover { text-decoration: underline; }
a.back { float: left; }

p { margin-bottom: 1em; }

ul { list-style-type: none; }

strong { font-weight: bold; }

em { font-style: italic; }

.alert { color: red; }
.good { color: green !important; }

input.radio { width: auto !important; }

h1
{
  font-size: 2em;
  font-weight: bold;
  margin-bottom: .2em;
  line-height: normal;
}

#wrap
{
  width: 100%;
  background: transparent url(../gfx/blamann/bg_wrap_vinter.jpg) no-repeat top center;
}

#mainframe
{
  width: 860px;
  margin: 0 auto;
  padding: 0 10px;
  min-height: 580px;
  height: auto;
}

/*** /general + mainframe ***/





/*** header ***/

#header
{
	width: 860px;
	background: transparent url(../gfx/blamann/bg_header.png) no-repeat;
	height: 135px;
	position: relative;
}

#header #logged_in
{
  height: 14px;
  font-size: 1.1em;
  text-align: right;
  padding: 34px 5px 0 0;
}

#header #logged_in a { text-decoration: underline; }

#header #logged_in a:hover { text-decoration: none; }

#header #logged_in a.bookpushing { font-style: italic; }

#header #logo {
  width: 200px;
  height: 88px;
  display: block;
  float: left;
  text-indent: -99999px;
  font-size: 0;
}
#header img,
#header ul { float: left; }

#header ul
{
  margin: 10px 0 0 5px;
  border-left: 1px solid #888;
}

#header ul li
{
  display: inline;
  float: left;
}

#header ul li a
{
  display: block;
  color: #fff;
  height: 17px;
  width: auto;
  background-color: transparent;
  padding: 8px 20px 5px;
  font-size: 1.2em;
  font-weight: bold;
  border-right: 1px solid #888;
  text-align: center;
}

#header ul li a:hover
{
  background-color: #888;
  text-decoration: none;
}

#header .cart
{
	height: 16px;
	padding: 9px 5px 5px 24px;
	font-size: 1.1em;
	background: transparent url(../gfx/blamann/icon_cart.gif) no-repeat 0% 50%;
	color: #333;
	margin-left: 10px;
	font-weight: normal;
	position: absolute;
	right:0;
	bottom:14px;
}

#header .cart span { text-transform: uppercase; }

#header .cart a
{
  border: none;
  display: inline;
  height: auto;
  width: auto;
  text-decoration: underline;
  font-size: 1em;
  font-weight: normal;
}

#header .cart a:hover
{
  background: transparent;
  text-decoration: none;
}

/*** /header ***/





/*** left column ***/

#tree
{
  width: 165px;
  float: left;
}

#search,
#cat_menu
{
  background-color: #82B6C1;
  margin-bottom: 10px;
  color: #fff;
  font-size: 1.1em;
}

#search a,
#cat_menu a { color: #fff; }

.menu_top
{
  background: transparent url(../gfx/blamann/bg_menu_top.gif) no-repeat center top;
  font-weight: bold;
  font-size: 1.1em;
  width: 145px;
  padding: 7px 10px 5px;
}

.menu_bottom
{
  background: transparent url(../gfx/blamann/bg_menu_bottom.gif) no-repeat center bottom;
  width: 145px;
  padding: 7px 10px 5px;
}

#search .menu_bottom
{
  padding-top: 0;
  height: 5px;
  line-height: 5px;
}

#quicksearch
{
  width: 145px;
  padding: 0 10px;
}

#quicksearch .inputtext
{
  width: 100px;
  height:18px;
  float: left;
  border: 1px solid #ccc;
}

#quicksearch a.butt
{
  width: 38px;
  height: 16px;
  padding-top:2px;
  margin-bottom: 5px;
  float: left;
  border: 1px solid #ccc;
  margin-left: 2px;
  clear: right;
  background-color: #fdfdfd;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #3b3b3b;
  font-weight: bold;
}

#quicksearch a.butt:hover { background-color: #f3f3f3; }

#cat_menu .menu_top,
#cat_menu .menu_bottom
{
  border-bottom: 1px solid #fff;
  height: 14px;
}

#cat_menu ul li a
{
  border-bottom: 1px solid #fff;
  display: block;
  height: 19px;
  padding: 7px 10px 0;
}

#cat_menu ul li a:hover
{
  background-color: #74A3AE;
  text-decoration: none;
}

#cat_menu .menu_bottom
{
  border: none;
  width: 165px;
  height: 26px;
  background: none;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}

#cat_menu .menu_bottom a
{
  text-decoration: none;
  background: transparent url(../gfx/blamann/bg_menu_bottom.gif) no-repeat center bottom;
  display: block;
  height: 14px;
  width: 145px;
  padding: 7px 10px 5px;
}

#cat_menu .menu_bottom a:hover
{
  background-color: #74A3AE;
  background-image: url(../gfx/blamann/bg_menu_bottom-hover.gif);
}

.banner { margin-bottom: 10px; }

.colo
{
  margin-bottom: 10px;
  font-size: 1.1em;
}

.colo a
{
  color: #C55097;
  text-decoration: none;
}

.colo a:hover { text-decoration: underline; }

/*** /left column ***/





/*** content (front,article,folder etc.) ***/

#content
{
  float: left;
  width: 510px;
  margin-left: 10px;
}

#frontpage #pushbooks
{
  background: transparent url(../gfx/blamann/bg_pushbooks.png) repeat-x top center;
  height: auto;
  padding: 10px 10px 30px 10px;
}

#frontpage #pushbooks div { color: #666; }

#frontpage #pushbooks h2 {
  text-transform: uppercase;
  font-size: 1.6em;
  font-weight: normal;
  color: #666;
}

#frontpage #pushbooks h3 {
  font-size: 1.4em;
  font-weight: bold;
  margin: 15px 0 5px;
}

#frontpage #pushbooks p
{
  font-size: 1.2em;
  margin-bottom: 5px;
}

#frontpage #pushbooks a
{
  font-size: 1.2em;
  text-decoration: underline;
}

#frontpage #pushbooks a:hover { text-decoration: none; }
#frontpage #pushbooks .book,
#frontpage #pushbooks .push { margin: 5px 0; }
#frontpage #pushbooks .book {
  position: relative;
  width: 127px;
}
#frontpage #pushbooks .push { width: 260px; }
#frontpage #pushbooks #twotosix .push,
#frontpage #pushbooks #twotosix .book { float: left; }
#frontpage #pushbooks #twotosix .book {
  margin-right: 20px;
  margin-left: 8px;
}
#frontpage #pushbooks #sixtotwelve .push,
#frontpage #pushbooks #sixtotwelve .book { float: right; }
#frontpage #pushbooks #sixtotwelve .book {
  margin-left: 15px;
  margin-right: 8px;
}

/*
#frontpage #pushbooks #twotosix .book div {
  position: absolute;
  top: 6px;
  right: -25px;
  background: url(../gfx/blamann/2-6.png) no-repeat left top;
  width: 78px;
  height: 78px;
}
#frontpage #pushbooks #sixtotwelve .book div {
  position: absolute;
  top: 6px;
  left: -25px;
  background: url(../gfx/blamann/6-12.png) no-repeat left top;
  width: 78px;
  height: 78px;
}
*/

#frontpage .items .title
{
  background-color: #e1e1e1;
  height: 16px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 5px 0;
  text-transform: uppercase;
  font-size: 1.1em;
}

#frontpage .items .title a
{
  float: right;
  text-transform: none;
}

#frontpage .items ul li
{
  display: block;
  float: left;
  width: 103px;
  height: auto;
  margin: 10px 0;
  text-align: center;
  font-size: 1em;
}

#frontpage .items ul li.first
{
  margin-left: 0;
  text-align: center;
  width: 88px;
  padding-right: 13px;
}

#frontpage .items ul li.last
{
  float: right;
  margin-right: 0;
  text-align: center;
  width: 88px;
  padding-left: 11px;
}

#frontpage .items ul li a { text-decoration: underline; }

#frontpage .items ul li a:hover { text-decoration: none; }

#frontpage .items ul li a img,
#searchresults .productpic,
#introbook_list table ul li img
{
  border: 1px solid #ccc;
  width: 80px;
  padding: 3px;
  background-color: #fff;
  margin-bottom: 5px;
}
#introbook_list table ul li img { width: 100px; }

#frontpage .items ul li .author { color: #777; }

#frontpage .items ul li .price { color: #000; }

a.buttshop
{
  color: #fff;
  background-color: #2C69A0;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 0 4px;
  text-align: center;
}
#shop a.buttshop,
form.form a.buttshop
{
  color: #2C69A0;
  background: transparent;
}

#frontpage .items ul li a.buy:hover { background-color: #6A95BD; }

#frontpage .frontpagebook { margin-top: 2px; }
#frontpage .frontpagebook a,
#frontpage .frontpagebook p { margin: 0 0 0 3px; }

#path
{
  padding: 3px 10px;
  background-color: #e1e1e1;
  border-bottom: 1px solid #c8c9c1;
  border-top: 1px solid #c8c9c1;
}

#bokdykkinfo
{
  padding: 1px 8px;
  background-color: #f1eaf6;
  border: 2px solid #e1d6eb;
}

#article
{
  line-height: 140%;
}

.caption { font-weight: bold; }

.byline
{
  margin: 6px 0;
  padding: 3px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.byline .date,
.byline .author
{
  float: left;
  margin-right: 1em;
}

.byline .print { float: right; }

.comments,
#mypagenav,
#shop #steps
{
  background-color: #e1e1e1;
  border-top: 1px solid #c8c9c1;
  border-bottom: 1px solid #c8c9c1;
  padding: 3px 10px;
}
ul .comments { margin-bottom: 5px; }

.comments h4 a
{
  font-weight: bold;
  text-decoration: none;
  color: #29333b;
  background: transparent url(../gfx/blamann/icon_arrow.gif) no-repeat left top;
  padding-left: 10px;
}

.comments ol
{
  width: 100%;
  list-style: none inside;
}
.comments ol li
{
  padding: 0 20px;
}
.comments ol li label,
.comments ol li input
{
  float: left;
  display: block;
  margin: 3px 0;
  padding: 2px;
  height: 14px;
}
.comments ol li label
{
  clear: left;
  width: 100px;
}
.comments ol li input,
.comments ol li textarea
{
  width: 200px;
  border: 1px solid #ccc;
}
  .comments ol li textarea { width: 204px; }
.comments ol li .votetxt,
.comments ol li .vote
{
  width: auto !important;
  clear: none;
  margin-top: 3px;
}
  .comments ol li .votetxt { margin-right: 2px; }
  .comments ol li .vote { margin-left: 4px; }
.comments .alert { padding-left: 20px; }

.comments form a.butt
{
  float: right;
  margin: 25px -10px 10px 16px;
}

.comments a.butt,
form.login a.butt
{
  padding: 3px 6px 1px 6px;
  height: 14px;
  border: 1px solid #ccc;
  background-color: #fdfdfd;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #3b3b3b;
  font-weight: bold;
  font-size: .9em;
}

.comments a.butt:hover,
#article .form form a.butt:hover { background-color: #f3f3f3; }

#content #mainbook #book_description p,
#content #mainbook #book_description span { font-family: 'Arial' !important; }

#mainbook,
#product #body { font-size: 1.1em; }

#mainbook #book_header,
#product #book_header
{
  margin-bottom: 8px;
}
#mainbook .productpic { float: right; }
#product #book_header .bookimg img
{
  float: left;
  width: 140px;
}
#product #book_header .bookimg
{
  float: left;
  margin: 1px 6px 6px 1px;
}
#mainbook #book_header h2,
#product #book_header h2
{
  font-size: 2em;
  font-weight: bold;
}
#mainbook #book_header h3,
#product #book_header h3
{
  font-size: 1.4em;
  color: #666;
}

#mainbook #book_info p,
#product #book_info p { margin-bottom: 0; }
  #mainbook #book_info .badprice,
  #product #book_info .badprice { color: #999; }
#mainbook #book_info #details,
#mainbook #book_info #sell,
#product #book_info #details,
#product #book_info #sell { float: left; }
#mainbook #book_info #details,
#product #book_info #details { margin-right: 14px; }
#mainbook #book_info li,
#product #book_info li
{
  padding: 2px;
  width: 164px;
  border-bottom: 1px solid #eaebe4;
}
#product #sell .price,
#product #sell #cartbutt,
#product #sell #cartbutt form { float: left; }
#product #sell #cartbutt form { margin-left: 6px; }

#product #sell,
#product #sell .ratingsblock
{
  float: right;
  width: 140px;
}

#mainbook #review,
#mainbook #summray,
#mainbook #authorinfo { }



/* starrr - DO NOT REMOVE OR ALTER */
.loading {
  height: 16px;
  background: url('../gfx/blamann/working.gif') 50% 50% no-repeat;
  }
ul.unit-rating
{
  /* the UL */
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 16px;
  position: relative;
  background: url('../gfx/blamann/starrating.gif') top left repeat-x;
  /*float: left;*/
}
ul.unit-rating li {
  border: 0 !important;
  text-indent: -90000px;
  padding :0px !important;
  margin: 0px !important;
  /*\*/
  float: left;
  /* */
  }
ul.unit-rating li a {
  outline: none;
  display:block;
  width:15px;
  height: 16px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
  }
ul.unit-rating li a:hover
{
  background: url('../gfx/blamann/starrating.gif') left center;
  z-index: 2;
  left: 0px;
}
ul.unit-rating a.r1-unit{left: 0px;}
ul.unit-rating a.r1-unit:hover{width:15px;}
ul.unit-rating a.r2-unit{left:15px;}
ul.unit-rating a.r2-unit:hover{width: 30px;}
ul.unit-rating a.r3-unit{left: 30px;}
ul.unit-rating a.r3-unit:hover{width: 45px;}
ul.unit-rating a.r4-unit{left: 45px;}
ul.unit-rating a.r4-unit:hover{width: 60px;}
ul.unit-rating a.r5-unit{left: 60px;}
ul.unit-rating a.r5-unit:hover{width: 75px;}
ul.unit-rating li.current-rating
{
  background: url('../gfx/blamann/starrating.gif') left bottom;
  position: absolute;
  height: 16px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
  }
.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

/* starrr end - YOU MAY NOW CONTINUE TO REMOVE OR ALTER */


#product #book_description,
#product #interactive,
#product #user_actions { float: left; clear: left; }
#mainbook #user_actions,
#product #user_actions { width: 100%; }

#mainbook #book_description,
#product #book_description { margin-top: 6px; }
#mainbook #book_description h3,
#product #book_description h3
{
  font-weight: bold;
  font-size: 1.3em;
}

#category_folder ul { list-style: none inside; }
#category_folder ul li.active,
#category_folder ul li.active ul li.active
{
  font-weight: bold;
  list-style-type: disc;
}
#category_folder ul li.active ul
{
  margin-left: 40px;
  font-weight: normal !important;
}

#searchresults { margin-top: 20px; }

#searchresults .pagination { color: #666; }

#searchresults .pagination form
{
  float: right;
  margin-top: 5px;
}
#searchresults .pagination select
{
  background: none;
  color: #555;
  border: 1px solid #555;
}

#searchresults .pagination p { margin-bottom: 0; }
#searchresults .pagination li
{
  display: inline;
  margin: 0 2px 0 4px;
  font-weight: normal !important;
}
#searchresults .pagination .active a { text-decoration: underline; }

#searchresults .pagination,
#searchresults .item_highlight,
#searchresults .item
{
  padding: 7px 2px;
  border-top: 1px solid #cdcdc8;
}
#searchresults .item_highlight,
#searchresults .item
{
  position: relative;
  padding-bottom: 0;
}

#searchresults .productpic
{
  float: left;
  margin-right: 5px;
}

#searchresults .data
{
  margin-left: 95px;
  width: 290px;
}
#searchresults .data h3
{
  font-size: 1.4em;
  font-weight: bold;
}
#searchresults .data h4 { font-size: 1.2em; }
#searchresults .data p,
#searchresults .data span { font-size: 1.1em; }
#searchresults .data p { color: #666; }
#searchresults .data .caption,
#searchresults .data .ratingblock p { color: #000 !important; }
#searchresults .data .caption { font-weight: normal !important; }
#searchresults .data .caption a { white-space: nowrap; }

#searchresults .sell
{
  position: absolute;
  right: 2px;
  bottom: 4px;
  width: 120px;
  text-align: right;
}
#searchresults .sell p { margin-bottom: 3px; }
#searchresults .price
{
  font-size: 1.2em;
  color: #666;
  font-style: italic;
}
#searchresults .specialpriceforyoumyfriend
{
  font-size: 1.4em;
  color: #35649F;
}

#cart_login { margin-top: 10px; }

form.login
{
  font-size: 1.2em;
  margin: 6px 0 20px;
  padding-top: 12px;
  background: url(../gfx/blamann/bg_login_top.gif) no-repeat top center;
  width: 355px;
}
form.login fieldset
{
  padding-bottom: 12px;
  background: url(../gfx/blamann/bg_login_bottom.gif) no-repeat bottom center;
  width: 355px;
}
form.login ol
{
  width: 100%;
  background-color: #bcd6d6;
  list-style: none inside;
  width: 355px;
}
form.login li
{
  padding: 0 20px;
  width: 354px !important;
}
form.login label,
form.login ol input
{
  float: left;
  display: block;
  margin: 3px 0;
  padding: 2px;
  height: 14px;
}
form.login label
{
  clear: left;
  width: 100px;
  font-weight: bold;
  color: #fff;
}
form.login ol input
{
  width: 200px;
  border: 1px solid #ccc;
}

form.login a.butt
{
  float: right;
  margin-top: 6px;
  margin-right: 48px;
  background-color: #fdfdfd;
  border:1px solid #ccc;
  color:#3b3b3b;
}
  form.login a.butt:hover { background-color: #f3f3f3; }
form.login .validation-advice
{
  padding-left: 3px;
  color: #999;
  font-style: oblique;
}

form.login .validation-advice,
form.login ol a
{
  float: left;
  clear: left;
}

form.login .alert
{
  margin-bottom: 0 !important;
  padding-left: 20px !important;
}

.alert.good
{
	background: #D5F5DB;
	border-top: 1px solid #61c263;
	border-bottom: 1px solid #61c263;
	padding: .5em;
}

.alert.bad {
  background: #FFC8C8;
  border-top: 1px solid #BE3333;
  border-bottom: 1px solid #BE3333;
  padding: .5em;
}

.alert.bad li
{
	color: #000;
	margin-bottom: .2em;
	font-size: 1.1em;
}

#content form.form { margin-left: 5px; }
#content form.form .item { width: 100%; }
#content form.form p
{
  margin: 4px 0 6px;
  font-size: 1.2em;
  font-weight: bold;
}

#content form.form label,
#content form.form input,
#content form.form select { display: block; }

#content form.form label,
#content form.form input,
#content form.form select,
#content form.form .validation-advice
{
  float: left;
  font-size: 1.1em;
  margin: 2px 0;
}
  #content form.form label
  {
    width: 120px;
    padding-top: 1px;
  }
  #content form.form .item input,
  #content form.form .item select
  {
    background: none;
    border: 1px solid #999;
  }
  #content form.form .item input
  {
    padding: 2px 1px 0;
    width: 202px;
  }
  #content form.form .item select { width: 206px; }
  #content form.form .item span {
    float: left;
    margin: 3px 0 0 4px;
  }
  #content form.form .item label.radio,
  #content form.form .item input.radio {
    float: left;
  }
  #content form.form .item input.radio
  {
    clear: left;
    margin-right: 3px;
    margin-left: 121px;
    border: none;
  }
  #content form.form .wide .radio
  {
    float: right;
    clear: none;
    margin-right: 4px;
  }
  #content form.form #postarea,
  #content form.form #deliverypostarea,
  #content form.form #postarea_membership,
  #content form.form #deliveryplace
  {
    margin-left: 4px;
    width: 160px;
  }
  #content form.form #postcode,
  #content form.form #deliverypostcode,
  #content form.form #postcode_membership,
  #content form.form #deliverypostal { width: 34px; }
    #advice-validate-postcode-postcode { display: none !important; }
  #content form.form .validation-advice
  {
    margin-left: 6px;
    color: #666;
    font-style: oblique;
  }
  #content form.form #birthday { width: 48px; }
  #content form.form #birthmonth
  {
    margin-left: 4px;
    width: 90px;
  }
  #content form.form #birthyear
  {
    margin-left: 4px;
    width: 60px;
  }
  #content form.form .terms_div { margin-top: 10px; }
  #content form.form .terms_div label {
    width: auto;
    margin-right: 3px;
  }

div.title { font-size: 2em; }

#content form.form .wide
{
  width: 330px;
  padding: 2px 0;
}

#content form.form .actions,
#content div.actions
{
  margin-top: 6px;
  width: 96%;
  margin-left: 1%;
  text-align: right;
  font-size: 1.3em;
}


#content #info_email
{
  margin: 2px 0 0 4px;
  font-size: 1.1em;
  font-style: oblique;
}

#mypagenav { margin-bottom: 5px; }
#mypagenav li
{
  display: inline;
  margin-right: 14px;
}

#shop #steps li
{
  display: inline;
  margin-right: 14px;
}
  #shop #steps li.active { font-weight: bold; }

#shop #cart_list_table,
table.order
{
  width: 98%;
  margin: 10px 1% 8px;
  vertical-align: top;
}
  #shop #cart_list_table th,
  table.order th
  {
    padding-left: 10px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
  }
  #shop #cart_list_table td,
  table.order td {
    padding: 4px 10px;
    border-bottom: 1px solid #e1e1e1;
  }
  #shop #cart_list_table input,
  table.order input {
    width: 30px;
    background-color: #fff;
    border: 1px solid #777;
  }
  #shop .dark,
  table.order .dark { background-color: #f3f0f7; }
  #shop tfoot td,
  #shop .drain td,
  table.order tfoot td { background-color: #efefef; }
  #shop #cart_list_table .sum,
  table.order .sum
  {
    font-weight: bold;
    white-space: nowrap;
  }
  #shop #cartlist_table .txtright,
  table.order .txtright { text-align: right; }
  #shop #cartlist_table .txtcenter,
  table.order .txtcenter { text-align: center; }
#shop form.form .actions
{
  margin-top: 10px;
  width: 500px;
  text-align: right;
  font-size: 1.4em;
}

#shop h2,
#order h2 { font-size: 1.5em; }
#shop .update,
#shop p.info,
#shop .payment .item,
#shop .delivery { font-size: 1.2em; }

#shop p.info { margin-top: .5em; }

#shop .update { line-height: 1.7em; }


#frontpage .join #introbook_msg {
  clear: both;
  margin: 7px 0 4px 5px;
}
#frontpage .join ul { clear: both; }
#frontpage .join ul li.first { padding-right: 12px; }
#frontpage .join ul li.last {
  padding-left: 10px;
  float: left;
}
#frontpage .join ul li { width: 102px; }
#frontpage .join ul li input { margin-left: 5px; }
#frontpage form.form .join label {
  width: auto;
  margin: 1px 4px 0 7px;
}

.infobox
{
  background: #BCD6D6 url(../gfx/blamann/bg_infobox_top.gif) top center no-repeat;
  width: 510px;
  padding-top: 10px;
}

.infobox p { margin: 0 10px; }

.infobox .bottom
{
  background: #BCD6D6 url(../gfx/blamann/bg_infobox_bottom.gif) bottom center no-repeat;
  width: 510px;
  height: 10px;
}



/*** /content (front,article,folder etc.) ***/





/*** right column ***/

#addons
{
  float: right;
  width: 165px;
}
#addons .box { margin-bottom: 10px; }
  #addons .box,
  #addons .sellmorebooks { background: url(../gfx/blamann/bg_box_gradient.gif) no-repeat; }
  #addons .tip { background: none !important; }
#addons .box h4
{
  display: block;
  padding: 3px 10px !important;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #82b6c1;
  color: #fff;
}
#addons .tip h4
{
  background-color: #e1e1e1;
  border-bottom: 1px solid #c8c9c1;
  border-top: 1px solid #c8c9c1;
  color: #29333B;
}
#addons .tip li
{
  margin-bottom: 2px;
  padding-top: 6px;
  border-top: 1px solid #ccc;
}
  #addons .tip li.firstinrow
  {
    padding-top: 0;
    border-top: 0;
  }

#addons .sellmorebooks .item {
  border-top: 1px solid #ccc;
  padding-top: 7px;
}
#addons .sellmorebooks .firstinrow {
  border-top: 0;
  padding-top: 5px;
}

#addons .box p
{
  padding: 5px;
  line-height: 1.3em;
}
  #addons .box li p { padding: 0; }
  #addons .box li p,
  #addons .box li span { margin-left: 30px; }
    #addons .box li form p { margin: 0; }
  #addons .box li .buttshop
  {
    float: right;
    margin: 8px 53px 0 0;
  }
      #addons .box li .buttshop span { margin-left: 0; }

  #addons .box .content { padding: 5px; }
  #addons .box li
  {
    float: left;
    clear: left;
    margin-top: 3px;
    margin-bottom: 4px;
    width: 100%;
  }
  #addons .box li a.bookimg { clear: left; }
  #addons .box li a.bookimg,
  #addons .box li .productpic
  {
    float: left;
    margin-right: 8px;
    margin-left: 0 !important;
    width: 60px;
  }
  #addons .box li span { display: block; }
  #addons .box li .title
  {
    font-weight: bold;
    margin: 0;
  }
    #addons .box li .title a { font-weight: normal; }
  #addons .box li .author { color: #777; }
  #addons .box li .price { font-size: 1.2em; }
  #addons .box li form { height: auto; }

/*** /right column ***/





/*** footer ***/

#footer
{
  background: transparent url(../gfx/blamann/bg_mainfooter.png) no-repeat bottom center;
  height: 15px;
  width: 100%;
  margin: 0 auto;
  font-size: 1.1em;
  text-align: center;
  padding-top: 35px;
}

#footer #bd_logo
{
  margin-top: 8px;
  float: right;
  clear: right;
  background: url(../gfx/blamann/logo_bd_footer.png) no-repeat;
  height: 23px;
  width: 89px;
  display: block;
  text-indent: -99999px;
  font-size: 0;
}

#footer p
{
  width: 860px;
  margin: 0 auto;
  text-align: left;
  background-color: transparent;
}

/*** /footer ***/



/*** tooltip ***/

div.mouseover
{
  width: 230px;
  position: absolute;
  height: auto;
  background: transparent;
  text-align: left;
}

div.mouseover .mouseovertop
{
  height: 22px;
  line-height: 22px;
  width: auto;
  background: transparent url(../gfx/blamann/bg_mouseover_top.png) no-repeat center top;
}

div.mouseover .mouseoverbody
{
  background: transparent url(../gfx/blamann/bg_mouseover_body.png) no-repeat center bottom;
  width: 230px;
  height: auto;
  padding-bottom: 8px;
}
div.mouseover .mouseoverbody p {
  padding: 5px 15px !important;
  margin: 0 0 5px 0 !important;
  font-size: 1.1em;
}

div.mouseover .mouseoverbody a { color: #006C90; }

div.mouseover .mouseoverbody a.addtocart
{
  background: transparent url(../gfx/icon_minicart.gif) no-repeat top left;
  padding-left: 20px;
  line-height: normal;
}

div.mouseover .mouseoverbody span.addedtocart
{
  background: transparent url(../gfx/icon_good-mov.png) no-repeat scroll left top;
  line-height: normal;
  padding-left: 20px;
}

/*** /tooltip ***/



/*** various (useful) classes ***/

.spacer,
#searchresults .footer_highlight
{
  clear: both;
  border: none;
  background: transparent;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  float: none;
}

div.hidesubmit {
    border: none;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

/* semantical */
.box:after,
#searchresults .footer_highlight:after,
#mainbook #book_info:after,
#product #book_info:after,
.form ol:after,
#sell li:after,
#pushbooks:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*** /various (useful) classes ***/

#recruit_check { margin-top: 1em; }

#recruit_check dl
{
	font-size: 1.1em;
	margin-bottom: .2em;
}

#recruit_check dl dd,
#recruit_check dl dt
{
	float: left;
	margin-right: .4em;
}

#recruit_check dl dt
{
	clear: right;
	float: none;
	font-weight: bold;
}

.preview { font-size: 1.2em; }