/* **************************************************
	Lantmannen Unibake
	Styles: General
	Sections:	Typography
				Elements
				Generic Elements
				Main containers
				Main navigation
				Content
				01 Startpage
                   productFrontpage
				02 Productcategorypage
				03 Productpage
				04 Articlepage
				05 Searchpage
                06 Section front page
                07 Brand front page
				Footer
************************************************** */
html {
	overflow-y: scroll;
	min-height: 100%;
	height: auto;
	}
body {
	color:#000;
	text-align:center;
	background: #f5f4f0 url(gfx/backgrounds/bg-page-wrapper.png) repeat-y center top;
	}
a {
	text-decoration:none;
	color: #4f8827;
	font-family: Times New Roman;
	}

a:active,
a:hover,
a:focus {
	text-decoration: underline;
	color: #4f8827;
	}
body.noJavascript {background-image: none;}
p {line-height: 1.3;}
.highlight{font-weight: bold;}
.hr hr{display: none;}
.hr{
	background: #d3dee0;
	height:1px;
	margin:1em 0;
	clear: both;
	}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix{display: inline-block;}
.clearfix{display: block}

.accessibility{
	position: absolute !important;
	top: -999em;
	left: -999em;
	
	}
legend.accessibility {display: none;}

/* **************************************************
	Typography
   ************************************************** */
/* ----------- Font-size heading and font face ------------ */
h1 {font-size: 24px; color: #4f8829; margin-bottom: 10px;}
h2 {font-size: 24px; }
h3 { font-size: 10px; color: #4f504f; text-transform: uppercase;}
/* --------- Font-size Generic elements  ---------- */
body, p, div, span {
    font-size: 11px;
}
#nav h3,
#page #productcategorypage .catproducts h2,
.imageColumn .imageDescription,
#productcategorypage #pageRelated h3,
.myCatalogBox ul a.remove {
    font-size: 10px;
	}
#service a,
.productCarousel .selector li a,
.popup h3,
.popup ul li.close,
#productFrontpage h2,
#searchpage dl.brands dd.text,
#searchpage dl.news dd.text,
#xForm .button,
.myCatalogBox .actionLinks a {
	font-size: 11px;
	}
.countrySelector a,
.productCarousel .selector a,
.imageColumn h4,
#page span.submit .btn,
.flexiblePortlet a,
#header .countrySelectorTrigger,
.brandBox ul li img,
#productPage .print,
#pageContent .more a {
	font-size: 12px;
    }
.productCarousel .heading,
.list,
.myCatalogBox ul a.product {
	font-size: 14px;
    }
#nav ul ul li a,
.preamble {
    font-size: 15px;
}
.list a,
div.infoBoxes h4,
.flexiblePortlet ul.linkList a,
#nav ul li,
#productFrontpage #pageContent li h2,
#brandFrontpage #pageContent li h2,
.frontpagePortlet h4 {
	font-size: 17px;
	}
#searchpage #pageContent h3,
#productcategorypage h3,
.brand #pageContent h3
 {
	font-size: 18px;
	}
a.arrowLink,
p.linkList a {
    font-size: 20px;
}
#sectionFrontpage h1,
#sectionFrontpage h2 {
    font-size: 40px;
}
.brandBox ul li a {
    font-size: 36px;
}

/* ELEMENTS USING TIMES */
h1,
h1 strong,
h2,
h3,
.imageColumn h4,
div.infoBoxes h4 a,
#nav a,
ul.list li a,
dl.list, 
dl.list a,
.flexiblePortlet a,
#page span.submit .btn,
div.infoBoxes .funFact h4,
a.arrowLink,
p.linkList a,
#productFrontpage #pageContent li h2 a,
#brandFrontpage #pageContent li h2 a,
.frontpagePortlet h4 {
    font-family: Times New Roman;   
}
/* ELEMENTS USING VERDANA */
dl a,
p a,
ul li a,
#service a,
.countrySelector a,
.preamble,
.productCarousel .selector a,
.productCarousel .heading,
.popup ul li.close,
#searchpage dl.brands dd.text,
#searchpage dl.news dd.text,
.myCatalogBox ul a.remove,
.myCatalogBox .actionLinks a,
.brand a.showAll
 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}

