/*
sort	#000000
blå	#5B57A6
orange	#F7941E
grøn	#8CC63F
rød	#F26522
*/

html, body {
	font-family: arial, 'trebuchet ms', sans-serif;
	font-size: 11px;
	color: #525d5d;
	line-height: 1.5em;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 100%;
}
#main {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 928px;
	border: 1px solid #d5d5d5;
	border-width: 0 1px 0 1px;
	background-color: #fff;
}
#logorow {
	height: 144px;
}
#logo {
	float: left;
}
#logo img {
	margin: 30px 0 0 12px;
}
#top {
	position: relative;
	float: left;
	width: 666px;
	height: 144px;
	margin-left: 21px;
	background-image: url(../images/top_gradient.png);
	background-repeat: repeat-x;
	background-color: #F9F9FD;
	z-index: 10;
}
#top-info {
	position: absolute;
	top: 10px;
	left: 20px;
}
.top-info-data {
	margin: 0 5px;
}
#top-basket {
	position: absolute;
	top: 10px;
	right: 10px;
}
.top-basket-data {
	float: left;
	width: 100px;
	text-align: right;
	margin: 8px 5px 0 0;
	line-height: 1em;
}
.top-basket-image {
	float: left;
}

#top-login {
	position: absolute;
	top: 50px;
	right: 10px;
}
.top-login-data {
	float: left;
	margin: 11px 5px 0 0;
}
.top-login-image {
	float: left;
}

#top-search {
	position: absolute;
	top: 82px;
	left: 10px;
	width: 530px;
}
.top-search-data {
	margin: 0 0 0 162px;
}
.top-search-image {
	margin: -4px 0 0;
	float: left;
}
.top-search-input {
	margin: 0 0 0 3px;
	float: left;
}
.top-search-input input.sword {
	width: 356px;
	height: 21px;
	padding: 5px 0 0 3px;
}





/* CONTENT STYLES BEGIN */
#contentrow {
	padding-bottom: 133px;
}
#menu {
	float: left;
	width: 252px;
	margin: 0 0 30px;
}
#content-fp {
	float: left;
	width: 666px;
	margin: 1px 0 0;
}

#content-sub {
	float: left;
	width: 666px;
	margin: 20px 0 0;
}

#leftcol-content {
	width: 438px;
	float: left;
	padding: 0 0 30px;
}
/*
#leftcol-content h1 {
 	padding: 22px 19px 0px 0;
}
*/
#leftcol-content p {
 	padding: 0px 19px 5px 0;
}

#rightcol-content {
	width: 228px;
	float: left;
	padding: 10px 0 30px;
	/*height: 800px;*/
}
#rightcol-content h1 {
 	padding: 0	px 19px 0px;
}

#rightcol-content h1, #rightcol-content h2, #rightcol-content h3, #rightcol-content h4, #rightcol-content h5, #rightcol-content p {
 	padding: 0px 19px 5px;
}
/* CONTENT STYLES END */



/* MENU STYLES BEGIN */
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#product-menu h1, #service-menu h1{
	margin: 20px 0 0;
}

/* Prod menu LEVEL 1 */
#menu ul li a {
	padding: 3px 10px 3px 17px;
	color: #525d5d;
	background-image: none;
}


#menu li.cur a,
#menu li.no a:hover,
#menu li.act a:hover,
#menu li.cur a:hover  {
	background-image: url(../images/arrow_1.gif);
	background-repeat: no-repeat;
	background-position: center left;
	/*padding: 20px;*/
}
#menu a:hover {
	color: #F26522;
	text-decoration: none;
}

#menu ul li ul li a {
	padding-left: 28px;
}

/* Level 3 */
#menu ul li ul li ul li a {
	padding-left: 39px;
}

/* Level 4 */
#menu ul li ul li ul li ul li a {
	padding-left: 49px;
}

/* Level 5 */
#menu ul li ul li ul li ul li ul li a {
	padding-left: 59px;
}

/* Level 6 */
#menu ul li ul li ul li ul li ul li ul lia {
	padding-left: 69px;
}



/* END */

#menu ul li.no a,#menu ul li.subno a{
	/*background-image: url(../images/arrow_2dfd.png);*/
	background-image: none;
}
#menu h1 {
	padding: 3px 0 3px 17px;
	font-size: 11px;
}
/* MENU STYLES END */


