body {
background-color: #f2f2f2;
background-position: center top;
background-repeat: no-repeat;
font: 500 14px/20px "museo-sans",helvetica,arial,sans-serif;
color: #7f7e7b;
}
	body{ background-image: url(/static/main/images/background/products.jpg) }
	body.sous-vide { background-image: url(/static/main/images/background/sous.jpg) }
	body.our-industries { background-image: url(/static/main/images/background/industry.jpg) }
	body.chefs { background-image: url(/static/main/images/background/chef.jpg) }
	body.product, body.products { background-image: url(/static/main/images/background/products.jpg) }

.wrapper, .wrapper:before, .wrapper:after {
width: 980px;
margin: 0 auto;
padding: 0 0 20px 30px;
background: #fff;
display: block;
zoom: 1;
}
.wrapper:after { clear: both; content: "\0020"; height: 0; overflow: hidden; background: none; }

h1 { padding-bottom: 10px; font-size: 24px; color: #3E3E3E; }

h1, h2,h3,h4,h5,h6 { font-weight: 300 }

h3 { color: #000 }

.ie7 a * {
cursor: pointer;
}

a {
color: #da2128;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover { color: #000; }

.touch a {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

time { display: block }

img.right { float: right; margin-left: 20px; }
img.left { float: left; margin-right: 20px; }
img.center {
display: block;
margin: 0 auto;
clear: both;
}

input { position: relative; z-index: 1 }

/*
##################################################
############### Super (Black) Bar ################
##################################################
*/

nav#super {
display: block;
height: 40px;
width: 100%;
min-width: 1010px;
background: #222;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
vertical-align: middle;
}
	nav#super .super-wrapper {
		width: 1010px;
		text-align: right;
		margin: 0 auto;
		display: table;
	}
	nav#super .super-wrapper > ul {
		float: right;
	}
	nav#super .super-wrapper > div {
		float: left;
	}
	#audience-selector {
		background: #000;
		font-weight: 700;
		text-align: left;
		padding-left: 5px;
		padding-rgiht: 5px;
		white-space: nowrap;
	}
	#audience-selector a {
		display: inline-block;
		color: #fff;
	}
	#audience-selector a:after {
		content: '|';
		margin-left: 15px;
		margin-right: -15px;
		color: #ffffff;
	}
	#audience-selector a:last-child:after {
		content: '';
		margin-left: 0px;
		margin-right: 0px;
	}

	#audience-selector a.active {
		color: #DA2128;
	}
	#audience-selector a:hover {
		color: #DA2128;
	}
	nav#super ul {
		font-weight: 300;
		white-space: nowrap;
	}
		nav#super ul > li a:before {
			content: '|';
			color: #ccc;
			padding-right: 15px;
			margin-left: -15px;
		}
		nav#super ul > li:first-child a:before {
			display: none;
		}
		nav#super li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
		position: relative;
		z-index: 1;
		}
		nav#super .no_break {
			padding-right: 10px;
		}
		nav#super .no_break > a > img {
			height: 20px;
			width: 15px;
			vertical-align: middle;
		}
		nav#super .no_break a{
				padding: 9px 5px;
		}
		nav#super .no_break .youtube{
			width:35px;
		}
		nav#super .no_break a:before {
			content:'';
		}
			nav#super a {
			display: inline-block;
			padding: 9px 15px;
			}
			nav#super li a {
				color: #ccc;
			}
			html body nav#super ul li.ancestor > a,
			html body nav#super ul li.selected > a {
			color: #DA2128;
			}
			nav#super div,
			nav#zinnia-super div {
			position: relative;
			overflow: hidden;
			}
				nav#super input,
				nav#zinnia-super input {
				background: #9d9d9d;
				width: 126px;
				height: 22px;
				line-height: 22px;
				color: #3e3e3e;
				padding: 0 5px;
				border: none;
				float: left;
				}
				nav#super label,
				nav#zinnia-super label {
				padding: 0 5px;
				}
				nav#super button,
				nav#zinnia-super button {
				width: 22px;
				height: 22px;
				text-indent: -99999em;
				background: #9d9d9d url(/static/main/images/sprite-24.png) center -24px;
				border: none;
				float: left
				}
				nav#super #cart a {
				height: 40px;
				vertical-align: top;
				display: block;
				padding: 0 30px;
				float: right;
				text-align: center;
				font-size: 15px;
				line-height: 40px;
				color: #fff;
				background: rgb(240,70,85);
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNDY1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4MmYzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMDE3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top,  rgb(240,70,85) 0%, rgb(216,47,62) 50%, rgb(192,23,38) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,70,85)), color-stop(50%,rgb(216,47,62)), color-stop(100%,rgb(192,23,38)));
				background: -webkit-linear-gradient(top,  rgb(240,70,85) 0%,rgb(216,47,62) 50%,rgb(192,23,38) 100%);
				background: -o-linear-gradient(top,  rgb(240,70,85) 0%,rgb(216,47,62) 50%,rgb(192,23,38) 100%);
				background: -ms-linear-gradient(top,  rgb(240,70,85) 0%,rgb(216,47,62) 50%,rgb(192,23,38) 100%);
				background: linear-gradient(to bottom,  rgb(240,70,85) 0%,rgb(216,47,62) 50%,rgb(192,23,38) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04655', endColorstr='#c01726',GradientType=0 );
				}
				nav#super #cart a:before {
					display: none;
				}
				html:not(.oldie) nav#super #cart a {
					filter: none;
				}
		nav#super ul ul {
		position: absolute;
		width: 175px;
		padding: 10px 0;
		background: #1c1c1c;
		text-align: left;
		font-weight: 300;
		display: none;
		left: 0;
		top: 40px;
		}
			nav#super ul .hover a { color: #fff }
			nav#super ul ul li {
			display: block;
			float: none;
			}
				nav#super ul ul li a {
				padding: 0 15px;
				line-height: 26px;
				}
				nav#super ul .hover ul li a {
				color: #fff;
				}
				nav#super ul .hover ul li a:hover {
				color: #DA2128
				}

/*
##################################################
################ Main Navigation #################
##################################################
*/

nav#main {
font-size: 16px;
line-height: 142px;
text-transform: uppercase;
height: 142px;
font-weight: 700;
background: #fff;
position: relative;
z-index: 2;
}
	nav#main ul {
		position: relative;
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
		nav#main li { display: inline-block }
		nav#main li.first,
		nav#main li:first-child {
			display: block;
			position: absolute;
			width: 100%;
			height: 0;
			text-align: center;
			top: 10px;
			left: 0;
		}
		nav#main li.first a[href="/"] {
			line-height: 0;
		}
		  nav#main li.first a,
			nav#main li:first a {
				height: 0;
				margin-top: 10px;
			}
		nav#main a {
		display: inline-block;
		color: #5d5d5d;
		padding-left: 20px;
		padding-right: 20px;
		}
		nav#main a:hover, nav#main .selected a, nav#main .ancestor a{
		color: #da2128
		}
	.product nav#main:after {
		content: '';
		display: block;
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		background: #cfcdc3;
		height: 3px;
	}
	nav#main + .wrapper {
		z-index: 1;
	}
	nav#main .first + li,
	nav#main .first + li + li,
	nav#main li:first-child + li,
	nav#main li:first-child + li + li {
		position: relative;
		left: -2.5em;
	}
	nav#main .first + li + li ~ li,
	nav#main li:first-child + li + li ~ li {
		position: relative;
		left: 6em;
	}
	/*nav#main .first + li + li:after {
		display: inline-block;
		width: 82px;
		content: '';
	}
	nav#main .first + li + li + li:before {
		display: inline-block;
		width: 82px;
		content: '';
	}*/
	/*nav#main .first + li + li { padding-right: 62px; }*/
	/*nav#main .first + li + li + li { padding-left: 62px; }*/

/*
##################################################
################ Home Page Intro #################
##################################################
*/

#intro {
width: 950px;
overflow: hidden;
position: relative;
color: #fff;
}
	#intro ul {
	position: relative;
	height: 380px;
	font-weight: 300;
	line-height: 18px;
	overflow: hidden;
	}
		#intro li {
		position: absolute;
		width: 950px;
		height: 372px;
		}
			#intro a {
			position: relative;
			display: block;
			color: #fff;
			}
			#intro img { float: left }
				#intro .overlay {
				background: url(/static/main/images/b.intro-texture-overlay.png) center;
				width: 100%;
				height: 380px;
				text-align: center;
				position: absolute;
				top: 0;
				left: -100%;
				}
				#intro a:hover .overlay, #intro a:hover .overlay h1, #intro a:hover .overlay p {
				left: 0;
				opacity: 1;
				}
					#intro h1, #intro h2 {
					font-weight: 500;
					font-size: 31px;
					line-height: 39px;
					padding: 140px 65px 5px;
					color: #fff;
					text-transform: uppercase;
					}
					#intro p {
					padding: 0 65px 55px;
					background: url(/static/main/images/i.learn-more-circle.png) bottom center no-repeat;
					}
					.js #intro h1, .js #intro h2, .js #intro p { opacity: 0 }
	#intro .pager {
	display: block;
	width: 65px;
	height: 380px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	opacity: 0.5
	}
	#intro .pager:hover { opacity: 1 }
		#intro .pager span {
		background: url(/static/main/images/sprite-24.png);
		display: block;
		width: 14px;
		height: 57px;
		position: absolute;
		top: 161px;
		text-indent: -99999em;
		}
		#intro .previous span {
		left: 25px;
		background-position: -5px -289px;
		}
	#intro .next { right: 0; left: auto }
		#intro .next span {
		right: 25px;
		background-position: -5px -232px;
		}
	#intro .controls { width: 953px; }
		#intro .controls a {
		float: left;
		clear: none;
		width: 237px;
		border: 1px solid #fff;
		border-width: 1px 1px 0 0;
		background: #3e3e3e;
		color: #fff;
		font-weight: 500;
		line-height: 35px;
		height: 35px;
		text-indent: 15px;
		}
		/* #intro .controls a:last-child, */
		#intro .controls a.last { width: 236px; }
		#intro .controls a:hover { background: #000 }
		#intro .controls a.activeSlide { background: #da2128 }

#content {
font-size: 23px;
line-height: 33px;
font-weight: 300;
padding: 40px 0;
clear: both;
}

#content .content-main {
	display: inline-block;
	vertical-align: top;
	width: 664px;
	margin-right: 35px;
}

#content .content-aside {
	display: inline-block;
	vertical-align: top;
	width: 245px;
	background: url(/static/main/images/aside-bg.png) #f7f7f4;
	padding: 25px;
	box-sizing: border-box;
	color: #000;
}

#content .content-aside h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.333;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#content .content-aside p {
	font-size: 16px;
	line-height: 1.6;
}

.chefs #content,
.home #content{
padding: 40px 30px 40px 0;
}



/*
##################################################
################ Home Page Promo #################
##################################################
*/

body.news .pdf-dl {
display: block;
margin: 0 0 30px;
}
body.news .event-info {
margin-bottom: 14px;
}
body.news .event-info,
body.news .event-info time {
font-size: 15px;
line-height: 18px;
color: #7f7e7b;
font-weight: 700;
}
	body.news .event-info time {
	display: inline;
	}
	body.news .event-info dt {
	text-transform: uppercase;
	}
	body.news .event-info dt {
	float: left;
	padding-right: 0.5em;
	}