/* **************************************************
	Elements
   ************************************************** */	
h1,h2 {}
dt{margin-top: 12px;}
dd{color: #4f504f;}
sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
	}
ul.arrowList{
	margin-bottom: 0.6em;
	}
	ul.arrowList li {
		background: url('gfx/icons/linkArrowSmallGreen.gif') no-repeat 0 4px;
		padding-left: 8px;
		line-height: 1.4em;
		}
div.clear {
    float: none;
    clear: both;
}
p.back {margin-bottom:0.8em;}
.showAll {
	float:right;
	margin-bottom:1em;
	}
.show{display: block !important;}
.close{
	position: absolute;
	top: -9px;
	right: 12px;
	width: 50px;
	height: 15px;
	text-align: right;
	}
tr.even{background-color: #efefef;}
.more{
	float: right;
	text-align: right;
	margin-right: 15px;
	width: 665px;
	}
a.arrowLink,
p.linkList a {
    background: transparent url(gfx/icons/link-arrow.png) no-repeat left 5px;
    padding: 0 0 0 23px;
    display: block;
    margin-bottom: 6px;
}
p.linkList {
    margin-top: 1em;
}
/* ------- BULLETS AND NUMBERING.  ------- */
	


/* **************************************************
	Generic Elements
   ************************************************** */	/* !Generic Elements */
/* -------- Buttons ---------- */
span.submit {
    position: relative;
	background: transparent url(gfx/buttons/btnSubmit.png) left top no-repeat;
	padding: 0 0 5px 8px;
	display: block;
	float: left; 
	height:21px;
	margin:0 10px 0 0;
	}
span.submit .btn {
	background: transparent url(gfx/buttons/btnSubmit.png) bottom right no-repeat;
	padding: 3px 9px 5px 12px;
	display: block;
	float: left;
	cursor: pointer;
	overflow: visible;
	color: #5e9732;
	font-weight: bold;
	border: 0px white solid;
	line-height: 20px;
	margin: 0 -10px 0 -10px;
	height: 26px;
    text-decoration: none;
	}
.popup{
		display: none;
		position: absolute;
		top: 42px;
		right: 350px;
		width: 243px;
		z-index: 9;
		background: url(gfx/backgrounds/bg-countrySelector-bottom.png) no-repeat bottom;
		}
		.popup .content{
			
			}
		.popup ul{
				width: 213px;
				display: block;
				background: url(gfx/backgrounds/bg-countrySelector-top.png) no-repeat top;
				padding: 15px;
				margin-top: -15px;
				text-align: left;
				}
				.popup h3{
					color: #333;
					margin-left: -10px
					}
				.popup ul li{
					margin: 3px 0 3px 10px;
					width: 213px;
					display: block;
					}
					.popup ul li a{
						display: block
					}
					
/* paging information */
.pagingInfo{
	margin-bottom: 12px;
	float: left;
	}
	
/* Paging */
ul.paging{
	float: right;
	}
	ul.paging li{
		float: left;
		margin-right: 10px;
		}
	ul.paging li.sel a{
		color: #000;
		}
#productcategorypage a.showAll, a.showLess,
#articlepage.brand a.showAll, #articlepage.brand a.showLess {
    margin-left: 8px;
    float: none;
}
/* ------- BOXES AND PORTLETS ------ */
.x-portlet {
    
}
.first-portlet .flexiblePortlet, .flexiblePortlet:first-child {
    padding-top: 0;
}
.last-portlet .flexiblePortlet, .flexiblePortlet:last-child {
    border-bottom: 0;
}
.flexiblePortlet {
    border-bottom: 1px solid #d1d0d0;
    padding: 1.5em 0 .8em 20px;
}   
.flexiblePortlet h3 {
    margin-bottom: 1em;
}
.flexiblePortlet p {
    margin-bottom: .5em;
}
.flexiblePortlet ul {
    display: inherit;
    list-style-position: outside;
    list-style-type: disc;
    margin-bottom: .5em;
    padding: 0 0 0 25px;   
}
.flexiblePortlet ul.linkList {
    list-style-type: none;
    padding: 0;   
}
.flexiblePortlet ul.linkList li {
    margin-bottom: 6px;    
}
.flexiblePortlet ol {
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0 0 .5em 25px;   
}
.flexiblePortlet img {
    margin-bottom: .5em;   
}
.flexiblePortlet table {
    margin-bottom: .5em;
}
.frontpagePortlet {
    border-left: 1px solid #D1D0D0 !important;
    margin-left: -10px;
    padding-left: 10px !important;
}
.frontpagePortlet h4 {
    color: #4F8827;
    margin: 0 0 4px 0;
}
.frontpagePortlet img {
    margin: 0;
}
/* -- headings --*/
#searchpage h2,
#productcategorypage h2{
	color: #4f504f;
	margin-top: 40px;
	margin-bottom: 10px; 
	float: left;
	width: 665px;
	}
