/* 
	Thrifty Foods - Zoom Stylesheet
	November 2008
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/




/* COLOURS
#333 - grey - body background
#ff0 - yellow - links
#69f - blue - h1, required fields, alerts
#6f6 - green - subheads
#666 - dark grey - footer background, borders
*/


/* Sections flagged with =
	GENERIC
	WRAPPER
	TOP
	BRAND
	ACCESSIBILITY
	BREADCRUMBS
	CONTENT
	SIDEBAR
	SECTION-NAVIGATION
	NAVIGATION (main)
	QUICK-LINKS
	SEARCH
	FOOTER
	SECTION-SPECIFIC
		Home
		Platters
		Recipe
		Recipe Collection
		Recipe Reviews
		Recipe Top Ten
		Recipe Box
		Job Application
		My Account
		Smile Team
		Our Team
		All Messages
		Single Message
		Just Ask
		What's New Detail
		Beefs and Bouquets
		Shopping List
		Smile Pin
		Store Locator
		Location Detail
		Contest
		Flyer Page
		Sitemap
*/


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

body, html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.7;
	background-color: #333;
	color: #fff;
}

h1, h2, h3, h4 {
	margin: 1em 0 0 0;
	color: #6f6;
}

h1 {
	font-size: 250%;
	color: #69f;
}

h2 {
	font-size: 180%;
}

h3 {
	font-size: 130%;
}

a:link, a:visited {
	color: #ff0;
	text-decoration: none;
	border-bottom: solid 2px #fff;
	padding-bottom: 2px;
}

a:focus, a:hover, a:active {
	color: #000;
	background-color: #ff0;
}

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

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

.plain {
	float: none;
	border: none !important;
	padding: 0 !important;
}

.clear {
	clear: both;
}

:focus {
	outline-color: #fff;
}

form {
	margin: 1em 0 2em 0;
	padding: 0;
}

form * {
	font-size: 100%;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form label, form .label {
	display: block;
	font-weight: bold;
}

form div {
	margin: 0 0 1em 0;
}


.text, textarea, select {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 20em;
	padding: .4em;
}

.button {
	width: auto;
}

.highlight {
	background-color: #fff;
	color: #333;
	padding: 0 .2em;
}


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

#top {
	width: 60%;
	margin: 1em auto;
	padding: 0 0 1em 0;
	position: relative;
	border-top: solid 1px #333;
}

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

#brand {
	padding-top: 4em;
	height: 13em;
}

#brand #heading {
	padding-top: 140px;
	background-image: url(../images/logo-zoom-thrifty-foods.png);
	background-repeat: no-repeat;
	font-size: 180%;
}

#brand a {
	color: #6f6;
	border: none;
}

#brand a:focus, #brand a:hover, #brand a:active {
	color: #000;
}

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

#brand #tagline {
	position: absolute;
	left: -9999px;
}

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

#accessibility {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.5em;
	border-bottom: solid 1px #666;
}



/* Skip Links */

#accessibility #skip-links {
	position: absolute;
	top: 0;
	left: 0;
	font-size: .8em;
	margin: 0;
	padding: 0;
	width: 60%;
}

#accessibility #skip-links strong, #accessibility #skip-links span {
	font-weight: normal;
}

#accessibility #skip-links a:link, #accessibility #skip-links a:visited, #accessibility #skip-links a:hover {
}

#accessibility #skip-links a:focus, #accessibility #skip-links a:active {
}

/* Text Size */

#accessibility #text-size {
	display: none;
}

/* High Contrast */

#accessibility #layout-switch {
	position: absolute;
	top: 0;
	right: 0;
	font-size: .8em;
	margin: 0;
	max-width: 36%;
}

#accessibility #layout-switch strong {
	font-weight: normal;
}

#accessibility #layout-switch .contrast-switch, #accessibility #layout-switch .contrast-separator {
	display: none;
}

#accessibility #layout-switch a:link, #accessibility #layout-switch a:visited {
	color: #000;
	background-color: #ff0;
	padding: 0 3px;
}

#accessibility #layout-switch a:focus, #accessibility #layout-switch a:hover, #accessibility #layout-switch a:active, #accessibility #layout-switch a.selected {
}


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

#breadcrumbs {
	text-align: left;
	padding: 1em 0;
	font-size: .8em;
	margin: 1em 0;
}

#breadcrumbs strong {
}

#breadcrumbs span {
	padding: 0 .5em;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: none;
}

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

#content {
	border-bottom: solid 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;
	margin-top: 6em;
}

#content h1, #content h2, #content h3, #content h4 {
	margin: 2em 0 .2em 0;
	padding: 0;
}

