/* Body och Main */

body {
	margin: 0px;
	background-image: url(gfx/bg_new.png);
	background-repeat: repeat-x;
	background-color: #90C8FB;
	overflow-y: scroll;
	font-family: verdana;
	font-size: 12px;
	color: #2f2f2f;
}

a {
	color: #0066B1;
}

h1 {
	font-size: 14px;
}

div.main {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-483px;
	width:966px;
}

div.staffLogin {
	width: 966px;
	height: 140px;
	float: left;
}

	div.loginLeft {
		margin-left: 40px;
		width: 400px;
		height: 100px;
		float: left;
	}

	div.loginRight {
		margin-left: 120px;
		width: 400px;
		height: 100px;
		float: left;
	}		

div.staffSlide {
	width: 966px;
	height: 25px;
	float: left;
	color: #fff;
}

	a.down {
		color: #fff;
	}

div.bgTop {
	background-image: url(gfx/bg_top.png);
	background-repeat: no-repeat;
	width: 966px;
	height: 25px;
	float: left;
}

div.bgMiddle {
	background-image: url(gfx/bg_middle.png);
	background-repeat: repeat-y;
	width: 966px;
	float: left;
}

div.bgBottom {
	background-image: url(gfx/bg_bottom.png);
	background-repeat: no-repeat;
	width: 966px;
	height: 30px;
	float: left;
}

	div.bottomLeft {
		margin-left: 120px;
		float: left;
		color: #888888;
	}
		
		div.bottomLeft a {
			color: #888888;
			text-decoration: none;
		}
		
		div.bottomLeft a:hover {
			color: #4A4A4A;
			text-decoration: none;
		}

	div.top {
		width: 950px;
		height: 110px;
		margin-left: 8px;
		float: left;
	}

		div.logga {
			float: left;
			width: 435px;
			height: 81px;
			margin-left: 40px;
		}
		
		div.topRight {
			float: left;
			width: 350px;
			height: 90px;
			margin-left: 70px;
		}

/* Meny */

div.meny {
	float: left;
	background-image: url(gfx/meny_bg.png);
	border: 1px solid #2D4D74;
	height: 74px;
	width: 900px;
	margin-left: 33px;
}

div.meny a {
	color: #fff;
	text-decoration: none;
}

div.menyText {
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 27px;
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
}

div.menyBryt {
	float: left;
	background-image: url(gfx/meny_bryt.png);
	background-repeat: no-repeat;
	width: 4px;
	height: 74px;
}

/* Content */

div.content {
	width: 950px;
	margin-left: 8px;
	float: left;	
}

#main_transition{
	position: relative;
	width: 940px;
	height: 275px;
}
	
#transition-container{
	height: 240px;
	left: 25px;
	overflow: hidden;
	position: absolute;
	top: 16px;
	width: 900px;
}

	div.contentLeft {
		width: 600px;
		margin-left: 24px;
		float: left;
		padding-top: 15px;
		line-height: 1.5em;
	}

	div.contentRight {
		width: 270px;
		margin-left: 30px;
		margin-top: 60px;
		float: left;
	}

		div.rightTop {
			background-image: url(gfx/right_top.png);
			background-repeat: no-repeat;
			width: 270px;
			height: 15px;
			float: left;
		}

		div.rightMiddle {
			background-image: url(gfx/right_middle.png);
			background-repeat: repeat-y;
			width: 270px;
			float: left;
		}

			div.rightBox {
				width: 260px;
				margin-left: 5px;
				border-bottom: 1px solid;
				border-color: #ECECEC;
				float: left;
			}
					
				div.rightBox:hover {
					border-color: #6A6A6A;
					color: #000000;
				}

				div.rightBoxText {
					padding: 10px;
					color: #7E7E7E;
				}

				div.rightBoxHeader {
					width: 260px;
					padding: 10px;
					margin-top: 10px;
					margin-left: 5px;
					float: left;
				}
					



		div.rightBottom {
			background-image: url(gfx/right_bottom.png);
			background-repeat: no-repeat;
			width: 270px;
			height: 15px;
			float: left;
		}

/* Right Top css */
UL.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
}

UL.tabNavigation LI {
	display: inline;
}

UL.tabNavigation LI A {
	padding: 2px 5px;
	background-color: #E0E0E0;
	color: #000;
	text-decoration: none;
}

UL.tabNavigation LI A.selected,
UL.tabNavigation LI A:hover {
	background-color: #A0C8F2;
	color: #000;
	padding-top: 7px;
}
                
UL.tabNavigation LI A:focus {
	outline: 0;
}

