/***********************************************************************************************************************************/
/* main html elements */
body{
	font-size:10px;
    color: #000;
    font-family: Arial,Verdana, Helvetica, Sans-Serif;    
	background-image: url(../design/bakgrunn.jpg);
    background-repeat:repeat-x;       
}
body.firma{
	font-size:10px;
    color: #000;
    font-family: Arial,Verdana, Helvetica, Sans-Serif;    
	background-color :White;     
}

TABLE
{
    FONT-SIZE: 10px;    
    MARGIN: 0px;
    COLOR: #000000;       
    FONT-FAMILY: arial,verdana, helvetica, sans-serif;    
}
img{
	border:none
}
a,a:visited{
	color: #000;
    text-decoration: none;
}
a:hover,a:active{
	text-decoration: underline;
}

/***********************************************************************************************************************************/
/* background */
#topdocument
{
	z-index: 0;
}
/***********************************************************************************************************************************/
/* common html elements: inputs and so on */
input.singlerender{/* input with amount of product added to cart */
	width:25px;
    text-align: left; 
	background-color: #fff;
	margin: 0 10px 0 0;
    color: #444;
    font-family:arial;
    font-size:11px;
}
input.soek, input.logon{ /* search input and inputs: login, password */
	border: solid 1px #cccccc;
	color:#726459;
    font-size: 10px;
    font-family: Arial,Verdana, Tahoma;
    /*background-color: #D8D8D8;*/
    height: 20px;
    padding: 2px;
   	vertical-align: middle;
   	margin:0;
}
input.logon{ /* inputs: login, password */
    width: 100px;
    margin: 1px 0;
}
input.bigcart{ /* input with product amount in cart row */
    background: #fff;    
    margin: 0;
    color: #444;    
    width: 20px;  
    height: 18px;
    text-align: right;
    border: 1px solid #ccc;
}
input.newcustform,.ordercustform{ /* input with data on customer page; ordercustform - inputs (and combobox) on order page */
	border: 1px solid #cecece;
    background: #fff;    
    margin: 0;
    color: #726459;    
    width: 190px;  
    height: 17px;
    text-align: left;      
    font-size:11px;
}
select.ordercustform{ /* combobox on order page */
    font-size: 11px;
    font-family: Arial;          
}
/***********************************************************************************************************************************/
/* design elements */

/* main container */
#content{
	background-color: #fff;
}

/***********************************************************************************************************************************/
/* top menu (top logo with Forside, Logg inn and so on inside) */
#topmenu{
    background:transparent url('../design/topp6.jpg') no-repeat top left;
}

.link-list{
	list-style:none; padding:0; margin:0; display:block;
	width:888px;
	color:#726459;
}
.link-list li{display:inline;padding:0;margin:0}
.link-list li:before{content: " | "} /*it does not work in IE*/
.link-list li:first-child:before{content:""}
/*IE workaround*/
/*All IE browsers*/
* html .link-list li{
	background-image: url('design/v_line.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0.5em 0 1em;
	margin: 0 1em 0 -1em;/*negative left margin to hide first vertical line in IE*/
}

/*Win IE browsers - hide from Mac IE\*/
* html .link-list {height: 1%}
* html .link-list li{display: block; float: left}
/*End hide*/
/*Mac IE 5*/

* html .link-list li:first-child {background-image: none}
.link-list li a, .link-list li a:visited {
	text-decoration: none;
	padding: 3px;
	color: #726459;
	font-weight: bold;
}
.link-list li a:hover, .link-list li a:active{
	text-decoration: none;
}


.toplinks div {	
    font-size: 11px;
	/*background-color: #DA0000;	*/
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: solid 1px Gray;
}
.topmenu,.topmenu:active,.topmenu:visited{ /* a element in menu */
    color: Black;
    font-size: 90%;
    font-weight: bold;
}

/***********************************************************************************************************************************/
/* cart on top banner */
#diverse
{

}
.carthead{ /* cart header - "Handlekurv" text */
	text-align: center;
	padding:0px;
	z-index: 500;
	background-image: url(../design/topbox.jpg);
	color:White;

}
div.cart{ /* cart main container (except header)*/
	float:left;
	margin: 0;
	padding: 5px 0 0 5px;
	background-image: url(../design/bakgrunn_sok.jpg);
	z-index: 500;
}

.cartpwrap,.cartqwrap{
	width:100%;
	padding:2px 1px;
}
.cartsmallqtxt,.cartsmallptxt{ /* captions in cart container*/
	text-align:left;
	width:90px;
	float:left;
	color:#fff;
	margin:1px 0;
}
.cartsmallq,.cartsmallp{ /* data in cart container */
	text-align:left;
	color: #fff;
	width:45px;
	margin:1px 0 1px 0px;
	float:left;
	padding:0 2px;
	height:10px;
	
}
.cartbottom
{
	color: #000;
	text-align: center;
	padding: 0;	margin:3px 0 0 0;
	background: url('design/right_bunn.gif') no-repeat top left;
}
#cartbottom .topmenu, .cartsmallqtxt, .cartsmallq, .cartsmallptxt, .cartsmallp 
{color: #000;}/* textcolor in small cart*/

#cart-link{
	float:left;
	width:99%;
	text-align:center;
	margin:5px 0 0 0;
}
#cart-link a {
	color:#F17531;
	font-weight:bold;
	text-decoration: none;
}
#cart-link a:hover{
	color:#000;
}
#cart-link a:visited{
	color:#F17531;
}

