﻿body
{
	margin: 0;
	color: #000;
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin:0;
	min-width: 972px;
}
img
{
	border-style: none;
}
a
{
	color: #90a75d;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
p, address
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 22px;	
	color: #000;
}
.resetonfocus
{
	color: #8e8e8e;
}
h1, h2, h3
{
	font-size: 30px;
	color: #000000;
	clear: left;
	text-transform:uppercase;
}
h1
{
	line-height: 36px;
}
h3
{
	font-size: 22px;
}
input
{
	height: 17px;
	padding: 10px 10px;
	border: 1px solid #d9d9d9;
}
input.button
{
	height: auto;	
}
div.login-controls input.loginbutton
{
	margin: -5px 0 0 0;	
	padding: 0;
	vertical-align: middle;
	width: auto;
}
div.login-controls
{
	margin-bottom: 10px;
	float: left;
}
div.login-controls div label
{
	margin-bottom: 6px;
	float: left;
	display: block;
}

div.login-controls div
{
	float: left;
	margin-right: 10px;
}

div.login-controls input
{
	width: 180px;
	clear: left;
	float: left;
}

div.login-controls div.nolabel{
	padding-top: 20px;
}

div.login-controls div.rememberme input
{
	vertical-align: middle;
	float: left;
	width: auto;
	padding: 0;
}

div.login-controls div.rememberme label
{
	margin-top: 3px;
	
}
span.lostpassword
{
	display: block;
	clear: left;	
	font-size: 16px;
}
span.lostpassword a
{
	color: #ff7f02;
	text-decoration: underline;
}

textarea
{
	font: 12px/14px Arial, Helvetica, sans-serif;
}
div.clear
{
	clear: both;
}
img.decorative
{
	float: right;
	clear: left;
}

#wrapper {
	width: 100%;
	overflow: hidden;
	background: url('/images/bg_tile.jpg') repeat scroll 0 0 transparent;
	margin-bottom: -15px;
}
#wrapper .w-container
{
	width:962px;
	margin: 105px auto 0 auto;
}
	#wrapper .w-shadow {
		background: transparent url('/images/bg-mid.png') repeat-y top left;
		margin: 0 -148px;
	}
#wrapper .w-body
{
	float:left;
	margin:-82px 0 0;
	width:962px;
	/**min-height:2435px;*/
	padding:0 148px;
}
* html #wrapper .w2
{
	padding: 0 5px;
	height: 681px;
	overflow: visible;
}
	#wrapper .w-head {
		background: transparent url('/images/bg-top.png') no-repeat top left;
		height: 105px;
		margin: -105px 0 0;
		width: 100%;
		float: left;
	}
	#wrapper .w-foot {
		min-height: 245px;
		background-color: #000;
		/**background:transparent url('/images/bg-bottom.webp') no-repeat top left;
	min-height:229px;
	margin:0 0 -229px;
	width:100%;
	float:left;*/
	}
body.article #wrapper .w2
{
	padding-top: 133px;
	/*background-color: #fff;*/
}
#wrapper div.content
{
	float:left;
	width: 902px;	
	background-repeat: no-repeat;
}
body.article div.content
{
	padding: 30px 30px 30px;
	background-color: #ffffff;
	min-height: 550px; 
}
/**#header
{
	margin: 0 auto;
	width: 962px;
	position: absolute;
	top: 0;
	padding: 0;
	background-color: #fff;
}*/

.home #header {
	background: #fff url(../images/bg-public-top.jpg) no-repeat;
}

body.ImageArticle #header
{
	background: transparent none no-repeat scroll top left;
}

body.article.MealPage div.content
{
	min-height: 650px;
}

body.MealPage #header
{
	height: 748px;
}

body.MealPage #header h2
{
	color: #000000;
}
body.MealListPage .content
{
	background-position: top right;
	background-repeat: no-repeat;
}


body.ImageArticle div.TopImageArticlePage
{
	height: 567px;
	margin-top: 0;
	margin-left: -30px;
	width: 962px;
}

body.ImageArticle h2 {
	padding-left: 35px;
	background: transparent url(../images/check.gif) no-repeat scroll top left;
}

body.article #header
{
	height: 133px;
	background-image: none;
}
.publicstart #header .logo
{
    background: none;
}
#header .logo
{
	float: left;
	height: 184px;
	width: 126px;
	overflow: hidden;
	text-indent: -9999em;
	margin: 10px 0 0 27px;
}
	#header .logo a {
		display: block;
		height: 100%;
		background: transparent url('/images/logo.png') no-repeat top left;
	}
