/*******************************************************************************
* 		basformatering
*******************************************************************************/

html {
	overflow-x: hidden;
}

body, div {
    font: 11px tahoma;
    margin: 0px;
    padding: 0px;
	color: #000;
}

body.b_top {
	background: transparent url(/gfx/top/bg_top.gif) no-repeat;
}

body.menu {
	background: #000 url(/gfx/top/productmenu_top.gif) no-repeat;
}

img { border: 0px; }

td {
    font: 11px tahoma;
    vertical-align: top;
}

a {
	color: #000;
	text-decoration: underline;
}

a.news {
    font: bold 11px tahoma;
    color: #999;
}

a.submenu {
    font: normal 11px tahoma;
    color: #000000;
    letter-spacing: 2px;
    line-height: 23px;
    text-transform: uppercase;
    color: #7b1a44;
    margin-left: 12px;
}

h1 {
    margin-top: 0px;
    font: bold 17px arial black, arial, sans-serif;
    color: #000000;
}

h2 {
   margin-top: 0px;
    font: bold 16px arial black, arial, sans-serif;
    color: #9a9a9a;
}

h3 {
	font: bold 14px arial black, arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 3px;
   color: #ffffff;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #9a9a9a;
}

cite {
	font-weight: bold;
	text-decoration: none;
	color: #db001b;
}

span{
	font-style: normal;
}

var {
	font-style: normal;
}

hr {
	background-color: #a98b6e;
	color: #a98b6e;
	border: 0px;
	height: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
}

p {
	margin: 0px;
	font: 11px tahoma;
}

li {
	margin-bottom: 10px;
}

/*input:focus {
	border: 1px solid #cc4f21;
}*/

/*******************************************************************************
* 		classer
*******************************************************************************/

a.orange  {
	font: bold 11px tahoma;
	color: #cc4f21;
	text-decoration: none;
}

a.menu_blue {
	font: bold 11px tahoma;
	color: #0067c6;
	text-transform: uppercase;
	margin-right: 20px;
}

.spacing {
	position: relative;
	height: 5px;
}

.head_margin {
	margin-left: -4px;
}

.box {
	width: 131px;
	height: 131px;
	left: 0px;
	top: 0px;
	position: relative;
	margin-right: 13px;
	margin-bottom: 13px;
	float: left;
	cursor: pointer;
}

.ruta {
	z-index:2;
	position: absolute;
	left: 0px;
	top: 0px;
}

