@charset "UTF-8";
/* in-fuse css reset */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*in-fuse css classes*/label,.clickable{cursor:pointer}.left{float:left}.right{float:right}.clear{float:none;clear:both}img{color:#666;font-style:italic}

body{
	background: #004173;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
}
p{
	font-size:12px;
	padding:20px 20px 0;
	line-height:14px;
}
a{
	text-decoration:none;
	color:#228129;
}

sup { 
    font-size: smaller;
    vertical-align: super;
}

div#splash { width:797px; margin:135px auto 0; }
	div#splash p { float:right; padding:10px 130px 0 0; font-size:12px; color:#80a0b9; }

#wrapper{
	background: url("../images/bg_fade.gif") repeat-x;
	width: 971px;
	height:900px;
	margin: 0 auto;
}

#left{
	float: left;
	width: 231px;
	height: 640px;
	margin-left: 10px;
	background: url("../images/nav.jpg") no-repeat;
}
	#title{
		height: 145px;
	}
		#title a{
			display: block;
			margin: 20px 15px 20px 25px;
		}
	#menu{
	}
		#menu dl{
			height: 407px;
		}
		
		#menu dt{
			position: relative;
		}
		#menu dt a{
			color: #FFFFFF;
			margin: 10px 10px 0;
			display:block;
			text-decoration:none;
		}
		#menu dd a{
			border-bottom: 2px groove #00558F;
			color: #FFFFFF;
			font-size: 10px;
			margin: 5px 10px;
			opacity: 0.5;
			padding-bottom: 10px;
			display:block;
			text-decoration:none;
		}
		#menu dt.current, #menu dd.current{
			padding-left: 20px;
		}
		
		#menu dt.current .menu-arrow{
			display: block;
		}
		.menu-arrow{
			display: none;
			left: -3px;
			position: absolute;
			top: -10px;
		}
		#fonterra-logo{
			margin: 10px auto;
			display: block;
			width: 100px;
		}

#right{
	width: 700px;
	margin: 0 15px;
	background:#fff url(../images/right-bg.jpg) top left no-repeat;
	float:left;
	position:relative;
}
	#header{
		padding-left:30px;
		position:relative;
		height: 85px;
	}
	.products #header{
		height: 180px;
	}
		#header #crumbs{
			float:left;
			font-size:12px;
			color:#fff;
			margin:10px 0 5px;
		}
		#header #crumbs a{
			color:#fff;
		}
		
		#header h1{
			clear:both;
			color:#fff;
			font-size:30px;
			font-weight:normal;
		}
			#header h1 .super{
				font-size:20px;
				vertical-align:top;
			}
			#wrapper.detail h1{
				font-size:58px;
				padding-top:30px;
			}
		.categories #header h1{
			padding-top:20px;
		}
		#header p{
			color:#fff;
			font-size:14px;
			line-height:150%;
			padding-top:8px;
			width:380px;
		}
		#header #header-img{
			position:absolute;
			right:40px;
			top:56px;
		}
		#country-tabs{
			font-size:12px;
			color: #fff;
			background:transparent url(../images/country_tabs.gif) repeat scroll 0 0;
			display:block;
			float:right;
			height:27px;
			margin-right:30px;
			width:230px;
		}
		#country-tabs.aus{
			background-position:0 -27px;
		}
			#country-tabs li{
				float:left;
				padding:7px 12px;	
			}
			#country-tabs .button{
				text-align:center;
				width:32px;
			}
			#country-tabs a{
				color:#fff;
				text-decoration:none;
			}
	
	div#main-content {
		padding:20px 260px 20px 20px;
		min-height:390px;
	}
	
	img#brochure-button { margin:0 0 0 15px; }
	
		div#main-content-feeding {
		padding:20px 160px 20px 20px;
		min-height:390px;
	}
	div#main-content-feeding p {
			padding:20px 0 0;
		}
		#main-content-feeding ul {
	
list-style-position:outside ;
list-style-type:circle;

		}
				#main-content-feeding ol {
	
list-style-position:outside ;
list-style-type:lower-alpha;

		}
				#main-content-feeding ol li {
	
padding:20px 0 0;
font-size:12px;
			margin: 5px 0 0 20px ;
		}
		
		#main-content-feeding ul li { 
			padding:0 0 0 20px;
			font-size:12px;
			margin: 25px 0 0 ;
			list-style:none;
			background:url(../images/green-bullet.gif) 5px 0 no-repeat;
			}
		
		#main-content-feeding table {
	margin: 10px;
	width: 500px;
	border: 1px solid #000;
	text-align: center;
}
	#main-content-feeding td {
	font-size: 12px;
	padding: 5px;
	background:#e8f2e9;
}
#main-content-feeding tr.alt td { background:#f8fbf8; }