.promo {
float: left;
width: 460px;
overflow: hidden;
padding: 0 30px 40px 0;
position: relative;
}
	.section-header {
		width: 930px;
	}
	.section-header,
	.promo h3,
	.products article header,
	.custom article .products header,
	.news aside h3,
	.news article section h3,
	.cs-blog h3 {
	height: 36px;
	font-size: 15px;
	line-height: 38px;
	padding: 0 10px;
	font-weight: 700;
	text-transform: uppercase;
	background: url(/static/main/images/b.promo-head.gif) center;
	margin-bottom: 20px;
	}
	.section-header i {
		color: #da2128;
		font-style: normal;
	}
	.promo a.more,
	.news article section a.more,
	.our-industries article aside a.more {
	height: 36px;
	line-height: 38px;
	margin: -56px 10px;
	float: right;
	font-size: 11px;
	font-weight: 500;
	color: #6c645c;
	text-transform: uppercase;
	text-align: right;
	display: block;
	background: none;
	}
	.promo a.more:hover,
	.our-industries article aside a.more:hover { color: #da2128 }
	.promo ul {
	padding:  20px 0 0;
	width: 480px;
	}
	.product .section-header { display: none; }
		.promo ul.list li {
		width: 220px;
		height: 170px;
		text-align: center;
		display: block;
		float: left;
		line-height: 40px;
		padding: 0 20px 0 0;
		color: #3e3e3e;
		}
		.promo ul.list li img {
			height: 130px;
		}
	.services {
		border-bottom: solid 3px #cfcdc3
	}
	.services div {
    width: 460px;
    float: left;
	}
	.services h2 {
    font-size: 17px;
    padding-top: 20px;
    text-transform: uppercase;
    color: black;
    font-weight: 500;
    padding: 10px 0;
	}
	.services p {
    font-size: 17px;
    line-height: 22px;
    font-weight: normal;
    font-weight: 300;
	}
	.services a {
    position: relative;
    width: 100px;
    text-align: center;
    color: #fff;
    display: block;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    background: #da2128;
    border: none;
    margin-top: 10px;
    font-weight: 500;
	}
	.services a:hover{ background: #000; }
	.services .right-section {
    float: right;
	}
	.services img {
    zoom: 1;
	}
	.our-industries .services li {
      width: 460px;
      min-height: 295px;
      float: left;
      margin-bottom: 30px;
    }
    .our-industries .services li .row1 {
      margin-right: 25px;
    }
	.our-industries .industry-row {
		width: 100%;
		margin-bottom: 30px;
	}
	.our-industries .industry-row li {
		position: relative;
		height: 100%;
		min-height: 340px;
		margin-bottom: 0px;
		margin-right: 25px;
		margin-left: 0px;
	}
	.our-industries .industry-row p {
		padding-bottom: 50px;
	}
	.our-industries .industry-row .industry-image {
		position: relative;
		width: auto;
		height: 100%;
		margin: 0px;
		line-height: 0px;
	}
	.our-industries .industry-row a {
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
			/*
.promo li a { color: #3e3e3e }
			.promo li a:hover { color: #da2128 }
*/
				.promo img { display: block }
				.promo ul.list li div { width: 100%; float: left }
				.promo ul.list li .overlay {
				width: 220px;
				height: 130px;
				}
					.promo ul.list li .overlay div,
					section.chefs ul.list li a .overlay div {
					padding: 0;
					position: static;
					line-height: 130px;
					text-align: center;
					float: none;
					width: 100%;
					display: block;
					}
					.promo ul.list li .overlay div.details {
					position: absolute;
					line-height: normal;
					padding: 10px;
					text-align: left;
					width: 200px;
					display: table-cell;
					}

						.promo li a { color: #3E3E3E; white-space: nowrap }
						.promo li a:hover { color: #DA2128; }
						.promo li .overlay a,
						.promo li.hover .overlay a {
							color: #fff;
							font-size: 12px;
							line-height: 29px;
							background-color: #da2128;
							display: inline-block;
							padding-left: 1em;
							padding-right: 1em;
						}
						section.chefs .overlay li a { color: #3e3e3e }
						section.chefs .overlay li a:hover { color: #da2128 }
						.promo ul.list .overlay li .overlay div p { padding-bottom: 10px; white-space: normal }

#callouts {
border-top: 3px solid #cfcdc3;
width: 950px;
overflow: hidden;
padding: 25px 0 25px;
font-size: 18px;
font-weight: 300;
line-height: 24px;
letter-spacing: 1px;
}
	#callouts div {
	width: 266px;
	padding: 0 20px 0 30px;
	float: left;
	clear: none;
	border-right: 1px solid #cfcdc3;
	}
	/* #callouts div:first-child, */
	#callouts div.first {
	padding-left: 0;
	width: 292px;
	}
	/* #callouts div:last-child, */
	#callouts div.last {
	border: none;
	padding-right: 0;
	width: 285px
	}
		#callouts a,
		.news .recent-news a,
		.archive article a {
		color: #7f7e7b;
		display: block;
		}
			#callouts h4,
			#chief-callout h4,
			.news .recent-news h4,
			.archive article h4 {
			padding-bottom: 5px;
			font-size: 12px;
			font-weight: 500;
			color: #da2128;
			text-transform: uppercase;
			}
			.home #callouts p,
			.home #chief-callout p {
			letter-spacing: normal;
			line-height: 22px;
			}
			#callouts p,
			#chief-callout p,
			.news .recent-news li p,
			.archive article li p { display: inline }
			#callouts span.more,
			#chief-callout span.more,
			#chief-callout span.more,
			.news .recent-news span.more,
			.archive article span.more,
			.cs-blog article span.more {
			display: inline-block;
			*display: inline;
			zoom: 1;
			background: url(/static/main/images/sprite-24.png) 0 -48px no-repeat;
			width: 24px;
			height: 24px;
			text-indent: -99999em;

			-webkit-transition: all .5s cubic-bezier(.17,1.17,.47,1.47);
			-moz-transition: all 0.3s cubic-bezier(0.6, 0, 0.4, 1.0);
			-o-transition: all 0.3s cubic-bezier(0.6, 0, 0.4, 1.0);
			-ms-transition: all 0.3s cubic-bezier(0.6, 0, 0.4, 1.0);
			transition: all 0.3s cubic-bezier(0.6, 0, 0.4, 1.0);

			}

			#callouts a:hover h4,
			#chief-callout a:hover h4,
			.news .recent-news a:hover h4,
			.archive article a:hover h4 { color: #000 }
			#callouts a:hover .more,
			#chief-callout a:hover .more,
			.news .recent-news a:hover .more,
			.archive article a:hover .more,
			.cs-blog article a:hover span.more {
			margin-left: 8px;
			}



/* 	nav#products ul.products { */
	nav.sub ul.navigation {
	border: 3px solid #cfcdc3;
	border-width: 3px 0;
	padding: 10px 0;
	width: 950px;
	line-height: 30px;
	height: 30px;
	margin-bottom: 40px;
	}
		nav.sub .navigation li {
		display: block;
		float: left;
		text-align: center;
		font-size: 15px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 0 5px;
		height: 30px;
		border-right: 1px solid #cfcdc3;
		position: relative;
		}
			nav.sub .navigation li a {
			display: block;
			padding: 0 10px;
			}
			nav.sub .navigation li a:hover,
			nav.sub .navigation li:hover a,
			nav.sub .navigation li.hover a {
			color: #000
			}
			nav.sub .navigation li.selected a,
			nav.sub .navigation li.current a {
			color: #3e3e3e
			}
			nav.sub .navigation li.selected a:after,
			nav.sub .navigation li.current a:after {
			content: url('/static/main/images/product-current-caret.png');
			position: absolute;
			top: 36px;
			left: 50%;
			text-align: center;
			clear: both;
			margin-left: -12px;
			z-index: 1;
			}
			nav.sub .navigation li.selected ul li a:after {
			    content: none;
			}
	/*      nav.sub .navigation li.selected ul{
	               background: url('/static/main/images/product-current-caret.png') no-repeat 48px 12px;
	           }*/
			nav.sub .navigation li ul {
				display: none;
				background: transparent;
				padding: 10px 0;
				position: absolute;
				top: 30px;
				left: 50%;
				width: 150px;
				margin-left: -60px;
			}
				nav.sub .navigation li ul li {
					background: #cfcdc3;
					padding: 2px 0;
					height: 18px;
					line-height: 18px;
					float: none;
					text-align: left;
				}
				nav.sub .navigation li ul li.first {
					background-image: url(/static/main/images/product-filter-caret-france.png);
					background-position: center -2px;
					background-repeat: no-repeat;
					padding: 20px 0 2px;
				}
				nav.sub .navigation li.selected ul li.first {
					background-image: none;
				}
				nav.sub .navigation li ul li.last {
					padding-bottom: 7px;
				}
					nav.sub .navigation li ul a {
						font-size: 11px;
						color: #3e3e3e;
					}

		nav.sub .navigation li:hover ul,
		nav.sub .navigation li.hover ul {
			display: block;
		}

/*
##################################################
################ Product Listing #################
##################################################
*/

.products #content {
font-size: 21px;
font-weight: 300;
line-height: 26px;
padding: 20px 30px 30px 0;
}
.products .flexslider-wrapper {
	margin-bottom: 24px;
}

/* #products { */
nav.sub {
padding-top: 20px;
width: 950px;
background: #fff;
}
.products #products {
padding-top: 0;
border-bottom: 1px solid #d1d1d1;
}
.product #products { display: none; }
#shopfiy.products #products { height: auto }
	nav#products .products { margin-bottom: 0; white-space: nowrap; }
		nav#products .products .all,
		nav#products .products .view-all { width: 100px; padding-left: 0 }
		nav#products .products .beef { width: 65px }
		nav#products .products .lamb-pork-veal { width: 175px }
		nav#products .products .poultry { width: 95px }
		nav#products .products .rice-pasta { width: 125px }
		nav#products .products .sauces { width: 90px }
		nav#products .products .seafood { width: 95px }
		nav#products .products .vegetarian { width: 125px; padding-right: 0; border: none }
			nav#products .products li.all a,
			nav#products .products li.view-all a {
			background: #DA2128;
			color: #fff;
			line-height: 38px;
			position: relative;
			top: -4px;
			zoom: 1;
			}
			nav#products .products li.current.all a,
			nav#products .products li.current.view-all a {
			background: #3e3e3e;
			}
	#products div {
	display: none;
	text-align: right;
	font-size: 12px;
	text-transform: uppercase;
	color: #323232;
	font-weight: 500;
	width: 950px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	.products #products div {
		display: block;
		padding: 40px 0;
	}
		#products div a {
		font-size: 9px;
		line-height: 11px;
		padding: 5px;
		font-weight: 700;
		width: 40px;
		display: inline-block;
		*display: inline;
		zoom: 1;
		text-align: left;
		vertical-align: middle;
		}
		#products div a:hover { color: #000 }
		#products div ul {
			display: inline-block;
			*display: inline;
			zoom: 1;
		}
			#products div li {
				display: inline-block;
				*display: inline;
				zoom: 1;
			}
				#products div li a {
					display: inline-block;
					*display: inline;
					zoom: 1;
					line-height: 28px;
					padding: 0 12px;
					font-size: 13px;
					background: #e2e0d4;
					color: #888;
					font-weight: 300;
					text-transform: none;
					width: auto;
				}
				#products div li a:hover { color: #DA2128 }
				#products div li.empty a {
				background: #f6f6f2;
				color: #c2c2c6;
				cursor: default;
			}
			#products div li.current {
			padding-bottom: 7px;
			background: url(/static/main/images/product-filter-caret.png) bottom center no-repeat
			}
				#products div li.current a {
				color: #fff;
				background: #323232;
				}