.img_rounded {
	background: transparent url(/gfx/global/rund_ruta.gif) no-repeat;
	width: 131px;
	height: 131px;
	z-index:3;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ruta2 {
	margin-bottom: 13px;
}

.gul {
	color: #ffe300;
	font-weight: bold;
}

.whiteLink:link, .whiteLink:visited, .whiteLink:active{
	color:#fff;
	text-decoration:none;
}

.whiteLink:hover{
	text-decoration:underline;
}


/*******************************************************************************
* 		menyn
*******************************************************************************/

.topLevel {
	font: 11px tahoma;
	padding: 2px 0px;
	width: 170px;
	background: transparent url(/gfx/global/pil.gif) no-repeat;
	background-position: 0px 0px;
	left: 0px;
	position: relative;
	padding-left: 0px;
}

.topLevel a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.level2, .level3, .level4 {
	font: normal 11px tahoma;
	width: 165px;
	background: transparent url(/gfx/global/pil.gif) no-repeat;
	background-position: 15px 0px;
	left: 0px;
	padding-left: 0px;
	position: relative;
}

.level3 { background-position: 30px 0px;}
.level4 { background-position: 40px 0px;}

.level2 a, .level3 a, .level4 a {
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	line-height: 18px;
}



/*******************************************************************************
* 		tabeller
*******************************************************************************/

.viewCartTable {
	width: 530px;
	border: 0px;
}

.viewCartHeader td {
	background-color: #9a9a9a;
	padding: 2px 5px;
	height: 18px;
	color: #ffffff;
	vertical-align: middle;
	font: bold 11px tahoma;
}

.viewCartRow1 td, .viewCartRow2 td, .viewCartHover td{
    background-color: #f2f2f2;
    padding: 5px;
    font: 11px tahoma;
}

.viewCartRow2 td{ background-color: transparent; }

.viewCartRow3 td{ padding: 5px; font: 11px tahoma;}

.viewCartHover td{ background-color: #e0e0e0; cursor: pointer;}

.productTd {
    width: 375px;
}

.sub_table td {
	/*line-height: 31px;*/
	vertical-align: top;
	height: 30px;
}

/*******************************************************************************
* 		knappar
*******************************************************************************/

.btnLogin, .btnSave, .btnSend, .loginOk, .btnSearch, .btnOk, .btnCheckout, .btnConfirm, .btnUpdate, .btnSave2, .btnSend2, .btnSearch2, .btnCheckout2, .btnConfirm2, .btnUpdate2{
	height: 17px;
	margin: 0px 0px 1px 0px;
	border: 0px;
	cursor: pointer;
}

.btnCheckout {
	width: 107px;
	background: url(/gfx/shop/check_out.jpg) no-repeat;
}

.btnCheckout2 {
	width: 76px;
	background: url(/gfx/shop/check_out_2.jpg) no-repeat;
}

.btnConfirm {
	background: url(/gfx/shop/confirm.jpg) no-repeat;
	width: 107px;
	height: 23px;
	border: 0px;
	padding: 0px;
	color: #ffffff;
	font: bold 11px tahoma;
	cursor: pointer;
	margin: 0px;
	margin-left: 5px;
}

.btnConfirm2 {
	width: 107px;
	background: url(/gfx/shop/confirm_2.jpg) no-repeat;
}

.btnUpdate {
    width: 80px;
	border: 0px;
	padding: 0px;
	background: url(/gfx/shop/recalculate.jpg) no-repeat;
	color: #ffffff;
	font: bold 11px tahoma;
	cursor: pointer;
	margin: 0px;
	text-align: left;
}

.btnUpdate2 {
    width: 95px;
	background: url(/gfx/shop/recalculate_2.jpg) no-repeat;
}

.btnOk {
	width: 30px;
	background: url(/gfx/shop/btn_ok.jpg) no-repeat;
}

.btnOkTop {
	width: 30px;
	border: 0px solid red;
	font: bold 11px tahoma;
	color: #ffffff;
	background-color: transparent;
	background: transparent url(/gfx/global/pil_white.gif) no-repeat;
	padding-left: 10px;
	background-position: 0px 4px;
	cursor: pointer;
	margin-left: 5px;
	margin-bottom: 2px;
}


.btnLogin {
	width: 32px;
	background: url(/gfx/shop/login.jpg) no-repeat;
	margin-bottom: 2px;
	height: 20px;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
}

.btnSave {
	width: 62px;
	background: url(/gfx/shop/save.jpg) no-repeat;
}

.btnSave2 {
	width: 62px;
	background: url(/gfx/shop/save_2.jpg) no-repeat;
}

.btnSend {
	width: 62px;
	background: url(/gfx/shop/send.jpg) no-repeat;
}

.btnSend2 {
	width: 46px;
	background: url(/gfx/shop/btn_send.jpg) no-repeat;
}

.btnSendContact {
	width: 95px;
	font: 11px tahoma;
	color: #7b1a44;
	background-color: transparent;
	border: 0px solid red;
	height: 17px;
	margin: 0px;
	cursor: pointer;
	text-align: left;

}

.loginOk {
	position:relative;
	top:12px;
	left:4px;
	width: 37px;
	height: 38px;
	background: url(/gfx/menu/ok.gif) no-repeat;
}

.loginOk2 {
    border:0;
	width: 28px;
	height: 18px;
	overflow:hidden;
	background: url(/gfx/menu/ok.gif) no-repeat;
}


.btnSearch {
	width: 28px;
	background: url(/gfx/menu/search.gif) no-repeat;
	/*margin-top: 6px;*/
}

.btnSearch2 {
	width: 46px;
	background: url(/gfx/menu/eng/search.gif) no-repeat;
	margin-bottom: -2px;
}

.btnCart, .btnCartCheckout {
	width: 30px;
	height: 26px;
	border: 0px;
	padding: 0px;
	background: url(/gfx/shop/product_cart.gif) no-repeat;
	cursor: pointer;
	/*color: #ffffff;
	font: bold 11px tahoma;

	margin: 0px;
	background-color: #999999;*/
}

.btnCartCheckout {
	background: url(/gfx/shop/check_out.jpg) no-repeat;
}

.btnSendContact {
	background: transparent url(/gfx/knappar/knapp_skicka.gif) no-repeat;
	width: 54px;
	height: 22px;
	cursor: pointer;

}

/*******************************************************************************
* 		formulär
*******************************************************************************/

.textbox, .textbox115, .textbox220, .textbox220, .textbox288, .textbox415, textarea, select {
    border: 1px solid #cccccc;
    margin: 2px 0px;
    padding: 1px;
    font: 11px tahoma;
    color: #000000;
}

.textbox { width: 200px; }
.textbox115 { width: 130px; }
.textbox220 { width: 250px; }
.textbox288 { width: 288px; }
.textbox415 { width: 442px; }

.textbox200 {
	width: 238px;
}



.textarea220 {
	width: 220px;
	height: 160px;
}

.qtyBox, .qtyBox2 {
    width: 28px;
    height: 22px;
    font-size: 16px;
    text-align: right;
    padding-right: 2px;
    border: 0px;
    border: 1px solid #cccccc;
}

.qtyBox2 {
    height: 14px;
    width: 20px;
    font-size: 12px;
}

.subMenuTextbox, .searchTextbox {
	width: 105px;
	font-size: 11px;
	border: 0px;
	padding: 2px;
	margin: 0px;
}
.subMenuTextbox2{
	width: 105px;
	font-size: 11px;
	border: 0px;
	padding: 2px;
	margin: 0px;
}

.loginBox {
	width: 168px;
	height: 21px;
	font: 11px tahoma;
	background: url(/gfx/top/login_bg.gif) no-repeat;
	border: 0px;
	padding: 5px;
	margin-bottom: 8px;
}

.searchTextbox {
	width: 115px;
	margin-top: 6px;
}

#cart_single_line {
  /*font-family: 'Courier New';
  font-size: 11px;*/
  font: 10px tahoma;
}

/**********************************************************************************************
*		produktlistningen
**********************************************************************************************/

.productslist_box {
	position: relative;
	float: left;
	border: 1px solid #d9e2e6;
	padding: 2px;
	width: 253px;
	height: 200px;
	cursor: pointer;
	margin-right: 4px;
	margin-bottom: 4px;
	background-color: #ffffff;
}

.productslist_name {
	position: relative;
	font: bold 11px tahoma;
	padding-top: 4px;
	padding-left: 4px;
	text-transform: uppercase;
}

.productslist_desc {
	position: relative;
	float: left;
	font: normal 11px tahoma;
	padding-top: 10px;
	padding-left: 4px;
}


.productslist_price {
	position: absolute;
	bottom: 4px;
	left: 4px;
	width: 167px;
	height: 21px;
	font: bold 11px tahoma;
	z-index: 3;
}

.productslist_info {
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 31px;
	height: 27px;
	background: transparent url(/gfx/shop/product_info.gif) no-repeat;
}

.no_margin {
	margin-right: 0px;
}


/**********************************************************************************************
* 	produktvisning
**********************************************************************************************/

#details_top {
	background: #ffffff url(/gfx/global/bg_details_uppe.gif) no-repeat top left;
	width: 770px;
	height: 14px;
	top: 0px;
	left: 0px;
	position: relative;
}

