* { margin:0; padding:0}

body { text-align:center; background:#2d2d2d url(images/background.gif) top repeat-x; color:#333; font:11px Arial, Tahoma, Helvetica, sans-serif; line-height:1.3em}

p { padding:4px 3px}
a { color:#333; text-decoration:none}
a:hover { color:#7a9c59; text-decoration:underline}
a img { border:none}

/* css för huvudstruktur*/
div#container { width:960px; background:#fff; border:1px solid #333; position:relative; text-align:left; margin:0 auto} 
div#header { position:relative; width:100%}
div#maincontent { float:left; position:relative; width:550px; margin:4px; padding:0 0 10px 0; border:1px solid #bbb; overflow:hidden}
div#column_left { float:left; position:relative; width:198px; margin-left:2px; overflow:hidden}
div#column_right { float:left; position:relative; width:198px; overflow:hidden}
div#footer { width:940px; padding:0 10px; text-align:right; background:#eee; height:24px; line-height:24px; margin:0 auto; padding-top:5px}

/* brödtext */
div#trail { width:528px; margin:4px; padding-left:12px; background:#7a9c59; border:1px solid #76a332; overflow:hidden}
div#trail, div#trail a { color:#fff; font-size:11px; height:24px; line-height:24px; font-weight:bold; vertical-align:middle}

div#trail a { margin:0 10px;}
div#content { position:relative; width:543px; padding:4px 3px 4px 4px; overflow:hidden}

form { display:inline}
input { padding:2px 5px; vertical-align:middle}
input.field { padding:3px 5px; border:1px solid #b2b2b2; text-align:right}
input.button { padding:2px 4px; background:#fff; border:1px solid #b2b2b2; color:#ffa200; font-weight:bold}
select { padding:1px 2px 1px 2px;}
option { padding:1px 10px 1px 2px}
textarea { width:100%}

h1 { padding-top:6px; padding-left:10px; font-size:12px; font-family:Tahoma, Arial, Verdana, sans-serif}
h2 { width:92%; margin:4px 2% 6px; padding-top:6px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#333}

/* boxar i vänster- och högerkolumner */
div.cat_heading { background:url(images/bng_index_heading.gif) repeat-x; color:#fff; width:100%; height:28px; margin-bottom:6px; text-align:left}
div.cat_heading a { color:#fff}
div.cat_heading h1 {}
div.box_l { text-align:left; width:190px; margin-top:4px; padding:3px; border:1px solid #bbb}
div.box_categories { text-align:left; width:190px; margin-top:4px; padding:3px; border:1px solid #bbb}
div.box_c { text-align:center; width:190px; margin-top:4px; padding:3px; border:1px solid #bbb}

h2.pl_sub_heading { font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:5px; background:#cef1b0; margin-top:10px}
a.level_0, a.level_1, a.level_2, a.level_3 { display:block;}
a.active_0, a.active_1, a.active_2, a.active_3 { font-weight:bold}
a.level_0 { height:23px; font-size:12px; line-height:23px; margin:3px 0; padding-left:14px}
a.level_1 { height:21px; font-size:11px; line-height:21px; padding-left:19px}
a.level_2 { height:18px; font-size:10.5px; line-height:18px; padding-left:25px}
a.level_3 { height:18px; font-size:10.5px; line-height:18px; padding-left:32px}
div.box_categories a:hover { background:#f0f4f7}
div.box_search input.fields { width:70%}
dl.search {}
dl.search dt { margin-top:5px; padding:2px 0}
dl.search dd {}
dl.search dd, dl.search dd input { vertical-align:middle}
dl.newsletter { padding:5px 0}
dl.newsletter dt { margin-top:5px}
dl.newsletter dd, dl.newsletter dd input { vertical-align:middle}

/* header */
div#logo { display:inline; float:left; width:240px; margin:25px 10px 15px 20px}
div#login { display:inline; float:right; text-align:right; width:480px; padding:0 10px; font-size:11px; line-height:22px; height:26px}
div#login a { font-weight:bold; text-decoration:underline}
div#navbar { float:left; width:480px; margin-left:40px; margin-top:28px; height:28px; line-height:28px; overflow:hidden; text-transform:uppercase}
div#languages { float:right; width:120px; margin-top:10px; text-align:center; padding:0 10px}

div#languages a { margin-left:8px}
div#languages select { margin-top:4px}
div#navbar a { display:block; float:left; font-size:11px; padding:0 10px; height:28px; line-height:28px; color:#555; font-weight:bold; background:url(images/bng_index_heading.gif) repeat-x; border-left:1px solid #ddd; border-right:1px solid #ccc; color:#fff}
div#navbar a:hover { border-left:1px solid #333; border-right:1px solid #333}


/* --- maincontent --- */
h1.pageheading { font:14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0 10px 10px 10px; color:#336}
h1.productheading { font:24px Arial, Helvetica, sans-serif; font-weight:bold; padding:2px 10px; color:#336}
span.subheading { font-weight:bold; display:block; text-decoration:underline; padding-top:5px}
h1 a { color:#999}
div.separator { clear:left; background:url(images/pixel_orange.gif) repeat-x; width:98%; margin-left:1%; padding:2px 0 15px 0}
td.separator { border-bottom:1px solid #e6e6e6}
div.message { padding:12px 8px}

/* footer */
div#footer, div#footer a { color:#999}

.boxText { font:10px Verdana, Arial, sans-serif}
.error { width:100%; font:14px Verdana, Arial, sans-serif; color:#900; padding:20px}
.errorBox { font:10px Verdana, Arial, sans-serif; background:#ffb3b5; font-weight:bold}
.stockWarning { font:10px Verdana, Arial, sans-serif; color:#c03}
.productsNotifications { background:#f2fff7}
.orderEdit { font:10px Verdana, Arial, sans-serif; color:#70d250; text-decoration:underline}

table.tableData td { vertical-align:top; padding:5px}
table.shoppingcart td { padding:4px 8px}
td.toptotal { border-bottom:1px solid #ddd; font-weight:bold}
.subtotal { padding-top:5px; border-top:1px solid #ddd}

/* listor */
ol.bs_list { padding:2px 0 2px 28px}

ul.featured { margin-top:4px; list-style:none; line-height:normal}
ul.featured li { display:inline; float:left; width:150px; height:188px; margin-left:24px; margin-top:14px; padding:2px 0 0 4px; overflow:hidden}
h2.featured { margin-top:25px; width:85%; border-bottom:1px solid #ffa200; padding:2px 6px; font-weight:bold}

div.products_name { text-align:left; height:28px; padding:3px 6px; overflow:hidden}
div.products_name a { display:block; font:13px; color:#013e71; font-weight:bold}
div.products_image { text-align:center; height:90px; padding:10px 0}
div.products_image a { display:block; border:none}
div.products_price { height:35px; margin-top:5px; color:#075ea7; width:70px; font-weight:bold; font-size:13px; text-align:center; vertical-align:middle; display:table-cell}
div.products_buynow { float:right; margin-top:2px; color:#075ea7; width:70px; font-weight:bold; font-size:13px; text-align:center}

dl.index_lists { display:inline; float:left; width:181px; margin-top:15px; overflow:hidden}
dl.index_lists dt { background:url(images/bng_index_heading.gif) repeat-x; color:#fff; padding-left:18px; height:30px; line-height:30px; font-weight:bold; border-right:1px solid #b0bfc8}
dl.index_lists dd { width:90%; height:24px; line-height:24px; padding-left:10px; border-bottom:1px solid #d6e1e8; overflow:hidden; font-size:11px}
dl.index_lists dd a { display:block}

div.dl_info { display:inline; float:right; width:150px; padding:5px; color:#888}
dl.inputs { display:inline; float:left; width:350px; padding:10px}
dl.inputs dt { float:left; clear:left; width:140px; padding:3px}
dl.inputs dt.dlheading { padding-top:14px; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
dl.inputs dd { float:left; width:190px; padding:2px}
dl.inputs dd.dlrequired { padding-top:14px; padding-bottom:8px; font:10px Arial, Tahoma, Helvetica, sans-serif; color:#f00; text-align:right}
dl.inputs dd.field input, dl.inputs dd.field option { width:90%; padding:2px}
dl.inputs dd.field select { width:90%}
dl.inputs dd.right { text-align:right}

dl.inputs_wide { display:inline; float:left; width:520px; padding:10px}
dl.inputs_wide dt { float:left; clear:left; width:160px; padding:3px}
dl.inputs_wide dd { float:left; width:300px; padding:2px}
dl.inputs_wide dd.field input, dl.inputs_wide dd.field select, dl.inputs_wide dd.field option { width:60%; padding:1px}
dl.inputs_wide dd.field textarea { width:90%; padding:1px}
dl.inputs_wide dd.right { text-align:right}

dl.inputs_50 { display:inline; float:left; width:340px; padding:10px}
dl.inputs_50 dt { float:left; clear:left; width:170px; padding:3px}
dl.inputs_50 dd { float:left; width:150px; padding:2px}
dl.inputs_50 dd.field input { width:60%; padding:1px}
dl.inputs_50 dd.right { text-align:right}

table.pl_listing { font:10px Verdana, Arial, Helvetica, sans-serif; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #eee}
table.pl_listing td { background:#fff url(images/bng_pl.gif) repeat-x bottom; padding:5px}
table.pl_listing td input { vertical-align:middle}
table.pl_listing_head { font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
table.pl_listing_head td { background:#ddd; line-height:26px; padding:0 3px}

table.gv_faq a { display:block; font-weight:bold; padding:5px 10px; text-decoration:underline}
ul.navbar { width:100%; line-height:1em; list-style:none; border-bottom:1px solid #ccc; height:2.1em}
ul.navbar li { float:left}
ul.navbar li a { display:block; text-decoration:none; font-weight:bold; background:#f4f4f4; padding:0.5em 0.8em; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #ccc}
ul.navbar li a.here { background:#dedede}
ul.navbar li a:hover { background:#dedede; border:1px solid #fff; border-bottom:none}
ul.navbar li a.here:hover { background:#dedede; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #ccc}

ol.faq { margin-left:35px}
ol.faq li a { padding:2px 0; display:block}

table.categories {}
table.categories td, h1.categories, h1.categories a { font:18px Tahoma, Arial, Verdana, sans-serif; font-weight:bold; color:#555; padding:0; margin:0}
h1.categories a:hover { color:#ffa200}
table.categories td.categories { padding:15px 0 10px 30px}

ul.header_description { width:100%; margin-top:2em; line-height:1.3em; list-style:none}
ul.header_description li { float:left}
ul.header_description li a { display:block; text-decoration:none; background:#f4f4f4; padding:0.5em 1.2em; border-left:2px solid #f0f0f0; border-top:2px solid #f0f0f0; border-right:2px solid #ccc}
ul.header_description li a.here { background:#dedede; color:#333; font-weight:bold}
ul.header_description li a:hover { background:#dedede; color:#000; text-decoration:underline}
ul.header_description li a.here:hover { color:#555; text-decoration:none}
div#description { clear:both; border:1px solid #ddd; width:96%; padding:10px; margin-bottom:10px}

table.productinfo { padding:10px 0}
dl.prod_quant { border:1px solid #dfdfdf; background:#fcfcfc; color:#336; width:96%; font:11px Tahoma, Arial, Verdana, sans-serif; padding:5px 0}
dl.prod_quant dt, dl.prod_quant dd { display:inline; float:left; padding:4px 2%; background:#fcfcfc}
dl.prod_quant dt { clear:both; width:48%; font-weight:bold; text-align:right}
dl.prod_quant dd { width:43%; text-align:left}
dl.prod_quant dd a { text-decoration:underline}
ul.productinfo { list-style:none}
ul.productinfo a { color:#ffa200; font:11px Tahoma, Arial, Verdana, sans-serif; text-decoration:underline}
ul.productinfo a:hover { color:#000}
ul.productinfo li { padding:4px}
ul.productinfo li img { vertical-align:text-bottom; padding-right:5px}

td.smallText, span.smallText, p.smallText, dt.smallText { font:11px Arial, Tahoma, Helvetica, sans-serif}
span.smallModel { font:11px Arial, Tahoma, Helvetica, sans-serif; color:#336}
span.productsprice { font:24px Tahoma, Arial, Verdana, sans-serif; font-weight:bold; display:block; color:#336; padding-top:35px}
span.special { font-family:Verdana, Arial, sans-serif; color:#f00; font-weight:normal; text-decoration:line-through}
div.order_total { font-weight:bold; border-top:1px solid #ccc; width:80%; margin-top:2px}
img.product_image { border:1px solid #dfdfdf}
span.specialprice { color:#f00}

/* input fields account + login*/
h2.ca_heading { clear:left; float:left; width:50%; margin-top:18px; font-weight:bold; padding:4px 10px}
form#account table { clear:left; width:350px; margin-left:16px; background:#efefef; border:1px solid #ddd}
form#account tr { background:#efefef}
form#account tr.odd { background:#f4f4f4}
form#account td { height:26px; vertical-align:middle; text-align:left}
form#account td.labels { width:120px; text-align:right; padding-right:15px; font-weight:normal}
form#account td.links { text-align:left; padding-left:15px; width:40%; font-weight:normal; color:#a7a9ac}
form#account table#ca_other { margin-top:8px; margin-left:10px; border:none}
form#account table#ca_other, table#ca_other tr, table#ca_other td { background:none}
form#account table#ca_other td { height:18px; padding:4px}
form#account table input.field { width:80%}
form#account span { color:#46254d}

form#create_account table { clear:left; width:340px; margin-left:16px; background:#efefef; border:1px solid #ddd}
form#create_account tr { background:#f4f4f4}
form#create_account tr.odd { background:#efefef}
form#create_account td { height:26px; vertical-align:middle; text-align:left}
form#create_account td.labels { width:120px; text-align:right; padding-right:15px; font-weight:normal}
form#create_account table#ca_account { margin-top:8px}
form#create_account table input.field, form#create_account table select { width:80%}
form#create_account span { color:#46254d}

span#required { clear:both; float:right; width:160px; margin-right:5px}
span#required .inputRequirement { color:#f40}

/* checkout */
h2.ca_heading { clear:left; float:left; width:50%; margin-top:18px; font-weight:bold; padding:4px 10px}
div.checkout_address { display:inline; float:left; width:46%; padding:5px 2% 5px 1%}
form#checkout table.ca_register { clear:left; width:98%; margin-top:5px; margin-left:2%; background:#efefef; border:1px solid #ddd}
form#checkout table.ca_register tr { background:#f4f4f4}
form#checkout table.ca_register tr.odd { background:#efefef}
form#checkout table.ca_register td { height:26px; vertical-align:middle; text-align:left}
form#checkout td.labels { width:100px; text-align:right; padding-right:5px; font-weight:normal}
form#checkout td.optional_text { width:150px; vertical-align:top; padding-left:5px; color:#46254d}
form#checkout table input.field, form#create_account table select { width:80%; text-align:left}
form#checkout span { color:#46254d}

div#checkout_shipping, div#checkout_payment { display:inline; float:left; width:46%; padding:5px 2% 5px 1%; overflow:hidden}
div#checkout_shipping {}
div#checkout_payment {}

table.checkout_options { width:95%; margin-left:2%}
table.checkout_options td { padding:5px 1% 5px 2%; border-top:1px solid #222}
table.checkout_options td td  { padding:1px 2px}
table.checkout_options table { background:#f4f4f4; margin-left:10px}
table.checkout_options .no_border { border:none}
.moduleRow {}
.moduleRowOver { background:#ddd; cursor:pointer; cursor:hand;}
.moduleRowSelected { background:#eec; color:#008}

table.padk { margin-left:10px}

table#ca_pw_forgotten { clear:left; width:340px; margin-left:16px; background:#efefef; border:1px solid #ddd}
table#ca_pw_forgotten tr.odd { background:#fff}
table#ca_pw_forgotten td { height:26px; padding:2px 6px; vertical-align:middle; text-align:left}
table#ca_pw_forgotten td.labels { width:120px; text-align:right; padding-right:15px; font-weight:normal}
table#ca_pw_forgotten table input.field { width:80%}

form#checkout span#required { clear:both; float:right; width:220px; margin-right:0px; color:#f90}

table.pad_checkout {}
table.padk_shop { margin-top:5px}
table.ordertotal { margin-top:20px; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:20px}
table.ordertotal td { font:12px Verdana, Arial, Helvetica, sans-serif}
table.ordertotal td.check_heading { font-weight:bold; border-bottom:1px solid #ddd; padding:4px 3px; color:#336}
table.bord { border:1px solid #ccc; padding:4px;}
table.bord td { padding:2px 4px;}
table.checkout_bar { padding:10px 0}
table.checkout_bar td { padding:2px 0; vertical-align:middle}

table.margintop { margin-top:10px}
table.bordertop { border-top:1px solid #ccc}
table.borderbottom { border-bottom:1px solid #ccc}
td.padleft3 { padding-left:15px}
td.padleft5 { padding-left:10px}
td.pad { padding:4px 2px}
a.pad3 { padding-left:2px; padding-right:2px}

/* generellt */
div.border { border:1px solid #ccc}
div.border a:hover { text-decoration:none}

div.readonly { width:80%; padding:10px; border:1px solid #ddd; background:#fafafa}

p.padding { padding:5px 10px 1px 10px}
p.notifications { padding:6px 18px}
td.padding { padding:3px 10px}
.clear { clear:both}
.left { text-align:left}
.center { text-align:center}
.right { text-align:right}

ul.sitemap { color:#f00; margin-left:15px; font-size:12px}
ul.sitemap li { padding:2px 0}
.sitemap { color:#00f; font-weight:normal}
.sitemapHeading { color:#00f; font-size:13px; font-weight:normal}
.sitemapProducts { color:#f000ff; font-weight:normal}
A.sitemap { color:#090}
A.sitemap:hover { color:#f00}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}