#content h1#headline {
	margin-top: 0;
}

#content h2 {
}

#content h3 {
}

#content h4 {
}

#content a.skip:link, #content a.skip:visited, #content a.skip:hover {
/*	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: -9999px;*/
}

#content a.skip:focus, #content a.skip:active {
/*	position: static;
	width: auto;
	height: auto;
	font-weight: bold;
	padding: .2em;
	font-size: 1.2em;
	border: solid 1px #fff;*/
}

#content img {
	display: block;
	border: solid 5px #ddd;
}
#content img.image-right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

#content img.image-left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

#content img.image-right-border {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

#content img.image-left-border {
	float: left;
	margin: 0 1.5em 1.5em 0;
}


#content p {
	line-height: 1.8;
	margin: 0 0 1em 0;
}


#content li {
	margin-top: 0;
	margin-bottom: .5em;
	line-height: 1.3;
}

#content ol ol {
	list-style-type: lower-alpha;
}

#content .border {
	border: solid 1px #666;
	padding: .5em;
}

#content table {
	border-collapse: collapse;
	border-style: solid;
	border-color: #666;
	border-spacing: 0;
	border-width: 1px;
	margin: .5em 0;
	width: 100%;
}

#content table td, #content table th {
	padding: .5em;
	line-height: 1.2;
	border-collapse: collapse;
	border-color: #666;
	border-spacing: 0;
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
}


#content table th, #content table td.header {
	background-color: #666;
}

#content table th, #content table td h2, #content table td h3, #content table td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table p {
	margin: 0;
	line-height: 1.2;
}

/* plain tables -- no styling */

#content table.plain {
	border-collapse: collapse;
	border-style: solid;
	border-color: #333;
	border-spacing: 0;
	border-width: 0;
	margin: .5em 0;
}

#content table.plain td, #content table.plain th {
	line-height: 1.2;
	border-collapse: collapse;
	border-color: #333;
	border-spacing: 0;
	border-width: 0;
	border-style: solid;
}


#content table.plain th {
	background-color: transparent;
}

#content table th, #content table td h2, #content table td h3, #content table td h4 {
	margin: 0;
	text-transform: uppercase;
	text-align: left;
}

#content table p {
	margin: 0;
	line-height: 1.4;
}

/* Forms */

#content fieldset {
}

#content label {
}

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

#content input.text, #content textarea, #content select {
}

#content .button {
}


#content .required {
	display: block;
	color: #69f;
}

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

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

#content .error .required {
	display: block;
	color: #69f;
}


/* Standard Form Class */



#content .standard-form .required-fields {
	display: none;
}

/* end Standard Form class  */



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

#sidebar #community {
/*	border-bottom: solid 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;*/
}

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

#sidebar #community li {
	margin: 0;
	list-style: none;
	border-bottom: solid 1px #666;
	padding: 1em 0;
}

#sidebar #community li h3 {
	margin-top: 0;
}

#sidebar #community li .header {
	margin: 0;
}

#sidebar #community li img {
	display: none;
}


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

#section-navigation {
	border-bottom: solid 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#section-navigation h3 {
}

#section-navigation ul {
}

/* Level 1 */

#section-navigation li {
}

#section-navigation li a:link, #section-navigation li a:visited {
}

#section-navigation li a:focus, #section-navigation li a:hover, #section-navigation li a:active, #section-navigation li.selected a:link, #section-navigation li.selected a:visited, #section-navigation li.parent a:link, #section-navigation li.parent a:visited {
}


/* Level 2 */

#section-navigation li ul {
}

#section-navigation ul li ul li a:link, #section-navigation ul li ul li a:visited, #section-navigation ul li.parent ul li a:link, #section-navigation ul li.parent ul li a:visited {
}

#section-navigation ul li.parent ul li a:focus, #section-navigation ul li.parent ul li a:hover, #section-navigation ul li.parent ul li a:active, #section-navigation ul li.parent ul li.selected a:link, #section-navigation ul li.parent ul li.selected a:visited {
}



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

#main-navigation {
	position: absolute;
	top: 17em;
	left: 0em;
	width: auto;
	border-left: solid 3px #fff;
	font-weight: bold;
}

#main-navigation h3 {
	position: absolute;
	top: -9999px;
}

#main-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#main-navigation a {
	display: block;
	float: left;
	border-color: #fff;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	padding: 4px 8px;
	white-space: nowrap;
}

#main-navigation a.last-nav {
/*	border: solid 3px #fff;*/
}

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

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

#minor-navigation {
	border-bottom: solid 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

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



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

#search {
	border-bottom: solid 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#search form {
	padding: 0;
	margin: 0;
}

