/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #606060;
		  font: 11px Verdana, Arial, sans-serif;
		  background: #fff; 
		  margin:0px;
		  padding:0px;
		  line-height:16px;
		  height:100%;
		  background:#ccc;
		  background: url(../images/bg.png); 	}

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:16px;	}

span	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:16px;	}

div	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:16px;	}

table, table p	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:16px;
	  color:#606060;	}

tr, tr p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:16px;
	  color:#606060;	}

td, td p	{ font: 11px  Verdana, Arial, sans-serif;
	  	  line-height:16px;
		  color:#606060;	}




h1 	{ font: 20px  Verdana, Arial, sans-serif;
	  color: #000;
	  margin:0px;
	  padding:0px;}

h2 	{ font: 14px  Verdana, Arial, sans-serif;
	  color: #000;	
	  margin-bottom: 10px;
	  font-weight: normal;	}

h3 	{ font-size: 14px; 
	  color: #000;		
	  margin-bottom: 20px;
	  font-weight: normal;	}

#formular h3 	{ font-size: 16px; 
	  color: #333;	
	  margin-top: 20px;
	  font-weight: normal;	}

a 	{ color: #e7001d;
	  font-weight:bold;
	  text-decoration: none;	}

a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

form	{ color: #333;
	  font: 11px  Verdana, Arial, sans-serif;
	  padding:10px 0px;	}


.parent { display: block;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;  }


div#container	{ display:block;
				  margin:0px auto;
				  width:990px;
				  padding:0px 0px 50px 0px;
				  position:relative;
				  z-index:100;	}
				  
				  
				  