#searchpage h2{
	margin-top: 20px;
	}
#searchpage #pageContent h3,
#productcategorypage h3{
	text-transform: none;
	margin-bottom: 10px;
	}
#searchpage #pageContent h3{
	margin-top: 10px;
	width: 665px;
	float: left;
	}
/* -- Searchfield --*/
#searchField,
.largeSearchField {
	float: left;
	}
	#searchField .searchField,
	.largeSearchField .searchField {
		border: 1px solid #cecece;
		height: 17px;
		width: 127px;
		margin-top: 4px;
		background-color: #f6f6f6;
		padding: 0;
		float: left;
		margin-right: 10px;
		color: #333;
		}
	.largeSearchField {
		float: left;
		margin-bottom: 10px;
		width: 100%;
		} 
	.largeSearchField .searchField{
		width: 430px;
		}
    #searchField .submit,
    .largeSearchField .submit {
        background: transparent url(gfx/buttons/search-submit.png) no-repeat right -37px;  
        padding: 0 5px 0 0;
        margin-top: 3px;  
    }
    #searchField .submit .btn,
    .largeSearchField .submit .btn {
        background: transparent url(gfx/buttons/search-submit.png) no-repeat left 4px;    
        padding: 3px 0 0 6px;
        margin: -4px 0 0 0;
    }
	.largeSearchField .submit .btn {
	    padding: 4px 3px 0 9px;
	}

/* ---- News list  ---- */
dl.brands dd.seperator,
#pageContent dl.news dd.seperator{width: 100%; float: left; margin: 10px 0; height:1px;}   
#newslistpage dt{margin-top: 0;}
#pageContent dl.news{margin-bottom: 10px;}
#pageContent dl.news dd.text{width: 665px;}
#pageContent dl.news dd.date{color: #999;}
a.newsListLink {
    font-size: 14px;
    margin-top: 15px;
    display: block;
}

/* ---- Print Product sheet ---- */
.myCatalogBox { 
    padding-bottom: 5px;
    padding-left: 5px;
    float: left;
    margin-bottom: 10px;
 }
.myCatalogBox .content {
    padding: 10px 10px 0 10px;
    background-color: #edf1ea; 
    float: left;
    width: 200px;
}
.myCatalogBox h3 {
    font-weight: bold;  
}
.myCatalogBox ul { 
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 20px;
    float: left;
}
.myCatalogBox ul li {
    width: 200px;  
    float: left;
    margin-bottom: 6px; 
}
.myCatalogBox ul a.product {
    float: left;
    width: 150px;
}
.myCatalogBox ul a.remove {
    color: #4f504f;
    float: right;
}
.myCatalogBox .actionLinks {
    padding-bottom: 15px; 
}
.myCatalogBox .actionLinks a {
    color: #4f504f;  
    display: block;
    margin-bottom: 2px;
}
/* ---- X-Forms ---- */
#xForm {
    margin-top: 15px;   
}
#xForm td label {
    width: 125px;
    display: block;
    float: left;   
}
#xForm td legend {
    padding-bottom: 5px;
}
#xForm fieldset label {
    width: auto;  
    display: inline;
    float: none; 
}
#xForm fieldset label {
    margin-right: 10px;
}
#xForm td {
    padding-top: 5px;   
}
#xForm .button {
    background-color: #edf1ea;
    padding: 3px 10px;
    border: 1px solid #5e9732;
    outline: white;
    margin: 5px 0;
    cursor: pointer;
}
#xForm .button:active,
#xForm .button:focus {
    border-width: 1px;
    padding: 4px 9px 2px 11px;   
}
#xForm .submit {
    margin-left: 125px;
    font-weight: bold;
}
#xForm input:focus {
    border: 2px solid #5e9732;
}
#xForm .xformvalidator {
    margin-left: 10px;   
}
#xForm textarea, #xForm input {
        font-size: 11px;
}   

