/* LAYOUT */

.body{
	background: #fcfcfc url(../img/background.gif) repeat-x scroll top;	/* Canvas background */
}
div#container{
	background: none;
	text-align: center;	/* Center (IE) */
}
div#page{
	background: transparent url(../img/page-background.gif) repeat-x scroll top;	/* Page background */
	width: 975px;	/* Page width */
	margin: 0px auto;	/* Center (other browsers) */
	
	text-align: left;
}


	/* TOP */

div#top{
	min-height: 54px;
	height:		auto !important;
	height: 	54px;
	position: relative;
}

	div#header{
		height: 54px;
	}
		div#logo{
			position: absolute;
			left:25px;
			top:0px;
		}
		
	
	div#top-bar{
		min-height: 30px;
		height:		auto !important;
		height: 	30px;
		position: absolute;
		left:196px;
		top:34px;
	}
		div#menu-top{}

		div#search{
			width:289px;
			position: absolute;
			right:5px;
			top:35px;
			padding-bottom:0px;
			background-image: url(../img/search-bg.gif);
			background-repeat: no-repeat;
		}
		div#language {
			position: absolute;
			top:0px;
			right:10px;
		}
			div#language a {
				background-image: url(../img/btn-lang-bg.gif);
				display:block;
				height:22px;
				width:72px;
				text-align:center;
				text-decoration:none;
				color:#fff;
			}
	/* MIDDLE */

div#middle{
	clear: both;
	float: left;
	background-image: url(../img/middle-bg.gif);
	background-repeat: repeat-y;
}
div#middle-inner{
	clear: both;
	float: left;
	background-image: url(../img/middle-inner.gif);
	background-repeat: no-repeat;
	padding:11px;
	padding-top:10px;
}

	div#left-column{
		float: left;
		width: 182px;
		border-right:0px solid #ccc;
		padding-top:10px;
	}
		div#menu{}
		div#menu-catalogue{
			background: url(../img/hdr-vefverslun.gif) no-repeat top;
			padding-top:35px;
			margin-top:0px;
		}
		div#mailing-list{
			background: url(../img/hdr-postlisti.gif) no-repeat top;
			padding-top:25px;
			margin-top:15px;
		}
		div#calendar{}
	
	div#middle_right{
		float: right;
		width: 770px; /* 10px margin left */
	}
	
	div#right-column{
		float: right;
		width: 184px;
	}
		div#extra-content {
			background-image: url(../img/panel-bg.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
			padding-bottom:15px;
		}
			div#extra-content .header {
				background-image: url(../img/hdr-samstarfs.gif);
				background-repeat: no-repeat;
				padding-top:40px;
				margin-top:20px;
			}
		div#shopping-info{
			padding:10px;
		}
		div#shopping-cart{
			background-image: url(../img/panel-bg.gif);
			background-repeat: no-repeat;
			background-position: bottom left;
			padding:0px;
		}
			div#shopping-cart .header {
				background-image: url(../img/hdr-innkaupsk.gif);
				background-repeat: no-repeat;
				padding:15px;
				padding-top:30px;
				padding-bottom:5px;
				background-position: left top;
			}
			
			div#shopping-cart div.actions {
				text-align:left;
				font-size:11px;
				padding-left:15px;
				padding-top:5px;
				padding-bottom:10px;
			}
			
			div#shopping-cart div.actions a {
				background: url(../img/bullet-red.gif) no-repeat left;
				padding-left:12px;
				text-decoration: none;
			}
	
	div#main-column{
		float: left;
		width: 584px; /* 10px margin right */
	}
		div#flashtop{
			display:block;
			width:579px;
			margin-left:2px;
			height:183px;
			/*background-image: url(../img/flashtop.jpg);*/
		}
		div#breadcrumb {
			background-image: url(../img/panel-bg.gif);
			background-position: bottom;
			height:36px;
			padding-left:20px;
			line-height: 34px;
		}
		div#content{
			height: 	1%;
		}


	/* BOTTOM */

div#bottom{
	clear: both;
	text-align: center;
	background-image: url(../img/middle-bg.gif);
	background-repeat: repeat-y;
	padding:0px 0px;
	padding-bottom:0px;
}

	div#footer{
		background-image: url(../img/footer-bg.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		text-align: left;		
		padding:10px;
		padding-bottom:10px;
		
	}
		div#footer-inner {
			border-top:1px solid #ebebeb;
			padding:15px 20px;;
			color:#434343;
		}
		div#footer a {}
		div#footer a:hover{}
	div#copyright{text-align:center;}
