/* COLORS
======================================================================
	#xxxxxx : color name
====================================================================== */


@import url(base.css);

/* GENERAL
====================================================================== */

html {
	background: #004b96 url(../_images/background.jpg) no-repeat 50% 17px;
	min-width: 960px;
}

body, input, select, textarea {
	font-family: Helvetica, Arial;
}

h1 {
	/* good place to define a font-family */
	font-size: 1.5em;
	font-weight: bold;
	color: #003366;
	margin-top: 15px;
}

h2 {
	margin-top: 2.2em;
	color: #003366;
	font-size: 1.1em;
	line-height: 1.4;
}

h3, h4, h5, h6 {
	margin-top: 2.2em;
	color: #003366;
	font-size: .9em;
	line-height: 1.4;
}

h4, h5, h6 {
	/* color: #666; */
}

h5, h6 {
	font-weight: normal
}

p, address, dl, ul, ol, table, label {
	/* good place to define typical font-size, line-height and margins */
	margin-top: 1em;
	font-size: .8em;
	line-height: 1.6;
	color: #333333;
}

p {
	margin-top: .8em;
	line-height: 1.5em;
}

p.BreadCrumbs {
	font-size: .6em;
}

h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
	/* use to reduse space above first paragraph under any header */
}

ul {
	margin-left: 1.5em;
	list-style-type: disc;
}

ul ul {
	margin-top: 0;
	list-style-type: circle;
}

ol {
	margin-left: 1.5em;
	list-style-type: decimal;
}

ol ol {
	margin-top: 0;
	margin-left: 1.5em;
	list-style-type: lower-alpha
}

dd {
	margin: 0;
}

dt {
	margin-top: 1.5em;
	font-weight: bold;
}

blockquote {
	margin: 2em 0;
	padding: .5em 2em 1.5em 2em;
	/* good place to define a background */
}

blockquote p {
	/* good place to define typical font-size, line-height and margins */
}

cite {
	text-align: right;
	display: block;
}

cite:before {
  content: "- ";
}

em, q { font-style: italic; }

strong { font-weight: bold; }

a:link,
a:visited {
	color: #0a4070;
}

a:hover,
a:active {
	text-decoration: underline;
}



/* FORMS
====================================================================== */



form {
	text-align: left;
}

form.Row {
	overflow: auto;
}

fieldset {
	position: relative; /* make legend move horizontally correct in IE */
	overflow: auto;
}

legend {
	position: relative;
	left: -7px; /* IE */
	padding: 1.5em 0 .85em 0;
	font-weight: bold;
}

fieldset>legend {
	left: 0; /* future proof */
}

input, textarea, select {
	margin-top: 3px;
	display: inline;
}

label {
	margin: 0;
	font-size: .8em;
	line-height: 1.2;
	display: block;
}


label.FieldLarge,
label.FieldLarge input,
label.FieldLarge select,
label.FieldMedium,
label.FieldMedium input,
label.FieldMedium select,
label.FieldSmall,
label.FieldSmall input,
label.FieldSmall select,
input.InputRadio,
input.InputCheck {
	float: left;
}

#search {
	width: 172px;
	float: right;
	margin-top: -26px;
}

#search input {
	width: 126px;
	font-size: 10px;
	padding: 2px;
}

#signup,
#go {
	cursor: pointer;
}

#go {
	background: transparent;
	width: 25px;
	border-width: 0;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	margin-left: -3px;
}

#email {
	margin-top: 83px;
}

#email input{
	width: 175px;
	height: 14px;
	margin-top: 4px;
	font-size: .7em;
	padding 2px;
}

#signup {
	width: 54px;
	height: 24px;
	background: url(../_images/signup.gif) no-repeat;
	border-width: 0;
	margin-left: 3px;
}

/* CONTAINERS
====================================================================== */
#outer,
#inner {
	margin: 0 auto;
	width: 902px;
}

#boxtop {
	background: url(../_images/bgtop.jpg) no-repeat 0 89px;
	padding: 0 0 0 25px;
	overflow: auto;
	position: relative;
}

