/***********************************************************************************************************************************/
/* html elements */
html,body{
	width:100%;height:100%;
	padding:0;margin:0;
	text-align:center;
}
body * {padding:0;margin:0}
/***********************************************************************************************************************************/
/* */
#historyStorageForm /* tar vekk meld som vises noen ganger i explorer under hele siden: oaded":true} */
{
	display : none;	
}
#topdocument{
	position: relative;
	margin: 0 auto;
	width: 997px;
}

#content{    
	width: 997px;
    margin: auto;
	_height: 600px;/* IE treats height as min-height */
	min-height: 600px;
	text-align: left;
	float:left;/* to resize elements in Firefox */
}
/***********************************************************************************************************************************/
/* top menu (top logo with Forside, Logg inn and so on inside) */
#topmenu{
	position: absolute;
    left: 0; top: 0;
    width: 1000px;
    height: 134px;
}

.toplinks{
	position: absolute;
	width: 888px;	
	height: 10px;	
	left: 100px;
	top: 110px;
}

/* instead of toplink1, toplink2, toplink3... these are the same elements */
.toplinks div {
	width: 100px;
	height: 20px;	
	top: 20px;	
	float: left;
	margin: 0 5px;
}
dd
{
	padding-left: 50px;	
}
/***********************************************************************************************************************************/
/* cart on top banner */
#diverse{
	float:left;
	width:220px;
	margin:150px 0 0 0;
}

.render{ /* main center container */
}
.infoframe{ /*Infoframe som henter fra spirit */
	border : solid 0px black;
	width : 515px;	
	height : 7500px;
	overflow : hidden;
}
.carthead{/* cart header - "Handlekurv" text */
	width:220px;
	height: 36px;
}
div.cart{/* cart main container (except header) */
/*this class is only for DIV element because there's declaration class with the same name for image... */
	width:220px;
	height:70px;	
}

.cartsmallqtxt, .cartsmallptxt{/*captions in cart container*/
	/*
	width: 55px;
	float: left;clear: left;
	white-space: nowrap;
*/
}
.cartsmallq, .cartsmallp{/* data in cart container*/
/*	
	float: right;
	width: 45%;
*/
}
.cartbottom{/* footer of cart*/
	width:220px;
	height:18px;
}

/***********************************************************************************************************************************/
/* left menu (tree menu and search input) */
#mainmenu{
    float: left;
    padding: 0 0 150px 0;
    width: 230px;
    margin: 165px 0 0 1px;
}

/*left menu elements*/
.mspace
{
	display : inline ;
	border : solid 0px red;
	width : 3px; 
}
.submenuclosedm
{
	display : inline; 
	width : 120px; 
}
.submenuopenm
{
	display : inline;
	width : 120px; 
}
.divsubicoopen
{
	display : inline;
	width : 15px; 
}
.divsubicoclosed
{
	display : inline; 
	width : 15px;
}
.submenuopen1,.submenuopen2,.submenuopen3,.submenuopen4, .submenuopen5
{
	LEFT: 0px;
	POSITION: relative ;
	TOP: 2px ; 
	border : 0px solid; 
	color : #000000;
	padding-bottom : 3px;
	cursor : pointer;
	width : 160px;
}
.submenuclosed1,.submenuclosed2,.submenuclosed3,.submenuclosed4, .submenuclosed5
{
	LEFT: 0px; 
	POSITION: relative ;
	TOP: 2px ; 
	border : 0px solid; 
	color : #000000;
	padding-bottom : 3px;
	cursor : pointer;
	width : 160px; 
}
.divmainicoopen
{
	display : inline;
	width : 15px; 
}
.divmainicoclosed
{
	display : inline;
	width : 15px; 
}
#divmainmenuclosed999, #divmainmenuopen999, #divsubmenuclosed9995,#divsubmenuopen9995, #divsubmenuclosed9991,#divsubmenuopen9991, #divsubmenuclosed9992,#divsubmenuopen9992, #divsubmenuopenm9993,#divsubmenuclosed9993, #divsubmenuclosed9994,#divsubmenuopen9994, divsubmenuclosed9995,divsubmenuopen9995, #divsubmenuclosed9996, #divsubmenuopen9996, #divsubmenuclosed9997, #divsubmenuopen9997, #divsubmenuclosed9999, #divsubmenuopen9999
{
	display: none;
}
.divamainmenuopen,.divamainmenuopen0
{
	display : inline; 
}
.divamainmenuclosed,.divamainmenuclosed0
{
	display : inline; /* endret fra inline-block */
	

}
.mainmenuopen0
{
	LEFT: 0px; 
	POSITION: relative ;
	TOP: 2px ; 
	border : 0px solid; 
	color : #000000;
	padding-bottom : 3px;
	cursor : pointer;
	font-weight: bold;
}
.mainmenuclosed0
{
	LEFT: 0px;
	POSITION: relative ;
	TOP: 2px ; 
	border : 0px solid; 
	color : #000000;
	padding-bottom : 3px;
	cursor : pointer;
	font-weight: bold;
}