/***********************************************************************************************************************************/
/* left menu (tree menu) */
#mainmenu ul{
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}
#mainmenu ul li {
	font-size: 10px;
	color: #606060;
}

.ul{
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}
#ul li {
	font-size: 10px;
	color: #606060;
}

.kampanje{
	color:#7996A8;
}
#cardsthumbs{
	padding: 15px 0 0 0;
}
#menu-background-text{
	background: url('design/meny_topp.gif') no-repeat top left;
	height:66px;
	margin:0;
	padding:0;
	line-height:0;
}
#menu-background{
	float:left;
	height: 100%;
	margin: 0;
	padding: 15px 0 0 20px;
	background: url('design/meny_bg2.gif') repeat-y top left;
	font-size: 10px;
	width: 195px;
}
#menu-footer{
	background: url('design/meny_bunn.gif') no-repeat top left;
	height:11px;
	line-height:0;
}

#menu-background-text,#menu-background,#menu-footer{
	clear:both;
}

#menu-background img {display:none}
/***********************************************************************************************************************************/
/* specified html elements with classes or elements which inherit */
/*
#topmenu a, #topmenu a:visited{
	color: #fff;
}
*/
/* tree menu item */
.mainmenuopen, .mainmenuclosed{
    border: none;  
    color: #000;
    padding: 0 0 3px 0;
    cursor: pointer;/* pointer here has no sens because it's div element which has img inside and there's no action when one clicks on img...*/
}
.mainmenuopen, .mainmenuclosed{
	font-weight: normal;
}
.submenuopen, .submenuclosed{
	font-weight: normal;
}

/***********************************************************************************************************************************/
/* element with search input and button */
#divsearch img{vertical-align:middle}
button.cart
{
	border: none;
}
/* look on top of this file -> input.soek */

/***********************************************************************************************************************************/
/* main container - content + breadcrumbs */
#render{
    font-family: Arial;
    vertical-align: middle;    
    padding-bottom: 20px; 
    background-color: Aqua 
}

#render H1{ /* header level 1 in render container */
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 2px;
    color: #5a5a5a;
    
}
/***********************************************************************************************************************************/
/* breadcrumbs */
.breadmain{
	text-align: left;			
	color:White;
	background-color : #D8D8D8;	
	padding: 0 0 3px 3px;	
}

div.breadcrumbs{display:inline;white-space:nowrap;}
div.breadcrumbs:before {content: "\0020 \0020 \0020 \00BB \0020"}/*it does not work in IE*/
/*all IE browsers*/
* html .breadcrumbs {
	background:transparent url('design/breadcrumb-spacer.gif') no-repeat left center;
	padding: 0 .5em 0 1em;
	margin: 0 .5em 0 -1em;/*negative left margin to hide first >> in IE*/
	
}
/* don't remove comments below! */
/*\*/
* html .breadcrumbs{height: 1%;}
* html .breadmain:first-child{background-image:none;}
/**/

