/*li.notselected{
background: url("http://webfiles.tine.no/tine.no_v2/images/menu-bottom.gif") repeat-x scroll center bottom #FFFFFF;
}*/

ul#mainnav li#oppskrifter{
	width: 115px;

}
ul#mainnav li#produkter{
	width: 109px;
	
}
ul#mainnav li#sunnhet{
	width: 99px;	
}

ul#mainnav li#ernaring,ul#mainnav li#helse{
	width: 99px;	
}


ul#mainnav li#om-tine{
	width: 99px;

}

ul#mainnav li#kontakt-oss{
	width: 115px;
	
}

ul#mainnav li.topitem  h2 a{
	left: 15px;
	padding: 15px 0 0 0;
	
}

ul#mainnav li.topitem  .head h2 a{
	position: relative;
	left: 0px;
	padding: 0;	
	color: #31668C;
}

ul#mainnav li.topitem  .head h2 a:hover{
	color: #f00000;
}

ul#mainnav span.goto{
	font-family: Arial;
	font-size: 14px;
	float: left;
	display: block;
	line-height: 20px;	
}

/* start megamenu */
ul#mainnav li.topitem  h2 a.oppskrifter{
	padding: 15px 0 0 3px;
}

ul#mainnav li.topitem  h2 a.oppskrifter.selected{
	background-color: #E2EDF3;
    margin: 6px 0 0 0;
    padding: 9px 7px 0 3px;
}

ul#mainnav li.topitem.active  h2 a.oppskrifter.selected{
	background-color:transparent;
}

ul#mainnav li.topitem  h2 a.produkter{
	padding: 15px 0 0 6px;
}

ul#mainnav li.topitem  h2 a.produkter.selected{
	background-color: #E2EDF3;
    margin: 6px 0 0 0;
    padding: 9px 7px 0 6px;
}

ul#mainnav li.topitem.active  h2 a.produkter.selected{
	background-color: transparent;
}

ul#mainnav li.topitem  h2 a.ernaring, ul#mainnav li.topitem  h2 a.helse{
	padding: 15px 0 0 6px;
}

ul#mainnav li.topitem  h2 a.ernaring.selected, ul#mainnav li.topitem  h2 a.helse.selected{
	background-color: #E2EDF3;
    margin: 6px 0 0 0;
    padding: 9px 7px 0 6px;
}

ul#mainnav li.topitem.active  h2 a.ernaring.selected, ul#mainnav li.topitem.active  h2 a.helse.selected{
	background-color: transparent;
}		
	
ul#mainnav li.topitem  h2 a.om-tine{
	padding: 15px 0 0 2px;
}

ul#mainnav li.topitem  h2 a.om-tine.selected{
	background-color: #E2EDF3;
    margin: 6px 0 0 0;
    padding: 9px 7px 0 2px;
}

ul#mainnav li.topitem.active  h2 a.om-tine.selected{
	background-color: transparent;
}	

ul#mainnav li.topitem  h2 a.kontakt-oss{
	padding: 15px 0 0 2px;
}

ul#mainnav li.topitem  h2 a.kontakt-oss.selected{
	background-color: #E2EDF3;
    margin: 6px 0 0 0;
    padding: 9px 7px 0 2px;
}

ul#mainnav li.topitem.active  h2 a.kontakt-oss.selected{
	background-color: transparent;
}	
		
ul#mainnav li.topitem  h2 a.om-tine{
	padding: 15px 0 0 2px;
}

ul#mainnav li.topitem  h2 a.kontakt-oss{
	padding: 15px 0 0 2px;
}

ul#mainnav li#oppskrifter.active{
	background: url("http://webfiles.tine.no/tine.no_v2/images/oppskrifter.gif") no-repeat scroll 0 0 #ffffff;
}
ul#mainnav li#produkter.active{
	background: url("http://webfiles.tine.no/tine.no_v2/images/produkter.gif") no-repeat scroll 0 0 #ffffff;
}
ul#mainnav li#ernaring.active, ul#mainnav li#helse.active{
	background: url("http://webfiles.tine.no/tine.no_v2/images/sunnhet.gif") no-repeat scroll 0 0 transparent;
}
ul#mainnav li#om-tine.active{
	background: url("http://webfiles.tine.no/tine.no_v2/images/sunnhet.gif") no-repeat scroll 0 0 transparent;
}

