/* @override http://www.foodsourceinc.com/css/screen.css */

/* @group Reset Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 13px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* @end */

/* @group Global Formatting */

/* @group Fonts and Main Styles */

#main h2 {
	font: 17px Georgia, Times, Serif;
	margin: 0 0 5px 0;
	color: #9d4b3a;
}
#main p {
	line-height: 19px;
}
/* Main Font Color */
#main p,
#sidebar p,
blockquote {
	color: #424242;
}
#sidebar p {
	line-height: 14px;
}

.htmlText {
	line-height: 19px;
	color: #424242;
}
.htmlText strong {
	font-weight: bold;
}
.htmlText em {
	font-style: italic;
}
.htmlText ul {
	padding: 10px 0;
}
.htmlText ul li {
	list-style-position: outside;
	list-style-type: none;
	padding-right: 0;
	margin: 0 0 7px 29px;
	padding-left: 19px;
	background: url(/img/bullet_arrow.gif) no-repeat 0 7px;
}

.htmlText a {
	color: #4c6e28;
}


.htmlText a:hover {
				color: #67924d;
}


/* @end */

.floatright {
	float: right;
	display: inline; /*to avoid IE double margin bug*/
}
.floatleft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
}

/* @group Global Grid Measurements */
		
		body {
			text-align: center;
			padding: 10px 20px;
			background-repeat: repeat-x;
			background-image: url(/img/bg.gif);
		}
		#container {
			width: 800px;
			margin: 0 auto;
			text-align: left;
		}
		#pageheading {
			clear: both;
			margin-top: 0px;
			margin-bottom: 25px;
		}
		#content {
			padding: 0 0 0 0;
			padding: 0 5px;
			padding-bottom: 10px;
		}
		#logo {
			margin-bottom: 10px;
		}
		#header #basketsummary {
			float: right;
			font-size: 12px;
			color: #756f64;
			margin: 13px 30px 0 0;
			padding: 20px 0 23px 146px;
			vertical-align: top;
	background: url(/img/sample_express_top.gif) no-repeat 0 -2px;
}
	#header #basket-links {
		color: #8a8a8a;
		text-align: center;
		margin-top: 8px;
}
		#header #basket-links a {
		font-size: 11px;
		font-weight: normal;
	color: #a86438;
}
		#header #basket-links a:hover {
		color: #67924d;
}
		#header #basketsummary img {
			margin-right: 15px;
		}
		#header #basketsummary span {
			font-weight: bold;
			color: #874d2a;		
		}
		#header #basketsummary #summary a {
		color: #a14f18;
		text-decoration: none;
		font-weight: bold;
}
		#header #basketsummary #summary a:hover {
		text-decoration: underline;
				color: #67924d;

}

		#navcontainer {
			clear: both;
		}

		/* Lets do the Clearfix Here */
		
		#content:after, 
		#navlist:after, 
		#header:after, 
		.introduction:after, 
		#navcontainer:after { 
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	background-image: url(/img/sample_express_top.gif);
}	
		#main {
			float: left;
			width: 530px;
		}
		#sidebar {
			float: right;
			width: 230px;
		}
		#footer {
			clear: both;
		}

/* @group Page Heading */

#pageheading h1 {
	height: 230px;
	text-indent: -99999px;
}

/* @end */		
		
		/* @end */

		/* @group Global Navigation */
		
		#navlist {
			width: 70%;
		}
		#navlist li {
			font-size: 12px;
			display: block;
			float:  left;
			padding: 10px 10px;
		}
				
		/* @end */

/* @group Introduction */

#main div.introduction {
	margin: 0 0 15px 0;
}
#main div.introduction.hasImg div.introImg {
	float: left;
	width: 160px;
}
#main div.introduction.hasImg div.introImg img {
	margin: 0 0 0 0;
}
#main div.introduction.hasImg div.wrap {
	float: right;
	width: 365px;
}

/* @end */

/* @end */

/* @group Header Search */

#nav_search {
	width: 230px;
	height: 22px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: top;
	overflow: hidden;
}
#nav_search:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:	hidden;
    text-align: right;
}
#nav_search .nav_search_text {
	margin: 0 12px 0 30px;
	width: 135px;
	font-size: 11px;
	color: #4c4750;
	float: left;
}
#nav_search .nav_search_img {
	margin: -1px 0 0 0;
	float: left;
}
/* @end */

/* @group Promotions */

div#promotions .promo, div#promotions .testimonial_promo {
	padding: 0 0 15px 8px;
	border-bottom: 1px solid #c6c6c6;
	margin-bottom: 15px;
}
div#promotions div p {
	margin-bottom: 7px;
}
div#promotions .testimonial_promo blockquote {
	font-size: 11px;
	line-height: 17px;
}
div#promotions .testimonial_promo p {
	margin: 10px 0;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
}
div#promotions .promo h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
	color: #834025;
}
div#promotions .promo p {
	font-size: 11px;
	line-height: 17px;
	margin-bottom: 7px;
	margin-right: 10px;
}
div#promotions .promo img {
	margin: 0 0 10px 0;
}
div#promotions .learnmore {
	padding-left: 0px;
}

