@charset "utf-8";
/* CSS Document */

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-gradient.png);
	background-repeat: repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-position: center top;

}


.bg {
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 100%;
	background-color:transparent;
	text-align: center;
}

.container {
	width: 1000px;
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.top {
	text-align: center;
	height: 150px;	
}

.top img {
	padding-top: 25px;
}

.nav {
	background-image:url(../images/topnav.png);
	background-position: bottom centre;
	padding-left: 34px;
	padding-right: 40px;
	height: 51px;
	width: 940px;

}

.middle {
	background-image: url(../images/main.png);
	background-repeat: repeat-y;	
	width: 940px;
	padding-left: 34px;
	padding-right: 40px;
}

.middle h1 {
	margin-top: 0px;
	padding-top: 21px;
}

.middle p {
	margin-bottom: 0px;
	padding-bottom: 16px;
}

.middle a {
color: #3077ae;
}

.middle a:link:hover {
color: #000;
}

.middle a:visited:hover {
color: #000;
}

.container .bottom {
	background-image: url(../images/footer-shadow.png);
	background-repeat: no-repeat;	
	padding-left: 40px;
	padding-right: 40px;
	height: 145px;
}

.container .bottom p {
	margin-top: 0px;
	padding-top: 14px;
	padding-bottom:5px;
	text-align: center;
	color: #FFF;
}

.container .bottom a {
	color: #FFF;
}

.container .bottom a:hover {
	color: #FFF;
}

.container .bottom a:visited {
	color: #FFF;
}


.maincontent {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.maincontent p {
	color: #666;
	line-height: 22px;
	margin: 0px;
	padding: 5px;
}

.maincontent p.blacktext {
	color: #000;
}

.maincontent h2 {
	margin-bottom: 2px;
}

.firstblock {
	color: #666;
	line-height: 20px;
}

.firstblock .left {
	float: left;
	display: block;
	width: 460px;
}

.firstblock .right {
	float: left;
	display: block;
	width: 300px;
	padding-left: 50px;
	padding-top: 15px;
}

.firstblock .right img {
	margin-top: 10px;
}

.secondblock {
	color: #666;
	line-height: 20px;
}

.secondblock h2 {
	margin-bottom: 2px;
}

.secondblock p {
	line-height: 16px;
}

.secondblock img {
	float: right;
	padding: 10px;
}

.secondblock .left {
	float: left;
	display: block;
	width: 380px;
	text-align: left;
	padding: 20px;
	padding-left: 40px;
}

.secondblock .right {
	float: left;
	display: block;
	width: 380px;
	text-align: left;
	padding: 20px;
}


.contactfirst {
	color: #666;
	line-height: 20px;
	float: left;
	width: 540px;
	display: block;
}

.contactfirst img.logo {
	padding-bottom: 5px;
	padding-left: 40px;
	padding-right: 40px;
}

.contactfirst p {
	max-width: 520px;
	padding: 5px;
	margin: 0px;
	text-align: left;
}

.contactfirst h2 {
	margin-bottom: 5px;
}

.contactfirst .left {
	float: left;
	display: block;
	width: 560px;
	padding-top: 0px;
}

.contactfirst .right {
	float: left;
	display: block;
	width: 200px;
	padding-left: 10px;
	padding-top: 0px;
	text-align: left;
}

.contactsecond {
	color: #666;
	line-height: 20px;
	float: left;
	display: block;
	width: 350px;
}

.contactsecond img {
	float: right;
	padding: 10px;
}



.nutfirst {
	color: #666;
	line-height: 20px;
	float: left;
	width: 540px;
	display: block;
}

.nutfirst p {
	max-width: 520px;
	padding: 5px;
	margin: 0px;
}

.nutfirst h2 {
	margin-bottom: 5px;
}

.nutsecond {
	color: #666;
	line-height: 20px;
	float: right;
	display: block;
	width: 350px;
}

.nutsecond img {
	float: right;
	padding: 0px;
}




.productfirst {
	color: #666;
	line-height: 20px;
	float: left;
	width: 300px;
	display: block;
}

.productsecond {
	color: #666;
	line-height: 20px;
	float: left;
	display: block;
	width: 300px;
}

.productthird {
	color: #666;
	line-height: 20px;
	float: left;
	display: block;
	width: 300px;
	text-align: left;
}









.productsfirst {
	color: #666;
	line-height: 20px;
	float: left;
	width: 540px;
	display: block;
}

.productsfirst p {
	max-width: 520px;
	padding: 5px;
	margin: 0px;
}

.productsfirst h2, .productssecond h2  {
	margin-bottom: 0px;
}

.productssecond {
	color: #666;
	line-height: 20px;
	float: right;
	display: block;
	width: 312px;
}

.productssecond img {
	float: right;
}

.productssecond img#nav {
	padding-top: 8px;
}

.productssecond img#nav2 {
	padding-top: 10px;
}

