/*KNIVKOMPANIET 2005*/
/* knivkompaniet.se should be run in "standard" mode, not "quirks" mode
   in standard mode, IE6 will not suffer from the box model problem. (but IE5 will)

	Tan Hack is used in this document.
	Thanks to Edwardson Tan.
	
	Another important bug is the "3px floating space bug", which inserts a 3px space
	between the floated boxes. This space makes the main-box jump down below the nav-box
	because the mainbox is too wide.
*/


   
/*  1  -------------------------------------Layout-------------------------------------*/ 
html, body{
	margin: 	0; /*Netscape and IE give the body tag a default margin of 8px. Opera does not!*/
	padding:	0;
} 

 form { 
 Ę Ęmargin: 0;
	padding: 0; 
	display: inline;
 } 
  

#frame { 						/*outermost frame, holds ALL other divs*/
	width: 				800px;
	padding: 			0;
	margin: 				0px auto 20px auto;  /*top right bottom left*/
	border: 				1px black solid;
	background-image: 	url(images/background-160-1-639.gif);
	background-repeat: 	repeat-y;
}	

#header {
	margin-bottom: 	0;
    height: 			88px;
}
	
#container { 					/*container for nav and main*/
	width:		800px;
	margin:		0;
	padding:		0;
	background-image: 	url(images/background-160-640.gif);  /*black line at top, fooling the 3px bug space*/
	background-repeat: no-repeat;
	background-position: top left;
}

#nav {							 /*FLOATING COLUMN*/
	width: 		140px;
	float: 		left;
	padding: 	1px 10px 10px 10px; /*top right bottom left*/
	margin:		0;
}

#main {
	width: 		620px;				/*620px;*/
	padding: 	15px 10px 10px 10px; /*top right bottom left*/
	margin: 		0px 0px 0px 160px;   	/*margin left= nav width + nav padding right + nav padding left */
	/*border-top: 	1px solid #006; /*change this color to black later*/
	/*background: 	#557788;*/
}


/*Tan Hack*/

* html #frame { /*Tan Hack*/
        width:  802px; /*1px border*/
        w\idth: 800px; 
}
* html #main { /*Tan Hack   AND remember to reduce width by 3px to overcome the "3px bug space" between float boxes in IE, important!*/
        width:  637px;	/*640-padding- for IE, box model problem, width in IE = "width + padding + border"  (do NOT include margin)*/
        w\idth: 617px; 
}
* html #nav { /*Tan Hack*/
        width: 160px; 
        w\idth: 140px; /*1px border*/
}

/*Holly hack*/
/* Hides from IE-mac \*/
* html #container {height: 1%;}
/* End hide from IE-mac THIS DOESN'T WORK!*/

	
#footer {
	padding: 	5px; 			/*padding top right bottom left*/
	clear: 		both;  			/*Image and text elements that appear in another element are called floating elements. The clear property sets the sides of an element where other floating elements are not allowed.*/
	border-top: 1px solid black;
	}
	
   
   
/*  2  -------------------------------------Fonts and colors-------------------------------------*/ 
/*  2.1 General 																					*/
html, body {
	color: 		#444;
	text-align: center;
	background: #ccc;
	}
	
p {
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size: 	 10px;
	padding: 	 0;
	margin-top:  0;
	}

ol {	/*ordered list*/
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size:   10px;
	}
		
table {	
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
    font-size:	 10px;
	}
	
	
	
/*  2.2 Links   																					*/
a { 
	color:			  	#09c;
  	text-decoration: 	none; 
	}
a:link, a:visited { 
   color: 				#2e547a; 
   text-decoration:   	none;  
   }
a:link IMG {  border: 	none }
a:visited IMG {  border: 	none }		
a:hover {				  /*when mouse over link (IE4 only)*/ 
   color:				#3e847f;
   text-decoration: 	underline;
   }   

/*  2.3 Layout divs 																			*/	
#header {
	background: 		#555 url(images/knivkompaniet_logo.jpg) left ;
	background-repeat: no-repeat;
	}	

