/*///////////////////////////////////////////////////////
Style Guide
/////////////////////////////////////////////////////////

#idName {
	display: block; position: absolute; top: 0px; left: 0px; z-index: 1; width: auto; height: auto; overflow: auto;
	margin: 0px; border: 0px solid #FFFFFF; padding: 0px; background: #FFFFFF url('../images/spacer.gif') no-repeat top left;
	font: italic small-caps bold 68%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000000px; text-align: left; text-decoration: none;

//	font: <'font-style'> <'font-variant'> <'font-weight'> <'font-size'>/<'line-height'> <'font-family'>	//
}
*/



/*//////////////////////////////////////////////
------------------------------------------------
Colour Palette for Testing Purposes
------------------------------------------------

#999999  #1A3967  #CCCCCC
#DDDDDD  #EEEEEE  #FFFFFF

//////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/

/*////// Structure Module //////*/
html {
}
body {
	margin: 0px; padding: 0px; background: #C8D0DB url("../images/bgBody.gif") repeat-y top left;
	font: 70%/1.5 verdana, arial, helvetica, sans-serif; text-align: left;
}
div {
}

/*////// Text Module //////*/
p {
	margin: 0px; margin-bottom: 1.2em;
}
blockquote {
	margin: 0px 3.5em;
}
h1 {
	margin: 0px; margin-bottom: 0.4em;
	font-size: 1.4em; text-transform: uppercase;
}
h2 {
	margin: 0px; margin-bottom: 0.3em;
	font-size: 1.2em; text-transform: uppercase;
}
h3 {
	margin: 0px; margin-bottom: 0.2em;
	font-size: 1.1em; text-transform: uppercase;
}
h4 {
	margin: 0px; margin-bottom: 0.1em;
	font-size: 1.0em; font-variant: small-caps;
}
h5 {
	margin: 0px; margin-bottom: 0.1em;
	font-size: 1.0em; font-weight: bold;
}
h6 {
	margin: 0px; margin-bottom: 0.1em;
	font-size: 1.0em; font-style: italic;
}

abbr {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
acronym {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
address {
}
cite {
	color: #1A3967; font-size: 1.0em;
}
code {
	color: #1A3967; font-size: 1.0em;
}
dfn {
	font-size: 1.0em; font-variant: normal !important; text-transform: none !important;
}
em {
	color: #1A3967; font-style: italic;
}
kbd {
	color: #1A3967; font-size: 1.0em;
}
pre {
	color: #1A3967; font-size: 1.0em;
}
q {
	font-style: italic; color: #1A3967;
}
samp {
	color: #1A3967; font-size: 1.0em;
}
span {
}
strong {
	color: #1A3967; font-weight: bold;
}
var {
	color: #1A3967; font-size: 1.0em;
}

/*////// Hypertext Module //////*/
a:link {
	color: #1A3967; text-decoration: underline;
}
a:visited {
	color: #000000; text-decoration: underline;
}
a:hover {
	color: #000000; text-decoration: underline;
}
a:focus {
	color: #000000; text-decoration: underline;
}
a:active {
	color: #1A3967; text-decoration: underline;
}

/*////// List Module //////*/
dl {
	margin-bottom: 1.2em;
}
dt {
	margin: 0px; margin-top: 1.2em; font-weight: bold;
}
dd {
	margin: 0px;
}
ol {
	margin-top: 0px; margin-bottom: 1.2em;
}
ul {
	margin-top: 0px; margin-bottom: 1.2em;
}
li {
	margin-top: 0px; margin-bottom: 0.8em;
}

/*////// Presentation Module //////*/
big {
}
hr {
	width: 50%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #1A3967; color: #1A3967; text-align: center;
}
small {
}
sup {
	color: #1A3967;
}
sub {
	color: #1A3967;
}

/*////// Forms Module //////*/
form {
	text-align: center;
}
fieldset {
	display: block; width: 37em; margin: 0em auto 0.6em auto; border: none; padding: 0px; text-align: left;
}
legend {
	display: none; margin: 0em 0em 0.6em 0em; padding: 0px; color: #1A3967;
}
label {
	float: left; width: 15em; text-align: left;
}
input, select {
	font-size: 1em; background: #FFFFFF !important;
}
select, textarea {
	width: 14.4em;
}
option {
}
textarea {
	font: 1em verdana, sans-serif;
}
submit, reset, button {
}
.button {
	width: auto; padding: 1px 0px;
	border-width: 2px; border-style: outset; background-color: #1A3967 !important;
	color: #FFFFFF; text-align: center; font-weight: bold;
}
.hiddenFields {
	display: none;
}
.radio {
	width: auto; padding-right: 1.0em; ;
}
.radio input {
	width: auto; background: transparent !important;
}

/*////// Table Module //////*/
table {
	margin-bottom: 1.2em; font-size: 1em; border: 1px solid #999999; background: #FFFFFF; border-collapse: separate;
}
caption {
	padding: 8px; border: 1px solid #999999; border-bottom: none; background: #1A3967; font-size: 0.9em;
}
thead {
	background: #CCCCCC;
}
tbody th {
	background: #EEEEEE;
}
tfoot {
	background: #DDDDDD;
}
th {
	padding: 4px 8px; text-align: left; font-weight: bold;
}
tr {
}
td {
	border: 1px solid #EEEEEE; padding: 4px 8px; text-align: left;
}

td form {
	margin: 0px;
}

/*////// Image Module //////*/
img {
	display: block; margin: 0px; border: none;
}



/*///////////////////////////////////////////////////////
CLASS and ID Styles
///////////////////////////////////////////////////////*/

html {
	height: 100%; margin-bottom: 1px;
}

#container {
	position: relative; height: 600px; margin: 0px; padding: 0px; background: transparent url("../images/bgContainer.gif") no-repeat 662px 0px;
}

#skip {
	display: none;
}

