@charset "utf-8";
@font-face {
	font-family: 'WinterthurCondensedRegular';
	src: url('../fonts/WinterthurCondensed-webfont.eot');
	src: local('☺'), url('../fonts/WinterthurCondensed-webfont.woff') format('woff'), url('../fonts/WinterthurCondensed-webfont.ttf') format('truetype'), url('../fonts/WinterthurCondensed-webfont.svg#webfont7VPJWzvu') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background: #ff9a34 url(../images/bg_wheader.jpg) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4a2e03;
}
body.popupComp {
	background: #ff9a34 url(../images/bg.jpg) center top no-repeat;
}
body.popup {
	background: #ff9a34 url(../images/bg.jpg) center top no-repeat;
}
p {
	margin: 10px 15px 0;	
}
#stage {
	width: 920px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
h1 {
	margin: 0;
	padding: 0;
	width: 450px;
	height: 125px;
	position: absolute;
	top: 50px;
	left: 250px;
}
h1 a{
	display: block;
	width: 450px;
	height: 125px;
	text-indent: -999em;
	overflow: hidden;
	background: url(images/spacer.gif) repeat;
}
h2.tagline {
	display: none;
}
#mamee {
	display: none;
}
a#mrpotato {
	display: none;
}
a#healthyschool {
	display: block;
	background: url(../images/logo_healthyschool-large.png) top left no-repeat;
	width: 232px;
	height: 247px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	top: 18px;
	right: 20px;
	z-index: 20;
}
#frame {
	position: absolute;	
	z-index: 10;
	width: 740px;
	top: 250px;
	left: 90px;
}
.popupComp #stage {
	width: auto;
}
.popupComp #frame {
	position: relative;	
	width: 740px;
	margin: 10px auto;
	top:0;
	left:0;
}
#header {
	background: url(../images/header_bg.png) top center no-repeat;
	height: 34px;
	padding: 20px 17px 0 17px;
	margin: 0 3px 0 3px;
}
#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 22px;
}
#header ul li {
	margin: 0;
	padding: 0;
	display: inline;
	border-left: 1px solid #FFF;
}
#header ul li a {
	margin: 0;
	padding: 0 5px 0 5px;
	display: inline;
	font: 18px/25px 'WinterthurCondensedRegular', Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
#header ul li.first  {
	border: none;
}
#content {
	background: url(../images/content_bg_orange.png) top center repeat-y;
	padding: 0 20px 10px 14px;
	margin: 0 3px 0 3px;
	clear: both;
}
.popupComp #content {
	padding-top: 10px;
}

#products-nav ul {
	list-style: none;
	margin: 0;
	padding: 20px 0 0 7px;
	float: left;
	width: 420px;
}
#products-nav ul li {
	float: left;
	color: #ba5314;
	margin: 0;
	padding: 0;
}
#products-nav ul li a {
	text-decoration: none;
	margin: 0;
	color: #C05B14;
	padding: 0 4px;
	display: block;
	float: left;
	font-size: 1em;
	overflow: hidden;
}


#products-nav ul li a:hover {
	color: #FFF;
	text-decoration: underline;

}



#home #content {
	padding-bottom: 0;
}
#play {
	background: #ff9900;
	padding: 10px 0 10px 0;
	height: 146px;
}
.twocol {
	clear: both;	
}
.twocol .right {
	float: right;
}
.twocol .left {
	float: left;
}
#prodvideo{
	height: 255px;
}
div#games {
	height: 270px;
	padding: 20px 0;
}
body.popup {
	text-align: center;	
}
div#products {
	padding: 15px;
	clear: left;
}
div#products .product {
	background: #ffd582;
	color: #763500;
	padding: 0 0 20px 0;
	position: relative;
	margin: 0 0 20px 0;
	height: 200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div#products .product h3{
	padding: 33px 0 20px 220px;
	font-size: 20px;
	font-weight: 100;
	margin: 0;
}
div#products .product {
	color: #763500;
	padding: 0 0 20px 0;
	position: relative;
	margin: 0 0 20px 0;
}
div#products .product h3{
	color:#FFFFFF;
	padding: 80px 0 5px 240px;
	font-size: 20px;
	font-weight: 100;
	margin: 0;
}
div#products .product p{
	padding: 0 10px 0 240px;
	color:#FFFFFF;
	margin: 0;
}
div#products .product img {
	position: absolute;
	top: 10px;
	left: 20px;
}

div#products .product img.approved {
	position: relative;
		margin-right: 30px;
}

