/* CSS Document   
/*  [Master stylesheet]  -------------------------------*/
/*   Project: Probike
/*   Version: 1.0
/*   First version: 27.may.08
/*   Made by EDB Totalpartner AS - www.edbtotalpartner.no
/*   Last change: 23.09.08 by Eivind Bergmann
/* -----------------------------------------------------*/
/*
 1. Reset default browser css
-------------------------------------------------------*/ 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body { line-height: 1.5; }




/*----------------------------------------------------------
 2.Typography     
   The font-size percentage is of 16px. (0.75 * 16px = 12px) 
-----------------------------------------------------------*/ 

body {
	font-size:75%;
	color:#111;
	margin-bottom: 250px; 
	font-family: Verdana, sans-serif;
	text-align: center; 	
	background:#fff url(images/bg.gif) repeat-x left top;
	}	
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 {text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; border: 0;
    /* font-size: 2em; line-height: 1; margin-bottom: 0.5em; color: #0067a7; */ }
h2 { font-size: 2.3em; margin-bottom: 0.2em; color: #df0116; line-height: normal;  }
h3 { font-size: 1em; margin-bottom: 0.5em; font-weight: bold;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.1em; }
h6 { font-size: 0.9em; font-weight: normal;  color: #898989; margin-bottom: 1.5em;  }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/*------------------------------------------------------
   Text elements
-------------------------------------------------------*/

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a           { color: #eb1c24; text-decoration: none; outline: none;}
a:visited   { color: #eb1c24; text-decoration: none; }
a:focus, 
a:hover     { color: #f3050e; text-decoration: underline; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em; line-height: 1.5; } 


/*------------------------------------------------------
   Layout
-------------------------------------------------------*/
#pageshader { background: url(images/tex-header-bg.gif) no-repeat center top; }
#pageholder {
	width: 935px;
	margin: 0 auto;
	 }

#wrapper {
	text-align: left; 
	}

#container {
	width: 697px;
	float: right; 
	font-family: Verdana;
	text-align: left; 
  }
	
/* Hides from IE-mac \*/
* html #container {height: 1%;}
/* End hide from IE-mac */	
	
.subpage #breadcrumb {
	height: 40px; 
	background: #e6e6e6; }
	
.subpage .mc h1 { 
	padding-top: 20px; }

#header {
 	height: 78px; overflow: hidden; }

#logo  { 
	float: left; 
	width: 220px;
	margin-right: 40px; 
	display: inline-block;  
	margin-top: 15px; }
	
.header-mc {
	float: left; 
	clear: right;
	width: 420px; 
	margin-right: 40px; 
	}
	
.header-mc p {


	display: none; }

.header-rc {
	float: right; 
	width: 210px; 	
	}
	
	
#breadcrumb {
	clear: both;
	height: 20px;   }
	
.produktside{
	font-size:0.9em;  }	
	
		
table.searchbox {
	padding: 15px 15px 0px 15px; }
		
#taskbar {}
	
#placeholder {}

.lc, .mc, .rc {}

.lc {
	width: 220px; 
	float: left; 
	clear: right; 	}
	
	.lc dt { text-transform: uppercase; }

.mc { 
	width: 402px;
	float: left; 
	clear: right;
	margin-top: 20px;  }

.mc_produkt { 
	float: left; 
	clear: right;
	margin-top: 20px;  }

.rc {
	width: 220px; 
	float: right;
	margin-top: 20px;  
	}

.mc-rc { /* Setter den totale bredden av mc+rc+220 + 2xmargin (18opx) */	
	float: right; 
	 }