button.cart{
	border: none;
	background-color: #fff;
	color: #726459;
	font-size: 11px;
	margin: 0;
	vertical-align: middle;
	padding: 0;
	width: 70px;
}
/***********************************************************************************************************************************/
/* */
#divsearch{
	position: absolute;
	top: 138px;
	left: 7px;	
	padding: 0;
    width: 170px;
    white-space: nowrap;
}
input.soek{
	width: 67%;
}
select.soek{
	display: none;/* use display instead of visibility because browsers leave space for element if it visibility is hidden */
}

/***********************************************************************************************************************************/
/* main container - content + breadcrumbs */
#render{
    margin: 140px 10px 10px 0;
    width: 515px;/* 640*/
    float: left;
}
/***********************************************************************************************************************************/
/* breadcrumbs */
.breadmain{
	width: 500px;	
	margin: 0 0 0 0px;
}

/***********************************************************************************************************************************/
/* product box - list */
.rendermenucoltr{
	/*height: 120px;*/
	position:relative;
	margin:0;
	padding:0;
}
.rendermenucol{
	position:relative;
	margin:0;
	padding:0;
}

.rendermenu1,.rendermenu2
{
	margin: 1px;
	width: 250px;
	height: 115px;	
	float: left;
	overflow:hidden;
}
.rendermenudesc
{
	display : inline-block;
	position : relative;	
	top : -70px;
	left: 120px;
	border :solid 0px red;
}
#rendermenudesc1
{
	top : -70px;	
}
#rendermenudesc4
{
	top : -70px;	
}
.rendermenupicture
{
	display : inline-block;
	margin : 10px 0 0 10px;
	padding : 0px 0 0 0;	
}

.renderboxcoltr{
	/*height: 120px;*/
	position:relative;
	margin:0;
	padding:0;
}
.renderboxcol{
	position:relative;
	margin:0;
	padding:0;
}
.renderbox1,.renderbox2,.renderbox3{	
	margin: 1px;
	width: 250px;
	height: 115px;	
	float: left;
	overflow:hidden;
}
/*
#divrenderbox1{	
	width: 590px;
}
#divrenderbox2,#divrenderbox3{	
	width: 290px;
}
*/
.boxpicture{/* image container */
	float:left;
	vertical-align :  middle;
	text-align:center;
	position:relative;
	height: 115px;
	width : 115px;
	padding: 5px 5px 5px 5px;
	display:table;	
}
.boxpicture a {
	display:table-cell;
	vertical-align:middle;
}

.boxdesc,.boxprice
{		
	margin: 0 0 0 35%;
}
.boxprice{
	color:#606060;
}
.boxprice:before{
	/*content:"kr.";*/
}
.boxpricetxt, .boxpricev{
	display:inline ;	
}
.boxdesc{/* container which holds product name */	
	padding: 10% 2px 0 0;
}
.boxdesc a:hover{
	color:#4A6CB4;
	text-decoration:none;
}

#boxdesc1, #boxdesc2, #boxdesc3{/* specified boxes with product name */
}
#boxdesc1{/* first the widest one on the top */
    /*width: 450px;
    height: 80px;*/
}
#boxdesc2, #boxdesc3{/* second level - two boxes with the same width */
/*    left: 115px;
    width: 170px;*/
}

.boxprice{/* contains price value */	
}
#divrenderbox1 .boxprice{
	/*width:430px;*/
}
#divrenderbox2 .boxprice,#divrenderbox3 .boxprice{
	/*width:180px;*/
}

.prodlinkd, .prodlinkdb{
    display: inline;
}
/***********************************************************************************************************************************/
/* one product */
.rendersingle{/* container with product details and image */	
	float:left;
	width: 510px;
    min-height: 150px;  
    margin: 5px 0 0 0;
 }