body.scroll nav#products {
z-index: 99;
position: fixed;
top: 0;
padding-top: 30px;
-webkit-box-shadow: 0 13px 15px -15px #bbb;
-moz-box-shadow: 0 13px 15px -15px #bbb;
-o-box-shadow: 0 13px 15px -15px #bbb;
-box-shadow: 0 13px 15px -15px #bbb;
}
.ie7 body.scroll nav#products { margin-left: -1px }
	body nav #top {
	position: fixed;
	left: 50%;
	top: 31px;
	margin-left: 505px;
	width: 48px;
	}
		body nav #top a {
		display: block;
		position: relative;
		overflow: hidden;
		width: 58px;
		height: 58px;
		}
			body nav #top span {
			position: absolute;
			left: -55px;
			display: block;
			width: 28px;
			height: 40px;
			background: #333;
			text-align: center;
			text-transform: uppercase;
			font-size: 9px;
			padding: 7px 10px;
			color: white;
			line-height: 14px;
			-webkit-box-shadow: 3px 1px 3px #333;
			-moz-box-shadow: 3px 1px 3px #333;
			-o-box-shadow: 3px 1px 3px #333;
			box-shadow: 3px 1px 3px #333;
			}
			.no-js body nav a#top span {
			left: 0
			}
	/*
body.scroll nav#products a#top {
	visibility: visible;
	opacity: 1;
	}
*/
	body.scroll #content {
	padding-bottom: 129px;
	}


.products article {
clear: both;
padding-top: 25px;
}

.products article header { /* inherited from .promo h3 */
padding: 0 20px;
width: 910px;
font-size: 13px;
font-weight: 300;
color: #000;
position: relative;
z-index: 2;
}
	.products article header h2, .products article header h3 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-right: 0.5em;
	vertical-align: middle;
	}
	.products article header h2 {
	color: #6c645c;
	font-weight: 500;
	}
	.products article header h3 {
	color: #000;
	font-weight: 700;
	}
	.products article header span.tip {
	color: #da2128;
	font-size: 11px;
	line-height: 24px;
	font-weight: 700;
	text-transform: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding-left: 28px;
	height: 24px;
	margin-left: 5px;
	background: url(/static/main/images/sprite-24.png) left -160px no-repeat;
	position: relative;
	}
		.products article header span.tip span {
		position: absolute;
		top: 35px;
		left: -10px;
		width: 280px;
		padding: 10px;
		background: #3e3e3e;
		color: #fff;
		font-size: 12px;
		line-height: 15px;
		font-weight: 500;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 5px #000;
		-moz-box-shadow: 0 1px 5px #000;
		-o-box-shadow: 0 1px 5px #000;
		box-shadow: 0 1px 5px #000;
		display: block;
		z-index: 99;
		}
		.products article header span.tip span:before {
		z-index:13;
		position:absolute;
		content:"\00a0";
		display:block;
		width:0;
		height:0;
		border-style:solid;
		top:-20px;
		left:12px;
		border-width:10px;
		border-color:transparent transparent #3e3e3e;
		}
.products article ul,
ul.list {
/* padding-top: 20px; */
padding: 0;
position: relative;
z-index: 1;
}
	.products article li,
	ul.list li {
	display: block;
	width: 304px;
	height: 220px;
	overflow: hidden;
	line-height: 40px;
	padding: 0 19px 0 0;
	float: left;
	clear: none;
	text-align: center;
	position: relative;
	}
		.products article li img,
		ul.list img {
		  float: left;
		}
		.products article li .overlay,
		ul.list li .overlay {
		position: absolute;
		height: 180px;
		top: 0;
		left: 0;
		width: 304px;
		background: url(/static/main/images/b.product-texture-overlay.png) center;
		line-height: 15px;
		font-size: 12px;
		font-weight: 500;
		color: white;
		text-align: left;
		opacity: 0;
		display: block;
		visibility: hidden;
		z-index: 2;

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;

		}
		.products article li.featured .overlay { height: 400px }
			.products article li a .overlay div,
			ul.list li .overlay div {
			position: absolute;
			bottom: 0;
			display: table-cell;
			vertical-align: bottom;
			padding: 15px 20px 20px;
			width: 264px;
			}
			.ie7 .products article li a .overlay div,
			.ie7 ul.list li .overlay div { padding-bottom: 10px }
				.products article li a .overlay div p,
				ul.list li .overlay div p {
				padding-bottom: 15px;
				opacity: 0;
				position: relative;
				left: -220px;

				-webkit-transition: all 0.2s;
				-moz-transition: all 0.2s;
				-o-transition: all 0.2s;
				transition: all 0.2s;
				}
				.products article li a .overlay div hr,
				ul.list li .overlay div hr {
				height: 1px;
				border: none;
				background: none;
				border-bottom: 1px solid #f4f4f4;
				border-bottom: 1px solid rgba(245,245,245,0.33);
				margin-top: 0;
				}
				.ie7 .products article li a .overlay div hr,
				.ie7 ul.list li .overlay div hr { display: none }
				.products article#available-online li a .overlay div span { text-align: right }
				.products article#available-online li a .overlay div span.online { text-align: left }
				.products article li .overlay div span,
				.products article li .overlay div a {
					text-transform: uppercase;
					line-height: 29px;
					opacity: 0;
					display: inline-block;
					color: #fff;
					background: #da2128;
					padding-left: 1em;
					padding-right: 1em;

					-webkit-transition: all 0.2s;
					-moz-transition: all 0.2s;
					-o-transition: all 0.2s;
					transition: all 0.2s;
				}
				.products article li a .overlay div span.online,
				ul.list li .overlay div span.online,
				ul.list li .overlay div a.online {
				font-weight: 700;
				width: 185px;
				text-align: left;
				}
				.promo ul.list li .overlay div a.online {
				width: 130px;
				display: inline-block;
				}
				.ie7 .promo ul.list li .overlay div a.online { width: 125px }
					.products article li a .overlay div span small,
					ul.list li .overlay div span small {
					font-size: 10px;
					font-weight: 500;
					line-height: 12px;
					}
				.products article li a:hover .overlay div span,
				ul.list li.hover .overlay div span,
				ul.list li.hover .overlay div a {
				opacity: 1;

				-webkit-transition-delay: 0.4s;
				-moz-transition-delay: 0.4s;
				-o-transition-delay: 0.4s;
				transition-delay: 0.4s;
				}
				ul.list li.active .overlay div a { color: #666 }
				ul.list li.active .overlay div a:hover { color: #fff }
	.products article li.featured { height: 440px }
	.products article.first li.featured,
	.products article.last li.featured {
	float: right;
	padding-right: 30px;
	}
		/*
.products article li a {
		color: #3e3e3e;
		display: block;
		}
*/
			.products article li a:hover .overlay,
			ul.list a:hover .overlay,
			ul.list li.hover .overlay {
			opacity: 1;
			visibility: visible;
			}
				.products article li a:hover .overlay p,
				ul.list a:hover .overlay p,
				ul.list li.hover .overlay p {
				opacity: 1;
				left: 0;

				-webkit-transition-delay: 0.2s;
				-moz-transition-delay: 0.2s;
				-o-transition-delay: 0.2s;
				transition-delay: 0.2s;
				}
					ul.list li.hover a { color: #DA2128 }
		.products article li a:hover h4,
		ul.list li.hover h4 {
		color: #da2128;
		}
			.products article li i {
			z-index: 2;
			display: block;
			position: absolute;
			top: 0;
			left: 220px;
			background: #333;
			width: 50px;
			height: 44px;
			color: #e2e0d4;
			font-size: 10px;
			line-height: 1;
			padding: 10px 5px;
			text-transform: uppercase;
			font-style: normal;
			background: #3e3e3e url(/static/main/images/sprite-24.png) center -100px no-repeat;
			}
			.ie7 .products article li i { font-size: 8px }
				.products article li i span {
					font-size: 20px;
					display: block;
					text-align: center;
				}
			.products article li h4 a,
			.products article li h4 {
			color: #3e3e3e;
			font-size: 14px;
			font-weight: 500;
			display: inline-block;
			*display: inline;
			zoom: 1;
			height: 40px;
			}
			.ie7 .products article li h4 { vertical-align: top }
				.products article li h4 a:hover {
				color: #DA2128;
				}
			.products article li b {
			font-weight: normal;
			display: inline-block;
			*display: inline;
			zoom: 1;
			line-height: 14px;
			margin: 13px 0 13px 0.5em;
			padding-left: 0.8em;
			border-left: 1px solid #cfcdc3;
			position: relative;
			}
.products article a.more {
float: right;
clear: both;
display: inline-block;
padding-left: 30px;
background: url(/static/main/images/sprite-24.png) left -184px no-repeat;
color: #da2128;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
line-height: 24px;
height: 24px;
margin: 6px 30px;
}
.products article a.more:hover { color: #000 }


/*
##################################################
################### Chefs Page ###################
##################################################
*/

.chefs #content {
font-weight: 100;
font-size: 21px;
line-height: 28px;
}
.chefs article ul li {
text-align: center;
font-weight: 500;
}
	.chefs article ul {
	color: #3e3e3e;
	}
		.chefs ul.list li a .overlay div {
		position: static;
		line-height: 180px;
		text-align: center;
		vertical-align: middle;
		padding: 0;
		width: 100%;
		display: block;
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		}
.chefs article ul li.has-no-chef div {
height: 180px;
height: 304px;
/* background: url(/static/main/images/b.related-expanded.gif) center; */
}

.chefs aside,
.crea aside,
.sous-vide aside,
.our-industries aside {
width: 835px;
clear: both;
border-top: 5px solid #cfcdc3;
padding: 15px 0 0 115px;
font-weight: 300;
margin-top: 20px;
}
	.chefs aside section,
	.crea aside section,
	.sous-vide aside section,
	.our-industries aside section {
	border-left: 1px solid #cfcdc3;
	padding-left: 15px;
	}
		.chefs aside section h2,
		.crea aside section h2,
		.sous-vide aside section h2,
		.our-industries aside section h2 {
		color: #000;
		font-weight: 500;
		text-transform: uppercase;
		}
		.chefs aside section p,
		.crea aside section p,
		.sous-vide aside section p,
		.our-industries aside section p {
		padding-bottom: 0;
		}

.chefs .fancybox-overlay { background: url(/static/main/images/b.chef-texture.gif) center }


.sous-vide section#sous-vide{
	border-top: 5px solid #cfcdc3;
	padding-top: 40px;
    margin-top: 40px;
	width: 945px;
}

.sous-vide section#sous-vide h1{
    padding-bottom: 5px !important;
	padding-top: 10px;
    font-size: 20px !important;
    color: #2e363c;
  }
.sous-vide section#sous-vide .col-left{
	margin-left: 30px;
}

.sous-vide section#sous-vide p{
    line-height: 25px;
	width: 95%;
}

.sous-vide section#sous-vide p.alink1{
    margin-top: 40px;
}

.sous-vide section#sous-vide p.alink2{
    margin-top: 15px;
}



/*
##################################################
######### Chef's Detail page/lightbox ############
##################################################
*/