/* FOOTER STYLES BEGIN */
#footerrow {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 908px;
   	height: 115px;
	/*background-image: url(../images/top_gradient.png);*/
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #F1F1F1;
}
#footerrow-container {
	position: relative;
}
#footerrow-left {
	position: absolute;
	top: 10px;
	left: 20px;
}
#footerrow-right {
	position: absolute;
	top: 10px;
	right: 20px;
}
#footerrow-right span {
	margin: 0 5px;
}
#footerrow p {
	padding: 0;
	margin: 0;
}
p.footer-grey, .footer-link {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	padding: 0;
	margin: 0;
}
.footer-link {
	position: absolute;
	bottom: 10px;
}
.footer-link a {
	color: #f00;
}
/* FOOTER STYLES END */

h1 {
	font: bold 22px arial, 'trebuchet ms', sans-serif;
	color: #525d5d;
	padding: 0px 0 0;
	margin: 0px 0px 0px 0px;
}
span.black {
	color: black;
	font-weight: bold;
}
span.green {
	color: #8CC63F;
	font-weight: bold;
}
span.gray {
	color: #c1c1c1;
	font-weight: bold;
}
/*
sort	#000000
blå	#5B57A6
orange	#F7941E
grøn	#8CC63F
rød	#F26522
*/
/*Kontormøbler*/
div.rightcol-content  {
	background-color: #F1F1F1;
}
div.rightcol-content-category-1 {
	color: #ffffff;
	background-color: #000000;
}
span.category-color-1 {
	color: #000000;
}
/*Hjemmemøbler*/
span.category-color-2 {
	color: #5B57A6;
}
div.rightcol-content-category-2 {
	color: #ffffff;
	background-color: #5B57A6;
}

/*Designmøbler*/
span.category-color-3 {
	color: #F26522;
}
div.rightcol-content-category-3 {
	color: #ffffff;
	background-color: #F26522;
}


/*Specialmøbler*/
span.category-color-4 {
	color: #8CC63F;
}
div.rightcol-content-category-4 {
	color: #ffffff;
	background-color: #8CC63F;
}
/*sort	#000000
blå	#5B57A6
orange	#F7941E
grøn	#8CC63F
rød	#F26522
*/

/*SSkolemøbler*/
span.category-color-4 {
	color: #F7941E;
}
div.rightcol-content-category-5 {
	color: #ffffff;
	background-color: #F7941E;
}


h2 {
	font: bold 14px arial, 'trebuchet ms', sans-serif;
	color: #525d5d;
	padding: 10px 0 0;
	margin: 0;
}
h3 {
	font: bold 11px arial, 'trebuchet ms', sans-serif;
	color: #525d5d;
	padding: 3px 0px 0px;
	margin: 0;

}

p {
	padding: 0 0 5px;
	margin: 0;
}
a {
	color: #FF6609;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clearer {
	clear:both;
	width: 890px;
}


/* FCE-ELEMENTS STYLES BEGIN */
.five-pics-fce {
	width: 666px;
	height: 274px;
	margin-bottom: 23px;
	position: relative;
	/*z-index: -1;*/
}
.five-pics-fce .product-1,
.five-pics-fce .product-2,
.five-pics-fce .product-3,
.five-pics-fce .product-4,
.five-pics-fce .product-5 {
	position: relative;
	float: left;
	width: 133px;
	height: 274px;
	z-index: 9;
}
.five-pics-fce .product-5 {
	width: 134px;
}

/* Preventing IE7 to make 2px gap between images */
.five-pics-fce .image img, .five-pics-fce .image-text img {
	display: block;
}

.five-pics-fce .image {
	border-left: 1px solid #ffffff;
}
.five-pics-fce .image-text {
	border-left: 1px solid #CBCBCB;
}
.five-pics-fce .product-1 .image {
	border-left: 1px solid #e8e8e7;
}
.five-pics-fce .product-1 .image-text {
	border-left: 1px solid #CBCBCB;
}
.five-pics-fce .product-5 .image {
	border-right: 1px solid #e8e8e7;
}
.five-pics-fce .product-5 .image-text {
	border-right: 1px solid #CBCBCB;
}

.five-pics-fce .image-hover {
	display: none;
	position: absolute;
	top: 0;
	left: 1px;
	width: 132px;
	height: 274px;
	-moz-opacity: 0.93;
	filter:alpha(opacity=93);
	opacity:.93;
}
.five-pics-fce .product-1 .image-hover {
	background-color: #000000;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
	opacity:.80;
}
/*
sort	#000000
blå	#5B57A6
orange	#F7941E
grøn	#8CC63F
rød	#F26522
*/
.five-pics-fce .product-2 .image-hover {
	background-color: #F7941E;
}
.five-pics-fce .product-3 .image-hover {
	background-color: #F26522
}
.five-pics-fce .product-4 .image-hover {
	background-color: #8CC63F
}
.five-pics-fce .product-5 .image-hover {
	background-color: #5B57A6
}

