/* ------------------------------- */
/* Body
/* ------------------------------- */

*, html, body {
    padding:0;margin:0;
}

body, html {color: #000; background: #fafafa url(../images/bodybg.gif) no-repeat top center; font-size: 1em; font-family: Verdana, Arial;}

a:link, a:visited, a:active {color: #2a994a;}
a:hover {color: #fff;background-color: green;}

li a { text-decoration: none;}
strong { font-weight: bold;}

ul {margin-top: 15px;}
li 	{zoom: 1; position: relative; color: black; display: block;padding: 0 0 0 5px;}
li * {z-index: 1; position: relative;}
li a {padding-left: 10px;}

ul {margin-top: 30px;} li {background: none; padding-left:0;}
a {text-decoration: none;}
h6 {font-weight: bold; font-size: 0.9em;}


.product-details .detail  {float: none}
/* ------------------------------- */
/* Specials
/* ------------------------------- */

.clearer { clear:both; overflow: hidden}

.colset2 {width: 100%; clear: both}
.colset2 .col-1 {float: left; width: 50%; clear: left}
.colset2 .col-2 {float: right; width: 50%; clear: right}

.no-icon {background: none !important; padding-left: 0px !important}

/* ------------------------------- */
/* Headings
/* ------------------------------- */

h2 {font-weight: bold; font-family: arial; margin: 0 0 18px 0}
h3 {font-weight: bold; font-size: 0.8em}
h4 {font-family: arial; font-weight: bold; font-size: 0.8em}

/* ------------------------------- */
/* Layout
/* ------------------------------- */

#wrapper {margin: 0 auto; width: 965px; background: #fff }
#content { width: 965px; left: 0px;  position: relative; min-height: 500px; background: #fff url(../images/nav-gradient.jpg) repeat-y 12px 0; float: left; margin-bottom: 20px; padding-bottom: 10px}
body#indexpage #content {background: 0; min-height: 400px !important}
#main { float: left; width: 710px; min-height: 195px; position: relative; top: 26px; padding: 2px 0 0 15px;z-index: 999; background-repeat: repeat-x;}

/* ------------------------------- */
/* Page Block
/* ------------------------------- */

body#indexpage #main {width: 510px; padding: 15px 0 0 15px;  background: transparent url(../images/mainpuff-bg.gif) repeat-x;}
body#textpage #main{width: 710px; padding: 15px 0 0 15px;  background: transparent url(../images/mainpuff-bg.gif) repeat-x;}
body#loginpage #main {height: 385px; background: url(../images/mainpuff-loginpage.gif); padding: 15px 0 0 15px}
body#added-to-cart #main {height: 524px;  background: url(../images/mainpuff-addedtocart.gif); padding: 15px 0 0 15px}
body#edit-cart #main {width: 710px;  padding: 15px 0 0 15px;  background: transparent url(../images/mainpuff-bg.gif) repeat-x; }
/* body#categorypage #main {width: 730px; padding: 0px 0 0 0px;  background: transparent url(../images/mainpuff-bg.gif) repeat-x; } */
body#productpage #main {width: 730px; margin-left: 0px; padding-left:0; padding-right: 0}
body#packagepage #main {width: 730px; padding-left: 0px}
body#categorypage #main{width: 730px; padding: 0px 0 0 0px;  background: transparent url(../images/mainpuff-bg.gif) repeat-x;}
body#register #main {width: 730px; padding: 15px 0 0 15px;  background: transparent url(../images/mainpuff-bg.gif) repeat-x; padding-left: 0px}
body#confirm-order #main {width: 710px; min-height: 195px; padding: 15px 0 0 15px;  background: transparent url(../images/mainpuff-bg.gif) repeat-x;}

/* ------------------------------- */
/* Header
/* ------------------------------- */
body#textpage #main li{float: left; width: 300px; height: 150px}
#header {position: relative;left: 1px;width: 967px;height: 75px; background: #6fc500 url(../images/header-bg.gif) repeat-x; left: 0px;}

h1 a { display: block; line-height: 0;text-indent: -9000px;  background: url(../images/logo.gif) no-repeat; width:  198px;  height: 53px; outline: 0; position: relative; top: 22px; left: 12px;}

#header div {float: right;   font-family: Arial; font-size: 0.7em; height: 73px; width: 314px;  background: url(../images/header-right-bg2.gif) no-repeat 70% 0%;}
#header div * { float: right; clear: both;}
#header address, #header h3 { margin-top: 6px;width: 200px;text-align: left;color: white;position: relative; left: 15px;}
#header h3 { position: relative; left: -8px; font-size: 1.2em; font-weight: bold;}
#header address a { clear: none;float: none;color: white;text-decoration: none;}
#header address a:hover {text-decoration: underline; background-color: transparent;}
#header #phone { padding-left: 24px; background: url(../images/address_phone_background.gif) no-repeat 0 55%; }
#header #email { padding-left: 22px; background: url(../images/address_mail_background.gif) no-repeat 0 55%;}

/* ------------------------------- */
/* Menu
/* ------------------------------- */

#menu {float: left; z-index: 1; width: 195px; position: relative; padding-bottom: 0px; margin-left: 12px; margin-right: 15px; font-family: Arial; z-index: 999;}

body#indexpage #menu{background: url(../images/frontpage-menu.gif) no-repeat -1px 0px; height: 435px}

/* Menu Navigation */

#menu h3 {height: 23px; margin-top: 5px; padding-left: 10px; border-bottom: 1px solid #dadada;}

#menu li { background: url(../images/link_info_background.gif) no-repeat 6px 7px;   padding-left: 0; zoom: 1; position: relative; color: black; display: block;  padding-left: 5px; }
#menu li.active {background: url(../images/menuactive.gif) no-repeat; background-position: left bottom;}
#menu li * {z-index: 1;    position: relative;    }
#menu ul { margin: 4px 0 31px 8px;}
#menu li a { text-decoration: none; display: block; height: 21px; width: 165px}
#menu li a {padding-left: 19px; position: relative; left: -7px  }
#menu li a:hover{background: none}
#menu li a:hover span{background: #008000 }
#menu li a.active {background: url(../images/li_nav_hover.gif) no-repeat; color: #000 }
#menu li, #menu li a {font-size: 0.85em;line-height: 1.6em;}
#menu a.edit-cart-link {font-size: 0.7em;}
#menu a.edit-cart-link:hover {color: #fff}


.bottom {float: left; position: relative; bottom:89px; left: 12px; height: 69px; width: 195px;  background: url(../images/sid-meny_bottenfade.jpg) no-repeat left bottom; z-index: 9999; margin-bottom: -50px}

/* Menu Cart */

#menu table {width: 100%; margin-bottom: 10px; padding-right: 5px; font-size: 0.7em; background: url(../images/menudark.gif) no-repeat bottom left;}

#menu table a{text-decoration: none;} 
#menu table a:hover{color: #fff} 
#menu td { text-align: left;}
#menu td span {  display: block;  margin-left: 10px;}
#menu #sum span {margin-right: 10px; text-align: right; width: 38px}
#menu tfoot span {   margin-top: 4px;  padding-top: 4px;}
#menu thead {display: none;}
#menu tfoot {color: black;}
#menu button {margin-left: 10px;}
#menu form h3 {margin-bottom: 8px; background: url(../images/shopping_cart.png) no-repeat 94% -20%;}
#menu .price {   color: #808080;}

#menu form.logout {margin-top: 10px}

#menu .price {font-weight: normal !important; font-family: arial; font-size: 1.0em !important; }

/* ------------------------------- */
/* Footer
/* ------------------------------- */

#footer { width: 933px; margin-left: 5px; padding-left: 20px; border-top: 1px solid #ccc; position: relative; bottom:0; background: #fff url(../images/botten_fade.jpg) repeat-x; padding-bottom: 10px;}

#footer img {position: absolute; right: 15px; top: 13px;}
#footer ul { float: left; margin: 12px 45px 0 0;}
#footer li { font: 0.7em verdana; color: #000; background: url(../images/link_info_background.gif) no-repeat 0 55%;; }
#footer li.title {  background: none; }
#footer a {font-size: 0.9em}
#footer li a {margin-left: 10px; padding-left: 0px }
#footer li a:hover {background: #008000; }
#footer h4 {  color: #5d5d5d; font-family: Verdana; font-size: 1.0em; font-weight: bold; margin-bottom: 3px;}

#container, #container input, #container fieldset#top span, #container label, #footer { float: left;   clear: left;    }
/* ------------------------------- */
/* Textpage
/* ------------------------------- */

body#textpage #main div.text {width: 464px; float: left}
body#textpage #main p {font-size: 0.7em; line-height: 1.5em; padding-bottom: 16px}
body#textpage #main h5 {font-size: 0.7em; line-height: 1.5em; font-weight: bold}

body#textpage #main div.rightbox{float: right; width: 199px; margin: 25px 20px 20px 0; background: url(../images/faq_box_bg.gif) repeat-y; position: relative; top: 22px; }
body#textpage #main div.rightbox h5 {margin-left: 14px; padding-right: 14px; color: #000; font-size: 0.7em; background: url(../images/faq_icon.gif) no-repeat 0px 2px; padding-left: 20px; margin-bottom: 12px;}
body#textpage #main div.rightbox p {margin-left: 14px; margin-right: 14px; color: #595959; font-size: 0.6em}
body#textpage #main div.rightbox p.question {font-weight: bold; padding-bottom: 6px}
body#textpage #main div.rightbox span {height: 9px; position: relative; display: block;}
body#textpage #main div.rightbox span.top {background: url(../images/faq_box_top.gif) no-repeat; top: 0}
body#textpage #main div.rightbox span.bott {background: url(../images/faq_box_bottom.gif) no-repeat; bottom: 0}

/* ------------------------------- */
/* Progress for Checkout Pages
/* ------------------------------- */

ul#checkout-progress{border:1px solid #cbcaca; height: 20px ; width: 694px; background: url(../images/checkout_progress_bg.gif) repeat-x top left; position: relative; margin-bottom: 13px; margin-left: 1px; margin-top: 6px !important}
ul#checkout-progress li{float: left; position: relative; padding: 4px 32px 4px 15px; background: url(../images/checkout_progress_sep.gif) right center no-repeat; color: #000; font-family: verdana; font-size: 10px;}	
ul#checkout-progress li.fix{float: left; position: relative; padding: 4px 32px 4px 15px;background: url(../images/checkout_progress_sep_active.gif) right center no-repeat; color: #000; font-family: verdana; font-size: 10px;}	
ul#checkout-progress li.now{float: left; padding-top: 4px; position: relative; background: #f3f2f2 url(../images/checkout_progress_confirm.gif) right bottom repeat-x;color: #fff; }	
ul#checkout-progress li.now2 {float: left; padding-top: 4px; position: relative; background: #f3f2f2 url(../images/checkout_progress_confirm.gif) right bottom repeat-x;color: #fff; }	
	
/* ------------------------------- */
/* Login Page
/* ------------------------------- */

body#loginpage #main h2 {margin-bottom: 4px !important}
body#loginpage .login-box{ width: 329px; height: 190px; float: left; margin-right: 8px;background:  url(../images/login_box_bg.gif) left top no-repeat; padding: 16px 0;}	
body#loginpage .login-box p {font-size: 0.7em; margin-bottom: 8px}	
body#loginpage .login-box h4 {font-weight: bold;font-size: 0.9em;margin-bottom: 14px;}	
body#loginpage .login-box a{font-size: 0.6em; text-decoration: none;}	
body#loginpage .login-box input.textinput {margin-left: 0px !important;}
body#loginpage .login-box{width: 329px;height: 190px;float: left;margin-right: 8px;background:  url(../images/login_box_bg.gif) left top no-repeat;padding-left: 16px; padding-top: 16px;
}	

/* ------------------------------- */
/* Added to cart
/* ------------------------------- */

body#added-to-cart #main h2 {padding-left: 25px; background: url(../images/cart_icon.gif) left top no-repeat;}	
body#added-to-cart .small-box{display: block; background: url(../images/added_to_cart_bg.gif) left top no-repeat; width: 461px; height: 106px; padding-top: 14px; padding-left: 14px;padding-right: 14px;}

body#added-to-cart #main .small-box p {font-size: 0.7em;}
body#added-to-cart #main .small-box a {font-size: 0.65em;}

body#added-to-cart #news  {background: none; margin-top: 13px; border: 0;}



/* ------------------------------- */
/* Edit Cart
/* ------------------------------- */

body#edit-cart #main h2 {padding-left: 25px; background: url(../images/edit_cart.gif) left top no-repeat; margin-top: 5px}	
body#edit-cart #main .large-box-stretch, body#edit-cart #main .large-box-strech-end {width: 684px; padding-left: 16px; padding-right: 16px; margin-right: 8px;}
body#edit-cart #main .large-box-stretch {min-height: 200px; position: relative; background: url(../images/large-box-stretch.gif) left top no-repeat; padding-top: 16px;}
body#edit-cart #main .large-box-stretch-end {height: 39px; background:  url(../images/large_box_strech_end.gif) left bottom no-repeat;margin-bottom: 45px;}

/* View Products */

table#edit-cart-table{width: 652px; border-bottom: 1px solid #58d000; margin-bottom: 10px;}	
table#edit-cart-table *{ color: #000;font-size: 0.85em;}	
table#edit-cart-table a:hover{ color: #fff !important}	
table#edit-cart-table th{ color: #878787; font-weight: bold; text-transform: uppercase; padding-left: 4px; padding-bottom: 10px;padding-top: 10px;}	
table#edit-cart-table td{	border-top: 1px solid #c8c8c8; padding-bottom: 10px;padding-top: 10px;}	
table#edit-cart-table td.title{	width: 150px; color: #000; font-weight: bold; padding-right: 78px; padding-left: 4px; font-family: verdana}	
table#edit-cart-table td.title img{	float: left;margin-right: 10px;}	
table#edit-cart-table td.author{width: 150px; color: #000; padding-left: 4px}	
table#edit-cart-table td.price{	background: #f2f1f1;text-align: right;width: 90px;padding-right: 30px;}	
table#edit-cart-table td.amount{ background: #f2f1f1; text-align: right; width: 40px; padding-right: 40px;}	
table#edit-cart-table td.amount input{text-align: center; width: 20px; height: 14px; padding-top: 1px  }
table#edit-cart-table td.delete{background: #f2f1f1;}
table#edit-cart-table td.delete a{position: relative; left: 18px}
table#edit-cart-table td.delete a:hover{background: none}

/* Total */

body#edit-cart #main .edit-cart-total-div {height: 60px; margin-top: 5px}
body#edit-cart #main .update-cart{ text-align: right; height: 20px;padding-right: 34px;}	

table#edit-cart-total{ border-bottom: 1px solid #c8c8c8; ; position: relative;margin-top: 20px;color: #000;width: 430px;float: right; right: 30px;}
table#edit-cart-total td{ font-size: 0.65em; width: 80px; padding-left: 4x; line-height: 22px; text-align: right; padding-right: 10px;}
table#edit-cart-total td.bold{ font-weight: bold;}
table#edit-cart-total td.transform{ text-transform: uppercase;}
table#edit-cart-total td.moms{padding-left: 20px;}

/* ------------------------------- */
/* Category List
/* ------------------------------- */

body#categorypage #main .title {
	background: url(../images/title-white.gif) repeat-x bottom left; margin-top: 11px; padding-left: 16px; padding-right: 16px; border-bottom: 1px solid #fff; height: 32px;}
body#categorypage #main h2 {float: left; font-size: 1.1em}
body#categorypage #main .title .sort-by {float: right; font-size: 0.65em; margin-top: 2px; position: relative; left: 10px}		
body#categorypage #main .title .sort-by select {width: 90px}	

body#categorypage #main .productwrapper {background: url(../images/productwrapper.gif) repeat-y 20px; width: 711px; margin-top: 3px; position: relative; clear: both }		
body#categorypage #main .productwrapper .product {  padding-left: 10px; margin-left: 4px; float: left; width: 330px; border-bottom: 1px solid #ebebeb; min-height: 115px; padding-top: 12px; }	

body#categorypage #main img {float: left; padding-left: 6px;  margin-right: 25px; }
body#categorypage #main h3 {font-family: Arial; font-size: .9em; margin-left: 0px !important}
body#categorypage #main p { font-size: 0.65em; margin-top: 3px; }
body#categorypage #main .product form {margin-top: 15px; position: relative; right: 79px; float: right}
body#categorypage #main label {position: relative; top: 5px; font-family: verdana}
body#categorypage #main a {padding:0; margin:0}

body#categorypage #main .table-box {float: left; margin-left: 5px}
body#categorypage #main .product select {height: 19px;font-size: 11px;}
body#categorypage #main .product select span{}
body#categorypage #main form select option{}
body#categorypage .price { top: -20px; position: relative; left: 150px; font-family:verdana;
font-size:0.65em;
font-weight:bold;}	


/* ------------------------------- */
/* Register
/* ------------------------------- */

body#register #main .large-box-stretch, body#edit-cart #main .large-box-strech-end {width: 684px; padding: 0 16px; margin: 0 8px 0 16px;}
body#register #main .large-box-stretch {min-height: 200px; position: relative; background: url(../images/large-box-stretch.gif) left top no-repeat; padding-top: 16px;}
body#register #main .large-box-stretch-end {height: 39px; background:  url(../images/large_box_strech_end.gif) left bottom no-repeat; margin: 0  0 45px 16px;}
body#register ul#checkout-progress, body#register h2  {margin-left: 17px}	
body#register p.adress_information { float: left;   position: relative;  top: -40px; left: 6px; font-size: 10px; color: #848484; width: 256px; line-height: 13px;}	
body#register p.adress_information  strong{ display: block; color: #000}	

body#register strong{font-weight: bold;}	
form#register label  {font-size: 10px; font-family: verdana; font-weight: bold}


.warning {border: 1px solid #f51111 !important;}
.warning-label {color: #f51111}
.alertmessage {border: 1px solid #e9e9e9; background: #f9f9f9; font-size: 0.70em; width: 500px; padding: 6px; margin-bottom: 15px; line-height: 150%}
.alertmessage ul, .alertmessage li{list-style-type: square}

body#register .strong{color: #000; font-weight: bold; display: block; line-height: 15px;}	
body#register .clear{clear: both;}

.large-box-stretch, .large-box-strech-end {width: 684px; padding: 0 16px; margin: 0 8px 0 0;}
.large-box-stretch { position: relative; background: url(../images/large-box-stretch.gif) left top no-repeat; padding-top: 16px;}
.large-box-stretch-end {height: 39px; background:  url(../images/large_box_strech_end.gif) left bottom no-repeat;margin-bottom: 45px; margin-left: 0px}

/* ------------------------------- */
/* Confirm order
/* ------------------------------- */

body#confirm-order #main h4 {font-size: .9em}
body#confirm-order table#edit-cart-table{width: 652px; border-bottom: 1px solid #58d000; margin-bottom: -10px;}	
body#confirm-order table#edit-cart-table .right-text {text-align: right !important; padding-right: 10px}	
body#confirm-order table#edit-cart-table td.price {width: 160px; text-align: right}	
body#confirm-order table#edit-cart-table td.amount {text-align: right !important}


body#confirm-order table#customer-info{width: 262px; font-size: .7em; line-height: 1.4em; margin-top: 20px;	}
body#confirm-order table#customer-info th{font-weight: bold; width: 143px; vertical-align: top}	
body#confirm-order table#customer-info th.space, body#confirm-order table#customer-info td.space {padding-bottom: 10px}	

body#confirm-order #main .customer{min-height: 180px}	

body#confirm-order #main .customer h5{font-size: .7em; font-weight: bold; margin-bottom: 5px; margin-top: 15px}	
body#confirm-order #main .customer p{font-size: .7em; color: #626262; line-height: 1.5em; padding-right: 30px; }	
body#confirm-order #main button{ margin: -27px 0 30px;}	


/* ------------------------------- */
/* Product page
/* ------------------------------- */

body#edit-cart #main h2 {padding-left: 25px; background: url(../images/edit_cart.gif) left top no-repeat;}	
body#productpage #product-info {
    width: 535px; min-height: 184px; float: left; top: 0px; position: relative; background: transparent url(../images/mainpuff-bg.gif) repeat-x; padding-left: 16px; padding-top: 12px; margin-left: 23px}
body#packagepage #product-info p.preamble{font-size: 0.7em; margin-bottom: 10px}
	
body#productpage  #product-info dd, body#productpage  #product-info dt, body#productpage  #product-info dl {color: black; display: block; float: left; font-size: 0.8em;}
body#productpage #product-info dd a { text-decoration: none;}
body#productpage #product-info dl { width: 100%;  margin-bottom: 20px;}
body#productpage dt {margin-right: 5px; font-weight: bold;}
body#productpage .detail-info {margin-bottom: 20px} 
body#productpage .detail-info p{font-size: .6em} 
body#productpage #main form.product_add{float: left; clear: left; width: 300px; min-height: 105px; position: relative; padding-top: 10px; background-color: white;}
body#productpage #main form * { z-index: 1; position: relative;}
body#productpage #main form img {z-index: 0; width: 100%; position: absolute; top: 0; left: 0;}

#main form h4 {font: bold 14px Arial;margin-bottom: 12px;}
#main form h4 span { color: #858585; font-weight: normal;font-size: 11px;}
#main button {}
#main select { margin-right: 10px;font-size: 10px;font-family: Verdana;width: 40px;}

body#productpage #main label { color: black; font-weight: bold; font-size: 0.65em; top: 6px; font-family: verdana}
body#productpage #main h2 { font-size: 14px; margin-bottom: 5px;}

#availability { color: #858585; display: block; width: 100% !important; margin-top: 10px; font-size: 0.65em; padding-left: 22px; background: url(../images/tick.gif) left center no-repeat;}
#availability strong {clear: both; color: black; display: block; font-weight: bold;}
#bookpic {float: left;  margin-right: 2px;}
#bookinfo {width: auto !important; margin-left: 20px; margin-bottom: 0; font-size: 10px;}
#bookinfo dt, body#productpage #bookinfo dd { line-height: 18px;}
#bookinfo dt {margin-right: 0; width: 72px;clear: left;}
#description { min-height: 250px; width: 730px; float: left;padding-bottom: 15px; background: url(../images/product_container_background.gif) left bottom repeat-x;}
#description div {float: left;}
#booktext {width: 450px; left: 195px; position: relative}
body#packagepage #booktext {width: 510px; float: left; left: 190px; position: relative; padding-right: 25px}
body#packagepage #description {width: 730px; }
#booktext p {font-size: .70em; margin-bottom: 15px;  line-height: 1.5em }
body#productpage #main h4 {font-weight: bold; font-family: Arial; font-size: .8em; margin-bottom: 6px;}
body#productpage #main #booktext h4 {font-weight: bold; font-family: Arial; font-size: 0.90em !important; margin-bottom: 6px;}
#extra {display: block; width: 180px; margin-right: 10px; height: 100%; line-height: 1.6em; float: left;	font-size: .65em;}
body#packagepage #extra {width: 180px; margin-right: 10px; margin-top: -11px; height: 100%; line-height: 1.6em; float: left;	font-size: .65em;}

body#categorypage #main .info {width: 150px; float: left; padding-left: 20px}
/*body#categorypage #main .product_package {margin-top: 10px; height: 235px; float: left; border-bottom: 1px solid #ebebeb}*/
body#categorypage #main .product_package {margin-top: 10px; height: auto; float: left; border-bottom: 1px solid #ebebeb}


/* ------------------------------- */
/* Package Page
/* ------------------------------- */

body#packagepage #product-info {
    width: 541px; min-height: 195px; float: left; top: 0px; position: relative; background: transparent url(../images/mainpuff-bg.gif) repeat-x; padding-left: 16px; padding-top: 12px; margin-left: 13px}
  
body#packagepage h2 { margin-bottom: 6px;}

body#packagepage #extra {top:235px; position: absolute; left: 0px}

.table-box { background: url(../images/table-div.gif) repeat-y; width: 527px; padding: 0px; padding-top: 3px; padding-left: 3px;}
.table-box-bottom {float: left; left: -1px; position: relative; margin-bottom: 15px; display: block; background: url(../images/table-div-bottom.gif) no-repeat top; height: 8px; width: 526px; padding: 0px; padding-top: 0px; padding-left: 0px;}

.table-bottom { height: 40px}
.table-bottom p{ float: left}
 .table-bottom button{ float: left; margin-left: 80px; margin-top: 10px}

.table-box table {font-size: 0.65em; margin: 0px; width: 518px; padding-right:  1px}
.table-box table th{height: 22px; color: #fff; font-weight: bold; background:  url(../images/package-table-th.gif) repeat-x; border-left: 1px solid #fff}
.table-box table th.package{padding-left: 10px; width: 138px; border-left: 0px}
.table-box table th.book{text-align: right; width: 170px; padding-right: 10px }
.table-box table th.online{text-align: right; width: 140px; padding-right: 10px }
.table-box table th.bookonline{text-align: right; width: 160px; padding-right: 10px;  }
.table-box table th.left {background: url(../images/product_table_left.gif) repeat-x;}
.table-box table th.right {background: url(../images/product_table_right.gif) repeat-x top right; border-right: 1px solid #fff; border-left: 0px }

.table-box table td{ padding: 6px; padding-right: 0px}
.table-box table td{border-bottom: 1px solid #e5e5e5; text-align: right}
.table-box table td.space{border-bottom: 0; width: 1px}
.table-box table td.first{border-bottom: 1px solid #e5e5e5; text-align: left}
.table-box table td.qty{font-size: 1.2em; font-weight: bold}
.table-box table td.qty select{font-size: 0.9em; font-weight: normal; margin-left: 3px}
.table-box table tr{padding-left: 8px}
.table-box table strong{display: block}

 .table-box p { font-size: .65em; color: #7d7d7d; margin-top: 14px; margin-left: 8px; padding-bottom: 14px}

 body#categorypage .table-box {position: relative; left: 20px}
 body#categorypage .table-bottom p{margin-top: 14px !important}
 body#categorypage .table-box-bottom{position: relative; left: 194px}
 
body#packagepage #main h4 { margin-top: 10px; font-size: 0.9em; margin-bottom: 8px}
body#packagepage #booktext p {font-size: .7em; line-height: 1.3em}

body#packagepage #news, body#productpage #news {width: 740px;  min-height: 120px; float: left; position: relative; left: 0px; padding-left: 15px; background: none; border-top: 0; margin-top: 4px; font-family: arial;}

/* ------------------------------- */
/* Tip a friend
/* ------------------------------- */

#dialogTipFriend{
	display:block;
	width:365px;
	height:443px;
	overflow:hidden;
	padding:30px 25px 30px 25px;
	font-size: 0.63em;
	background: #fff;
	background: url(../images/bg-dialog-tipafriend.png) no-repeat;

}

#dialogTipFriend a.close{
	float: right;
	text-transform:uppercase;}	

#dialogTipFriend .product{  
	float: left;
	width: 100%;
	display: block;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 15px 0;
	margin: 0 0 15px 0;
}

#dialogTipFriend .product-detail{float: left; width: 265px;}

#dialogTipFriend .product img {float: left; padding-left: 0;  margin-right: 25px; }

#dialogTipFriend .product h3 {font:  bold 1.4em Arial, Helvetica, sans-serif; margin:0 0 3px 0 !important}
#dialogTipFriend .product p { font-size: 1em; }
#dialogTipFriend .product p.author { margin-bottom: 8px; }
#dialogTipFriend .product p.price { margin-top: 8px; font-weight: bold; }

#dialogTipFriend .button-container a{ font-size: 1.1em;}

/* ------------------------------- */
/* Product: News
/* ------------------------------- */

#news { width: 718px;  min-height: 120px; float: left; position: relative; left: 222px; background: #fff url(../images/puff_background.gif) repeat-x; border-top: 1px solid #dadada; font-family: arial; margin: 4px 0 0 0; padding: 0 0 0 15px;}
#news h3 {margin: 10px 0 16px 0;}
#news dl {float: left; width: 215px; margin: 0 20px 0 0;}
#news dt {display: none;}
#news .pic {width: 66px; float: left; margin: 0 10px 0 0 ; margin-right: 10px;}
#news .title a { text-decoration: none; font-size: 0.75em; line-height: 1.0em}
#news .author {margin: 4px 0 4px 0; color: #5b5b5b; font-size: 0.6em; font-family: verdana;}
#news .price {color: black;font-weight: bold;font-size: 0.65em; font-family: verdana;}
#news button {}

/* ------------------------------- */
/* Indexpage
/* ------------------------------- */
#main  img.frontbooks {position: absolute; top: 1px; right: 0;}
#quotes {float: left; width: 195px; min-height: 210px; margin-left: 11px; background-color: #e7f6aa; border: 1px solid #dadada; border-top: 3px solid #269746;position: relative; top: 26px;}
#quotes img { width: 195px; position: relative; left: 0px }

#quotes blockquote {
	text-indent: 20px;
	background: url(../images/left_quote.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	margin: 8px 0 16px 12px;
	
}

#quotes blockquote span {
	display: inline;
	font-size: 12px; 
	line-height: 17px;
	margin: 0;
	font-style: italic;
	padding-right: 5px; 

}

#quotes blockquote img {
	width: 11px; height: 9px; padding-left: 5px;

}


#quotes a {font: 10px Verdana; margin-left: 12px;}
#main  img.frontbooks { position: absolute; top: 3px; right: 0; margin-top: 2px;}

body#indexpage #main p {font-size: .7em; width: 300px;}
body#indexpage #main li {font-size: .7em;}

body#indexpage #news {left: 0px; top: 33px;height: 177px;}
body#indexpage .bottom {display: none}
body#indexpage #container {margin-top: 0px}
body#indexpage #content {}

/* ------------------------------- */
/* Quotes
/* ------------------------------- */


/* ------------------------------- */
/*  Product Container
/* ------------------------------- */

#container {width: 100%;  margin-top: 10px;height: 100%; margin-bottom: 15px;margin-left: 13px;}
#container div {float: left; width: 195px;margin-left: 15px;}
#container .first { margin-left: 0;}
#container div p {font: 10px Verdana; margin-bottom: 14px;}
#container div p, #container div h5, #container .info {margin-left: 5px;}
#container div img, #container div h4 {margin-bottom: 10px;}
#container div h4 {vertical-align: bottom; background: url(../images/puff_title_background.gif) no-repeat; color: white; font-size: 15px; font-weight: bold; height: 77px; position: relative;}
#container div h4 span {position: absolute; bottom: 5px; left: 10px;}
#container div h5 {font-size: 13px; font-family: arial; font-weight: bold;}

#container form { float: left; width: 311px; height: 190px; position: relative; margin-left: 15px;border: 1px solid #dadada;}
#container form * { margin-left: 15px;}
#container label {color: black; font: 10px bold Arial; position: relative; top: 10px;}
#container fieldset#top { border-top: 1px solid white; background-color: #ededed;padding: 6px 0 12px 0;  margin-left: 0;}
#container fieldset#top img { position: absolute; top: 1px; right: 0;}
#container fieldset#top p {width: 65%; margin-top: 5px; margin-bottom: 5px;font: 10px Verdana;}

#container a.info:hover, #container  fieldset#bottom a:hover, #container fieldset#top a:hover {background-color: green; text-decoration: none}
#container a.info {font: 10px Verdana;text-decoration: underline;background:  url(../images/link_info_background.gif) no-repeat 0 55%; padding-left: 10px;}

#container fieldset#bottom a { margin: 0; padding: 0; background: none !important;  font: 10px Verdana; text-decoration: underline;margin-left: 10px}
#container fieldset#bottom a:hover{background: green !important; }
#container fieldset#top a { margin: 0; padding: 0;background: none !important; }
#container fieldset#top span { display: block; margin-top: 12px;border: 1px solid #979797;}
#container fieldset#bottom {margin-left: 0;background-color: #e0e0e0;border-bottom: 1px solid white;padding-bottom: 12px;}
#container fieldset#bottom * {margin-top: 12px;}
#container form button { margin-right: 0;}
#container fieldset#bottom span {margin-top: 0;}
#container form h4 {font-size: 16px; font-weight: bold;margin-top: 2px;}

/* ------------------------------- */
/*  Header Breadcrumb
/* ------------------------------- */

#header ul#breadcrumb ,ul#breadcrumb li, ul#breadcrumb a {padding: 0; margin: 0}
ul#breadcrumb {position: absolute; bottom: 8px; left: 222px; border-left: 1px solid #61af00; background: url(../images/breadcrumb_bg.gif) left bottom repeat-x;}
ul#breadcrumb li {float: left;color: white;padding: 3px 15px 3px 5px;font-size: 10px;font-family: Verdana; border-top: 1px solid #61af00;border-bottom: 1px solid #9dd840;position: relative; background: url(../images/breadcrumb_sep.gif) right center no-repeat;}
ul#breadcrumb li a {font-size: 10px; font-family: Verdana; color: #d6eeb3;}
ul#breadcrumb li a:hover {background-color: transparent; text-decoration: underline;}
ul#breadcrumb li span {display: block;width: 9px;margin-left: 5px;text-indent: -9999px;background: #7ccb00 url(../images/house.gif) left center no-repeat;}
ul#breadcrumb li a span:hover { cursor: pointer;}
ul#breadcrumb li#no-arrow {background: none;}
ul#breadcrumb li#last {border-top: 0; border-bottom: 0;width: 9px;height: 20px;padding: 0;}
ul#breadcrumb li#last img { height: 100%; width: 100%; background-color:#7ccb00;}

/* ------------------------------- */
/* Staff
/* ------------------------------- */

.stafflisting {width: 700px; clear: both}
.staff {width: 275px; min-height: 130px; float: left} 
.staff img {padding: 5px; background: #f6f6f6; border: 1px solid #eeeeee; float: left; margin-right: 10px }
.staff span {display: block; }
.staff span.name {font-weight: bold; font-size: 12px; margin-bottom: 3px}
.staff span.title {text-transform: uppercase; font-size: 10px; color :#575757} 

/* ------------------------------- */
/* Dialog
/* ------------------------------- */

.edrumParagraphtitle {font-weight: bold;}
.edrumImageLeft {float: left; margin: 0 5px 5px 0; }
.edrumImageRight {float: right; margin: 0 0 5px 5px; }


/**
 * Redesign 2010
 */
#toolLinks {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:12px;
	right:10px;
	height:auto !important;
}
#toolLinks li {
	list-style:none;
	margin:0 0 0 14px;
	padding:0 !important;
	float:left;
	background-color:#2A994A;
	color:#FFF;
}
#toolLinks li:first-child {
	padding-bottom:1px !important;
}
#toolLinks li a {
	display:block;
	background-color:#2A994A;
	color:#FFF;
	padding:0 5px !important;
	font-size:.8em;
}
#toolLinks li:hover {
	background-color:#FFF;
	color:#2A994A;
}
#toolLinks li a:hover {
	background-color:#FFF;
	color:#2A994A;
}