.chefs .fancybox-skin, .chefs .fancybox-inner, .chefs .fancybox-outer {
background: none;
border: none !important;
height: auto !important;
}
.chefs .fancybox-inner div { overflow: hidden !important }
.chefs #temp-modal { width: 1000%; position: relative; }
	.chefs #temp-modal .modal { margin-top: 0; padding-top: 0; float: left; }
	.chefs #fancybox-wrap { padding: 0 20px; top: 30px !important }
	.chefs .fancybox-close { right: 35px; color: #fff; }
		.chefs .fancybox-close:hover span { background: #fff; color: #000 }
	.chefs #temp-modal article { width: 980px; color: #afafaf; font-size: 16px; }
	.chefs article .bio { border-bottom: 1px solid #333; position: relative }
		.chefs #temp-modal article .bio h1 {
		font-size: 35px;
		font-weight: 300;
		}
		.chefs #temp-modal article .bio h1 {
		color: #fff;
		border-bottom: 1px solid #333;
		margin-bottom: 20px;
		}
		.chefs article .bio img.sig {
/*
		float: right;
		padding-top: 50px;
*/
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
		}
		.chefs #temp-modal article hr { border: 1px solid #333; border-width: 1px 0 0; margin:  }
		.ie7 .chefs #temp-modal article hr { float: left }
		.chefs article .bio ul,
		.chefs article .bio hr,
		.chefs article .bio .description,
		.chefs article .bio .qanda {
		width: 425px;
		position: relative;
		z-index: 1;
		}
		.chefs article .bio ul { color: #afafaf; width: 470px; }
			.chefs article .bio ul li {
			font-weight: 300;
			text-align: left;
			}
				.chefs article .bio ul li strong { color: #fff; font-weight: 300 }
		.chefs #temp-modal article .description p {
		font-weight: 300;
		font-style: italic;
		font-size: 19px;
		padding-bottom: 20px;
		}

		.chefs article .bio .qanda span {
		display: block;
		font-size: 15px;
		color: #fff;
		text-transform: uppercase;
		}
		.chefs article .bio .qanda blockquote { font-size: 14px; padding: 3px 0 5px }
		.chefs article .bio .qanda a { display: block; font-size: 12px; }
		.chefs article .bio .qanda a:hover { color: #fff }
		.chefs article .bio .qanda div { float: left; padding-top: 50px; }
		.ie7 .chefs article .bio .qanda div { padding-top: 30px; }
		.chefs article .bio .qanda img {
		float: left;
		width: 114px;
		padding: 20px 10px 20px 0;
		}

.chefs #pagination {
position: absolute;
top: 10px;
right: 115px;
cursor: pointer;
z-index: 1103;
/* display: none; */
font-size: 13px;
line-height: 28px;
font-weight: 300;
color: #fff;
}
	.chefs #pagination a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: url(/static/main/images/sprite-24.png) no-repeat;
	line-height: 24px;
	height: 24px;
	margin-right: 1.5em;
	color: #fff;
	opacity: 1;
	cursor: auto;
	}
	.chefs #pagination a:hover { text-decoration: underline }
	.chefs #pagination a.prev {
	padding-left: 32px;
	background-position: 0 -418px;
	}
	.chefs #pagination a.next {
	padding-right: 34px;
	background-position: right -442px;
	}
	.chefs #pagination a.disabled {
		cursor: default;
		opacity: 0.5;
	}
	.chefs #pagination a.disabled:hover {
		text-decoration: none;
	}

.single .fancybox-inner {
width: 1050px; height: auto;
}
.single #fancybox-wrap { width: 1050px; top: 20px; left: 30px; display: block; height: auto;  }
.single .fancybox-close { display: block }

/*
##################################################
############## Product Detail Page ###############
##################################################
*/

.product article {
padding-top: 34px;
}
	.product article h1 {
	font-size: 19px;
	font-weight: 500;
	line-height: 40px;
	color: #000;
	padding-bottom: 10px;
	text-transform: uppercase;
	}
		.product article h1 small {
		text-transform: none;
		}
	.product article .back {
		float: right;
		line-height: 30px;
		position: relative;
		right: 30px;
		margin-top: -30px;
		text-transform: uppercase;
		font-size: 11px;
	}