#masthead {
	width: 662px; height: 150px; margin: 0px; padding: 0px;
	background: transparent url("../images/bgMasthead01.jpg") no-repeat top left;
}

#masthead h1 {
	width: 230px; height: 90px; margin: 0px; padding: 0px;
}

#masthead h1 a {
	display: block; width: 200px; height: 0px !important; height /**/: 100px; overflow: hidden;
	margin: 0px; padding: 0px; padding-top: 100px;

}

#about #masthead 			{ background-image: url("../images/bgMasthead02.jpg"); }
#contact #masthead 			{ background-image: url("../images/bgMasthead06.jpg"); }
#difference #masthead 		{ background-image: url("../images/bgMasthead05.jpg"); }
#oysters #masthead 			{ background-image: url("../images/bgMasthead.jpg"); }
#fish #masthead 				{ background-image: url("../images/bgMasthead04.jpg"); }
#premium #masthead 		{ background-image: url("../images/bgMasthead03.jpg"); }
#media #masthead 			{ background-image: url("../images/bgMasthead07.jpg"); }
#help #masthead 				{ background-image: url("../images/bgMasthead01.jpg"); }

#nav {
	display: block; width: 100%; height: 32px;
	margin: 0px; padding: 0px; background: #1D4B65 url("../images/bgNav.jpg") repeat-x top left;
}

#nav ul {
	display: block; width: 760px;
	margin: 0px; padding: 0px; padding-left: 10px; list-style: none;
}

#nav li {
	float: left;
	margin: 0px; padding: 0px; padding-right: 20px; list-style: none;
}

#nav li#help {
	float: right; width: 110px; padding-right: 0px; text-align: right;
}

#nav li#help ul {
	margin-left: -98px; width: 113px; 
}

#nav li#home {
	text-transform: uppercase;
}

#nav a {
	display: block; _width: 1px; height: 13px; _height: 20px; padding: 9px 2px 10px 2px; _padding-top: 8px;
	color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 0.9em;
	white-space: nowrap;
}

#nav a:hover {
	color: #CCD332; text-decoration: none;
}

#nav ul ul {
	position: absolute; left: -999em; z-index: 200; width: 160px;
	margin: 0px; margin-left: 0em; padding: 0px; background: #1A3B66 url("../images/bgNav.jpg") no-repeat top left;
}

#nav ul ul li {
	display: block; width: 100%; margin: 0px; border-bottom: 1px solid #1F4D65; padding: 0px; background: #1F4D65 url("../images/bgSubNav.jpg") no-repeat top left; list-style: none;
	text-transform: none; font-size: 1em; font-weight: bold;
}

#nav ul ul a {
	width: 144px; _width: 100%; padding: 6px 8px; _padding: 6px 8px; text-transform: none; color: #FFFFFF; text-decoration: none; /* text-align: left; */
}

#nav ul ul a:hover {
	background-color: #1F4D65;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
}

#content {
	float: left; display: inline; width: 450px; _width: 510px;
	margin: 0px 0px 10px 20px; padding: 10px 30px 20px 30px;
}

#content h2 {
	color: #8E923B; font-size: 1.5em;
}

#content h3 {
	color: #5D7594;
}

#content h4 {
	color: #8E923B;
}

#content #subnav p {
	margin-bottom: 0em;
}

#content #subnav ul {
	margin-left: 0px;
}

#content #subnav li {
	float: left; margin-right: 1.0em; margin-bottom: 0em; white-space: nowrap;
}

#content .toc {
	margin-left: 0px; list-style: none;
}

