﻿* {
	margin: 0px auto;
}




/* CSS Document 
/*---------------------------------------------------------------------*/

/* This CSS is made by EDB Totalpartner AS - NORWAY  

/*------------------- www.edbtotalpartner.no --------------------------*/

body {
	font-family: Arial, Tahoma, Verdana;
	margin: 20px 0 0 0;
	color: #555; 
	font-size: 11px;
	background: #ccc url(images/bg.jpg) repeat-x;  }
	
#container {width: 986px;}
#site {width: 986px;float: left;	background:#fff;}
#wrapper {width: 966px;float: left;padding: 0 10px 10px 10px;}



p {}


/*--------------------------------------------------------
HEADER
--------------------------------------------------------*/

#header { width: 986px;float: left;height: 140px;}
.header-box {width: 210px;height: 95px;float: left;padding: 45px 0 0 0;font-size: 11px;}

#header-mc {width: 546px;float: left;padding: 0 10px 0 10px;height: 82px;margin-top: 45px;}
 

#header-col-forstehjelp {width: 145px;float: left;clear: right;font-size: 9px;padding: 15px 10px 15px 110px;border: 1px solid #ededed;margin-right: 12px;height: 52px;background: url(images/header-cat-firstaid.jpg) bottom left no-repeat;color:#b9b9b9;}

#header-col-forstehjelp:hover, 
#header-col-medical:hover{
	cursor: pointer;  	}
	
	
	
	
	#header-col-forstehjelp h2 {font-size: 13px;color:#bcbcbc;margin: 0 0 10px 0;}
#header-col-forstehjelp.over, #header-col-forstehjelp.selected {width: 145px;float: left;clear: right;font-size: 9px;padding: 15px 10px 15px 110px;border: 1px solid #ededed;margin-right: 12px;height: 52px;background:#f8f8f8 url(images/header-cat-firstaid.jpg) top left no-repeat;color:#7b7b7b;}
	#header-col-forstehjelp.over h2, #header-col-forstehjelp.selected h2 {font-size: 13px;color:#e71108;margin: 0 0 10px 0;}	  

#header-col-medical {width: 145px;float: left;clear: right;font-size: 9px;padding: 15px 10px 15px 110px;border: 1px solid #ededed;height: 52px;background: url(images/header-cat-medical.jpg) bottom left no-repeat;color:#b9b9b9;}
	#header-col-medical h2 {font-size: 13px;color:#bcbcbc;margin: 0 0 10px 0;}
#header-col-medical.over, #header-col-medical.selected {width: 145px;float: left;clear: right;font-size: 9px;padding: 15px 10px 15px 110px;border: 1px solid #ededed;height: 52px;background:#f8f8f8 url(images/header-cat-medical.jpg) top left no-repeat;color:#7b7b7b;}
	#header-col-medical.over h2, #header-col-medical.selected h2 {font-size: 13px;color:#e71108;margin: 0 0 10px 0;}

a.no {color: #b7b7b7;background:url(images/no.gif) no-repeat top left;padding: 0 10px 0 20px;height: 14px;text-decoration: none;}

#search {width: 184px;border: 1px #eeeee4 solid;float: left;padding: 7px;margin: 7px 0 0 0;}
	#search h2 {font-size: 12px;font-weight: bold;color: #474747;}
		#search input {width: 122px;height: 20px;border: 0;margin: 6px 0 0 0;background:url(images/search_input.gif) no-repeat;float: left;padding: 6px 0 0 6px;font-size: 11px;color: #666666;}
		input#sok {width: 48px;height: 24px;background:url(images/login.gif) no-repeat; float: left;margin: 6px 0 0 -2px;text-indent: -9999px;font-size: 0;}
			

/*------------------------------------------------------
  Navigation
  -----------------------------------------------------*/
  
#navigation {width: 966px;float: left;height: 33px;padding: 0 10px 15px 10px;
	background:url(images/txt-bg-menu.gif) no-repeat top center;}

#navigation ul{
	padding: 0;
	margin:0 0 0 210px;
	height: 31px;
	background:url(images/txt-topmenu-inline.gif) no-repeat top left;
	list-style-type: none;
	}