/* **************************************************
	Main containers
   ************************************************** */

#page{
	width: 940px;
	min-height: 600px;
	margin: 0 auto;
	padding-left: 40px;
	position: relative;
	z-index: 2;
	font-size: 0;
	/*background: transparent url(gfx/backgrounds/bg-page-wrapper.png) repeat-y center top;*/
	}
#header {
	text-align: left;
	height: 125px;
	padding-top: 0;
	background: white url(gfx/backgrounds/top-gradient.jpg) no-repeat scroll left top;
	}
	#header.double {
	    height: 155px;   
	}
	#header #logo{
		float: left;
		width: 121px;
		height: 80px;
		margin-top: 20px;
		position: relative;
		z-index: 99;
		}
		/* country selector */
#header .countrySelector{
	position: relative;
	float: left;
	margin-right: 25px;
	background: url(gfx/icons/icon-arrow-down.png) no-repeat right 9px;
	}
#header .countrySelectorTrigger{
	background: url(gfx/backgrounds/bg-countrySelector.png) no-repeat left 3px;
	padding: 4px 15px 0 60px;
	height: 30px;
	display: block;
	text-decoration: none;
	}
		
#pageContent{
	width: 680px;
	float: left;
	margin-left: 2px;
	position: relative;
	}
#pageRelated{
	width: 220px;
	float: left;
	}
#content{
	text-align: left;
	float: left;
	background: url(gfx/backgrounds/bg-pageContent.png) repeat-y 681px 0;
	}
#startpage #content{background-image: none;}
#content .columnOne{width: 325px; margin-right: 20px; float: left; overflow: hidden;}
#content .columnTwo{width: 325px; float: left; overflow: hidden;}
.row {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 20px 0;
    width: 900px;
    text-align: left;
}
.oneCol {
    width: 210px;
    margin: 0 0 0 20px; 
    float: left;
}
.twoCol {
    width: 440px;
    margin: 0 0 0 20px;  
    float: left;
}
.threeCol {
    width: 670px;
    margin: 0 0 0 20px;  
    float: left;
}
.fourCol {
    position: relative;
    width: 900px;
    margin: 0 0 0 20px;  
    float: left;
}

.threeColBakerman
{
	width: 470px;
    margin: 0 0 0 0px;  
    float: left;
    border-right:200px solid #FBF8E7; 
}

.rigthContent 
{
	float:right;
	width:200px;
	height: 100%;
	margin-right: -200px;
}



.oneCol:first-child, .twoCol:first-child, .threeCol:first-child, .fourCol:first-child { margin-left: 0px; } /* No margin on first item in a row in all browsers except IE6 */
.row .first { margin-left: 0; } /* IE6 fix, remove this and its class in mockup if IE6 support not wanted */

.borders .oneCol {
    border-left: 1px solid #d7d5d6;
    width: 199px;
}
.borders .oneCol:first-child {
    border: 0;
    width: 200px;
}
	
/* **************************************************
	Main navigation
   ************************************************** */