#details {
	background-color: #ffffff;
	border: 1px solid #f8b323;
	border-top: 0px;
	border-bottom: 0px;
	width: 733px;
	position: relative;
	padding: 10px 15px 0px 20px;
	left: 0px;
	top: 0px;
	min-height: 320px !important;
}

#details_bottom {
	background: #ffffff url(/gfx/global/bg_details_nere.gif) no-repeat bottom left;
	width: 770px;
	height: 16px;
	top: -16px;
	left: 0px;
	position: relative;
}


#pNum {
	position: relative;
	text-align: center;
}


.list_top {
	background: #ffffff url(/gfx/global/bg_list_uppe.gif) no-repeat bottom left;
	width: 375px;
	height: 14px;
	top: 0px;
	left: 0px;
	position: relative;

}

.list {
	background-color: #ffffff;
	border: 1px solid #f8b323;
	border-top: 0px;
	border-bottom: 0px;
	width: 343px;
	position: relative;
	padding: 10px 15px;
	left: 0px;
	top: 0px;
	height: 187px;
}

.list_bottom {
	background: #ffffff url(/gfx/global/bg_list_nere.gif) no-repeat bottom left;
	width: 375px;
	height: 13px;
	top: 0px;
	left: 0px;
	position: relative;
}

.img_top {
	background: #ffffff url(/gfx/global/img_ram_uppe_sml.gif) no-repeat top left;
	width: 216px;
	height: 13px;
	top: -7px;
	left: 0px;
	position: relative;
	border: 0px;
}

