﻿/*

ALTERNATIV 1: Floats, med möjlighet till footer och holder-bakgrund

*//*

div#holder
{
	overflow: hidden;
	width: 950px;
	margin: auto;
	position: relative;
	text-align: left;
}

div#topMenu
{
	position:absolute;
	top: 0px;
	left: 0px;
}

div#main
{
	float: right;
	margin-top:212px;
	width:745px;
	overflow: hidden;
}

div#leftMenu
{
	float: left;
	margin-left:10px;
	margin-top:212px;
	width:165px;
	overflow:hidden;

}

*//*

SLUT PÅ ALTERNATIV 1.

ALTERNATIV 2: Fast positionerade element

*/
div#holder
{
	margin: 0 auto;
	width: 950px;
	text-align: left;
	position:relative;
	min-height:918px;
}
div#topMenu
{
	position:relative;
	z-index: 1;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-image: url('/design/storbanner.png'); 
	background-repeat:	repeat-x ;
	height:198px;
}
div#main
{
	position:relative;
	left:200px;
	top:15px;
	xbackground-image: url('/design/gradienttop.png'); 
	background-repeat:repeat-x;
	background-color:white;
	padding-top:20px;
	width:745px;
	z-index:3;

	/*border:1px solid red;*/
}

div#leftMenu
{
	position:absolute;
	left:0px;
	top:15px;
	width:199px;
		background-image: url('/design/leftborder.png'); 
		background-repeat:no-repeat;

}

/* SLUT PÅ ALTERNATIV 2.
Nedanstående gäller för bägge alternativen */


body
{
	xbackground: #313131 url('/design/nybodybg.jpg') fixed repeat-y center;
	xbackground: #f2f3ed url('/design/nybg.jpg') repeat-x;
	background-color:#fff;
	text-align: center;
	margin: 0px;
	margin-left:0px;
	* margin-left: 0px;
	min-width: 950px;
	height: 100%;

}
div#toplogo
{
	/* Topbildens höjd här */
	z-index:2;
	height:212px;
	overflow:hidden;
	position:relative;
	width:1042px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('/design/logobanner.png');
	background-repeat:no-repeat;
}

div#varukorgtopholder
{
	z-index: 3;
}

div#varukorgtop
{
	position:absolute;
	left:766px;
	top:53px;
	width:173px;
	z-index: 3;
	color:#444;
}

div#cartimageholder
{
	position:absolute;
	left:711px;
	top:38px;
	z-index: 4;
	padding:0;
	margin:0;
/*	display:none;*/
}

div#cartimageholder img
{
	padding:0;
	margin:0;

}

div#varukorgtop h3
{
	font-family: Verdana, Tahoma, Arial;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	margin:0;
	margin-bottom:4px;
	color:#444;
}
div#varukorgtop a
{
	font-size:10px;
	color:#fff;
	text-decoration:underline;
}
#varukorg_links{
	text-align:right;
	margin-top:5px;	
	}
#varukorgtop_text{}

div#topmenubar
{
	z-index: 1;
	height:39px;
	xbackground: #444444 repeat-x;

	text-align:center;
	color:#444;
		margin-left:auto;
	margin-right:auto;
	width:616px;
	margin-top:133px;
}

div#topmenubar ul, div#topmenubar li
{
	margin:0;
	padding:0;

}
div#topmenubar li
{
	list-style:none;
	float:left;
}

div#topmenubar a
{
	font-weight:bold;
	color: #444;
	font-size:11px;
	line-height:39px;
	text-decoration:none;
	text-transform:uppercase;
}
div#topmenubar a:hover
{
	text-decoration:underline;
}


div#leftMenu form
{
	margin:0;
	padding:0;
}
div.imgtest
{
color:#444444;
float:left;

margin-top:-13px;
}
div#leftMenu a
{
	color:#444444;
	font-weight:bold;
	margin-left:10px;
}

/* OMRÅDET UNDER TOPPLOGGAN, MED HORISONTELL MENY */
div.navrutaTopp_fagel
{
	width: 164px;
	height:83px;

}

div.navrutaTopp, div.navrutaBotten
{
	zxbackground: url('/design/navruta3.png') no-repeat;
	width: 179px;
}
div.navrutaTopp
{
	background-position: top left;
	margin-top:0px;
}
div.navrutaTopp h5
{
	font-family: Verdana, Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	color:#444;
	line-height:15px;
	margin:0;
	padding:0;
	margin-left:9px;
	text-transform:uppercase;
	
}
div.navrutaContent
{
	margin:12px;
	margin-bottom:0px;
	
}
div.navrutaBotten
{
	height: 0px;
	background-position: bottom left;
	margin-bottom:14px;
}

div.sparabestallning
{
	xborder:1px dotted #444444;
	float:left;
	height:150px;
	width:198px;
}



div.megaholder
{
	min-height:1123px;
}
div.footer {
	bottom:0;

	height:67px;
	margin:45 auto;
	position:relative;
	margin-top:55px;
	width:100%;
	background-image: url('/design/footerbg2.jpg');
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	padding-top:31px;
}
div.footer ul
{
	margin: 0px;  
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}
div.footer li
{
	margin: 0px;  
	float:left;
	margin-left:23px;
	display:inline;

}

div.footer li a
{
color:#666666;
font-weight:bold;
}