/* 	.product article .back:before { content: '\00AB ' } */
	.product #description {
	float: left;
	width: 620px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 300;
	color: #7f7e7b;
	padding-bottom: 40px;
	border-bottom: 3px solid #cfcdc3;
	}

		.product #description p {
		padding: 10px 0;
		}
		.product #description .nutrition {
		display: inline-block;
		*display: inline;
		zoom: 1;
		height: 24px;
		background: url(/static/main/images/sprite-24.png) 0 -346px no-repeat;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 500;
		padding-left: 26px;
		float: right;
		}
	.product #specifications {
	background: url(/static/main/images/b.specifications.gif) center;
	padding: 20px 0 20px 20px;
	width: 290px;
	float: right;
	position: relative;
	right: 30px;
	color: #3e3e3e;
	font-weight: 500;
	font-size: 13px;
	}
		.product #specifications b {
		font-size: 17px;
		line-height: 22px;
		font-weight: 500;
		text-transform: uppercase;
		display: block;
		padding-right: 20px;
		}
		.product #specifications dl {
		padding: 10px 20px 10px 0;
		}
		.product #specifications hr {
		height: 0;
		border: 4px solid #cfcdc3;
		border-width: 3px 0 0;
		margin: 5px 20px 5px 0;
		}
		.product #specifications h2 {
		font-size: 18px;
		padding: 20px 20px 10px 0;
		}
		.product #specifications .phone {
			color: #ed1b2e;
			font-size: 23px;
			font-weight: 700;
		}
		.product #specifications .phone:before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			background: url(/static/main/images/phone-icon.png) no-repeat center center #ed1b2e;
			background-radius: 50%;
			width: 25px;
			height: 25px;
			margin-right: 10px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		.product #specifications h3 {
		font-size: 14px;
		padding: 20px 20px 10px 0;
		text-transform: none;
		clear: both;
		}
		.product #specifications p { padding-right: 20px }
		.product #specifications a,
		.product #specifications input#add,
		#gcs input.gsc-search-button {
		width: 130px;
		text-align: center;
		color: #fff;
		display: block;
		height: 28px;
		line-height: 28px;
		background: #da2128;
		float: left;
		margin-right: 10px;
		border: none;
		}
		.product #specifications a:hover,
		.product #specifications input#add:hover,
		#gcs input.gsc-search-button:hover { background: #000 }
		.product #specifications input {
		width: 50px;
		height: 20px;
		padding: 0 5px;
		line-height: 20px;
		border: none;
		background: #fff;
		-webkit-box-shadow: none;
		}
		.product #specifications #price { padding: 15px 0; }
		.product #specifications #variants { padding-top: 10px; font-size: 11px; }
		.product #specifications #variants select,
		.product #specifications #variants label { display: block; margin-bottom: 10px }
	.product #related,
	.product aside {
	float: left;
	width: 620px;
	}
		.product #specifications #order {
			background: #f04655; /* Old browsers */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNDY1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMDE3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #f04655 0%, #c01726 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f04655), color-stop(100%,#c01726)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f04655 0%,#c01726 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f04655 0%,#c01726 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f04655 0%,#c01726 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f04655 0%,#c01726 100%); /* W3C */
			font-size: 15px;
			line-height: 43px;
			height: auto;
			display: block;
			width: auto;
			float: none;
			margin: 22px 0;
			text-transform: uppercase;
		}
		.product #specifications #order:hover {
			background: #000;
			background: -moz-linear-gradient(top,  #000 0%, #000 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #000 0%,#000 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #000 0%,#000 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #000 0%,#000 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #000 0%,#000 100%); /* W3C */
		}
		.ie8 .product #specifications #order {
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f04655', endColorstr='#c01726',GradientType=0 ); /* IE6-8 */
    }
	.product #related { border-bottom: 3px solid #cfcdc3; }
		.product #related div {
		padding: 15px 0;
		border-bottom: 1px solid #cfcdc3;
		padding-left: 50px;
		color: #7f7e7b;
		}
			.product #related div section {
			border-left: 1px solid #cfcdc3;
			padding-left: 25px;
			}
				.product #related h4 {
				color: #000;
				font-size: 15px;
				padding-bottom: 10px;
				}
				.product #related ul {
				list-style: disc;
				padding-left: 20px;
				}
		.product #related #suggestions,
		.product #related #instructions,
		.product #related #product-benefits { color: #da2128 }
		.product #related #product-benefits {
		background: url(/static/main/images/product-detail-product-benefits.jpg) 0 10px no-repeat;
		}
		.product #related #pairings {
		background: url(/static/main/images/product-detail-wine-pairing.jpg) 0 10px no-repeat;
		}
		.product #related #suggestions {
		background: url(/static/main/images/product-detail-suggestions.jpg) 0 10px no-repeat;
		}
		.product #related #instructions {
		background: url(/static/main/images/product-detail-instructions.jpg) 0 10px no-repeat;
		}
		.product #related #applications {
		background: url(/static/main/images/product-detail-chefs.jpg) 0 15px no-repeat;
		}
			.product #related li { padding-bottom: 5px; }
			.product #related #applications .image-wrapper {
				position: relative;
				display: block;
			}
			.product #related #applications .image-wrapper img {
				display: block;
				float: none;
			}
			.product #related #applications .image-wrapper:before {
				/*position: absolute;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				top: 50%;
				left: 50%;
				width: 32px;
				height: 32px;
				margin-top: -16px;
				margin-left: -16px;
				background: #fff;
				content: '';
				display: block;*/
			}
			.product #related #applications .image-wrapper:after {
				position: absolute;
				content: '\25B6';
				top: 50%;
				height: 32px;
				width: 32px;
				left: 50%;
				margin-top: -16px;
				margin-left: -16px;
				background: #fff;
				border-radius: 50%;
				line-height: 35px;
			}
				.product #related li div {
				background: url(/static/main/images/b.related-expanded.gif) center;
				padding: 10px 10px 0;
				color: #7f7e7b;
				border: none;
				position: relative;
				}
					.product #related li div .icns {
					display: block;
					position: absolute;
					top: 10px;
					right: 10px;
					}
						.product #related li div .icns a {
						display: inline-block;
						*display: inline;
						zoom: 1;
						text-indent: -9999em;
						background: url(/static/main/images/i.sprite-video-img.png);
						width: 25px;
						height: 25px;
						-webkit-transition: none;
						-moz-transition: none;
						-o-transition: none;
						transition: none;
						}
						.product #related li div .icns a.img { background-position: 0 0 }
						.product #related li div .icns a.img:hover { background-position: 0 -50px }
						.product #related li div .icns a.video { background-position: 0 -25px }
						.product #related li div .icns a.video:hover { background-position: 0 -75px  }
					.product #related li div a {
					display: inline;
					padding: 0;
					background: none;
					line-height: inherit;
					margin: 0;
					}
				.js .product #related li div { display: none; }
					.product #related li div ul {
					padding: 0 0 10px 20px;
					list-style: disc;
					}
					.product #related li div ol {
					padding: 0 0 10px 20px;
					}
					.product #related li div p { padding-bottom: 10px }
				.product #related li a {
				display: inline-block;
				*display: inline;
				zoom: 1;
				padding-right: 30px;
				height: 24px;
				line-height: 24px;
				background: url(/static/main/images/sprite-24.png) right -184px no-repeat;
				}
				.product #related li.open a { background-position: right -208px }
				.product #related li a:hover { color: #000 }

			.product #related #applications ul {
			width: 555px;
			padding: 0;
			list-style: none;
			height: 140px;
			}
				.product #related #applications li {
				float: left;
				display: block;
				width: 150px;
				padding-right: 10px;
				text-align: center;
				}
					.product #related #applications li a {
					padding: 0;
					background: none;
					width: 100%;
					color: #404040;
					}
					.product #related #applications li a:hover div { color: #DA2128; }
						.product #related #applications li a img { float: left }
						.product #related #applications li div { background: none; clear: both; text-align: left; padding: 0; display: block; color: #3e3e3e; }
	.product aside,
	.our-industries article aside { padding-top: 30px }
		span.tel { color: #DA2128; }
		.product aside h5,
		.our-industries article aside h5 {
		height: 36px;
		font-size: 15px;
		line-height: 36px;
		padding: 0 20px;
		font-weight: 700;
		text-transform: uppercase;
		color: #000;
		background: url(/static/main/images/b.promo-head.gif) center;
		}
			.product aside ul,
			.our-industries article aside ul { width: 635px; padding-top: 15px }
				.product aside li,
				.our-industries article aside li {
				display: block;
				float: left;
				width: 195px;
				padding-right: 15px;
				text-align: center;
				}
	.product aside a { color: #404040 }
	.product aside a:hover { color: #DA2128 }


/*
##################################################
################### Basic Page ###################
##################################################
*/

.page #masthead { padding: 30px 0 }

.page.with-sidebar article { width: 610px; }

.page nav.sub .navigation {
margin-bottom: 0;
/* background: url(/static/main/images/b.sub-navigation.gif) */ /* commented out do to bug request though it was in the design */
}
	.page nav.sub .navigation li { background: #fff }

.page article { line-height: 24px; font-weight: 300; float: left; }
	.page article time {
	font-weight: 300px;
	font-size: 12px;
	line-height: 1;
	color: #5e5e5e;
	}
	.page article figure { padding-bottom: 15px; }
		.page article figcaption {
		font-size: 12px;
		line-height: 1;
		color: #1c1c1c;
		font-weight: 500;
		}
	.page article p { padding-bottom: 15px }
	.page article h1 {
	padding-bottom: 10px;
	font-size: 24px;
	color: #3e3e3e;
	}
.page aside {
width: 260px;
background: url(/static/main/images/b.specifications.gif) center;
padding: 20px;
float: right;
margin-right: 30px;
font-size: 12px;
color: #3e3e3e;
}
	.page aside h3 {
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	}
	.page aside p { padding-bottom: 15px; }

/*
##################################################
#################### FAQ Page ####################
##################################################
*/

section.faq {
margin-top: 10px;
}
	.faq-list {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 20px;
	list-style: decimal;
	}
		.faq-list li {
		margin-left: 20px;
		padding: 8px 0 0;
		}
		.ie7 .faq-list li { margin-left: 25px; }
			.faq-topic {
			text-transform: uppercase;
			color: #1c1c1c;
			font-weight: 500;
			}

			.faq-list h3 {
			color: #da2128;
			font-size: 14px;
			line-height: 24px;
			height: auto;
			font-weight: 500;
			text-transform: uppercase;
			cursor: pointer;
			vertical-align: middle;
			}
				.faq-list h3 .icn {
				background: url(/static/main/images/sprite-24.png) 0 -184px no-repeat;
				display: block;
				width: 24px;
				height: 24px;
				border: 4px solid #fff;
				border-width: 0 4px;
				float: right;
				}
				.faq-list h3.open .icn { background: url(/static/main/images/sprite-24.png) 0 -208px no-repeat; }
			.ie7 .faq-list h3 {
			/* Force headings to expand to container's width */
			width: 100%;
			overflow: hidden;
			}
			.faq-list hr {
			padding: 0;
			margin: 8px 0 0 -20px;
			border: 1px solid #e5e5e5;
			border-width: 1px 0 0 0;
			}
			.ie7 .faq-list hr {
			width: 605px;
			}
			.faq-list div {
			background: url(/static/main/images/b.related-expanded.gif) center;
			padding: 20px 20px 0;
			border: 1px solid #E5E5E5;
			border-width: 0 1px 1px 1px;
			color: #7f7e7b;
			font-size: 12px;
			line-height: 18px;
			margin-left: -20px;
			}
			.ie7 .faq-list div {
			position: relative;
			top: -7px;
			width: 565px;
			}
			.faq-list div p,
			.faq-list div ul,
			.faq-list div ol {
			padding: 0 0 20px;
			color: #7f7e7b;
			line-height: 18px;
			}
				.faq-list div ul {
				margin-left: 20px;
				list-style: disc;
				}
				.faq-list div ol {
				list-style: decimal;
				margin-left: 20px;
				}


/*
##################################################
################ Our Story Page ##################
##################################################
*/

.our-story article {
padding-top: 5px;
}
	.our-story .content-wrapper {
	overflow: hidden;
	}
	.our-story article section { clear: both }
	.our-story article #content,
	.crea article #content,
	.sous-vide article #content,
	.our-industries article #content {
	font-size: 20px;
	font-weight: 100;
	line-height: 30px;
	}
		.our-story article #content h1,
		.crea article #content h1,
		.sous-vide article #content h1
		.our-industries article #content h1 { padding-bottom: 5px }

		.our-story article section h2,
		.crea article section h2,
		.sous-vide article section h2,
		.our-industries article section h2
		.our-story article section h3,
		.crea article section h3,
		.sous-vide article section h3,
		.our-industries article section h3,
		.our-story article section h4,
		.crea article section h4,
		.sous-vide article section h4,
		.our-industries article section h4 {
		font-size: 21px;
		font-weight: 300;
		padding-bottom: 10px;
		color: #3e3e3e;
		}
		.our-story article #content img { margin-top: -30px }
	article section.secondary { padding: 0 30px 0 0; }
		.our-story .secondary img { margin-top: -10px }
	article section.tertiary { padding: 40px 30px 0 0; }
		.our-story .tertiary img { margin-left: -15px; margin-bottom: 40px }
		.our-story .tertiary h4 { padding-top: 15px; }



/*
##################################################
################ meet our chief scientist ########
##################################################
*/




.meet-our-chief-scientist article {
padding-top: 5px;
}
	.meet-our-chief-scientist .content-wrapper {
	overflow: hidden;
	}


   .meet-our-chief-scientist .content-left{ width: 40%; float: left;}
   .meet-our-chief-scientist .content-right{ width: 60%; float: right;}


	.meet-our-chief-scientist article section { clear: both }
	.meet-our-chief-scientist article #content
   {
	font-size: 20px;
	font-weight: 100;
	line-height: 30px;
	}
		.meet-our-chief-scientist article #content h1
		  { padding-bottom: 5px }



		.meet-our-chief-scientist article section h2,
		.meet-our-chief-scientist article section h3
	  {
		font-size: 21px;
		font-weight: 300;
		padding-bottom: 10px;
		color: #3e3e3e;
		}

		.meet-our-chief-scientist article section h4
 	  {
 		font-size: 21px;
 		font-weight: 300;
 		padding-bottom: 5px;
 		color: #3e3e3e;
 		}

		.meet-our-chief-scientist article section h5
	    {
	  	font-size: 20px;
	  	font-weight: 300;
	  	padding-bottom: 20px;
		padding-right: 20px;
		padding-top: 6px;
        line-height: 31px;

	  	}

		.meet-our-chief-scientist article #content img { margin-top: -30px }
	article section.secondary { padding: 0 30px 0 0; }
		.meet-our-chief-scientist .secondary img { margin-top: 65px }
	article section.tertiary { padding: 100px 30px 0 0; }
		.meet-our-chief-scientist .tertiary img { margin-left: -15px; margin-bottom: 40px; margin-right:40px; }
		.meet-our-chief-scientist .tertiary h4 { padding-top: 15px; }


	article section.askmaster{ padding-top:50px;  padding-bottom: 15px;}

	article section.contentlists{ padding: 0 30px 0 0; }

		.meet-our-chief-scientist .contentlists .contentwrap{
			width: 100%;
			overflow: hidden;

		}

		.meet-our-chief-scientist .contentlists .numlist{
			display: inline-flex;
            width: 19px;
            height: 19px;
			background: url(/static/main/images/red-dot-bg.png) no-repeat;
			padding-left: 7px;

		}

		.meet-our-chief-scientist .contentlists .numlist span{
			margin: -2px 0 0 -1px;
            color: #ffffff;
		}
		.meet-our-chief-scientist .contentlists  .dl{
			margin-left: 10px;

		 }

		.meet-our-chief-scientist .contentlists ul{
			overflow: hidden;
            width: 110%;
		}
        .meet-our-chief-scientist .contentlists ul li{
			float: left;
            width: 40%;
			margin-right: 7%;
			padding: 10px 0;
			border-bottom: 2px solid #eeedea;
		}
		.meet-our-chief-scientist .contentlists .left-last,
		.meet-our-chief-scientist .contentlists .right-last{

			border-bottom: 0px solid #ffffff !important;
		}


       .meet-our-chief-scientist .contentlists h4{ text-transform: uppercase; font-weight: 500;font-size: 14px;}
       .meet-our-chief-scientist .contentlists p{
		  color: #7F7E7B;
         font-size: 14px;
         line-height: 16px;
         font-weight: 300;
         padding: 0;
		 display: inline;
	 }



.meet-our-chief-scientist .c-quote{ margin-left: 65px; margin-top: 60px;}
.meet-our-chief-scientist .quote {
position: relative;
background: url(/static/main/images/b.related-expanded.gif) center;
text-align: center;
padding: 40px 40px 40px 40px !important;
margin: 0px !important;
}
/* 	.quote blockquote:after, */
	.meet-our-chief-scientist .quote .icn {
	background: url(/static/main/images/i.quote.png);
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -18px;
	display: block;
	width: 36px;
	height: 36px;
	}
	.meet-our-chief-scientist .quote blockquote {
	font-size: 28px;
	line-height: 45px;
	color: #da2128;
	padding-bottom: 15px;
	}
	.meet-our-chief-scientist .quote cite {
	font-size: 13px;
	color: #da2128;
	}


   .meet-our-chief-scientist aside{border-top: 5px solid #cfcdc3;}

    aside#our-chief {
    font-weight: 300;
    margin-top: 60px;
    clear: both;
    width: 835px;
    padding: 15px 0 0 117px;
    float: none;

    background: url(/static/main/images/phone.png) 0 50% no-repeat;
   }


   .meet-our-chief-scientist aside section {
     border-left: 1px solid #cfcdc3;
     padding-left: 15px;
	 margin-left: -55px;

 }


/*
##################################################
################ Brand Video Link ################
##################################################
*/

.brand-video-link {
display: block;
text-indent: -999em;
overflow: hidden;
background: url('/static/main/images/b.brand-video.png') 0 0 no-repeat;
width: 220px;
height: 32px;
margin: 5px 0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
	.brand-video-link:hover {
	background-position: 0 -32px;
	}


/*
##################################################
################### Crea Page ####################
##################################################
*/

.crea #masthead { padding-bottom: 20px; }
.crea article #content {
padding-top: 0;
padding-right: 30px;
line-height: 28px;
}
	.crea #content header { padding-bottom: 10px; }
	.crea article section div {
	float: left;
	width: 590px;
	}
	.crea article section div.pullquote { float: none; width: auto }
	.crea article ul {
	background: url(/static/main/images/b.related-expanded.gif) center;
	padding: 20px 20px 20px 40px;;
	list-style: disc;
	color: #7f7e7b;
	border: 1px solid #f2f2f2;
	}

body.crea aside {
width: 860px;
float: none;
background: none;
padding-left: 50px;
background: url(/static/main/images/phone-graphic.gif) 0 30px no-repeat;
}


/*
##################################################
################### Quote Page ###################
##################################################
*/

.quote {
position: relative;
background: url(/static/main/images/b.related-expanded.gif) center;
text-align: center;
padding: 40px 40px 30px 40px;
margin: 50px 30px 0 0;
}
/* 	.quote blockquote:after, */
	.quote .icn {
	background: url(/static/main/images/i.quote.png);
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -18px;
	display: block;
	width: 36px;
	height: 36px;
	}
	.quote blockquote {
	font-size: 22px;
	line-height: 33px;
	color: #da2128;
	}
	.quote cite {
	font-size: 13px;
	color: #da2128;
	}

/*
##################################################
################ Sous Vide Page ##################
##################################################
*/

.sous-vide article #content { padding: 20px 50px 0 20px }

	.sous-vide article .hotspots .index-1 { top: 215px; left: 305px; }
	.sous-vide article .hotspots .index-2 { top: 218px; left: 513px; }
	.sous-vide article .hotspots .index-3 { top: 386px; left: 513px; }
	.sous-vide article .hotspots .index-4 { top: 280px; left: 413px; }
	.sous-vide article .hotspots .index-5 { top: 381px; left: 387px; }
	.sous-vide article .hotspots .index-6 { top: 396px; left: 674px; }
	.sous-vide article .hotspots .index-7 { top: 485px; left: 673px; }

.sous-vide article section.links { margin-bottom: 60px }

.sous-vide article section.secondary {
width: 950px
}
	.sous-vide article section.secondary img.left { margin: 100px 40px 0 0 }
	.sous-vide article section.secondary div {
	float: left;
	width: 400px;
	}
		.sous-vide article section.secondary div ul {
		list-style: disc;
		margin: 10px 0 0 20px;
		}
			.sous-vide article section.secondary div ul li { padding-bottom: 10px; }
body.sous-vide aside,
body.our-industries aside {
width: 805px;
float: none;
background: none;
padding-left: 115px;
background: url(/static/main/images/b.crea-aside.jpg) 0 30px no-repeat;
}


.our-industries  #content { padding-bottom: 5px; padding-right: 30px }
.our-industries .slideshow {
background: url(/static/main/images/b.related-expanded.gif) center;
border: 1px solid whiteSmoke;
padding: 30px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 30px;
}
	.sous-vide article .slideshow ul { width: auto }
	.ie7 .sous-vide article .slideshow ul { height: 180px !Important; /* Fixe Me: fixed height to fix ie7 issue, where the plugin assigns a higher than needed height to containing ul */ }
.our-industries article .slideshow figcaption {
color: #7F7E7B;
font-size: 14px;
line-height: 20px;
}
.our-industries article .slideshow figcaption h4 {
color: #DA2128;
}

.our-industries .hotspots {
position: relative;
width: 946px;
height: 666px;
}
	.our-industries article .hotspots .index-1 { top: 310px; left: 306px; }
	.our-industries article .hotspots .index-2 { top: 460px; left: 665px; }
	.our-industries article .hotspots .index-3 { top: 450px; left: 195px; }

.our-industries article section.links { /* height: 150px */ }

body.our-industries aside { border: none; margin-top: 0; }


/* --- */

.our-industries #page {
float: left;
clear: none;
width: 620px;
/* border-bottom: 3px solid #cfcdc3; */
}
	.our-industries #page .content {
	background: url(/static/main/images/b.related-expanded.gif) center;
	padding: 10px 20px;
	border: 1px solid #f2f2f2;
	}
		.our-industries #page .content h2 {
		color: #333;
		font-size: 15px;
		text-transform: uppercase;
		}
		.our-industries #page .content ul {
		list-style: disc;
		margin-left: 20px;
		padding: 5px 0 15px;
		}
			.our-industries #page .content ul ul {
			list-style: none;
			}