/* --------- 1st level navigation ----------- */
#nav {
    position: absolute;   
    float: left;
    display: block;
	left: 0px;
    top: 60px;
    width: 909px;
    height: 66px;
    background:url(gfx/backgrounds/bg-subNav.png) no-repeat scroll left bottom; 
}
#header.double #nav {
    height: 96px;
    background:url(gfx/backgrounds/bg-subNav-double.png) no-repeat scroll left bottom; 
}
#nav ul {
	position: relative;
	left: 130px;
	}
	#nav ul li {
		float: left;   
		margin-top: 9px;
		font-family: Times New Roman;
	}
	#nav ul li.sel{
		background:url(gfx/backgrounds/bg-topNav.png) no-repeat right -39px;
		padding: 0 6px 10px 6px;
		display: block;
		float: left; 
		height:26px;
		margin:0;
		}
	#nav ul li.sel a{
		background: transparent url(gfx/backgrounds/bg-topNav.png) left top no-repeat;
		display: block;
		float: left;
		margin: 0 0 0 0; 
		position: relative;
		top: 0px;
		left: 0px;
		height: 25px;
		color: #d9e4a2;
		text-decoration: none;
		}
		#nav ul li.sel a:hover{text-decoration: none;}
		#nav ul li.sel div.shade {
		    background: transparent url(gfx/backgrounds/bg-topNav.png) center bottom no-repeat;
		    height: 1px;
		    position: absolute;
		    width: 100%;
		    z-index: 8;
		    top: 6px;
		}
		#nav ul li a {
			color: #7f9239;
			padding: 9px 11px 7px 18px;
		}
		#nav ul li a:hover {
			text-decoration: underline;
		}
/* ---------- 2nd level navigation ----------- */
#nav ul ul {
    position: absolute;
    left: -129px;
    top: 30px;
    width: 890px;
	}
	#nav ul ul li{background: none !important; margin: 0;}
	#header.double ul ul  {margin: 3px 0 0 0;}
	#nav ul ul li a{background: none !important; color: white !important; margin: 0 !important; white-space: nowrap; }
	#nav ul ul li.sel {padding-left: 0; padding-right: 0; margin: 3px 0 0 0;height: 13px;}
	#nav ul li.sel ul li a{background: none !important; color: #4f504f; height: 13px; padding-bottom: 3px;}
	#nav ul ul li.sel a{color: #C9D482 !important; padding-top: 6px;}
	#nav ul li.sel ul li a:hover{text-decoration: underline;}
	#nav ul li.sel ul li.sel a:hover{text-decoration: none; cursor: default;}

/* ---------- service navigation ----------- */
#service {
    position: absolute;
    right: 0px;
    background: transparent url(gfx/backgrounds/service-box.png) no-repeat scroll right -33px;
    padding-right: 6px;
}
#service .menu {
    height: 27px;
    float: left;
    padding-left: 15px;
    background: white url(gfx/backgrounds/service-box.png) no-repeat scroll left top;
}
#service .search {
    float: left;  
    margin-right: 20px; 
}
#service .search label {
    float: left;
}
#service ul {
    float: left;   
    margin-right: 10px;
    padding-top: 4px;
}
	#service ul li {
		float: left;
		margin-right: 15px;
	}
	#service ul li.sel a {
		color: #333;
}
/* **************************************************
	Content
   ************************************************** */	

		
/* **************************************************
	01 Startpage id = #startpage
   ************************************************** */
#startpage .brandingItems {
    margin-bottom: 0px;
}
/* Product carousel */
.productCarousel {
    position: relative;
    height: 270px;
    width: 670px;
	}
	.productCarousel ul.products li {
		height: 250px;
		display: none;
		}
	.productCarousel ul.products li.sel {
		display: block;
		}
	.productCarousel .image {
		top: 0px;
		left: 0px;   
		width: 670px;
		height: 250px;
		z-index: 2;
		}
	.productCarousel .heading {
		position: absolute;
		top: 20px;
		left: 20px;
		padding: 10px;
		width: 250px;
		z-index: 3;
		background-image: url(gfx/backgrounds/bg-product-carousel-header.png);
		}
		.productCarousel .heading .goTo {
			background: transparent url(gfx/icons/arrowLarge.png) no-repeat left 2px;
			padding-left: 15px;
			text-transform: uppercase;
			font-weight: bold;   
			}
	.productCarousel h1 {
		margin-bottom: 12px;
		color: #000;
		}
	.productCarousel .selector {
		position: absolute;
		bottom: 20px;
		z-index: 10;
		}
		.productCarousel .selector ul {
			width: 100%;
			
			} 
			.productCarousel .selector li {
				height: 37px;
				display: block;
				padding: 23px 0 0 0 !important;
				float: left;
				text-align: center;
				margin-right: 1px;
				width: 94px;
				overflow: hidden;
				text-align: center;
				background:  transparent url(gfx/buttons/btn-product-carousel.png) left 20px repeat-x; 
				}
				.productCarousel .selector li.first {
				    width: 97px;
				}
				.productCarousel .selector li.last {
				    width: 97px;
				    margin-right: 0;
				}
				.productCarousel .selector li.doubleLine a {
					line-height: 16px;
					}
				.productCarousel .selector li a {
					text-transform: uppercase;
					color: #333333;
					vertical-align: middle;
					line-height: 35px;
					display: block;
					}
				.productCarousel .selector li a:hover,
				.productCarousel .selector li a:visited,
				.productCarousel .selector li a:focus{
					text-decoration: none;
					}
				.productCarousel .selector li.sel {
					background: transparent url(gfx/buttons/btn-product-carousel.png) center -77px repeat-x;
					}