.rendersingletr{
	padding: 20px 0 0 10px;
	float:left;
	line-height: 20px;	
	position:relative;	
	width:510px;
}

.divmulitpic{/* container with pictures and arrows: < and  > */    
    width: 260px;
    height: 200px;
    margin: 0 0px 0 0;         
    float: left;
	display: table;
}
.singlepicture{/* box with picture */
	display:table-cell;
    width: 200px;
    height: 200px;
    cursor: pointer;
    vertical-align : top;
}
.singlebigpicture{/* container with picture that shows after click on small picture */	 
	position: absolute;
	top: 170px;
	left: 220px;	
	width: 300px;		
	height: 250px;
	cursor: pointer;
	z-index : 100;		
}

.mulitpicturepre,.mulitpictureaft{/* boxes which holds arrows images */
	display: table-cell;
    height: 200px;     
    width: 20px;      
}

/* IE hacks because of bugs in rendering elements with display=table and display=table-cell */
* html .divmulitpic{display:block}
* html .singlepicture{
	float: left;
	padding: 5px 0;
}
* html .mulitpicturepre,* html .mulitpictureaft{
	display:block;
	float:left;
	padding: 100px 0 0 0;
}
* html .mulitpicturepre img{float:right}
* html .mulitpictureaft img{float:left}
/*end IE hacks*/


/* product attributes */
.singleproductident,.singleunit,.singleprice,.singlecart,.singlelongdesctxt,.singlesuppliersdescrtxt{	    
	display: table;
    width: 220px; 
    padding: 0;   
}
.singleproductident{
	position:relative;
	top:2.5em;
}
.singleproductidenttxt, .singleunittxt, .singlepricetxt{/* attributes captions */   	
   	display: table-cell;
    width: 100px;
    float:left;/*IE fix*/
    
}
.singleproductidentv,.singleunitv,.singlepricev{/* attributes data */  	
   	display: table-cell;
    width: 100px;
    float: left;/*IE fix*/    
}
.singleunittxt,.singleunitv
{
	color:White ;	
}
.singlecartinp,.singlecartv{
	display: inline;
	height:100%;
}
.singlecartinp{
	vertical-align:middle;
	padding:0 0 0 10px;
}
img.cart{
	vertical-align:middle;
	cursor:pointer;
}
.singledesc{ /* product name */
	position:relative;		
	top:-2em;	
}
html:not([Opera]) .singledesc{}/* Gecko based browsers hack: -20px because of padding left*/

.singlelongdesc{/* box with description of product */
	clear:both;
    width:480px;         
}
.singlecarttxt,.singlelongdesctxt,.singlesuppliersdescrtxt{	    
	display: none;
}


.singleiframesold{ /* box which holds iframe with text "De som kjopte dette, kjopte ogsa :"*/
	margin: 10px 0 0 0;
	height:20px;
}
.singleiframesold iframe {height:20px}

/***********************************************************************************************************************************/
/* login page */
#divlogon{/* contains login elements (login text, name, password, button) */   
    width: 100%;
}

/***********************************************************************************************************************************/
/* cart view */
div.cartheader{	
	display:table-header-group;
	width : 500px;
	float:left;

}
.cartheadertr div {
	display:table-cell;
}
* html .cartheadertr div {/*IE*/
	display:block;
	float:left;
}
.cartbig{ /* row in cart table view */
	display:table;
	width:515px;
	height : 40px;
	float:left;
	clear:both;
	table-layout:fixed;
	empty-cells:show;
	
}
.cartbigcart,.cartbigcart{
	display:inline;
}
* html .cartbig{/*IE*/
	display:block
}
.cartbig div {
	border-collapse: collapse;
	display: table-cell; 
}
* html .cartbig div{
	display:inline;
	white-space:nowrap;
}
.cartbigsum{
	width:450px;
	float:left;
}
.cartbigsum div {
	display:inline;
}
.cartbigbottom{
	float:left;
	width:40px;
}


.cartbigheadthumbnailpic,.cartbigthumbnailpic{ /* first column header */	
	width:30px;	
}
.cartbigheadcart,.cartbigwcart{ /* 2nd column in header */
	display:none !important;
}
.cartbigheadproductdesc,.cartbigd{ /* 3nd column in header */
	width:260px;		
}
.cartbigheadprice,.cartbigprice{ /* 4th column in header */
	width:80px;	
}
.cartbigheadlinesum,.cartbiglinesum{ /* 5th column in header */
	width:80px;	
}
.cartbigheaddelete{display: none !important}
.cartbigdelete{ /* last column in header */
	width:60px;
}
.cartbigdeleteall
{
	width : 36px;
	text-align : right;
}