ul#mainnav li#kontakt-oss.active{
	background: url("http://webfiles.tine.no/tine.no_v2/images/kontakt-oss.gif") no-repeat scroll 0 0 #ffffff;
}

/* end megamenu */


/* Overlay box shadows */
div.topbg{
	height: 10px;
	width: 825px;
	background: url("http://webfiles.tine.no/tine.no_v2/images/overlay-top-9.png") no-repeat scroll -1px 0 transparent;
}

div.leftbg{
	/* background: url("http://webfiles.tine.no/tine.no_v2/images/shadow_vertical_transparent.png") no-repeat scroll top left transparent; */
	background-color: transparent;
	float: left;
	width: 817px;
	border-left: 1px solid #EAEFF4;
    margin-left: 7px;
}

div.wrapper{
	width: 100%;
	float: left;	
}


div.inner_wrapper{
	width: 782px;
	float: left;
	background-color: #fff;
	border-right: 1px solid #EAEFF4;
	padding: 7px 12px 20px 12px;
}

div.right_shadow{
	float: left;
	clear: right;
	width: 9px;
	height: 9px;
	background: url("http://webfiles.tine.no/tine.no_v2/images/overlay-right-9.png") no-repeat scroll top right transparent;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://webfiles.tine.no/tine.no_v2/images/overlay-right-88.png'); */
}

div.bottombg{
	width: 825px;
	height: 10px;
	float: left;
	background: url("http://webfiles.tine.no/tine.no_v2/images/overlay-bottom-new.png") no-repeat scroll 0 0 transparent;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://webfiles.tine.no/tine.no_v2/images/overlay-bottom-new.png'); */
}

ul#mainnav a.section{
	color: #31668C;
    float: left;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    margin-left: 5px;
	width: 500px;
}

ul#mainnav div.head{
	height: 33px;
	border-bottom: 1px solid #EAEFF4;
	margin-bottom: 10px;
}

ul#mainnav div.head h2{
	float: left;
}



ul#mainnav li .sub {
	position: absolute; /*--Important--*/
	top: 41px;
	left: -20px;
	z-index: -100;
	background-color: transparent;
	padding: 0;
	float: left;
	width: 825px;
	/*border: solid 1px #e5ecf1;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-box-shadow: 0 2px 5px 3px rgba(203,203,203,0.4);
	-webkit-box-shadow: 0 2px 5px 3px rgba(203,203,203,0.4); */
	display: none;
	/*--Hidden for those with js turned off--*/
}



/*ul#mainnav li a.active{
    // border-top: 1px solid #e5ecf1;
	position:relative;
	z-index: 200000;
	height: 33px;
} */

ul#mainnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#mainnav li .sub ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 250px;
	
}



/*  submenu in megadropdown */
ul#mainnav .sub ul li {
	display: inline;
	height: auto;
	padding-left: 10px;
	font-size: 14px;
}

ul#mainnav .sub ul li.brandlist {
	padding-left: 20px;
	border-left: 1px solid #e5ecf1;
	float: right;
}

ul#mainnav a.linkbullet{
	background-position: left center;
}



ul#mainnav .sub ul ul{

	padding-left: 0px;
	font-size: 12px;
}

ul#mainnav .sub ul ul li{
	display: inline;
}

ul#mainnav .sub ul ul li.producttype{
	width: 150px;
	padding: 0px;
}

ul#mainnav .sub ul.sublist{
	float: left;
	display: block;
	width: 100%;
}

ul#mainnav h3.subheader1{
	margin-bottom: 6px;
}

ul#mainnav #prodlist h3.subheader1{
	width: 255px;
	float: left;
}

ul#mainnav .sub ul.sublist li.sublist#prodlist{
	width: 510px;
}


ul#mainnav .sub ul.sublist li.sublist{
	width: 250px;
	padding: 0px;
	margin-bottom: 10px;
}

ul#mainnav .sub ul.sublist li.sublist.productlist{
	width: 500px;
	padding: 0px;
	float: left;
}

ul.brand{
	float: left; 
	/* clear: right; */
}

ul#mainnav .sub ul.sublist li.sublist a{
	padding: 0px;
}

ul#mainnav .sub ul.sublist li.sublist a:hover{
	color: #f00000;
}

ul#mainnav .sub ul.sublist li.sublist li a{
	padding: 0 0 0 15px;
}

ul#mainnav .sub ul.sublist li.sublist li{
	width: 200px;
	padding: 0;
}