#header .nav-area
{
	display: block;
	float:left;
	margin: 50px 0 0 23px;
}
#header .nav-area h2
{
	color: #000;
	font-size: 50px;
}
#footer strong.customfont,
#header .nav-area strong
{
	font-size: 24px;
	line-height: 26px;
	margin: 0;
	width: auto;
}
#footer strong.customfont
{
	margin: 20px 0 0 0;
	float: left;
	color: #fff;
	text-transform:uppercase;
}
#header .nav-area strong
{
	color: #000;
}
.nav-area .nav
{
	margin: 24px 0 0 0;
	list-style: none;
	padding: 0;
	text-transform: uppercase;
}
.nav-area .nav li,
#footer .nav li
{
	float: left;
	padding: 5px 0;
	height:15px;
}
.nav-area .nav li
{
	font-size: 14px;
}
.nav-area .nav li:hover
{
	border-bottom: 3px solid #90A75D;
}
.nav-area .nav .separator,
#footer .nav .separator
{
	border-right: 1px solid gray;
	padding-right: 8px;
	margin-right: 8px;
}
.nav-area .nav a
{
	color: #000;
	font-weight:bold;
	text-decoration: none;
	position: relative;
}
.nav-area .nav li.active a{
	color: #90A75D;
}
.nav-area .nav a:hover
{
	text-decoration: underline;
}
.menu-area {
	clear: both;
	padding: 0px 0px 0 17px;
	margin: 23px 0 35px;
	width: 358px;
	float: left;
	background: transparent url(/images/bg-menu.png) no-repeat scroll top left;
}
	.menu-area .footer {
		height: 20px;
		background-color: #000;
		margin: 10px 0 -20px -17px;
		width: 258px;
		background: transparent url(/images/bg-menu.png) no-repeat scroll bottom left;
	}
	.menu-area h2 {
		font-size: 28px !important;
		padding-bottom: 8px;
		background: transparent url(/images/img-line.png) no-repeat bottom left;
		margin: 16px 0 3px !important;
	}
.menu-area .menu
{
	list-style: none;
	padding: 0;
	margin: 16px 0 20px;
	line-height: 24px;
	font-weight: bold;
}
.menu-area .menu a
{
	color: #94B020;
	font-family: Arial;
	font-size: 20px;
	font-style: italic;
	text-transform: none;
	font-weight: normal;
	padding: 0 0 0 14px;
}

	.menu-area .menu a:hover {
		background: url("/images/icon-pointer.png") no-repeat scroll 0 8px transparent;
	}
	.menu-area .menu .active a {
		padding-left: 17px;
		background: transparent url(/images/img-tick.png) no-repeat 2px 4px;
	}



.blocks-area
{
	width: 920px;	
	/**position: absolute;
	bottom: 20px;
	left: 32px;*/
}
.blocks-area .block1
{
	float: left;
	width: 381px;
	padding: 68px 0 0;
	position: relative;
}
	.blocks-area .block1 .holder {
		background: url(../images/bg-block1.png) no-repeat;
		padding: 0 50px 0 25px;
		height: 207px;
		font-size: 16px;
		line-height: 22px;
	}
.blocks-area .block1 .holder:after
{
	display: block;
	clear: both;
	content: "";
}
.blocks-area .block1 .holder a
{
	color:#666;
	font-size: 24px;
}
.blocks-area .block1 .holder h3
{
	font-size: 20px;
	line-height:16px;	
}
.blocks-area .block1 .holder li
{
	height:17px;
	margin: 20px 0;
}
.blocks-area .block1 .holder ul.startmenu{
	display:block;
	float:left;
	list-style:none outside none;
	margin:0px;
	padding:0px
}

.blocks-area .block1 img
{
	position: relative;
	float: left;
	margin: -68px 0 15px 5px;
}
.blocks-area h3
{
	color: #94B020;
}
.blocks-area .block1 h3
{
	margin: 0;
}
.blocks-area .block2 h3
{
	font-size: 18px;
	margin: 4px 0 4px 0;
}
.blocks-area .block1 p
{
	font-weight: bold;
}
.blocks-area p
{
	margin: 0;
	position: relative;
}

.blocks-area .block2
{
	float: right;
	width: 519px;
	padding: 70px 0 0;
	margin: 0 27px 0 -7px;
	position: relative;
}
	.blocks-area .block2 .holder {
		background: url(../images/bg-block2.png) no-repeat;
		padding: 10px 53px 0 53px;
		height: 195px;
		font-size: 12px;
		line-height: 20px;
	}