a.breadcrumbs
{
    color:White;
}
a.breadcrumbs:visited
{
    color:White;
}
/***********************************************************************************************************************************/
/* product box */
.renderbox1,.renderbox2,.renderbox3{ /* main boxes of product */
	border: 1px solid #b6b6b6;
}
.boxpicture{ /* holds product image */
}
.boxdesc{ /* container which holds product name */	
	font-weight: bold;
	font-size: 13px;
}
.boxdesc a:hover{
	color:#000;
	text-decoration:underline;
}
#boxdesc1, #boxdesc2, #boxdesc3{/* specified boxes with product name (3 first boxes from top) */
}
#boxdesc1{ /* first the widest box */
}
#boxdesc2, #boxdesc3{ /* 2nd and 3rd boxes (with the same width) */
}
div.boxprice{ /* contains price value */
	color : #ea0107;
	font-size: 14px;	
	font-weight: bold;
	padding: 10px 0 0 0;
}

.prodlinkd, .prodlinkdb{ /* product link - a element with product name */
}


/***********************************************************************************************************************************/
/* one product */
.rendersingle{/* container with product details and image */	
    border: 1px dashed #B7B5B6;
    background-color: #fff;
}
.divmulitpic{/* container with pictures and arrows: < and  > */    
}

.singlepicture{/* box with picture */
    vertical-align: top; 
    cursor: pointer;
    text-align: center;
}
.singlebigpicture{/* container with picture that shows after click on small picture */	 
	text-align: center;
}
.mulitpicturepre,.mulitpictureaft{/* boxes which holds arrows images */
    vertical-align: middle;
}
.mulitpicturepre{/* box with left arrow */
	text-align:right;
}
.singleproductidenttxt, .singleunittxt, .singlepricetxt{/* attributes captions */
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}
.singleproductidentv,.singleunitv,.singlepricev{/* attributes data */
	color:#000;
	font-size:10px;
}

.singlepricetxt,.singlepricev{/* price caption and value */
    font-weight: bold;    
}
.singlecarttxt,.singlecartinp,.singlecartinp *,.singlecartv,.singlecartv *{/* these elements hold text, input and cart image and everything inside those elements*/
	vertical-align:middle;
}

.singledesc{/* product name */
    color: #000;  
    background-color: #D8D8D8;
    font-size: 16px;
    font-weight: bold;
}
html:not([Opera]) .singledesc{}/* Gecko based browsers hack*/

.singlelongdesc{/* box with description of product */
	
    border-top: 1px solid #b6b6b6; 
	margin: 10px 0 0 0;
	padding: 0 0 15px 0;
	font-size:10px;
	color:#000;
}
*html .singlelongdesc{margin-top: 150px;} /* IE fix */
/* start lagt til for tekst fra editor*/
.menumaintext
{
	position : relative;	
	top: 20px;	
	left: 10px;		
	width : 580px;
}
.menuintrotext
{
	position : relative;	
	top: 20px;
	margin-bottom : 20px;	
	left: 10px;		
	width : 500px;		
}
/* slutt lagt til for tekst fra editor*/
/***********************************************************************************************************************************/
/* login page */
#divlogon{/* contains login elements (login text, name, password, button) */   
	text-align:center;
}
.divlogonf{
	padding: 60px 0 0 0; /* child of #divlogon which indeed holds login elements */
}

#divlogon H4{ /* header level 4 in divlogon container with text: "Logg pa" */
	font-size: 16px;
	margin: 0 0 20px 0;
}
/* look on the top of the page -> input.logon */

#divlogonf a {font-size: 90%}/* link under text: "Glemt brukernavn eller passord?" */

/***********************************************************************************************************************************/
/* cart view */
div.cartheader{	/* header of list items in cart */
    vertical-align: middle;
    text-align: left;
    padding: 2px 1px;
    border-bottom:1px solid #B7B7B7;
    background-color: #E2E2E2;
}