ul#mainnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#mainnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#mainnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 14px;
}

ul#mainnav .sub ul ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: 16px; /*--Override height from parent list item--*/
	margin: 0;
	padding: 0 0 0 16px;
	color: #31668C;
	font-family: arial, sans-serif;
	font-size: 12px;
	white-space: nowrap;
}

ul#mainnav .sub ul li a:hover {
	color: #f00000;
}

ul#mainnav .sub ul li h3.subheader1 a{
	padding: 0px;
}

	

/* Styling for produktfamilie og product-mosaik*/

div.relatedproducts{
	float: left;
}

div.relatedproducts ul.productfamily {

	float: left;
	border-bottom: 1px solid #c8c8c8; 
	margin-bottom: 30px;
	border-top: 1px solid #C8C8C8;
	clear: both;
	position: relative;
	width: 966px;
}

div.relatedproducts ul li{
	display: inline;
	width: 160px;
	float: left;
	position: relative;
	left: 0px;
	padding: 0 0 20px 0;
	margin: 0px 16px 10px 10px;	
	cursor: pointer;
	height: 174px;
}
div.relatedproducts ul li.carousel_mosaic_product{
	width: 164px;
	margin: 0px 16px 0px 10px;
	padding: 0;
}


div#products div.relatedproducts ul li{
	
	padding: 0px 6px 10px 0;
	margin: 0px 2px 45px 10px;		
}


div.productpics ul li{
	display: inline;
	padding: 0 5px;
	margin: 0;	
	overflow: hidden;
	height:130px;
}



div.productpics ul{
	width: 3718px;
}

div.productfamilylist ul li{
	display: inline;
	width: 238px;
	float: left;
	position: relative;
	left: 0px;
	padding: 10px 0px 10px 0;
	margin: 0px 0px 45px 10px;
	
}


div.relatedproducts ul li div.prodimage{
	background-repeat: no-repeat;
	background-position: bottom center;
	/* min-height: 115px; */
	width: 128px;
	height: 140px;
} 

#productkarusell div.relatedproducts ul li div.prodimage{
	background-repeat: no-repeat;
	background-position: bottom center;
	/* min-height: 115px; */
	width: 160px;
	height: 90px;
} 

div.productfamilylist ul li div.prodimage{
	background-repeat: no-repeat;
	background-position: bottom center;
	min-height: 115px;
	width: 238px;
} 

a.productimage{
	display: block;
}



div.relatedproducts a.linkbullet{
	line-height: 16px;
	background-position: left center;
}


div.productfamilylist a.linkbullet{
	line-height: 16px;
}

a.prodlink{
	display: block;
}

div.productfamily{
	margin-right: 30px;
	/* float: left; */
	clear: both;
	right: 0px;
	position: relative;
}





div.productfamily .linkNavi{
	float: right;
	clear: both;
}

h2.productfamily{
	float: left;
	width: 600px;
	clear: left;
	margin-bottom: 8px;
}

div.productfamily .linkNavi a{
	color: #fff;
    height: 20px;
	padding: 2px 55px 4px 7px;
	background-image: url("http://webfiles.tine.no/tine.no_v2/images/arrow_white_transparent.png");
	background-position: right center;
	background-repeat: no-repeat;
	bottom: -2px;
}

div.productfamily .linkNavi a:hover{

	background-color: #f00000;
}


li.mosaic-product a.hovering {
	
	height: 135px;
	background-position: 0px 7px;
	position: relative;
	top: 10px;
	
}


li.mosaic-product  a div.extrainfo{
	display: none;
	 color: #000;
}


a.extra{
	display: block;
	position: relative;
	bottom: 0px;
}

li.mosaic-product  a.hovering div.extrainfo{
	display: block;
}



li.mosaic-product  a.linkbullet{
   background-position: 0 155px;
    left: -10px;
    padding-top: 155px;
    position: absolute;
    top: 0;
    width: 150px;
	font-weight: 700;	
}

div.productlist li.mosaic-product  a.linkbullet{
   background-position: 0 155px;
    left: 0px;
    padding-top: 155px;
    position: absolute;
    top: 0;
    width: 150px;
	font-weight: 700;	
}

div.productfamily li.mosaic-product  a.linkbullet{
    background-position: 30px 157px;
    font-weight: 700;
    left: -10px;
    padding-left: 50px;
    padding-top: 156px;
    position: absolute;
    top: 0;
    width: 150px;
}