#box {
	background: url(../_images/bgtile.jpg) repeat-y;
	padding: 10px 20px 20px 25px;
	margin-top: -3px;
	overflow: auto;
}

#boxbottom {
	height: 10px;
	width: 902px;
	background: url(../_images/bgbottom.jpg) no-repeat bottom center;
}

#logo {
	float: left;
	overflow: auto;
	width: 232px;
	height: 107px;
	margin-top: -26px;
	background: url(../_images/logoint.png) no-repeat 0 0;
}


#left {
	width: 230px;
	float: left;
}

#right {
	width: 610px;
	float: left;
}

#right ul {
	margin: 20px 30px 20px 0;
	padding: 10px 30px;
	list-style: disc;
	list-style-position: inside;
	background: #e9e9e9;
}

.Inline {
	float: right;
	margin:20px 30px 20px 20px;
	padding: 8px;
	border: 1px solid #002c4e;
	background-color: #fff;
}

/* NAVIGATION
====================================================================== */

ul#nav {
	/* use this for centered navigation */
	margin: 0 0 9px 0;
	list-style-type: none;
	text-align: center;
}

#nav li {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	height: 31px;
	white-space: nowrap;
	background: url(../_images/topnavbg.jpg) repeat-x top left;
}

#nav li.First a:link,
#nav li.First a:visited {
	padding: 0 20px 0 30px;
	background: url(../_images/topnavcapl.jpg) no-repeat top left;
}

#nav li.Last a:link,
#nav li.Last a:visited {
	padding: 0 30px 0 20px;
	background: url(../_images/topnavcapr.jpg) no-repeat top right;
}

#nav li a:link,
#nav li a:visited {
	display: block;
	display: inline-block;
	color: #003361;
	font-size: 1.1em;
	height: 31px;
	padding: 0 20px;
	background: url(../_images/topnavbg.jpg) repeat-x top left;
}

#nav li.First a:hover,
#nav li.First a:active {
	color: #fff;
	background-position: left -31px;
}

#nav li:hover,
#nav li.Last a:hover,
#nav li.Last a:active,
#nav li a:hover,
#nav li a:active {
	color: #fff;
	text-decoration: none;
	background-position: right -31px;
}

#nav li.Current a:link,
#nav li.Current a:visited {
	color: #fff;
	background-position: right -31px;
}


#subnav {
	height: 35px;
	width: 640px;
	position: absolute;
	top: 110px;
	left: 247px;
	background: url(../_images/navbg.jpg) repeat-x 0 0px;
}

#subnav a:link,
#subnav a:visited {	
	height: 27px;
	font-size: .9em;
	color: #FFF;
	margin-top: 0;
	padding: 9px 10px 0 10px;
	float: right;
	display: block;
	text-align: center;
	background: url(../_images/navbg.jpg) repeat-x;
}

a:link#last,
a:visited#last {
	padding-right: 15px;
	background: url(../_images/navlast.jpg) no-repeat right 0;
}

#subnav a.Active,
#subnav a:hover,
#subnav a:active {
	color: #9a0c0c;
	text-decoration: none;
	background-position: right -37px;
}

#recipe_nav {
	width: 200px;
	list-style: none;
	margin: 0;
	color: #444444;
	font-size: 1em;
	margin-right: 20px;
}

#recipe_nav li {
	font-size: .95em;
}

#recipe_nav li a:link,
#recipe_nav li a:visited {
	display: block;
	position:relative;
	width: 176px;
	min-height: 30px;
	color: #444444;
	padding: 10px 5px 0 20px;
	background: #eff1f5 url(../_images/sidebarbg.jpg) no-repeat bottom left;
}

#recipe_nav li a:hover {
	color: #002a4c;
	text-decoration: none;
	background-position: bottom right;
}

#recipe_nav li a.Current:link,
#recipe_nav li a.Current:visited {
	color: #002a4c;
	background: url(../_images/navopen.jpg) repeat-x top center;
}

ul#subsection {
	margin: 0;
	padding-bottom: 10px;
	list-style-type: none;
	background: #dee8f7;
}

ul#subsection li a:link,
ul#subsection li a:visited {
	height: 20px;
	padding: 0 0 0 20px;
	color: #002a4c;
	font-size: .8em;
	background: none;
}