.cartheadertr div { /* every div in cart header */
	color:#000;
}
.cartbigheadthumbnailpic,.cartbigthumbnailpic{/* first column header */
	/* invisible */
}
.cartbigheadcart,.cartbigwcart{ /* 2nd column in header */
	/* invisible */
}
.cartbigheadproductdesc,.cartbigd,.cartbigsum{ /* 3nd column in header + footer data*/
	padding: 0 0 0 5px !important;
}
.cartbigheadprice,.cartbigprice{ /* 4th column in header */
	text-align: right;
	color:#606060;
}
.cartbigheadlinesum,.cartbiglinesum{ /* 5th column in header */
	text-align: right;
	color:#606060;
}
.cartbigheaddelete,.cartbigdelete{ /* last column in header */
	text-align: center;
}
.cartbig{ /* row in cart table view */
}
.cartbig div { /* every div in row in cart table view */
	margin: 0; 
	vertical-align: middle;/* every browser except IE */
	border-spacing: 0;
	padding: 2px 0;
}
/* look on the top of this file -> input.bigcart */
.cartbigsum{ /* row of footer in cart table */
	text-align: right;
	margin: 5px 0 0 0;
}
.cartbigsum div { /* cells in row of footer in cart table */
	margin: 0 0 0 30px;
	font-weight: bold;
	color:#606060;
	text-transform:uppercase;
}
.cartbigsumtxt:after{content:": KR."}
.cartbigbottom{ /* cell with delete image in */
	text-align: center;
	margin: 5px 0 0 0;
}

.cartprodlinkd{
	color:#000;
	font-weight:bold;
}
.cartprodlinkd:hover{
	color:#000;
}
div.cartbigbottomlinks
{

}
/***********************************************************************************************************************************/
/* customer page */
#newcusthead{ /* header of cusomer data with text: "Fyll inn de nodvendige opplysningene. Alle felter er pakrevet !" */	
    font-size: 90%;
}
.customerform{ /* div which holds captions and inputs of customer data */	
    padding: 2px 0 0 0;
    font-size: 90%;
}
.ncddiv{ /* container with caption */
	margin: 2px 0 0 0;
	vertical-align: middle;
	font-weight: bold;	
	text-align: right;
}
.ncfdiv{ /* container with input */
	padding: 0px 0 0 0; 
	margin: 2px 0 0 0;	
	vertical-align: middle;
}
/* look on the top of this file -> input.newcustform */
.newcustformbutton{ /* buttons below form */
	border: 1px solid #000;
	background-color: #fff;
    margin: 0;
    color: #444;    
    width: 100px;  
    text-align: center;      
}
/***********************************************************************************************************************************/
/* order history page */
.orderhisttxttr{/* inner container in header */
border-bottom: dashed 1px #cccccc;
}
.orderhisttxttr div {
	color:#000;
	font-size:11px;
	text-transform:uppercase;
	font-weight: bold;
	padding: 0 0 5px 0;
	width: 150px;
}
.orderhisttxt{ /* header with field names */
	display:table-header-group;
	width: 590px;
	float:left;
}
.orderlistline
{	
	width: 590px;
}
.orderlistlinetr{/* inner container in header */
	line-height: 20px;
}
.orderlistlinetr div{
	width: 150px;/*060606*/
}
div.ordertotalsum
{ 

}
.ordertotalsumtr
{
	width: 500px;
	border-top: dashed 1px #cccccc;
	font-weight: bold;
}
.ordertotalsumtr
{}
.oltotalsum
{
	width: 145px;
	float: right;
	padding: 5px 0 0 0;
}
.oltotalsumtx
{
	float: left;
	padding: 5px 0 0 0;
}
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* order page */
.cartformhead, .cartorderconfirmhead, .cartbigtop{ /* headers with text f.e. "Steg 1 av 3: Handlekurv - Registrering - Ordrebekreftelse" */
	text-align: center;
	padding: 6px 0;
}
.cartformhead div, .cartorderconfirmhead div, .cartbigtop div{ /* parts of text "Steg 1 av 3: Handlekurv - Registrering - Ordrebekreftelse" */
	padding: 0 3px;
	color:#000;
}
.cartbigstep{ /* element which contains specified step of order procedure */
	font-weight: bold;
	font-size: 12px;
}
.cartformheadtr{ /* line with text: "Sjekk skjema og trykk "Send bestilling" for a ga videre" */
	background-color: #d8d8d8;  
    height: 18px;
    padding: 2px 0 2px 5px;
    margin: 16px 0 0 0;
	text-align: left;
	font-weight: bold;
}
.orderform{	/* this box holds captions and inputs (+ one combobox) */
    padding: 20px 0 0 0;     
}
.orderformtr div{ /* all of child divs of orderformtr (caption divs and input divs)*/
	text-align: left;
	height: 20px;
}
* html .orderformtr div{ /* all of child divs of orderformtr for IE (it doesn't include padding to box size) */
	overflow: hidden;
	padding: 3px 5px;
}
#ocfcompanyname, #ocfcustomername,#ocfemailaddress,#ocfaddress,#ocfzipcode,#ocfcityplace,#ocftelephone,#ocftelefax,#ocfpayment{
	/* elements which holds inputs and combobox */
	text-align: left;
	font-weight: normal;
	padding:0;
}
/* look on the top of this file -> ordercustform and select.ordercustform */
.cartformbottom{ /* container with buttons (bottom) */
	text-align: center;
	line-height: 15px;
	background-color: #fff;	
}
.cartbigbottommore a:hover,.cartbigbottommore a:active,.cartbigbottommore a:visited {
	color:#000;
}

