/***********************************************************************************************************************************/
/* main html elements */
body{
	font-size:11px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;    
	background: #F7C8AC url('design/background.jpg') no-repeat top center;
   
}
img{
	border:none
}
a,a:visited{
	color: #000;
    text-decoration: none;
}
a:hover,a:active{
	text-decoration: underline;
}

/***********************************************************************************************************************************/
/* background */
#topdocument{
}
/***********************************************************************************************************************************/
/* 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:Verdana;
    font-size:11px;
}
input.soek, input.logon{ /* search input and inputs: login, password */
	border: 1px solid #cecece;
	color:#726459;
    font-size: 11px;
    font-family: Verdana, Tahoma, Arial;
    background-color: #fff;
    height: 18px;
    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/top_banner.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;
}
.topmenu,.topmenu:active,.topmenu:visited{ /* a element in menu */
    color: #fff;
    font-size: 90%;
    font-weight: bold;
}

/***********************************************************************************************************************************/
/* cart on top banner */
.news
{
	
}
#newsheadkam
{	
	background : url('design/kampanje_topp.gif');
	background-repeat : no-repeat;	
	margin-left : 0px;	
	height: 45px;	
	width : 215px;		
}
.newshead
{	
	background : url('design/nyheter_topp.gif');
	background-repeat : no-repeat;
	margin-left : 1px;	
	height: 50px;	
	width : 215px;		
}
#newsframetrkam
{
	background : url('design/kampanje_bg.gif');
	background-repeat : repeat-y;	
	padding-left : 5px;	
	padding-right : 5px;	
	height : 130px;	
	width : 211px;	
}
.newsframetr
{
	background : url('design/kampanje_bg.gif');
	background-repeat : repeat-y;	
	padding-left : 5px;	
	padding-right : 5px;	
	height : 100px;	
	width : 211px;	
}
.newsiframe
{
	background : transparent;
	width : 180px;		
	margin: 0 0 0 0;
	padding : 0 0 0 0;
}
.newsbottom
{	
	background-image : url('design/kampanje_bunn.gif');	
	background-repeat : no-repeat;
	height: 10px;	
	width : 211px;
}
.carthead{ /* cart header - "Handlekurv" text */
	float:left;
	background: url('design/hk_topp2.gif') no-repeat top left;
	margin:0;
	padding:0;
	color: #000;	
}
div.cart{ /* cart main container (except header)*/
	float:left;
	margin: 0;
	padding: 5px 0;
	background: url('design/right_bg.gif') repeat-y top left;
}

.cartpwrap,.cartqwrap{
	width:100%;
	padding:2px 1px;
	/*margin:2px 0;*/
}
.cartsmallqtxt,.cartsmallptxt{ /* captions in cart container*/
	text-align:right;
	width:90px;
	float:left;
	color:#545353;
	margin:1px 0;
}
.cartsmallq,.cartsmallp{ /* data in cart container */
	text-align:left;
	width:60px;
	border:1px solid #b6b6b6;
	margin:1px 0 1px 15px;
	float:left;
	padding:0 2px;
	height:17px;
	
/*
	text-align: right;
	margin: 5px 5px 0 0;
	line-height: 15px;	
*/
}
.cartbottom{
	float:left;
	padding: 0;	margin:0;
	background: url('design/right_bunn.gif') no-repeat top left;
}

#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;
}
.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: bold;
}
.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: Verdana;
    vertical-align: middle;    
    padding-bottom: 20px; 
    background-color: #fff;
}

#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:#000;
	background-color : #FFFFFF;	
	padding:.5em 5px;
}
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}
/**/

/***********************************************************************************************************************************/

.rendermenu1,.rendermenu2{ /* main boxes of product */
	border: 1px solid #b6b6b6;
}
.rendermenudesc
{
	color: #FF1F1B;
}
.prodlinkdm, .prodlinkdm:visited,.prodlinkdm:hover
{
	font-size : 10px;
	font-weight : bold;
	color: #FF1F1B;	
}
/* product box */
.renderbox1,.renderbox2,.renderbox3{ /* main boxes of product */
	border: 1px solid #b6b6b6;
}
.boxpicture{ /* holds product image */
}
.boxdesc{ /* container which holds product name */	
}
#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) */
}
.boxprice{ /* contains price value */	
}

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


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