/* News and press */
#newsAndPress {
    margin-bottom: 10px;
}
/* Info boxes */
div.infoBoxes {overflow: hidden;}
div.infoBoxes ul{margin-right: -1px; float: left;}
	div.infoBoxes li {
		width: 210px;
		padding-bottom: 10px;
		float: left;
		}
	div.infoBoxes ul.first {
		float: left;
		}
	div.infoBoxes ul.last {
		border-top: 1px solid #d1d0d0;
	} 
	div.infoBoxes ul.last li{
		padding-top: 10px;
		}	
	div.infoBoxes li.even {
	    margin-bottom: -2000px;
        overflow: hidden;
        padding-bottom: 2010px;
		padding-right: 10px;
		border-right: 1px solid #d1d0d0;
		}
	div.infoBoxes li.odd {
	    margin-bottom: -2000px;
        overflow: hidden;
        padding-bottom: 2010px;
		padding-left: 10px;
		}
		div.infoBoxes h3{
			margin-bottom: 4px;
			margin-top: 3px;
			}
	    div.infoBoxes .funFact h4 {
	        color: #4F504F;   
	    }
		div.infoBoxes h4{
			margin-bottom: 4px;
			}

/* Brandbox */
#brands.fourCol,
#brandsIE7.fourCol {
    margin: 0; 
	text-align: center;
	position: relative;
	height: 70px;
	/*background: url(gfx/backgrounds/bg-brand.png) repeat-x top;*/
}
#brandsIE7 td {
    vertical-align: middle;
    text-align: center;
}
#brands .brandBox{
	position: absolute;
	height: 50px;
	
	}
	.brandBox li {
	float: left;
	position: relative;
	}
.brandBox a {
	display: block;
	position: static;
	width: 40px;
	color: #000;
	float: left;
	top: 0px;
	text-align: center;
	text-decoration: none;
}
#brandsIE7 .brandBox a {
    width: 80px;
}
#brands .brandBox a img {
    width: 100%;
}
.brandBox span {
    display: none;
    color: #999;
    margin-top: 10px;
}
.brandBox ul li img{vertical-align: middle;}	
/* Portlet zone */
#FrontPagePageRelatedArea .flexiblePortlet {
    padding-left: 0px;
    border: none;
}

/* **************************************************
	Product front page id = #productFrontpage
   ************************************************** */
#productFrontpage .content {
    margin-right: 15px; 
    padding-bottom: 15px;
}
#productFrontpage ul.categoryList {
    clear: both; 
}
#productFrontpage ul.categoryList li {
    width: 210px;
    float: left;
    margin: 0;  
    padding: 0 9px 35px 9px;
    border-right: 1px solid #d1d0d0; 
}
#productFrontpage ul.categoryList li.first-item {
    padding-left: 0;
}
#productFrontpage ul.categoryList li.last-item {
    margin-right: 0;
    border-right: none;
}
#productFrontpage ul.categoryList .image {
    margin-bottom: 5px;
    display: block;
}
#productFrontpage #pageContent li h2 {
    padding: 7px 0;
    margin-bottom: 10px;
    border-top: 1px solid #d1d0d0;
    border-bottom: 1px solid #d1d0d0;
}

/* **************************************************
	02 Product category page id = #productcategorypage
   ************************************************** */
#productcategorypage #pageContent{}
#productcategorypage .content{margin-right: 15px;}