div.tabs > div {
	padding: 5px;
	margin-top: 2px;
	border-top: 3px solid #A0C8F2;
}
                
div.tabs > div h2 {
	margin-top: 0;
}

#first, #second, #third {
}
                
.waste {
	min-height: 1000px;
}

/* End Right Top css */

div.ulbutton {
	width: 80px;
	height: 23px;
	background: url('gfx/ul-bg.png') no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 7px;
	margin-bottom: 15px;
	cursor: pointer;
}

div.imgs {
	width: 600px;
	float: left;
}

div.imgImgs {
	padding: 10px;
	text-align: right;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.rightHead {
	padding-left: 10px;
	font-size: 14px;
}

div.rightBg {
	padding: 10px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	line-height: 1.3em;
	font-size: 11px;
	margin-top: 5px;
}

div.rightBg:hover {
	background-color: #d4e9ff;
}

div.produkter {
	margin-top: 30px;
	width: 900px;
	float: left;
}

	div.prodMeny {
		width: 240px;
		float: left;
	}

		div.prodMenyAlt {
			padding: 12px;
			width: 220px;
			border-bottom: 1px solid #cfcfcf;
		}

		div.prodMenyAlt:hover {
			background-color: #efefef;
		}

	div.nyfiltergaranti {
		margin-top: 50px;
		text-align: center;
	}

	div.prodCont {
		width: 630px;
		float: left;
		margin-left: 30px;
		line-height: 1.5em;
	}

	a.prodfirst {
		color: #2f2f2f;
		text-decoration: none;
	}

		div.prodLeft {
			width: 290px;
			margin-right: 30px;
			float: left;
		}

		div.prodRight {
			width: 310px;
			float: left;
		}

	div.productsCont {
		float: left; 
		width: 890px;
		margin-top: 25px;
	}

		div.atgardar {
			width: 155px;
			float: left;
			margin-top: 20px;
		}

			div.atgardarTop {
				width: 135px;
				padding: 10px;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 19px;
				text-align: center;
				border: 1px solid #c1c1c1;
				-moz-border-radius: 6px;
				border-radius: 6px;
			}

			div.atgardarText {
				width: 129px;
				font-size: 17px;
				text-transform: uppercase;
				margin-top: 6px;
				padding-left: 16px;
				line-height: 25px;
			}
	
	div.prodImg {
		width: 115px;
		float: left;
		text-align: center;
		margin-top: 20px;
	}

	div.prodImgTill {
		width: 270px;
		text-align: center;
		float: left;
		margin-top: 20px;
	}

	div.productText {
		background-color: #ceecff;
		width: 526px;
		float: left;
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding: 20px;
		font-size: 12px;
		line-height: 20px;
	}

		span.tekniskdata {
			color: #0066B1;
			text-decoration: underline;
			cursor: pointer;
		}

		div.tekniskdata {
			display: none;
		}

div.katalogMain {
	width: 900px;
	margin-top: 25px;
	margin-left: 25px;
	float: left;
}

div.katalogLeft {
	width: 504px;
	float: left;
}

div.katalogRight {
	width: 356px;
	float: left;
	margin-left: 40px;
}

		div.formular {
			float: right;
			width: 356px;
		}
			
			div.formTop {
				background-image: url('gfx/right-bg-top.png');
				background-repeat: no-repeat;
				width: 356px;
				height: 18px;
			}

			div.formMid {
				background-image: url('gfx/right-bg-middle.png');
				background-repeat: repeat-y;
				width: 356px;
			}

				div.formMidIn {
					padding: 0px 13px 0px 13px;
					color: #fff;
					font-size: 11px;
				}

					div.formMidIn input.big {
						width: 320px;
						height: 23px;
						line-height: 23px;
						margin: 0px;
					}

					div.formMidIn input.small {
						width: 80px;
						height: 23px;
						line-height: 23px;
						margin: 0px;
					}

					input.jatack {
						background-image: url('gfx/right-ja-tack-knapp.png');
						background-repeat: no-repeat;
						background-color: transparent;
						margin-left: 5px;
						cursor: pointer;
						border: 0px;
						width: 314px;
						height: 42px;
					}

					input.bestall {
						background-image: url('gfx/right-bestall-knapp.png');
						background-repeat: no-repeat;
						background-color: transparent;
						margin-left: 5px;
						cursor: pointer;
						border: 0px;
						width: 314px;
						height: 42px;
					}
				
			div.formBot {
				background-image: url('gfx/right-bg-bottom.png');
				background-repeat: no-repeat;
				width: 356px;
				height: 20px;
			}