.col-1, .col-2, .col-3 { width: 220px; margin-top: 9px;   }
		.col-1 {float: left; clear: right;}
		.col-2 {float: left; clear: right; margin-left: 18px; }
		.col-3 {float: left; margin-left: 18px; }
		.col-4 {width: 1px; float: right; height: 0; }
		
		.col-img { background: #fff; margin: 6px;	 }
		.col-content { /* height defined in ie.css */
			padding: 0 16px 10px 16px;	min-height: 115px; 	}

.col-1-product {
	width: 316px; 
	float: left; 
	clear: right; }
.col-1-product {
	font-style:italic; }

.col-2-product {
	width: 316px; 
	float: right; }
.col-2 h3 { font-size: 1em; margin-bottom: 0.5em; font-weight: bold;width: 142px;float: left;}

.lager {
	text-align: right;
	font-size: 0.8em; 
	margin: 0; 
	padding: 3px 0 3px 0; 
	clear: both;  }
	
.lager a, .lager a:visited {
	color: #000; }


.content {/* Content placeholder*/}


#footer { color: #a9a9a9;  font-size: 0.8em; margin: 0 0 100px 0; clear: both;   }
		#footer a, #footer a:visited {color: #eb1a22; text-decoration: none; }
		#footer a:focus, #footer a:hover {text-decoration: underline; }

		#copyright {
			float: left; 
			clear: right; 
			width: 690px; 
			margin: 0 10px 0 0; 
			padding: 10px 10px 0 0; 
			 }
		
		#credits {
			border-left: 1px solid #ddd; 
			width: 190px; 
			float: right;
			padding: 10px 0 0 20px;   }
		
		#credits a, #credits a:visited{	color: #a9a9a9; }
		#credits a:focus, #credits a:hover {color: #eb1a22; text-decoration: underline; }		
	
	
a.inline-font {
	margin: 3px 8px 0 8px;
	font-weight: normal; 
	  }
	
.content-sub {
	padding: 25px; }
.content-sub-header {
	padding: 25px 25px 15px 25px;
	border-bottom: 1px solid #e6e6e6;  }

.content-main {
	padding: 16px; }


.article-list {
	min-height: 86px; 
	margin-top: 1px; 
	margin-bottom: 1px;
	padding-bottom: 12px; 
	margin-bottom: 16px;  
	border-bottom: 1px solid #e6e6e6; }

.article-list p{
	width: 333px; 
	float: left;
	margin-bottom: 0;   }
	 
.article-list .thumb-picture{
	 width: 134px;  
	 height: 98px; 
	  border: 1px solid #e6e6e6; }
	  
p.article-list-mer {
	float: left; 
	margin-top: 4px; 
	margin-left: 150px;  }
	  
.thumb-picture{
	 float: left; 
	 width: 134px;  
	 height: 81px;
	 clear: right; 
	 margin-right: 15px;  
	  }
	  
	  
.thumb-picture a, 
.thumb-picture a:visited{
	 border: 1px solid #e6e6e6; }
	 
.thumb-picture a:focus, 
.thumb-picture a:hover{
	 border: 1px solid #0067a7; }	 
	 
	 

/*kampanje liste */

.article-list-border {
	padding:7px 10px;
	width:560px;
	margin-bottom:7px;
	border: 1px solid #cbe2ef; 
/*	overflow:hidden; */
	background-color:#fff;
	}


.article-list-border-logo {
	float:left;
	clear: right;
	background: #fff url(../images/default-article-list-pic.gif) no-repeat;  
	height: 86px; 
	width: 129px; 
	display: block;
	margin-top: 1px; 
	margin-bottom: 1px;
	padding-bottom: 1px;  
	}

/*------------------------------------------------------
   Graphical elements  
-------------------------------------------------------*/ 

.mc-banner {}

/*------------------------------------------------------
   General rules   
-------------------------------------------------------*/ 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove border on linked images. */
a img { border: none; }



/*------------------------------------------------------
   Newsticker 
-------------------------------------------------------*/ 
.newsticker-label {
	/*float: left; */
	clear: right;
	width: 120px; 
	color: #757f82; 
 	margin-top: 16px;
	font-weight: bold;  }
	
.newsticker-label span {
 }


.newsticker {
	overflow: hidden; 
	 width: 420px; 
	/* float: right; */
	 display: block; 		 
	margin-top: -24px;  }
	  
	  
.ticker-body {
	width: 500px; 
	color: #fff;
	display: block; 

	  }
	
.ticker-body span{
	margin-left: 20px; }
	
.ticker-body a,
.ticker-body a:visited {
	color: #fff;
	 }
	
.ticker-body a:focus,
.ticker-body a:hover {
	color: #fff;
	 }	

/*------------------------------------------------------
   Menus | Notes: Main menu = #menu
   				  Sub menu  = #Submenu	
                  Top menu  = #topmenu
				  		  
-------------------------------------------------------*/ 
#menu li.menu-first {
	background: url(images/tex-menu-spacer.gif) no-repeat left top; } /* Marks spacer in menu*/


ul#menu  {

	height:40px;
	font-size: 0.8em; 
	font-weight: bold; 
	margin: 0;
	padding: 0 0 0 2px; 
	background: url(images/tex-menu-spacer.gif) no-repeat left top; }


#menu li #menu ul, #menu li #menu ol {  
	margin:0; 
	 	}
#menu ul, #menu li { 
	margin: 0; 	}



#menu li {
	display:inline;
	}
	