.products .column-a {
	color: #666;
	line-height: 20px;
	float: left;
	width: 350px;
	display: block;
	text-align: center;
}

.products .column-b {
	color: #666;
	line-height: 20px;
	float: left;
	display: block;
	width: 540px;
}

.products .column-b-floatright {
	text-align: center;
	float: right;
	width: 300px;
	margin-top: 10px;
}


ul.tick {
	list-style-image: url(../images/tick.jpg);
	line-height: 22px;
	vertical-align: middle;
	margin-bottom: 5px;
}



/* Nav */

ul.topnav {
	margin: 0px;
	padding: 0px;
}

ul.topnav li {
	float: left;
	display: block;
	list-style-type: none;
	font-size: 20px;
}

ul.topnav li.navmain {
	background-image: url(../images/nav.gif);
	background-repeat: repeat-x;
	height: 52px;
	line-height: 52px;
	border-left: 1px solid #004479;
	border-right: 1px solid #0064b0;
}

ul.topnav li#products {
	width: 144px;
	display: block;
	text-align: center;
}

ul.topnav li#lunch, ul.topnav li#lunch a {
	width: 197px;
	display: block;
	text-align: center;
}

ul.topnav li#nutrition, ul.topnav li#nutrition a {
	width: 145px;
	display: block;
	text-align: center;
}

ul.topnav li#purchase, ul.topnav li#purchase a {
	width: 217px;
	display: block;
	text-align: center;
}

ul.topnav li#contact, ul.topnav li#contact a {
	width: 160px;
	display: block;
	text-align: center;
	height: 52px;
	line-height: 52px;

}

ul.topnav li.navmain:hover, ul.topnav li.navmain.hover {
	background-image: url(../images/nav-over.gif);
	background-repeat: repeat-x;
	height: 52px;
}


ul.topnav li.navmain.selected {
	background-image: url(../images/nav-selected.gif);
	background-repeat: repeat-x;
	height: 52px;
	line-height: 52px;
	color: #00589b;
}

ul.topnav li.navmain.selected a {
	color: #00589b;
}

ul.topnav li a {
	color: #FFF;
	font-family: 'QlassikBoldRegular', sans-serif;
	text-decoration: none;
	display:block;
}
	
ul.topnav li#home {
	background-image: url(../images/home-normal.png);
	background-repeat: no-repeat;
	width: 67px;
	height: 52px;
	border-right: 1px solid #0064b0;
}

ul.topnav li#home a {
	width: 67px;
	height: 52px;
	display: block;
}


ul.topnav li#products, ul.topnav li#lunch, ul.topnav li#nutrition, ul.topnav li#purchase {
	height: 52px;
	line-height: 52px;
}


ul.topnav li#home:hover, ul.topnav li#home.hover {
	background-image: url(../images/home-over.png);
	background-repeat: no-repeat;
	border-right: 1px solid #0064b0;
}