#recipe_search {
	width: 161px;
	font-size: .8em;
	margin-top: 10px;
	padding: 0 20px 10px 20px;
	background: #eef0f4 url(../_images/recipesearch.jpg) repeat-x bottom center;
}

#recipe_search span {
	color: #444444;
	display: block;
	font-weight: normal;
	font-size: 1.1em;
	margin-top: 0px;
	padding-top: 10px;
}

#recipe_search p{
	color: #989a9b;
}

#recipe_search form {
	margin-top: 10px;
	width: 160px;
	color: #444;
	overflow: auto;
}

#recipe_search form label {
	margin-top: 3px;
	color: #666666;
}

#recipe_search form input {
	width: 156px;
	border: 1px solid #FFF;
	background: #f3f3f3;
}

#recipe_search form button {
	color: #fff;
	font-size: 9px;
	float: right;
	cursor: pointer;
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #FFF;
	background: #003361;
}	
	
/* FOOTER
====================================================================== */
/* un-comment below for typical cgCraft credit colors */
#footer,
#footer p#cgcraft,
#footer a:link,
#footer a:visited {
	color: #FFF;
	margin-top: 5px;
	font-size: .7em;
}

#footer a:hover {
	/* color: #666; */
}

#footer a:hover span {
	/* color: #a8d936; */
}

#footer a:active {
	/* color: #fff; */
}

ul#footernav {
	list-style: none;
	margin: -20px 0 0 0;
	text-align: center;
	width: 300px;
	float: right;
}

#footernav li {
	/* use this for centered navigation */
	display: -moz-inline-box;
	display: inline-block;
	height: 10px;
	color: #FFF;
	font-size: .85em;
	border: 1px solid #FFF;
	border-width: 0 1px 0 0;
	padding: 0 5px 0 0;
}

#footernav li a:link,
#footernav li a:visited {
	/* use this for centered navigation */
	display: block;
	display: inline-block;
	color: #FFF;
	margin-top: -3px;
}

#footernav li a:hover,
#footernav li a:active {
	text-decoration: none;
}

.FooterLast {
	border-width: 0 !important;
}


/* ABOUT
====================================================================== */


#right p {
	padding-right: 20px;
}

#newsletter {
	margin: 10px 0;
	width: 205px;
	padding: 0 0 10px 0;
	background: url(../_images/newsletterint.jpg) no-repeat top left;
}

#newsletter p {
	color: #fff;
	font-style: italic;
	font-size: .7em;
	text-align: center;
	margin-top: 3px;
}

#news {
	padding-top: 95px;
	padding-left: 20px;
	overflow: auto;
}

#news label {
	display: inline;
	color: #fff;
	font-size: .6em;
}

#news input {
	width: 120px;
	height: 12px;
}

input.Top {
	margin-left: 2px;
}

#news button {
	color: #fff;
	font-size: 9px;
	float: right;
	margin: 5px 24px 0 0;
	cursor: pointer;
	border: 1px solid #FFF;
	background: #003361;
}


#boxtop ul {
	list-style: none;
	margin: 67px 0 0 480px;
	text-align: left;
	white-space: nowrap;
}

#boxtop ul li {
	display: -moz-inline-box;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	font-size: .85em;
}

#boxtop ul li a:hover,
#boxtop ul li a:active {
	text-decoration: none;
}

li.Push {
	margin-left: 40px;
}

/*
=================PRODUCT/RECIPE LANDER=================

*/
#link_box {
	width: 576px;
	float: right;
	padding: 25px;
}

a#entrees:link,
a#entrees:visited {
	background: url(../_images/entrees_hover.jpg) no-repeat 0 0;
}

a#salads:link,
a#salads:visited {
	background: url(../_images/salads_hover.jpg) no-repeat 0 0;
}

a#sandwichs:link,
a#sandwichs:visited {
	background: url(../_images/sandwiches_hover.jpg) no-repeat 0 0;
}

a#favorites:link,
a#favorites:visited {
	background: url(../_images/favorites_hover.jpg) no-repeat 0 0;
}