/*
#toolLinks li {
	list-style:none;
	height:16px;
  	line-height:16px;
	margin:0 14px 0 0;
	float:left;
	padding:0 !important;
	background:url(../images/sharelinks-bg.png) left top no-repeat transparent;
	
}
#toolLinks li a {
	font-size:11px;
	height:16px !important;
	line-height:16px !important;
	padding:0 3px !important;
	margin:0  !important;
	color:#FFF;
	background:url(../images/sharelinks-bg.png) right top no-repeat transparent;
}
#toolLinks li:hover {
	background-position:left -34px;
}
#toolLinks li a::hover {
	background-position:right -34px;
}

#toolLinks li a:hover {
	background-color:#FFF;
	color:#2A994A;
}
#toolLinks li div {
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
}
*/


/*
#dialogTipFriend {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:999999;
}
*/
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:999998;
	background-color:#333;
	opacity:.5;
	display:none;
	width:100%;
	height:100%;
}
.addthis_button {
  position:relative;
  top:1px;
}

/*
.shareMenu {
	list-style:none;
	margin:0;
	padding:0;
}
.shareMenu li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.shareMenu li a {
	background:url(../images/addthis/widget22.png) no-repeat 2px -976px;
	
}
.shareWidget {
	position:relative;
}
.shareWidget .shareMenu {
	position:absolute;
	display:none;
	top:17px;
	left:0;
	width:260px;
	padding:10px;
	background-color:#FFF;
	border:3px solid #666;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}
.shareWidget .shareMenu li {
	width:110px;
	float:left;
}
.shareWidget .shareMenu li.twitter a {
	background-position:2px -864px !important;
}
#toolLinks .shareWidget .shareMenu li a {
	display:block;
	padding:1px 2px 1px 25px !important;
	border:1px solid #FFF;
	background-color:#FFF;
	color:#333;
}
#toolLinks .shareWidget .shareMenu li a:hover {
	border:1px solid #CCC !important;
	background-color:#EEE !important;
	color:#333 !important;
}
*/
/*
						<li class="shareWidget">
                            <a href="http://www.addthis.com/bookmark.php" style="text-decoration:none;padding:0" class="shareBtn xaddthis_button">Dela</a>
							
							<ul class="shareMenu">
								<li class="fb"><a href="#">Facebook</a></li>
								<li class="twitter"><a href="#">Twitter</a></li>
							</ul>
*/