/*

+-------------------------------------------------------------------------+

Title:		Eastern Fish Styles

Author:		gjh @ nmm! for conbrio design

Version:	1.0

Copyright:	2008 - gjasonhead

Updated:	8/8/2008

+-------------------------------------------------------------------------+

*/

/* reset ----------------------------------------------------------------- */

/* ----------------------------------------------------------------------- */

html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}


:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
	font-weight:normal;} 

caption, th {text-align:left;}

table {

	border-collapse: collapse;

	border-spacing: 0;}



ul {list-style: none;}



blockquote, q {quotes: none;}



/* Additional */

form label {cursor: pointer;}

fieldset {border: none;}

abbr, acronymn {text-decoration: none; border:0;	speak: spell-out;}

.clear {clear: both;}

#skip-nav, .hide, hr {display: none;}



/* body styles ----------------------------------------------------------- */

/* ----------------------------------------------------------------------- */

body {

	font-size: 12px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	background: url(../images/shared/bg-gradient.jpg) top left;

	background-repeat: repeat-x;

	color: #484E55;

	margin: 0; padding: 0;	

	text-align: center;}



#eastern-fish {

	width: 960px;

	background: url(../images/shared/bg-ds2.gif) top left repeat-y;

	margin:0 auto;

	position: relative;

	text-align: left;

	padding: 0 4px 0;}



a {color: #E05922; text-decoration: none;}

a:hover {text-decoration: underline;}



/* Header Styles */



#header {width: 960px; background:url(../images/shared/bg-header2.gif) top left no-repeat;}

#index #header {height: 423px;}

#sub #header {height: 143px;}



#header h1 a{

	position: absolute;

	top: 49px;

	left: 24px;

	display: block;

	width: 152px;

	height: 355px;

	text-indent: -5000px;

	background:url(../images/shared/logo.gif) top left no-repeat;}



/* main navigation */



#main-nav li {position: absolute; z-index:100}



#main-nav li a {

	display: block;

	background-image: url(../images/shared/nav-main2.gif);

	background-repeat: no-repeat;

	text-indent: -5000px;}



#mn-home {top: 25px; left: 186px;}

#mn-home a {width: 53px; height: 35px; background-position:  -186px -131px;}

#mn-home a:hover,

#mn-home a.on {background-position:  -186px -26px;}



#mn-abou {top: 47px; left: 285px;}

#mn-abou a {width: 137px; height: 33px; background-position:  -285px -152px;}



#mn-abou a:hover,

#mn-abou a.on {background-position:  -285px -47px;}

#mn-sour {top: 55px; left: 435px;}

#mn-sour a {width: 70px; height: 25px; background-position: -435px -160px;}

#mn-sour a:hover,

#mn-sour a.on {background-position:  -435px -55px;}

#mn-reta {top: 49px; left: 518px;}

#mn-reta a {width: 90px; height: 27px; background-position: -518px -154px;}

#mn-reta a:hover,

#mn-reta a.on {background-position:  -518px -49px;}

#mn-food {top: 32px; right: 213px;}

#mn-food a {width: 125px; height: 32px; background-position: -622px -137px;}

#mn-food a:hover,

#mn-food a.on {background-position:  -622px -32px;}

#mn-reso {top: 24px; right: 121px;}

#mn-reso a {width: 75px; height: 27px; background-position: -764px -129px;}

#mn-reso a:hover,

#mn-reso a.on {background-position:  -764px -24px;}

#mn-cont {top: 24px; right: 21px;}

#mn-cont a {width: 84px; height: 27px; background-position: -855px -129px;}

#mn-cont a:hover,

#mn-cont a.on {background-position:  -855px -24px;}



/* Product Navigation */



/* Product Navigation */



#index #prod-nav {

	width: 750px;

	height: 333px;

	position: absolute;

	top: 61px;

	left: 195px;

	background: url(../images/pagebanners/txt-welcome.gif) top right no-repeat;}



#index #prod-nav li {width: 149px; height: 276px; position: absolute; top: 57px;}



#index #prod-nav li a {

display: block; 

width: 149px; 

height: 276px; 

text-indent: -5000px; 

background-repeat:no-repeat;

background-image:url(../images/shared/nav-index2.jpg)}



#index #pn-shr {left: 0px;}

#index #pn-shr a {background-position: 0 0;}

#index #pn-shr a:hover {background-position: 0 -276px;}

#index #pn-sca {left: 150px;}

#index #pn-sca a {background-position: -150px 0;}