.five-pics-fce .product-5 {
	margin-right: 0px;
}
.hovertext-text {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 0 10px;
}

.two-pics-fce {
	width: 666px;
	padding: 18px 0 0;
	clear: both;
}
.two-pics-fce .product-1,
.two-pics-fce .product-2 {
	position: relative;
	float: left;
	width: 324px;
	height: 93px;
}
.two-pics-fce .product-1 {
	margin-right: 18px;
}

/* Preventing IE7 to make 2px gap between images */
.two-pics-fce .image img, .two-pics-fce .image-text img {
	display: block;
}

/* FCE-ELEMENTS STYLES END */

/* ############################# Search ####################### */
div#search-result-container {
	position: absolute;
	top: 62px;
	left: -10px;
	width: 666px;
	/*margin-right: 10px;*/
	z-index: 2000;

}
div#search-result {
	color: black;
	-moz-opacity: 0.93;
	filter:alpha(opacity=93);
	opacity:.93;
	background-color: #F1F1F4;
	height: 200px;
	padding: 10px;
	border-bottom: 2px solid #898689;
	border-top: 2px solid white;
	/*display: none;*/
}
div#search-display-single-product {
/*	width: 646px;*/
	height: 200px;
	/*margin-right: 10px;*/
	padding: 10px;
	background-color: yellow;
	color: black;

}

div.search-single-product {
	width: 172px;
	padding: 10px;
	/*border: 1px solid black;*/
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
}
img {
	border-color: #d4d3d3;
}
div.product-list {
	padding-right: 10px;
	float: left;
}

div.search-single-product-no {
	border: 1px solid #F1F1F1;
}
div.search-single-product-act {
	border: 1px solid #b5b3b7;
	background-color: white;
	cursor: pointer;
}
div.search-single-text {
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;
	float: right;
}
div.search-single-image {
	width: 62px;
	float: left;
}
div#search-result-buttons {
	/*float: right;*/
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 165px;
	font-family: "Verdana", "Arial", sans-serif;
}

div.product-view-two-cols {
	width: 666px;
	margin-top: 11px;
}
div.product-view-left-col {
	width: 360;
	float: left;
}
div.product-view-right-col {
	float: right;
	width: 313px;
}
hr {
	height: 1px;
    border: 0px;
 	color: #e7e7e8;
 	background-color: #e7e7e8;
 	margin: 20px 0px 20px 0px;
 	font-size: 0px;
 	line-height: 0px;
 	clear: both;
	/*color: #F1F1F4;*/
}

table.imgtext-table {
 	border-collapse: collapse;
 	margin-top: 7px;

}
table.imgtext-table td {
 	padding: 0px;
}
table.imgtext-table td img {
 	margin-right: 12px;
}

div.imgtext-div span {
	margin-right: 12px;
}

div.imgtext-div span.no-margin {
	margin-right: 0;
}


div.imgtext-div span.caption {
	display:none;
}


table.product-list {
	width: 100%;
    margin: 30px 0 0;
}
tr.single-list {
	height: 68px;
}
td.single-image-list {
	width: 1%;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 10px;
}
td.single-image-list img {
	border: 1px solid #D4D3D3;
}
td.single-text-list {
	width: 39%;
	vertical-align: top;
}
td.arrow-left {
	text-align: left;
}
td.arrow-right {
	text-align: right;
	padding-right: 20px;
}


/* LOGIN STYLES BEGIN */

#user {
	width: 150px;
}
#pass {
	width: 150px;
}

/* LOGIN STYLES END */

/* VARIANT SELECT STYLES BEGIN */
div.product-view-configure-options-container {
  margin-top: 12px;
  position: relative;
  z-index: 1;
}
div.product-view-configure-single-option{
/*	background-color: green;*/
	width: 182px;
	float: left;
	margin-bottom: 20px;
    border: 1px solid white;
    padding: 10px;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}
div.product-view-configure-single-option-mouseover {
	border: 1px solid #b5b3b7;
	/*background-color: white;*/
	cursor: pointer;
}

div.product-view-configure-single-option-selected {
	border: 1px solid #f7941e;
	background-color: #f8f8f8;
	cursor: pointer;

}