#navigation ul li {
	height: 31px;
	float: left;
	color:#474747;
	background:url(images/txt-topmenu-inline.gif) no-repeat top right;
	font-weight: bold; 
	display: inline;
}
	
#navigation ul li a {
	height: 25px;
	padding: 8px 46px 0 45px;
	color: #474747;
	display: block;
	float: left; 
}

#navigation ul li a:focus, 
#navigation ul li a:hover {
	color: #474747; }

#navigation ul li a#active {
	background:#fff url(images/topmenu_active.gif) repeat-x top left;
	border-right:1px #dcdcdc solid; }

/*------------------------------------------------------
MIDDLE MC
-------------------------------------------------------*/

#mc {width: 546px;float: left;padding: 0 10px 0 0;line-height: 16px;}
/* #mc h2 {
height: 24px;
float: left;
line-height: 100%;
margin:0;
padding: 6px 0 6px 22px;
color: #454545;
font-size: 14px; 
font-weight: normal; } */


#mc h5 {font-weight: normal; font-size:11px;  }

h2.product, 
h1.product {width: 526px;

float: left;
line-height: 100%;
margin:0;padding: 6px 0 6px 22px;


font-size: 18px; 
font-weight: normal;}


h1 {
	font-size: 18px; font-weight: normal; color: #454545; }



#breadcrumb {width: 546px;float: left;height: 24px;padding: 9px 0 0 0;word-spacing: 4px;line-height: 100%;}
#breadcrumb a, 
#breadcrumb {color: #858181;text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}

		img.featured {padding: 0 0 12px 0;float: left;}
		p.ingress {padding: 12px;
		line-height: normal; }



		.news-list {background: url(images/tex-bg-news.gif) bottom right no-repeat;margin-bottom: 10px;float: left;border-top: 1px solid #eeeee4; width: 546px; }
			.news-list h2, 
			.news-list h3  {margin-top: 14px; font-size: 13px; color: #e51306;padding: 0 0 2px 0;}
			.news-list p {line-height: 14px;}
				
				.news-list-corner {float: left; }			
				img.news-list-picture {width: 120px; float: left;margin:0 18px 0 0; }
		
					.news-list a {color: #000;text-decoration: none;}
						.news-list a:hover {text-decoration: underline;color: #e51306;}
					.news-list a:visited {color: #000;}






		#introbox {width: 484px;float: left;height: 122px;border: 1px #c5e2f4 solid;padding: 20px 30px 20px 30px;margin: 10px 0 40px 0;background: url(images/txt-introbox.gif) no-repeat;line-height: 16px;}
			#introbox h3 {color: #464646;font-size: 11px;font-weight: normal;margin: 0 0 15px 3px;}
				#introbox img {float: left;margin: 0  5px 10px 0;}
					#introbox h2 {height: 11px;padding: 0 0 5px 0;width: 409px;background:url(images/title-introbox.gif) no-repeat;text-indent: -9999px;float: left;margin: 1px 0 0 0;}
						#introbox h4 {font-weight: normal;font-size: 11px;margin: 0 0 10px 0;}
										


#sub,
.sub { width: 546px;border: 1px solid #e3e3e3 ;
	float: left;}
	/*h2#red {width: 523px;height: 32px;background:#e3e3e3;font-size: 23px;color: #464646;margin:0;padding:8px 0 0 25px;text-transform: none;}*/

	
	.product_wrap {width: 516px;border-bottom: 1px #e3e3e3 solid;float: left;padding: 15px;line-height: 14px;color: #555;}
		.product_wrap img {border: 1px #e3e3e3 solid;float: left;margin: 0 15px 0 0;}
			.product_wrap h2 {font-size: 13px;font-weight: bold; color: #343434;margin: 0 0 6px 0;line-height: 100%;}
				.product_wrap h2 {font-size: 13px;font-weight: bold; color: #000;margin: 0 0 6px 0;line-height: 100%;}
				.product_wrap h2 a {color: #000;}
				
				
				.product_wrap h5 { margin-top: 4px; }
				.product_wrap { margin-top: 4px; }
				
					input.AddToBasketText  {width: 35px; clear:  left; }	

	#product {width: 506px;float: left;padding: 15px 20px 15px 20px;color: #313131;}
		#picture_wrap {width: 506px;float: left;padding: 0 0 15px 0;}
		p.product {font-weight: bold;padding: 0 0 15px 0;}
	
	#product_info {width: 506px;float: left; border-bottom: 1px #e3e3e3 solid;padding: 25px 0 6px 0;}
		#product_info h3 {font-size: 11px;}
		.product_info_small {width: 109px;height: 84px;float: left;border-left: 1px #e3e3e3 solid;padding: 6px 15px 0 15px;}
		#product_info_big {width: 220px;float: left;padding: 6px 6px 0 0;}
		#product_info dl {width: 220px;float: left;}
		#product_info dl dt {width: 40px;float: left;}

	#product_download {width: 506px;float: left; padding: 25px 0 6px 0;color: }



div#main {
	padding: 25px; 
 }

div#main h1 {
	margin-bottom: 20px; }


.title-mc {
background:transparent url(images/title-mc.gif) no-repeat scroll left top;
color:#474747;
float:left;
font-size:11px;
font-weight:bold;
height:24px;
line-height:100%;
margin:9px 0 0 0;
padding:9px 0 10px 45px;
text-transform:uppercase;
width:501px;
}



.marked {
padding: 20px; }

.marked h2 {
margin-bottom: 10px; }







/*------------------------------------------------------
MC RC
--------------------------------------------------------*/

#mc-rc {width: 714px;float: left;border: 1px #e3e3e3 solid;margin:0;padding: 20px;color: #636363;}
#mc-rc h2 {font-size: 30px;color: #464646;font-weight: normal;width: 500px;float: left;clear: right;margin: 0 0 15px 0;}
	.ingress {width: 450px;float: left; margin-left: 2px; }
a.help {float: right;width: 80px;text-align: right; margin-top: -30px; Verdana;color: #448bcb;}

	ul.tab-list {width: 714px;margin:0 0 50px 0;padding:0;float: left;list-style-type: none;border-top: 1px #e1e1e1 solid;}
	ul.tab-list li {width: 706px;margin: 0;border-bottom: 1px #e1e1e1 solid;float: left;padding: 6px 4px 6px 4px;}
	ul.tab-list a {color: #448bcb;}
	
	span.filename {width: 153px;float: left;background:url(images/icon-pdf.gif) no-repeat top left;padding: 1px 0 0 25px;height: 15px;}
	span.file_info {width: 114px;float: left;padding: 1px 0 0 0;height: 15px;text-align: right;}
	span.description {width: 300px;float: left;padding: 1px 0 0 0;height: 15px;}
	


/*-----------------------------------------------------------
FRONTPAGE - MEDICAL - ARBEIDSMEDISIN
-----------------------------------------------------------*/

#wrapper_front {width: 986px;float: left;background:#fff;margin: 120px 0 0 0;}

#front_lc {width: 373px;height:330px;float: left;padding: 40px 40px 0 70px;}

#front_rc {width: 383px;height: 375px;float: left;background:url(images/txt-front-shadow.jpg) no-repeat top left;padding: 25px 50px 0 50px;}
	.front_textbox {width: 383px;height: 143px;float: left;background:url(images/txt-front-textbox.gif) no-repeat;margin: 0 0 15px 0;}
	.front_textbox a, 
	.front_textbox a:visited {
		color: #555; text-decoration: none; }
	.front_textbox a:hover, .front_textbox a:focus {
		color: #555; text-decoration: none; }
	.front_textbox h2 a:hover, .front_textbox h2 a:focus {
		color: #555; text-decoration: underline; }
	
h1#velkommen {margin: 0 0 5px 0;} 
h1#willkommen {margin: 10px 0 5px 0;font-size: 13px;font-weight: bold;}
h1#welcome {margin: 10px 0 5px 0;font-size: 13px;font-weight: bold;}

/*------------------------------------------------------
LEFT LC
-------------------------------------------------------*/

#lc {width: 200px;float: left;padding: 0 10px 0 0;}
#lc h2 {width: 188px;height: 24px;float: left;background:url(images/title-lc-rc.gif) no-repeat;margin:0;padding: 9px 0 0 12px;font-weight: bold;color: #454545;text-transform: uppercase;font-size: 11px;}
.lc_box {width: 200px;float: left;margin: 0 0 15px 0;background:#d3d3d3;}
	.lc_extrabox {width: 186px;float: left;padding: 7px;margin: 0 0 15px 0;background:#d3d3d3;}
		.extrabox {width: 186px;height: 118px;padding:0;float: left;color: #313131;line-height: 16px;background:#ededed url(images/txt-product-return-bg.gif) no-repeat bottom left;}
		
		
		
#lc ul {background:#eeeee4;width: 200px;padding:0;margin:0;list-style-type: none;float: left;}
#lc li {width: 200px;padding: 0;margin:0;border-bottom: 1px #fbfbf9 solid;float: left;}

#lc li  a {padding: 8px 0 0 23px;width: 177px;height: 22px;display:block;float: left;color: #636361;text-decoration: none;}
#lc ul li ul { background: #fff;}





#produktmeny li ul {display:none;}
#produktmeny li ul li 
{
	width: 169x;
	padding:0;
	background:#fff url(images/linje-stipla-gray-on-white.gif) repeat-x scroll left bottom;
	line-height:18px;}




li.selected{
		font-weight: bold;
}



/*------------------------------------------------------
LEFT RC
-------------------------------------------------------*/

#rc {width: 200px;float: left;}
#rc h2 {width: 188px;height: 24px;background:url(images/title-lc-rc.gif) no-repeat;margin:0;padding: 9px 0 0 12px;font-weight: normal;color: #454545;text-transform: uppercase;font-size: 11px;float: left; font-weight: bold; }
#rc h4 {font-size: 11px;color: #5d5d5f;}
#rc h5 {font-weight: normal;font-size: 11px;}
#rc h5 a {color: #555;text-decoration: none;}
#rc h5 a:hover {text-decoration: underline;}
.rc_box {width: 170px;float: left;padding: 10px 15px 15px 15px;margin: 0 0 15px 0;background:#eeeee4 url(images/txt-rc-bg.gif) no-repeat bottom left;}
.rc_box input {width: 164px;height: 20px;background:url(images/input.gif) no-repeat;float: left;border: 0;margin: 6px 0 5px 0;padding: 6px 0 0 6px;font-size: 11px;color: #666666;}

input.btn-login {
	width: 56px;
	height: 24px;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	background:url(images/login.gif) no-repeat;border:0;text-indent: -9999px;font-size: 0;}

#forhandlere {width: 180px;height: 101px;float: left;padding: 15px 10px 10px 10px;background:url(images/map-scandinavia.jpg) no-repeat;color: #414141;line-height: 16px;}

#forhandlere-europa {width: 180px;height: 101px;float: left;padding: 15px 10px 10px 10px;background:url(images/map-europe.jpg) no-repeat;color: #414141;line-height: 16px;}

a.forhandler-nettbutikk-ikon {
	background: #00FF33;   
	}

a.forhandler-nettbutikk-ikon {
	background:url(images/ico-forhandlere-kurv.gif) no-repeat right; padding-right: 15px; 
	}


/*---------------------------------------------------
FOOTER
----------------------------------------------------*/
#footer {width: 986px;float: left;height: 150px;font-size: 11px;color: #707070;padding: 15px 0 0 0;}
#footer span {margin: 0 6px 0 6px;}
#footer p {margin: 0 0 10px 0;}

#b_menu a {color: #707070;}

#credits {color: #ebebeb;}
#credits a {color: #ebebeb;}
#credits a:hover {color: #e51306;}


/*** STANDARDS ********/

img {border: 0;}

a 			{ color: #e51306; outline: 0; text-decoration: none;}
a:hover 	{ text-decoration: underline;}
a:visited	{ color: #e51306; text-decoration: none; }
a:focus, 
a:hover     { color: #9c0e06; text-decoration: underline; }





.front-textbox-image {
	float: left; 
	clear: right; 
	width: 112px; 
	margin-right: 12px;
}

.front-textbox-text {
	float: left; 
	width: 200px; 
	margin-right: 12px;   }
	
	.front-textbox-text h2 {
		font-weight: bold; 
		font-size: 13px; 
		margin: 1px 0 9px 0; }
              