/*
 * CSS for Fjordland
 * Tab stop: 3 (tab erstattet med space)
 ******************************
 */
 
/*
 * Default-verdier for noen elementer
 */
body
{
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
   border-top: 3px solid #999999;
   background-image: url(../../images/page_bg.gif);
   background-position: left top;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
}
body, 
td, 
th, 
select, 
input, 
textarea, 
label
{
   font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
}
p,
h1,
h2,
h3,
h4
{
   font-weight: normal;
   margin-top: 0px;
   margin-bottom: 5px;
}

h1 {
    font-size: 1.17em;
}

h2 {
    font-size: 1em;
}

h3 {
    font-size: 1em;
}

h4 {
    font-size: 0.83em;
}

p, ul, ol {
    font-size: 0.75em;
}
a:link, a:active, a:visited, a:hover
{
   text-decoration:none;
   color:#333333;
   font-style: italic;
}
a:link {}
a:active {}
a:visited {}
a:hover
{
   color:#990000;
}
img
{
   border: none;
}

th{
	text-align: left;
}
/*
 * Header med innhold
 */
.header
{
   width: 955px;
   height: 100px;
   overflow: hidden;
   background-image: url(../../images/pagetop_bg.gif);
}
.header .corner
{
   width: 25px;
   height: 25px;
   background-image: url(../../images/corner_default.gif);
   float: left;
}
.header a.logo
{
   width: 0px;
   height: 50px;
   margin-top: 22px;
   overflow: hidden;
   padding-left: 160px;
   background-image: url(../../images/logo.gif);
   display: inline;
   float: left;
}
.header .menu
{
   width: 690px;
   margin-left: 52px;
   margin-top: 38px;
   float: left;
}
.header .menu .column1,
.header .menu .column2,
.header .menu .column3
{
   display: inline;
   float: left;
}
.header .menu .column1
{
   width: 125px;
}
.header .menu .column2
{
   width: 105px;
   height: 40px;
}
.header .menu .column3
{
	padding-left: 9px;
}
.header a.om,
.header a.kontakt,
.header a.produktene
{
   width: 0px;
   height: 15px;
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: top left;
   display: inline;
   float: left;
}
.header a.om
{
   padding-left: 115px;
   background-image: url(../../images/mainmenu_omfjordlandas.gif);
}
.header a.kontakt
{
   margin-top: 2px;
   padding-left: 115px;
   background-image: url(../../images/mainmenu_kontaktoss.gif);
   clear: left;
}
.header a.produktene
{
   padding-left: 115px;
   background-image: url(../../images/mainmenu_produktenevare.gif);
}
.header .produktListe
{
   font-size: 0.75em;
   overflow: visible;
   margin-top: 1px;
   margin-left: 4px;
   clear: left;
}
.header .produktListe a
{
   font-weight: normal;
   margin-left: 6px;
}
.header .produktListe a.selected
{
   font-weight: bold;
}
.header form
{
   font-size: 0.85em;
   position: absolute;
   left: 833px;
   top: 28px;
   width: 83px;
   height: 16px;
   border: none;
   padding: 0;
   margin: 0;
   background-color: transparent;
}
.header form input.query
{
   font-size: 0.85em;
   width: 62px;
   border: 0;
   background-color: transparent;
   float: left;
}
.header form input.submit
{
   width: 15px;
   height: 15px;
   cursor: pointer;
   margin-top: 1px;
   border: 0px;
   background-image: url(../../images/search_submit.gif);
   background-repeat: no-repeat;
   background-position: top left;
	background-color: none;
   float: right;
}
.header a.english
{
   position: absolute;
   left: 930px;
   top: 8px;
   width: 0px;
   height: 19px;
   padding-left: 19px;
   overflow: hidden;
   background-image: url(../../images/lang_en.gif);
   display: block;
}
/*
 * Content med innhold
 */
 .background
 {
 	width: 100%;
	background-position: left top;
   background-repeat: repeat-x;
   overflow: visible;
   float: left;
   clear: left;
 }
 
.content
{
   padding-left: 25px;
}
 
.content .top
{
   width: 100%;
   height: 300px;
   overflow: hidden;
}
.content .topHalf
{
   width: 460px;
/*
   height: 300px;
   overflow: hidden;
*/
   float: left;
}