.blocks-area .block2 .holder:after
{
	display: block;
	clear: both;
	content: "";
}
.blocks-area .block2 p
{
	width: 415px;
	line-height: 18px;
	font-size: 13px;
}
.blocks-area .block2 .img-holder
{
	position: absolute;
	top: 35px;
	right: 0;
	width: 190px;
	height: 230px;
}
.home .blocks-area .block2 .img-holder
{
	position: absolute;
	top: 3px;
	right: -20px;
	width: 190px;
	height: 265px;
}
.home .blocks-area .block2 img.decorative
{
	position: relative;
	top: -74px;
	left: -1px;
}

.home a.button-order,
.home .blocks-area .block2 a.button {
	display: block;
	position: relative;
	top: 40px;
	left: 184px;
	height: 63px;
	width: 135px;
	text-indent: -1000cm;
	overflow: hidden;
	background: transparent url("/images/button-bestall.png") no-repeat scroll top left;
}

.home .blocks-area .block2 a.button-readmore {
	height: 66px;
	width: 178px;
	top: 105px;
	left: -7px;
	background-image: url("/images/button-lasmer.png");
}

.blocks-area .block2 .star
{
	float: right;
}
#header .heading
{
	clear: both;
	padding: 47px 0 0 98px;
}
#header h2
{
	color: #b4c377;
	font-size: 26px;
	line-height: 30px;
	margin: 0;
}
.blocks-area .block1 .img
{
	padding: 0 0 0 35px;
	height: 1%;
	position: relative;
}
.blocks-area .block1 .img:after
{
	display: block;
	clear: both;
	content: "";
}
.blocks-area .block1 .img img
{
	margin: -18px 0 0;
}
#header .image
{
	clear: both;
	position: relative;
	margin: -37px 0 0 0;
}
#header .button
{
	clear: both;
	padding: 0 0 0 22px;
	overflow: hidden;
	position: absolute;
	bottom: 10px;
	left: 16px;
	width: 106px;
}
.home #header .button
{
	clear: both;
	padding: 0 0 0 22px;
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 106px;
}
.button a {
	display: block;
	width: 106px;
	height: 63px;
	margin: 0 0 0;
	background: url(../images/button.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
	.button a:hover {
		background: url(../images/button-hover.png) no-repeat;
	}
#main
{
	width: 750px;
	margin: 0 auto;
	position: relative;
	background: #fff;
	overflow: hidden;
	padding: 20px 80px 50px 132px;
}
* html #main
{
	margin: 681px auto 0;
}
#main .section
{
	width: 100%;
	overflow: hidden;
	margin: 0 0 12px;
}
#main .section .text
{
	float: left;
	width: 340px;
	font-size: 12px;
	line-height: 20px;
	color: #676e7b;
	padding: 30px 0 0;
}
#main .section h3
{
	color: #758d56;
	margin: 0 0 5px;
	font-size: 16px;
	line-height: 22px;
}
#main .section p
{
	margin: 0;
	text-align: justify;
}
#main .section p a
{
	color: #90a75d;
	font-weight: bold;
}
#main .section .images
{
	float: right;
	position: relative;
	width: 360px;
	padding: 10px 0 0;
}
#main .section .images img
{
	clear: both;
	float: right;
}
#main .section .images .star2
{
	position: absolute;
	top: 0;
	left: 0;
}
#wrapper .bottom {
	clear: both;
	width: 972px;
	margin: 0 auto;
	height: 25px;
	margin-top: -20px;
	background: url(../images/bottom-shadow.png) no-repeat;
}

#bottom
{
	clear: both;
	margin: 0 auto;
	padding: 0;
}


#footer {
	width: 881px;
	margin: 0 auto;
	padding-top: 60px;
	background: transparent url('/images/logo-white.png') no-repeat 7px 60px;
	padding-left: 81px;
	min-height: 120px;
}

#footer a
{
	color: #fff;
	text-decoration: underline;
}

#footer .nav
{
	list-style: none;
	padding: 0;
	margin: 20px 0 0 36px;
	text-align: center;
	float:left;
}
#footer .nav li:first-child
{
	background: none;
}

/* member */
.MealPage ul.mealmenu li,
.MealListPage ul.mealmenu li
{
	display: block;
}

ul.menu
{
	list-style-type: none;
	padding: 0;
	max-width:770px;
}

ul.menu li
{
	display: inline;
	margin-right: 10px;
}
ul.menu li,
ul.menu li a
{
	font-size: 14px;
	color: #000000;
}

ul.menu li.active a
{
	color: #ff7e0e;
}

div.content div.formpage div.left,
div.content div.formpage div.right
{
	float: left;
	width: 413px;
	
	padding: 34px 34px 34px 0;
}

div.content div.formpage div.right
{
	padding: 34px 0 34px 34px;
	float: right;
}