#index #pn-sca a:hover {background-position: -150px -276px;}

#index #pn-cra {left: 300px;}

#index #pn-cra a {background-position: -300px 0;}

#index #pn-cra a:hover {background-position: -300px -276px;}

#index #pn-oth {left: 450px;}

#index #pn-oth a {background-position: -450px 0;}

#index #pn-oth a:hover {background-position: -450px -276px;}

#index #pn-hea {left: 600px;}

#index #pn-hea a {background-position: -600px 0;}

#index #pn-hea a:hover {background-position: -600px -276px;}



#sub #prod-nav {

	width: 749px;

	height: 73px;

	position: absolute;

	top: 70px;

	left: 195px;}



#sub #prod-nav li {position: absolute; bottom:0; width: 150px;}

#sub #prod-nav li a {display: block; width: 149px; text-indent: -5000px; background-repeat:no-repeat; background-image:url(../images/shared/nav-main-s2.gif)}

#sub #pn-shr {left: 0px;}

#sub #pn-shr a {height: 73px; background-position: 0 0;}

#sub #pn-shr a:hover,

#sub #pn-shr a.on {background-position: 0 -73px;}

#sub #pn-sca {left: 150px;}

#sub #pn-sca a {height: 45px; background-position: -150px -28px}

#sub #pn-sca a:hover,

#sub #pn-sca a.on {background-position: -150px -101px;}

#sub #pn-cra {left: 300px;}

#sub #pn-cra a {height: 58px; background-position: -300px -15px}

#sub #pn-cra a:hover,

#sub #pn-cra a.on {background-position: -300px -88px;}

#sub #pn-oth {left: 450px;}

#sub #pn-oth a {height: 69px; background-position: -450px -4px}

#sub #pn-oth a:hover,

#sub #pn-oth a.on {background-position: -450px -77px;}

#sub #pn-hea {left: 600px;}

#sub #pn-hea a {height: 70px; background-position: -600px -3px}

#sub #pn-hea a:hover,

#sub #pn-hea a.on {background-position: -600px -76px;}



/* body styles */



/* index page body styles */



#index #body {

	width: 920px;

	margin:  0 20px;

	border-top: 1px solid #e6e6e6;

	background:url(../images/shared/bg-index-body2.gif) top left repeat-y;}



#index-highlight {

	width: 560px;

	padding: 30px;

	font-size: 19px;

	float: left;}



#product-infobox {

	width: 259px;

	background: #F8F4DA;

	padding: 20px 20px 0;

	float: right;}



#product-infobox img {

	display: block;

	margin-bottom: 15px;}



#product-infobox h3 {

	font-size: 16px;

	color: #1674A1;

	margin-bottom: 10px;}



#sail-infobox {

	width: 560px;

	height: 25px;

	padding: 0 30px 10px;

	position: relative;

	clear: both;}



#sail-infobox img {

	display: block;

	position: relative;

	margin-top: -45px;}



#sail-infobox p {

	border-top: 1px solid #efefef;

	border-bottom: 1px solid #efefef;

	padding: 2px 0 2px 215px;

	background: 100px 0 repeat-y url(../images/shared/logo-sail-index-bg.gif);}





/* sub page styles */



#sub #body {

	width: 749px;

	margin:  0 20px 0 191px;

	background:url(../images/shared/bg-sub-body.gif) top left repeat-y;}



#sub #body h1 {

	height: 46px;

	margin: 0;

	padding:0;

	border-bottom: 1px solid #d9d9e8;

	background-position: right 65%;

	background-repeat: no-repeat;

	text-indent: -5000px;}

#head-abo {background-image:url(../images/pagebanners/txt-abo.gif)}
#head-cra {background-image:url(../images/pagebanners/txt-cra.gif)}
#head-foo {background-image:url(../images/pagebanners/txt-foo.gif)}
#head-hea {background-image:url(../images/pagebanners/txt-hea.gif)}
#head-oth {background-image:url(../images/pagebanners/txt-oth.gif)}
#head-res {background-image:url(../images/pagebanners/txt-res.gif)}
#head-ret {background-image:url(../images/pagebanners/txt-ret.gif)}
#head-sca {background-image:url(../images/pagebanners/txt-sca.gif)}
#head-shr {background-image:url(../images/pagebanners/txt-shr.gif)}
#head-sou {background-image:url(../images/pagebanners/txt-sou.gif)}
#head-con {background-image:url(../images/pagebanners/txt-con.gif)}



/* content stuff */