a#haddock:link,
a#haddock:visited {
	background: url(../_images/haddock_hover.jpg) no-repeat 0 0;
}

a#shrimptempt:link,
a#shrimptempt:visited {
	background: url(../_images/shrimptempt_hover.jpg) no-repeat 0 0;
}

a#nat_salmon:link,
a#nat_salmon:visited {
	background: url(../_images/allnat_salmon_hover.jpg) no-repeat 0 0;
}

a#tilapia:link,
a#tilapia:visited {
	background: url(../_images/tilapia_hover.jpg) no-repeat 0 0;
}

a#grillfillets:link,
a#grillfillets:visited {
	background: url(../_images/grillfillet_hover.jpg) no-repeat 0 0;
}

a#grillsalmon:link,
a#grillsalmon:visited {
	background: url(../_images/grillsalmon_hover.jpg) no-repeat 0 0;
}

a#cutfillet:link,
a#cutfillet:visited {
	background: url(../_images/cutfillet_hover.jpg) no-repeat 0 0;
}

a#popcornshrimp:link,
a#popcornshrimp:visited {
	background: url(../_images/popcornshrimp_hover.jpg) no-repeat 0 0;
}

a#familyfavorites:link,
a#familyfavorites:visited {
	background: url(../_images/family_favorites_hover.jpg) no-repeat 0 0;
}

a#seasonfillet:link,
a#seasonfillet:visited {
	background: url(../_images/seasonfillet_hover.jpg) no-repeat 0 0;
}

a#shrimpbowls:link,
a#shrimpbowls:visited {
	background: url(../_images/shrimpbowl_hover.jpg) no-repeat 0 0;
}

#link_box a:hover,
#link_box a:active {
	background-position: 0 -75px;
}

#link_box a:link,
#link_box a:visited {
	float: left;
	display: block;
	width: 279px;
	height: 75px;
	margin-top: 5px;
}

#link_box a:hover,
#link_box a:active {
	background-position: 0 -75px;
}

.Odd {
	margin-left: 18px;
}

/* HOME
====================================================================== */

body#section_glimpse #boxtop ul,
body#section_home #boxtop ul {
	list-style: none;
	margin: 67px 0 0 -20px;
	text-align: left;
	width: 200px;
}

body#section_glimpse #boxtop ul li,
body#section_home #boxtop ul li {
	/* use this for centered navigation */
	display: -moz-inline-box;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	font-size: .85em;
}

body#section_glimpse li.Push,
body#section_home li.Push {
	margin-left: 40px;
}

#boxtop ul li a:link,
#boxtop ul li a:visited {
	/* use this for centered navigation */
	display: block;
	display: inline-block;
	color: #FFF;
}

body#section_glimpse #logo,
body#section_home #logo {
	float: left;
	overflow: auto;
	margin-top: -87px;
	width: 466px;
	height: 192px;
	background: url(../_images/logo_blank.png) no-repeat 0 0;
}

body#section_glimpse #logo {
		background: url(../_images/logo.png) no-repeat 0 0;
}

body#section_glimpse #flash,
body#section_home #flash {
	float: left;
	overflow: auto;
	width: 466px;
	height: 192px;
	background: url(../_images/logo.png) no-repeat 0 0;
}

#subnavhome a:link,
#subnavhome a:visited {
	height: 29px;
	font-size: .9em;
	color: #FFF;
	margin-top: 15px;
	padding: 9px 21px 0 21px;
	float: left;
	display: block;
	text-align: center;
	white-space: nowrap;
	background: url(../_images/navbg.jpg) repeat-x;
}

a:link#subfirst,
a:visited#subfirst {
	padding-left: 15px;
	padding-right: 20px;
	background: url(../_images/navfirst.jpg) no-repeat left 0;
}

a:link#sublast,
a:visited#sublast {
	padding-left: 15px;
	padding-right: 20px;
	background: url(../_images/navlast.jpg) no-repeat right 0;
}

#subnavhome a#subfirst:hover,
#subnavhome a#subfirst:active {
	background-position: left -37px;
}

#subnavhome a:hover,
#subnavhome a:active {
	color: #9a0c0c;
	text-decoration: none;
	background-position: right -37px;
}