/* ------------------------------------------------
	form
-------------------------------------------------*/

	span.label { float:left;
				 display:block;
				 width:120px; }
				 
	.formfield { float:left;
				 display:block;
				 width:250px;
				 margin:0px 0px 4px 0px;
				 padding:2px 4px;
				 border:1px solid #ccc;
				 background:#fff; }	
				 
	.formfield2 { float:left;
				 display:block;
				 width:120px;
				 margin:0px 0px 4px 0px;
				 padding:2px 4px;
				 border:1px solid #ccc;
				 background:#fff; }	
				 
	.formbox { float:left;
			   display:block;
			   width:250px;
			   margin:0px 0px 4px 0px;
			   padding:2px 4px;
			   border:1px solid #ccc;
			   background:#fff; }	
			   
	.formbtn { float:left;
			   display:block;
			   margin:0px 40px 2px 0px;
			   padding:4px 7px;
			   color:#fff;
			   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			   border:none;
			   background:url('../images/menuover.png') no-repeat left top; }
			   	
	.formbtn2 { float:left;
			    display:block;
			    margin:3px 0px 0px 3px;
			    padding:0px;
			    color:#fff;
			    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			    border:none;
			    background:none; }				


/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:990px;
			  height:40px;
			  display:block;
			  margin:0px;
			  padding:0px;
			  background: url(../images/headerbg.png) no-repeat 0px 0px;
			  position:relative;
			  z-index:2000;	}

	div#logo	{ float:left;
				  width:166px;
				  height:60px;
				  display:block;
				  margin:0px 0px 0px 0px; 
				  padding:0px 0px 0px 4px; }

	div#privfor	{ float:left;
			  margin:0px 0px 0px 0px; }

		div#privfor p	{ color:#fff;
				  font:10px verdana, arial, sans-serif;
				  text-align:right;	}

	div#privfortext	{ display:block;
			  height:55px;
			  width:392px;
			  margin:23px 0px 0px 0px; }

	div#privforbtns	{ display:block;
			  height:37px;
			  width:392px;
			  margin:0px 0px 0px 0px; }
			  
	div.kundvagn { position:absolute;
				   width:200px;
				   height:80px;
				   right:23px;
				   bottom:-60px;
				   display:block;
				   padding:0px;}
				   
		div.kundvagn h2 { text-transform:uppercase;
						  font: bold 12px Verdana, Arial, Helvetica, sans-serif;  }
		div.kundvagn span.artiklar { float:left;
									 display:block;
									 width:100px;
									 text-transform:uppercase;
									 font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
		div.kundvagn span.totalt { float:left;
								   display:block;
								   width:100px;
								   text-transform:uppercase;
								   font: bold 12px Verdana, Arial, Helvetica, sans-serif;  }
								  
		.kundbtn { float:left;
				   display:block;
				   margin:10px 40px 2px 0px;
				   padding:4px 4px;
				   color:#fff;
				   font: bold 11px Verdana, Arial, Helvetica, sans-serif;
				   border:none;
				   background:url('../images/menuover.png') no-repeat left top; }										   
								   
		
/* ------------------------------------------------
	menus
-------------------------------------------------*/



	div#menu	{ width:780px;
				  margin:0px 0px 0px 0px;
				  padding:25px 0px 0px 0px;	}

	div#menu ul {   margin:0px 0px 0px 0px;
			list-style:none; }

	div#menu li {	float:left;
      			margin:0px;
      			padding:0px; }
	
	div#menu li a { float:left;
					display:block;
					width:89px;
					height:25px;
					padding:10px 0px 0px 0px;
					text-decoration:none;
					text-align:center;
					text-transform:uppercase;
					font:bold 12px Arial, verdana, sans-serif;
					/* text-indent: -100em; */
					color:#fff;
					background:url('../images/menu.png') no-repeat right top; }

	div#menu li a:hover  { background:url('../images/menuover.png') no-repeat right top; }

	div#menu li a.active  { background:url('../images/menuover.png') no-repeat right top; }


	div#submenu	{ width:798px;
				  height:22px;
				  margin:0px 0px 0px 0px;
	      		  background:url('../images/submenu.png') repeat-x;	}

	div#submenu ul { margin:0px 0px 0px 0px;
					 list-style:none; }

	div#submenu li { float:left;
					 margin:0px;
					 padding:0px; }
	
	div#submenu li a { float:left;
	      			   display:block;
					   width:114px;
					   height:18px;
					   padding:4px 0px 0px 0px;
					   text-decoration:none;
					   text-transform:uppercase;
					   text-align: center;
					   font:bold 10px Arial, verdana, sans-serif;
						/* text-indent: -100em; */
      				   color:#fff;
		      		   background:url('../images/submenu.png') no-repeat right top; }

	div#submenu li a:hover  { background:url('../images/submenuover.png') no-repeat right top; }

	div#submenu li a.active  { background:url('../images/submenuover.png') no-repeat right top; }	

	div#subsubmenu	{ display:block;
			  padding:20px;	}

	div#subsubmenu ul { margin:0px 0px 0px 0px;
			    list-style:none; }

	div#subsubmenu li { margin:0px;
      			    padding:0px; }
	
	div#subsubmenu li a { display:block;
			      width:139px;
			      height:15px;
			      padding:2px 0px 0px 0px;
      			      text-decoration:none;
      			      text-transform:uppercase;
      			      text-align: center;
			      font:bold 10px Arial, verdana, sans-serif;
		   	   /* text-indent: -100em; */
      			      color:#fff;
	      		      background:url('../images/subsubmenu.png') no-repeat right top; }

	div#subsubmenu li a:hover  { background:url('../images/subsubmenuover.png') no-repeat right top; }

	div#subsubmenu li a.active  { background:url('../images/subsubmenuover.png') no-repeat right top; }	


	div#nosubmenu	{ width:797px;
					  /*height:12px;*/
					  height:22px;
					  margin:0px 0px 0px 0px;
					  background:url('../images/submenunobg.png') no-repeat 0px 0px; } 

/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ width:990px;
					  margin:0px auto;
					  padding:0px; }

div.mainimg { clear:both;
			  /*width:990px;
			  height:516px;*/
			  width:820px;
			  height:300px;
			  display:block;
			  margin:0px; 
			  margin-left:170px;}

	div.mainimg img { width:990px;
					  height:516px; }