ul.topnav li#home.selected {
	background-image: url(../images/home-selected.png);
	background-repeat: no-repeat;
	width: 67px;
	height: 52px;
	border-right: 1px solid #0064b0;
}


ul.topnav li#contact {
	background-image: url(../images/right-normal.png);
	background-repeat: no-repeat;
	float: right;
	border-left: 1px solid #004479;
}

ul.topnav li#contact:hover, ul.topnav li#contact.hover {
	background-image: url(../images/right-over.png);
	background-repeat: no-repeat;
	float: right;
	border-left: 1px solid #004479;
}

ul.topnav li#contact.selected {
	background-image: url(../images/right-selected.png);
	background-repeat: no-repeat;
	float: right;
	border-left: 1px solid #004479;
}

ul.topnav li#contact.selected a {
	color: #00589b;
}

.footerlink {
	float: right;
}

.footerlink a {
	color:#333; 
	padding-right: 0px;
}

.footerlink a:hover {
	color:#333; 
	padding-right: 0px;
}

.footerlink a:visited {
	color:#333; 
	padding-right: 0px;
}




.clear {
	clear: both;
}

h1 {color: #00589b; font-size: 36px;line-height:normal; font-weight: normal; font-family: 'QlassikBoldRegular', sans-serif; margin-bottom: 10px;}
h2 {color: #00589b; font-size: 21px;line-height:normal; font-weight: normal; font-family: 'QlassikBoldRegular', sans-serif;}


/* img, div, a, input { behavior: url(iepngfix.htc) } */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 11, 2010 */

@font-face {
	font-family: 'QlassikBoldRegular';
	src: url('../qlassikbold_tb.eot');
	src: local('Qlassik Bold'), local('QlassikBold'), url('../qlassikbold_tb.woff') format('woff'), url('../qlassikbold_tb.ttf') format('truetype');
}

.red {
	color: #F00;
}

img.line {
	float:none;
	margin:0;
	padding-top:25px;
}

img.productlines {
	margin-left:88px;
	margin-top: 18px;
	margin-bottom: 18px;
}

.shops {
	text-align: center;
}

.shops p {
	text-align: left;
}

.shops img {		
	padding-left: 20px;
	padding-right: 20px;
}

.nutritional-link {
	line-height: 10px;
}

.nutritional-link-image {
	background-image: url(../images/arrows.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	width: 12px;
	height: 20px;
	float: right;
}


.nutritionalbox {
}

.nutritional-panel {
	display:block;
	width:815px;
	text-align:left;
	font-size: 10px;
	color: #666;
	line-height: 20px;
	margin-left: 82px;
	clear: both;
	padding-top: 15px;
}

.nutritional-panel h2 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 4px;
}

.nutritional-panel table {
}

.nutritional-panel th {
	vertical-align: top;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}

.nutritional-panel td {
	vertical-align: top;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: #CCC 1px solid;
}

.nutritional-panel td.right {
	border: none;
	padding: 0px;
}

.nutritional-panel td table td.right {
	border-bottom: #CCC 1px solid;
	padding-left: 4px;
}

.nutritional-panel td table td.bottomtd {
	border-bottom: none;
}

.nutritional-panel th.right, .nutritional-panel td table th.right {
	border-right: none;
}

.nutritional-panel td table th.tdwidth {
	width: 106px;
}

.nutritional-panel td table {
	padding: 0px;
	margin: 0px;
}

.nutritional-panel td table td {
	margin: 0px;
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
}

.nutritional-panel td table th {
	border-right: #CCC 1px solid;
	border-bottom: #CCC 1px solid;	
}

.nutritional-panel tr.toprow td {
	border-bottom: #CCC 1px solid;	
}


.column-b .wheat {
	float: right;
	margin-right: 90px;
}

.maincontent .nutfirst p .wheat {
	padding: 5px;
	float: right;
}

.maincontent img.lunchbox {
margin-left:11px;
margin-top:14px;
}