﻿/* HTML Elements
----------------------------------------------------------- */

html body {
	background: #fff;
	color: #000;
	font: normal 0.825em/1.300em Arial, Verdana, Helvetica, Tahoma, sans-serif;
	margin: 0;
	padding: 0;	
	text-align: center;
}

/* [!] Reset elements that have defaults */
blockquote, code, fieldset, form, img, h1, h2, h3, h4, h5, h6, h7, li, ol, p, pre, ul {border:none;margin:0;padding:0;}

a {color:#f04c1d;text-decoration:none;}
a:hover {color:#f6a458;}

h2 {color:#f37424;font-size:2em;font-weight:normal;line-height:1em;}
h3 {color:#000;font-size:1.40em;font-weight:normal;line-height:1em;}
h4 {color:#f37424;font-size:1.45em;font-weight:normal;line-height:1em;}

p {margin:0.8em 0;}

ol {margin:1.0em 0 1.6em 20px;}
ol li {margin:0.5em 0 0.5em 0;}

ul {margin:1.6em 0 1.6em 36px;list-style:url("../images/common/bullet.gif");}
ul li {margin:0.5em 0 0.5em 0;}


/* Fomatting
----------------------------------------------------------- */

.standout {color:#f37424;}


/* News listing
----------------------------------------------------------- */

.list-news {
	list-style: none;
	margin: -1px 0 0 0;
}

.list-news li {
	float: left;
	min-height: 99px;
	height: auto !important;
	height: 99px;
	margin: 25px 0;
	padding-left: 120px;
	position: relative;
	width: 480px;
}

.list-news li h4 {margin:0;}
.list-news li h4 a{color:#f37424;}
.list-news li h4 a:hover{color:#f6a458;}

.list-news li .date {color:#f37424;margin:6px 0;}

.list-news li .desc {margin:6px 0;}

.list-news li .btn {margin:8px 0;}

.list-news li p.thumb {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 99px;
	height: 99px;
	overflow: hidden;
}


/* Product listing
----------------------------------------------------------- */

.list-products {
	list-style: none;
	margin: 0;
}

.list-products li {
	background: #fbd289;
	margin: 0 0 16px 0;
	overflow: hidden;
	position: relative;
	height: 200px;
}

.list-products li.exclusive {background: #fbd289 url("../images/bg/stamp-exclusive.gif") 325px 90px no-repeat;}

.list-products li h2 {
	padding: 15px 330px 0 15px;
}

.list-products li .desc {
	padding: 0 330px 0 15px;
	margin-top: 0;
}

.list-products li p.thumb {
	background: #fff;
	border-left: 8px solid #fff;
	margin: 0;
	position: absolute;
	top: 0;
	left: 414px;
	width: 307px;
	height: 200px;
	overflow: hidden;
}

.list-products li .link {
	background: #f27426;
	height: 23px;
	line-height: 23px;
	position: absolute;
	top: 177px;
	left: 0;
	width: 414px;
}

.list-products li .link a {
	background: url("../images/bg/arrow.gif") 0 50% no-repeat;
	color: #fff;
	font-size: 11px;
	float: right;
	padding: 0 10px 0 16px; 
}


/* Team listing
----------------------------------------------------------- */

.list-team {
	list-style-type: none;
	margin: 0;
	width: 100%;
}

.list-team li {
	float: left;
	margin: 24px 83px 0 0;
	position: relative;
	width: 99px;
	height: 130px;
	overflow: hidden;
}

.list-team li.noResults {
	height: auto;
	width: 300px;
}

.list-team li h4 {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	height: 18px;
	margin: 4px 0 0 0;
	overflow: hidden;
	text-align: center;
}

.list-team li p.thumb {
	margin: 0;	
	width: 99px;
	height: 99px;
	overflow: hidden;
}


/* Management listing
----------------------------------------------------------- */

.list-management {
	list-style: none;
	margin: 0 0 30px 0;
}

.list-management li {
	float: left;
	margin: 24px 0;
	position: relative;
	width: 100%;
	min-height: 99px;
	height: auto !important;
	height: 99px;
}

.list-management li.clear {
	clear: both;
	float: none;
	margin: 0;
	width: 728px;
	min-height: 1px;
	height: 1px;
	overflow: hidden;
}

.list-management li h4, .list-management li .desc {padding:0 20px 0 114px;}

.list-management li .desc {margin:6px 0 0 0;}

.list-management li p.thumb {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 99px;
	height: 99px;
	overflow: hidden;
}


/* Recipe listing
----------------------------------------------------------- */

.list-recipes {
	list-style: none;
	margin: 0pt;
}

.list-recipes li {
	float: left;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
	width: 364px;
	height: 99px;
}

.list-recipes li div {
	position: absolute;
	bottom: 0;
	left: 114px;
	width: 250px;
	overflow: hidden;
}

.list-recipes li h4, .list-recipes li .desc {padding-right:20px;}
.list-recipes li h4 a {color:#f37424;}
.list-recipes li h4 a:hover {color:#f6a458;}

.list-recipes li .desc {margin:6px 0 0 0;}

.list-recipes li p.thumb {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 99px;
	height: 99px;
	overflow: hidden;
}

/* ALL Recipe listing
----------------------------------------------------------- */

.list-recipes {
	list-style: none;
}

.list-recipes li {
	float: left;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
	width: 364px;
	height: 99px;
}

.list-recipes li div {
	position: absolute;
	bottom: 0;
	left: 114px;
	width: 250px;
	overflow: hidden;
}

.list-recipes li h4, .list-recipes li .desc {padding-right:20px;}
.list-recipes li h4 a {color:#f37424;}
.list-recipes li h4 a:hover {color:#f6a458;}

.list-recipes li .desc {margin:6px 0 0 0;}

.list-recipes li p.thumb {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 99px;
	height: 99px;
	overflow: hidden;
}



/* Recipe details
----------------------------------------------------------- */

#recipe-pic {
	position: absolute;
	top: 60px;
	right: 11px;
	width: 231px;
}



#recipe-pic #frame, .recipe-pic .frame {
	border: 3px solid #fbb639;
	padding: 5px;
}

#recipe-pic2 {
	position: absolute;
	top: 246px;
	right: 11px;
	width: 186px;
}

#recipe-pic p, .recipe-pic p {
	padding: 0 6px;
}

#recipe-pic .pic, .recipe-pic .pic {	
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 215px;

}


#recipe-pic h3, .recipe-pic h3 {
	color: #f37424;
	margin: 10px 0;
	padding: 0 6px;
}


.click-thru {margin:20px 0 0 0;}
.click-thru a {background:#f37424;color:#fff;font-size:11px;float:right;margin:10px 0 0 0;padding:2px 15px;}
.click-thru a:hover {background:#f6a458;color:#fff;}

#recipe-details {padding-right: 234px;}



#top5 {
	height: 650px;
	position: relative;
	margin: 20px 0;
}

.recipe-pic {
	float: left;
	margin: 0 18px 16px 0;
	width: 231px;
}

.recipe-pic .frame {
	height: 300px;
	overflow: hidden;
}

.recipe-pic3 {
	margin-right: 0;
}


#top5 .click-thru {
	margin: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}


.method {
	margin-top: -18px;
}

.ingredients {
	list-style: none;
	list-style-image: none;
	margin: -18px 0 0 0;
}


.state-select {
	margin: 20px 0;
}

.state-select select {
	margin: 0 0 0 12px;
	width: 172px;
}


/* Location map
----------------------------------------------------------- */

#location-map {
	min-height: 390px;
	height: auto !important;
	height: 390px;
	padding-right: 550px;
	position: relative;
}

#location-map #map {
	margin: 0;
	position: absolute;
	top: 0;
	right: 41px;
}


/* Calendar table
----------------------------------------------------------- */

.cal {
	border-collapse: collapse;
	width: 100%;
}

.cal td, .cal th {
	border: 1px solid #d0d0d0;
	padding: 4px 6px;
	vertical-align: top;
}

.cal thead th {
	background: #f96611;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 25px;
}

.cal tbody th {
	color: #f37424;
	font-size: 11px;
	font-weight: bold;
}

.cal tbody td.x {
	background: #ffa521;
}

.cal tbody tr.alt td.x {
	background: #f27426;
}


/* 
----------------------------------------------------------- */

#signup {
	color: #ffffff;
	width: 122px;
	padding: 0 11px 31px 11px;
	position: absolute;
	top: 198px;
	left: 0;
}

#signup input {
	width: 116px;
}

#signup .button {
	position: relative;
	height: 23px;
	margin: -10px 0;
}

#signup .btn {
	position: absolute;
	right: 0;
	top: 0;
}


/* Content Layouts
----------------------------------------------------------- */

/* image right / content left */

#image-right {
	position: absolute;
	top: 60px;
	right: 11px;
	width: 357px;
}

#image-right .pic {	
	margin: 0;
	overflow: hidden;
	width: 357px;
	height: 308px;
}