#productcategorypage #pageRelated h3 {
    margin-bottom: .5em; 
    text-transform: uppercase;  
}
ul.productList{
	margin-bottom: 20px;
	float: left;
	width: 100%;
	}
	ul.productList li
	{
	    height: 190px;
		margin-right: 15px;
		float: left;
		width: 155px;
		} 
		ul.productList li a.img {
		    width: 155px;
		    height: 115px;
		    display: block;
		    margin-bottom: .5em;   
		}
		ul.productList li a.addCatalog {
		    margin-top: 1px; 
		    float: left;  
		}
.catproducts{
	margin-top: 20px;
	}
.newproducts {
    margin-bottom: 20px;   
    display: block;
    float: left;
}
/* **************************************************
	03 Product page id = #productpage
   ************************************************** */
#productPage .box{
	float: left;
	width: 325px; 
	margin-bottom: 20px;
	}
	#productPage #pageRelated .box {
	    width: 200px;
	}
	#productPage .box h2{
		color: #4f504f;
		margin-bottom: 3px;
		}
	#productPage .box table{
		width: 100%;
		margin-top: 3px;
		}
		#productPage .box table td{
			padding-top: 3px; 
			padding-bottom: 3px;
			vertical-align: top;
			}
		#productPage .box table td.first{padding-left: 15px;}
#productPage .productImage .imageCaption {
    margin-top: 3px; 
    font-style: italic;
}
#productPage .mainInformation{width: 660px;}
	.mainInformation div{float: left;}
	.mainInformation img.brand{float: left; margin-right: 15px;}
	.mainInformation h1{
		display: block; 
		color: #5e9732;
		margin-bottom: 8px;
		width: 350px;
		}
				
.storage{margin-top: -10px;}
#productPage .storage table td.first{padding-left: 0; width: 45%;}

.countriesLanguages{}
	.countriesLanguages td.first{width: 10%;}
	.countriesLanguages td.second{width: 45%; text-align: center;}
	.countriesLanguages td.third{width: 45%; text-align: center;}

.nutritionInfo{}
	.nutritionInfo td.second{text-align: right; padding-right: 15px;}
#productPage ul.pictograms li {
    float: left;
    margin: 0 10px 10px 0;   
}
#productPage ul.pictograms li p {
    text-align: center; 
    display: block;
}
#productPage .print{
	position: absolute;
	right: 15px;
	top: 0;
	}
#productPage .print .addToCatalog {
    margin-right: 10px;
}
	
/* **************************************************
	04 Article page id = #articlepage
   ************************************************** */
.contentColumn{
	float: left;
	width: 440px;
	margin-right: 20px;
	}
#articlepage .wide {
    width: auto;
}
.imageColumn{
	float: left;
	width: 199px;
	margin-right: 20px;
	}
#articlepage h1{
	color: #4f8829;
	margin-bottom: 10px;
	}
#articlepage h2{
	color: #000;
	}
.preamble{
	color: #000000;
	margin-bottom: 10px;
	}
.imageColumn .articleImage{
	margin-bottom: 10px;
	}
.imageColumn h4{
	color: #4f8829;
	text-transform: uppercase;
	margin-bottom: 3px;
	}	
.imageColumn .imageDescription{
	color: #5a5a5a;	
	}
	
/* ------ Standard tags definition on article page ------ */

#articlepage #pageContent .content ul {
	list-style-type:disc;
	list-style-position:outside;
	padding:0 0 0 25px;
	display:inherit;
	margin-top: .2em;
	}
#articlepage #pageContent .content ul li {margin:0 0 .5em ;}
#articlepage #pageContent .content ul li ul {margin:.5em 0;}
#articlepage #pageContent .content ul li ul li {margin:0;}
#articlepage #pageContent .content ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin:0 0 5px 25px;
	}
#articlepage #pageContent .content table {margin:1em 0;}
#articlepage #pageContent .content table tbody tr th {
	border-top:solid 3px #7d7d7d;
	border-bottom:solid 1px #7d7d7d;
	padding:2px 5px;
	}
#articlepage #pageContent .content table tbody tr td {padding:2px 5px 2px 0;}


/* **************************************************
	04a Brand page  = (#articlepage) .brand
   ************************************************** */