div#content	{ margin:0px 0px 20px 170px;
			  display:block;
			  background:url(../images/contentbg.png) no-repeat left top; }


	div.puffar { display:block;
		    	 padding:48px 0px 48px 20px;
				 background:#fff; }

		div.puff { float:left;
				   width:196px;
				   height:181px;
				   display:block;
				   margin:0px 0px 0px 0px;
				   padding:0px;
				   overflow:hidden;
	    		   background: url(../images/puffbg.png) no-repeat 0px 0px; }

		div.puffmargin { margin:0px 96px 0px 0px; }

			div.puff h2.nyheter { display:block;
					      width:196px;
					      height:16px;
					      margin:0px;
					      padding:0px;
			   		      text-indent: -100em;
					      background:url(../images/nyheter.png) no-repeat 0px 0px;  }

			div.puff h2.kampanj { display:block;
					      width:196px;
					      height:16px;
					      margin:0px;
					      padding:0px;
			   		      text-indent: -100em;
					      background:url(../images/kampanj.png) no-repeat 0px 0px;  }

			div.puff h2.produktkatalog { display:block;
						     width:196px;
						     height:16px;
						     margin:0px;
						     padding:0px;
			   			     text-indent: -100em;
						     background:url(../images/produktkatalog.png) no-repeat 0px 0px;  }
		
			
			div.puff ul { width:176px;
				      padding:8px 10px 0px 10px; }

			div.puff li { margin:0px 0px 4px 0px;
				      font-size:10px; }

		div.puffdivider { clear:both;
				  height:10px;
			  	  display:block;}			   

		div.puff p { padding:0px 10px 10px 10px; }		   

		div.puff p.rubrik { display:block;
							margin:10px 0px -25px 0px;
							position:relative;
							z-index:1000; }

		div.puff p.center { padding:15px 0px 0px 0px;
				    text-align:center; }

		div.puff a { text-decoration:underline; }

		div.puff a.black { color:#000;
				   border-bottom:1px solid #ef8b00;
				   font-weight:normal;
				   text-decoration:none; }

	
	
	div.leftcontent	{ float:left;
					  display:block;
					  width:170px; }

	div.leftcontent ul { display:block;
						 margin:0px 0px 20px 0px;
						 list-style:none; }

	div.leftcontent li { float:left;
						 margin:0px;
						 padding:0px; }
	
	div.leftcontent li a { float:left;
						   display:block;
						   width:173px;
						   height:18px;
						   padding:4px 0px 0px 0px;
						   text-decoration:none;
						   text-transform:uppercase;
						   text-align: center;
						   font:bold 10px Arial, verdana, sans-serif;
						   color:#fff;
						   background:url('../images/rubrik.png') no-repeat right top; }

	div.rightcontent { float:left;
					   display:block;
					   width:798px;}

	div#maincontent { padding:70px;
					  /*border-left:2px solid #9d9d9d;*/
					  background:#fff;  }

		div.prodimg { float:left;
					  display:block;
					  width:500px;
					  padding:0px 0px 1px 0px; }

		div.pdf{ float:left;
				 display:block;
				 width:150px;
				 text-align:center;  }

		div.maintext { clear:both;
			      	   display:block;
				       width:380px;  }




/* ------------------------------------------------
	pages
-------------------------------------------------*/

	.prod { float:left;
			display:block;
			width:140px;
			height:140px;
			margin:0px 0px 0px 0px;
			padding:10px;
			border:1px solid #fff; }	

		.prod p  { font: 10px Verdana, Arial, sans-serif; }	

			.prod blockquote { text-align:center;
							   display: table;
							   width: 140px;
							   height: 140px;
							  *display: block;
							  *position: relative; }
							
				.prod blockquote span { text-align:center;
										display: table-cell;
									    vertical-align: middle;
									   *display: block;
									   *position: absolute;
									   *left: 0px;
									   *width: 100%;
									   *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
					.prod blockquote span span { text-align:center;
												 display: inline;
												 vertical-align: baseline;
												 position: relative;
												 left: auto;
												 width: auto;
												 top:auto; }	

	.prodover { border:1px solid #b01123; }

	div.white { float:left;
				display:block;
				width:798px;
				background:#fff; }

	div#maincontent2 { float:left;
					   display:block;
					   width:425px;
					   margin:0px 0px 0px 0px;
					   padding:30px 20px 70px 25px;
					   background:#fff; }

		div#maincontent2 h1 { padding:0px 0px 25px 0px;
				      color:#c8001e; }
		div#maincontent2 p { color:#000; }

	.kontakt { display:block;
		   width:380px;
		   height:100px; }

		.kontaktimg { float:left;
			      display:block;
			      width:90px;
			      height:92px;
			      padding:2px 0px; }

		.kontakttext { float:left;
			       display:block;
			       width:290px;
			       height:52px;
			       padding:22px 0px; }

		div.relimg { float:left;
					 display:block;
					 width:328px;
					 overflow:hidden;
					 text-align:center;
					 margin:70px 0px 0px 0px; }
					 
		
					 
					 
					 
					 
/* ------------------------------------------------
	webshop
-------------------------------------------------*/


	div#webshopcontent { padding:25px;
					    /*border-left:2px solid #9d9d9d;*/
					    background:#fff;  }		
						
						
		div#webshopcontent h1 { padding:0px 0px 0px 0px;
				  			    color:#c8001e; }
		div#webshopcontent h2 { color:#c8001e; }
		div#webshopcontent p { color:#000; }
		
		div.webshopprod 	{ float:left;
							  display:block;
							  width: 750px; 
							  margin:0px 0px 25px 0px;
							  padding:0px 0px 25px 0px;
							  position:relative;
						      background:url('../images/webshopprodbg.png') repeat-x bottom; }		
							  
			div.webshopprodimg 	{ float:left;
								  display:block;
								  width: 200px; }					 
							  
			div.webshopprodtext 	{ float:left;
									  display:block;
									  width: 260px;
									  margin:0px 0px 0px 15px;  }	
										
				div#webshopcontent div.webshopprodtext h2	{ margin:0px;
															  padding:0px;
															  color:#999; 
															  font:bold 12px Verdana, Arial, Helvetica, sans-serif; }	
				div.webshopprodtext h3	{ margin:0px;
										  padding:0px 0px 5px 0px;
										  color:#999;
										  font:12px Verdana, Arial, Helvetica, sans-serif;  }	
				div.webshopprodtext p	{ line-height:16px !important;
										  color:#999; 
										  font:12px Verdana, Arial, Helvetica, sans-serif; }	
										  		  		
			div.webshopprodremaining	{ float:left;
										  display:block;
										  width: 250px;
										  margin:0px 0px 0px 25px;  }	
										  
				span.prisexmoms	{ float:left;
								  display:block;
								  width:170px;
								  margin:0px;
								  padding:0px;
								  color:#999; 
								  font:bold 12px Verdana, Arial, Helvetica, sans-serif; }	
								  	
				span.antal	{ float:left;
							  display:block;
							  width:80px;
							  margin:0px;
							  padding:0px;
							  color:#999; 
							  font:bold 12px Verdana, Arial, Helvetica, sans-serif; }
							  	
					.inputantal	{ width:30px;
								  margin:0px;
								  padding:2px;
								  text-align:center;
								  color:#999; 
								  font:12px Verdana, Arial, Helvetica, sans-serif;
								  border:1px solid #ccc;
								  background:#fff; }	

				div.laggikundvagn	{ position:absolute;
									  right:45px;
									  bottom:45px;
									  display:block;
									  margin:0px;
									  padding:0px;
									  color:#999; 
									  font:bold 12px Verdana, Arial, Helvetica, sans-serif; }		
									  
					div.laggikundvagn a	{ padding:0px 20px 0px 0px;
										  color:#999; 
										  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
						  				  background:url('../images/pil.png') no-repeat right bottom;  }	
									  
					a.updatecart	{ float:right;
									  margin:0px 40px 0px 0px;
									  padding:0px 20px 0px 0px;
									  color:#999; 
									  font:bold 12px Verdana, Arial, Helvetica, sans-serif;
						  			  background:url('../images/pil.png') no-repeat right bottom;  }	
									  
									  
					span.label2 { float:left;
								  display:block;
								  width:220px;
								  margin:0px 0px 0px 95px;
								  font-weight:bold;
								  color:#c8001e; }		
				
					span.label3 { float:left;
								  display:block;
								  width:90px;
								  text-align:right;
								  margin:0px 5px 0px 0px;
								  color:#999; 
								  font:11px Verdana, Arial, Helvetica, sans-serif; }
								  
				span.star { float:left;
							margin:2px 0px 0px 0px; }	
							
				div.lagg { float:right;
						   display:block;
						   width:173px;
						   height:110px;
						   margin:30px -200px 0px 0px;
						   padding:0px;
						   position:relative; }								  								  							  	
																	
/* ------------------------------------------------
	footer
-------------------------------------------------*/




#footer { clear:both;
		  display:block;
		  width:773px;
		  margin:0px 0px 0px 170px;
		  padding: 0px 0px 0px 25px;
		  background: #fff url(../images/footerbg.png) repeat-x; }

	#footerinfo { text-align:left; }

		#footerinfo p { text-align:left;
						font-family:verdana, arial;
						font-size:10px;
						line-height:18px !important;
						padding:20px 0px; }

		#footerinfo a { font-family:verdana, arial;
						font-size:10px;
						/*color:#fcd039;	*/
						color:#c8001e;
						text-decoration:none;
						font-weight:normal; }

		#footerinfo span { font-family:verdana, arial;
						   font-size:10px;
						   padding:0px 10px 0px 0px; }

		#footerinfo a.link2 { color:#fff; }

		#footerinfo a:hover { text-decoration:underline; }


	
		
/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:360px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}