.img {
	background-color: #ffffff;
	border: 1px solid #ffe8bb;
	border-top: 0px;
	border-bottom: 0px;
	width: 214px;
	position: relative;
	padding: 0px;
	left: 0px;
	top: -7px;
	text-align: center;
	min-height: 175px !important;
}

.img_bottom {
	background: #ffffff url(/gfx/global/img_ram_nere_sml.gif) no-repeat bottom left;
	width: 216px;
	height: 14px;
	top: -7px;
	left: 0px;
	position: relative;
}

#price {
	font-size: 11px;
	vertical-align: middle;
	text-align: right;
	padding-right: 10px;
}

/**********************************************************************************************
* 	kontakt
**********************************************************************************************/
#contact_ram {
	top: 0px;
	left: 204px;
	width: 563px;
	position: absolute;
}


#contact_top {
	background: #ffffff url(/gfx/global/bg_contact_uppe.gif) no-repeat top left;
	width: 563px;
	height: 10px;
	top: 0px;
	left: 0px;
	position: relative;
}

#contact {
	background-color: #f8b323;
	border-top: 0px;
	border-bottom: 0px;
	width: 528px;
	position: relative;
	padding: 10px 15px 0px 20px;
	left: 0px;
	top: 0px;
	min-height: 320px !important;
}

#contact_bottom {
	background: #ffffff url(/gfx/global/bg_contact_nere.gif) no-repeat bottom left;
	width: 563px;
	height: 11px;
	top: -11px;
	left: 0px;
	position: relative;
}

/*******************************************************************************
* 	mainframe
*******************************************************************************/

#start_img {
	background: transparent url(/gfx/global/bild_start.jpg) no-repeat;
	/*width: 547px;*/
	width: 806px;
	height: 212px;
	position: relative;
	left: -17px;
	top: -20px;
}

#start_text {
	position: relative;
	float: left;
	width: 300px;
}

#start_news {
	position: relative;
	float: right;
	width: 184px;
	background: #000000 url(/gfx/top/newsbox_top.jpg) no-repeat;
	padding: 10px;
	padding-top: 45px;
	color: #ffffff;
}


#start_campaign {
    margin-top:100px;
	float: left;
	position: relative;
	/*width: 550px;*/
	width:789px;
}

#inside {
	left: 20px;
	top: 20px;
	position: absolute;
	/*width: 528px;*/
	width:789px;
	padding-bottom: 20px;
}

#produkt_kat {
	left: 0px;
	top: 20px;
	position: relative;
	width: 728px;
	height: 278px;
	background: url(/gfx/rubriker/rub_produktkategorier.gif) no-repeat top left;
	padding-left: 47px;
}

#contact_text {
	position: relative;
	float: left;
	width: 280px;
	padding-right: 20px;
}

#contact_form {
	position: relative;
	float: right;
	width: 200px;
	padding-right: 10px;
}

/*******************************************************************************
*	topframe
*******************************************************************************/

#topRight{
	position:absolute;
	width:250px;
	height:145px;
	left:730px;
	top:10px;
}

#bg {
	background: transparent url(/gfx/top/bg_top.gif) no-repeat;
	width: 761px;
	height: 116px;
	position: absolute;
	top: 10px;
	left: 0px;
}

#links {
	position: absolute;
	width: 729px;
	top: 126px;
	left: 0px;
	z-index: 3;
	height: 20px;
	padding-top: 9px;
	background: transparent url(/gfx/menu/menu_bg.gif) no-repeat;
	text-align: left;
	letter-spacing: 2px;
	padding-left: 13px;
}

#register {
	position: absolute;
	width: 100px;
	top: 96px;
	left: 630px;
	height: 17px;
	z-index: 2;
	text-align: center;
}

#flags {
	position: absolute;
	z-index: 4;
	top: 98px;
	left: 13px;
	width: 120px;
}
#loginbox {
	position: absolute;
	width: 290px;
	top: 96px;
	left: 345px;
	height:30px;
	z-index: 5;
	padding: 0px;
	margin:0;
	color: #ffffff;
}