div#competitions {
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	margin-top: 30px;
	margin-left: 8px;
}
#Mamee_Signature {
	float: left;
	height: 46px;
	width: 285px;
}
.competition {
	width: 670px;
	padding: 20px 0 0 15px;
}
.popupComp .compdesc {
	margin-top:0;	
}
.compdesc {
	color: #763500;
	padding: 10px 0 20px;
	margin: 20px 15px 0 15px;
	background: #ffcc67;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.compdesc h3{
	padding: 0 15px 20px 15px;
	margin: 0;
}
.compdesc h5 {
	font-size: 14px;
	font-weight: 100;
	margin: 10px 15px 10px 15px;	
}
.compdesc p{
	margin: 10px 0 10px 0;	
}
.compdesc form {
	padding: 0 15px;
}
.terms {
	padding: 10px 15px 0;	
}
.terms h6, .terms p {
	margin: 0;
	font-size: 11px;	
}
div#contact {
	background: #ffcc67;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0 0 20px;
	margin: 20px 15px 0 15px;
}
div#contact h3{
	padding: 20px 15px 20px 15px;
	font-size: 16px;
	margin: 0;
}
div#contact form {
	padding: 20px 15px;
	font-size: 15px;
}
div#contact form .row {
	padding-top: 10px;	
}
div#contact form label {
	width: 150px;
	height: 20px;
}
div#contact form input {
	width: 300px;
	height: 20px;
}
div#contact form textarea {
	width: 500px;
	height: 120px;
}
#footer {
	clear: both;
	background: url(../images/footer_bg_notext.png) bottom center no-repeat;
	font: 23px/25px 'WinterthurCondensedRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	text-align: right;
	padding: 15px 37px 25px 0;
	margin: 0 3px 0 3px;
}
h2#games {
	width: 192px;
	height: 71px;
	background: url(../images/title_games.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#products {
	float: left;
	width: 246px;
	height: 71px;
	background: url(../images/title_products.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#cornoil {
	float: left;
	width: 222px;
	height: 68px;
	background: url(../images/title_cornoil.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#canteen {
	float: left;
	width: 532px;
	height: 90px;
	background: url(../images/title_canteen.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#glutenfree {
	float: left;
	width: 532px;
	height: 90px;
	background: url(../images/title_glutenfree.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#products-detail {
  color: #C05B14;
  float: left;
  padding: 5px 0 0 10px;
  font-size: 1.9em;
}
h2#competitions {
	width: 418px;
	height: 71px;
	background: url(../images/title_competitions.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
h2#contact {
	width: 253px;
	height: 71px;
	background: url(../images/title_contact.gif) top left no-repeat;
	overflow: hidden;
	text-indent: -999em;
}
form {
	height: auto;
	margin: 0;
	padding: 0;
}
form .row, form .rowarea {
	clear: left;
	padding-top: 5px;
}
form .row label, form .row.radio .span {
	font-size: 1em;
	font-weight: bold;
	display: block;
	width: 150px;
	float: left;
}
form .rowarea label {
	font-size: 1em;
	font-weight: bold;
	display: block;
	width: auto;
	float: none;
}
form .rowarea textarea {
	width: 500px;
	height: 50px;
}
form button {
	background: url(../images/btn_submit.gif) top left no-repeat;
	display: block;
	width: 120px;
	height: 33px;
	margin: 10px 0 0 0;
	text-indent: -999em;
	overflow: hidden;
	border: none;
}
form input.invalid {
  background-color: #FFDED8;
}
.rightbox {
	float: right;
	width: 290px;
}
.rightbox img {
	border: none;
}
.rightbox h5 {
	font-weight: bold;
	font-size: 1.1em;
}
.hotels img{
	float: left;
	margin-left: 20px;
}
ul.threecol {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	height: 160px;
}
ul.threecol li {
	margin: 0;
	padding: 0 8px 0 8px;
	display: block;
	width: 217px;
	float: left;
}
.promo {
	background: #ffcc66;
	margin-bottom: 5px;
	height: 206px;
}
.promo .video {
	float: left;
	height: 189px;
	width: 316px;
	padding: 10px;
}
.promo #mrp {
	float: left;
	height: 206px;
	width: 362px;
	padding: 0;
	background: url(../images/promo-mrpotato.jpg);
	position: relative;
}
.promo #noodle {
	float: left;
	height: 206px;
	width: 362px;
	padding: 0;
	background: url(../images/promo-mamee.jpg);
	position: relative;
}
.promo #mrp h3, .promo #noodle h3 {
	display: none;
}
.promo #mrp span, .promo #noodle span {
	position: absolute;
	left: 10px;
	bottom: 10px;
	font: 20px/20px 'WinterthurCondensedRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.box {
	background: #ffcc67;
	padding: 5px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 15px;
	clear: both;
}
.box p, .box h5, .box h4 {
	margin-left: 0;
	padding-left: 0;
}
.box ul {
	padding: 10px 0 10px 30px;
}
.box li {
	margin: 0;
	padding: 0;
}
.product-desc {
	clear: both;
	padding-top: 10px;
}