/*
	Current version: 1.0
	
	Site: M&D selection
	www: mdselection.se
	Author: Robert Hedman, robert.hedman@atrox.se
	Notes: This file contains the rules of the basic structure and navigation of the site.


/* ----------------------------------------------------------------------- */


#defaultPage, #startPage
{
	background:#e6e7e8 url(../images/common/body-bg.gif) repeat-x;
	padding-bottom:50px;
}


#wrapper
{
	width:981px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin:0 auto;
	background:#fff;
	position:relative;
	overflow:hidden;
}

#header
{
	border-top:10px solid #e51937;
	height:149px;
	overflow:hidden;
	background:url(../images/common/header.gif) no-repeat;
}

	#logotype{display:block;width:190px;height:95px;margin:31px 0 0 395px;text-indent:-9999px;}


#pos6{position:absolute;top:101px;height:34px;overflow:hidden;right:21px;width:auto;text-align:right;}

#content
{
	background:#d2d3d5;
	width:981px;
	float:left;
}

	#pos0
	{ 
		width:370px;
		height:295px;
		overflow:hidden;
		position:absolute;
		top:242px; 
		left:42px; 
		z-index:999;
	}
	
		#pos0 p{width:290px;}
	
	#pos1
	{
		width:702px;
		height:331px;
		clear:both;
		margin:-4px 0 0 20px;
		overflow:hidden;
		background:#fff;
		float:left;
		display:inline;
	}
	
	
		#pos0Mask
		{
			background:url(../images/common/subpage-medium-teaser-bg.png) no-repeat; 
			position:absolute;
			top:228px;
			left:20px;
			height:331px;
			width:702px;
			overflow:hidden;
			z-index:1;
		}
		

		
	#pos2
	{
		width:236px;
		height:190px;
		overflow:hidden;
		position:absolute;
		top:585px;
		left:41px;
		z-index:999;
	}
	
		#pos2 h2{margin-top:0.8em;}
	
	#pos3
	{
		width:461px;
		height:227px;
		margin:17px 0 0 20px;
		overflow:hidden;
		background:#fff;
		display:inline-block;
	}
	
		
		
	
		#pos2Mask
		{
			background:url(../images/common/startpage-small-teaser-bg.png) no-repeat;
			position:absolute;
			top:576px;
			left:20px;
			height:227px;
			width:461px;
			overflow:hidden;
			z-index:1; 
		}
		
	
	#pos4
	{
		width:236px;
		height:190px;
		overflow:hidden;
		position:absolute;
		top:585px;
		left:522px;
		z-index:999;
	}
	
		#pos4 h2{margin-top:0.8em;}
	
	#pos5
	{
		width:461px;
		height:227px;
		margin:15px 0 0 20px;
		overflow:hidden;
		background:#fff;
		position:absolute;
		top:561px;
		left:481px;
	}
	
		#pos4Mask
		{
			background:url(../images/common/startpage-small-teaser-bg.png) no-repeat;
			position:absolute;
			top:576px;
			left:501px;
			height:227px;
			width:461px;
			overflow:hidden;
			z-index:1;
		}
		
	#pos7
	{
		font-size:11px;
		line-height:2.2;
		padding:0 27px;
	}
	
		#pos7 span{font-weight:bold;font-size:12px;font-family:"Lucida Grande", Lucida Sans Unicode, Trebuchet Ms, sans-serif;}
	
	#pos8
	{
		clear:both;
		margin:20px 0 0 0;
		background:#fff;
		width:981px;
		height:51px;
		overflow:hidden;
		text-align:center;
		line-height:4.9;
		font-size:10px;
		font-family:"Lucida Grande", Lucida Sans Unicode, Trebuchet Ms, sans-serif;
	}
	
		#pos8 a{color:#4d4d4f;}
	
#col1
{
	width:702px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}

#col2
{
	width:222px;
	float:right;
	display:inline;
	margin:0 20px 0 0;
}
	
