body {
	margin: 			0;
	padding: 			0;
	border: 			0;
	overflow: 			hidden;
	height: 			100%; 
	max-height: 		100%;
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
}

form {
	margin:				0;
	padding:			0;
}

img {
	border:				0;
}

img.left {
	float: 				left; 
	margin-right: 		10px;
	margin-bottom: 		10px;
	* margin-bottom: 	0px;
}

img.right {
	float: 				right;
	margin-left: 		10px;
	margin-bottom: 		10px;
}

img.over {
	float: 				left;
	clear: 				both;
}

input, select, textarea {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
}

div.br {
	clear:				both;
}

label .required {
	font-family: 	 	Verdana, sans-serif;
	font-size: 		 	12px;
	color:			 	#C00000;
	font-weight:		bold;
}

p.customer {
	position:			relative;
	display:			block;
	font-family: 	 	"Century Gothic", Arial, Helvetica, sans-serif;
	background: 	 	Transparent url(../pics/login_bg.gif) right no-repeat;
	color:				white;
	font-weight:		bold;
	font-size:			22px;
	width:				100%;
	height:				70px;
	margin:				0;
	padding-right:		15px;
	padding-top:		10px;
	top:				-35px;
	text-align:			right;
}

p.customer span {
	display:			block;
	font-family: 	 	"Century Gothic", Arial, Helvetica, sans-serif;
	color:				white;
	font-weight:		normal;
	font-size:			16px;
}

div.box {
	display:			none;
	position:			absolute;
	z-index:			1000;
	top:				0;
	left:				0;
	background: 	 	Transparent url(../pics/semitransparent.png);
	* width:			expression(document.body.clientWidth);
	width:				100%;
	height:				100%;
	text-align:			center;
	padding-top:		18%;
}

div.box div.login {
	position:			relative;
	color:				black;
	z-index:			1001;
	background:			White;
	width:				310px;
	height:				150px;
	* width:			337px;
	* height:			170px;
	border: 			1px solid black;
	text-align:			left;
	padding:			15px;
	margin:				0 auto;
}

#notify {
	visibility:			hidden;
	position:			absolute;
	z-index:			998;
	top:				0;
	left:				0;
	width:				303px;
	height:				157px;
}

#notify div.inner {
	background: 	 	Transparent url(../pics/notify.png) no-repeat;
	* background:		Transparent;
	filter: 			progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/notify.png',sizingMethod='scale');
	padding:			18px 13px 13px 13px;
	width:				303px;
	height:				157px;
}

#notify div.inner h4 {
	font-family: 	 	"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:			16px;
	color:				#c00000;
	margin-bottom:		-15px;
}

#notify div.inner div.close {
	position:			absolute;
	top:				18px;;
	left:				255px;
	width:				14px;
	height:				14px;
}

#notify div.inner h4 {
	position:			relative;
	top:				-2px;
}

#notify div.inner p {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size:			11px;
	margin-top:			20px;
}

#notify div.inner form {
	position:			relative;
	z-index:			998;
	left:				-3px;
	top:				-7px;
	* top:				-14px;
}

div.box div.login div.locked {
	float:				left;
	width:				105px;
	height:				100px;
	background: 	 	Transparent url(../pics/user.gif) no-repeat;
}

div.box div.login p {
	float:				left;
	margin:				0;
	padding:			0;
}

div.box div.login p input {
	display:			block;
	width:				200px;
}

div.box div.login p label {
	display:			block;
	padding-top:		5px;
}

div.box div.login p label span {
	font-weight:		bold;
	color:				#c00000;
	display:			inline;
}

div.box div.login p span {
	display:			block;
	padding-top:		5px;
}

div.box div.login p span input, div.box div.login p span label {
	width:				auto;
	display:			inline;
}

div.box div.login p.footer {
	width:				100%;
	margin-top:			20px;
	text-align:			right;
}