.brand a.showAll {
    margin-left: 0 !important;   
}
.brand .catproducts {
    clear: left;   
}
.brand #pageContent h3 {
    margin-bottom: 10px;
    text-transform: none;
    color:#4F504F;
}

/* **************************************************
	05 Search Page id = #searchpage
   ************************************************** */
#searchpage ul.productList{margin-bottom: 0;}

dl.brands{float: left; width: 100%;}
dl.brands dt{float: left; margin-top: 0; width: 570px;}
dl.brands dd.text{float: left; width: 570px;}
dl.brands dt.noImage,dl.brands dd.noImage{width: 665px;}
dl.brands dd.img {float: left; margin-right: 10px;}   


/* **************************************************
	06 Section front page = #sectionFrontpage
   ************************************************** */
#sectionFrontpage #topSection {
    position: relative;   
    height: 260px;
}
#sectionFrontpage .backgroundImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#sectionFrontpage .overlay {
    position: absolute;
    background: transparent url(gfx/backgrounds/bg-section-top.png) repeat-y left top;
    top: 25px;
    left: 25px;
    width: 620px;
    height: 210px;
}
#sectionFrontpage .headings {
    position: absolute;
    width: 560px;
    bottom: 25px;
    left: 25px;
    z-index: 10;
    padding: 30px;
    overflow: hidden;
}  
#sectionFrontpage .twoCol {
    margin-left: 0;
}
#sectionFrontpage h1 {
    color: #000000;
    line-height: .9em;
    margin-bottom: 0;
}
#sectionFrontpage h2 {
    color: #4F8829;
    line-height: .9em;
}



/* **************************************************
	07 Brand front page = #brandFrontpage
   ************************************************** */
#brandFrontpage .content {
    margin-right: 15px; 
    padding-bottom: 15px;
}
#brandFrontpage ul.categoryList {
    clear: both; 
    /*Equal height columns:*/
    display: table;
    width: 100%;
    height: 1%;
    overflow: hidden;
}
#brandFrontpage ul.categoryList li {
    width: 210px;
    float: left;
    margin: 0;  
    padding: 0 9px 35px 9px;
    border-right: 1px solid #d1d0d0; 
    text-align: center;
    /*Equal height columns:*/
    display: table-cell;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    display: inline;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}
#brandFrontpage ul.categoryList li.first-item {
    padding-left: 0;
}
#brandFrontpage ul.categoryList li.last-item {
    margin-right: 0;
    border-right: none;
}
#brandFrontpage ul li p {
    text-align: left;
    margin-bottom: 10px;
}
#brandFrontpage ul li img {
    vertical-align: middle;
    margin-bottom: 3.5em;
}
#brandFrontpage ul.categoryList .image {
    margin-bottom: 5px;
    display: block;
}
#brandFrontpage #pageContent li h2 {
    padding: 7px 0;
    margin-bottom: 10px;
    border-top: 1px solid #d1d0d0;
    border-bottom: 1px solid #d1d0d0;
    text-align: left;
}

/***************************************************
	Footer
   ***************************************************/	
#footer{
    width: 100%;
	}
.footer{
	background: url("gfx/backgrounds/bg-footer-top.jpg") no-repeat top left;
	padding:25px 0 40px 0;
	margin-top: 20px;
	float: left;
	color: #666666;
	}
	.footer ul li a:hover{
		text-decoration:underline;
		}
	.footer ul{
		list-style-type:none;
		margin:0;
		padding:0;
		width:960px;
		}
		.footer ul li{
			float:left;
			margin:0 20px 0 0;
			width:164px;
			text-align: left;
			}
			.footer ul li a{
				color:#77932D;
				text-decoration:none;
				}
			.footer ul li a.icon{
				float: left;
				width: 164px;
				}
			.footer ul li a.icon:hover{
				text-decoration:none;
				}
				.footer ul li a span{
					color:#353535;
					font-weight:bold;
					text-transform:uppercase;
					}
				.footer ul li a:hover span{
					text-decoration:underline;
					}
				.footer ul li a img{
					margin: 0 4px 0 0;
					}
			.footer ul li p{
				color:#000;
				margin:0;
				padding:0;
				}
				.footer ul li p a{}