.cartbigbottomback,.cartbigbottommore,.cartformbottomsend,.cartbigbottomnext{ /* bottons: "<< Tilbake", "Fortsett a handle", "Send bestilling >>" */
	text-align: center;
	cursor: pointer;
	border: solid 1px #cccccc;
	/*height:25px;*/
	width: 120px;
	padding: 0px;
}

.cartbigbottomnext a 
{
	/*background:url('dep/neste.gif') no-repeat center center;*/
	display:block;
}
.cartbigtop,.cartorderconfirmhead,.cartformhead{
	
}

/***********************************************************************************************************************************/
/* order page 2 */
.ordercust{	/* contains customer data and webshop title */
    border-bottom: solid 1px #B7B5B6;     
}
.ordercust div {
	line-height:1.5em;
}
.ocordercomments1{ /* header with webshop title */
	padding: .7em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #ccc;	
	text-align: center;	
	font-size: medium;
	font-weight: bold;
}
html:not([Opera]) .ocordercomments1{font-size: 16px;}/* Firefox*/
.occustomername{ /* customer name */
	font-weight: bold;
	font-size: 1.1em;
}
#ocdcompanyname,#ocdcustomername,#ocdemailaddress,#ocdaddress,#ocdzipcode,#ocdcityplace,#ocdtelephone,#ocdtelefax,#ocdcomments, #ocdpayment, #ocdpassword, #ocdpassword2{
	/* names before inputfields */
	font-weight: bold;
	text-align: right;
}
.orderprod{	
    padding: 2px 0 0 0;    
    border-bottom: 1px solid #c0c0c0;     
}
.orderline,.ototalsum{
	border-collapse: collapse;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}
.orderlinetr div,.ototalsumtr div{
	line-height: 2em;
	border-collapse: collapse;
}
.opquantity,.opproductdesc{
	text-align: left;
}
.opprice,.oplinesum,.ototalsumtx,.ototalsump{
	text-align: right;
}
.ototalsumtr{
	border-top: 1px solid #ccc;
	font-weight: bold;
}
.ocordercomments2, .ocordercomments3{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;	
	text-align: center;
	font-weight: bold;	
}
.ocordercomments3{
	border: none;
	font-size: medium;
}

.cartformbottom .cartbigbottomback a {
	color:#000;
}

.cartformbottom .cartformbottomsend a span{
	/*display:none;*/
}
.cartformbottom .cartformbottomsend a {
	/*background:url('dep/send_bestilling.gif') no-repeat center center;
	display:block;
	width:120px;
	height:21px;*/
}

/***********************************************************************************************************************************/
/* search for product result page */
.fieldheadertr{

}

.fieldheadertr div { /* containers in header */
	color:#000;
	font-size:11px;
	font-weight: bold;
	/*text-transform:uppercase;*/
}
.renderlisttr div{ /* containers in row */
	vertical-align:middle;
	white-space:nowrap;
	color:#606060;
}
.spandesc a,.spandesc a:visited{/* descriptions 1 and 2 in result row */
	color:#000;
	font-weight:bold;
}
.fieldprice, .spanprice{ /* 6 column - price */ /* box with price in result row */
	text-align:right;
}
.renderlist2, .renderlist1{ /* row with result - odd */ /* row with result - even */
	border-bottom:1px dashed #b7b7b7;
	padding:2px 0;
}

/***********************************************************************************************************************************/
/* order frame */
.cartframe{
    font-size: 11px;
    margin: 0px;
    color: #000;
    background-color: #fff;
    font-family:  Arial,Verdana, Helvetica, Sans-Serif;
}