li.mosaic-product  a.imgwrap{
	display: block;
    height: 144px;
    text-align: center;
}

li.mosaic-product  a img.prodimage{
	position: relative;
    top: 33px;
}

div.productfamilylist li.mosaic-product  a.linkbullet{
	left: 30px;
    padding-top: 130px;
    position: absolute;
    top: 0;
    width: 100%;
	background-position: 0px 130px;
	
}




#productkarusell li.carousel_mosaic_product  a.linkbullet{
	bottom: 3px;	
	position: absolute;
	white-space: normal;
	height: 33px;
	background-position: left top;
	font-weight: 700;
}

div.plant{
	border-bottom: 1px solid #000;
	padding: 0 0 7px 0;
	margin: 0 0 7px 0;
}

div.relatedcontent a.linkbullet{
	display: block;
}

div.plant h2{
	margin: 0;
}


/* product search */
div.productsearch{
	border: 1px solid #d8d8d8;
	padding: 10px 20px 14px;
}

div.productsearch span.typeface-js{
	font-size: 14px;
}

#prodExpandSearch{
	left: 470px;
    line-height: 20px;
    position: absolute;
    top: 49px;
}

.prodsearch span{
	font-size: 14px;
}

div.productsearch.mosaic_portlet{
	width: 674px;
	margin: 0 30px 0px 0;
	float: left;
}

#prodsearch div.expand{
	display: none;
}

div.productshadow{
	clear: both;
}

div.productshadow img{
	display:block;
	margin-bottom:20px;
}

.sitesearch .prodtext {
	position: relative;
	/* behavior: url(http://www.tine.no/resources/htc/PIE.htc); */
	border: 1px solid #b7d1e3;
	border-right: none;
	height: 40px;
	line-height: 40px;
	width: 350px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-radius: 5px 0px 0px 0px;
	vertical-align: middle;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255,255,255)), to(rgb(255,255,255)));
	margin: 6px 0 6px 0;
	font-size: 20px;
	padding: 0 0 0 10px;
	
}

div .productsearch .sitesearch select{
	width: 140px;
	border: 1px solid #b7d1e3;
	margin: 0 20px 5px 0;
}

div .productsearch .sitesearch label{
	display: block;
	padding: 0 0 2px 0;
}

div .productsearch .sitesearch .field{
	float: left;
	
}


div.article.product {

	padding-right: 32px;
	
}


div.article.product h1{
	font-size: 24px;
}

div.article.product .rightproduct{
	float: right;
	width: 250px;
	padding-bottom: 30px;
}


div.article.product div.center{
	text-align: center;
}

div.ingredientwrapper, div.cvwrapper{
	display: none;
    float: left;
    padding: 10px 0;
}

div.ingredientwrapper h3, div.cvwrapper h3{
	font-weight: 700;
}

a.ingredients,a.details{
	
   background-image: url("http://webfiles.tine.no/tine.no_v2/images/sign_blue_plus.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #31668C;
    display: block;
    float: left;
    padding-top: 3px;
	padding-bottom: 3px;
    outline: 0 none;
	border-bottom: 1px solid #B7D1E3;
    border-top: 1px solid #B7D1E3;
	margin-top: 10px;
}

div.person a.details{
	width: 100%;
}

a.ingredients:hover, a.details:hover{
	color: #F00000;
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/sign_red_plus.gif');
}

a.ingredients.expandlink:hover, a.details.expandlink:hover{
	color: #F00000;
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/sign_red_dash.gif');
}

a.ingredients.expandlink, a.details.expandlink{
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/sign_blue_dash.gif');
}



div.carousel{
	float: left;
	width: 718px;
	padding: 30px 0 0 0;
}

h2.sectionheader a {
	font-size: 12px;
	margin: 0 0 0 10px;
	
}


div.carousel div.wrapper{
	float: left;
	width: 164px;
}


div.carousel #productkarusell {
    width: 718px;
	float: left;
    height: 125px;
    position: relative;
    z-index : 12;
	margin-bottom: 20px;
}
div.carousel #productkarusell img.product{
	cursor: pointer;
    padding: 0 35px;
    position: relative;
}

div.carousel #productkarusell img.left{
	cursor: pointer;
}

div.carousel #productkarusell img.right{
	cursor: pointer;
}

div.carousel a.linkbullet{
	background-position: left 156px;
}