div.box div.login p.footer input {
	display:			inline;
	width:				auto;
}

#menu {
	position: 			absolute; 
	top: 				0; 
	left: 				0; 
	width: 				250px; /*Width of left frame div*/
	height: 			100%;
	overflow: 			hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: 	 	#d5d6d7;
}

#header {
	position: 			absolute; 
	top: 				0; 
	left: 				250px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 				0;
	height: 			70px; /*Height of top frame div*/
	overflow: 			hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: 	 	#2c55b1 url(../pics/logobackground_blue.png) repeat-x;
	color: 				White;
}

#footer {
	position: 			absolute; 
	top: 				auto; 
	left: 				250px; /*Set left value to WidthOfLeftFrameDiv*/
	bottom: 			0;
	right: 				0;
	height: 			40px; /*Height of bottom frame div*/
	overflow: 			hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background: 	 	#4873C2 url(../pics/footer_bg.gif) repeat-x;
	color: 				white;
}

#main {
	position: 			fixed; 
	top: 				70px; /*Set top value to HeightOfTopFrameDiv*/
	left: 				250px; /*Set left value to WidthOfLeftFrameDiv*/
	right: 				0;
	* bottom: 			50px; /*Set bottom value to HeightOfBottomFrameDiv*/
	bottom: 			40px; /*Set bottom value to HeightOfBottomFrameDiv*/
	overflow: 			auto; 
	background: 	 	White url(../pics/shadow.gif) repeat-x;
	padding-bottom:		10px;
}

.padding {
	margin: 			15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body { /*IE6 hack*/
	padding: 			70px 0 40px 250px; /*Set value to (HeightOfTopFrameDiv  0 HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #main { /*IE6 hack*/
	height: 			100%; 
	width: 				100%;
}

* html #header, * html #footer { /*IE6 hack*/
	width: 				100%;
}

div.cart {
	z-index:			1;
	position:			absolute;
	top:				auto;
	left:				0;
	bottom:				0;
	height:				40px;
	width:				250px;
	background: 	 	#4873C2 url(../pics/footer_bg.gif) repeat-x;
}

div.cart select {
	margin:				10px;
	width:				350px;
}

* html #footer, * html div.cart {
	bottom:				-1px;
}

#footer p {
	display:			block;
	position:			relative;
	margin-left:		105px;
	bottom:				7px;
}

#footer p span { 
	position:			relative;
	display:			block;
	float:				left;
}

#footer p span#summa {
	color:				white;
	background: 	 	Transparent url(../pics/sum_bg.gif) no-repeat;
	margin-left:		3px;
	margin-right:		3px;
	margin-top:			2px;
	padding:			3px 3px 3px 5px;
	width:				170px;
	height:				22px;
	overflow:			hidden;
}	

h1, h2, h3, h4 {
	margin:				0;
	padding:			0;
}

h1 {
	height:				70px;
	width:				250px;
	background: 	 	#2c55b1 url(../pics/Logo_Kontorsvaruhuset_Ebbes.png);
	cursor:				pointer;
}

h1 span {
	display:			none;
}

h2 {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	14px;
	font-weight:		normal;
	color:				gray;
	margin-bottom:		20px;
}

h2 strong {
	font-family: 	 	"Century Gothic", Arial, Helvetica, sans-serif;
	color:				#c00000;
	font-weight:		bold;
}

h2 span {
	white-space: 		nowrap;
}

h2 a {
	white-space: 		nowrap;
	color:				gray;
	text-decoration: 	none;
}

h3 {
	color:				black;
	font-size: 			18px;
	font-family: 	 	Arial, Helvetica, sans-serif;
	font-weight:		bold;
	padding:			0;
	margin-top:			30px;
	margin-bottom:		-15px;
}

h3 strong {
	color:				#c00000;
}

h4 {
	font-family: 	 	"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:			16px;
	color:				#c00000;
	* margin-bottom:	0px;
}