.content .topHalf .picture
{
	padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #FFFFFF;
   background-image: url(../../images/shadow_large.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
	
}

.content > .topHalf .picture
{
	padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 7px;
   background-color: #FFFFFF;
   background-image: url(../../images/shadow_large.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
	
}

.content .topHalf .picture .center
{
	padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 2px;
   /*background-color: #FFFFFF;
   background-image: url(../../images/shadow_large.gif);*/
   background-position: bottom left;
   background-repeat: no-repeat;
	
}

.content .topHalf .column
{
   width: 210px;
   height: 275px;
   padding-right: 10px;
	float: left;
}
/*.content .topHalf .column .document
{
   padding-left: 10px;
}*/
.content .topHalf#topRight 
{
   width: 480px;
   overflow: auto;
}
.content .halfPage
{
   width: 460px;
	overflow: hidden;
   float: left;
}

.content .halfPage .column 
{ 
  width: 210px; 
  padding-right:10px; 
  overflow: hidden;
  float: left; 
} 

.content .quarterPage
{
   width: 220px;
   float: left;
}

.content .quarterPage .ourProducts a
{
   width: 130px;
   height: 100px;
   margin-left: 20px;
	padding-bottom: 20px;
   display: inline;
   float: left;
}

.content .quarterPage .ourProducts a img
{
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 7px;
   margin: 0;
   /*background-color: #FFFFFF;*/
   background-image: url(../../images/shadow_small.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
   display: inline;
   float: left;
   clear: both;
}

.content .quarterPage .ourProducts a span
{
   font-size: 0.75em;
   font-style: italic;
	font-weight: bold;
   line-height: 1em;
   width: 130px;
   text-align: left;
   display: inline;
   clear: left;
   float: left;
}

/*.pageTypeDefault .content .quarterPage ul.menu{
	margin-top: 123px;
}

.pageTypeDefault > .content .quarterPage ul.menu{
	margin-top: 100px;
}*/

.content .document
{
	padding-right: 20px;
}
.content .document h1
{
   font-size: 1.0em;
   font-weight: bold;
   color: #333333;
   margin-bottom: 23px;
}
.content .document h2,
.content .document p,
.content .document p.preamble,
.content .document table caption
{
   line-height: 1.15em;
   color: #333333;
   margin-top: 2px;
   margin-bottom: 20px;
	text-align: left;
}
.content .document h2
{
   font-size: 0.75em;
   font-weight: bold;
   margin-bottom: 2px;
}

.content .document table caption /* default table */
{
   font-weight: bold;
   padding-bottom: 10px;
}

.content .document p.preamble
{
   font-weight: bold;
}

.content .document table /* default table */
{
   font-size: 0.75em;
   margin-top: 10px;
   margin-bottom: 10px;
   border-collapse: collapse;
}

.content .document table td /* default table */
{
   line-height: 1.15em;
}

.content .newProduct
{
   
	margin-top: 44px;
   margin-left: 20px;
   text-align: center;
   display: inline;
   float: left;
}
.content .newProduct .h1
{
   font-size: 0.75em;
   font-weight: bold;
   font-style: italic;
   text-align: center;
   display: block;
}
.content .newProduct .p
{
   font-size: 0.7em;
   line-height: 1.15em;
   display: block;
   text-align: center;
   text-decoration: none;
}
.content .bottom
{
   width: 100%;
   overflow: hidden;
   clear: left;
}
.content .bottomHalf
{
   width: 460px;
   height: 180px;
   display: inline;
   float: left;
   clear: left;
}
.content .bottom .column
{
   width: 210px;
   height: 180px;
   margin-right: 20px;
}

.content .movieLink
{
   height: 20px;
   line-height: 20px;
   padding-left: 20px;
   background-image: url(../../images/link_icon.gif);
   background-position: left center;
   background-repeat: no-repeat;
   display: block;
}

/*
 * navigation + menu + subMenu - Meny og undermeny
 * navigation    - brukes pa containeren (div) for menu og subMenu
 * menu, subMenu - settes pa ul, gir mulighet for a skille mellom meny og undermeny
 */
/*
.content .menu,
.content .subMenu
*/
.content .navigation
{
   width: 220px;
	/*height: 275px;*/
	padding-top: 16px;
   display: inline;
   overflow: hidden;
   float: left;
}

.content .navigation a.indexLink
{
   width: 0px;
   height: 75px;
   overflow: hidden;
   display: block;
}

.content .navigation ul
{
   list-style-type: none;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 20px;
   padding-bottom: 0px;
 	margin: 0;
   overflow: hidden;
   display: inline;
   float: left;
}

.content .navigation ul li
{
   padding-left: 16px;
	border-bottom: 2px solid white;
   background-repeat: no-repeat;
   background-position: left top;
}

.content .navigation ul li.selected
{
   font-weight: bold;
}

.content .navigation ul li a
{
 	line-height: 1em;
   font-weight: normal;
}

.content .navigation ul.subMenu li
{
   overflow: visible;
}
/*
 * Bannere
 */
a.tipsOss,
a.spisSunt,
a.harDuAllergi,
a.reklamefilmer
{
   width: 0px;
   height: 180px;
   padding-left: 210px;
   margin-right: 20px;
   overflow: hidden;
   display: block;
   float: left;
}
a.tipsOss
{
   background-image: url(../../images/ape.jpg);
}
a.spisSunt
{
   background-image: url(../../images/Safarispillet.jpg);
}
a.harDuAllergi
{
   background-image: url(../../images/tapas.gif);
}
a.reklamefilmer
{
   background-image: url(../../images/reklamefilmer.jpg);
   margin-right: 0px;
}
/*
 * mainPicture - Hovedbilde for sida, overst til venstre
 */
img.mainPicture,
.flashMovie
{
   width: 436px;
   height: 266px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 7px;
   background-color: #FFFFFF;
   background-image: url(../../images/shadow_large.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
}
img.productPicture
{
   width: 440px;
   height: 290px;
}
.flashMovie
{
   width: 320px;
   height: 240px;
   margin: 0px;
   padding-left: 60px;
   padding-right: 60px;
   padding-top: 14px;
   padding-bottom: 14px;
   background-color: #000000;
   background-image: none;
   overflow: hidden;
}
.shadow
{
   width: 440px;
   height: 7px;
   margin: 0px;
   padding: 0px;
   background-image: url(../../images/shadow_large.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
   background-color: #FFFFFF;
   font-size: 0px;
   line-height: 0px;
   float: left;
   clear: both;
}
/*
 * productList + linkedImageList
 *
 * productList - Liste over produkter pa bunnen av produktkategori, bilde og undertekst med lenke
 * linkedImageList - Liste med bilder på bunnen av sida, bilde med skygge og undertekst
 */
ul.productList
{
width: 630px;
height: 180px;
margin-right: 0px;
overflow: none;
overflow-x: auto;
}

ul.productList 
{
  
	text-align: center;
	background-color: transparent;
   display: inline;
   float: left;
}

ul.productList table{
   table-layout: fixed;
	float: left;
}

ul.productList td{
width: 130px;
text-align: center;
vertical-align: top;
padding-right:20px;
}
ul.productList td img
{
   /*width: 130px;  /* width og height ma settes for pngbehavior (IE fix for alpha png) */
   /*height: 100px;
  	clear: right;*/
}

ul.productList td br
{
   line-height: 24px;
}

.newProductList td a span{
	text-align: center;
	
}

.imageWithSubtitleList
{
   width: 600px;
   height: 260px;
	overflow: hidden;
   float: left;
}
.imageWithSubtitleList a
{
   width: 130px;
   height: 100px;
   margin-left: 20px;
   display: inline;
   float: left;
}

.imageWithSubtitleList a img
{
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 2px;
   padding-bottom: 7px;
   margin: 0;
   background-color: #FFFFFF;
   background-image: url(../../images/shadow_small.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
   display: inline;
   float: left;
   clear: both;
}

.imageWithSubtitleList a span
{
   font-size: 0.75em;
   font-style: italic;
	line-height: 1em;
   width: 130px;
   text-align: center;
   display: inline;
   clear: left;
   float: left;
}

/*
 * Ekspanderende meny med pil og undermenyer
 */

.multiLevelMenu
{
   width: 100%;
   padding: 0;
   margin: 0;
   font-size: 0.75em;
   text-indent: 0;
   margin-top: 0px;
   margin-bottom: 12px;
   display: inline;
   float: left;
   clear: both;
}
.multiLevelMenu div
{
   margin-left: 11px;
   margin-top: 1px;
   margin-bottom: 1px;
	font-weight: bold;
}
.multiLevelMenu ul li a
{
   font-size: 1.2em;
	padding-left: 13px;
   background-repeat: no-repeat;
   background-position: left center;
   display: block;
}

.multiLevelMenu ul li ul li a
{
   font-size: 1.5em;
	padding-left: 13px;
   background-repeat: no-repeat;
   background-position: left center;
   display: block;
}


.multiLevelMenu a.fjordland
{
   background-image: url(../../images/menu_fjordland_middager.gif);
}
.multiLevelMenu a.brelett
{
   background-image: url(../../images/menu_brelett.gif);
}
.multiLevelMenu a.bremykt
{
   background-image: url(../../images/menu_bremykt.gif);
}
.multiLevelMenu a.yoplait
{
   background-image: url(../../images/menu_yoplait.gif);
}
.multiLevelMenu a.safari
{
   background-image: url(../../images/menu_safari.gif);
}
.multiLevelMenu a.kos
{
   background-image: url(../../images/menu_kos.gif);
}
.multiLevelMenua.marian
{
   padding-left: 11px;
}
.multiLevelMenu a span
{
   font-weight: normal;
}
.multiLevelMenu a.expanded
{
   font-weight: bold;
   padding-left: 11px;
   background-image: url(../../images/category_expand.gif);
}
.multiLevelMenu a.collapsed
{
   font-weight: bold;
   padding-left: 11px;
   background-image: url(../../images/category_collapse.gif);
}
.multiLevelMenu div.collapsed
{
   display: none;
}

/*
 * Handleliste
 */

.shoppingList
{
   height: 275px;
   padding-left: 11px;
   background-image: url(../../images/handleliste_bg.gif);
}
.shoppingList a.print
{
   font-size: 0.75em;
   margin-top: 5px;
   margin-right: 20px;
   float: right;
}
.shoppingList h1
{
   height: 29px;
   font-size: 1.0em;
   font-weight: bold;
   padding-top: 22px;
   color: #333333;
}
.shoppingList div
{
   font-family: "Comic Sans MS";
   font-weight: bold;
   height: 30px;
   color: #333333;
   font-size: 0.75em;
}
.shoppingList div a,
.shoppingList div a:active,
.shoppingList div a:link,
.shoppingList div a:visited
{
   font-weight: normal;
   font-style: normal;
   color:#990000;
}

/*
 * Ledelse
 */
.dreamTeam
{
   margin-top: 10px;
}
.dreamTeam img
{
   margin-right: 14px;
   display: inline;
   float: left;
}
.dreamTeam div
{
   width: 100%;
   background-image: url(../../images/spacerdotted.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   padding-bottom: 5px;
   margin-top: 0px;
   margin-bottom: 5px;
   display: inline;
   float: left;
   clear: both;
}

/*
 * Historie
 */
.history
{
   margin-top: 10px;
}
.history .event
{
   width: 100%;
   background-image: url(../../images/spacerdotted.gif);
   background-repeat: no-repeat;
   background-position: left bottom;
   padding-bottom: 5px;
   margin-top: 0px;
   margin-bottom: 5px;
   display: inline;
   float: left;
   clear: both;
}
.history .event div
{
   width: 60px;
   height: 60px;
   float: left;
}
.history .event div h1
{
   font-family: Georgia;
   margin-bottom: 3px;
}
.history .event div h2
{
   font-weight: normal;
}
.history .event p
{
   width: 264px;
   float: left;
}
.history .event img
{
   margin-left: 16px;
   padding-bottom: 10px;
   display: inline;
   float: right;
}

/*
 * Allergisøk
 */
div.expanded,
div.collapsed
{
   width: 100%;
   float: left;
   clear: left;
   display: block;
   margin-bottom: 20px;
}
div div.control
{
   font-size: 0.75em;
   font-weight: bold;
   font-style: italic;
   cursor: pointer;
   padding-left: 11px;
   background-repeat: no-repeat;
   background-position: left center;
}
div div.control span
{
   font-style: normal;
   font-weight: normal;
}
.expanded div.control
{
   background-image: url(../../images/category_expand.gif);
}
.collapsed div.control
{
   background-image: url(../../images/category_collapse.gif);
}
div div.expandable
{
   clear: left;
}
.expanded div.expandable
{
   clear: left;
   display: block;
}
.collapsed div.expandable
{
   display: none;
}
ol
{
   font-weight: bold;
   margin-left: 12px;
   margin-top: 8px;
   padding-left: 12px;
   padding-top: 0px;
}
li
{
   font-weight: bold;
   text-indent: 0px;
   padding-left: 0px;
   margin-left: 0px;
	display: block;
}
li span
{
   font-weight: normal;
}
form.allergiForm
{
}
form.allergiForm .document h1
{
   clear: both;
}
form.allergiForm label
{
   font-size: 0.75em;
   font-weight: normal;
   display: inline;
   float: left;
}
form.allergiForm label span
{
   font-weight: normal;
   float: left;
   clear: left;
}
form.allergiForm input
{
   margin-left: 4px;
   margin-right: 6px;
   display: inline;
   float: left;
   clear: left;
}
form.allergiForm input.submit
{
   font-size: 0.95em;
   font-weight: normal;
   float: right;
}
form.allergiForm .checkboxContainer
{
   margin-left: 4px;
   margin-top: 0px;
   margin-bottom: 6px;
}
form.allergiForm .expandable a
{
   font-size: 0.75em;
   padding-left: 12px;
   display: block;
}

/*
 * Footer
 */
.footer
{
   width: 930px;
   font-size: 0.75em;
   margin-top: 25px;
   margin-bottom: 25px;
   margin-left: 25px;
   /*background-image: url(../../images/bottomline_bg.gif);*/
   background-position: right center;
   background-repeat: no-repeat;
   display: inline;
   float: left;
   clear: left;
}
.footer span,
.footer a
{
   margin-right: 12px;
}
div.errorMessage

{
   width: 188px;
   height: 97px;
   padding-left: 32px;
   padding-right: 10px;
   padding-top: 18px;
   margin-top: 40px;
   background-image: url(../../images/boble.gif);
   overflow: hidden;
   float: left;
}

div.errorMessage .document h1

{
   margin-bottom: 8px;
   padding-bottom: 0px;
}

img.errorMessage

{
   margin-top: 40px;
   float: left;
}

/* navigation menu styles */
div#navigation-header{
	background-color: #eee;
	padding: .2em .4em .2em .4em;
}

ul#navigation-menu{
	border-top: 1px solid #eee;
	margin: 0;
	padding: .4em 0 0 0;
	list-style-type: none;
	color: #999;
	clear: both;
}

ul#navigation-menu li{
	display: inline;
	padding: .2em .3em .2em .3em;
}

ul#navigation-menu li. numbers. active{
	font-weight: bold;
	color: #000;
}
/* end navigation menu styles */

.newProductList 
{ 
   width:670px; 
   height: 200px;
  margin-left: 20px; 
   overflow:auto; 
   overflow-y:hidden; 
   scrollbar-base-color:#ffffff; 
  float: left; 
} 

.newProductList img 
{ 
  margin-right: 4px; 
   margin-left:4px; 
} 

.newProductList td 
{ 
   font-size:0.75em; 
   font-family:"Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica,sans-serif; 
   color: #333333; 
} 

.content. bottom#gradient 
{ 
   background-image:url(../../images/gradient_produkt.gif); 
   background-repeat:repeat-x; 
  background-position: left top; 
} 

div.longMenu
{
   margin-top: 12px;
}

div.longMenu select
{
   width: 200px;
   font-size: 0.75em;
   line-height: 1em;
   padding: 0;
   margin: 0;
}

.responseForm
{
  float: left;
  font-size: 0.75em;
}

.empty
{
width: 220px;
height: 1px;
}