#image-right .btn {
	float: right;
	margin: 10px 0 0 0;
}

#content-left {
	padding-right: 395px;
}

#product-content-left {
	padding-right: 335px;
}


#productDetail {
	width: 100%;
	position: relative;
}

#productDetail #exclusive {
	position: absolute;
	bottom: 0;
	right: 0;
}


#productDetail #quote {
	font-style: italic;
	padding-right: 100px;

}

/* Product detail pages */

#productimage-right {
	position: absolute;
	top: 60px;
	right: 11px;
	width: 308px;
}
#productcontent-left {
	padding-right: 330px;
}


#productimage-right .pic1 {
	width: 308px 
	height: 205px;
	margin: 0 0 7px 0;
	padding: 0;
}

#productimage-right .pic2 {
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 0 7px 0;
}

#productimage-right .pic3 {
	float: right;
	width: 150px; 
	height: 150px;
	margin: 0 0 7px 0;
}



/* image left / content right */

#image-left {
	position: absolute;
	top: 60px;
	left: 22px;
	width: 186px;
}

#image-left .pic {	
	margin: 0;
	overflow: hidden;
	width: 186px;
	height: 186px;
}

#image-left .btn {
	float: left;
	margin: 10px 0 0 0;
}

#content-right {
	padding-left: 154px;
}


/* Tools (print/email/font down/font up)
----------------------------------------------------------- */

#tools {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 10px;
	right: 11px;
}
#tools li {
	float: left;
	margin: 0 0 0 4px;
	width: 23px;
	height: 23px;
}
#tools li a {
	display: block;
	width: 23px;
	height: 23px;
	overflow: hidden;
	text-indent: -12345px;
}

#tools li.tool-email,#tools li.tool-email a{background-image: url("../images/buttons/tool-email.gif");}
#tools li.tool-print,#tools li.tool-print a{background-image: url("../images/buttons/tool-print.gif");}
#tools li.tool-fontdefault,#tools li.tool-fontdefault a{background-image: url("../images/buttons/tool-fontdefault.gif");}
#tools li.tool-fontlarge,#tools li.tool-fontlarge a{background-image: url("../images/buttons/tool-fontlarge.gif");}

#tools li a:hover{background-position:0 -23px;}


/* Buttons
----------------------------------------------------------- */

/* default class for all buttons */
.btn {display:block;overflow:hidden;}
.btn a {display:block;overflow:hidden;text-indent:-12345px;}

/* buttons images + dimensions */
.btn-more,.btn-more a{background:url("../images/buttons/more.gif");width:13px;height:13px;}
.btn-more a:hover{background-position:0 -13px;}

.btn-previousrecipes,.btn-previousrecipes a{background:url("../images/buttons/previousrecipes.gif");width:104px;height:21px;}
.btn-previousrecipes a:hover{background-position:0 -21px;}

.btn-moreaboutpumpkin,.btn-moreaboutpumpkin a{background:url("../images/buttons/moreaboutpumpkin.gif");width:105px;height:16px;}
.btn-moreaboutpumpkin a:hover{background-position:0 -16px;}

.btn-signup-go,.btn-signup-go a{background:url("../images/buttons/signup-go.gif");width:43px;height:23px;}
.btn-signup-go a:hover{background-position:0 -23px;}

/* special button placement */
.clickthru {float:right;margin-top:-12px;}


/* Headings
----------------------------------------------------------- */

/* default class for all headings */
.hdn {display:block;overflow:hidden;text-indent:-12345px;}

/* headings images + dimensions */
.hdn-tagline{background:url("../images/headings/tagline.jpg");height:187px;}
.hdn-moraitis{background:url("../images/headings/moraitis.jpg");}
.hdn-bananas{background:url("../images/headings/bananas.jpg");}
.hdn-cherries{background:url("../images/headings/cherries.jpg");}
.hdn-citrus{background:url("../images/headings/citrus.jpg");}
.hdn-melons{background:url("../images/headings/melons.jpg");}
.hdn-onions{background:url("../images/headings/onions.jpg");}
.hdn-potatoes{background:url("../images/headings/potatoes.jpg");}
.hdn-pumpkin{background:url("../images/headings/pumpkin.jpg");}
.hdn-strawberries{background:url("../images/headings/strawberries.jpg");}
.hdn-tomatoes{background:url("../images/headings/tomatoes.jpg");}


/* Promotional area
----------------------------------------------------------- */

#promo {
	position: absolute;
	left: 11px;
	bottom: 40px;
}


/* Homepage Elements
----------------------------------------------------------- */

#header h2 {
	position: absolute;
	top: 0;
	left: 144px;
	width: 827px;
	height: 106px;
}

#news-flash {
	color: #000;
	font-size: 1.1em;
	font-style: italic;
	margin: 0;
	padding: 6px 11px;
}

#news-flash span {
	color: #fff;
	font-size: 1.4em;
}

#news-flash a {color: #000;}
#news-flash a:hover {color: #fff;}

#home-intro {
	color: #fff;
	padding: 12px 150px 30px 90px;
	height: 280px;
}


.back-strip {
	background: #f27426;
	height: 21px;
	line-height: 23px;
	margin: 30px 0 0 0;
	padding: 0 20px;
}

.back-strip a {
	color: #fff;
	display: block;
	height: 23px;
}


/* Table Elements
----------------------------------------------------------- */

.font6
	{color:windowtext;
	font-size:8.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	}
.font5
	{color:windowtext;
	font-size:10.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	}
.months {
	color: windowtext;
	font-size: 10.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	border: .5pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}
.region {
	color: white;
	font-size: 10.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	border: .5pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	background-color:red;
}

.product {
	color: windowtext;
	font-size: 10.0pt;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: left;
	vertical-align: bottom;
	white-space: nowrap;
	border: .5pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}

.white {
	color: windowtext;
	font-size: 10.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	text-align: general;
	vertical-align: bottom;
	white-space: nowrap;
	border: .5pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}
.yellow {
	color: windowtext;
	font-size: 10.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	border-left: .5pt solid windowtext;
	border-right-style: none;
	border-right-color: inherit;
	border-right-width: medium;
	border-top: .5pt solid windowtext;
	border-bottom: .5pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	background: #FCF305;
}
.orange {
	color: windowtext;
	font-size: 10.0pt;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-family: Arial;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
	border-left: .5pt solid windowtext;
	border-right-style: none;
	border-right-color: inherit;
	border-right-width: medium;
	border-top: .5pt solid windowtext;
	border-bottom: 1.0pt solid windowtext;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	background: #FF6600;
}


/* Header Elements
----------------------------------------------------------- */

h1 {
	position: absolute;
	top: 0;
	left: 0;
}

h1, h1 a {
	background: url("../images/common/logo-moriatis.gif");
	display: block;
	width: 144px;
	height: 255px;
}

#header h2 {
	position: absolute;
	top: 0;
	left: 144px;
	width: 827px;
	height: 106px;
}

#mysterio {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
}

#mysterio a {
	display: block;
	width: 30px;
	height: 30px;
}


/* Print header
----------------------------------------------------------- */

#print-header{display:none;}


/* Layout and Structure
----------------------------------------------------------- */

#container {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 971px;
}

#header {
	height: 136px;
	position: relative;
	z-index: 50;
}

.pn-select-home #header{background:url("../images/bg/header.jpg") right top;}

#main {
	background: #f04c1d url("../images/bg/main.gif") no-repeat;
	overflow: hidden;
	position: relative;
	width: 971px;
	z-index: 1;
}

#content {
	background: #fff;
	border-right: 1px solid #f04c1d;
	border-bottom: 1px solid #f04c1d;
	margin-left: 144px; 
	overflow: hidden;
	padding-bottom: 50px;
	position: relative;
	width: 826px;
}

#extra-content {
	margin-top: -50px;
	padding: 0px 15px 50px 82px;
}

#extra-content h3 {
	color: #f27426;
	margin: 0 0 20px 0;
}

.pn-select-home #content {background: #f58636 url("../images/bg/content-homepage.jpg") repeat-x;}

.content-padding {
	padding: 60px 15px 50px 82px;
	min-height:450px;
	height: auto !important;
	height: 400px;
}

.content-padding-noimage {
	padding-right: 50px;
}

#footer {
	position: absolute;
	bottom: 10px;
	right: 11px;
	width: 800px;
	z-index: 30;
}


/* Hacks and Workarounds :(
----------------------------------------------------------- */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}