#menu div.menutree {
	margin-top:			10px;
	margin-left:		10px;
	overflow:			auto;
}

#menu div.menutree a {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	0.9em;
	color:				Black;
	text-decoration: 	none;
	position:			relative;
	left:				-4px;
}

#menu div.menutree a:hover, #menu div.menutree a:focus {
	color:				#c00000;
	text-decoration: 	underline;
}

#menu div.menutree a.selected {
	color:				#c00000;
	text-decoration: 	underline;
}

#menu div.search {
	background: 	 	#d5d6d7 url(../pics/menushadow.gif) repeat-x;
}

#menu div.search form {
	padding-top:		10px;
	padding-left:		10px;		
}

#menu div.search ul {
	margin:				0;
	padding:			0;
}

#menu div.search ul li {
	float:				left;
	list-style:			none;
}

#menu div.search select {
	width:				229px;
	margin-bottom:		5px;
}

#menu div.search input.field {
	width:				200px;
	* width:			203px;
	margin-right:		5px;
	color:				gray;
}

* html #menu div.search input.button {
	position:			relative;
	top:				1px;
	width:				21px;
	height:				21px;
	border:				0;
}

#main input.filter {
	width:				200px;
	* width:			203px;
	margin-right:		5px;
}

#main div.desc {
	margin-top:			15px;
	* margin-top: 		0;
	margin-bottom:		15px;
	* margin-bottom:	0;
	position:			relative;
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
	width:				600px;
	min-height:			300px;
	* height:			300px;
	border: 			1px solid #dddddd;
	background: 	 	Transparent url(../pics/specialoffer_bottom.gif) repeat-x bottom;
	float:				left;
}

#main div.desc p {
	position:			relative;
	padding:			10px;
	margin:				0;
	z-index:			2;
}

#main div.desc span.top {
	display:			block;
	position:			absolute;
	width:				100%;
	top:				0;
	left:				0;
	height:				32px;
	background: 	 	Transparent url(../pics/specialoffer_bg.gif) repeat-x bottom;
	z-index:			1;
}

#main h3.notice {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			17px;
	color:				#c00000;
	margin-bottom: 		15px;
	padding:			10px;
	background:			#ffffde;
	width:				600px;
	border: 			1px solid gray;
}

#main h3.notice span {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
	font-weight:		normal;
	color:				black;
	line-height:		1.5;
}

#header p.administration {
	margin-top:			34px;
}

#header p.administration a {
	position:			relative;
	top:				1px;
	float:				left;
	display:			block;
	color:				White;
	padding:			10px;
	margin-left:		10px;
	background: 	 	Transparent url(../pics/tab-background.gif) no-repeat;
	text-decoration:	none;
	width:				85px;
	* width:			105px;
	text-align:			center;
}

#header p.administration a:hover {
	position:			relative;
	top:				5px;
}

#header p.administration a.selected {
	position:			relative;
	top:				5px;
	float:				left;
	display:			block;
	color:				White;
	padding:			10px;
	margin-left:		10px;
	background: 	 	Transparent url(../pics/tab-background.gif) no-repeat;
	text-decoration:	none;
	width:				85px;
	* width:			105px;
	text-align:			center;
}

#main div.specialoffer {
	float: 				left;
	position:			relative;
	width: 				280px;
	height: 			180px;
	* width: 			300px;
	* height: 			200px; 	
	background: 	 	Transparent url(../pics/specialoffer_bg.gif) repeat-x;
	border: 			1px solid #dddddd;
	margin: 			0 10px 10px 0;
	padding:			10px;
}

#main div.specialoffer div.pic {
	position:			absolute;
	top:				40px;
	* top:				30px;
}

#main div.specialoffer p {
	margin-top:			0;
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
}