div.product-view-configure-single-option-image {
	width: 60px;
	background-color: white;
	height: 60px;
	padding: 0px;
/*	padding-top: 10px;*/
	overflow: hidden;
	border:1px solid #F1F1F1;
	float: left;
}
div.product-view-configure-single-option-text {
	float: left;
	width: 110px;
	padding-left: 5px;
	padding-right: 5px;
	/*background-color: green;*/
}

div.product-view-configure-single-option-text p{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 14px;
}

div.product-view-configure-single-option-confirm {
	clear:left;
	float:right;
	padding-right:50px;
}

div.product-view-configure-zoom-image{
	position: absolute;
	left: 55px;
	top: 55px;
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
	display: block;
}

div.product-view-configure-zoom-image img{
	margin: 0;
	padding: 0;
	border: 0;
	display: none;
	position: absolute;
}

div.product-view-configure-single-option-mouseover div.product-view-configure-zoom-image{
	left: 55px;
}

div.product-view-configure-large-image{
	position: absolute;
	top: -30px;
	display: none;
	border: 1px solid #B3B5B7;
	padding: 30px;
	background-color: white;
	width: 500px;
}

#zoombox{
	position: absolute;
	top: -30px;
	display: none;
	border: 1px solid #B3B5B7;
	padding: 30px;
	background-color: white;
	width: 500px;
}

#zoombox .large-image{
	float: left;
	width: 250px;
	text-align: center;
	/* Moved by Jan-Erik on 110808, is this really neded?
	height: 250px;*/
}

#zoombox .large-image-txt{
	margin: 10px;
	width: auto;
}

#zoombox .large-image-close{
	top: 5px;
	right: 5px;
	position: absolute;
	cursor: pointer;
}


div.product-view-configure-single-option div.zoomShow{
	/*display: block;
	z-index: 2500;*/
}

div.product-view-configured-variant-option {
	float: left;
	border: 1px solid #b5b3b7;
	width: 182px;
	margin-bottom: 20px;
    padding: 10px;
    margin-right: 8px;
    position: relative;
    z-index: 1;
}

div.product-view-configured-variant{
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

div.product-view-configured-variant h4{
	line-height: 20px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

#errorMsg{
	display: none;
	padding: 10px;
}

#errorMsg p{
	line-height: 25px;
	font-size: 14px;
}

#errorModalOverlay {
	background-color:#000;
	cursor:wait;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 3000;
	top: 0pt;
	left: 0pt;
}

#errorModalContainer {
	height:300px;
	width:400px;
	left:50%;
	top:15%;
	margin-left:-200px;
	background-color:#fff;
	border:3px solid #ccc;
	position: fixed;
	z-index: 3100;
}

#errorModalContainer a.modalCloseImg {
	background:url(x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-14px;
	right:-18px;
	cursor:pointer;
	background-color: transparent;
}

div.variant-over{
	background-color: #F7941E;
}

div.product-view-configured-variant .orange-overlay{
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: center;
	top: 30px;
	left: 30px;
	width: 150px;
	height: 50px;
	position: absolute;
	z-index: 2000;
	display: none;
	cursor: pointer;
}

div.product-view-configured-navigation{
	margin: 0px 10px;
	height: 40px;
	line-height: 40px;
}

div.product-view-configured-navigation img{
	border: 0;
	padding: 0;
	margin: 0;
	display: inline;
	vertical-align: middle;
}

div.product-view-configured-navigation .nav-left{
	float: left;
	line-height: 40px;
	vertical-align: middle;
	height: 40px;
}

div.product-view-configured-navigation .nav-left img{
	float: left;
	width: 40px;
	height: 40px;
}

div.product-view-configured-navigation .nav-right{
	float: right;
	line-height: 40px;
	vertical-align: middle;
	height: 40px;
}

div.product-view-configured-navigation .nav-right img{
	width: 39px;
	height: 37px;
}

div.product-view-configured-navigation .black{
	padding-right: 30px;
}

div.unselectable{
	filter:alpha(opacity=50);
	opacity:0.5;
	cursor: default;
}

/* VARIANT SELECT STYLES END */

/* FSI Viewer  */
#fsiviewer {
	background-color: white;
	width: 330px;
	height: 450px;
}


/********* Testing jqModal ***********/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.tmpPrice{
	color:#525D5D;
	font-family:arial,'trebuchet ms',sans-serif;
	font-size:22px;
	font-weight:bold;
	margin:0px;
	padding:10px 10px;
	border: 1px solid #525D5D;
	z-index: 1000;
	background-color: #fff;
}
div.show-all-box{
	cursor: pointer;
}