/*

# VIKTIGT! PLEASE READ THE FOUNDATION OF THIS DOKUMENT
# 
# Strukturen för detta dokument är uppdelat enligt följande:
# 
## 1. Sidspecifika element och klasser
## 2. Strukturelement
## 3. HTML-taggar
## 4. Länkar - felmeddelanden och clearklasser

# Uppbyggnad av strukturelementen är enligt följande:
#
## Alla div-element bygger till en viss del på css-zen där alla strukturelement
## består av tre div-element av id-klasser. Namngivningen är enligt följande:
## 
## #w1 - w står för wrap och 1 för det yttersta lagret, 2 för mitten, 3 för innersta lagret.
## #b1 - b står för body
## #h1 - h står för head
## #ca1 - ca står för cart
## #c1 - c står för content
## #n1 - n står navigering
## #f1 - f står för footer
##  

*/

/* ##################### START ###################### */
/* ######## SIDSPECIFIKA KLASSER OCH ELEMENT ######## */

/* ## PRODUKTSIDAN ## */

.productmargin { padding:10px 32px 32px 32px; }
#productleftcolumn { float:left; width:280px; }
#productrightcolumn { float:left; margin-left:32px; width:340px; }
#breadcrumbs { font-size:12px; color:#90b830; }
.productheadline { font-family:Georgia, "Times New Roman", Times, serif; }
.productsubline { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; border-bottom:1px solid #7ba515; margin:0 0 4px 0; }
.producttext { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin-bottom:16px; }

#price { margin:8px 0 0 0; }
.p1 { font-size:14px; font-weight:bold; width:44px; }
.p2 { font-size:16px; font-weight:bold; color:#aa3134; width:65px; }
.addtocartbtn { }
.pnew { background:url(/images/item_newicon.jpg) no-repeat; height:37px; padding:8px 0 0 49px; margin-top:8px; }
.pnew span { color:#814100; font-size:11px; font-weight:bold; display:block; }
.pnew a:link, .pnew a:visited, .pnew a:hover, .pnew a:active { color:#cd6903; font-weight:bold; font-size:11px; text-decoration:underline; }
.pnew a:hover { text-decoration:none; }

#discountdiv { background:url(/images/product_offer.gif) no-repeat; padding:7px 40px 12px 10px; height:26px; margin-top:6px; }
#discountdiv td, #discountdiv td span { font-weight:bold; color:#990000; }

.ddiscount a:link, .ddiscount a:visited, .ddiscount a:hover, .ddiscount a:active { color:#cd3f00; font-weight:bold; font-size:11px; text-decoration:underline; }

#amounttable { margin:6px 0; }
.am1 { font-size:14px; font-weight:bold; padding-top:2px; }
.am2 { padding:2px 0 0 2px; }

.otherproductlink { text-decoration:none; }

#readbook { font-size:12px; }
.ebook-productspot { background:url(/images/openbook_icon.jpg) top right no-repeat; height:59px; width:290px; color:#a14800; padding:9px 0 0 8px; }
.ebook-productspot p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
.ebook-headline { font-weight:bold; font-size:12px; }
.ebook-flash { font-size:10px; }

a.addbtn-big {
    background: transparent url(/images/addtocart_big_right.jpg) no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px georgia, serif;
    height: 36px;
    margin-right: 6px;
    padding-right: 17px; /* sliding doors padding */
    text-decoration: none;
}

a.addbtn-big span {
    background: transparent url(/images/addtocart_big_left.jpg) no-repeat;
    display: block;
    line-height: 26px;
    padding: 5px 0 5px 17px;
}
a.addbtn-big:link { text-decoration:none; }
a.addbtn-big:visited { text-decoration:none; }
a.addbtn-big:hover { text-decoration:underline; }
a.addbtn-big:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
}

a.addbtn-big:active span {
    background-position: bottom left;
    padding: 6px 0 4px 17px; /* push text down 1px */
	text-decoration:none;
} 

.customer-questions p { padding:0; margin:0; }
.customer-questions input, .customer-questions textarea { border-color:#d66f27; }
.customer-questions, .customer-questions td, .questionform span, .customer-questions h2, .qna span { color:#d66f27; }
.customer-questions h2 { background:url(/images/product_questions.gif) no-repeat; font-size:14px; height:36px; margin:18px 0 0 0; padding:6px 0 0 0; }
.question, .answer { border-bottom:1px dashed #bebebe; }
.question { padding:4px 4px 4px 4px; }
.answer { padding:6px 4px; background-color:#EDEDED; }
.qna { font-size:10px; padding:0; margin:0; }
.qna span { font-weight:bold; }
.open-questionform { border-bottom:1px solid #bebebe; padding:6px 4px; }
.questionform { padding:6px 0 12px 0; border-bottom:1px solid #bebebe; }
.questionbutton { margin:4px 0 0 0; background:#FFF; }
.questionform span { font-weight:bold; font-size:10px; }
#questionmessage { border:1px dashed #bebebe; margin:0 0 8px 0; padding:10px 7px; }

/* ## KATEGORISIDAN ## */

.categorymargin { padding:8px 15px 15px 15px; }
.categorylistmargin { padding:12px 85px 15px 85px; }
.categoryheadline { font-size:16px; margin:0; }
.categorylistheadline { font-size:16px; margin:0 0 12px 0; }

/* ## KASSASIDAN ## */

.checkoutmargin { margin:0 50px; width:619px; }
.checkoutheadline { border-bottom:1px solid #7ba515; margin-top:22px; }
.checkoutinfo { background:url(/images/info_icon.gif) no-repeat; padding-left:32px; font-size:11px; }

/* ## NYHETSIDAN ## */

.productnews-wrap { float:left; font-size:11px; height:160px; width:150px; margin:5px 20px 0 0; }

/* ## PRODUKTLISTAN - BIBLIOTEK ## */

.productlist-wrap { font-size:12px; height:80px; border-bottom:1px solid #CCC; padding-bottom:11px; margin-bottom:10px; }

.productinfowrap { float:right; width:415px; }
.productname { font-size:14px; font-weight:bold; padding:0; margin:0; }
.productdescription {  }
/* lpbt stands for link-price-button-table */
.product-lpbt { height:26px; }

.lpbt-info { width:170px; font-size:12px; }
.lpbt-price { width:90px; font-size:14px; font-weight:bold; color:#B00; padding-right:10px; text-align:right; }
.lpbt-addbtn {  }

.productlist-image { width:160px; height:100px; position:absolute; }
.productlist-icon { width:29px; height:30px; float:left; }
.productlist-discount { background:#ffcec2; border:1px solid #b12a16; padding:1px 2px 1px 0; margin:4px 0 0 17px; }
.productlist-new { margin:6px 0 0 17px; }
.productlist-imgreplace { float:left; width:120px; height:80px; line-height:80px; text-align:center; background-color:#E7F9BB; border:1px solid #ddd; }
.productlist-link { cursor:pointer; text-decoration:none; }
.product-textwrap { padding-right:47px; }

a.addbtn-small {
    background: transparent url(/images/addtocart_small_right.jpg) no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 26px;
    margin-right: 6px;
    padding-right: 17px; /* sliding doors padding */
    text-decoration: none;
}

a.addbtn-small span {
    background: transparent url(/images/addtocart_small_left.jpg) no-repeat;
    display: block;
    line-height: 16px;
    padding: 5px 0 5px 17px;
}
a.addbtn-small:link { text-decoration:none; }
a.addbtn-small:visited { text-decoration:none; }
a.addbtn-small:hover { text-decoration:underline; }
a.addbtn-small:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
}

a.addbtn-small:active span {
    background-position: bottom left;
    padding: 6px 0 4px 17px; /* push text down 1px */
	text-decoration:none;
} 

.pagination { height:48px; padding-top:48px; margin-top:5px; clear:both; text-align:center; font-size:14px; background:url(/images/pagination_icon.jpg) top center no-repeat; }

/* ## STARTSIDAN ## */

.start-productlist { margin:0; float:left; width:143px; margin:0 0 8px 10px; }
.start-imgreplace { height:94px; background:#E7F9BB; text-align:center; line-height:94px; border:1px solid #ddd; font-size:11px; }

.threerow-productlist { float:left; width:152px; height:160px; margin:0 6px 0 0; }
.threerow-imgreplace { height:100px; border:1px solid #ddd; font-size:11px; }

/* ## GAMLA NYHETSBREV - ARTIKLAR ## */

.recommend-headline { font-size:12px; font-weight:bold; color:#7d7d7d; }
.recommend-wrap { background:#f4f4f4; border:1px solid #c8c8c8; height:122px; width:100%; clear:left; }
.recommended-product { margin-top:5px; padding-left:14px; width:124px; text-align:center; float:left; font-weight:bold; }
.recommended-product img { border:1px solid #c8c8c8; }
.recommended-product a:link { color:#7d7d7d; }
.recommended-product a:visited { color:#7d7d7d; }
.recommended-product a:hover { color:#7d7d7d; text-decoration:none; }
.recommended-product a:active { color:#7d7d7d; }

/* ######## SIDSPECIFIKA KLASSER OCH ELEMENT ######## */
/* ###################### END ####################### */

/* ##################### START ###################### */
/* ################ STRUKTURELEMENT ################# */

/* ## WRAPPER ## */
#w1 {
	width:950px;
	margin:0px auto;
	text-align:left;
	padding:0;
	background-color:#FFF;
}
#w2 { }
#w3 { }

/* ## HEAD ## */
#head1 { height:94px; width:950px; }
#head2 { }
#head3 { }

.logo { float:left; margin:20px 0 0 20px; }

/* ## CART ## */
#ca1 { float:right; height:85px; background:url(../images/top_cart.jpg) no-repeat; padding-left:150px; color:#000; }
#ca2 { width:500px; background:url(../images/cart_beveled.jpg) no-repeat; padding:0 0 0 8px; }
#ca3 { }

#carttable { height:42px; font-size:12px; }
.ct1, .ct2, .ct3, .ct4 { padding-bottom:10px; }
.ct1 { width:238px; padding-left:7px; }
.ct2 { width:108px; }
.ct3 { border-left:1px solid #bebebe; padding-left:10px; }
.ct4 { padding-left:8px; padding-right:18px; }

#shoppingcart_full { width:480px; position:absolute; border:1px solid #bebebe; background:white; }
#cartcontent { width:480px; margin:7px 0; font-size:12px; }
.cart-amount { border:1px solid #a5c459; font-size:12px; width:20px; text-align:center; margin:0 10px; }
.cartc1 { width:40px; }
.cartc2 { }
.cartc3 { text-align:right; }
.cartc4 { text-align:right; }
.cartc5 { text-align:right; padding-right:10px; width:80px; }

.newincart { background:#ffd19f; }
.newincart input { border:1px solid #f39833; }
.newincart td { color:#b05d00; }

#cartbuttons { }
.cartb0, .cartb1, .cartb2, .cartb3, .cartb4, .cartb5 { border-top:1px solid #bebebe; }
.cartb0 { width:250px; height:28px; text-align:right; padding-right:6px; }
.cartb1 { width:24px; }
.cartb2 { width:86px; border-left:1px solid #bebebe; font-size:12px; text-align:center; }
.cartb3 { width:34px; }
.cartb4 { width:44px; border-left:1px solid #bebebe; font-size:12px; text-align:center; }
.cartb5 { width:28px; }

#checkouttable { margin-top:8px; }
.checkot1 { font-size:12px; width:362px; }
.checkot2 { font-size:12px; }
.checkot3 { padding-right:26px; width:22px; }
.checkot4 { font-size:11px; color:#666; }

/* ## BODY ## */
#b1 { background:url(../images/body_header.gif) no-repeat; color:#497300; }
#b2 { background:url(../images/body_shadow_left.gif) top left repeat-y; padding-left:21px; } /* 929px kvar */
#b3 { background:url(../images/body_shadow_right.gif) bottom right no-repeat; padding-right:7px; } /* 922px kvar */

.body-toplink { height:17px; text-align:right; padding:16px 16px 4px 0; font-family:Georgia, "Times New Roman", Times, serif; }

/* ## NAVIGERING ## */
#nav1 { float:left; width:200px; padding-bottom:220px; } /* 722px kvar */
#nav2 { }
#nav3 { background:#e7f9bb; }

#nav-search { border-bottom:10px solid #b9dd61; border-top:10px solid #b9dd61; background:#e0f2b3; padding-bottom:10px; }
.navs1 { padding-left:10px; height:38px; color:#497300; }
.navs2 { width:50px; }
.navs3 { margin:0 0 1px 0; }
.navl-select { width:180px; margin-left:10px; }

#nav-links { border-top:10px solid #b9dd61; }

#nav3 .nav-offer a { border-left:6px solid #e15e40; }
#nav3 .nav-newproduct a { border-left:6px solid #f39833; }

/* ## CONTENT ## */
#c1 { float:right; width:722px; } /* 0px i bredd */
#c2 { }
#c3 { }

/* ## FOOTER ## */
#f1 { background:#cdeb8b url(../images/body_footer.gif) no-repeat; padding-top:18px; padding-bottom:60px; font-family:Georgia, "Times New Roman", Times, serif; }
#f2 { }
#f3 { text-align:right; padding-right:12px; }

/* ## GENERAL ## */

.generalpadding { margin:0 75px 0 75px; width:570px; }
.generalheadline { border-bottom:1px solid #7ba515; }

.itemtooltip {
	display:none; 
	position:absolute; 
	background:white; 
	border:1px solid #336600;
	font-size:11px;
	padding:6px 44px 4px 4px;
	height:27px;
	width:118px;
	text-align:left;
	background:#FFF url(/images/carticon_small.jpg) no-repeat top right;
}

/* ## GUIDE ## */

#henna-karta table td { font-size:9px; text-align:center; border-right:1px solid #f3dbb5; }
#faq-div { padding-right:120px; }
#faq-links { padding-left:6px; padding-bottom:6px; }
#faq-links p { padding-top:3px; padding-bottom:3px; }
#table-cell-1 { width:200px; }
#table-cell-2 { padding-left:20px; }
.colorchart-bottom { border-bottom:1px solid #f3dbb5; }
.colorchart-headline { text-align:center; margin:0 0 0 90px; padding:3px 0; background:#f9e9cf; border-bottom:1px solid #f3dbb5; }

/* ################ STRUKTURELEMENT ################# */
/* ###################### END ####################### */

/* ##################### START ###################### */
/* ################## HTML-TAGGAR ################### */

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background:#cdeb8b url(../images/top_bg.jpg) repeat-x;
}
body, tr, td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#507a06; }
img { border: 0; }
table { width:100%; border-collapse:collapse; }

h1, h2, h3, h4 { color:#5d8d09; padding:0; margin:0 0 5px 0; }
h1 { font-size:21px; }
h2 { font-size:16px; margin:12px 0 5px 0; }
h3 { font-size:14px; margin:12px 0 5px 0; }
h4 { font-size:12px; margin:12px 0 5px 0; }

p { padding:0; margin:0 0 6px 0; }
span { color:#497300; }

ul { }
li { }

form { padding:0; margin:0; display:inline; }
input, select, textarea { border:1px solid #a5c459; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.input-noborder { border:0; }

/* ################## HTML-TAGGAR ################### */
/* ###################### END ####################### */

/* ##################### START ###################### */
/* #### LÄNKAR - FELMEDDELANDE OCH CLEARKLASSER ##### */

/* ## NAVIGERING ## */
#nav3 ul { list-style:none; margin:0; padding:0; }
#nav3 li { list-style:none; margin:0; padding:0; border-top:1px solid #c4e17d; }
#nav3 a { display:block; padding:3px 0 3px 4px; border-left:6px solid #8cac3b; width:190px; }
#nav3 span { display:block; padding:3px 0 3px 4px; border-left:6px solid #8cac3b; width:190px; }
#nav3 li li a { display:block; padding-left:12px; border-left:6px solid #a8ac3b; width:182px; }
#nav3 li li span { display:block; border-left:6px solid #a58932; padding-left:12px; width:182px; }
#nav3 li li li a { display:block; border-left:6px solid #a58932; padding-left:20px; width:180px; }
#nav3 li li li span { display:block; border-left:6px solid #a58932; padding-left:20px; width:180px; }
#nav3 li li li li a { display:block; padding-left:20px; width:178px; }

#nav3 a:link { color:#336600; text-decoration:none; }
#nav3 a:visited { color:#336600; text-decoration:none; }
#nav3 a:hover { color:#336600; text-decoration:none; background-color:#f9ffec; }
#nav3 a:active { color:#336600; text-decoration:none; }

.nav-closed { background:url(/images/nav_closed.gif) top right no-repeat; }
#nav3 .nav-closed span:hover { background:#f9ffec url(/images/nav_closed_over.gif) top right no-repeat; }

.nav-open { background:url(/images/nav_open.gif) top right no-repeat; }
#nav3 .nav-open span:hover { background:#f9ffec url(/images/nav_open_over.gif) top right no-repeat; }

.nav-hover {  }
.nav-active { background:white; }

.lastlink { border-bottom:1px solid #c4e17d; }

#shoppingcart a:link { color:#000; }
#shoppingcart a:visited { color:#000; }
#shoppingcart a:hover { color:#000; text-decoration:none; }
#shoppingcart a:active { color:#000; }

.generalheadline a:link { text-decoration:none; }
.generalheadline a:visited { text-decoration:none; }
.generalheadline a:hover { text-decoration:underline; }
.generalheadline a:active { text-decoration:none;}

.body-toplink a:link { text-decoration:none; }
.body-toplink a:visited { text-decoration:none; }
.body-toplink a:hover { text-decoration:underline; }
.body-toplink a:active { text-decoration:none;}

.start-productlist a:link { text-decoration:none; }
.start-productlist a:visited { text-decoration:none; }
.start-productlist a:hover { text-decoration:none; }
.start-productlist a:active { text-decoration:none;}

.otherproductlink a:link { text-decoration:none; }
.otherproductlink a:visited { text-decoration:none; }
.otherproductlink a:hover { text-decoration:underline; }
.otherproductlink a:active { text-decoration:none; }

#breadcrumbs { }

a:link { color:#336600; text-decoration:underline; }
a:visited { color:#336600; text-decoration:underline; }
a:hover { color:#336600; text-decoration:none; }
a:active { color:#336600; text-decoration:underline; }

.formfield { }
.formfield p {
	clear:left;
	margin:0 0 8px 0;
}
.formfield label {
	float:left;
	width:145px;
}

.formerror {
	background:url(/images/error_icon.jpg) no-repeat;
	font-size:11px;
	padding:3px 0 3px 26px;
}

.formmessage {
	border:1px solid #7ba515; 
	padding:10px 0 10px 43px; 
	background:url(/images/info_icon.gif) 10px 5px no-repeat;
	font-weight:bold;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

/* #### LÄNKAR - FELMEDDELANDE OCH CLEARKLASSER ##### */
/* ###################### END ####################### */