#main div.specialoffer div.price {
	position:			absolute;
	top:				-10px;
	left:				210px;
	color:				White;
	text-align:			center;
	padding-top:		34px;
	width:				100px;
	height:				100px;
	background: 	 	Transparent url(../pics/pricetag.png) no-repeat;
	* background:		Transparent;
	filter: 			progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/pricetag.png',sizingMethod='scale');
	z-index:			1;
}

#main div.specialoffer div.price p {
	margin:				0;
	font-family: 	 	Arial, Helvetica, sans-serif;
	font-size: 		 	15px;
	font-weight:		bold;
}

#main div.specialoffer div.price span {
	font-family: 	 	Arial, Helvetica, sans-serif;
	font-size:			10px;
}

#main div.specialoffer div.bottom {
	position:			absolute;
	bottom:				-20px;
	* bottom:			-2px;
	left:				0;
	height:				32px;
	width:				280px;
	* width:			298px;
	padding:			10px;
	background: 	 	Transparent url(../pics/specialoffer_bottom.gif) repeat-x;
}

#main div.specialoffer div.bottom p.left {
	float:				left;
}

#main div.specialoffer div.bottom p.right {
	float:				right;
}

#main div.specialoffer div.bottom p.right input.quantity {
	position:			absolute;
	left:				208px;
	top:				7px;
}

#main p.picture {
	float:				left;
	margin-top: 		0;
	margin-bottom:		0;
	margin-right:		10px;
}

#main p.extra {
	float:				left;
	margin-top:			0;
}

#main p.extra img {
	margin-right:		10px;
}

#main div.top {
	width: 				600px;
	margin-top:			20px;
	margin-bottom:			20px;
}

#main div.pricebox {
	float:				right;
	background:			#F6F7F8;
	border: 			1px solid #DFE1E3;
	padding:			15px;
	height:				118px;
	* height:			150px;
	width:				180px;
	* width:			210px;
}

#main p.price {
	font-family: 	 	Arial, Helvetica, sans-serif;
	font-size:			20px;
	color:				#c00000;
	font-weight:		bold;
	margin-top: 		0;
}

#main p.price span {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	color:				black;
	font-weight:		normal;
	font-size:			11px;
}

#main form.filter {
	width:				100%;
	* width:			expression(document.body.clientWidth > 1100? "800px": "100%" );
	max-width:			800px;
}

#main table {
	margin-top:			20px;
	border-collapse: 	collapse;
	border-spacing:  	0px;
	width:				100%;
	* width:			expression(document.body.clientWidth > 1100? "800px": "95%" );
	max-width:			800px;
}

#main table thead {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	color:			 	Black;
	background:		 	#f3f3f3;
}

#main table thead th {
	text-align: 	 	left;
	font-size: 		 	11px;
	padding:		 	4px;
	border-top: 		1px solid #a1b1bf;
	border-bottom: 		1px solid #a1b1bf;
}

#main table thead.sub th {
	border: 			none;
	background:		 	white;
}

#main table td {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	11px;
	white-space:		nowrap;
}

#main table td em {
	color:				gray;
}

#main table tr.done td {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
	color:			 	Black;
	background:		 	White;
	padding:		 	4px;
}

#main table tr.even td {
	color:			 	Black;
	background:		 	White;
	padding:		 	4px;
	border-bottom: 		1px solid #dbdbdb;
}

#main table tr.odd td {
	color:			 	Black;
	background:		 	White;
	padding:		 	4px;
	border-bottom: 		1px solid #dbdbdb;
}

#main table td.selected {
	border-top: 		none;
	border-bottom: 		2px solid black;
}

#main table tr.sub {
	color:			 	Black;
	background:		 	White;
	padding:		 	4px;
	border:				none;
}

#main table td a {
	color:				black;
	text-decoration:	none;
}

#main table thead th a {
	text-decoration:	none;
	color:			 	#3e607c;
}

#main table td a:hover {
	color:				#29608b;
	text-decoration:	underline;
}

#main table thead th a:hover {
	text-decoration:	underline;
	color:				#c00000;
}