#menu li a, 
#menu li a:visited {
	float:left;
	width:133px;
	text-align:center;
	height:28px;
	color:#000;
	background:url(images/menu-bg.gif) no-repeat right top;
	padding-top:10px;
	text-decoration:none; 
	font-size: 0.9em;  
	}
	
#menu li a:focus, 
#menu li a:hover {
	background:url(images/menu-bg.gif) no-repeat right -37px;
	text-decoration:none; 
	color:#000;
	}
#menu li a.active,
#menu li a.active:hover { 
	color:#000;
	background:url(images/menu-bg.gif) no-repeat right -76px;
	}

/* Sub navigation */
#submenu{
	padding-left: 0;
	margin-left: 0;
	margin-top: -1px; 
	border-bottom: 1px solid  #e6e6e6;
	width: 196px;
	}

#submenu li	{
	list-style: none;
	margin: 0;
	padding: 0.5em;
	border-top: 1px solid #e6e6e6;
	}

#submenu li a { 
	text-decoration: none;
	color: #111;  
	padding-left: 15px;  }

#submenu li a:focus,
#submenu li a:hover  { 
	text-decoration: underline;
	padding-left: 15px;
	 }


ul#topmenu    {margin: 38px 40px 0 0; padding: 0; float:left; width: 300px; clear: right;  text-align: right;  }
		#topmenu li{display:inline; border-left: 1px solid #484848; }	
		#topmenu li a, #topmenu li a:visited {
			padding: 2px 10px 2px 10px; 
			color:#484848;
			text-decoration:none; font-weight: normal; font-size: 0.8em; 
			margin-left: 0;  }
		#topmenu li a:focus, #topmenu li a:hover {
			text-decoration:underline; 			}
		#topmenu .first{
		 	border-left: none }
						

ul#forhandler {margin: 30px 28px 0 0;    padding: 0; float:right; width: 170px; text-align: right;  }
		#forhandler li {display: inline; }
		#forhandler li a,
 #forhandler li a:visited { 
			padding: 2px 10px 2px 20px; 
			color:#484848;
			text-decoration:none; 
			font-weight: normal; font-size: 0.8em; 
			background: url(images/ico-forhandler-login.gif) no-repeat left center; 
			}
			#forhandler li a:focus, #forhandler li a:hover {
			text-decoration:underline; 			}
		
/* Handlekurv knapp */			
ul#handlekurv  {
	float: right; 
	height:28px;
	width: 133px; 
	margin: 24px 0 0 0;padding: 0;
	overflow: hidden;  }

#handlekurv li { display:inline;}
	
#handlekurv li a, #handlekurv li a:visited {
	float:right;
	width:133px;
	text-indent: -9999px;
	overflow: hidden;
	height:28px;
	color:#000;

	background: url(images/btn-handlekurv.gif) left top no-repeat;
	text-decoration:none; }
	