/* @end */

/* @group Individual Pages */
.testimonials {
	margin-top: -6px;
}

.testimonials div div {
	padding: 16px 37px 18px 70px;
	border-bottom: 1px solid #cfcfcf;
	background: url(/img/testimonial_quote.gif) no-repeat 11px 9px;
}
.testimonials div blockquote {
	line-height: 20px;
}

#main .testimonials div p {
	font-weight: bold;
	font-size: 11px;
	padding-top: 5px;
	padding-left: 10px;
	color: #455e29;
}
#partnersites {
	margin-top: -10px;
}

#partnersites dl {
	padding: 17px 0;
	border-bottom: 1px solid #d6d6d6;
}
#partnersites dl dt {
	font-weight: bold;
	padding-bottom: 5px;
}
#partnersites dl dt a {
	text-decoration: none;
	color: #4e4e4e;
}

#partnersites dl dt a:hover {
	text-decoration: underline;
	color: #757575;
}

#partnersites dl dd {
	color: #464646;
	line-height: 18px;
}

#home-grid {
	margin-bottom: 30px;
	margin-top: -16px;
}

/* @end */

/* @group Final Fixes */

/* clearfix (already applied on #body)
--------------------------------*/

.clearfix:after, #body:after, .list_item.hasImg:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:	hidden;
}

.clearfix, #body {
	display: inline-block;
}
.clearer {
	clear: both;
}
.list .list_item {
	clear: both;
	padding: 7px 0 10px 0;
}
.list .list_item h3 {
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0;
	color: #3c3c3c;
}
.list .list_item .date {
	font-size: 11px;
	margin-bottom: 10px;
	border-bottom: 1px solid #a0a0a0;
}
.list .list_item.hasImg img {
	margin: 0 15px 15px 0;
	float: left;
}
#quality_list .hasImg h3, #quality_list .hasImg p,
#quality_list .hasImg h4 {
	margin-left: 152px;
}
#quality_list .list_item h4 {
	margin-bottom: 7px;
	font-weight: bold;
	color: #834025;
	font-size: 12px;
}
#quality_list .hasImg img, #market_trends .hasImg img {
	border: 3px solid #d2d2d2;
}
#quality_list .list_item.hasImg img {
	margin: 0;
}
.learnmore {
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 19px;
	text-decoration: none;
	color: #4c6e28;
	background-image: url(/img/learnmore_arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.learnmore:hover {
	color: #8ca855;
}
#main .message {
	color: #854e0f;
	padding: 12px 7px 12px 27px;
	margin: 15px 0;
	background-color: #fef4de;
	border: 2px solid #e3dac3;
}
#main form strong {
	font-weight: bold;
	color: #4c6c11;
}

/* @end */

/* @group Development Styles */

#pageheading h1 {
	background-image: url(/img/top_image_final.jpg);
}
#main, #sidebar {
/*	border: 1px solid #999; */
}



/* @end */

/* @group Sample Basket */

.basket_buttons {
	clear: both;
	margin: 10px 0;
	text-align: right;
	padding: 10px 0;
	border-top: 1px solid #a0a0a0;
}
.basket_buttons input, .basket_button {
	margin: 0 14px 0 0;
	background-color: #4b712f;
	color: #effbf8;
	font-size: 10px;
}

.required {
	color: #6c9f11;
}
#forgot-password-link {
	text-align: center;
}

#forgot-password-link a {
	font-size: 11px;
	color: #9d5f2b;
}

.remove_button {
	margin: 0 14px 0 0;
	background-color: #f8f8f8;
	color: #303332;
	font-size: 10px;
}
.samplebasket table {
	width: 100%;
}
.samplebasket h4 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;
}
td.basket_item {
	width: 70%;
}

.samplebasket table tr {
	background-color: white;
	border-bottom: 1px solid #6c6c6c;
}

.samplebasket table td {
	background-repeat: repeat-x;
	background-image: url(/img/bg.gif);	
	border-bottom: 1px solid #c7c7c7;

}

.samplebasket table tr.alt {
	background-repeat: repeat-x;
	background-image: url(/img/bg.gif);	
}

.samplebasket table td {
	padding: 9px;
}

.samplebasket td label {
	font-weight: bold;
	color: #8f3800;
}

.samplebasket p, .samplebasket label {
	font-size: 11px;
}

td.basket_remove {
	width: 30%;
}
form.samplebasket {
	margin-bottom: 20px;
}
form.samplebasket p {
	margin-bottom: 10px;
}

.samplebasket fieldset {
	clear: both;
	display: block;
	margin: 22px 0 20px;
	width: 100%;
	border: 2px solid #cfdad2;
	padding-top: 1px;
	padding-bottom: 20px;
}