#main a.cart {
	color:				#3e607c;
	font-weight:		bold;
	text-decoration:	none;
}

#main a.cart:hover {
	color:				#c00000;
	text-decoration:	underline;
}

#main table tr.footer td {
	border-bottom: 		2px solid black;
}

#main table tr.footer td.sum {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	color:				#c00000;
	font-weight:		bold;
	font-size: 		 	11px;
	padding:			7px 0 7px 0;
}

#main form.register p {
	margin:				0;
}

#main form.register table.where {
	margin:				0;
}

#main form.register table.where tr td {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
}

#main form.register label {
	display:			block;
	margin-top:	 	 	4px;
}

#main form.register input {
	display:			block;
	width:				290px;
}

#main form.register p.radio {
	margin-bottom:		25px;
}

#main form.register p.radio input, #main form.register p.radio label {
	display:			inline;
	width:				auto;
}

#main form.register .cityfield {
	display:			inline;
	width:				196px;
}

#main form.register .postfield {
	display:			inline;
	width:				84px;
}

#main div.adress p {
	margin:				0;
}

#main div.adress table.where {
	margin:				0;
}

#main div.adress table.where tr td {
	font-family: 	 	Tahoma, Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
}

#main div.adress label {
	display:			block;
	margin-top:	 	 	4px;
}

#main div.adress input {
	display:			block;
	width:				290px;
}

#main div.adress .cityfield {
	display:			inline;
	width:				196px;
}

#main div.adress .postfield {
	display:			inline;
	width:				84px;
}

#main form.register h4 {
	margin-top:			15px;
	margin-bottom:		10px;
}

#main form.register div.floatleft {
	float:				left;
	margin-right:		20px;
}

#main input.quantity {
	width:				50px;
	margin-right:		10px;
}

#autocomplete {
	position:			absolute;
	background:			white;
	border: 		 	1px solid black;
	padding:			0;
	opacity: 			.9;
	filter: 			alpha(opacity=90);
}

#autocomplete table {
	width:				100%;
	border-collapse: 	collapse;
	border-spacing:  	0px;
}

#autocomplete table tr td a {
	cursor:				default;
	background:			white;
	float:				left;
	width:				100%;
	white-space: 		nowrap;
	display:			block;
	color:				black;
	font-family: 	 	Arial, Helvetica, sans-serif;
	font-size: 		 	12px;
	text-decoration: 	none;
	padding:			3px;
}

#autocomplete table tr td a:hover {
	color:				white;
	background:			#000080;
}

#autocomplete table tr td a.listfocus {
	color:				white;
	background:			#000080;
}

#autocomplete table tr td a.listunfocus {
	color:				black;
	background:			white;
}

#main div.padding a.button {
	font-size: 		 	12px;
	font-family: 	 	Arial, Helvetica, sans-serif;
	color: 			 	White;
	text-decoration: 	none;
	padding:			2px 6px 2px 6px;
	margin-right:		3px;
	background-color:	#2e4e8e;
	border-width:		2px;
	border-style:		Solid;
	border-color:		#5983C2 #1E3459 #1E3459 #5983C2;
	cursor:				pointer;
}

#main div.padding a.button:hover, #main div.padding a.button:focus {
	color: 			 	White;
	border-color:		#1E3459 #5983C2 #5983C2 #1E3459;
	text-decoration: 	none;
}

#main div.padding a.buttonselected {
	font-size: 		 	12px;
	font-family: 	 	Arial, Helvetica, sans-serif;
	color: 			 	White;
	text-decoration: 	none;
	padding:			2px 6px 2px 6px;
	margin-right:		3px;
	background-color:	#2e4e8e;
	border-width:		2px;
	border-style:		Solid;
	border-color:		#1E3459 #5983C2 #5983C2 #1E3459;
	cursor:				pointer;
}

#main div.padding a.buttonselected:hover {
	color: 			 	White;
	text-decoration: 	none;
}