/* frames with header and footer */

#botcartiframe,#topcartiframe{
	width: 500px;
	height: 35px;
	margin:0;
}

/***********************************************************************************************************************************/
/* customer page */
.customerform{	/* div which holds captions and inputs of customer data */	
    position: relative;
	width: 450px;
    top: 4px;  
    left: 80px;
    height: 250px; 
}
.ncddiv{ /* container with caption */
	display: inline;
	position: relative;
	width: 200px;
	height: 20px;	
}
.ncfdiv{ /* container with input */
	display: inline;
	position: relative;
	top: 0;
	left: 0px;	
	width: 200px;
	height: 20px;	
}

/***********************************************************************************************************************************/
/* order page */
.cartformhead,.cartorderconfirmhead,.cartbigtop{ /* headers with text f.e. "Steg 1 av 3: Handlekurv - Registrering - Ordrebekreftelse" */
	width: 500px;
}
.cartformhead div,.cartorderconfirmhead div,.cartbigtop div{ /* all of child divs of cartformhead (and cartorderconfirmhead) */
	display: inline;
}
.cartformheadtr{ /* line with text: "Sjekk skjema og trykk "Send bestilling" for a ga videre" */
	width: 500px;
}
.orderform{	/* this box holds captions and inputs (+ one combobox) */
	width: 450px;
    position: relative;
    top: 4px;  
    left: 60px;        
}
.orderformtr div{ /* all of child divs of orderformtr (caption divs and input divs)*/
	float: left;
	margin: 1px 0 0 0;
	width: 41%;
}
* html .orderformtr div{ /* all of child divs of orderformtr for IE (it doesn't include padding to box size) */
	overflow: hidden;
	padding: 3px 5px;
}
#eniro1
{
    position:relative;
    left: 5px;
    top: 410px;  
    width: 500px;  
    z-index: 1000;
    font-size:12px;
}
#eniro2
{
    position:relative;
    left: 5px;
    top: 97px;  
    font-size:12px;
    z-index: 1000;
    width: 500px;
}
#ocdextradiv1
{
	/*margin-bottom: 48px;*/
}
#ocfcustomername,#ocfemailaddress,#ocfaddress,#ocfzipcode,#ocfcityplace,#ocftelephone,#ocftelefax,#ocfpayment,#ocfdeliverydate,#ocfdeliverytime,#ocfdepartment,#ocfdeliveryaddress,#ocfdeliveryzipcode,#ocfdeliverycityplace,#ocfcompanyname,#ocfcustomerlastname,#ocfdeliveryname,#ocfdeliveryphone{
	/* elements which holds inputs and combobox */
	width: 58%;
	float: right;
	clear: right;
	height:20px;
}
#ocfcomments
{
	width: 58%;	
	height: 100px;
	padding-left : 4px;		
	margin-bottom: 10px;
}
#ocdcomments
{
	height: 100px;	
}
#ocfcompanycard,#ocfutlopsdato,#ocfkostnadsreferanse
{	
	display: none;
	width: 58%;		
	height: 20px;	
	padding-left : 4px;	
}
#ocdcompanycard,#ocdutlopsdato,#ocdkostnadsreferanse
{
	color: #FFFFFF;	
}
textarea.ordercustform
{
	height: 100px;	
}
#ocfextradiv1,#ocfextradiv2
{
	display: none;	
}
.cartformbottom, .cartbigbottoml{ /* container with buttons (bottom) */
	width: 500px;	
	display: inline-block;
	margin:5px 0 0 0;
}
.cartbigbottomback,.cartbigbottommore,.cartformbottomsend{ /* bottons: "<< Tilbake", "Fortsett a handle", "Send bestilling >>" */
	float: left;
	display: inline-block;
}
.cartbigbottomnext{
	float:right;
	margin:0 10px 0 0;
}

/***********************************************************************************************************************************/
/* order page 2 (some elements are in "order page") */
.ordercust{	/* contains customer data and webshop title */
	width: 500px;
	margin: 4px 0 0 10px; 
}
.ordercust div {
	display: block;
	position:static;
}
.ordercusttr{
	position:relative
}
.ocordercomments1{ /* header with webshop title */
	float: left;
	clear: both;
	width: 100%;
}

