
/*
----------------------------------------------------------------------------------
BASE
--------------------------------------------------------------------------------*/
body {
	background:url(../img/body-bg.gif) repeat left top;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:85%;
	line-height:100%;
	color:#132b4a;}
	#body-exo {
		background:url(../img/body-meso-bg.gif) repeat-x left top;}
	#body-meso {
		position:relative;
		width:910px;
		margin:0 auto;
		padding:15px 0;}
		
	#torso-exo {
		width:910px;
		background:url(../img/column-bg.gif) repeat-y left top;}
		#torso-left {
			float:left;
			width:510px;
			padding:10px 30px 15px 45px;}
		#torso-right {
			float:right;
			width:310px;
			margin-right:15px;}
	#head-roll, #head-roll:hover {position:absolute; left:0; top:15px; width:295px; height:206px; cursor:pointer; z-index:9999; background:url(../img/head-inner-roll.jpg) no-repeat left bottom;}
	#head-roll:hover {background-position:left top;}
	
		.torso-sub {display:none;}
			
	h1, h2, h3, h4 {padding-bottom:.5em;
		font-weight:bold;
		font-style:italic;
		line-height:115%;}
		h1 {font-size:1.85em; line-height:115%; padding-top:22px;}
		h2 {font-size:1.3em; line-height:120%; padding-top:2em; border-top:1px dotted #668ec3;}
			.ttl-pix {float:right; text-align:right; margin:.75em 0 0 1em;}
		h3 {font-size:1.1em; line-height:130%; padding-top:1em; padding-left:12px;}
		h4 {font-size:1em; line-height:130%; padding-top:1em; padding-left:24px;}
	ul, ol {padding-left:30px;}
	ul li {background:url(../img/bullet-dark.gif) no-repeat left .35em;
		padding-bottom:.65em;
		padding-left:20px;
		line-height:120%;}
	ol li {list-style-type:decimal; margin-left:20px; padding-bottom:.3em; line-height:1.25em;}
		li li {background-image:url(../img/bullet-light.gif);}
	p {
		padding-bottom:1em;
		padding-left:12px;
		line-height:130%;}
		.ttl {font-size:.9em; font-style:italic;}
		.dev-note { font-style:italic; font-family:Arial, Helvetica, sans-serif; color:#c30;}
	a, a:hover {color:#357ddb !important;}
	   a:hover {text-decoration:none;}
		p.to-top {
			padding-top:2.5em;
			font-size:.8em;
			text-align:right;}
		p.to-top a {
			padding-right:15px;
			background:url(../img/to-top.gif) no-repeat right .25em;
			text-decoration:none;}
			p.to-top a:hover {text-decoration:underline;}
	img.in-flow {margin:.5em auto 1.5em;}
	blockquote {padding-left:1.5em; padding-right:1.5em;}

	#nav {clear:both; padding-left:0;}
	#nav li {
		float:left;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;}
		#nav li a {
			display:block;
			height:48px;
			padding-top:35px;
			font-size:1.1em;
			color:#92aed3 !important;
			text-decoration:none;}
		#nav li a.active {color:#fff !important; cursor:default;}
		#nav li a#nav-a {width:103px; background:url(../img/nav-a.gif) no-repeat left top;}
		#nav li a#nav-b {width:103px; background:url(../img/nav-b.gif) no-repeat left top;}
		#nav li a#nav-c {width:104px; background:url(../img/nav-c.gif) no-repeat left top;}
			#nav li a#nav-a:hover,
			#nav li a#nav-b:hover,
			#nav li a#nav-c:hover,
			#nav li a.active#nav-a,
			#nav li a.active#nav-b,
			#nav li a.active#nav-c {background-position:left bottom; color:#fff !important;}

		#nav-order {clear:both; text-align:center;}
		#nav-order a {
			display:block;
			height:45px;
			border-bottom:1px solid #758d56;
			padding-top:35px;
			background:url(../img/btn-order.gif) no-repeat left top;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.3em;
			color:#4e6234 !important;
			text-decoration:none;}
			#nav-order a:hover {background-position:right top; color:#fff !important;}
	
	.subnav {float:left; width:99%; margin:1em 0 0; background:url(../img/subnav-bg.gif) repeat-x left bottom; padding:0; padding-left:1%; padding-bottom:1px;}
		.subnav li {float:left; margin-right:5px; padding:.65em 0; background:none;}
		.subnav li a, .subnav li a.active, .subnav li a:hover {margin:0 1px; padding:.5em; font-size:.9em; font-style:italic; font-weight:bold; line-height:120%; text-decoration:none; color:#132b4a !important; cursor:pointer;}
		.subnav li a.active {padding-left:.65em; padding-right:.65em; font-size:1.25em;}
		.subnav li a:hover, .subnav li a.active, .subnav li a.active:hover {margin:0; border:1px solid #668ec3; border-bottom-color:#e4f0ff; background:#e4f0ff; cursor:default;}
		.subnav li a:hover {border-bottom-color:#668ec3;}
	.torso-sub {clear:both; margin-bottom:1em; background:url(../img/torso-sub-bg.gif) repeat-x left top; padding-top:2.5em;}
	.torso-sub h2 {display:none;}
	#pg-recipes .torso-sub h2 {display:block;}
	#pg-recipes .torso-sub h2.first {border-top:none; padding-top:0;}
	
	#side-stuff {
		clear:both;
		height:1%;
		background:url(../img/sidebar-shadow.gif) repeat-x left top;
		padding:2.5em 20px;
		font-family:"Candara", Arial, Helvetica, sans-serif;
		color:#3d5a7e;
		}
		.article {clear:both; margin-bottom:1.3em; border-bottom:1px solid #b7d1f3; padding-bottom:1.3em;}
		.article h4 {font-size:1.25em; font-style:normal; line-height:115%; padding-top:.5em; padding-left:0;}
		.article p {font-size:1em; padding-bottom:.35em; padding-left:0;}
		p.more {font-size:.85em;}
		.linkit:hover {cursor:pointer;}
		
		a.affiliates {display:block; float:left; text-decoration:none !important;}
		a.affiliates span {margin-left:-9999px; overflow:hidden;}
			#inner-owr {width:92px; height:52px; margin:0; background:url(../img/inner-owr.gif) no-repeat left top;}
			#inner-cfia {width:75px; height:17px; margin:15px 0 0 0; background:url(../img/inner-cfia.gif) no-repeat left top;}
			#inner-haccp {width:94px; height:17px; margin:28px 20px 0 0; background:url(../img/inner-haccp.gif) no-repeat left top;}
			#inner-foodland {width:52px; height:53px; margin:25px 30px 15px 40px; background:url(../img/inner-foodland.gif) no-repeat left top;}
			#inner-ocfa {width:101px; height:29px; margin:22px 30px 0 15px; background:url(../img/inner-ocfa.gif) no-repeat left top;}
				#inner-owr:hover,
				#inner-cfia:hover,
				#inner-foodland:hover,
				#inner-haccp:hover,
				#inner-ocfa:hover {background-position:left bottom;}

		a.owr-label {float:left; width:78px; height:78px; margin:.25em 1em .25em 0; background:url(../img/owr-label.png) no-repeat left top;}
			a.owr-label:hover {background-position:right top;}
			a.owr-label span {margin-left:-9999px;}

	#foot {clear:both;}
	#copyright {
		width:880px;
		margin:0 auto;
		padding-top:.25em;
		padding-right:30px;
		font-size:.8em;
		text-align:right;
		color:#739bcf;}


/*	--------------------------------------------------
	#pg-home										*/
	#torso-home {height:131px; padding-top:50px; background:url(../img/head-home.jpg) no-repeat left top;}
		#torso-home #nav {margin-left:295px;}
		#torso-home #nav li a {
			display:block;
			height:61px;
			padding-top:70px;
			font-size:1.25em;
			text-decoration:none;}
		#torso-home #nav li a#nav-home-a {width:150px; background:url(../img/nav-home.gif) no-repeat left top;}
		#torso-home #nav li a#nav-home-b {width:150px; background:url(../img/nav-home.gif) no-repeat left top;}
		#torso-home #nav li a#nav-home-c {width:150px; background:url(../img/nav-home.gif) no-repeat left top;}
		#torso-home #nav li a#nav-home-d {width:150px; background:url(../img/nav-home-d.gif) no-repeat left top; padding-right:15px;}
			#torso-home #nav li a#nav-home-a:hover,
			#torso-home #nav li a#nav-home-b:hover,
			#torso-home #nav li a#nav-home-c:hover,
			#torso-home #nav li a#nav-home-d:hover {background-position:left bottom; color:#fff !important;}
	#home-flash {
		width:90px;
		height:265px;
		}
	#affiliates {height:108px; background:url(../img/home-affiliates.gif) no-repeat left top; margin:0; padding:0; padding-left:295px;}
		#affiliates li {
			float:left;
			margin:0;
			padding:0;
			list-style-type:none;}
		#affiliates li a {
			display:block;
			height:108px;
			text-decoration:none;}
		#affiliates li a span {margin-left:-9999px; overflow:hidden;}
		#affiliates li a#home-owr {width:120px; background:url(../img/home-owr.gif) no-repeat left top;}
		#affiliates li a#home-cfia {width:120px; background:url(../img/home-cfia.gif) no-repeat left top;}
		#affiliates li a#home-foodland {width:120px; background:url(../img/home-foodland.gif) no-repeat left top;}
		#affiliates li a#home-haccp {width:120px; background:url(../img/home-haccp.gif) no-repeat left top;}
		#affiliates li a#home-ocfa {width:135px; background:url(../img/home-ocfa.gif) no-repeat left top;}
			#affiliates li a#home-owr:hover,
			#affiliates li a#home-cfia:hover,
			#affiliates li a#home-foodland:hover,
			#affiliates li a#home-haccp:hover,
			#affiliates li a#home-ocfa:hover
				{background-position:left bottom;}

