/*
Theme Name: Savoury Systems
Theme URI: http://savourysystems.com/
Description: <a href="http://mintadv.com">MINT Advertising</a> template for Savoury Systems.
Version: 1.0
Author: Chris Jordan
Author URI: http://seej.net/
Tags: Single Column, Mint Advertising

	Savoury Systems
	 http://savourysystems.com

	This theme was designed by MINT Advertising,
	and built by Chris Jordan.
	
	edit: 08/14/2010 Nathan Guisinger
	added style declarations for Flavor Finder Ajax tool at end of document
*/

body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #66665b; text-align: center; background-color: white; margin: 0 0 20px 0;padding: 0px;}
img, h1, h2, h3, h4, p, html, body { border: 0px; margin: 0px; padding: 0px; }
#page { text-align: left; margin: 0px auto; width: 960px; }
/* header */

#header { margin: 0; height: 100px; width: 960px;}
#headerlogo { padding: 17px 0px 0px 0px; height: 92px; width: 270px;}

/* top navigation */
#nav {float: right; height: 46px; width: 550px; right: 0px; top: 0px; display: block;}
.nav {margin: 0px; padding: 0px;}
.nav ul {cursor: default; list-style-type: none; list-style: none; display: block; margin: 0px; padding: 0px; }
.nav li {float:right;  height: 19px; list-style: none; padding: 30px 7px 7px 7px; margin: 0px; }
.nav .current_page_item {background-color: #66665b;}
.nav .current_page_item a:link, .nav .current_page_item a:visited {color: white;}
.nav a:link { color: #66665b; font-weight: bold; text-decoration: none;}
.nav a:visited { color: #66665b; font-weight: bold; text-decoration: none;}
.nav a:hover {text-decoration: underline; }

#main-nav {width: 960px; margin-left: 5px;}
.item {float: left; margin: 0 15px 0 0;}

.breadcrumb {clear: both; border-bottom: 1px solid #d4d5d6; width: 960px; padding: 14px 0px 8px 4px;}

/* defaults */
a:link { color: #66665b; text-decoration: none;}
a:visited { color: #66665b; text-decoration: none;}
a:hover {text-decoration: underline; }
p {margin: 0px 0px 10px 0px;}
.clear { clear: both; }
h2 {font-weight: normal; font-size: 15px; color: black; margin: 0px; padding: 0px;}

.post {clear: both; margin-top: 10px;}
.entry {font-size: 14px;}


/* home page */
#home-grid {clear: both; margin-top: 10px}
.home-block {float: left; padding: 5px 3px 5px 3px; display: block; }


/* product overview pages */
.post-product-overview {padding: 5px 0px 20px 10px; width: 460px; height: 270px; color: black; line-height: 18px;}
.post-product-overview h1 {font-weight: normal; padding: 20px 0px 7px 0px; }

.page-template-template-hvps-overview-php {background: url('images/bkg_hvp.jpg') no-repeat top center white;}
.page-template-template-chef-overview-php {background: url('images/bkg_chefselect.jpg') no-repeat top center white;}
.page-template-template-meatplus-overview-php {background: url('images/bkg_meatplus.jpg') no-repeat top center white;}
.page-template-template-savorganic-overview-php {background: url('images/bkg_savorganic.jpg') no-repeat top center white;}
.page-template-template-seafood-overview-php {background: url('images/bkg_seafood.jpg') no-repeat top center white;}
.page-template-template-yeastbased-overview-php {background: url('images/bkg_yeastbased.jpg') no-repeat top center white;}
.page-template-template-yeastextract-overview-php {background: url('images/bkg_yeastextract.jpg') no-repeat top center white;}

.title-hvp {color: #00937f;}
.title-meat {color: #97c54a;}
.title-yeastb {color: #cdb86b;}
.title-yeaste {color: #d6203f;}
.title-chef {color: #569fd3;}
.title-savorganic {color: #f58e32;}
.title-seafood {color: #999999;}

#list-title {color: white; height: 40px; margin-left: 25px; color: white; font-size: 16px;}
#product-list {height: 247px;}
#product-list a:link {color: black; text-decoration: none;}
#product-list a:visited {color: black; text-decoration: none;}
#product-list a:hover {text-decoration: underline;}
#product-list ul {list-style-type: none; list-style: none; width: 220px;}
#product-list li {list-style: none; margin-bottom: 4px;}

#order-sample {height: 30px; clear: both; margin: 0px 0px 30px 285px; font-size: 15px;}
#order-sample a:link {color: white; text-decoration: none;}
#order-sample a:visited {color: white; text-decoration: none;}
#order-sample a:hover {text-decoration: underline;}

/* product pages */
.post-product {float: right; width: 650px; margin-top: 60px; }
.post-product h1 {font-weight: normal; font-size: 18px; padding: 6px 0px 7px 0px; width: 650px; color: white; text-align: center; margin: 0 0 26px 0;}

.bar-hvp {background-color: #00937f;}
.bar-meat {background-color: #97c54a;}
.bar-yeastb {background-color: #cdb86b;}
.bar-yeaste {background-color: #d6203f;}
.bar-chef {background-color: #569fd3;}
.bar-savorganic {background-color: #f58e32;}
.bar-seafood {background-color: #999999;}

.certification {float: left; padding: 5px 15px 0 0} /* certification logos */

.post-product .entry {float: left; width: 380px;}
.post-product .entry h2 { margin: 0px;}

.column-right {float: right; width: 255px; right: 0px top: 0px; }
.column-right p {padding: 0px 0px 5px 15px; margin: 0px;}
.column-right h2 {padding: 0 0 6px 15px; margin: 0px;}

#product-image {width: 148px; height: 110px; padding: 187px 0 0 117px; color: black; font-size: 11px;} /* photo and product #  268x307 */
.request-sample {padding: 3px 0px; width: 150px; text-align: center; margin: 0px 0px 50px 50px}
.request-sample a:link {color: white; font-size: 15px;}
.request-sample a:visited {color: white; font-size: 15px;}
.request-sample a:hover {text-decoration: underline;}

/* graph */
#graph {background: url('images/graph.gif') no-repeat; width: 244px; height: 114px; border: 1px solid #999; margin-left: 10px;}
#graph div {background-color: white; width: 48px; height: 10px; float: left; line-height: 0;}
#graph #c1 {height: 34px;} /*graph region 1 */
#graph #c2 {height: 22px;} /*graph region 1 */
#graph #c3 {height: 75px;} /*graph region 1 */
#graph #c4 {height: 1px;} /*graph region 1 */
#graph #c5 {height: 32px;} /*graph region 1 */
#graph-text {clear: both;}

/* pages */
h1 {color: #42af9c; font-weight: normal; padding: 20px 0px 7px 0px;}

.post-news {width: 650px; margin: 0px 15px 20px 10px;}
.post-news h1 {font-size: 36px; color: #afafaf; }
.news-item {margtin-bottom: 15px;}
.news-item h1 {color: #a2d8cf; font-weight: normal; padding: 20px 0px 4px 0px; font-size: 26px;}
.news-item p {line-height: 18px;}
h2.pagetitle { margin-bottom: 25px; margin-top: 15px; font-size: 18px; color: #333;}

#sidebar {float: right; width: 200px; margin-top: 20px;}
#sidebar h2 {background-color: #569fd2; color: white; padding: 3px 0px 3px 5px; font-size: 18px;}
#sidebar ul {margin: 0px; padding: 0px; background-color: #cee4f2; list-style-type: none; list-style: none;}
#sidebar li {margin: 0px; padding: 3px 0px 3px 7px; list-style: none;}
#sidebar a:link, #sidebar a:visited {font-style:italic; color: #569fd2 }
#sidebar a:hover {}


/* footer */
#footer { padding: 0; margin: 0 auto; width: 960px; clear: both; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }

/* Images */
p img {padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px;margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px;margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* style declarations for Flavor Finder Ajax tool */
/* edit: 08/12/2010 Nathan Guisinger */

#ff-container {
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
	width: 938px;
	height: 251px;
}
#ff-certifications {
	float: left;
	margin-top: 45px;
	margin-left: 20px;
	height: 153px;
	width: 181px;
}

.ff-cert {float: left; width: 54px;}
.ff-cert-checkbox {width: 30px; height: 25px; margin: 0 auto 5px auto; display: block; text-align: center; background: url('images/checkbox.png') no-repeat 3px; }
.ff-cert-label {color: #999999; text-align: center; margin: 0 0 10px 0; font-size: 11px;}

.ff-cert-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00937f;
	margin: 0px 5px 10px 7px;
}

/* start the sliders MOVED TO flavor-finder.css in plugin directory to override jquery ui theme */
/* .slider-area {height: 184px; width: 49px;float:left;margin: 0 31px 0 0;} */
/*
.ff-criteria {
	float: left; 
	height: 232px;
	width: 410px; 
	margin: 25px 0 0 30px;}
	
.ff-criteria .ff-sliders  { height: 184px; width: 49px;float:left;margin: 0 31px 0 0; }
	
.slider {width: 49px; float: left; margin: 0 31px 0 0; background: url('images/bar_white.gif') no-repeat; cursor:pointer;}
#criteria1 {background: url('images/bar-meaty') no-repeat;}
#criteria2 {background: url('images/bar-salty') no-repeat;}
#criteria3 {background: url('images/bar-umami') no-repeat;}
#criteria4 {background: url('images/bar-roasted') no-repeat;}
#criteria5 {background: url('images/bar-brothy') no-repeat;}
*/

/* DEPRECATED
.bar {width: 49px; height: 11px;}
#bar-meaty {background: url('images/bar-meaty') no-repeat;}
#bar-salty {background: url('images/bar-salty') no-repeat;}
#bar-umami {background: url('images/bar-umami') no-repeat;}
#bar-roasted {background: url('images/bar-roasted') no-repeat;}
#bar-brothy {background: url('images/bar-brothy') no-repeat;}

#draggable { width: 100px; height: 70px; background: silver; }
*/

/* jquery ui styles */
/* #demo-frame > div.demo { padding: 10px !important; } */
/*
#criteria1 {padding-top: 45px;}
#criteria2 {padding-top: 145px;}
#criteria3 {padding-top: 184px;} /* na value: should snap into this position on mouse release with anything below "0" */
/*
#criteria4 {padding-top: 30px;}
#criteria5 {padding-top: 0px;} /* max value */

.ff-results {float: left; width: 285px; height: 166px; margin: 45px 0 0 5px; }
.ff-title-result { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #00937f; margin: 0px 0px 6px;}
.ff-result-list {overflow-y: scroll; width: 268px; height: 128px; }
.ff-result-list p {margin: 3px 0px 5px 0px; padding: 0px; color: #8c8c84;}
.ff-result-list a:link, a:visited {text-decoration: underline; color: #8c8c84;}
.ff-result-list a:hover {color: black;}