#handlekurv li a:focus, #handlekurv li a:hover {
	background: url(images/btn-handlekurv.gif) left bottom no-repeat;}

/* Handlekurv knapp */			
ul.btn-mer{
	float: right; 
	height:24px;
	width: 46px; 
	margin: 0 0 0 0;padding: 0;
	overflow: hidden;  }

.btn-mer li { display:inline;}
	
.btn-mer li a, .btn-mer li a:visited {
	float:right;
	width:46px;
	text-indent: 9999px;
	overflow: hidden;
	height:24px;
	color:#000;
	background: url(images/btn-mer.gif) left top no-repeat;
	text-decoration:none; }
	
.btn-mer li a:focus, .btn-mer li a:hover {
	background: url(images/btn-mer.gif) left bottom no-repeat;}




.btn-buy btn {
	background: url(images/btn-buy.gif) left bottom no-repeat;}
	
input#btn-buy {
	background: url(images/btn-buy.gif) left bottom no-repeat;
	height: 32px;
	width: 77px;
	border: 0;
	text-indent: -9999px;
	font-size: 0;}

	
	/* Footer menu = brands  
were using ordered list as markup to hide the brandname
and link in normal view, but securing usability */


dl#brands {
	float:left;	
	clear: both; 
	width: 935px;

	color: #a9a9a9; 
	padding: 5px 0 5px 0; 
	margin: 20px 0 0px 0;  	
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd; 
	  }
	
	#brands dd {
		display:inline; 
		float: left; 
		 }	
		 
	#brands dd {
		padding: 2px 8px 2px 8px;border-right: 1px solid #ddd;
	  }
	 
	#brands dd a, #brands dd a:visited {  color:#484848; text-decoration:none; font-weight: normal; font-size: 0.8em; margin-left: 0; }
	#brands dd a:hover { border-bottom: 5px solid #ddd;}
	#brands dd a:hover img { margin-bottom: -5px;}
	#brands dd a.active, #brands dd a.active:hover { }
	dl#brands dt { display: none; }
	
	#brands dd.noborder { border: none; }
	


/*------------------------------------------------------
   Lists
-------------------------------------------------------*/
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }


dl          { margin: 0 0 0 0; }
dl dt       { }
dd          { margin-left: 0em;}


.list-plain {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: normal; 
	}

.list-plain li { 
	padding: 0 0 5px 0; /* Set list icon here */
	/*
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0 .5em; */
	}
	
.list-plain li a, 
.list-plain li a:visited{ 
	font-weight: bold; 
	color: #0d79bf; 
	text-decoration: none;
	}
.list-plain li a:focus,
.list-plain li a:hover { 
	font-weight: bold; 
	color: #0067a7; 
	text-decoration: underline;
	}
	