#resources 	{

	border: none;
	width: 550px;

	}

	

img.resources	{

	float:left;

	padding: 10px;	}



#resources p	{

	padding-bottom: 25px;	}

#sub #content {
	width: 590px;
	float: left;}















	#content-intro {







	border-top: 9px solid #ffffff;







	margin-bottom: 9px;}







	







	.mapban	{







	padding-left: 2px;}







	







	#content-copy {







		border-top: 1px solid #e6e6e6;







		border-right: 1px solid #e6e6e6;







		padding: 11px 20px 40px 0;}







	







	/*content styles */







	#sub #content h2 {







		font-family:"Times New Roman", Times, serif;







		font-weight: normal;







		font-size: 25px;







		margin-bottom: .5em;







		color: #000066;}







	







	#sub #content h3 {







		font-family:"Times New Roman", Times, serif;







		font-weight: normal;







		font-size: 20px;







		margin-bottom: .5em;







		color: #1674A1;}







	







	#sub #content h4 {







		font-family:"Times New Roman", Times, serif;







		font-weight: normal;







		font-size: 18px;







		margin-bottom: .3em;







		color: #000066;}

	#sub #content h5 {}

	#sub #content p {margin-bottom: 1.2em; line-height: 1.5em;}

	#sub #content p.highlight {margin-bottom: 1.2em; 
								line-height: 1.5em;
								color:#EA9801;
								font-size:17px;}

		#sub #content a {font-weight: bold;}

		#sub #content strong,

		#sub #content b {
			color:#433F3F;}

#sub #content em,
#sub #content i {}

#sub #content blockquote {}

#sub #content ul {
		margin-bottom: 1.3em; 
		line-height: 1.4em;
		list-style: none;}

#sub #content ul li {
		margin-left: 13px;
		padding-bottom: 1.2em;
		padding-left: 17px;
		display: block;
		background: url('../images/shared/bullet.gif') no-repeat left;}

#sub #content ol {
		margin-bottom: 1.2em; 
		line-height: 1.7em;}

		#sub #content ol li {margin-left: 25px;}

#sub #content img.align-rightnb {
		padding: 5px;
		margin: 0 0 15px 10px;
		float: right;}

#sub #content img.align-right {
		padding: 5px;
		border: 1px solid #8F9197;
		margin: 0 0 15px 10px;
		float: right;}

#content table {
		margin: 0 0 1.5em;
		border: 1px solid #666;
		border-bottom: 0;
		font-size: 11px;
		width: 100%;}
		#content td,
		#content th {padding: 4px; vertical-align: top;}

		#content th {







			 color:#000000;







			 border-bottom: 2px solid #666;







			 background: #e5e5e5;







			 font-size: 11px;







			 font-weight: bold;







			 padding: 5px 4px;}







		







		#content td {border-bottom: 1px solid #666;}



/*product Pages contect */



#product-highlights {

	width: 235px;

	padding-bottom: 15px;

	float:left;

	clear:right;}



#content #products-highlights ul {list-style-type:none;}



#content #product-highlights ul li {

	width: 235px;

	margin-left:0;

	padding-left:10px;

	background: url(../images/shared/bul.gif) 0 7px no-repeat;

	list-style-type:none;}

	

#content #product-highlights img	{

	float:left;		}



#content #product-highlights img.health	{

	float:left;

	padding: 0 0 10px 10px;		}	

	

#content #product-highlights img.sheet	{

	float:left; clear:left;

	padding: 0 0 10px 10px;		}

	

#product-spec { 

	padding-bottom: 15px;

	width: 300px;

	float: right;}



.product-spec-info {

	width: 300px;

	float: right;}



.product-spec-info h6 {

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	color:#002b7f;

	padding-bottom:0px;

	padding-top: 0px;

	margin-top: 0px;

	margin-bottom:0px;}



.product-spec-info img	{

	width: 150px;

	float: right;

	clear:left;}



.product-spec-info dl {

	width: 300px;

	border-top: 1px solid #eeeeee;

	clear: right;

	padding: 5px 0 0;}



.product-spec-info dl.first {border-top: 0;}





/*			.product-spec-info dl dt {







				width: 110px;







				float: left;







				padding: 0 0 5px;







				font-weight: bold;







				color: #002b7f;} */



.product-spec-info dl dd {

	width: 295px;

	float: right;

	padding: 0 0 5px;}



