/* CSS Document */

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}
body,td,th {
	margin: 0 auto;
	margin-top:23px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	/* Endast om variabel font
	font-size: 76.1%;*/
	font-size:11px;
	color: #474747;
}

a {color:#B32036; text-decoration:none;}
form {margin:0px; padding:0px; display: inline;}

/*Typography 
*/
h1 {
color:#B32036;
font-size:1.4em;
font-weight:bold;
}

h2 {
color:#B32036;
font-size:1.2em;
font-weight:bold;
margin: 0px;
padding: 0px;
}

h3 {
color:#B32036;
font-size:1.2em;
font-weight:bold;
margin: 0px;
padding: 0px;
}

h4 {
color:#B32036;
font-size:1.1em;
font-weight:bold;
margin: 0px;
padding: 0px;
}

h5 {
color:#B32036;
font-size:1em;
font-weight:bold;
}

h6 {
font-size:0.9em;
letter-spacing:0.05em;
font-weight:bold;
}

/* Layout  -----   */
#wrapper {
	margin: 0 auto;
	text-align:left;
	width: 780px;
	background-color:#ffffff;
}
#famlogo  {
	float:left;
	height:160px;
}
#famheader  {
	float:left;
	height:160px;
}
#topimageright  {
	float:right;
}
#topnavcontainer  {
	height:23px;
	background:url(../images/navbg.gif);
}
#productheader  {
	float:left;
}
#topnav  {
	float:left;
	font-size:10px;
	font-weight:bold;
}
.redline  {
	overflow:hidden;
	background-color:#B32036;
	height:5px;
	width: 780px;
}
.hspacer  {
	clear: both;
	overflow:hidden;
	height:1px;
	background-color:#FFFFFF;
}

/* Start Maincontainer  
*
*/

#maincontainer  {
	width:780px;
	margin-top: 10px;
}

#leftcolumn  {
	float:left;
	display:inline;
	width:140px;
	padding: 0px 10px 0px 10px;
}
#centercolumn  {
	float:left;
	display:inline;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	padding: 0px 10px 0px 10px;

}
#rightcolumn  {
	float:right;
	display:inline;
	padding: 0px 10px 0px 10px;
	width:120px;
}
.bannerspacer  {
	height:10px;
}

/* Start Varukorg 
*
*/
#shopwrapper  {
	/*width:455px;*/
	border-bottom: 1px solid #cecece;
}
#shopimage  {
	float:left;
	display:inline;
}
#shop  {
	float:left;
	display:inline;
}
.varukorg {
	border: 1px solid #cecece;
	font-size:9px;
	color:#878787;
	background-color:#ffffff;
}
.buy {
	border: 1px solid #cecece;
	font-size:9px;
	font-weight:bold;
	color:#ffffff;
	background-color:#b32036;
}
/* End Varukorg */

#content {
}
#bottomspacer {
	clear:both;
	height:10px;
}
/* End Maincontainer*/

#footer  {
	font-size:9px;
	color:#cecece;
	text-align:right;
}
#products {
	width:598px;
	padding-top: 10px;
	overflow:hidden;
}

/* Horisontal Menu 
 *
 */
#menycontainer ul{margin:0; padding:0; float: left;  height:23px;}
#menycontainer a:link{color: #ffffff;}
#menycontainer a:visited{color: #ffffff;}
#menycontainer a:hover{background-color:#b32036;}
#menycontainer li{display: inline; font-weight: bold;}
#menycontainer li a{text-align: center;  padding:5px 10px 5px 10px; height: 13px; float: left; text-decoration: none; background-color:#474747; border-right: 1px solid #ffffff;}
#menycontainer li a#active{text-align: center;  padding:5px 10px 5px 10px; height: 13px; float: left; text-decoration: none; background-color:#b32036; border-right: 1px solid #ffffff;}


/*
 * PureDOMExplorer Demo styles 
 * written by Chris Heilmann 
 * More at http://onlinetools.org/tools/puredom/
 */
	
	ul.pde a:link,
	ul.pde a:visited
	{
		text-decoration:none;
		color:#474747;
	}
	ul.pde a:hover { color:#b32036;}
	ul.pde a:active { color:#b32036;}
	ul.pde,ul.pde li{
		margin:0;
		padding:0;
		list-style:none;
	}
	ul.pde{
		text-align:left;
		font-size:10px;
		font-weight:bold;
		/*margin:.5em auto;*/
		background:#fff;
		width:100%;
	}
	ul.pde ul{
		margin:0 0 0 1em;
		padding:0;
	}
	ul.pde li{
		background:url(../navigation/node.gif) no-repeat;
	
		/*line-height:1.3em;*/
		padding:.2em 0;
		margin:0;
		padding-left:0px;
	}
	ul.pde li.tomnode{
		padding-left:15px;
	}
	ul.pde li.current li.tomnode{
		
		background:url(../navigation/node.gif) no-repeat;
		padding-left:15px;
	}
/* dynamically added to LIs with nested ULs */
	ul.pde li.parent{
		padding-left:0px;
	}
	ul.pde li.parent img{
		border:none;
		padding-right:5px;
	}
/* dynamically added to LIs with nested ULs and STRONG elements in them */
	ul.pde li.current li{
		padding-left:0px;
	}
	ul.pde li.current img{
		border:none;
		padding-right:5px;
	}
/* The class to hide nested ULs */
       .hide{
               position:absolute;
               top:0;
               left:-4000px;
       }

/* The class to show nested ULs */
       .show{
               position:static;
               display: table;
               top:0;
               left:1em;
       }

.startpageheader {
	color:#B32036;
	font-size:1.4em;
	font-weight:bold;
}
.startpagepush {
	width:455px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #cecece;
}
.startpagepush img {
	float:right;
	border: 1px solid #cecece;
}
#Div1 {padding:10px;}

/* STARTSIDA 080608 UC */
.puffcontainer {width: 284px; height: 180px; margin-bottom:10px;}
.pufftop {width: 284px; height:12px; line-height:8px; background:url(../images/bakgrund/push_top.gif) no-repeat;}
.puffmiddle {width:284px;}
.puffleft {width:2px; background:url(../images/bakgrund/push_left.gif) repeat-y;}
.puffheader {background:url(../images/bakgrund/push_bg.gif) repeat-x; height: 20px; padding-left: 10px;}
.puffheader h3 {text-transform:uppercase; font-size:12px; font-weight:bold; color:#b32036;}
.puffcontent{height:110px;padding:10px;	font-size: 10px; color: #666666;}
.puffimage { padding:5px 10px 0 0;}
.puffright {width:4px; background:url(../images/bakgrund/push_right.gif) repeat-y right;}
.puffbottom {line-height:8px; width:284px; height:16px; background:url(../images/bakgrund/push_bottom.gif) no-repeat left;}
.puffbutton {height:25px; vertical-align:bottom; padding: 0 0 5px 10px;}