#search p {
	line-height: 1.2;
}

#search label {
	display: block;
	font-size: 110%;
	color: #6f6;
	margin: 0;
}

#search .text {
	width: 50%;
}

#search .submit {
}

/* =LOGIN
----------------------------------------------------*/

#login {
	border-bottom: solid 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

#login h3 {
	font-size: 130%;
}

#login form {
	padding: 0;
	margin: 0;
}

#login p {
	line-height: 1.2;
}

#login label {
	display: block;
	font-size: 110%;
	color: #6f6;
	margin: 1em 0 0 0;
}

#login .text {
	width: 50%;
}

#login .submit {
}


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

#footer {
}

#footer p {
}

#footer a {
}

#footer a:focus, #footer a:hover, #footer a:active {
}

#footer p#footer-links {
}

#footer #customize {
	display: none;
}



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


/* =Home
----------------------------------------------------*/
.page-home #cycle img {
	max-width: 95%;
	margin: 1em 0;
}


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

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

#content .listing-platters ul li {
	list-style: none;
	margin: 0 2em 2.5em 0;
	padding: 0;
	float: left;
	width: 44%;
	position: relative;
}


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


#content .listing-platters ul li .platter-info h3 {
	font-size: 1em;
	margin: 0 0 .8em 0;
}


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


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

/* =Recipe
----------------------------------------------------*/

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

#content #recipe fieldset .checkbox {
	display: none;
}

#content #recipe label {
	font-weight: normal;
}

#content #recipe #add-buttons {
	margin-top: 1em;
}

#content #recipe #add-buttons a {
	margin-right: 1em;
}

#content #recipe #extra #action-buttons {
	margin-bottom: 1em;
}

#content #recipe #extra #action-buttons a {
	margin-right: 1em;
}

/* =Recipe Collection
----------------------------------------------------*/

#new-recipes {
	border-bottom: solid 1px #666;
}

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

#new-recipes li {
	list-style: none;
	margin: 0 1.5em 0 0;
	padding: .5em 0;
	height: 180px;
	width: 280px;
	float: left;
}

#new-recipes img {
	float: right;
	display: block;
	padding: 0;
}


/* =Recipe Reviews
----------------------------------------------------*/

#content #recipe-reviews #recipe-photo {
	position: relative;
	min-height: 116px;
	border-bottom: solid 1px #666;
}

#content #recipe-reviews #recipe-photo img {
	position: absolute;
	top: 10px;
	left: 10px;
}

#content #recipe-reviews #recipe-photo #recipe-description {
	margin-left: 169px;
}

#content #recipe-reviews #reviews-listing ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #recipe-reviews #reviews-listing ul li { 
	list-style: none;
	margin: 0;
	padding: .5em 0 0 0;
	position: relative;
	border-top: solid 1px #A8CF80;
}

/* =Recipe Top Ten
----------------------------------------------------*/

#content #recipe-listing #recipe-photo {
	position: relative;
	min-height: 116px;
}

#content #recipe-listing #recipe-photo img {
	position: absolute;
	top: 10px;
	left: 10px;
}

#content #recipe-listing #recipe-photo #recipe-description {
	margin-left: 169px;
}

#content #recipe-listing #reviews-listing  {
	margin-top: 2em;
}

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

/* =Recipe Box
----------------------------------------------------*/

#content #recipe-box #recipe-photo {
	position: relative;
	min-height: 116px;
}

#content #recipe-box #recipe-photo img {
	position: absolute;
	top: 10px;
	left: 10px;
}

#content #recipe-box #recipe-photo #recipe-description {
	margin-left: 169px;
}

#content #recipe-box #recipe-box-listing  {
	margin-top: 2em;
}

#content #recipe-box #recipe-box-listing .rating strong {
	position: absolute;
	left: -9999px;
}


/* =Job Application
----------------------------------------------------*/

#content #job-application form .required {
	display: block;
	color: #69f;
}
#content #job-application .required-fields {
	display: none;
}

/* =My Account
----------------------------------------------------*/

#content #my-account form h2 {
	font-size: 180%;
}

#content #my-account form .required {
	display: block;
	color: #69f;
}
#content #my-account .required-fields {
	display: none;
}

/* =Smile Team
----------------------------------------------------*/

#content .smilemember {
	float: left;
	margin: 0 1em 1.5em 0;
	text-align: center;
	min-width: 110px;
	width: 8em;
}

#content .smilemember img {
	display: inline;
}

#content .smilemember p {
	margin: 0;
	line-height: 1.3;
}


/* =Our Team
----------------------------------------------------*/