#loggedin {
	position: absolute;
	width: 200px;
	top: 98px;
	left: 270px;
	z-index: 2;
	padding: 0px;
	color: #ffffff;
	background-color: #000;
	padding-left: 20px;
}

/*******************************************************************************
*	menuframe
*******************************************************************************/

#menu_cart {
	background: #ebebeb url(/gfx/din_varukorg.gif) no-repeat;
	height: auto;
	width: 185px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 15px;
	padding-top: 30px;
	padding-bottom: 25px;
}

#menu_products {
	height: auto;
	width: 185px;
	position: relative;
	top: 0px;
	left: 0px;
	padding: 15px;
	padding-top: 30px;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.middle {
	vertical-align: middle;
}


/************************************************************************************
* poll
*************************************************************************************/

#poll{
	position: absolute;
	left:350px;
	top:235px;
	height:175px;
	width: 184px;
	background: #000000 url(/gfx/top/newsbox_top.jpg) no-repeat;
	padding: 10px;
	padding-top: 45px;
	color: #fff;
}

#poll a{ color:#fff; }
#poll a:hover{ text-decoration:underline; }

div#vote{
	color:#fff;
	padding-left:5px;
	margin-top:5px;
}

p#pollQuestion{
	margin-bottom:15px;
}

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

#commentDiv{
	position:absolute;
	z-index:12;
	background-color:#fff;
	border:4px solid #525252;
	padding:5px;
	top:0;
	left:-175px;
}

#commentDiv #caption{
	background-color:#e8e8e8;
	padding:7px;
	float:left;
	width:184px;
	margin:-5px 0 0 -5px;
}

#commentDiv #close{
	background-color:#e8e8e8;
	padding:7px;
	float:right;
	width:190px;
	text-align:right;
	margin:-5px -5px 0 0;
}

#pollcomment{
	margin-top:8px;
}

#translayer{
	position:fixed;
	z-index:10;
	top:0px;
	left:0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	height:100%;
	width:100%;
}

#commentLayer{
	display:none;
}




#pollresults{
	width:297px;
	display:none;
	position:absolute;
	z-index:12;
	background-color:#fff;
	border:4px solid #525252;
	padding:5px;
	top:0;
	left:-175px;
}

#pollresults #caption{
	background-color:#e8e8e8;
	padding:7px;
	float:left;
	width:126px;
	margin:-5px 0 0 -5px;
}

#pollresults #close{
	background-color:#e8e8e8;
	padding:7px;
	float:right;
	width:153px;
	text-align:right;
	margin:-5px -5px 0 0;
}

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

.statsTable{
	width:10px;
	margin-top:30px;
	border-collapse:collapse;
}

.statsTable td{
	padding-right:5px;
	width:10px;
	white-space:nowrap;
}

.statsTable .barTd{
	width:200px;
	white-space:nowrap;
}

.statsTable .answer{
	font-weight:bold;
	padding-top:10px;
}

.statsbar{
	margin-top:3px;
	height:8px;
}

p#clearVote			{ display:none;color:#999;padding-left:5px; }
p#clearVote a		{ color:#999; }
p#clearVote a:hover	{ color:#222; }

img#voteTmp { display:none; }

p#voteComment { padding:1px; }

div#productVote #votesubmit{
	background-color:#eee;
	border:1px solid #ccc;
	font: normal 10px arial;
}

div#voteSubmitDiv{
	width:211px;
	text-align:right;
}

div#productVote h4{ font-size:11px; }

div#productVote{

}



#newsletter_box{
	position:absolute;
	width:226px;
	height:78px;
	background:transparent url("/gfx/newsletter_box.png") no-repeat;
	right:10px;
	left:0;
	top:320px;
	margin-right:10px;
	color:#fff;
	padding:15px;
	z-index:0;
}
#newsletter_box h1{
	margin-bottom:5px;
	color:#fff;
}
#newsletter_box input{
    margin-top:7px;
	width:185px;
	background:transparent none;
	border:0;
}
#newsletter_box #newsletter_submit{
	cursor:pointer;
	width:30px;
	margin:7px 0 0 8px;
	left:205px;
}
#start_news h3{
	font-family:arial;
	font-size:13px;
}
p#message{
    margin:20px 0 0 0;
    color:#600;
    font-weight:bold;
}
#kreditor{
    display:none;
}
table#kreditorPno{
    width:530px;
    margin:0 0 20px 0;
}
table#kreditorPno td{
    padding:10px;
    background:#eee none;
}