body,html,form {height:100%;padding:0px;margin:0px;} /* Standardkod för att göra 100% höga webbsidor */

/*****************************************
 Generell kod för hela sidan
/*****************************************/
body 
{
	font-family: Verdana, Helvetica, sans-serif;
	background-image:url(../images/bg.gif);
	font-size:10px;
	color:White;
	line-height:18px;
}

a,a:link,a:active,a:visited,a:hover
{
	color:White;
}

.Textbox
{
	background-color:#18299f;
	border-top:1px solid #07136c;
	border-left:1px solid #07136c;
	border-bottom:1px solid #3147ee;
	border-right:1px solid #3147ee;
	width:200px;
	color:White;
}

.DropDownList
{
	background-color:#18299f;
	width:204px;
	color:White;
}

.Button
{
	
}

.ImageHeading /* Alla rubrikbilder */
{
	padding-bottom:10px;
	display:block; /* inbyggd radbrytning*/
}

.FloatLeft
{
	float:left;
}

.FloatRight
{
	float:right;
}

.Clear
{
	clear:both;
}

#ProducedBy
{
	position:fixed;
	bottom:3px;
	right:10px;

}

#ProducedBy a,#ProducedBy a:link,#ProducedBy a:active,#ProducedBy a:visited
{
	color:#4d4d4d;
	text-decoration:none;
}

#ProducedBy a:hover
{
	text-decoration:underline;
	color:White;
}


.HorizLine
{
	height:2px;
	background-image:url(../images/HorizLine.gif);
	background-repeat:repeat-x;
	margin-top:10px;
	margin-bottom:10px;
	clear:both

}
/*****************************************
 Rubriker (Använd för sökmotorers skull) 
/*****************************************/

h1,h2,h3,h4
{
	margin-bottom:5px;	/* Hur många pixlar neråt*/
}

h1 /* Störst */
{

}

h2 
{

}

h3 
{

}

h4 /* Minst */
{
	font-size:12px;
	text-transform:capitalize;
	padding:0px;
	margin:0px;

}

/*****************************************
  Huvudinnehåll
/*****************************************/
#Container 
{
	margin:auto;
	background-color:#0f20a7;
	background-image:url(../images/HorzGradient.jpg);
	background-repeat:repeat-x;
	height:auto;

	
}
	#InnerContainer
	{
		width:803px;
		margin:auto;
		height:inherit;
	}
		#Header1
		{
			height:194px; /* motsvarar bilden exakt */
			width:100%;
			background-image:url(../images/top.jpg);
			background-repeat:no-repeat;
			margin-bottom:15px;
		}
		
			
		#Nav
		{
			width:204px;
			float:left;

			
		}
			#Menu
			{
				padding:0px;
				margin:0px;
				text-decoration:none;
				display: inline; 
				list-style-type: none; 
			}
			
			#Menu li
			{
				display: inline; 
				list-style-type: none; 
			}
			
		
		#Content
		{
			width:599px;
			float:left;
			
		}
		
	

#BottomSeparator
{
	height:0px;
	border-top:1px solid #030a39;
	border-bottom:1px solid #2d45f5;

}
/*****************************************
  Start
/*****************************************/

#Start
{
	
}
	#Col1
	{
		width:350px;
		float:left;
		
	}

	#Col2
	{	
		float:right;
		width:216px;
	}
	
/*****************************************
  Återförsäljare
/*****************************************/

#Retailer
{
	position:relative;
}


#Retailer #SearchArea
{
	width:200px;
}


#Retailer #SearchCol
{
	width:270px;
	float:left;
}

#Retailer #MapCol
{
	float:right;
	width:325px;

}

/*****************************************
  Kontakta oss
/*****************************************/

#Contact #ContactCol
{
	width:270px;
	float:left;
}

#Contact #MapCol
{
	width:325px;
	float:left;
	
}


/*****************************************
  Produkter
/*****************************************/

#ProductCategory #Box
{
	float:left;
	
}

/*****************************************
 Produktlistning  
/*****************************************/

#ProductList #ContentTable
{
	width:100%;
	margin-bottom:15px;
}

#ProductList #InnerContent
{
	background-color:White;
	padding-bottom:10px;
}


#ProductList .ContentTD
{
	background-color:White;
	color:Black;
}

	.PDFImage
	{
		float:left;
		margin-right:5px;
	}


	#ProductList .ImageBox
	{
		float:left;
		width:135px;
		height:100%;
		text-align:center;
		margin-top:5px;
	}

	#ProductList .DescriptionWrapper
	{
		float:left;
		width:300px;
		height:100%;
		
	}
	
	#ProductList .VariantWrapper
	{
		float:left;
	
	}

	#ProductList .Separator
	{
		width:1px;
		height:95px;
		background-color:#929293;
		float:left;
		margin-top:10px;
		margin-left:10px;
		margin-right:10px;
		
	}


/*****************************************
	Rundande hörn  
/*****************************************/

	#ProductList .BorderLeft
	{
		background-image:url('../images/BorderLeft.gif');
		background-repeat:repeat-y;
		width:7px;
	}

	#ProductList .BorderRight
	{
		background-image:url('../images/BorderRight.gif');
		background-repeat:repeat-y;
		width:7px;
	}

	#ProductList .BorderTop
	{
		background-image:url('../images/BorderTop.gif');
		background-repeat:repeat-x;
		height:7px;
	}

	#ProductList .BorderBottom
	{
		background-image:url('../images/BorderBottom.gif');
		background-repeat:repeat-x;
		height:7px;
	}

	#ProductList .BorderTopLeft
	{
		background-image:url('../images/BorderTopLeft.gif');
		background-repeat:no-repeat;
	}

	#ProductList .BorderTopRight
	{
		background-image:url('../images/BorderTopRight.gif');
		background-repeat:no-repeat;
	}

	#ProductList .BorderBottomLeft
	{
		background-image:url('../images/BorderBottomLeft.gif');
		background-repeat:no-repeat;
	}

	#ProductList .BorderBottomRight
	{
		background-image:url('../images/BorderBottomRight.gif');
		background-repeat:no-repeat;
	}