div.content div.formpage .gipuff {
	width: 350px;
	padding: 18px;
	height: 498px;
	background: transparent url("/images/bg-gipuff.gif") no-repeat scroll top left;
}
div.content div.formpage .left label
{
	clear: both;
	display: block;
	color: #000000;
	font-style: italic;
	margin-bottom: 3px;
}
div.content div.formpage .left input
{
	width: 177px;

	
	display: block;
	margin-bottom: 15px;
}
div.content div.member .left .change-details
{
	width: 330px;
}

div.content div.member .left .address
{
	margin-top: 20px;
}
div.content div.formpage .left input.button
{
	width: auto;
	height: auto;
	border: none;
	margin-left: 26px;
	padding: 0;
	float: right;
}
div.content div.member .gipuff h3
{
	color: #ff7e0e;
	font-size: 24px;
	line-height: 24px;
}

div.content div.contact div.form {
	width: 402px;
	padding: 28px 34px 28px 42px;
	height: 226px;
	background: transparent url('/images/bg-contact.gif') no-repeat scroll top left;
}

div.content div.contact div.form textarea
{
	width: 391px;
	height: 126px;
	margin-bottom: 16px;
}

div.content div.contact div.form input
{
	width: 270px;
}

div.content div.contact div.form input.button
{
	margin-left: 10px;
	width: 86px;
	height: 41px;
}

div#wrapper div.register-formpage div.right
{
	padding: 34px 0 34px 0;
}

div#wrapper div.register-formpage div.right h2
{
	clear: both;
	font-size: 24px;
	line-height: 29px;
}

div#wrapper div.content div.register div.registerform
{
	width: 466px;
}


	div#wrapper div.content div.register div.registerform div.top {
		background: transparent url("/images/bg-orange-top.gif") no-repeat scroll top left;
		width: 466px;
		height: 26px;
	}

	div#wrapper div.content div.register div.registerform div.form {
		background: transparent url("/images/bg-orange.gif") repeat-y scroll top left;
		width: 432px;
		padding: 0 6px 0 28px;
		margin-top: -4px;
	}

	div#wrapper div.content div.register div.registerform div.bottom {
		background: transparent url("/images/bg-orange-bottom.gif") no-repeat scroll top left;
		width: 466px;
		height: 26px;
		margin-bottom: 20px;
	}

	div#wrapper div.content div.register div.registerform div.hr {
		width: 459px;
		clear: both;
		height: 2px;
		float: left;
		margin: 20px -24px;
		overflow: hidden;
		background: transparent url("/images/bg-orange-hr.gif") no-repeat scroll top left;
	}

div#wrapper div.content div.register div.registerform div.form img,
div#wrapper div.content div.register div.registerform div.form h2
{
	float: left;
	clear: none;	
	display: block;	
}

div#wrapper div.content div.register div.registerform div.form img
{
	margin-right: 12px;
}

div#wrapper div.content div.register div.registerform div.form img.icon-error{
	margin-left:2px;margin-right:-20px;margin-top:5px;
}

div#wrapper div.content div.register div.registerform div.form img.icon-error-postalcode
{
	margin-right: -26px;
	margin-left: -6px;
}

div#wrapper div.content div.register div.registerform div.form h2
{
	margin: 14px 0;
}

div#wrapper div.content div.register div.registerform label
{
	clear: none;
	color: #000;
	height: 37px;
	line-height: 37px;
	display: block;
	width: 81px;
}

div#wrapper div.content div.register div.registerform label,
div#wrapper div.content div.register div.registerform input
{
	float: left;	
	margin: 0 3px 6px 0;
}

div#wrapper div.content div.register div.registerform input.wide,
div#wrapper div.content div.register div.registerform textarea.wide
{
	width: 276px;
}

div#wrapper div.content div.register div.registerform textarea
{
	padding: 10px;
	border: 1px solid #d9d9d9;
	margin: 0 6px 6px 0;
}

div#wrapper div.content div.register div.registerform input
{
	width: 124px;
}
div#wrapper div.content div.register div.registerform select
{
	padding: 10px 10px;
	border: 1px solid #d9d9d9;
}
div#wrapper div.content div.register div.registerform div.payment
{
}

div#wrapper div.content div.register div.registerform div.payment label.payment-option
{
	background-color: #fff;
	float: none;
	display: block;
	font-size: 19px;
	font-style: normal;
	line-height: normal;
	height: 22px;
	width: auto;
	padding: 4px 6px;
	margin-right: 20px;
	border: 1px solid #D9D9D9;
}
div#wrapper div.content div.register div.registerform div.payment label.payment-option input
{
    	height: 10px;
    	padding:0;
}

div#wrapper div.content div.register div.registerform div.payment label img
{
	margin: 1px 0 0 0;
}

