/* css */
html, body{ background: #78ccb4; }
body { 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  color: #62998b; 
  font-size: 12px; 
  font-weight: normal; 
  margin:0; 
  padding: 0; 
  /* background: #b1ccc3; */
  /* background: #a1dbf7; */
 }

h1, h2, h3, h4, h5, h6{ color: #508f7e;}
h1{ font-size: 16pt;}
h2{ font-size: 14pt;}
h3{ font-size: 12pt;}

a{ color: #508f7e; text-decoration: underline;}
	
.cr{ clear: both; height: 0; font-size: 0;}
.cr{ display: block; clear: both; font-size: 0; height: 0;}

img.teaser{ }
p.teaser{ font-style: normal; font-weight: 700;}
.title{ font-weight: 700; }

.line{ display: block; line-height: 1px; font-size: 0; height: 2px; margin-bottom: 8px; background-color: #daf1ea; }

.tdbak{ background: #bdd4cd; color: #fff; font-weight: 700;}

.active{ font-weight: 700; }
.pad{ padding: 0 16px;}
/************************************************************************
RAILS
************************************************************************/
  
.pageshader-outer{}
.pageshader-inner{ width: 999px; margin: 10px auto; text-align: center; }
.pageholder{ width: 900px; padding: 9px; margin: 0 auto; background: #fff; text-align: center; border: 4px solid #95baaf; }
.wrapper { margin: 0 auto; text-align: left; }

/*#wrapper-skygge { width: 900px; padding: 20px; float:left; background: #fff; border: 4px solid #95baaf; }
#skygge-venstre { width: 13px; height: 466px; background: url(images/skygge-venstre.png) no-repeat; float:left;} 
#skygge-hoyre { width: 13px; height: 466px; background: url(images/skygge-hoyre.png) no-repeat; float:left; } */

.header { height: 133px; width: 100%; background: url(images/bg-head.png) no-repeat; }


/* Kolonner */
.lc { float:left; display: inline; width: 240px; overflow: hidden; margin-right: 10px;}
.mc { float:left; display: inline; width: 650px; }
.rc { float:left; width: 240px; overflow: hidden; margin-left: 10px; }


/* Meny */

.nav-container { width: 100%;	height: 30px;	margin: 0;	line-height: 30px; }


/* Login */
.logginn { float:right; }
.logginn a{	color: #508f7e; font-size: 14pt; text-decoration:none; }

.product-menu {	margin: 20px 0 0 0;	}
.product-menu ul li a {	color: #508f7e;	}

.footer { width: 900pX; margin: 0 auto;	padding: 8px 0 0 0; font-size: 11px;	color: #e0e0e0; }

  .footer a { color: #508f9a; text-decoration:none;	}
  .footer a:hover { color: #ddd; }


  .footer-col-1{ float: left; width: 60%; text-align: left; }
  .footer-col-2{ float: right: width: 40%; text-align: right;}

/************************************************************************
HEAD
************************************************************************/
	
.heading { width: 980px; height: 112px; float: left; }
.search_basket { width: 239px; padding: 0 0 0 9px; height: 112px; float: left;}

	.search { width: 239px;float:left;padding: 36px 0 0 0;}
		input.search {width: 184px;height: 20px;float: left;background:url(images/input_sok.jpg) no-repeat top left;color:#fff;font-size: 11px;border:0;margin:0;padding:6px 0 0 9px;}
		input.btn_search {width: 43px;height: 27px;float:left;background:url(images/btn-sok.jpg) no-repeat top left;border:0;margin: 0 0 0 3px;padding:0;text-indent:-9999px;}
		
	p.handlekurv {color: #83c0c3; background:url('images/basket.gif') no-repeat 0 center; margin:10px 0 0 0; padding: 0 0 0 15px; font-weight:bold; float: left;}
	p.handlekurv a {color:#83c0c3;}
	p.handlekurv a:hover {color:#fff;}		
		
/************************************************************************
INTRODUCTION
************************************************************************/
.intro_pic { width: 650px; height: 407px; float: left; padding: 0 0 0px 0; clear:both; }
h2.intro { width: 400px; height: 77px; display: block; text-indent: -9999px; font-size: 0; /*background:url(images/h2_intro.png) no-repeat top left; */ }
	.intro_text {/*width: 650px;float: left;padding: 140px 0 0 30px; */}
	a.intro_produkter { width: 128px; height: 28px; display:block; float: left; margin: 34px 0 0 0; text-indent:-9999px; font-size:0; background:url(images/intro_produkter.png) no-repeat top left;}
	
.boxes{ width: 100%; padding: 0; float: left; display: inline; clear: both;}
.boxes .box { width: 213px; margin: 0px 0; padding: 10px; height: 135px; float: left; background: #bdd4cd; } 

.boxes .box-1 { width: 192px; }
.boxes .box-2 { width: 192px; margin-left: 7px;}
.boxes .box-3 { width: 192px; margin-left: 7px;}
.boxes .box-4 { width: 220px; margin-left: 10px; background:#62998b;}

  .box h2{ color: #508f7e; }
  
  .box-4 p{ color: #fff; }
  .box-4 h2{ color: #fff; margin-bottom:5px; }
  .box-4 .gruppe{ border:0; padding: 4px; float:left; width: 170px; }
  .box-4 table, .box-4 tr, .box-4 td{ vertical-align:text-top; }

/* slogans */
div.slogan-1,
div.slogan-2{ display: block; font-size: 34px; margin: 0; }

  div.slogan-1 { margin: 0 0 0px 0; }
  div.slogan-2 { margin: 8px 0 0 0; padding: 2px 8px 0 8px; }

    div.slogan-1 p,
    div.slogan-2 p{ margin: 0; padding:0; line-height: 1.4em; }

.spacing {}
    div.slogan-1 p{ color: #adcac1;margin:0;padding:0;}
    div.slogan-2 p{ color: #fff;}
    
    div.slogan-2{ background: #bdd4cd; }


/* news-list */
.news-list{}
  .news-list .lnk-img-teaser{ float: left; width: 30%;}
  .news-list img.teaser{ display: block; margin: 0 8px 8px 0; }
  .news-list .text-area{ float: left; width: 68%; *width: 67%; padding: 0 1%; }
    .news-list p.teaser{}
    
.news-list .box{ display: block; float: none; width: auto; margin: 0 0 9px 0; padding: 0; background: none;}    
.news-list h3{ margin-bottom: 4px;}  
.news-list .byline{ margin-bottom: 4px;}  

/* product-list */
.product-list{}
  .product-list .lnk-img-teaser{ float: left; width: 30%;}
  .product-list img.teaser{ display: block; margin: 0 8px 8px 0; }
  .product-list .text-area{ float: left; width: 68%; padding: 0 1%; }
    .product-list p.teaser{}
    
.product-list .box{ display: block; float: none; width: auto; margin: 0 0 9px 0; padding: 0; background: none; }    
.product-list h3{ margin-bottom: 4px;}  
.product-list .byline{ margin-bottom: 4px;}

.product-box-col-1,
.product-box-col-2,
.product-box-col-3{ float: left; }

.product-box-col-1{ width: 25%;}
.product-box-col-2{ width: 50%;}
.product-box-col-3{ width: 25%; *width: 24%; text-align: right; overflow: hidden; }

input.antall{
  width: 30px;
  margin: 0 8px;
  text-align: center; 
  padding: 0;
  border: 1px solid gray; }  



input.checkbox {float: right;margin: 8px 5px 0 0;}	
.box h5 {font-size: 12px;font-weight: bold;margin: 0 0 5px 0;}

/*.box a {color:#444444;}*/

/* small basket */
.small-basket{ 
  display: block; 
  overflow: hidden; 
  /*padding: 16px;*/}

  .small-basket img{ display: none;}  
  .small-basket .box-product-name{ font-weight: 700;}  
  
  .small-basket .box-product-count{ float: left; }  
  .small-basket .box-product-price{ float: left; }

  .small-basket .box-product-sum{}  
  .small-basket .box-product-remove{ float: right;}  
  .small-basket .box-product-message{}

  .small-basket .box-product-total{ /* text-align: right; */ border-top: 1px solid #daf1ea; padding-top: 4px;}  
  .small-basket .box-product-check-out{ margin-top: 8px; /*text-align: right; */}

.lc dl{ margin: 0;}
	
dt.title{ 
  padding: 6px 16px;
  color: #fff;
  font-weight: 700;
  background-color: #bdd4cd;}

/*.small-basket dt{ background: #bdd4cd url(images/ico-shopping.ico) 210px 50% no-repeat; }*/
.small-basket dt{ background: #bdd4cd url(images/ico-basket-savona-.gif) 210px 50% no-repeat; }
    

/* background-color: #daf1ea; 
background: #bdd4cd; color: #fff;  */

/************************************************************************
RC  - LC
************************************************************************/	
.index_prodbox { float: left; width: 239px; height: 95px; margin: 0 0 9px 0; padding:0; background:url(images/txt-product-bg.jpg) repeat-x top left; }
.index_prodbox .lastbox{ margin:0; }
	
.newsletter { width: 209px; height: 135px; padding: 20px 15px 15px 15px; background:#86c3c8; color:#fff; float:left; }

input.newsletter {width: 200px;height: 20px;margin:15px 0 0 0;padding:6px 0 0 9px;color:#fff;font-size:11px;border:0;background:url(images/input-newsletter.jpg) no-repeat top left;}
input.btn-send {width: 51px;height: 28px;margin:3px 0 0 0;padding:0;border:0;text-indent:-9999px;background:url(images/btn-send.jpg) no-repeat top left;float: right;}

	
/*.product_box {
	width: 208px!important;
	padding: 20px 15px 15px 15px;
	float: left;
	background:#666769; }
	
	h2.products { 
		width: 208px;
		height: 15px;
		background:url(images/h2_produkter.png) no-repeat top left;
		margin:0;
		text-indent: -9999px;
		padding: 0 0 13px 0; }
	
	ul.submenu {
		width: 208px;
		float:left;
		background: none;	
		margin:0;
    padding:0;
		list-style-type: none;}

	ul.submenu li {
		width: 208px;
		font-size: 14px;
		color: #86c4c8;
		font-weight: bold;
		float:left;
		background:url(images/submenu.gif) no-repeat top left;
		padding: 0 0 2px 15px;}
	
		
	ul.submenu li a {color: #86c4c8;}
	ul.submenu li a:hover { text-decoration: none;}
	
	ul.second {
		text-decoration: none;
		margin:0;padding:3px 0 3px 0;
		background: none;
		list-style-type: none; }
	
		ul.second li {padding: 0 0 0 10px;background:url(images/second.gif) no-repeat left center;font-weight:normal;font-size:12px;color:#fff;}
		ul.second li a {}
		ul.second li a:hover {}		
*/




/************************************************************************
PRODUCT LISTS
************************************************************************/	
.salg-false { display: none; }
.salg-true  {text-decoration: line-through; font-weight: normal; color: red; font-size: 9pt; }

/*
.mc-list { width: 712px; margin: 0px 0 0 0; padding: 20px 15px 15px 15px; float: left; color:#656668; background:#fff; }
	img.prodlist {float: left;margin: 0 12px 0 0;}

form, input { margin:0;padding:0;	}

	.prod_box { float:left; padding: 0 0 30px 0; margin:20px 0 0 0; }
	.prod_box h3 a {color:#474747;}
	.prod_box h3 a:hover {color:#86c3c8;}
	.prod_box p a {color:#86c3c8;}
	.prod_box h3 {font-size: 22px;color:#656668;margin: 0 0 5px 0;padding:0;line-height: 100%;}
	.prod_box p {line-height: 19px;}
*/
	.buy_details { height: 35px; border-top: 1px #e3e3e3 solid; border-bottom: 1px #e3e3e3 solid; margin: 0; padding: 5px 0; overflow: hidden; }
  	.buy_details p{ margin-bottom: 0; }
    .details_left  { float: left; width: 100px;}
  	.details_right { float: right; width: 500px; text-align: right;}

	/*input.handlekurv { width: 100px; margin: 0;}*/
	span.pris { color:#474747; font-size: 10pt; font-weight: bold; margin: 0 9px 0 0;}


/*
	input.antall {width: 38px;height: 28px;background:url(images/input-antall.jpg) no-repeat top left;border:0;margin:0px;padding:6px 0 0 0;text-align: center;}
	
	.product_details {width: 650px;float: left;border-top: 1px #e3e3e3 solid;border-bottom: 1px #e3e3e3 solid;margin: 30px 0 10px 0;padding: 13px 0 0px 0;}
	.product_details_left {width: 100px;float: left;}
	.product_details_right {width: 500px;float: right;text-align: right;height: 35px}
	img.product_view {float: left;margin: 0 25px 0 0;}
  td.product-details-quantity { padding-top: 4px; }
*/	
	
/************************************************************************
RELATERT
************************************************************************/	
.imagecontainer {
height: 149px; margin-bottom: 3px;  }


/*.relatert-item { float:left; width: 185px; height: 210px; padding: 20px; margin-right:10px; border: 1px solid #e3e3e3; } */
.nomargin { margin-right: 0px; }


/************************************************************************
PAGING
************************************************************************/	
/*#paging a.active-page { font-weight: bold; }*/

		
/************************************************************************
CLEARFIX
************************************************************************/	


.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }






