/* 
	Thrifty Foods - Mobile Stylesheet
	July 2011
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/

/* COLOURS

#838383 - grey - headlines

#6a6a6a - grey - borders
*/

/* Sections flagged with =
	GENERIC
	TOP
	BRAND
	ACCESSIBILITY
	MAIN
	BREADCRUMBS
	CONTENT
	SIDEBAR
	SECTION-NAVIGATION
	NAVIGATION (main)
	MINOR-NAVIGATION
	SEARCH
	FOOTER
	SECTION-SPECIFIC
		Home
		Feedback Form
		
*/

/* =GENERIC
----------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #ddd;
	color: #222;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
}

@font-face {
    font-family: 'FeltTipRomanRegular';
    src: url('../fonts/felttipr-webfont.eot');
    src: url('../fonts/felttipr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/felttipr-webfont.woff') format('woff'),
         url('../fonts/felttipr-webfont.ttf') format('truetype'),
         url('../fonts/felttipr-webfont.svg#FeltTipRomanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4 {
}

h1 {
	font-family: "FeltTipRomanRegular", Helvetica, Arial, sans-serif;
	font-size: 1.6em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
	font-style: italic;
}

a:link, a:visited {
	color: #309d26;
}

a:focus, a:hover, a:active {
	color: #309d26;
}

img {
	display: none;
}

.right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

.left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.plain {
}

.clear {
}

.button {
}

form {
}

label {
}


/* =TOP
----------------------------------------------------*/

#top {
	position: relative;
}


/* =BRAND
----------------------------------------------------*/

#brand {
	margin: 0;
	padding: 0;
}

#brand.search-on {
	padding-bottom: 85px;
}

#brand.login-on {
	padding-bottom: 300px;
}

#brand #heading {
	height: 30px;
	margin: 0;
	background-color: #ccc;
	border-bottom: 1px solid #666;
	color: #222;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 6px;
	text-shadow: 0px 1px 0px #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#brand #heading a {
	color: #222;
	text-decoration: none;
	display: block;
	max-width: 232px;
}

#brand #heading strong a {
	background-image: url(../images/mobile/webkit-icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px 0 4px 32px;
	display: block;
	max-width: 130px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#brand #print-logo {
	display: none;
}
#brand #tagline {
	display: none;
}

#brand #back-button {
	position: absolute;
	top: 10px;
	right: 6px;
	height: 30px;
	width: 50px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
}

#brand #menu-button {
	position: absolute;
	top: 10px;
	right: 6px;
	height: 30px;
	width: 50px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
width: 40px;
}

#brand #login-button {
	position: absolute;
	top: 10px;
	right: 70px;
	height: 30px;
	width: 50px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
width: 40px;
}

#brand #search-button {
	position: absolute;
	top: 10px;
	right: 134px;
	height: 27px;
	width: 24px;
	background-image: url(../images/mobile/icon-search.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#brand #quicklinks-button {
	position: absolute;
	top: 10px;
	right: 120px;
	height: 27px;
	width: 26px;
	background-image: url(../images/mobile/icon-quicklinks.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}


#brand .button-hide {
	display: none;
}

/* =ACCESSIBILITY
----------------------------------------------------*/

#accessibility {
}

/* Skip Links */

#accessibility #skip-links {
	display: none;
}

/* Layout Switch */

#accessibility #layout-switch {
display: none;
}


/* =MAIN
----------------------------------------------------*/

#main {
}


/* =BREADCRUMBS
----------------------------------------------------*/

#breadcrumbs {
/*	border-bottom: 1px solid #999999;
	padding: 0 4%;*/
	margin: 0 0 10px 0;
	line-height: 1.4;
	font-size: 10px;
}

#breadcrumbs h2 {
	position: absolute;
	left: -9999px;
}


#breadcrumbs p {
	max-width: 100%;
/*	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;*/
}

#breadcrumbs a {
}

.js #breadcrumbs {
	/*margin-top: 60px;*/
}

#breadcrumbs .title {
	display: none;
}

/* =CONTENT
----------------------------------------------------*/

#content {
	line-height: 1.4;
	padding: 10px 4% 20px 4%;
	border-bottom: 1px solid #999999;
	background-color: #fff;
}

#content #sub-navigation {
}

#content h1, #content h2, #content h3, #content h4 {
}

#content h1#headline {
	margin: 0;
	clear: both;
	font-size: 36px;
	color: #b5d14e;
	line-height: 1.2;
}

#content ul li {
	margin-bottom: .5em;
}

#content .warning {
	display: block;
	margin: 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #ECF3D3;
	padding: 10px;
}

#content {
	clear: both;
}

#content img {
	display: block;
	margin: 5px 0 10px 0;
	max-width: 98%;
}


#content table {
	max-width: 98%;
	font-size: .9em;
}

#content table td, #content table th {
	vertical-align: top;
	text-align: left;
	/*word-break: break-all;*/
}

#content .button-light {
	/*display: block;*/
	/*height: 30px;*/
/*	width: 150px;*/
	padding: 3px 8px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 1.6;
	border: solid 1px #4a4c4f;
	background: -moz-linear-gradient(top, #616569 0%, #2f3439 50%, #2f3439 51%, #1e2329 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616569), color-stop(50%,#2f3439), color-stop(51%,#2f3439), color-stop(100%,#1e2329)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #616569 0%,#2f3439 50%,#2f3439 51%,#1e2329 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #616569 0%,#2f3439 50%,#2f3439 51%,#1e2329 100%); /* Opera11.10+ */
	background: linear-gradient(top, #616569 0%,#2f3439 50%,#2f3439 51%,#1e2329 100%); /* W3C */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}


#content input.button-light {
/*	height: auto;
	padding: 30px;*/
}

#content .required {
}

/* Forms */

#content fieldset {
	margin: 1em 0 2em 0;
	padding: 0;
	border: none;
}

#content .wrapper {
	margin-bottom: 1.5em;
}

#content .wrapper, #query-wrapper, #type-wrapper, #submit-wrapper {
	margin-bottom: 1em;
}


#content label, #content .label {
	font-weight: bold;
	display: block;
/*	float: left;*/
	color: #535353;
}

#content label .note {
	font-weight: normal;
	font-size: .9em;
}

#content form input[type=text], #content form textarea, #content form select {
	width: 90%;
}

#content a img {
	border: solid 2px blue;
}

#content .error {
	color: #f00;
	font-weight: bold;
}

#content .error .text {
	border-color: #f00;
}

#content .error .required {
	display: inline;
}

#content .skip {
	display: none;
}

#content #share-links {
	display: none;
}

#content p#text-size {
	font-size: 18px !important;
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6;
}

#content p#text-size a {
	width: 16px;
	display: block;
	float: right;
	padding: 0 5px;
	margin-left: 10px;
	/*border: solid 1px #424242;*/              
	text-decoration: none;
	height: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
}

#children {
	border-bottom: 1px solid #999999;
	padding: 10px 4% 20px 4%;
	margin: 0;
	position: relative;
}

#children #show-button {
	position: absolute;
	top: 18px;
	right: 6px;
	height: 30px;
/*	width: 150px;*/
	padding: 0 6px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
}

#children ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#children ul li a {
	position: relative;
	background-color: #fff;
	border: 1px solid #999999;
	color: #222222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 4%;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#children ul li a.selected {
	background-color: #eee;
}

#children ul li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-left-radius: 8px;
    -moz-border-top-right-radius: 8px;
}
#children ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

#children ul li ul  {
	display: none;
}


#children ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#children ul li a {
	position: relative;
	background-color: #fff;
	border: 1px solid #999999;
	color: #222222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 4%;
	text-decoration: none;
	-webkit-tap-highlight-color: blue;
}

#children ul li a.selected {
	background-color: #eee;
}

#children ul li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
#children ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

#children ul li ul  {
	display: none;
}

/* =SIDEBAR
----------------------------------------------------*/

#sidebar {
	line-height: 1.4;
	padding: 10px 4% 20px 4%;
	border-bottom: 1px solid #999999;
	background-color: #fff;
	
}

#sidebar #community ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar #community li {
	display: none;
}                            


#sidebar li#featured-flyer {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li#featured-flyer h3 {
	margin: 0;
	clear: both;
	font-size: 28px;
	color: #b5d14e;
	line-height: 1.2;
	font-family: "FeltTipRomanRegular", Helvetica, Arial, sans-serif;

}


#sidebar #featured-flyer #flyer-slides .slide a .title {
	position: absolute;
	left: -99999px;
}

#sidebar #featured-flyer #flyer-slides .slide a img {
	display: inline;
	max-width: 98%;
}



/* =ALL-NAVIGATION (web-kit navigation pane)
----------------------------------------------------*/

.js #tab-bar {
	border-bottom: 1px solid #999999;
	height: 45px;
	padding: 0 4%;
	margin: 0;
}

.js #tab-bar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.js #tab-bar ul li {
	background-color: #ccc;
	border: 1px solid #999999;
	color: #222222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 0;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    float: left;
    width: 49%;
    text-align: center;
}

.js #tab-bar ul li:first-child {
	margin-right: 2px;
}

.js #tab-bar ul li.selected {
	border-bottom: solid 1px #fff;;
	background-color: #fff;
}


/* =SECTION-NAVIGATION
----------------------------------------------------*/

#section-navigation {
	border-top: 1px solid #999999;
	margin: 10px 10px 20px 10px;
}

.js #section-navigation {
	border: none;
	
}

#section-navigation h3 {
	/*display: none;*/
}               

#section-navigation div#up-link {
	
}

#section-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-border-bradius: 5px;
}
#section-navigation ul li a {
	position: relative;
	background-color: #fff;
	border: 1px solid #999999;
	color: #222222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 4%;
	text-decoration: none;
	-webkit-tap-highlight-color: blue;
}

#section-navigation ul li a.selected {
	background-color: #eee;
}

#section-navigation ul li a.selected:before {
	/*content: "☞ ";*/
}

#section-navigation ul li a.first {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
#section-navigation ul li a.last {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

#section-navigation ul li ul li a  {
	padding-left: 3em;
}

#section-navigation ul li ul li ul li a  {
	padding-left: 6em;
}


/* =NAVIGATION (main)
----------------------------------------------------*/

#main-navigation {
	margin: 20px 10px;
}

.js #main-navigation {
	display: none;
}


#main-navigation h3 {
	padding-top: 10px;
}


#main-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#main-navigation ul li a {
	background-color: #fff;
	border: 1px solid #999999;
	color: #222222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 4%;
	text-decoration: none;
	-webkit-tap-highlight-color: blue;
}

#main-navigation ul li ul {
	display: none;
}

#main-navigation ul li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
#main-navigation ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

/* =MINOR-NAVIGATION
----------------------------------------------------*/

#minor-navigation {
	margin: 20px 10px;
}

.js #minor-navigation {
	display: none;
}



#minor-navigation h3 {
	padding-top: 10px;
}


#minor-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#minor-navigation ul li a {
	background-color: #fff;
	border: 1px solid #999999;
	color: #222222;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: -1px;
	padding: 12px 4%;
	text-decoration: none;
	-webkit-tap-highlight-color: blue;
}

#minor-navigation ul li ul {
	display: none;
}

#minor-navigation ul li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}
#minor-navigation ul li:last-child a {
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}

/* =SEARCH
----------------------------------------------------*/

#search {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #fff;
	height: 90px;
}

#search h2 {
	position: absolute;
	left: -9999px;
}

.no-js #search {
	border-top: 1px solid #999999;
}

.js #search {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
border-bottom: 1px solid #999999;
}


#search form {
	padding: 10px 4%;
	margin: 0 auto;
}

#search p {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

#search form label {
	font-weight: bold;
	display: none;
}

#search form input[type="search"] {
	width: 12em;
	padding: 5px;
}

#search form input[type="submit"] {
	-webkit-appearance: none;
	height: 30px;
	/*width: 50px;*/
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
}

/* =LOGIN
----------------------------------------------------*/
#login {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #fff;
	height: 320px;
}

#login h3 {
	position: absolute;
	left: -9999px;
}

.no-js #login {
	border-top: 1px solid #999999;
}

.js #login {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	border-bottom: 1px solid #999999;
}


#login form {
	padding: 10px 4%;
	margin: 0 auto;
}

#login form p {
	/*text-align: center;*/
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

#login form label {
	font-weight: bold;
	display: block;
	/*display: none;*/
}

#login form input[type="text"], #login form input[type="password"] {
	width: 90%;
	padding: 5px;
	margin: 0 0 10px 0;
}

#login form input[type="submit"] {
	-webkit-appearance: none;
	height: 30px;
	/*width: 50px;*/
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
}


/* =FOOTER
----------------------------------------------------*/

#footer {
	padding: 10px 4% 45px 4%;
	margin: 0;
	background-color: #bbb;
}

#footer h2 {
	position: absolute;
	left: -9999px;
}

#footer a {
	color: #000;
}

#footer p {
	margin: 0 0 5px 0;
}

#footer ul, #footer ul li {
	margin: 0 0 5px 0;
}

#footer #copyright {
	margin-bottom: 10px;
}


#footer #customize {
	position: absolute;
	bottom: 14px;
	right: 0;
	padding: 0 4%;
	margin: 0;
}

#footer #customize h3, #footer #customize strong {
	position: absolute;
	left: -99999px;
}


#footer #layout-switch ul, #footer #layout-switch ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}


#footer #layout-switch a {
	color: #000;
}

.mobile-switch {
	font-weight: bold;
}

#footer a#top-link {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 4%;
	height: 30px;
/*	width: 30px;*/
	font-weight: bold;
	text-align: center;
	color: white;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	line-height: 28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(../images/mobile/button.png) 0 8 0 8;
	-moz-border-image: url(../images/mobile/button.png) 0 8 0 8;
	border-image: url(../images/mobile/button.png) 0 8 0 8;
}

#footer #footer-links {
	line-height: 1.8;
	margin-bottom: 5px;
}

#footer #follow-links {
	height: 37px;
	margin-top: 10px;
}

#footer #follow-links ul, #footer #follow-links ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer #follow-links ul li a {
	display: block;
	width: 16px;
	height: 16px;
	padding: 3px;
	float: left;
	margin-right: 10px;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
}

#footer #follow-links ul li#facebook a {
	background-image: url(../images/mobile/facebook.png);
}
#footer #follow-links ul li#twitter a {
	background-image: url(../images/mobile/twitter.png);
}

#footer #follow-links ul li#youtube a {
	background-image: url(../images/mobile/youtube.png);
}



#footer #follow-links ul li a br {
	display: inline;
}


/* =SECTION-SPECIFIC
----------------------------------------------------*/

/* =Home
----------------------------------------------------*/

.page-home #content {
	/*padding-top: 10px;*/
}

.page-home #main-links {
	margin-top: 10px;
}

.page-home #main-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-home #main-links ul li a {
	border: solid 1px #309d26;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #34aa29; /* Old browsers */
	background: -moz-linear-gradient(top, #34aa29 0%, #34ab29 50%, #309d26 51%, #309d26 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34aa29), color-stop(50%,#34ab29), color-stop(51%,#309d26), color-stop(100%,#309d26)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #34aa29 0%,#34ab29 50%,#309d26 51%,#309d26 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #34aa29 0%,#34ab29 50%,#309d26 51%,#309d26 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #34aa29 0%,#34ab29 50%,#309d26 51%,#309d26 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34aa29', endColorstr='#309d26',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #34aa29 0%,#34ab29 50%,#309d26 51%,#309d26 100%); /* W3C */	
	width: 42%;
	float: left;
	margin: 5px 2%;
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
	/*line-height: 28px;*/
	padding: 2%;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.page-home #main-links ul li a.selected {
	background-color: #eee;
}

.page-home #main-links ul li ul  {
	display: none;
}

.page-home #main-links:after {
	content:"";
	display:table;
	clear: both;
}

.page-home #flyer {
	line-height: 1.4;
	padding: 10px 4% 20px 4%;
	border-bottom: 1px solid #999999;
	background-color: #fff;
}

.page-home #flyer h2 {
	margin: 0;
	clear: both;
	font-size: 28px;
	color: #b5d14e;
	line-height: 1.2;
	font-family: "FeltTipRomanRegular", Helvetica, Arial, sans-serif;
}

.page-home #flyer ul, .page-home #flyer li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-home #flyer li {
	display: none;
}

.page-home #flyer li#flyer-1 {
	display: block;
}

.page-home #flyer a .title {
	position: absolute;
	left: -99999px;
}

.page-home #flyer a img {
	display: inline;
	max-width: 98%;
}

/* =Platters
----------------------------------------------------*/

#content .listing-platters ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#content .listing-platters ul li {
	list-style: none;
	margin: 20px 0;
	padding: 3px 0 0 3px;
	border: solid 2px #309d26;
	/*width: 17.1em;
	min-width: 204px;
	min-height: 108px;*/
	position: relative;
}

#content .listing-platters ul li .platter-info { 
	padding: 0 107px 0 2px;
	background-color: #fff;
	min-height: 108px;
}


#content .listing-platters ul li .platter-info h3 {
	font-size: 18px;
	margin: 0 0 10px 0;
}

#content .listing-platters ul li .platter-info a {
}

#content .listing-platters ul li .platter-image {
	width: 110px;
	height: 104px;
	position: absolute;
	top: 5px;
	right: 0;
	overflow: hidden;
}

#content .listing-platters ul li .platter-image img {
	position: absolute;
	right: 0;
	top: 0;
}


/* =Contact Us
----------------------------------------------------*/

.page-contact #content #contact-form-area form fieldset {
	padding: 0;
	margin: 0;
	border: none;
}

.page-contact #content #contact-form-area form .wrapper {
	margin: 20px 0;
}

.page-contact #content #contact-form-area form label, .page-contact #content #contact-form-area form .label {
	display: block;
	font-weight: bold;
}

.page-contact #content #contact-form-area form input[type=text], .page-contact #content #contact-form-area form textarea, .page-contact #content #contact-form-area form select {
	width: 90%;
}

.page-contact #content #contact-form-area form input[type=radio] {
	width: auto;	
}

.page-contact #content #contact-form-area form fieldset.choose {
	background-color: #d8d8d8;
	padding: .5em;
	font-size: 1.2em;
}

.page-contact #content #contact-form-area form fieldset.choose .wrapper {
	margin: 0;
	padding: 0;
}

.page-contact #content #contact-form-area form fieldset.choose .wrapper .label {
	font-weight: normal;
}

.page-contact #content #contact-form-area form fieldset.choose label {
	margin: 10px 0;
}

.page-contact #content #contact-form-area form fieldset.choose input[type=radio] {
}



/* =Search Results
----------------------------------------------------*/

.page-search #content .searchform {
	background-color: #e6e6e6;
	padding: 1em;
	margin: 0;
}


.page-search #content .searchform fieldset {
	margin: 0;
	padding: 0;
}

.page-search #content .searchform fieldset div {
	margin: 0 0 10px 0;
}

.page-search #content .searchform label, .page-search #content .searchform .label {
	font-weight: bold;
}

.page-search #content .searchform fieldset input[type="text"], .page-search #content .searchform fieldset select {
	width: 90%;
}

.page-search #content .searchform #submit-wrapper {
	margin: 0;
}

.page-search #content #did-you {
	font-size: 1.3em;
	margin: 1em 0 0 0;
	color: #ca0808;
	font-style: italic;	
}

.page-search #content #did-you a {
	font-weight: bold;
}

.page-search #content #results-header {
	margin: 1.5em 0;
}

.page-search #content #results-header h3 {
	margin: 0;
	color: #000;
	font-weight: normal;
	font-size: 1em;
}

.page-search #content #results-header h3 .number, .page-search #content #results-header h3 .category {
	font-weight: bold;
}
.page-search #content .searchresult {
	margin: 0 0 1.5em 0;
	line-height: 1.8;
}

.page-search #content .searchresult a.title {
	font-weight: bold;
}

.page-search #content .searchresult .type {
	color: #505050;
}

.page-search #content .searchresult .extract {
}

.page-search #content .searchresult .date {
	font-style: italic;
}

.page-search #content .searchresult .url {
	/*font-size: .9em;*/
	display: none;
}

.page-search #content p.paging {
	margin-top: 2.5em;
	padding-top: 10px;
	text-align: center;
	border-top: dotted 1px #b9b9b9;
}

.page-search #content .paging a:link, .page-search #content .paging a:visited {
	margin-left: .5em;
	padding: .5em;
}

.page-search #content .paging a:focus, .page-search #content .paging a:hover, .page-search #content .paging a:active, .page-search #content .paging a.selected {
	color: #fff;
	background-color: #1479c7;
	text-decoration: none;
}

.page-search #content .paging a.previous-link {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

.page-search #content .paging a.next-link {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
}

/* =Events
----------------------------------------------------*/

#content #events-listing ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #events-listing ul li {
	padding: 0;
	margin: 0 0 2em 0;
	list-style: none;
	clear: both;
}

#content #events-listing ul li h3 {
	margin: 0 0 .2em 0;
}

#content #events-listing ul li p.metadata {
	display: block;
	margin: 0 0 .3em 0;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.2;
}

#content #events-listing ul li .blurb {
	display: inline;
	line-height: 1.6;
}

#content #events-listing ul li .blurb p {
	display: inline;
}

#content #events-listing ul li p.read-more {
	display: inline;
}

#content #events-listing ul li p.read-more:before {
	content: " ";
}

/* =What's New Archive
----------------------------------------------------*/

#content #events-listing-archive ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #events-listing-archive ul li {
	padding: 0;
	margin: 0 0 1.5em 0;
	list-style: none;
}

#content #events-listing-archive ul li p.title {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
}

#content #events-listing-archive ul li p.date {
	display: block;
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
	font-size: .9em;
}

/* =What's New Story
----------------------------------------------------*/

.section-latest-news #content p.story-date {
	font-weight: bold;
	margin-bottom: .2em;
}

/* =Public Notices
----------------------------------------------------*/

#content #public-notices ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #public-notices ul li {
	padding: 0;
	margin: 0 0 2em 0;
	list-style: none;
	clear: both;
}

#content #public-notices ul li p.title {
	margin: 0 0 .2em 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
}

#content #public-notices ul li p.date {
	display: block;
	margin: 0 0 .3em 0;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.2;
}

#content #public-notices ul li .thumbnail img {
	/*display: none;*/
	float: right;
	border: solid 1px #6a6a6a;
	margin: -1em 0 1em 1em;
}


/* =Public Notices Archive
----------------------------------------------------*/

#content #public-notices-archive ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #public-notices-archive ul li {
	padding: 0;
	margin: 0 0 2em 0;
	list-style: none;
}

#content #public-notices-archive ul li p.title {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
}

#content #public-notices-archive ul li p.date {
	display: block;
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
	font-size: .9em;
}

/* =Press Releases
----------------------------------------------------*/

#content #press-releases ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #press-releases ul li {
	padding: 0;
	margin: 0 0 2em 0;
	list-style: none;
	clear: both;
}

#content #press-releases ul li p.title {
	margin: 0 0 .2em 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
}

#content #press-releases ul li p.date {
	display: block;
	margin: 0 0 .3em 0;
	font-weight: bold;
	font-size: .9em;
	line-height: 1.2;
}

#content #press-releases ul li .thumbnail img {
	/*display: none;*/
	float: right;
	border: solid 1px #6a6a6a;
	margin: -1em 0 1em 1em;
}


/* =Press Releases Archive
----------------------------------------------------*/

#content #press-releases-archive ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#content #press-releases-archive ul li {
	padding: 0;
	margin: 0 0 2em 0;
	list-style: none;
}

#content #press-releases-archive ul li p.title {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
}

#content #press-releases-archive ul li p.date {
	display: block;
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
	font-size: .9em;
}

/* =Job Postings
----------------------------------------------------*/

#content #job-postings #header {
	display: none;
}

#content #job-postings ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #job-postings ul li {
	margin: 0;
	padding: 1em 0 0 0;
	list-style: none;
	border-bottom: solid 1px #b5d14e;
}

#content #job-postings ul li .status {
		font-weight: bold;
}

#content #job-postings ul li .closed {
}

#content #job-postings .summary {
}

#content #job-postings h3 {
	margin: 0;
}


/* =Sitemap
----------------------------------------------------*/

#content #sitemap p#activate {
	margin: 0;
	font-weight: bold;
}

#content #sitemap .slider {
}

#content #sitemap .slider a {
	border: none;
}

#content #sitemap .slider .col {
	width: 90%;
}

#content #sitemap .slider #col-one {
}

#content #sitemap .slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #sitemap .slider ul li {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}



#content #sitemap .slider ul li.closed {
}

#content #sitemap .slider a {
	text-decoration: none;
}

#content #sitemap .slider ul li h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.3;
	font-weight: bold;
}

#content #sitemap .slider ul li h3 a {
	display: block;
	padding: 0;
	color: #fff;
	background-color: #309d26;
	width: 90%;
}


#content #sitemap .slider ul li h3 a span {
	display: block;
	padding: 6px 20px 6px 10px;
}


#content #sitemap .slider ul li h3 a.open span {
}


#content #sitemap .slider ul li ul {
	margin: 8px 0 0 0;
	padding: 0;
}

/* Level 2 */


#content #sitemap .slider ul li ul li {
	background-image: none;
	text-transform: uppercase;
	margin: 4px 0;
	padding: 8px 10px 4px 10px;
	border-top: solid 1px #d8d8d8;
	line-height: 1.8;
}

#content #sitemap .slider ul li ul li a:link, #content #sitemap .slider ul li ul li a:visited {
}

#content #sitemap .slider ul li ul li a:focus, #content #sitemap .slider ul li ul li a:hover, #content #sitemap .slider ul li ul li a:active {
}


#content #sitemap .slider ul li ul li ul {
	margin: 4px 0;
	padding: 0;
	border: none;
	background-image: none;
	list-style: disc;
}


/* Level 3 */

#content #sitemap .slider ul li ul li ul li {
	border: none;
	padding: 0 0 0 4px;
	margin: 0 0 0 24px;
	text-transform: none;
	list-style: disc;
}


/* Level 4 */

#content #sitemap .slider ul li ul li ul li ul {
	list-style: circle;
}

#content #sitemap .slider ul li ul li ul li ul li {
	list-style: circle;
}

/* =Recipe Collection
----------------------------------------------------*/
#content #new-recipes {
}

#content #new-recipes ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #new-recipes li { /* ie6.css */
	margin: 0 2% 20px 0;
	padding: 0;
	list-style: none;
	width: 43%;
	float: left;
	text-align: center;
}


#content #new-recipes li a {
	font-weight: bold;
}

#content #new-recipes li img {
	display: block;
	margin: 0 auto;
	padding-bottom: 5px;
}

#content #recipe-search {
	clear: both;
}

#content #recipe-search h2 {
}

#content #recipe-search form {
/*	padding: 1em;
	background-color: #f5f9f0;
	border-color: #309d26;
	border-width: 1px 0;
	border-style: solid;*/
}

#content #recipe-search form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#content #recipe-search form div.wrapper {
	margin-bottom: 10px;
}

#content #recipe-search form label {
	font-weight: normal;
	display: block;
}

#content #recipe-search form .text-label {
	font-weight: bold;
	margin-bottom: 5px;
}


#content #recipe-search form .text {
}

#content #recipe-search form .label {
	margin-bottom: 10px;
}

#content #recipe-search form .col {
/*	width: 16em;
	float: left;
	margin-right: 1em;*/
}

#content #recipe-search form .search-button {
	margin-top: 10px;
}

#content #recipe-search form #browse-link {
}

/* =Recipe Top Ten
----------------------------------------------------*/
#content #recipe-photo img:first-child {
	display: none;
}

#content #recipe-listing #recipe-photo img {
}

#content #recipe-listing #recipe-photo #recipe-description {
}

#content #recipe-listing #recipe-photo #recipe-description .title {
	font-weight: bold;
}

#content #recipe-listing #recipe-photo #recipe-description .rating strong {
	display: block;
	float: left;
	margin-right: .4em;
}

#content #recipe-listing .smile {
}

#content #recipe-listing .blank {
}


#content #recipe-listing #reviews-listing {
}

#content #recipe-listing #reviews-listing tr td, #content #recipe-listing #reviews-listing tr th  {
}

#content #recipe-listing #reviews-listing tr th {
}

#content #recipe-listing #reviews-listing .recipe .title {
	font-weight: bold;
	margin: 0;
}

#content #recipe-listing #reviews-listing .rating {
	display: none;
}

#content #recipe-listing #reviews-listing .rating strong {
	left: -9999px;
}

/* =Recipe
----------------------------------------------------*/
#content #recipe label {
	font-weight: normal;
	display: block;
}

#content #recipe #review-buttons {
	margin: 10px 0;
}

/* =Shopping List
----------------------------------------------------*/
#content #shopping-list #store-choice {
}


#content #shopping-list #store-choice label {
	font-weight: normal;
}


#content #shopping-list table {
	width: 100%;
	margin: 0;
}

#content #shopping-list th {
	text-transform: lowercase;
	font-weight: normal;
	font-size: 12px;
	padding: 4px 10px 0 10px;
}


#content #shopping-list th.department {
	text-transform: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #309d26;
	padding-bottom: 4px;
	border-bottom: solid 1px #309d26;
}

#content #shopping-list td {
	line-height: 1.6;
	padding: 10px;
}


#content #shopping-list td.col-item .price {
	font-weight: bold;
	color: #309d26;
}


#content #shopping-list tr:hover td {
	background-color: #f5f9f0;
}


#content #shopping-list #buttons {
	display: block;
	padding: 1em 0;
}

#content #shopping-list #buttons a {
	display: block;
	margin: 10px 0;
}

#content #shopping-list #buttons p {
	margin: 0;
}

#content #shopping-list #shopping-list-add a#email-shoppinglist {
/*	display: block;
	width: 141px;
	height: 26px;
	float: left;
	margin: 10px 9px 0 0;
	background-image: url(images/button-email-shopping-list.png);
	background-repeat: no-repeat;
	text-indent: -9999px;*/
}

/* =Flyer
----------------------------------------------------*/

#content #flyer-navigation-form {
	margin: 20px 0;
}

/* =Location Detail
----------------------------------------------------*/

#content #google-map iframe {
	width: 100% !important;
}