div#wrapper div.content div.register div.registerform div.payment label span
{
	width: 70px;
}

div#wrapper div.content div.register div.registerform div.payment label img,
div#wrapper div.content div.register div.registerform div.payment label span
{
	float: left;
}

div#wrapper div.content div.register div.registerform input[type=radio]
{
	line-height: normal;
	width: auto;
	margin: auto;
	border: auto;
	height: auto;
	padding: auto;
	margin: 4px 6px 0 0;
}

div#wrapper div.content div.register div.registerform input.postalcode,
div#wrapper div.content div.register div.registerform input.portcode
{
	width: 62px;
}

div#wrapper div.content div.register div.registerform div.postalcodenotfound{
	clear:both;
	background-color:#EFEDEE;
	padding:0px 10px 5px 10px;
	margin-right:-5px;
	margin-bottom:10px;
	display: none;
	float: left;
}
div#wrapper div.content div.register div.registerform div.postalcodenotfound div.icon{
	width:38px;
	float:left;
	padding:15px 10px 0 0px;
}
div#wrapper div.content div.register div.registerform div.postalcodenotfound div.message{
	float:right;
	width:340px;
	padding:0px
}
div#wrapper div.content div.register div.registerform div.postalcodenotfound h3
{
	font-size: 18px;
	margin: 10px 0;
	line-height: 20px;
}

div#wrapper div.content div.register div.registerform div.postalcodenotfound input{
	width:200px;
	margin-top:10px;
}

div#wrapper div.content div.register div.registerform div.postalcodenotfound input.button{
	width:auto;
}

div#wrapper div.content div.register div.registerform div.postalcodenotfound .thanks
{
	font-weight: bold;	
}

div#wrapper div.content div.register div.registerform div.useralreadyexist{
	clear:both;
	background-color:#EFEDEE;
	padding:0px 10px 5px 10px;
	margin-right:-5px;
	margin-bottom:10px;
	display: none;
	float: left;
}
div#wrapper div.content div.register div.registerform div.useralreadyexist div.icon{
	width:38px;
	float:left;
	padding:15px 10px 0 0px;
}
div#wrapper div.content div.register div.registerform div.useralreadyexist div.message{
	float:right;
	width:340px;
	padding:0px
}
div#wrapper div.content div.register div.registerform div.useralreadyexist h3
{
	font-size: 18px;
	margin: 10px 0;
	line-height: 20px;
}

div#wrapper div.content div.register div.registerform div.useralreadyexist input{
	width:200px;
	margin-top:10px;
}

div#wrapper div.content div.register div.registerform div.useralreadyexist input.button{
	width:auto;
}

div#wrapper div.content div.register div.registerform div.useralreadyexist .thanks
{
	font-weight: bold;	
}

div#wrapper div.content div.register div.registerform label.postalcode
{
	margin-left: 15px;
	margin-right: 16px;
	width: 34px;
}

div#wrapper div.content div.register div.registerform label.stairs
{
	margin-left: 44px;
	margin-right: 16px;
	width: 80px;
}


div#wrapper div.content div.register div.registerform input.stairs
{
	width: 35px;
}

div#wrapper div.content div.register div.registerform div.controls
{
	clear: both;
}

div#wrapper div.content div.register div.registerform div.total
{
	margin-right:10px;
}

div#wrapper div.content div.register div.registerform div.total hr
{
	border-color:#fff;
	border-style:none none solid;
	border-top:1px;
	margin-bottom:5px;
	margin-top:4px;
}

div#wrapper div.content div.register div.registerform div.total div.multipleselectarea
{
	width:100px;
	float:left;
}

div#wrapper div.content div.register div.registerform div.total div.multipleselectarea input[type=hidden]
{
	display: none;
}

	div#wrapper div.content div.register div.registerform div.payment div.err {
		background: #fff url('/images/reg-warning.png') no-repeat 95% 10%;
		margin-right: 20px;
		padding: 0 20px 20px 20px;
		border: 1px solid #D9D9D9;
		font-size: 15px;
	}

div#wrapper div.content div.register div.registerform div.payment div#paymentPNO span,
div#wrapper div.content div.register div.registerform div.total span.multipleinformation
{
	display:block;
	font:12px/14px Arial,Helvetica,sans-serif;
	margin-bottom:10px;
	margin-top:-15px;
	color:#000;
}

div#wrapper div.content div.register div.registerform div.total div.productinformationarea
{
	display:table-cell;
	margin-left:5px;
	width:330px;
	text-align:right;
	height:45px;
	vertical-align:bottom;
}

div#wrapper div.content div.register div.registerform div.total div.productinformationarea span
{
	font: bold 14px/18px Arial,Helvetica,sans-serif;
}