.samplebasket legend {
	padding: 0 10px 5px;
	font-size: 11px;
	font-weight: bold;
	margin-left: 11px;
	margin-bottom: 0;
}

form.samplebasket dl dt {
   clear:both;
   width: 177px;
   float:left;
   text-align:right;
   margin-top: 5px;
   margin-right: 20px;
}

form.samplebasket dl dt label {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #833f0f;
}
form.samplebasket dl dd{
   float: left;
   width: 326px;
   margin:0 0 0.5em 0.25em;
}
.samplebasket h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #9d9d9d;
	padding: 10px 0;
	margin-bottom: 10px;
	color: #55662b;
}
.samplebasket fieldset:after, .samplebasket dl:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:	hidden;
}

#summary_customer_info {
	margin: 20px 0;
}

#summary_customer_info h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #9d9d9d;
	padding: 10px 0;
	margin-bottom: 10px;
	color: #55662b;
}

#summary_customer_info dl {
	padding: 10px 0;
}
#summary_customer_info dl dt, #summary_customer_info dl dd {
	padding-top: 12px;
}
#summary_customer_info dl dt {
	float: left;
	width: 200px;
	
	text-align: right;
	margin-right: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #964e0b;
}

#summary_customer_info dl dd {
	float: left;
	width: 200px;
	text-align: left;
	margin-right: 20px;
	font-size: 12px;
}
#basket_summary_list {
	margin: 0 30px;
}

#basket_summary_list li  {
	padding: 10px 0;
	border-bottom: 1px solid grey;
}

#basket_summary_list li h4 {
	font-weight: bold;
}

#basket_summary_list li p {
	font-size: 11px;
}

#basket_summary_list li em,
#basket_summary_list li strong {
	font-size: 11px;
	font-style: italic;
}
#basket_summary_list li strong {
	font-weight: bold;
	color: #894600;
}

#customerInfo label.error {
	display: block;
	color: #ba0900;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
}
#customerInfo p.password-message {
	padding: 5px 52px 6px 49px;
}

/* @end */

/* @group Search Results */

#main_search_result li {
	margin: 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #b8b1b3;
}

#main_search_result li h3 {
	margin: 0 0 6px;
	font-weight: bold;
	font-size: 15px;
}
#main_search_result li h3 a {
	text-decoration: none;
	color: #414240;
}
#main_search_result li h4 {
	font-size: 12px;
	margin: 5px 0 11px;
	color: #696868;
}
#main_search_result li p b {
	color: #9e4a0d;
}
p.search_also {
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0;
}

/* @end */

/* @group Sample Buttons */

a.add_sample {
	display: block;
	height: 23px;
	margin: auto;
	text-indent: -99999px;
	width: 118px;
	background: url(/img/add_sample.gif) no-repeat;
}

p.sample_added {
	display: block;
	height: 23px;
	margin: auto;
	text-indent: -99999px;
	width: 118px;
	background: url(/img/sample_added.gif) no-repeat;
}

a.view-sample-bag {
	display: block;
	text-align: center;
	margin-top: 9px;
	margin-bottom: 10px;
	color: #994100;
}

a.view-sample-bag:hover {
	color: #ff5100;
}

/* @end */

/* @group Home Rotation */

.home_container {
	position: relative;
	width: 800px;
	margin-bottom: 20px;
}

.home_item {
	width: 800px;
	height: 233px;
	background-image: url(/img/top_image2.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 0;
}

.home_item h1 {
	text-indent: -9999px;
}

.home_container .default {
	z-index: 6;
}

/* @end */

/* @group Footer */

#footer {
	margin-top: 13px;
padding-bottom: 32px;
}

#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility:	hidden;
}

#footer #footer_banner {
	text-indent: -99999px;
	width: 800px;
	height: 30px;
	background-repeat: no-repeat;
	background-image: url(/img/footer.gif);
	overflow: hidden;
}

#footer #footer_information a, #footer #footer_information p  {
	font-size: 10px;
}

#footer #footer_information {
	clear: both;
}

#footer #footer_information .contact_info {
	float: left;
	padding-top: 15px;
	padding-left: 28px;
	line-height: 16px;
	color: #8a8c90;
}

#footer #footer_information .privacy_contact{
	float: right;
	padding-top: 15px;
	padding-right: 31px;
	line-height: 16px;
	text-align: right;
	color: #8a8c90;
}

#footer_information a {
	color: #99959b;
}


#footer_information a:hover {
	color: black;
}

#footer_information .privacy_contact a {
	padding-left: 10px;
}

.content-view .hasImg img {
	float: right;
	margin-right: 13px;
	margin-bottom: 25px;
	border: 4px solid #c8c8c8;
	margin-left: 28px;
}

.list_item h3 a {
	text-decoration: none;
	color: #414240;
}

.list_item h3 a:hover {
	text-decoration: underline;
	color: #808080;
}

/* @end */