.our-industries article aside {
width: 620px;
padding: 0;
background: none;
margin-top: 30px;
}
.our-industries article aside.callouts {
float: right;
clear: none;
width: 290px;
padding: 0;
background: none;
margin: 0 30px 0 0;
border: none;
color: #7f7e7b;
}
	.our-industries article aside.callouts div {
	border: 3px solid #cfcdc3;
	border-width: 3px 0 3px 0;
	padding: 20px 0 0;
	}
		.our-industries article aside.callouts div section {
		padding: 0 0 15px 50px;
		border: 1px solid #eee;
		border-width: 0 0 1px 0;
		margin-bottom: 15px;
		}
		.our-industries article aside.callouts div section.call {
		background: url(/static/main/images/industry-sidebar-phone.jpg) 0 0 no-repeat;
		}
		.our-industries article aside.callouts div section.sous {
		background: url(/static/main/images/industry-sidebar-sous.jpg) 0 0 no-repeat;
		}
		.our-industries article aside.callouts div section.chef {
		background: url(/static/main/images/industry-sidebar-chef.jpg) 0 0 no-repeat;
		}
		.our-industries article aside.callouts div section.chef { border: none; margin: 0; }
			.our-industries article aside.callouts div div {
			border-width: 0 0 0 1px;
			padding: 0 10px 0 20px;
			}
				.our-industries article aside.callouts div ul {
				width: auto;
				padding-top: 5px;
				list-style: disc;
				margin-left: 20px;
				}
					.our-industries article aside.callouts div ul li {
					padding: 0;
					width: auto;
					float: none;
					text-align: left;
					display: list-item;
					}

	.our-industries article aside.callouts blockquote {
	font-style: italic;
	padding: 10px 0 0;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.4em;
	}
	.extra-quote {
		margin-top:15px;
	}
	.our-industries article aside.callouts cite { width: 80%; text-indent: -15px; display: block; margin: 0 auto; line-height: 1.2em }

    aside#crea-callout{
        font-weight: 300;
        margin-top: 20px;
        clear: both;
        width: 835px;
        padding: 15px 0 0 115px;
        float: none;
        background: none;
        padding-left: 115px;
        background: url(/static/main/images/b.crea-aside.jpg) 0 50% no-repeat;
    }

/*
##################################################
################### Hot Spots ####################
##################################################
*/

article .hotspots {
position: relative;
width: 946px;
height: 666px;
}
	article .hotspots .selected { z-index: 99 }
	article .hotspots figure { position: absolute; z-index: 1; width: 100%; }
		article .hotspots figure img { display: block; margin: 0 auto }
	article .hotspots div {
	position: absolute;
	z-index: 2;
	width: 54px;
	height: 54px;
	}
		article .hotspots div div {
		position: absolute;
		bottom: 43px;
		left: 0;
		width: 320px;
		height: auto;
		padding: 10px 15px;
		font-size: 12px;
		line-height: 18px;
		background: url(/static/main/images/b.product-texture-overlay.png) bottom left;
		color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		}
		.js article .hotspots div div { display: none }
		.hotspots div div:after {
		z-index:3;
		position:absolute;
		content:url(/static/main/images/hotspot-caret.png);
		display:block;
		bottom:-18px;
		left:9px;
		}
			article .hotspots div div h2 {
			color: #fff;
			text-transform: uppercase;
			font-size: 15px;
			}
			article .hotspots div div p { padding: 0 }
			article .hotspots div div a {
			color: #fff;
			text-transform: uppercase;
			}
			article .hotspots div div a:hover { color: #DA2128 }
			article .hotspots div div a.more { float: left }
			article .hotspots div div a.view { float: right }
			article .hotspots div div hr {
			border-color: #848484;
			margin: 8px 0;
			}
		article .hotspots div span {
		width: 27px;
		height: 27px;
		padding: 10px;
		background: url(/static/main/images/hotspot-icon.png) center no-repeat;
		display: block;
		}

article section.links {
/* height: 280px; */
border: 5px solid #CFCDC3;
border-width: 5px 0 5px 0;
width: 946px;
position: relative;
}
	article section.links + #crea-callout {
		margin-top: 0;
	}

	article section.links li {
	width: 315px;
	height: 90px;
	padding: 25px 0;
	float: left;
	}
		article section.links img {
		float: left;
		padding-right: 15px;
		}
		article section.links div {
		float: left;
		border-left: 2px solid #cfcdc3;
		padding: 0 10px;
		width: 225px;
		font-size: 14px;
		line-height: 18px;
		color: #7f7e7b;
		}
		.ie7 article section.links div {
		font-size: 13px;
		}
			article section.links h3 {
			color: #da2128;
			text-transform: uppercase;
			font-size: 15px;
			padding: 0;
			}
			article section.links p { padding: 5px 0 0 }
			article section.links a:hover * { color: #da2128 }
article section.links #details {
position: absolute;
top: 0;
left: 0;
border: none;
}
article section.links #details section {
display: none;
position: absolute;
top: 10px;
left: 0;
width: 854px;
/* height: 168px; */
background: url(/static/main/images/b.related-expanded.gif) center;
padding: 45px;
border: 1px solid #f5f5f5;
}
	article section.links #details section div {
	border: none;
	padding: 0;
	width: auto;
	position: relative;
	width: 575px;
	border-left: 1px solid #cfcdc3;
	padding-left: 15px;
	}
		article section.links #details section div .close {
		position: absolute;
		top: -40px;
		right: -30px;
		cursor: pointer;
		font-size: 13px;
		line-height: 28px;
		font-weight: 300;
		color: #DA2128;
		}
		article section.links #details section div a.close span {
		display: inline-block;
		*display: inline;
		zoom: 1;
		color: #fff;
		text-align: center;
		font: 12px/16px Arial, Helvetica, sans-serif;
		width: 18px;
		height: 18px;
		background: #da2128;
		-webkit-border-radius: 28px;
		-moz-border-radius: 28px;
		-o-border-radius: 28px;
		-ms-border-radius: 28px;
		border-radius: 28px;
		margin-left: 5px;
		vertical-align: middle;
		}
		article section.links #details section div .close:hover span { background: #000 }
	article section.links #details section figure {
	width: 260px;
	height: 160px;
	float: left;
	position: relative;
	}
		article section.links #details section figure img {
		margin: 0 auto;
		float: none;
		display: block;
		}
		article section.links #details section figure figcaption {
		margin: 10px auto 0 auto;
		width: 80%;
		text-align: center;
		display: block;
		color: #da2128;
		font-size: 15px;
		text-transform: uppercase;
		}
		article section.links #details section div p,
		article section.links #details section div ul {
		padding-bottom: 5px
		}
		article section.links #details section div ul {
		list-style: disc;
		margin-left: 20px;
		}
		article section.links #details section div li {
		float: none;
		width: auto;
		height: auto;
		padding: 0 0 5px;
		}


/*
##################################################
############# Page based slideshow ###############
##################################################
*/

article .slideshow {
margin-top: 60px;
position: relative;
/* line-height: 16px; */
min-height: 300px;
}
	.slideshow > img {
	margin-right: 40px;
	float: right;
	}
	.js .slideshow li img {
	display: none;
	}
	.js .slideshow .image-gallery li img {
	display: block;
	max-width: none; /* Override baseline value. Required for IE, but doesn't hurt in other browsers. */
	}
	.slideshow header {
	position: relative;
	}
	.slideshow .image-gallery {
	position: absolute;
	top: 0;
	right: 0;
	}
	.slideshow .image-gallery li, .slideshow .image-gallery img { background: none !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE 6 & 7 */
	zoom: 1;
	}
	.slideshow figcaption {
	margin-right: 390px;
	margin-bottom: 1em;
	display: block; /* Required by IE. For other browsers, it's already a block element. */
	}
	article .slideshow ul {
	width: 890px;
	overflow: hidden; /* Required by IE to wrap around floated image, but doesn't hurt in other browsers. */
	}
	.ie7 article .slideshow ul { height: 270px !important; } /* FIX ME: hides a persistent bug in ie7, where te containing UL epxpands the native height as though all li's are visible */
	article .slideshow header ul {
	overflow: visible;
	}
	article .slideshow ul li div {
	border-left: 2px solid #e5e5e4;
	padding-left: 20px;
	margin: 20px;
	}
	article .slideshow ul h4 {
	font-size: 15px;
	text-transform: uppercase;
	}
	article .slideshow .pagination {
	width: 600px;
	text-align: center;
	}
	article .slideshow .pagination a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 5px;
	background: #cfcdc3;
	color: #fff;
	height: 17px;
	width: 17px;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-o-border-radius: 17px;
	-ms-border-radius: 17px;
	border-radius: 17px;
	}
	article .slideshow .pagination a.activeSlide { background: #DA2128 }
	article .slideshow .pagination a:hover { background: #000 }


/*
article .slideshow { width: 950px; margin-top: 60px; position: relative; line-height: 16px; }
	article .slideshow ul { height: 320px; margin: 20px; position: relative; z-index: 1 }
		article .slideshow ul img { margin-left: 60px; float: right; margin-top: -15px }
		article .slideshow ul div {
		border-left: 2px solid #e5e5e4;
		padding-left: 20px;
		}
			article .slideshow ul h4 {
			font-size: 15px;
			text-transform: uppercase;
			}
	article .slideshow .pagination {
	position: absolute;
	bottom: 60px;
	width: 600px;
	text-align: center;
	z-index: 2;
	}
		article .slideshow .pagination a {
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin: 0 5px;
		background: #cfcdc3;
		color: #fff;
		height: 17px;
		width: 17px;
		font-size: 11px;
		font-weight: 700;
		line-height: 18px;
		text-align: center;
		-webkit-border-radius: 17px;
		-moz-border-radius: 17px;
		-o-border-radius: 17px;
		-ms-border-radius: 17px;
		border-radius: 17px;
		}
		article .slideshow .pagination a.activeSlide { background: #DA2128 }
		article .slideshow .pagination a:hover { background: #000 }
*/

/*
##################################################
################# Careers Page ###################
##################################################
*/

.careers article {
	width: 960px;
}
.careers .quote {
	width: 865px;
	clear:both;
}

	.careers section {
/*  width: 470px;*/
	float: left;
	}
	.careers section h2 {
		padding: 10px 0;
		color: #3e3e3e;
	}
	.careers section h3	{
		padding-top: 10px;
		color: #da2128;
	}
	.careers section ol {
		margin-bottom: 15px;
	}
	.careers section ol li{
		margin-left: 18px;
	}

	.careers #upload-resume {
    display: none;
	float: right;
	width: 420px;
	padding-right: 10px;
	}
		.careers #upload-resume li {
		float: left
		}
		.careers #upload-resume h2 {
		padding-bottom: 15px;
		font-size: 24px;
		color: #3E3E3E;
		}
		.careers #upload-resume input {
		width: 390px;
		margin-right: 10px;
		}
		.careers #upload-resume input.short {
		width: 180px;
		}
		.careers #upload-resume input.hide { position: absolute; left: -9999em }
		.careers #upload-resume input.file { display: inline; width: 310px; }
		.careers #upload-resume .browse {
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 70px;
		text-align: center;
		color: #ED1C2A;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		cursor: pointer;
		}
		.careers #upload-resume small { clear: both; display: block }
		.careers #upload-resume button {
		margin: 10px 0 20px;
		float: left;
		}
			.careers #upload-resume button small {
				clear: none;
				display: inline;
			}