/*------------------------------------------------------
   Tables
-------------------------------------------------------*/
table       { margin-bottom: 0; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 0; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/*------------------------------------------------------
   Misc classes
-------------------------------------------------------*/
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* Misc classes and elements
-------------------------------------------------------------- */

/* .box is a content box with a grayed out bg  */ 
.box { 
  border: 1px solid #ddd; 
  margin-bottom: 10px; 
  background: #f8f8f8; 
  }

.content-main {
	padding: 25px;
	border: 1px solid #ddd; 
    margin-bottom: 10px; 
    background: #fff;  }

.content-mini {
	padding: 15px;
	 }

.box-content-small {
	padding: 8px; }

.box-header {
	height: 33px; 
	background: url(images/tex-bar-head.gif) no-repeat right;
	margin-bottom: 2px;
	overflow: hidden; display:block; 
	 }

.box-header h3 {
	background: url(images/tex-bar-head-start.gif) no-repeat left center;
	padding: 10px 0.3em 12px 10px;
	  }
.box-header h3 {}


.product-picture {
	border: 1px solid #ddd; }
	
	
/* Prices and shopping */

.content-price {
	width: 206px; float: left; clear: right;  margin-top: -10px;  }
.price-productpage {
	font-size: 2.2em;
	margin: 0;  }
.price-old {
	font-size: 1em; margin: -5px 0 0 0 ; 
	color: #bebebe;
	text-decoration: line-through; }

span.true {
	font-size: 1em; margin: -5px 0 0 0 ; 
	color: #bebebe;
	text-decoration: line-through;
}

span.false {
	display: none;
}


/* Definition lists, used as containers in LC, and frontpage news in col 1-3  
Can be used both as list and as container by combining the two classes. */
dl.orderedlist, 
dl.productmenu { 
	background:url(images/tex-bar-head.gif) right top no-repeat;  
	margin: 0; 
	padding: 0;    
	line-height: normal; 
	margin-top: 1px; 
		}
	
			dl.orderedlist dt, 
			dl.productmenu dt {
				background:transparent url(images/tex-bar-head-start.gif) no-repeat;
				padding: 9px 5px 5px 10px;
				height: 25px;
				overflow: hidden;
				font-weight: bold;
				font-size: 0.8em;
				margin: 0;				
				/*font-size:  0.8em; */
				}
				
				
				
			dl.orderedlist dt a, dl.orderedlist dt a:visited, 
			dl.productmenu dt a, dl.productmenu dt a:visited {
				display: block;
				color: #000;
				   }
				
			dl.orderedlist dt a:hover {
				background: url(images/ico-arrow.gif) no-repeat right center; 
					}
				
			dl.orderedlist dd, 
			dl.productmenu dd{ 
				padding:4px 0 4px 0; 
				margin:0;
				border-bottom: 1px solid #ddd; 
				margin-bottom: 9px;
				font-size: 0.8em; 
				font-weight: bold;
				}
				
			.col-1 dl.orderedlist dd, 
			.col-1 dl.productmenu dd{ 
				padding:4px 0 4px 0; 
				margin:0;
		     		min-height: 50px;
				border-bottom: 1px solid #ddd; 
				margin-bottom: 9px;
				width: 220px;
				float: left;
				font-size: 0.8em; 
				font-weight: bold;
				}
			.col-2 dl.orderedlist dd, 
			.col-2 dl.productmenu dd{ 
				padding:4px 0 4px 0; 
				margin:0;
		     		min-height: 50px;
				border-bottom: 1px solid #ddd; 
				margin-bottom: 9px;
				width: 220px;
				float: left;
				font-size: 0.8em; 
				font-weight: bold;
				}
				
			dl.orderedlist dd p, 
			dl.productmenu dd p {font-weight: normal;}
				
			
			a.orderedlist-image {
				float: left; 
				clear: right;
				margin: 0 8px 0 0 ; 
				border: 1px solid #ddd;}
			dl.orderedlist td, 
			dl.orderedlist table {
				margin: 0; padding: 0; background: yellow; } 	
			a.orderedlist-image, a.orderedlist-image:visited { border: 1px solid #ddd; }	
			a.orderedlist-image:focus, a.orderedlist-image:hover { border: 1px solid #f3050e; }
			.orderedlist p.date { width: 78px; float: left; clear: right;font-weight: normal; padding-bottom: 30px; color: #a9a9a9;}
			
	        
			/* Style the content box of a dl*/
			dd.submenu { padding: 15px; margin:0; background: #fff;width: 178px; border: 1px solid #ddd;}
			dl.dl-box dd { padding: 15px; margin:0; background: #fff; border: 1px solid #ddd; margin-bottom: 9px; }
			dl.dl-box p { margin:10px 0 0 0; font-weight: normal; }
			dl.dl-box h2{ margin:0; padding:15px; font-weight: normal; }
			
	

	
			dl.productmenu dd{ 
				margin:-1px 0 0 0; 
		     	font-size: 0.8em;
				font-weight: bold;
				}
			dl.productmenu dd {
				padding-left: 25px; 
				padding-top: 10px; }
			
			dl.productmenu dt a, 
			dl.productmenu dt a:visited  {
				color: #eb1c24;
				background: url(images/ico-arrow-productmenu.gif) no-repeat left center; 
				padding-left: 15px;  }
				
			dl.productmenu dd a, 
			dl.productmenu dd a:visited  {
				color: #000; }
				

	        dl.productmenu dt {
				background:transparent url(images/tex-bar-head-start.gif) left top no-repeat; 
				padding: 9px 5px 5px 10px;
				height: 18px; 
				overflow: hidden; 
				font-weight: bold;
				font-size: 0.8em;
				margin: -1px 0 0 0;
				
				/*font-size:  0.8em; */
				}


.list-products {
	margin:0; 
	min-height: 122px; 
	background: #fff url(images/tex-bg-products-list.gif) repeat-x left bottom;  
	border: 1px solid #ddd; 
	margin-top: -1px}

.list-products-pris {
 	padding: 15px 0 6.4em 0; 
	/*padding: 15px 0 4.7em 0; */
	font-size: 0.8em; 	 }
	

.list-products p {
	margin-bottom: 0;
	 }
.list-products h2 {
	font-size: 0.8em; 
	font-weight: bold;
	text-transform: uppercase;	 }
	/*.list-products h2 {
	font-size: 1em; 
	font-weight: bold; }
.list-products p {
	margin-bottom: 0; }
	*/

	

.list-products h2{padding-top: 15px; 
	}

.list-col-1, .list-col-2, .list-col-3 {
	
	}
	
.list-col-1 {
	margin: 9px 9px 9px 9px; 
	float: left; 
	clear: right; background: red; 
	
	 }


img.list-col-1 {
	border: 1px solid #ddd; }
	
	
	
.list-col-2 {
	width: 350px; 
	float: left; 
	clear: right; 
	margin-left: 15px; 
	
		}
.list-col-2 p {
	font-size: 0.8em;
}


.list-col-3 {
	width: 110px; 
	float: right; 	
	margin-right: 8px;  
	 text-align: right;
	
	 }

.list-picture {
		margin: 0 8px 0 0 ; 
		border: 1px solid #ddd;}

.products p {
	width: 400px; 
	float: left; 
	clear: right; }
	
p.products-price {float: right; width: 120px; 


	text-align: right; margin-right: 15px;  }
	

		/*dl.dl-box dd { padding:0; margin:0; background: #fff; border: 1px solid #ddd; margin-bottom: 9px; }
		dl.dl-box p { margin:0; padding:15px; font-weight: normal; }*/

		
	
	
	
/********* VARIANTER ***************************************
***********************************************************/


.varianter_wrap {645px;border-bottom: 1px #dddddd solid;height: 45px; padding: 20px 0 20px 0;}
.varianter_tekst {width: 485px;float: left;}
.varianter_tekst h5 {color:#eb1c24;font-weight:bold;margin:0;padding:0;font-size: 11px;}
.varianter_buy {width: 160px;float: left;text-align:right;}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* Use this to create a horizontal ruler across a column. */
hr {}
hr.space {}



/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 19px;
  margin-right: 20px;
  border-right: 1px solid #eee;
}



/*------------------------------------------------------
   Heightfix - Sets min height
   Set as <class="heightfix height200">
-------------------------------------------------------*/ 


.heightfix {
    float:right;
    width:1px;
	color: #FFFF66; 
	}
.tester {
	background: #66cccc; 
	width: 200px; 
	margin-bottom: 20px;  }
	


/*------------------------------------------------------
   Forms 
-------------------------------------------------------*/ 
label { display: none; }
fieldset {margin:0 0 0 0;border: none; }
legend {display: none;  }

input.text, input.title, textarea {
	margin:0 0; 
	border:1px solid #959595; 
	padding: 4px 3px 4px 6px; 
	width: 125px; 
	font-size: 0.9em; 
/*	background: url(images/tex-bg-forms.gif) no-repeat left top;*/
	 }
input.text:focus, input.title:focus, textarea:focus {
	border:1px solid #666; 
	background: #fff url(images/tex-bg-forms.gif) no-repeat left top; 
	}
input.text, input.title {}
input.title {font-size:1.5em;}

textarea {width:390px;height:250px;padding:5px;}


select {
	 width: 100%;
	 padding: 2px;
	 margin-bottom: 2px;   font: 10px Verdana, sans-serif;
  }

select:focus {}



.jumpmenu {	width: 100%;
	background: #fff; }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

dl.orderedlist 

#orderedlist form, #brands form {
	width: 100%; }

form.forhandlere {
	width: 190px;
	clear: both;
}

form.nyhetsbrev {
	width: 190px;
	margin: 0;
	float: left;
}


/* -----------------------------------------------------
   Tabs on productpage 
--------------------------------------------------------*/

.tabberlive .tabbertabhide {
 display:none;}

/*.tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up*/
.tabber {}
.tabberlive {
 margin-top:1em;}

/*ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab */

ul.tabbernav{
 margin:0;
 padding: 5px 0;
 border-bottom: 1px solid #ddd;
 font: bold 12px Verdana, sans-serif;}

ul.tabbernav li{
 list-style: none;
 margin: 0; margin-bottom: 2px; 
 display: inline;}

ul.tabbernav li a{
 padding: 5px 2em;
 margin-left: 3px;
 border: 1px solid #f3f3f3;
 border-bottom: none;
 background: #f3f3f3;
 text-decoration: none;}

ul.tabbernav li a:link { color: #444; }
ul.tabbernav li a:visited { color: #444; }

ul.tabbernav li a:hover{
 color: #000;
 background: #ddd; 
 border-color: #ddd;}

ul.tabbernav li.tabberactive a{
	color: #000; 
	 background: #fff url(images/tex-tabbed-active.gif) repeat-x; border: 1px solid #ddd;
	 border-bottom: 1px solid #fff;}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)*/
.tabberlive .tabbertab {
 padding:25px 0 0 0 ;
 border-top:0;
 /* overflow:auto; *//* fix height set overflow to get scrollbar when necessary */
 }

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */







.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


   

/*------------------------------------------------------
   Clearfix - Autoclears
-------------------------------------------------------*/ 




.clearfix:after{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;}

.clearfix{
	display: inline-block;}

* html .clearfix{
	height: 1%;}

.clearfix{
	display: block;}

.false {display: none;}

input.search {
	background-image: url(images/btn-search.gif);
	height: 24px;
	text-indent: -9999px;
	width: 46px;
	line-height: 24px;
	margin: 0 0 10px 5px;
	float: left;
	border: 0;
	cursor: pointer;
}

input.nyhetsbrev {
	background-image: url(images/btn-ok.gif);
	height: 24px;
	text-indent: -9999px;
	width: 46px;
	line-height: 24px;
	float: left;
	margin: 0 0 0 5px;
	border: 0;
	cursor: pointer;
}

input.advanced {
	height: 18px;
	border: 1px #7f9db9 solid;
	float: left;
	width: 130px;
	margin: 0 0 10px 0;
	padding: 3px 0 0 3px;  font: 10px Verdana, sans-serif;
}
input.dinepost {
	float: left;
	width: 132px;
	padding: 3px 0 0 3px;
	margin: 0;
	height: 18px;
	border: 1px #7f9db9 solid;
  font: 10px Verdana, sans-serif;

}

input.dummy1 {margin:0;float: left;}

#produktmeny_holder {
	margin: 0 0 8px 0;
}


/*-   Credits  ---------------------------------------------------------*/
/* 
/*    Some of the CSS is based on work from other people to 
/*    ensure a fast and hassle free website.
/*        
/*    Eric Meyer: Browser Reset css  
/*    http://meyerweb.com/eric/tools/css/reset/
/*
/*    Clearing floats without extra markup
/*    http://www.positioniseverything.net 
/*
/*    Tabifier - tabs that work :)
/*    barelyfitz.com/
/*	 
------------------------------------------------------------------------ */