div#wrapper div.content div.register div.registerform div.total span
{
	color: #ffffff;
	font: bold 18px/20px Arial,Helvetica,sans-serif;
}

div#wrapper div.content div.register div.registerform div.total span.multipleorders
{
	font: bold 30px/20px Arial,Helvetica,sans-serif;
	background-color: #000;
	padding: 3px 10px 3px 10px;
	margin: 0px;
}

div#wrapper div.content div.register div.registerform div.total div.multiplebuttons
{
	width:31px;
	display:inline-block;
	margin-bottom:-11px;
}

div#wrapper div.content div.register div.registerform div.total span.calcdiscount
{
	color: #000;
	font: bold 16px/20px Arial,Helvetica,sans-serif;
}

div#wrapper div.content div.register div.registerform input.campaign
{
	width:180px;
}

div#wrapper div.content div.register div.registerform input.campaignbutton
{
	background-color:#333;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	height:39px;
	width:90px;
}

div#wrapper div.content div.register div.registerform span.campaignselected
{
	color:#000;
	display:block;
	float:left;
	font: bold 14px/37px Arial,Helvetica,sans-serif;	
}

div#wrapper div.content div.register div.registerform span.terms,
div#wrapper div.content div.register div.registerform span.terms input
{
	display: block;
	float: left;
	width: auto;
	color: #000000;
}
div#wrapper div.content div.register div.registerform span.terms input
{
	padding: 0;
	border: 0;
}
div#wrapper div.content div.register div.registerform span.terms a
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
div#wrapper div.content div.register div.registerform div.terms-and-conditions
{
	display: none;
}

div#wrapper div.content div.register div.registerform a.send
{
	width: auto;
	height: auto;
	float: right;
}


div#wrapper div.content div.contact div.form div.messagebox
{
	clear:both;	
	background-color:#EFEDEE;
	padding:10px;
}

div#wrapper div.content div.contact div.form div.messagebox div.icon{
	width:38px;
	float:left;
	padding:5px 5px 0 0px;
}

div#wrapper div.content div.contact div.form div.messagebox div.message
{
	width:330px;
	float:right;
}

div#wrapper div.content div.contact div.form div.messagebox div.message h3
{
	font-size: 18px;
	margin: 10px 0;
	line-height: 20px;
}

div.showhidelist h2
{
	font-size: 24px;
}

div.showhidelist ul.mainlist
{
	padding: 0;
	list-style-type: none;
}

div.showhidelist ul.mainlist li
{
	margin-bottom: 35px;
	clear: both;
}

div.showhidelist ul.mainlist li p
{
	width: 520px;
}

div.showhidelist .controls {
	background: transparent url(/images/bg-orange-line.gif) no-repeat scroll bottom left;
	width: 100%;
	height: 20px;
	padding-bottom: 8px;
}
	div.showhidelist .controls a {
		color: #000;
		padding-left: 31px;
		height: 17px;
		float: left;
		display: block;
		background: transparent url(/images/ico-open.gif) no-repeat scroll top left;
		margin-right: 23px;
	}

		div.showhidelist .controls a.close-all {
			color: #999999;
			background-image: url(/images/ico-close.gif);
		}

div.showhidelist ul.showhide
{
	list-style-type: none;
	padding: 0;
}
div.showhidelist ul.showhide li
{
	clear: none;
}
div.recipelist ul.showhide li
{
	width: 520px;
}
div.showhidelist ul.showhide li a
{
	color: #000;
}
div.showhidelist ul.showhide li h2 a
{    
	padding-left: 31px;
}

div.showhidelist ul.showhide li h3 a
{
	padding-left: 31px;
	font-size: 18px;
    display:block;
}

div.showhidelist ul.showhide li h2,
div.showhidelist ul.showhide li h3 {
	background: transparent url(/images/ico-open.gif) no-repeat scroll top left;
}
div.showhidelist ul.showhide li h4
{
	color: #000000;
	margin-bottom: 3px;
}

div.showhidelist ul.showhide li p
{
	margin-top: 0px;
}

div.showhidelist ul.showhide li img,
div.showhidelist ul.showhide li h4,
div.showhidelist ul.showhide li p,
div.showhidelist ul.showhide li div.text
{
	display: none;
	padding-left: 31px;
	width: 530px;
}

div.showhidelist ul.showhide li div.text
{
	line-height: 24px;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
}
div.showhidelist ul.showhide li p
{
	padding-left: 0;
}

div.showhidelist ul.showhide li img
{
	padding: 10px;
	border: 1px solid #e3e3e3;
	margin-left: 31px;
	margin-bottom: 10px;
}