#main-content-feeding th {

	
}	#main-content-feeding th {
    font-size: 12px;
    text-align: center;
	padding: 5px;
	background-color: #27692c;
	color: #fff;
}
#main-content-feeding h2 {
	font-size:16px;
		color:#BF2137;
		padding:10px 0 0 0;
}
#main-content-feeding h2.sub {
	margin-top: 20px;
}
#main-content-feeding em {
	margin-bottom: -10px;
	font-size: 15px;
}
#main-content-feeding h3 {
	font-size:14px;
		padding:10px
}
		div#main-content p {
			padding:20px 0 0;
		}
	
	div#side-content {
		position:absolute;
		width:218px;
		top:50px;
		right:20px;
		text-align:center;
	}
		div#side-content div#typical-analysis { padding:0 0 7px; text-align:left; background:url(/images/box_bottom.gif) left bottom no-repeat; }
			div#typical-analysis .details-bottom { display:none; }
			
	#categories{
		padding-top:60px
	}
	#categories li{
		background:transparent url(../images/category_box.gif) no-repeat scroll 0 0;
		margin:10px 0 10px 10px;
		float:left;
		height:92px;
		width:330px;
	}
	#categories li .category-icon{
		float:left;
		margin:10px;
	}
	#categories li h2{
		font-size:16px;
		color:#BF2137;
		padding:10px
	}
	#categories li p{
		font-size:12px;
		width:288px;
		color:#000;
		padding:0;
	}
	#categories li .category-arrow{
		display:none;
		float:right;
		margin:30px 10px;
	}
	#categories li:hover .category-arrow{
		display:block;
	}
	
	#categories-home{
		height:255px;
		padding-top:20px;
	}
	#categories-home li{
		margin:10px 0 10px 15px;
		float:left;
		border-right:1px solid #D7E6D1;
		height:235px;
		width:195px;
	}
	#categories-home li.first {
		margin-left:50px;
	}
	#categories-home li.last {
		border-right:none;
	}
	
	#content-bottom{
		position:absolute;
		bottom:-9px;
		left:0;
	}
	
	.details{
		float:left;
		margin:20px 0;
		width:218px;
	}
		.details.contact { margin:20px; }
		
		.details h3{
			background:#27692C;
			color:#fff;
			font-weight:normal;
			font-size: 12px;
			padding: 7px;
		}
		.details p{
			background: #E8F2E9;
			padding: 10px;
			font-size: 12px;
			width:198px;
			float:left;
			line-height:140%;
		}
		.details p.alt{
			background: #F8FBF8;
		}
		.details p .item{
			color: #228129;
			display: block;
			float:left;
			font-weight: bold;
			width: 100px;
		}
		.details p .detail{
			float:left;
			display: block;
		}
		.details-bottom{
			display:block;
		}
	#typical-analysis p{
		padding:7px 40px 0;
		width:138px;
	}
	
	p.question, p.answer { font-size:15px; line-height:1.5em; }
	p.question strong, p.answer strong { color:#999; }
	p.question { font-weight:bold; }
	p.answer { padding-top:0px; }
	
	#contact-form{
		padding:20px;
		margin-left:40px;
		float:left;
	}
		#contact-form label{
			color: #228129;
			font-weight: bold;
			font-size:12px;
			display:block;
		}
		#contact-form .input{
			border:#27692C solid 1px;
			background:#E8F2E9;
			padding:5px;
			margin:3px 0 20px;
			width:200px
		}
		#contact-form textarea.input{
			width:300px;
			height:150px;
		}
		#contact-form #send-button{
			/*background:url(../images/send_button.png);*/
			border:0 none;
			height:28px;
			width:109px;
			margin-left:203px;
			display:block;
		}
			
#footer{
	float:right;
	color:#80A0B9;
	display:block;
	font-size:12px;
	margin-right:30px;
	padding:30px 0;
}
#footer a{
	color:#80A0B9;
}

.slogan {
    padding: 20px 20px 0px;
}

* html div#main-content, * html div#main-content-feeding { height:390px; }

* html #left, * html #right, * html .left, * html .right, * html #header #crumbs, * html #country-tabs, * html #country-tabs li, * html #categories li, * html #categories li .category-icon, * html #categories li .category-arrow, * html .details, * html .details p, * html .details p .item, * html .details p .detail, * html #contact-form, * html #footer { display:inline; }

* html #menu dt, * html #right, * html #header { zoom:1; }

* html ul#categories li, * html ul#categories li a { zoom:1; }
ul#categories li p { *display:inline; }

* html #main-content-feeding em { position:relative; zoom:1; }

* html div#main-content div#flash { display:none; }

* html a#fonterra-logo { margin-top:40px; }