.product-content {

	clear:both;

	padding: 0px 0 10px 0px;

	border-top: 1px solid #eeeeee;}

	

.product-content p	{

	color: #1674A1;	}

	

.product-content h4	{

	color: #000066;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;}



.product-packaging	{

	float:left;

	clear:right;	}





.product-content img {padding: 0 10px 5px 0;}



#propack	{

	float: left;

	padding-right: 10px;	}


.recipesphotocredit {

	color: #000066;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;}


/*gutter stuff */



#gutter {

	width: 150px;

	float: right;}



#gutter h3 {

	border-top: 9px solid #ffffff;

	text-indent: -5000px;

	background-position: top left;

	background-repeat: no-repeat;

	width: 150px;

	height: 28px;}

		#gut-abo {background-image: url(../images/pagebanners/gut-abo.gif)}
		#gut-pro {background-image: url(../images/pagebanners/gut-pro.gif)}
		#gut-rec {background-image: url(../images/pagebanners/gut-rec.gif)}
		#gut-foo {background-image: url(../images/pagebanners/gut-foodservice.gif)}
		#gut-res {background-image: url(../images/pagebanners/gut-resources.gif)}
		#gut-ret {background-image: url(../images/pagebanners/gut-retailer.gif)}
		#gut-sor {background-image: url(../images/pagebanners/gut-sourcing.gif)}
		#gut-con {background-image: url(../images/pagebanners/gut-contact.gif)}
		#gut-shr {background-image: url(../images/pagebanners/gut-shrimp.gif)}
		#gut-sca {background-image: url(../images/pagebanners/gut-scallop.gif)}
		#gut-cra {background-image: url(../images/pagebanners/gut-crab.gif)}
		#gut-oth {background-image: url(../images/pagebanners/gut-otherprod.gif)}
		#gut-hea {background-image: url(../images/pagebanners/gut-health.gif)}			
	.gutter-nav li a {
		display: block;
		width: 138px;
		color: #666;
		background: #e7f7f7;
		padding: 6px 6px 5px;
		border-bottom: 1px solid #CDE3E9;
		font-size: 12px;
		font-weight: bold;}

.gutter-nav li a:hover, .gutter-nav li a.on {

	background: #E05922;

	color: #ffffff;

	text-decoration: none;}



/*product facts */



#product-facts {

	width: 152px;

	position: absolute;

	top: 420px;

	left: 24px;

	color: #000066;}

	

#product-facts p	{

	font-size: 9pt;

	padding: 0 6px 0 5px;	}



#product-facts h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 12px;

	color: #000066;

	margin-bottom: 1em;}
	
#nutritionalTab	table {
	width:auto;	
 }


#nutritionalTab table th

{

font-size: 11px;

font-weight: normal;

background-color: #9ADEFF;

background-image: url(../images/shared/nutTab_thbg.gif);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0% 0%;

border-top-width: 2px;

border-top-style: solid;

border-top-color: #d3ddff;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #ffffff;

color: #003399;

padding: 3px 3px 3px 3px;

}

#nutritionalTab table td

{

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #ffffff;

color: #666699;

border-top-width: 1px;

border-top-style: solid;

border-top-color: #ffffff;

border-bottom: 0;
border-left: 0;
border-right: 0;

background-color: #E3F5FF;

background-image: url(../images/shared/nutTab_tdbg.gif);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0% 0%;

padding-top: 8px;

padding-right: 8px;

padding-bottom: 8px;

padding-left: 8px;

}

#nutritionalTab tbody tr:hover td

{

background-color: #BDE5F8;

background-image: url(http://88.198.60.17/images/express-css-table-design/table-images/gradhover.png);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0% 0%;

color: #333399;

}

#nutritionalTab tfoot tr td

{

background-color: #e8edff;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

font-size: 12px;

color: #1F6485;
border-bottom: solid #d3ddff 2px;

}

/* Footer Styles */



#eastern-fish-closing {

	width: 968px;

	padding: 0 0 0;

	font-size: 10px;

	color: #999999;

	text-align: center;

	margin:0 auto;

	clear: both;}

#footer {

	width: 928px;

	background: url(../images/shared/bg-footer2.gif) top left no-repeat;

	position: relative;

	text-align: left;

	padding: 40px 20px 0;}

#footer a {color: #999999; text-transform:uppercase;}

#footernav-prod {float: left; padding-bottom: 10px;}

#footernav-util { float: right; padding-bottom: 10px;}



#credits {

	clear: both;

	border-top: 1px solid #3F3F8A;

	padding: 10px 0;

	text-align: center;}