#oczipcode, #ocdeliveryzipcode, #occustomername, #occpayment, #occdepartment, #occdeliverytime, #occcompanycard,#occutlopsdato,#occkostnadsreferanse, #occdeliverydate
{	
	float: left;
	clear: right;
}
#octelephone,#octelefax{
	top: 490px; left: 600px;
	position: absolute;
	display: block;
}
#ocemailaddress{
	top: 510px; left: 600px;
	position: absolute;
	display: block;
}
#occtelephone,#occtelefax,#occcustomerlastname, #occemailaddress, #occdeliveryaddress, #occdeliveryzipcode, #occdeliverycityplace, #occdeliverydate, #occdeliverytime,#occdeliveryphone{ /* telefon, telefax caption */
	display: none;
}
.orderprod{	
	width: 510px;
	left: 10px;
    position: relative;
    top: 4px;      
}
.orderline,.ototalsum{
	display: table;
	float: left;
	clear: both;
	width: 100%;
}
* html .orderline,* html .ototalsum{/* IE */
	display: block;
}
.orderlinetr div,.ototalsumtr div{
	display: table-cell;
	line-height: 2em;
	border-collapse: collapse;
}
* html .orderlinetr div,* html .ototalsumtr div {/* IE */
	display: block;
	float: left;
}
.opquantity{width: 40px}
.opproductdesc{width: 260px}
.opprice,.oplinesum{width: 90px}
.ototalsumtx{width: 390px}
.ototalsump{width: 90px}
.ocordercomments2, .ocordercomments3{
	width: 500px;
}
.cartformbottom .cartbigbottomback{
	margin:20px 0 0 20px;
	float:left;
}
.cartformbottom .cartbigbottommore{display:none}
.cartformbottom .cartformbottomsend{
	margin:20px 20px 0 0;	
	float:right;
}
/***********************************************************************************************************************************/
/* search for product result page */
.fieldheader{ /* header with field names */
	display:table-header-group;
	width: 510px;
	float:left;
}
.fieldheadertr{/* inner container in header */
	padding: 0 0 0 4px;
}
.fieldheadertr div {
	display:table-cell;
}
* html .fieldheadertr div {/*IE*/
	display:block;
	float:left;
}
.renderlisttr{ /* inner container in row */
	display: table;
	padding: 0 0 0 4px;
}
.renderlisttr div{
	display:table-cell;
}
* html .renderlisttr div {/*IE*/
	display:inline;
}

.fieldthumbnailpic,.spanpicture{/* 1 column - thumbnail */ /* box which holds picture in result row */
 	width:65px;
}
.fieldproductident, .spanproductident{ /* 2 column - product id */ /* box which holds product id in result row */
	width:120px;
}

.fieldcart,.spancartinp,.spancart{ /* 3 column - cart */ /* box which holds input with amout of product in result row */ /* box which holds image of cart in result row */
	display:none !important;
}
.fielddescription,.spandesc{/* 4 column - name */ /* box which holds descriptions 1 and 2 in result row */
	width:220px; 
}
.fieldunit, .spanunit{ /* 5 column - unit */ /* box with unit in result row */
	display:none !important;
}

.fieldprice, .spanprice{ /* 6 column - price */ /* box with price in result row */
	width:90px;
}

.renderlist2, .renderlist1{ /* row with result - odd */ /* row with result - even */
	display:table;
	width:510px;
	float:left;
	clear:both;
	table-layout:fixed;
	empty-cells:show;
}

/***********************************************************************************************************************************/
#newsframe, #newskam{	
	position : absolute;	
	margin: 10px 0 0 0;
    width: 200px;
	_height: 400px;
	min-height: 400px;
}
#newsframe
{
	top: 475px;
	left: 755px;
}
#newskam
{
	top: 275px;
	left: 755px;
}
#newsframe iframe {width:95%;height:75%}
#newskam iframe {width:95%;height:95%}
#mailinglist
{
	position : absolute;
	display : block;
	top: 665px;
	left: 755px;	
}
.cartbigsummva, .cartbigmvatxt, .cartbigmvav
{
	display: none;	
}
.ototalsummvatxt, .ototalsummvav, .ototalmvatxt, .ototalmvav
{
	display: none;	
}