body#section_glimpse #newsletter,
body#section_glimpse #third,
body#section_home #newsletter,
#center,
body#section_home #third {
	float: left;
	overflow: auto;
	margin-top: 20px;
}

body#section_glimpse #newsletter,
body#section_home #newsletter {
	height: 142px;
	width: 257px;
	padding: 0 10px;
	background: url(../_images/newsletter.jpg) no-repeat 0 0;
}

#center {
	margin: 20px 10px 0 10px;
}

body#section_glimpse #search,
body#section_home #search {
	width: 172px;
	float: right;
	margin-top: -29px;
}

body#section_glimpse #search input,
body#section_home #search input {
	width: 126px;
	height: auto;
	font-size: .7em;
	padding: 2px;
}


/* SEARCH
====================================================================== */

table#recipe_results {
	width: 600px;
}

#recipe_results td {
	text-align: left;
	vertical-align: top;
	padding: 5px 0;
	font-size: .9em;
}

#recipe_results td a:link,
#recipe_results td a:visited {
	color: #333333;
}

td a:hover,
td a:active {
	text-decoration: none;
}

.Prep,
.Rating {
	text-align: center;
}

tr#first {
	height: 10px;
}

#th_row {
	height: 40px;
	background: url(../_images/th_bg.gif) repeat-x 0 0;
}

#th_row th {
	vertical-align: middle;
	font-weight: normal;
}

/* RECIPE
====================================================================== */

img.ProductBox {margin:20px 0px; }

#product,
#directions {
	margin-top: 20px;
 	width: 290px;
 	float: left;
}

#product {
	margin: 35px 30px 0 0;
	text-align: center;
}

#product a {
	display: block;
	text-align: center;
	float: left;
	margin-bottom: 0px;
}

#print,
#mail,
#add {
	color: #333333;
	font-size: .8em;
	white-space: nowrap;
	margin-top: 5px;
}

#print:link,
#print:visited {
	height: 17px;
	padding-left: 30px;
	padding-top: 3px;
	background: url(../_images/printer.gif) no-repeat 10px 1px;
}

#mail:link,
#mail:visited {
	height: 17px;
	padding-left: 28px;
	padding-top: 3px;
	margin-left: 3px;
	background: url(../_images/email.gif) no-repeat 10px 3px;
}

#add:link,
#add:visited {
	height: 16px;
	padding-top: 4px;
	padding-left: 28px;
	margin-top: 4px;
	background: url(../_images/add.gif) no-repeat 15px 5px;
}

#mail:hover,
#mail:active,
#add:hover,
#add:active,
#print:hover,
#print:active {
	color: #c49498;
	text-decoration: none;
}

#add:hover,
#add:active {
	background-position: 15px -12px;
}

#mail:hover,
#mail:active {
	background-position: 10px bottom;
}

#print:hover,
#print:active {
	background-position: 10px bottom;
}

#info:link,
#info:visited {
	font-size: .7em;
	color: #333333;
	margin-left: 35px;
}

#info:hover,
#info:active {
	text-decoration: none;
}

span.Preparation {
	font-size: .8em;
	font-style: italic;
	color: #333;
	display: block;
	padding: 8px 0 0 10px;
	margin:10px 0 0 -10px;
	height: 22px;
	width: 300px;
	white-space: nowrap;
	background: url(../_images/prepheader.gif) repeat-x 0 0;
}

.Stars {
	margin: 10px 0 5px 0;
}

#recipe_list {
	width: 300px;
}

#recipe_list th {
	height: 30px;
	font-size: .9em;
	font-weight: normal;
}

span.Amount {
	padding-right: 16px;
}

td.Amount {
	width: 50px;
	text-align: left;
}

span.Divider{
	padding-right: 10px;
}

td.Divider {
	width: 70px;
	text-align: center;
}


/* ===========COUPONS/PRODUCT CATERGORY======================================== */

#list td{
	vertical-align: top;
	font-size: 1.2em;
	padding:0 10px;
}

#list td img {
	padding-top: 20px;
}