div.carousel h2 a.linkbullet{
	background-position: left center;
}

div.productpics{
	height: 125px;
    line-height: 125px;
    overflow: hidden;
    white-space: nowrap;
}


div.ing_wrap{
	clear: right;
    float: left;
    width: 339px;
	color: #1b1b1b;
	padding-right: 10px;	
}

div.ing_wrap.last{
	 padding-left: 10px;
    padding-right: 0;
}

div.productfamilylist{
	clear: both;
}


div.productfamily div.related{
	width: 302px;
	float: left;
	clear: right;
	margin-right: 20px;
}


div.product div.related, div.bytags div.related{
	width: 344px;
	float: left;
	clear: right;
	margin-right: 28px;
	padding-bottom: 20px;
}

div.product div.related .last{
	margin-right: 0px;
}

div.related h2.related{
	font-size: 24px;
	border-bottom: 1px solid #b7d1e3;
	padding-bottom: 5px;
	margin-bottom: 30px;
	width: 340px;
	font-family: TINESariMedium, Arial;
}

div.related div.horizontal{
	position: relative;
	height: 260px;
}

div.related div.horizontal a.linkbullet{
	position: absolute;
	bottom: 0;
}

div.related .entry  {
    float: left;
   width: 340px;
   clear: left;
   margin: 0 30px 20px 0;
}

div.related .entry .sideinfo  {
  
   margin-top: 35px;
}

div.related .entry .sideinfo  a.linkbullet{
	background-position: left center;
}


div.related .entry .sideinfo h2  {
   font-size: 18px;
   color: #1b1b1b;
}

div.related .entry .sideinfo h2  a{
   font-size: 18px;
   color: #1b1b1b;
}

div.related .entry .sideinfo .preface {
  
   margin-bottom: 10px;
}

div.related .entry .images {
    float: left;
    margin-right: 10px;
    position: relative;
}


div.product{
	float: left;
	clear: both;
}

li.restlist{
	display: inline;
}

div.clear{
	float: left;
	clear: both;
}


.mosaic-portlet .imagecontainermedium {
float:left;
margin-right:10px;
width:316px;
}

.brocuhre-medium-link {
border-bottom:1px solid #C5DAE9;
border-top:1px solid #C5DAE9;
bottom:0;
display:block;
padding-bottom:2px;
padding-top:2px;
position:relative;
right:0;
width:300px;
}

h2.faqheader{
	font-size: 18px;
    padding: 3px 10px;
	margin: 20px 0 0 0;
}

h4.question{
	background-color: #DBE8F1;
    height: 25px;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 2px 2px 2px 18px;
    text-align: left;
    vertical-align: middle;
	font-family: Arial;
	cursor: pointer;
}

/*h4.question.odd{
	background-color: #ffffff;	
}*/

h4.question span.expand{
    background-position: right center;
    background-repeat: no-repeat;
    height: 25px;
    padding: 0;
	display: block;
	font-size: 14px;
    position: relative;
    right: 8px;
    width: 100%;
}

#faq{
	float:left;
	width: 718px;
}

/*span.expand:hover{
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/expand_red.png');
}*/


span.expand{
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/original_arrow-right.png');
}

/*span.expand.expanded:hover{
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/dash_red.png');
}*/


span.expand.expanded{
	background-image: url('http://webfiles.tine.no/tine.no_v2/images/original_arrow-down.png');
}

/*#faq .answer p{
	padding: 5px 7px;
} */

#faq div.answer{
	padding: 10px;
}

#faq .faqentry{
	border-color: #B7D1E3;
	border-style: solid;
    border-width: 1px;
	margin-bottom: 15px;
}

#faq .faqentry a.question{
	width: 100%;
	display: block;
}


.image-carousel{
	float: left;
	position: relative;
}

.image-carousel .images{
	left: 23px;
    position: relative;
}

.image-carousel .control {
  display:block;
  width:15px;
  height: 19px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index: 100;
  opacity: 0.7;
}

.image-carousel .control:hover{
	opacity: 1;
}
#leftControl {
  top:42%;
  left:6px;
  background:transparent url(http://webfiles.tine.no/tine.no_v2/images/bluearrow_large_left.gif) no-repeat 0 0;
}

#rightControl {
  top:42%;
  right:-40px;
  background:transparent url(http://webfiles.tine.no/tine.no_v2/images/bluearrow_large.gif) no-repeat 0 0;
}