#nav {
	font-family: 	'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size:		10px;
	line-height:	12px;			/*defines distance between textlines*/
	text-align: 	left;
	/*background: 	#555;*/
	}

#main {
	font-size: 		11px;
	/*background: 	white; */
	}
	
#footer {
	font-size: 		11px;
	text-align: 	center;
	color:	 		#111;
	background: 	#ddd;
	}
	
	
/*  3   ---------------- TOPBAR horisontal menu styled as a CSS list  ------------------------------*/			
#topbar{
	background: 		#555;
	font-family: 	'Lucida Grande', Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size:		10px;
	font-weight:		bold;
	color: 			#ccc;
	margin: 			0;
	padding: 		0px 5px 4px 9px;/*top right bottom left*/ /*padding runtomkring sj‰lva infobar, inte fˆr varje individuell "l‰nkknapp" */
	text-align: 		left;}
#topbar ul {
	margin-left: 	0;
	padding-left: 	0;
	white-space: 	nowrap;}
#topbar li {
	display: 		inline;
	list-style-type: none;}
#topbar a { padding: 3px 5px; 
}
#topbar a:link, #topbar a:visited {
	color: 				white;
	background-color: 	#003568;
	text-decoration: 	none;}
#topbar a:hover{
	color: 				white;
	background-color: 	#047;
	text-decoration: 	none;}


/*  4   ---------------- LEFT NAVIGATION MENU vertical, styled as a CSS list  ---------------------*/	
#nav ul {
	margin: 			0; /*removes indent IE and Opera*/
	padding: 			0; /*removes indent Mozilla and NN7*/
	list-style-type: 	none; /*turns off display of bullet*/
	font-size: 			11px;
	}	
#nav li { 				/*close up space between the individual list items*/
	margin: 			0;
	}
#nav ul li a {
	display: 			block;	              /*makes the entire link box to be clickable*/
	padding: 			2px 2px 2px 7px;
	border: 				1px solid;					 /*stora DESIGNMOJLIGHETER */
	border-color: 		#ddd #000 #000 #ddd;   /*stora DESIGNMOJLIGHETER */
	background-color: 	#999;
	vertical-align: 		bottom; /* This fixes the IE5 Win gap!?? */
	}
#nav a:link, #nav a:visited {
	color:		 		#eee;
	text-decoration: 	none;
	}
#nav a:hover, #nav a:active {
	background-color:	#fff200;
	color: 				#2D1E2D;
}
.navtitle {				/*used for Titles in left navmenu*/
	font-size: 			12px;
	display: 			block;	/*makes the entire link box clickable*/
	padding: 			2px 2px 2px 3px;
	border: 			1px solid;
	border-color: 		#ddd #000 #000 #ddd; 
	background-color: 	#003568;
	font-weight: 		bold;
	color: 				white;
	/*vertical-align: 		bottom; /* This fixes the IE5 Win gap!?? */
}
.navtitlesub {			/*Submenu*/
	font-size: 			11px;
	display: 			block;	/*makes the entire link box clickable*/
	padding: 			2px 2px 2px 3px;
	border: 			1px solid;
	border-color: 		#ddd #000 #000 #ddd; 
	background-color: 	#004880;
	font-weight: 		bold;
	color: 				white;
}






/* 5 SPECIALPAGES        								 */
/* 5.1 frontpage 										 */
/* 5.1.1 Post-it-note     (used for displaying news)   */
.floatercontainer{
	float: right; /*post-it-lapparna kommer placeras till hˆger om texten*/
	width: 185px;
	margin: 0px 5px 0px 5px;}		/*top right bottom left*/ 
.postitnote{ /*anv‰nds p fˆrstasidan fˆr nyheter, nyhetsbrevinfo, ˆppettider*/
	float: none; /*post-it-lapparna kommer placeras till hˆger om texten*/
	width: 180px; /*fˆr float-items ‰r det mycket viktigt att ange bredd*/
	border: 1px solid #bbbbbb;
	background: #efefef;
	padding: 5px;}		