/*
##################################################
################### News Pages ###################
##################################################
*/


body.news nav.sub .navigation {
margin-bottom: 40px;
}

.news article {
width: 620px;
}

.news article { position: relative; }
	.news article .back {
	position: absolute;
	top: 0;
	right: -330px;
	color: #DA2128;
	}
	.news nav.pagination {
	margin-top: 30px;
	border-top: 2px solid #eeedea;
	width: 620px;
	padding-top: 20px;
	float: left;
	padding-bottom: 40px;
	text-align: right;
	}
	body.archive nav.pagination {
	border: none;
	margin-top: 0;
	padding-top: 0;
	}
		.archive nav.pagination li {
		display: inline;
		border: none;
		}
			.archive nav.pagination li a {
			color: #DA2128;
			display: inline-block;
			*display: inline;
			zoom: 1;
			width: 15px;
			height: 15px;
			line-height: 15px;
			}
			.archive nav.pagination li a:hover,
			.archive nav.pagination li.current a {
			color: #000;
			}
			.news nav.pagination strong,
			.news nav.pagination a {
			background: url(/static/main/images/sprite-24.png) no-repeat;
			display: inline-block;
			*display: inline;
			zoom: 1;
			font-size: 13px;
			line-height: 24px;
			height: 24px;
			font-weight: 300;
			color: #676767;
			}
			.news nav.pagination .previous {
			background-position: 0 -418px;
			padding-left: 30px;
			float: left;
			}
			.news nav.pagination .next {
			background-position: right -442px;
			padding-right: 32px;
			float: right
			}

body.news aside { /* using body to overight previous  - .page aside - */
background: none;
padding: 30px 0 0;
width: 300px;
}
	.news aside section { padding-bottom: 40px; }
		.news aside ul {

		}
		.news aside .recent-news li,
		.archive article li,
		.news article section li {
		border-bottom: 2px solid #eeedea;
		position: relative;
		}
			.news aside .recent-news li a,
			.archive article li a {
			padding: 10px 0;
			}
			body.archive article li a {
			padding-left: 0;
			padding-right: 0;
			}
				.news aside time,
				.archive article time { color: #5e5e5e }
				.news aside .more,
				.archive article .more { margin-left: 15px }
				body.news aside h3 {
				font-size: 15px;
				color: #000;
				}
				body.news aside .recent-news h4,
				.archive article h4 {
				font-size: 14px;
				}
				body.archive article h4 { padding-bottom: 0 }
		.news aside .archive ul {
		padding: 10px;
		font-weight: 500;
		margin-left: 20px;
		text-transform: uppercase;
		}
		.news aside .archive li {
		list-style: disc;
		color: #DA2128;
		}
		.news aside .archive li.selected { color: #000 }
			.news aside .archive ul ul { margin-left: 10px; color: #d8131b; }
			.news aside .archive li.selected a,
			.news aside .archive ul a:hover,
			.news aside .archive li.selected ul a:hover { color: #000 }
			.news aside .archive li.selected ul a { color: #DA2128; }
.news #content {
font-size: 20px;
line-height: 27px;
font-weight: 100;
padding: 0 30px 30px 0;
}

body.events article {
width: 980px;
border-bottom: 3px solid #cfcdc3;
padding-bottom: 30px;
}
	.news article section {
	width: 455px;
	padding-right: 30px;
	float: left;
	}
		.news article section a.more { color: #da2128 }
		.news article section a.more:hover { color: #000 }
		.news article section p {
		padding: 10px;
		color: #0b0b0b;
		font-size: 15px;
		font-weight: 300;
		}
		.news article section ul { margin: 0 10px 10px }
			.news article section ul li { padding: 10px 0 }
			.news article section ul li.last { border-bottom: 0 }
				.news article section.recent-news h4 {
				padding-bottom: 0;
				font-size: 14px;
				}
				.news article section ul time {
				font-size: 14px;
				color: #7f7e7b;
				padding: 5px 0;
				}
				.news article section ul p {
				color: #7F7E7B;
				font-size: 14px;
				line-height: 16px;
				font-weight: 300;
				padding: 0;
				}
body.events aside {
float: none;
clear: both;
width: 980px;
}

/*iframe { float: left }*/

#twitter {
float: left;
width: 455px;
height: 280px;
background: #d6d5c9;
margin: 0 30px;
-webkit-border-radius: 5px;
overflow: hidden;
padding-bottom: 0;
}
	#twitter header { padding: 10px; height: 30px; }
		#twitter header a { color: #fff }
		#twitter img { width: 30px; height: auto; float: left; padding-right: 10px }
		#twitter small {
		font-size: 11px;
display: block;
margin-top: -5px;
padding-left: 40px;
		}
		#twitter h5 {
		font-weight: 700;
font-size: 16px;
margin-top: -2px;
		}
		#twitter ul {
		background: #fff;
		color: #7d767d;
		margin: 0 1px;
		height: 185px;
		overflow: auto;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		}
			#twitter li {
			display: block;
			border-bottom: 1px dotted #d6d5c9;
			padding: 5px 10px;
			}
				#twitter .meta a { font-size: 11px }
				#twitter .meta a:after {
				content: '\2022';
				font-size: 7px;
				color: #777;
				margin: 0 2px 0 5px;
				position: relative;
				top: -1px;
				}
				#twitter .meta a.fave:after { content: '' }
		#twitter .twitter {
		display: block;
		height: 25px;
		line-height: 25px;
		background: url(/static/main/images/twitter.gif) left center no-repeat;
		color: #fff;
		text-align: right;
		color: #fff;
		font-size: 11px;
		margin: 10px;
		}

/*
##################################################
################## Blog Pages ####################
##################################################
*/

.blog .blog-wrapper {
	margin-top: 40px;
}

	.blog .blog-wrapper > article,
	.entry-detail article {
		width: 635px;
	}

		.blog .blog-entries {
			padding-right: 30px;
		}

			.blog .blog-entries h2 {
				font-weight: 500;
				color: #da212B;
				text-transform: uppercase;
			}
				.blog .blog-entries a:hover h2 {
					color: #000;
				}

			.blog .blog-entries ul li {
				padding: 20px 0;
				border-top: 2px solid #eeedea;
			}

				.blog .blog-entries ul li:first-child {
					border-top: 0;
				}

				.blog .blog-entries ul li a {
					display: block;
				}

				.blog .blog-entries ul li time,
				.blog article header time {
					font-size: 14px;
					color: #7f7e7b;
					padding: 5px 0;
				}

				.blog .blog-entries ul li p {
					display: inline;
					color: #7F7E7B;
					font-size: 14px;
					line-height: 16px;
					font-weight: 300;
					padding: 0;
				}

	/* Sidebar */
	.blog .blog-wrapper aside {
		background: none;
		color: #7f7e7b;
	}

		.blog .blog-wrapper aside ul {
			margin-bottom: 20px;
		}

			.blog .blog-wrapper aside ul li {
				border-top: 1px solid #eeedea;
				padding: 3px 0;
			}

			.blog .blog-wrapper aside .tags li {
				display: inline;
				border: 0;
				padding-right: 5px;
				font-size: 12px !important;
			}

		.blog .blog-wrapper aside ul li:first-child,
		.blog .blog-wrapper aside ul .last.first {
			border-top: 0;
		}

		.blog .blog-wrapper aside .categories ul li a {
			text-transform: uppercase;
			padding-right: 5px;
		}

		.blog .blog-wrapper aside .categories ul li {
			color: #7f7e7b;
		}

.blog.entry-detail header {
	position: relative;
	padding-bottom: 10px;
}

	.blog.entry-detail .author {
		line-height: 14px;
	}

	.blog.entry-detail time {
		padding-bottom: 0;
	}

	.blog.entry-detail .categories {
		font-size: 12px;
	}

	.blog.entry-detail header .back {
		position: absolute;
		top: -10px;
		right: -294px;
		color: #DA2128;
	}

	.blog.entry-detail article p img {
		width: 100%;
		height: auto;
		float: none !important;
		margin-top: 10px;
	}

	.blog.entry-detail article p .caption {
		float: left;
		font-size: 11px;
		margin: 0 0 10px;
		width: 100%;
	}

.blog.entry-detail .entry-detail-bottom {
	border-top: 2px solid #eeedea;
	padding: 20px 0;
	margin-top: 30px;
}

	.blog.entry-detail .entry-detail-bottom h3 {
		font-size: 13px;
		font-weight: 500;
		text-transform: uppercase;
	}

	.blog.entry-detail .entry-detail-bottom #addthis {
		padding-bottom: 20px;
	}

	.blog.entry-detail .entry-detail-bottom .entry-similar ul {
		list-style: disc;
		color: #DA2128;
		margin-left: 20px;
	}

	.blog.entry-detail .entry-detail-bottom #disqus_thread {
		border-top: 2px solid #eeedea;
		margin-top: 20px;
		padding-top: 20px;
	}


##################################################
################## Contact Page ##################
##################################################
*/

#contact-us {
width: 510px;
}

/*
##################################################
##################### Modals #####################
##################################################
*/

#temp-modal { overflow: hidden; }

#temp-modal .modal {
font: 500 12px/1.5 "museo-sans",helvetica,arial,sans-serif;
padding: 55px 35px 25px;
margin-top: -25px;
}
	#temp-modal .modal h1 {
	font-weight: 300;
	font-size: 24px;
	color: #3e3e3e;
	padding-bottom: 10px;
	}
	#temp-modal .modal h2 {
	color: #000;
	text-transform: uppercase;
	font-wieght: 700;
	font-size: 15px;
	}
	#temp-modal .modal p { padding-bottom: 15px }
	#temp-modal .modal hr {
	border: 3px solid #cfcdc3;
	border-width: 3px 0 0;
	height: 0;
	margin: 1.5em 0;
	}

/*
##################################################
############## New Customer Modal ################
##################################################
*/

#temp-modal #nutritional-info {
width: 455px;
padding: 0 35px 0 40px;
border-left: 2px solid #E3E2DC;
margin-left: 260px;
margin-top: 30px;
margin-bottom: 20px;
}
	#nutritional-info img {
	width: 205px;
	margin: 0 40px 40px -285px;
	float: left;
	}