.singlepicture{/* box with picture */
    vertical-align: middle; 
    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:#726459;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}
.singleproductidentv,.singleunitv,.singlepricev{/* attributes data */
	color:#726459;
	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: #f02d1f;     
    font-size: 12px;
    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:#726459;
}

/***********************************************************************************************************************************/
/* 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;
}
.cartheadertr div { /* every div in cart header */
	color:#000;
}
.cartbigheadthumbnailpic,.cartbigthumbnailpic{/* first column header */
	text-align: right;
	color:#606060;
}
.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 */
	margin-top : 5px;
}
.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 20px;
	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:#F17531;
	font-weight:bold;
}
.cartprodlinkd:hover{
	color:#000;
}
/***********************************************************************************************************************************/
/* 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: 5px 10px 0 0;
	vertical-align: middle;
	font-weight: bold;	
	text-align: right;
	padding-right: 10px;
}
.ncfdiv{ /* container with input */
	margin: 5px 10px 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 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:#606060;
}
.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: #faa332;   
    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;
}
#ocfcustomername,#ocfemailaddress,#ocfaddress,#ocfzipcode,#ocfcityplace,#ocftelephone,#ocftelefax,#ocfpayment,#ocfdeliverydate,#ocfdeliverytime,#ocfdepartment,#ocfdeliveryaddress,#ocfdeliveryzipcode,#ocfdeliverycityplace,#ocfcompanyname,#ocfcustomerlastname,#ocfcompanycard,#ocfutlopsdato,#ocfkostnadsreferanse,#ocfdeliveryname,#ocfdeliveryphone{
	/* elements which holds inputs and combobox */
	text-align: left;
	font-weight: normal;
	padding:0;
}
#ocdextradiv1,#ocdextradiv2
{
	display: block;
	position :relative;
	left : -60px;
	background-color: #faa332;  	
	width: 500px;
	font-weight : bolder;	
}
#ocdextradiv1{margin : 10px,0,50px,0;}
#ocdextradiv2{margin : 10px,0,10px,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;	
}

.cartbigbottomback,.cartbigbottommore,.cartformbottomsend,.cartbigbottomnext{ /* bottons: "<< Tilbake", "Fortsett a handle", "Send bestilling >>" */
	text-align: center;
}
.cartbigbottomnext a span{display:none}
.cartbigbottomnext a {
	background:url('dep/neste.gif') no-repeat center center;
	display:block;
	width:59px;height:21px;
}
.cartbigbottommore a span{display:none}
.cartbigbottommore a {
	background:url('design/lukk.gif') no-repeat center center;
	display:block;	
	width:59px;height:21px;
}
.cartbigtop,.cartorderconfirmhead,.cartformhead{
	border-bottom:1px solid #F17531;
}

/***********************************************************************************************************************************/
/* 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-weight: bold;
	font-size: medium;
}
.occdeliveryname, .ocdeliveryname, .occextradiv1{ /* customer name */
	font-weight: bold;
	font-size: 1.1em;
}
#occdeliveryname,#ocdeliveryname, #occompanyname, #occextradiv1, #ocpayment, #occpayment
{
	margin: 5px 0 0 0;
}
#occomments
{
	font-style : italic ;	
}
#occextradiv1,#occdeliveryname
{
	display: block;
	position :relative;
	left : -10px;
	background-color: #faa332;  	
	width: 500px;	
}
.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 {
	font-weight:bold;
	color:#F17531;
}

.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{
	border-bottom:2px solid #f17531;
}

.fieldheadertr div { /* containers in header */
	color:#606060;
	font-size:11px;
	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:#f17531;
	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 solid #b7b7b7;
	padding:2px 0;
}

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