#content .toc li {
	margin-bottom: 0px; list-style: none;
}

#related {
	position: relative; z-index: 100; float: left; width: 235px; _width: 245px;
	margin: 0px 0px 10px 0px; padding: 10px 0px 20px 10px;
	line-height: 1.25;
}

#related blockquote {
	float: left; margin: 0px; padding: 0px 0px 2.0em 0px;
}

#related blockquote p {
	float: right; display: inline; width: 102px; _width: 112px; clear: none; padding-left: 10px;
}

#related blockquote span {
	float: left; display: inline; clear: left; margin: 2px 15px 0px 5px; border: 5px solid #8C923A; padding: 1px;
}

#related blockquote cite {
	float: right; display: inline; width: 102px; _width: 112px; clear: right; padding-left: 10px;
	color: #373946; font-style: italic; font-weight: bold;
}

#footer {
	display: block; clear: both; width: 430px; text-align: center;
	margin: 0px 40px 0px 60px; border-top: 1px solid #DFDFDF;
}

#footer ul {
	margin: 2px 0px; padding: 0px; list-style: none;
}

#footer li {
	display: inline; margin: 0px; padding: 0px; list-style: none;
}

#footer a {
	display: inline; margin: 0px; padding: 0px 5px;
	color: #C2C92F; text-decoration: none; font-size: 0.9em;
}

#footer a:hover {
	color: #8E923B;
}

#validate {
	display: block; clear: both; width: 430px; text-align: center;
	margin: 0px 40px 0px 60px;
}

#validate ul {
	margin: 0px; padding: 0px; list-style: none;
}

#validate li {
	display: inline; margin: 0px 5px; padding: 0px; list-style: none;
	font-family: Tahoma, Verdana, sans-serif; font-size: 0.9em;
}

#validate a {
	color: #EAE8DB; text-decoration: none;
}

#validate a:hover {
	color: #A6A079; text-decoration: underline;
}

#content .speciesImage {
	width: 100%; text-align: center;
}

#content blockquote {
	margin-left: 0px; margin-right: 0px; /* background: transparent url("../images/quoteEnd.gif") no-repeat bottom right; */
}

#content blockquote p {
	margin-bottom: 0px; color: #1A3967; /* background: transparent url("../images/quoteStart.gif") no-repeat top left; */
}

#content blockquote cite {
	display: block; margin-bottom: 1.2em; text-align: right;
}

#content ul.fish {
	display: inline; float: left; clear: both; 
	margin-left: 30px; width: 90%; 
}

#content ul.fish li {
	display: inline; float: left; width: 49%; 
	margin-left: 0px; margin-bottom: 0.4em;
}

#content ul.recipe {
	display: inline; float: left;
	margin-left: 30px;
}

#content ul.recipe li {
	display: inline; float: left; width: 100%;
	margin-left: 0px; margin-bottom: 0.4em;
}

#content ul.ingredients {
	display: inline; float: left;
	margin-left: 0px;
}

#content ul.ingredients li {
	display: inline; float: left; width: 100%;
	margin-left: 0px; margin-bottom: 0.1em;
}

#content ul.stockists {
	margin: 0px; list-style: none; 
}

#content ul.stockists li {
	font-weight: bold; font-size: 1.2em; 
}

#content ul.stockists li dl {
	font-weight: normal; font-size: 0.8em; 
}

.image-gallery {
	margin: 0; padding: 0; list-style: none; overflow: auto;
}
.image-gallery li {
	float: left; margin: 0; padding: 0 0.5em 1em 0; list-style: none; 
}
.image-gallery li a {
	display: block; margin: 0; border: 1px solid #8E923B; padding: 2px; background: #EEEEEE url('../images/loading.gif') no-repeat center center;
}
.image-gallery li a:hover {
	border: 1px solid #1A3967; background: #5D7594 url('../images/loading-over.gif') no-repeat center center;
}


/*///////////////////////////////////////////////////////
One Column Styles
///////////////////////////////////////////////////////*/

#oneColumn {
	background-image: url("../images/bgBodyOneColumn.gif");
}

#oneColumn #masthead { 
	background-image: url("../images/bgMasthead07.jpg"); 
}

#oneColumn #content {
	width: 580px; _width: 640px;
}

#oneColumn #related {
	display: none;
}

/*///////////////////////////////////////////////////////
Specials Styles
///////////////////////////////////////////////////////*/

#xmas {
	margin: 0px; padding: 0px;
}

#xmas img {
	margin-right: 10px; padding: 0px;
	display: inline; float: left;
	border: 5px solid #8C923A;
}


.note {
	display: block; color: #888888; font-size: 0.9em; font-weight: normal;
}
.special {
	display: block; color: #CC0000; font-size: 0.9em;
}