div.showhidelist ul.showhide li.open h2,
div.showhidelist ul.showhide li.open h3 {
	background-image: url(/images/ico-close.gif);
}
div.showhidelist ul.showhide li.open div.text,
div.showhidelist ul.showhide li.open p,
div.showhidelist ul.showhide li.open img,
div.showhidelist ul.showhide li.open h4
{
	display: block;
}

body.MealListPage div#wrapper div.content .left,
body.ImageArticle div#wrapper div.content .left
{
	width: 520px;
}

body.MealListPage div#wrapper div.content .right,
body.ImageArticle div#wrapper div.content .right
{
	float: right;
	width: 382px;
	margin-left: 20px;
}

body.MealListPage div#wrapper div.content .right
{
	clear: left;
}

/* Popin */

body.popin-active embed,
body.popin-active object{
	visibility: hidden;
}

DIV#popin {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: transparent url('/images/bg-popin.png');
	z-index: 99999;
	color: #fff;
}

DIV#popin DIV.content {
	margin: 0px auto 0px;
	width: 457px;    
	background: white none repeat left top;
	padding: 10px 30px 0 30px;		
	position: relative;
	min-height:450px;
}

DIV#popin DIV.content A.close {
	display: block;
	width: 18px;
	height: 13px;
	background: none no-repeat left top;	
	position: absolute;
	right: 25px;
	top: 25px;
	color: #000;
}

DIV#popin-content{
	padding: 27px 0 22px;
}

DIV#popin DIV.content .scroll
{
	overflow-y: scroll;
	height: 400px;
	margin: 5px 0 15px;
	border: 1px solid #ddd;
	padding: 0 15px;
}

DIV#popin DIV.content A.accept,
DIV#popin DIV.content A.deny
{

}

DIV#popin DIV.content A.accept
{
	float: right;
}

.txtBoxInputError
{
	border: 1px solid red;	
}

#site-desc
{
	color:#fff;
	font-size:12px;
	line-height: 18px;
	margin-bottom: 10px;
}
#site-desc a
{
	color: #fff;
	text-decoration: underline;
}

#site-desc h1
{
	font-size:12px;
	color: #fff;
	display:inline;
	line-height: 18px;
	text-transform:none;
}

.blurbs
{
	margin: 20px 26px 0;
}

.blurb
{
	padding: 0 21px;
	width: 260px;
	float: left;
	background-repeat: no-repeat;
	background-position: bottom center;
	min-height: 440px;
}

.blurb.wide
{
	width: 410px;
	background-position: 0 225px;
	background-repeat: no-repeat;
	background-color: Transparent;
	min-height: 410px;
}

.blurb p
{
	/**height: 170px;*/
	overflow: hidden;
}

.blurb img
{
	margin:0 -21px;
}

.blurb h2
{
	margin: 0;
}

.newsreel
{
	padding: 0 8px;
	margin-bottom: 40px;
}
.newsreel a
{
	width: 168px;
	min-height: 0;
	padding: 0 5px;
	float:left;
	
	font-size: 16px;
	color: #F47F3C;
} 
.newsreel a:hover
{
	text-decoration: none;
}
.newsreel img
{
	margin: 0 0 13px 0;
	border-bottom: 5px solid #000;
	height: 91px;
}
.newsreel span
{
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
}

.outside-puff-right,
.outside-puff-left
{
	width: 536px;
	padding: 16px 0 0 24px;
}

.outside-puff-right {
	background: transparent url('/images/outside-puff-right.png') no-repeat top left;
	height: 107px;
	position: absolute;
	margin: 0 0 0 482px;
}

.outside-puff-left {
	background: transparent url('/images/outside-puff-left.png') no-repeat top left;
	height: 107px;
	margin: 300px 0 0 -11px;
	position: absolute;
}

.outside-puff-right h2
{
	font-size: 34px;
}

.lookup-zip
{
	float:left;
	margin-right: 20px;
	padding: 5px 0 0;
}

#footer .lookup-zip
{
	margin-right: 40px;
}

.lookup-zip div
{
	float:left;
	margin: 3px 20px 0 0;
}

.lookup-zip label
{
	text-transform:uppercase; 
	margin-bottom:6px;
	color:#000;
	font-size:20px;
	font-weight:bold; 
	display:block;
}

#footer .lookup-zip label
{
	color:#fff;
}

.lookup-zip input[type=text]
{
	color:gray;
	text-align:center;
	float:left;
	background-color: #F2F2F2; 
	border: 0;
	width: 180px;
}

.lookup-zip a
{
	margin: 6px 0 0 0;
	height:auto;
	padding:0;
}

#slide-menu ul
{
	list-style-type: none;
	padding: 0;
	display: inline-block;
	margin: 0;
}