.mediumBoxTop
{
	width:702px;
	float:left;
	display:inline;
	height:10px;
	background:url(../images/common/subpage-medium-box-top.gif) no-repeat;
	margin:-4px 0 0 0;
	padding:0;
	font-size:0;
	line-height:0;
}

	.noHeader{margin-top:17px !important;}

	.mediumBox
	{
		width:700px;
		overflow:hidden;
		background:#fff;
		border-left:1px solid #c5c6c8;
		border-right:1px solid #c5c6c8;
		margin:0 0 0 0;
		float:left;
		display:inline;
	}
	
	.mediumBoxBottom
	{
		width:702px;
		height:10px;
		background:url(../images/common/subpage-medium-box-bottom.gif) no-repeat;
		margin:0 0 15px 0;
		padding:0;
		font-size:0;
		line-height:0;
		float:left;
		display:inline;
	}
	
	.marginContainer{margin:0 20px 20px 20px;}
		.marginContainer h1{margin-top:8px;}
		.marginContainer h2{margin-top:0;}
		.smallBox .marginContainer h2{margin-top:0.7em;}
		
.smallBoxTop
{
	width:219px;
	float:right;
	display:inline;
	height:10px;
	background:url(../images/common/small-box-top.gif) no-repeat;
	padding:0;
	font-size:0;
	line-height:0;
	margin:-4px 0 0 0;
}

.smallBox
{
	width:217px;
	overflow:hidden;
	background:#fff;
	border-left:1px solid #c5c6c8;
	border-right:1px solid #c5c6c8;
	margin:0;
	float:right;
	display:inline;
}

	#startPage .smallBox{height:311px;}

	.smallBox h3{margin-top:12px;}

.smallBoxBottom
{
	width:219px;
	float:right;
	display:inline-block;
	height:10px;
	background:url(../images/common/small-box-bottom.gif) no-repeat;
	padding:0;
	font-size:0;
	line-height:0;
	margin:0 0 21px 0;
}

	

	
	
#footer
{
	height:82px;
	text-align:center;
	color:#fff;
	background:url(../images/common/footer-bg.gif) no-repeat;
	font-size:11px;font-family:"Lucida Grande", Lucida Sans Unicode, Trebuchet Ms, sans-serif;
}
	#footer p{padding:19px 0 0 0;}
	#footer a{color:#fff;}
		

#topMenuContent, #pos7
{
	width:945px;
	height:33px;
	background:url(../images/common/menu-bg.gif) no-repeat;
	margin:20px 0 20px 18px;
	float:left;
	display:inline;
}

/* Main navigation */
#topMenuList
{
	list-style:none;
	margin:0;
	padding:0;
}

	#topMenuList li{float:left;margin:0;padding:0;display:inline-block;height:33px;background:url(../images/common/menu-separator.gif) right -3px no-repeat;}
		#topMenuList li div{display:inline;float:left;}
			#topMenuList li a{outline:0;color:#4d4d4f;float:left;display:inline-block;padding:0 40px;line-height:2.4;font-size:12px;font-family:"Lucida Grande", Lucida Sans Unicode, Trebuchet Ms, sans-serif;}
				#topMenuList li a:hover{text-decoration:none;color:#e51937}
			
			.topMenuItemContentSelected a,.leftMenuSelected{color:#e51937 !important;}
			.menuItemFirst{margin-left:1px !important;}
			.menuItemLast{background:none !important;}
				.menuItemLast a{padding-right:0 !important;}
				
/* Secondary navigation */

#subMenuActive{display:none;}

#subMenuContent ul{list-style:none;margin:3px 20px 10px 20px;padding:0;border-top:1px solid #acaeb0;}
	#subMenuContent ul li{background:none;border-bottom:1px solid #acaeb0;padding:0;margin:0;}
		#subMenuContent ul li a{line-height:2.6;color:#4d4d4f;font-size:12px;font-family:"Lucida Grande", Lucida Sans Unicode, Trebuchet Ms, sans-serif;}
			#subMenuContent ul li a:hover{text-decoration:none;color:#e51937;}


/* Etc */
.right
{
	float: right;
}
.left
{
	float: left;
}
.inputHidden
{
	display: none !important;
	height: 0;
	width: 0;
}
.clearFix
{
	clear: both;
	float: none;
}