span.ProductHeading {
	font-size: 1.3em;
	padding: 0px 0 0 10px;
	margin:10px 0 -8px 0;
	height: 32px;
	width: 415px;
	font-style: italic;
	color: #333;
	display: block;
	white-space: nowrap;
	background: url(../_images/prepheader.gif) repeat-x 0 0;
}


/* ===========NUTRITIONAL======================================== */

.BeautyShot {
	float: left;
	margin: 10px 40px 10px 10px;
}

.Nutrition {
	width: 600px;
	margin-top: 20px;
}


a#coupon:link,
a#coupon:visited {
	display: block;
	height: 45px;
	width: 242px;
	margin-left: 325px;
	background: url(../_images/downloadcoupon.jpg) no-repeat 0 0;
}

a#coupon_french:link,
a#coupon_french:visited {
	display: block;
	height: 45px;
	width: 242px;
	margin-left: 325px;
	background: url(../_images/downloadcoupon_french.jpg) no-repeat 0 0;
}

a#recipe_link:link,
a#recipe_link:visited {
	display: block;
	height: 45px;
	width: 242px;
	margin-left: 325px;
	background: url(../_images/findrecipe.jpg) no-repeat 0 0;
}


/* ===========LOG IN======================================== */

p.BlockText {
	display: block;
	width: 540px;
	padding:5px 0 5px 10px;
	background: url(../_images/blocktext.jpg) repeat-x bottom left;
}

p.Required {
	font-size: .6em;
	color: #670000;
	margin-top: 0px;
	margin-bottom: 10px;
}

#login label {
	width: 430px;
	text-align: right;
}

#login input {
	text-align: left;
	margin-left: 5px;
}

#login button {
	margin-top: 15px;
	margin-left: 154px;
	height: 25px;
	width: 54px;
	border: 0;
	cursor: pointer;
	background: url(../_images/loginbttn.jpg) no-repeat 0 0;
}

#register label {
	width: 500px;
	text-align: right;
}

#register input {
	text-align: left;
	margin-left: 5px;
}

#register label.RadioButtons {
	text-align: left;
}

#register button {
	margin-top: 15px;
	margin-left: 154px;
	border: 0;
	height: 25px;
	width: 54px;
	cursor: pointer;
	background: url(../_images/submitbttn.jpg) no-repeat 0 0;
}

input.Small {
	width: 120px;
	margin-right: 150px;
}

input.Medium {
	width: 175px;
	margin-right: 95px;
}

input.Large {
	width: 270px;
}

.Options {
	margin:10px 0 10px 221px;
}

label.Little {
	text-align: right;
	margin-right: 277px;
}

label.Little select {
	width: 110px;
}
label.Left {
	margin-left: 60px;
	text-align: left !important;
}

label.Left select {
	margin-left: 161px;
	margin-top: 5px;
}

label.Big {
	text-align: right;
	margin-right: 215px;
}

label.Big select {
	width: 170px;
}

/* =============================CONTACT====================== */

label#pushed {
	width: 500px;
	text-align: left !important;
	margin: 15px 0 0px 112px;
}

p.Instructions{
	margin: 20px 30px 20px 0px;
	padding: 10px;
	font-style: italic;
	line-height: 1.2em;
	background: #e9e9e9;
}


label.BlockForm {
	width: 500px;
	text-align: right;
	margin: 15px 0;
}

label.BlockForm input {
	text-align: left;
	margin-left: 5px;
}

label.Code {
	font-size: .7em;
	margin:10px 0 25px 0;
}

label.Code input {
	margin: 0 10px;
}

.Shim {
	margin: 15px 0;
}

#contact textarea {
	width: 470px;
	height: 100px;
}

#send {
	width: 54px;
	height: 25px;
	margin-top: 5px;
	margin-left: 220px;
	border: 0;
	cursor: pointer;
	background: url(../_images/sendbttn.jpg) no-repeat 0 0;
}


.error_msg {
	width: 250px;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	color: #ffffff;
	background-color: #FF0000;
}


/* =============================MAPs====================== */

#map {
	width: 852px;
	height: 487px;
	background: url(../_images/map.jpg) no-repeat 0 0;
}

.ImageLeft { float: left;}
.ImageRight {float: right;}