* html .floatercontainer { /*Tan Hack*/
        width:  195px; /*1px border*/
        w\idth: 185px; 
}

* html .postitnote { /*Tan Hack*/
        width:  192px; /*1px border*/
        w\idth: 180px; 
}





				/*-----------------TABLE ADMINSIDAN-------------------*/
.admin table {  background: #eee;}		
.admin td {line-height:12px;			/*definierar avstand mellan rader*/}
.title {
	font-size:14px;
	font-weight: bold;}
		


		         /*-----------------PRODUCTINFOSIDAN for varje individuell produkt-------------------*/
.productinfo table { /*Den info som kommer upp p individuella sidan fˆr varje produkt*/
	background: white;}	
.productinfo td { /*each row*/
	/*white-space: nowrap; /*ingen radbrytning*/
	vertical-align: top;
	}	
.productname p{
	font-size:16px;
	font-weight: bolder;}

		
.productlist table { /*-----------------Den lista ˆver produkter som dyker upp, bÂde vid sˆkning och ‰ven normal kategoribrowsing-------------------*/
	background: white;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;}
.productlist th { /*table headers*/
	background: #555;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: white;
	text-align: center;
}		
.productlist td { /*each row*/
	border-bottom: 1px dotted #ddd;
}	
		

/*----------------------Kundvagn-----------------*/
#kundvagn th { 
	background: #555;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight: bold;
	color: white;
	text-align: center;
}	

#kundvagn table {
	background: white;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size:10px;
	width:	570;
	border:	0;
}



/*----------------------INFOPAGE------------CSS for alla statiska infosidor med knivfakta och annat kul-----*/
#infopage {
	text-align: left;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
}

#infopage p {
	text-align: left;
	color: 		#444;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size: 	 10px;
	/*padding: 	 0;*/
	/*margin-top:  0;*/
	}

#infopage h3{
	font-size: 16px;
	font-weight: bold;
	color: #555;
	text-align: left;
	/*margin-bottom: 4px;*/
	/*margin-top: 4px;*/
}

#infopage h4{
	font-size: 14px;
	font-weight: bold;
	color: #555;
/*		margin-bottom: 4px;*/
	/*margin-top: 4px;*/
}

.strike {
 	text-decoration: line-through;
}
  

/*------------Notes-------------*/
/* #c4cfda; orginalbakgrundsf‰rgen */
/* #fff200; snygg gul*/
/* #ffffff  white
   #555555  grey
   #000000  black 
   #C8B69E  ljusbrun */
   
/*sen ska ALL CSS-kod skrivas om sĂĄ att den blir komprimerad!
 Det kallas short-hand property och syntaxen är som följer:
 margin: top | right | bottom | left
 margin: alla sidor
 margin: top&bottom | right&left
 
 Med width menas bredden av föräldraelementet plus 
 margin-left, border-left, padding-left, padding-right, border-right, margin-right.


*/  
 
/*Vi antar att ingen anv‰nder
  Netscape 4 l‰ngre s "The @import hack" anv‰nds ej.
  Explorer 5 Mac l‰ngre s "The commented backslash hack (original)" anv‰nds ej. 
  
  Keep CSS Simple!
*/
   
   
   
/* LAYOUT Principle:

    __________frame___________
   |                          |
   |          header          |
   |--------------------------|
   |                          |
   |  -------container------- |
   |  |                     | |
   |  |   _nav_   __main__  | |           
   |  |  |     | |        | | |
   |  |  |     | |        | | |
   |  |  |     | |        | | |      
   |  |  |     | |        | | |
   |  |   -----   --------  | |
   |  |                     | |
   |   ---------------------  |
   |--------------------------|
   |                          |
   |          footer          |
   ----------------------------



<div id="frame">
  	<div id="header"></div>
	<div id="topbar"></div>
	<div id="container">
			<div id="nav"></div>
			<div id="main"></div>
	</div>
	<div id="footer"></div>
</div>



Download all kinds of browsers at:
http://browsers.evolt.org/

*/