#content #our-team-inbox td.col-subject  {
	line-height: 1.8;
}

#content #our-team-inbox tr:hover {
	background-color: #666;
}

#content #our-team-inbox #buttons a {
	margin-right: 1em;
}

#content #our-team-extra #our-team-poll {
	border-bottom: solid 1px #666;
}

#content #our-team-extra #our-team-hmm {
	border-bottom: solid 1px #666;
}

/* =All Messages
----------------------------------------------------*/

#content #all-messages-inbox td.col-subject  {
	line-height: 1.8;
}

#content #all-messages-inbox tr:hover {
	background-color: #666;
}

#content #all-messages-inbox #buttons a {
	margin-right: 1em;
}

/* =Single Message
----------------------------------------------------*/

#content #our-team-message #buttons fieldset {
	display: none;
}

/* =Just Ask
----------------------------------------------------*/

#content .questions-listing {
}

#content .questions-listing .question-single {
	border-top: solid 1px #666;
	margin: 2em 0;
	padding: 2em 0;
}

#content .questions-listing .question-single .asked {
	font-size: .9em;
}

#content .questions-listing .question-single .question {
	font-weight: bold;
}

#content .questions-listing .question-single .question strong {
	color: #6f6;
	text-transform: uppercase;
}

#content .questions-listing .question-single .answer {
}

#content .questions-listing .question-single .answer strong {
	color: #6f6;
	text-transform: uppercase;
}

#content .questions-listing #buttons .next {
	float: right;
}

#content .questions-listing #buttons .previous {
	float: left;
}


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

#content #whats-new-gallery .lightbox img {
	float: left;
	margin: 0 1em 1em 0;
}

/* =Beefs and Bouquets
----------------------------------------------------*/
#content #beefs-bouquets-listing .navigation-jump {
	/*margin-bottom: 2em;*/
	display: none;
}

#content #beefs-bouquets-listing ul {
	list-style: none;
	margin: 0;
	padding: 1em 0;
	border-top: solid 1px #a6d4ab;
}

#content #beefs-bouquets-listing ul li {
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0 0 1.5em 0;
	border-bottom: solid 1px #a6d4ab;
	line-height: 1.8;
}

#content #beefs-bouquets-listing ul li .date {
	font-weight: bold;
}

#content #beefs-bouquets-listing .navigation-buttons a {
	margin-right: 1em;
	font-size: 1.3em;
}

/* =Shopping List
----------------------------------------------------*/

#content #shopping-list #store-choice {
	display: none;
}

#content #shopping-list .col-remove {
	display: none;
}


#content #shopping-list th {
	text-transform: lowercase;
	font-weight: normal;
	font-size: .8em;
	padding: 8px 20px;
}


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

#content #shopping-list td {
	padding: 20px;
}

#content #shopping-list #buttons {
	display: none;
}

/* =Smile Pin
----------------------------------------------------*/

#content #smile-pin-nomination form fieldset {
	margin: 1em 0;
}

#content #smile-pin-nomination form .required {
	display: block;
	color: #69f;
}
#content #smile-pin-nomination form .required-fields {
	display: none;
}

/* =Store Locator
----------------------------------------------------*/

#content #store-locator-map {
display: none;
	height: 34em;
	background-image: url(../images/store-location-map.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}


#content #store-locator-map-inset {
display: none;
	margin-top: 2em;
	width: 299px;
	height: 299px;
	background-image: url(../images/store-location-map-inset.png);
	background-repeat: no-repeat;
	background-position: top right;
}



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

#content #location-detail .hours {
	font-weight: bold;
}

#content #location-detail .manager {
	font-style: italic;
	font-weight: bold;
}

#content #location-detail #manager-photo {
	float: right;
	margin: 0 0 1em 3em;
}


#content #location-detail #location-map {
	border-top: solid 1px #a6d4ab;
	padding: 1em 0 .5em 0;
	margin-top: 2em;
}


/* =Contest
----------------------------------------------------*/

#content #contest-entry form .required {
	display: block;
	color: #69f;
}
#content #contest-entry .required-fields {
	display: none;
}


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

#content #flyer-page #flyer-info {
	display: none;
}

#content #flyer-page .flyer-navigation-buttons {
	/*text-align: center;*/
	margin: 2em 0;
}

#content #flyer-page .flyer-navigation-buttons a {
	font-size: 1.2em;
}

#content #flyer-page .flyer-navigation-buttons .link-back {
	margin-right: 2em;
}

#content #flyer-page #flyer-navigation-form {
	display: none;
}

#content #flyer-page #checkboxes {
	display: none;
}

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


#content #sitemap .col li {
	line-height: 1.8;
}