/*	--------------------------------------------------
	#pg-contact										*/
	.phone, .fax, .email, .address {
		padding:.2em 0;
		padding-left:33px;
		background-position:12px .35em;
		background-repeat:no-repeat;
		overflow:visible;
		line-height:130%;
		zoom:1; /* IE disappearing bg fix */
		}
		.phone {background-image:url(../img/blt-phone.gif);}
		.fax {background-image:url(../img/blt-fax.gif);}
		.email {background-image:url(../img/blt-email.gif); padding-bottom:2.8em;}
		.address {background-image:url(../img/blt-address.gif);}
	#btn-map {
		display:block;
		float:right;
		width:56px;
		height:56px;
		background:url(../img/btn-map.gif) no-repeat left top;
		cursor:pointer;
		overflow:hidden;}
		#btn-map:hover {background-position:right top;}
		#btn-map span {margin-left:-9999px; overflow:hidden;}
	ul#hours {padding-left:14px;}
							

/*	--------------------------------------------------
	#pg-order										*/
	#pg-order h2 {border:none; padding-top:1em;}
	fieldset {
		clear:both;
		padding:2em;
		padding-top:.5em;
		}
	.form-field {
		clear:both;
		float:left;
		width:100%;
		height:auto;
		border-top:1px dotted #000;
		padding:.5em 0 1em;
		}
	label {
		display:block;
		width:45%;
		float:left;
		line-height:1.25em;
		zoom:1;
		}
		label em {font-size:.85em;}
		#weight-label {float:none; width:100%; padding-bottom:.3em;}
	input, .input-label, textarea, select {
		float:right;
		margin:0;
		margin-bottom:.65em;
		margin-left:.35em;
		font-family:Arial, Helvetica, sans-serif;
		}
		.input-label {
			float:right;
			margin-left:.35em;
			margin-top:.35em;
			margin-bottom:0;
			line-height:1.25em;
			}
		.input-select {clear:both; padding-left:15px; padding-top:.3em;}
		.input-select select {float:none; margin-bottom:0; margin-right:.4em; text-align:right;}

	.radio-label {margin-bottom:.5em;}
	.radio-group {float:left; margin:0; padding:0; padding-left:1em;}
		.radio-group input, .radio-group label {float:none; display:inline;}
		.radio-group input {margin:0; margin-right:.25em;}
		.radio-group label, .radio-group label:hover {margin-top:0; margin-right:1.5em; white-space:nowrap;}
			.radio-group label:hover {background:#e4f0ff;}
		.radio-group li {float:left; list-style-type:none; padding:.25em 0 0; background:none; line-height:1em;}
		.noFloat {float:left; clear:none;}
		.noFloat li {float:none;}
		
	.takeNote {clear:both; float:left; width:100%; padding-top:.5em;}
		.takeNote p {padding:0; padding-left:17px; font-size:.85em; font-style:italic; color:#5f7c9f;}

	#species, #spHR, #spST,
	#tnSMLT, #tnSMHR, #tnSMST, #tnFSHR, #tnFZHR,
	#dress, #dressFSWF, #dressFZWF, #dressSMWF, #dressFSLT, #dressFZLT, #dressSMLT,
	#packaging, #filletcount
		{display:none;}
		
	#orderBox {
		display:none;
		border:4px solid #365e93;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;}
		#orderBox h2 {padding:.1em 0 .5em 8px; background:#365e93; color:#fff;}
		#orderBox h3 {padding:1em 0 0; font-size:1.1em;}
		#orderBox .form-field {padding:.75em 0 .2em;}
		#orderBox label {width:1%; white-space:nowrap !important;}
		#orderBox select {margin-bottom:.65em; text-align:left;}
			.required {color:#c30;}
			p.required {font-size:.8em; padding-left:0;}
			.form-field .required {padding-left:.2em; font-weight:bold; text-align:left;}
			#orderBox .takeNote {width:1%; padding:0;}
			#orderBox .takeNote p {margin-top:-.75em; padding:0; padding-bottom:.75em; white-space:nowrap;}

	#orders {float:left; width:100%; clear:both; padding-bottom:1em;}
		.po {
			clear:both;
			float:left;
			width:100%;
			height:auto;
			border-bottom:1px solid #9aaec9;
			background:#ecf3fd;
			padding:.75em 0;		
		}
			#orderBox .po2 {float:left; width:1%;}
			#orderBox .po2 h3, #orderBox .po2 p {white-space:nowrap; margin:0; padding:0; padding-left:16px; line-height:1em;}
				#orderBox .po2 h3 {font-size:1.25em; font-style:normal;}
				#orderBox .po2 p {padding-top:.3em; font-size:.9em; font-style:normal; color:#365e93;}

	.btn {float:left; margin:0;}
	.btn, .btn:hover, .btn:focus {
		border-width:1px; border-style:solid;
		padding:.35em .5em;
		background-repeat:no-repeat;
		background-position:left center;
		}
		.addOrder, .addOrder:hover, .addOrder:focus {
			border-color:#557aac;
			background-image:url(../img/btn-add.gif);
			font-weight:bold; font-size:.9em;
			color:#224779;
			}
		.deleteOrder, .deleteOrder:hover, .deleteOrder:focus {
			float:right;
			margin-top:.75em;
			margin-right:16px;
			border-color:#de4521;
			background-image:url(../img/btn-delete.gif);
			padding:.15em .25em;
			font-size:.8em;
			color:#de4521;
			}
			.deleteOrder:hover, .deleteOrder:focus {border-color:#8a0000;}
		.submitOrder, .submitOrder:hover, .submitOrder:focus {
			margin-bottom:1em;
			border-color:#758d56;
			padding:.5em .7em;
			background-image:url(../img/btn-order.gif);
			font-size:1.3em; color:#4e6234;
			}
	.btn:hover, .btn:focus {background-position:right; color:#fff !important;}

/*	--------------------------------------------------
	#pg-thank										*/
	.signature {font:bold italic 1.5em/1.5em Times New Roman, serif;}

/*	--------------------------------------------------
	PRINT										*/

@media print {
.print-only {display:block;}
body {background:none;color:#000;}
#body-exo {background:none;}
#body-meso {
	width:100%;
	margin:0;
	padding:0;}
#head-roll, #head-exo {display:none;}
#print-logo {float:right; clear:left;}
#torso-exo {background:none; margin-right:130px;}
	#torso-left {
		width:565px;
		padding:1.5em 20px 1em 0;}

.torso-sub h2 {display:block;}

a.affiliates {display:block; float:none; text-decoration:none !important;}
a.affiliates span {margin-left:0; overflow:visible;}
	#inner-cfia, #inner-foodland, #inner-haccp, #inner-ocfa {width:auto; height:auto; background:none;}

#foot img {display:none;}
#copyright {
	width:100%;
	margin:0;
	margin-top:2em;
	border-top:1px solid #ccc;
	padding-top:.5em;
	padding-right:0;
	text-align:left;
	color:#ccc;}
.to-top {display:none;}
}