#slide-menu li {
	background: transparent url('/images/icon-pointer.png') no-repeat 4px 4px;
	padding: 0 0 7px 20px;
}

#slide-menu li a
{
	text-decoration: underline;
	color: #000;
}

#slide-menu .btn-big-light,
#slide-menu .btn-big
{
	float: left;
	margin: 0 10px 0 0;
}

a.btn-big-light,
a.btn-big
{
    font-weight: bold;
    display: inline-block;
    height: 64px;
    margin: -2px 0 0 0;
    padding: 0 8px 0 0;
    text-align: center;
}

a.btn-big-light {
	background: url("/images/btn-r-big-light.png") no-repeat scroll right top transparent;
}
a.btn-big {
	background: url("/images/btn-r-big.png") no-repeat scroll right top transparent;
}
a.btn-big-light span,
a.btn-big span
{
    display: inline-block;
    font-size: 20px;
    height: 64px;
    padding: 23px 16px 10px 24px;
	font-size: 24px;
    color: #FFF;
    text-transform:uppercase;
}
a.btn-big-light span {
	background: url("/images/btn-l-big-light.png") no-repeat scroll 0 0 transparent;
}
a.btn-big span {
	background: url("/images/btn-l-big.png") no-repeat scroll 0 0 transparent;
}

.btn,
.btn-dark
{
    display: inline-block;
    height: 44px;
    margin: -2px 0 0 0;
    padding: 0 8px 0 0;
    text-align: center;
}
.btn {
	background: url("/images/btn-r-light.png") no-repeat scroll right top transparent;
}
.btn-dark {
	background: url("/images/btn-r.png") no-repeat scroll right top transparent;
}

.btn span,
.btn-dark span
{
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    height: 44px;
    padding: 14px 16px 10px 22px;
    font-weight: 100;
}
.btn span {
	background: url("/images/btn-l-light.png") no-repeat scroll 0 0 transparent;
}
.btn-dark span {
	background: url("/images/btn-l.png") no-repeat scroll 0 0 transparent;
}

hr {
	background: transparent url('/images/hr.png') repeat-x top left;
	border: 0;
	width: 94%;
	margin: 16px auto;
}

#weekly-menu {
	list-style-type: none;
	padding: 0 550px 0 0;
	margin: 53px 0 0 36px;
	background: transparent url('/images/bg-week-menu.jpg') no-repeat right bottom;
	min-height: 595px;
}

#weekly-menu p
{
	margin: 0;
}

#weekly-menu strong
{
	display: inline;
}

#weekly-menu h3
{
	font-size: 26px;
	margin: 17px 0 0;
	text-transform:uppercase;
}

#weekly-menu a
{
	color: #000;
	font-size: 14px;
	line-height:22px;
	max-width: 400px;
}


.gallery-content{
	width:560px;
	overflow:hidden;
	float: left;
}
.gallery-content ul{
	width:99999px;
	overflow:hidden;
	padding:0;
	margin:0;
	list-style:none;
}
.gallery-content li{
	width:560px;
	float:left;
}
.gallery-content .image{width:100%;}
.gallery-content .image img{display:block;}


div#slideshow-mask
{	
	height: 350px;
	/**width: 610px;*/
	display: block;
	overflow: hidden;
	position: relative;
}
ul#slides
{
	width: 560px;
	height: 350px;
	display: block;
	list-style: none;
	padding: 0;
	list-style-type: none;
}
ul#slides li
{
	color: #B30090;
	width:560px;
	height:350px;
	/**float:left;*/
}

#about
{
	padding: 560px 0 0 0;
}


@media screen and (max-width: 768px)
{
	body #mobile-shortcut
	{
		display: block;
	}
}

#mobile-shortcut
{
	background-color: #EBEBEB; 
	display: none;
	padding:20px;
	position: fixed; 
	top: 0;
	width:100%;
	z-index: 2000; 
}

#mobile-shortcut .close
{
	color:#000;
	font-size: 2em;
	float:left;
	padding:50px 20px 0 0;
}

	#mobile-shortcut .icon {
		background: #fff url('/images/units/mobile/giboxen_homescreen.png') no-repeat center center;
		border: 1px solid lightgray;
		border-radius: 10px;
		display: inline-block;
		float: left;
		height: 114px;
		margin-right: 20px;
		width: 114px;
	}

	#mobile-shortcut a {
		background: transparent url('/images/units/mobile/bg_button.png') repeat-x top left;
		border: 1px solid lightgray;
		border-radius: 5px;
		color: #000;
		display: inline-block;
		font-size: 1.5em;
		font-weight: normal;
		padding: 20px 30px;
	}