/*
##################################################
############## New Customer Modal ################
##################################################
*/

#how-to-order-contact {
width: 450px;
/* height: 430px; */
padding: 20px 35px;
}
	#how-to-order-contact form {
	padding-top: 10px;
	display: block;
	width: 460px;
	}
		#how-to-order-contact ul {}
			#how-to-order-contact li {
			display: inline;
			float: left;
			position: relative;
			padding: 0 10px 10px 0;
			}
				#how-to-order-contact label {
				color: #909090;
				text-transform: uppercase;
				}
				#how-to-order-contact input {
				background: #ececec;
				color: #909090;
				font-size: 12px;
				}
				#how-to-order-contact input.full { width: 440px }
				#how-to-order-contact button {
				color: #ed1c2a;
				font-size: 12px;
				font-weight: 500;
				line-height: 24px;
				text-transform: uppercase;
				background: none;
				border: none;
				padding: 0;
				float: left;
				}

/*
##################################################
##################### Footer #####################
##################################################
*/

footer {
border: 2px solid #da2128;
border-width: 2px 0 0;
position: relative;
top: 80px;
line-height: 20px;
width: 1010px;
}
footer, footer:before, footer:after {
margin: 0 auto;
display: block;
zoom: 1;
}
footer:after { clear: both; content: "\0020"; height: 0; overflow: hidden; }
	footer a {
	color: #3e3e3e;
	text-transform: uppercase;
	}
	footer a:hover { color: #da2128 }
	footer img {
	margin: 0 auto;
	display: block;
	clear: both;
	}
	footer #brand {
	margin: -40px auto;
	background: #F2F2F2;
	padding: 0 20px;
	position: relative;
	z-index: 0;
	}
	footer section {
	float: left;
	margin: 30px 0 -25px;
	*margin: 15px 0 -13px;
	}
	footer section#offerings {
	width: 460px;
	padding-left: 15px;
	}
		footer #offerings ul { padding-top: 5px }
			footer #offerings li {
			float: left;
			display: inline;
			}
				footer #offerings li li {
				display: block;
				float: none;
				width: 190px;
				}
					footer #offerings li li a {
					color: #7a7a7a;
					font-size: 12px;
					}
					footer #offerings li li a:hover { color: #da2128 }
	footer section#top-level {
	width: 159px;
	padding-left: 150px;
	line-height: 22px;
	font-size: 12px;
	position: relative;
	z-index: 1;
	}
	footer section#signup {
	width: 204px;
	padding-left: 20px;
	font-weight: 300;
	font-size: 12px;
	line-height: 18px;
	border-left: 2px solid #da2128;
	}
		footer section#signup h6 {
		color: #ed1c2a;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		padding-bottom: 5px;
		}
			footer section#signup ul {
			padding: 0;
			}
			footer section#signup li { position: relative; padding: 5px 0; }
				footer section#signup .sbOptions li { padding: 3px 0 }
				footer section#signup input,
				footer section#signup .sbHolder {
				width: 186px;
				height: 22px;
				line-height: 22px;
				background: #fff;
				padding: 0 5px;
				color: #909090;
				}
				footer section#signup .sbSelector {
				font-size: 10px;
				line-height: 22px;
				color: #909090;
				text-transform: uppercase;
				font-weight: 700;
				}
				footer section#signup label {
				padding: 0 5px;
				font-size: 10px;
				line-height: 22px;
				color: #909090;
				text-transform: uppercase;
				font-weight: 700;
				top: 5px;
				z-index: 2;
				}
				footer section#signup label.infield {
				position: absolute;
				}
				footer section#signup .sbToggle {
				display: block;
				width: 170px;
				height: 22px;
				position: absolute;
				top: 5px;
				left: 0;
				padding-right: 30px;
				background: url(/static/main/images/sprite-24.png) 99% -491px no-repeat;
				text-align: left;
				text-indent: -9999em;
				}
				footer section#signup a.sbToggleOpen { background: url(/static/main/images/sprite-24.png) 99% -516px no-repeat }
				footer section#signup .sbOptions {
				width: 176px;
				font-size: 10px;
				line-height: 1em;
				padding: 0 10px;
				left: 0;
				top: -3px !Important;
				max-height: none !important;
				}
				footer section#signup button {
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;
				background: none;
				color: #ed1c2a;
				font-size: 12px;
				font-weight: 700;
				text-transform: uppercase;
				border: none;
				padding-left: 0;
				}
	footer section#signup .message {
	background: url(/static/main/images/b.product-texture-overlay.png) center;
	padding: 15px 20px;
	color: #fff;
	display: none;
	height: auto;
	font-weight: 300;
	line-height: 20px;
	text-transform: none;
	}
	footer div#random {
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -125px;
	width: 250px;
	}
	footer div#legal {
	border: 2px solid #da2128;
	border-width: 2px 0 0;
	padding: 40px 0 40px;
	font-size: 11px;
	text-align: center;
	color: #a5a5a5;
	text-transform: uppercase;
	}
		footer #legal a { color: #a5a5a5; }
		footer #legal a:hover { color: #da2128 }
		footer #legal a:before { content: ' \2022 '; font-size: 0.8em; display: inline-block; padding: 0 5px }
	footer #icon {
	position: relative;
	top: 23px;
	padding: 0 25px;
	background: #F2F2F2;
	}
	footer div.addthis_toolbox {
	float: right;
	margin-top: 40px;
	position: absolute;
	right: 0;
	}
		footer div.addthis_toolbox a.custom span { padding: 0 0 0 2px }

/*
##################################################
############## How To Order Modal ################
##################################################
*/

#how-to-order {
color: #7f7e7b;
width: 710px;
height: 360px;
}
.no-js .wrapper #how-to-order {
clear: left; /* To put it under the products when js is disabled */
}
.js .wrapper #how-to-order {
display: none;
}
	#how-to-order h1 {
	color: #7f7e7b;
	font-weight: 300;
	font-size: 19px;
	text-transform: none;
	}

	#how-to-order ul {
	width: 750px;
	position: relative;
	left: -20px;
	padding: 45px 0 0;
	}
		#how-to-order li {
		width: 209px;
		padding: 0 19px 0;
		float: left;
		display: inline-block;
		*display: inline;
		zoom: 1;
		border-right: 1px solid #e9e8e4;
		}
		#how-to-order li.last{ border: none }
			#how-to-order p { height: 112px }
			#how-to-order a.view {
			display: block;
			margin: 0 auto;
			width: 34px;
			height: 38px;
			padding: 16px 10px 0;
			color: #fff;
			font-size: 11px;
			line-height: 1;
			font-weight: 700;
			text-transform: uppercase;
			text-align: center;
			background: #da2128;
			-webkit-border-radius: 54px;
			-moz-border-radius: 54px;
			-o-border-radius: 54px;
			-ms-border-radius: 54px;
			border-radius: 54px;
			}
			#how-to-order a.view:hover { background: #000 }
	#how-to-order footer {
	font: 9px Arial, Helveitca, sans-serif;
	width: 100%;
	position: static;
	border: none;
	padding: 0;
	clear: both;
	float: left;
	}
		#how-to-order footer a { color: #da2128 }

/*
##################################################
############### Information Table ################
##################################################
*/

table.info-table {
line-height: 1.2em;
font-size: 12px;
width: 426px;
color: #3e3e3e;
}

	table.info-table small {
	font-size: 11px;
	}

	table.info-table thead {
	border-right: 1px solid #da2128;
	}
		table.info-table th {
		background: #da2128;
		color: #fff;
		vertical-align: middle;
		padding: 7px 13px;
		}
	table.info-table tbody {
	border: 1px solid #dbdbdb;
	border-top: none;
	border-left: none;
	}
		table.info-table tbody td {
		padding: 12px;
		border-left: 1px solid #dbdbdb;
		background: #fff url(/static/main/images/b.table-cell-border.gif) repeat-x bottom left;
		vertical-align: middle;
		}
		table.info-table tbody td.last-row,
		table.info-table tbody tr.last td {
		background-image: none;
		}
	table.info-table tfoot td {
	padding: 8px 0;
	}
		table.info-table tfoot small {
		font-size: 10px;
		font-style: italic;
		}

figure.table-figure {
background: url(/static/main/images/b.related-expanded.gif) center;
border: 1px solid whiteSmoke;
padding: 0;
display: block;
margin-top: 20px;
margin-bottom: 20px;
padding: 30px;
overflow: hidden;
}
	.page article figure.table-figure figcaption {
	line-height: 1.5em;
	color: #3e3e3e;
	overflow: hidden;
	}
	figure.table-figure table {
	float: left;
	margin: 0 20px 20px 0;
	}
	figure.table-figure h3 {
	padding-right: 0.5em;
	float: left;
	font-weight: bold;
	}


/*
##################################################
########### Shipping/Return Page Hacks ###########
##################################################
*/

.shipping-return-policies #general-shipping-info {
overflow: hidden;
padding-bottom: 20px;
}
	.shipping-return-policies #general-shipping-info > section {
	width: 610px;
	float: left;
	}
	.shipping-return-policies #general-shipping-info > aside {
	margin-right: 0;
	line-height: 17px;
	}
.shipping-return-policies article {
width: 950px;
}

.shipping-return-policies aside h2 {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 16px;
}

.shipping-return-policies aside h3 {
text-transform: none;
}

.shipping-return-policies article ul {
list-style-type: disc;
list-style-position: outside;
padding-left: 20px;
}
	.shipping-return-policies article li {
	margin-bottom: 5px;
	}

.ie7 .shipping-return-policies .faq-list hr {
float: left;
clear: both;
width: 950px;
}
.ie7 .shipping-return-policies .faq-list div {
width: 910px;
top: -14px;
}

/*
##################################################
################ Read FAQs Button ################
##################################################
*/

a.read-faq-link {
font-size: 13px;
color: #fff;
display: block;
float: left;
background: #da2128;
padding: 2px 25px;
}
a.read-faq-link:hover { background: #000 }

.product #description .social-icon {
	clear:both;
	width:210px;
	line-height:20px;
	padding-top:30px;
}
.product #description .fb-like{vertical-align: top;}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

body *, body a { color: #222 !Important }

.wrapper, .wrapper:before, .wrapper:after { width: 100% }

nav#super,
nav#products,
a.back,
.product #description .nutrition,
.product #related #applications,
footer * { display: none; position: static }

nav#main { display: block; }
	nav#main ul { width: 143px; height: 143px; overflow: hidden; padding: 0; position: static; margin:  0 auto }
		nav#main img { position: static }

.product article { padding-top: 20px }

.product #description, .product #related, .product aside { width: 70% }
.product #related div { padding-left: 0 }
.js .product #related li div,
.product #related li div { display: block !Important; }

.product #specifications { width: 25%; padding: 0;  }


footer { border: none }
	footer img#brand { display: block; margin: 0 auto }


}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}


/* ppc over write */
.product article h1 {
    line-height: 24px
}

#specifications p {
    line-height: 15px;
}
#specifications ul{
    list-style: disc;
    margin-left: 15px;
}
.product #description p {
    font-size: 16px;
    line-height: 20px;
}
.product #specifications h2{
    padding-top: 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.product #specifications .banner {
	display: block;
	width: auto;
	margin: 20px 0;
}
#specifications h4{
  font-weight: 500;
  font-size: 20px;
  color: #3e3e3e;
  padding-bottom: 5px;
}
.product #specifications {
    padding: 0;
    background: none;
    width: 310px;
}
#specifications div {
    background: url('/static/main/images/b.specifications.gif') center;
    padding: 20px 0 20px 20px;
}
#specifications div.extra {
    margin-top: 25px;
}
.product #specifications hr {
    margin: 20px 0;
}
.product #description .social-icon {
    padding-top: 10px;
    float: left;
}
.nutrition {
    float: right;
    margin-top: 5px;
}
.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}