@charset "UTF-8";

/*
site colors
#ab162b - red (menu bar, font)
#ad172b - red (social media icons)
#5b111b - dark red (gradient stop)
#ac656f - light red (search box)
#fdf7e2 - gold background (cooking instructions, recipe finder li)
#ce9f51 - dark gold (amazon bar, font, footer)
#f9df8d - gold (seabest logo, search bar on home page)
#fcefc5 - light gold (search input on home page)
#1766bd - blue (drop shadow)
#0055b7 - blue (submenu title background)
#001b66 - dark blue (top of gradient)
#bcc0cb - blue-gray (water fade)
*/
/* reset styles for consistency across browsers */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0; padding: 0; border: 0; vertical-align:baseline; font: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
img, fieldset { border: 0; }

ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary { display: block; }

/*global styles*/

body  { font-weight: normal; font-style: normal; font-family: "TTRounds-Regular", Helvetica, sans-serif; font-size: 14px; color: #ab162b; }

.wrapper { margin: 0 auto; position: relative; max-width: 1440px; background: white;	}

h1, h2, h3, h4 { font-family: "TTRounds-Bold", Helvetica, sans-serif; }

a { text-decoration: none; }
a:hover { text-decoration: none; }
a.inherit-color { color: inherit; text-decoration: underline; }

nav ul { list-style: none; padding-left: 0; }

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.clear-fix { clear: both; }

.message { margin-bottom: 1em; line-height: 1.2em; font-variant: normal; }
.red-message { color: #ab162b !important; margin-bottom: 1em; line-height: 1.2em; font-variant: normal; }

.uppercase { text-transform: uppercase; }
.bold, b, strong { font-family: "TTRounds-Bold", Helvetica, sans-serif; font-weight: normal; }
.center { text-align: center; }
.highlight { font-family: "TTRounds-Bold", Helvetica, sans-serif; text-transform: uppercase; }
.no-break { white-space: nowrap; }
.full-width { width: 100%; }
.blue { color: #0055b7; }

footer { clear: both; }

/* header styles */
	
header {
	background-color: #ab162b;
	background: #5b111b; /* Old browsers */	
	background: -moz-linear-gradient(top,  #5b111b 0%, #ab162b 91%, #ab162b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #5b111b 0%,#ab162b 91%,#ab162b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #5b111b 0%,#ab162b 91%,#ab162b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b111b', endColorstr='#ab162b',GradientType=0 ); /* IE6-9 */	
}

.logo { position: absolute; left: 2%; z-index: 100; }

.topBar { padding: .75em .75em .25em; padding-right: 1.2%; text-align: right; }
.topBar input { color: white; background: #ac656f url('../images/search-icon-white.png') right no-repeat; width: 14.5%; border: none; padding: .3em; }
#top-search a { color: white;  width: 14.5%; display: inline-block; margin-right: 1em; border: 2px solid #ad172b; text-align: center; font-size: .7em; padding: .2em; }
.topNav { position: relative; }

/* home page styles */

.pageHero { position: relative; overflow: hidden; }
.pageHero img { width: 100%; vertical-align: bottom; }

img.fish-finder {	position: absolute;	top: 0;	right: .1%;	z-index: 101; }
	
.socialIcons { position: absolute; bottom: -6px; right: .5%; z-index: 98; width: 19%; margin: 0; list-style: none; padding: 0;	}
.socialIcons li { float: right; width: 22%; margin-top: 6px; list-style: none; padding: 0; }
.socialIcons li:hover { margin-top: 0; }
.socialIcons img { width: 100%; display: block;	}

.searchBar { background-color: #f9df8d;	-moz-box-shadow: inset 0 0 10px 5px #ce9f51;	-webkit-box-shadow: inset 0 0 10px 5px #ce9f51;	box-shadow: inset 0 0 10px 5px #ce9f51;			padding: .75em 0 .65em;	font-size: 1.2em; font-family: "TTRounds-Bold", Helvetica, sans-serif;	color: #ab162b;		text-align: center; }
.searchBar p { display: inline-block; }
.searchBar input { background: #fcefc5 url('../images/search-icon-gold.gif') right no-repeat; border: 2px solid #ce9f51; width: 40%; padding: .25em .5em; font-size: .8em; color: #ce9f51; margin-left: 3em; }

.pagemain { padding: 0 5%; margin-bottom: 2em; }

.pagesocial { min-height: 24em; margin-top: 2em; padding: 0 5%; }

.blue-gradient-bar-parent {	position: relative; }
.blue-gradient-bar {
		 /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001b66+0,0055b7+100 */
	height: 12px;	width: 100%;	position: absolute;	top:0;
	background: rgb(0,85,183);  /*Old browsers*/ 	
	background: -moz-linear-gradient(top,  rgba(0,27,102,.7) 0%, rgba(0,85,183,.1) 100%);  /*FF3.6-15*/ 
	background: -webkit-linear-gradient(top,  rgba(0,27,102,.7) 0%,rgba(0,85,183,.1) 100%);  /*Chrome10-25,Safari5.1-6*/ 
	background: linear-gradient(to bottom,  rgba(0,27,102,.7) 0%,rgba(0,85,183,.1) 100%);  /*W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b66', endColorstr='#0055b7',GradientType=0 );  /*IE6-9 */
}

.menu-highlight {	background: #c3e6fa url("../images/water2250.jpg");	padding-bottom: 2em;	vertical-align: top;	position: relative; }
.menu-highlight li { -moz-box-shadow: 6px 6px 5px 2px rgba(78,144,209,.8);	-webkit-box-shadow: 6px 6px 5px 2px rgba(78,144,209,.8);	box-shadow: 6px 6px 5px 2px rgba(78,144,209,.8);		color: white;		vertical-align: top; }

.menu-highlight img { width: 100%; margin: 0; display: block; }	

.three-column-list ul { width: 92.5%; margin: 0 auto; text-align: center; padding: 0; list-style: none; }
.three-column-list li { margin: 0; width: 30.5%; display: inline-block; list-style: none; padding: 0; }
.three-column-list li+li { margin-left: 3.5%; }

@-webkit-keyframes bounce {
	0%, 20%, 60%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
	40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
	80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
}

@keyframes bounce {
	0%, 20%, 60%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
	40% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
	80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
}

.homemain .amazon { background-color: #ce9f51; text-align: center; font-size: 1.2em; font-family: "TTRounds-Bold", Helvetica, sans-serif; line-height: 2.6em; color: white; padding: .25em; }
.homemain .amazon a { color: white; }
.homemain .amazon:hover > a { color: #ab162b; }
.homemain .amazon img { width: 11.5%; margin: 0 1em -.8em 1em; transition: all 500ms ease; }
.homemain .amazon:hover img { -webkit-animation: bounce 1s; animation: bounce 1s; }

.socialLinks {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab162b+0,5b111b+91,5b111b+100,2989d8+100,5b111b+100 */
	background: #ab162b; /* Old browsers */	
	background: -moz-linear-gradient(top,  #ab162b 0%, #5b111b 91%, #5b111b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ab162b 0%,#5b111b 91%,#5b111b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ab162b 0%,#5b111b 91%,#5b111b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab162b', endColorstr='#5b111b',GradientType=0 ); /* IE6-9 */
padding: 1.5em 0 2em 0;
}

.socialLinks p { text-align: center; padding: 0 0 1em 0; }
.socialLinks p > a { color: white; font-size: 1.2em; font-family: "TTRounds-Bold", Helvetica, sans-serif; }
.socialLinks p > a:hover { color: #ce9f51; }
.socialLinks img { width: 100%; }	

/* page styles */
.pagemain p { color: #ce9f51; font-size: 1.6em; line-height: 1.5; }

p.breadcrumbs { color: #ce9f51; padding: .5em 0 1em; margin-left: -3.5%; font-size: 1em; }
.breadcrumbs a { color: #ce9f51; }

h1 { color: #0055b7; font-size: 1.8em; padding: .5em 0; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }

sup { font-size: .5em; }

/* layout styles */

.layout1 section.content { float: right; width: 75%; }
.layout1 aside { float: left; width: 20%; }

.layout1 h1 { padding-bottom: 0; }
.layout1 h2 { color: #ce9f51; }

.float2left { float: left; }
.float2right { float: right; }

.layout1 .inner-column-left { float: left; width: 72%; }
.layout1 .inner-column-right {float: right; width: 23%; }
.layout1 .inner-column-right img { width: 100%; }

.inner-column-left p { font-size: 1.4em; color: black; }

.layout2 h1 { padding-bottom: 0; }

.goldbox { background: #fdf7e2; padding: 2em 2em 1em; font-size: .9em; margin-top: .5em; }
.goldbox h3 { color: black; font-size: 1.3em; }
.goldbox p { padding-bottom: 1em; color: black; }

div.blue-link, a.blue-link { width: 100%; padding: .35em 0 .25em; display: block; background: #0055b7; color: white; text-align: center; margin-bottom: .5em; font-size: 1.2em; }

hr.blue-bar { border: none; border-top: 1px solid #0055b7; width: 100%; margin: 1.35em 0 1.55em; }

.outer-vertical-center { position: relative; }
.vertical-center { display: table; width: 100%; }
.vertical-center h3 { display: table-cell; vertical-align: middle; text-align: center; width: 100%;  }

/* product pages */

.product-list, .product-list li, .product-items, .product-items li { list-style: none; padding-left: 0; }

.product-list h3 {
	color: white;	padding: .4em 0 .1em;	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0055b7+25,0055b7+75,0055b7+100 */
	background: rgb(0,85,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,.1) 0%, rgba(0,85,183,.4) 35%, rgba(0,85,183,1) 80%, rgba(0,85,183,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,.1) 0%,rgba(0,85,183,.4) 35%,rgba(0,85,183,1) 80%,rgba(0,85,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,.1) 0%,rgba(0,85,183,.4) 35%,rgba(0,85,183,1) 80%,rgba(0,85,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0055b7',GradientType=0 ); /* IE6-9 */
}

.product-list p { color: #0055b7; font-size: 1.2em; margin-left: 35%; padding-top: .25em; }

ul.product-list { clear: both; margin: 3em 0; }
ul.top-product-list { margin: 1.5em 0; }

.product-list > li { position: relative;  }
.product-list img { width: 30%; float: left; }
.product-list > li:hover { background: #ccdeee; }
.product-list > li.hoverNone:hover { background: none; }
.product-list > li:hover h3 { color: #ccdeee; }

.product-list > li:hover .product-items { border-top: 1px solid #ce9f51; }
.product-items { z-index: 105;  overflow: hidden; }

.product-items li { background: white; color: #0055b7; text-align: center; line-height: 2.5; border-bottom: 1px solid #ce9f51; width: 100%; }

.product-items li:hover { background: #ccdeee; }
.product-items a { color: #0055b7; font-family: "TTRounds-Bold", Helvetica, sans-serif; text-transform: uppercase; display: block; width: 100%; }

aside.product-sidebar { padding-top: .5em; }
.product-detail p { padding-bottom: 1em; }
.product-detail ul { list-style: disc; vertical-align: top; }
.product-detail li { color: black; font-size: 1.4em; padding: .1em 0; }

.product-sidebar p { text-align: center; line-height: 1.2; }
.product-sidebar .amazon p { font-size: 1.05em; width: 84%; margin: 0 8%; color: #0055b7; }
.product-sidebar .amazon img { width: 80%; margin: 1em 10%; }
.product-sidebar a img { width: 100%; margin: 1em 0; }
.product-sidebar img.pages { width: 100%; margin: 1em 0; }
.product .inner-column-right img { margin-top: .25em; }
.product-sidebar hr { margin: 1.5em 0; }
.product-sidebar hr.third { margin: 2em 0 .75em; }
.product-sidebar .chef img { display: block; width: 100%; margin: 1em 0 0; }

/* recipe pages */
section.featured-recipes, section.search-recipes { padding-bottom: 2em; }
.recipe-summary {  margin-top: 1em; margin-bottom: 1em; }
.recipe-summary .blue-box { background: #0055b7;  }
.recipe-summary h3 { color: white; text-align: center; padding-top: .25em; }
.recipe-summary img { width: 100%; vertical-align: bottom; }
.recipe-summary p { color: #0055b7; font-size: 1.2em; padding-top: .5em; }

.featured-recipes .recipe-summary { width: 47%; }
.featured-recipes .recipe-summary h3 { height: 3em; }
.search-recipes .recipe-summary { width: 22%; margin-right: 2%; }
.search-recipes .recipe-summary h3 { height: 3em; font-size: 1em; }
.search-recipes .recipe-summary p { font-size: .8em; }

.recipe-finder-sidebar { margin-bottom: 2em; }
.recipe-finder-sidebar img { vertical-align: bottom; width: 100%; }
.recipe-finder-sidebar h4 { background: #0055b7; color: white; text-align: center; padding-top: .25em; }

.recipe-finder-sidebar .trigger { color: #0055b7; background: #fdf7e2; padding-left: 1.4em; line-height: 2.5; border-bottom: 1px solid #ce9f51; }
.recipe-finder-sidebar ul { list-style: none; color: #0055b7; padding-left: 0; }
.recipe-finder-sidebar li { border-bottom: 1px solid #ce9f51; padding: .5em 0 .5em 1.4em; text-transform: uppercase; font-size: .8em; }
.recipe-finder-sidebar .reset { background: #ab162b; padding: .5em 0; text-align: center; }
.recipe-finder-sidebar .reset a { color: white; font-family: "TTRounds-Bold", Helvetica, sans-serif; }
.submit-search input[type=submit] { background: #0055B7; display: block; border: none; color: white; text-align: center; width: 100%; padding: .5em 0; font-family: "TTRounds-Bold", Helvetica, sans-serif; font-size: 1em; }
.submit-search button { background: #0055B7; display: block; border: none; color: white; text-align: center; width: 100%; padding: .5em 0; font-family: "TTRounds-Bold", Helvetica, sans-serif; font-size: 1em; margin: 0; cursor: pointer; }
#category-list ul { display: none; }
#diet-list ul { display: none; }
#seasonal-list ul { display: none; }
#ingredient-list ul { display: none; }

.recipe-detail { line-height: 1.8; }
.recipe-detail p { padding-top: 0; padding-bottom: .5em; }
.recipe-detail ul { list-style: none; margin-left: 0; padding-left: 1.5em; padding-bottom: 2em; }
.recipe-detail ul > li:before {	display: inline-block; content: "-"; width: 1em; margin-left: -1em; }
.recipe-detail ul li { color: black; font-size: 1.4em; line-height: 1.4; padding-bottom: .5em; }
.recipe-detail a.blue-link { width: 70%; padding: 0 2em; margin: -1em auto 1em auto; }
.recipe .inner-column-right img { margin-top: .5em; }

.recipe-detail table{ border: none; }
.recipe-detail table td { font-size: 1.4em; color: black; line-height: 1.4; padding-bottom: .5em; }
.recipe-detail table td:first-child { white-space: nowrap; padding-right: 1em; }
.recipe .phone-img { display:none; }

.pairit p { background-color: #ce9f51; font-size: 1.2em; color: #fff; padding: .5em 1em; font-weight: normal; }
.pairit p.leadPI { background-color: #ab162b; font-weight: bold; font-size: 1.3em;}
.pairit ul { background-color: #ce9f51; list-style: disc; }
.pairit ul li { margin-left: 1em; font-size: 1.2em; line-height: 1.4; color: #fff; }
.pairit ul > li:before { content: ""; }

.location-select { padding: 2em 0; }
.location-list { width: 45%; float: left; }
.location-list ul { list-style: none; padding-left: 0; margin-bottom: 2em; }
.location-list li { position: relative; }
.location-list h3 {
	color: white;	padding: .4em 0 .1em;	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,0055b7+25,0055b7+75,0055b7+100 */
	background: rgb(0,85,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,.1) 0%, rgba(0,85,183,.4) 35%, rgba(0,85,183,1) 80%, rgba(0,85,183,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,.1) 0%,rgba(0,85,183,.4) 35%,rgba(0,85,183,1) 80%,rgba(0,85,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,.1) 0%,rgba(0,85,183,.4) 35%,rgba(0,85,183,1) 80%,rgba(0,85,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0055b7',GradientType=0 ); /* IE6-9 */
}
.location-list p { color: #0055b7; font-size: 1.2em; text-align: center; padding: 1em 0; background-color: #ccdeee; }

.sub-location { max-height: 0; overflow: hidden; -moz-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; }
.sub-location li:first-of-type { border-top: 1px solid #ce9f51; }
.sub-location li { background: white; color: #0055b7; text-align: center; line-height: 2.5; border-bottom: 1px solid #ce9f51; width: 100%; }

.sub-location li:hover { background: #ccdeee; }
.sub-location a { color: #0055b7; font-family: "TTRounds-Bold", Helvetica, sans-serif; text-transform: uppercase; display: block; width: 100%; }

.location-list ul.location-item:hover { cursor: pointer; }
.location-list ul.location-item:hover .sub-location, .location-list ul.location-item:active .sub-location, .location-list ul.location-item:focus .sub-location   { max-height: 300em; }


.store-list { width: 45%; float: right; color: #0055b7; font-size: 1.6em; line-height: 1.5; }

.pages h2, .pages h3 { padding: .4em 0; }
.pages h3 { color: #ce9f51; }
.pages p { color: #0055b7; }
.pages p+p { padding-top: .5em; }

.pages .goldbox2 { background: #fdf7e2; padding: 1em 2em 2em; margin-top: 1em; }
.pages .goldbox2 h2 { color: #0055b7; }
.pages .goldbox2 hr { border: none; border-top: 1px solid #0055b7; width: 100%; margin: 1.35em 0 1.55em; }
.pages .goldbox2 ul { color: #0055b7; font-size: 1.6em; list-style: disc; line-height: 1.6; padding-left: 0; }
.pages .goldbox2 li { position: relative; left: 1em; padding-right: 1em;  }

.pages .goldbox2 img+p { padding-top: .35em; }
.pages .boldgold { color: #ce9f51; font-family: "TTRounds-Bold", Helvetica, sans-serif; }
.pages .goldbox2 p.boldgold { padding: .75em 0; }

.pages img { float: left; margin: 1em 1.5em .5em 0; border: 1px solid #0055b7; width: 25%; }

.sustainability img { border: none; }

.videos > p { padding-bottom: .5em; }
.videos a { float: left; width: 30%; margin-right: 4.75%; text-decoration: underline; }
.videos a img { float: none; width: 100%; margin-bottom: 0; }
.videos a p { font-size: .9em; min-height: 3em; font-family: "TTRounds-Bold", Helvetica, sans-serif; }

/* for carousel */
.gold-bar { margin: 0 -2.5em; background: #ce9f51; color: white; text-align: center; font-size: 1.2em; font-family: "TTRounds-Bold", Helvetica, sans-serif; line-height: 1.4; padding-top: .15em; }

.carousel-wrapper { padding: 1em 3em 0; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcefc5+0,ffffff+45,ffffff+55,fcefc5+100 */
background: #fcefc5; /* Old browsers */
background: -moz-linear-gradient(left,  #fcefc5 0%, #ffffff 45%, #ffffff 55%, #fcefc5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fcefc5 0%,#ffffff 45%,#ffffff 55%,#fcefc5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fcefc5 0%,#ffffff 45%,#ffffff 55%,#fcefc5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcefc5', endColorstr='#fcefc5',GradientType=1 ); /* IE6-9 */
}

.carousel-wrapper > img { display: block; margin: -9px auto -3px; }
.carousel img { width: 70%; margin: 0 15%; }
.carousel-prev, .carousel-next { width: 10px; height: 41px; display: block; }
.carouselCaption { text-align: center; font-family: "TTRounds-Regular", Helvetica, sans-serif; color: #0055b7; text-transform: uppercase; font-size: .8em; }

.searchResults article { padding-top: 1.5em; padding-bottom: 1em; color: #0055b7; }
.searchResults img { width: 8%; margin-right: 2%; float: left; }
.searchResults h3 { text-transform: uppercase; }
.searchResults article p, .searchResults article a { color: #0055b7; }
.searchResults article a:hover, .searchResults article a:hover p { color: #ce9f51; }
.searchResults .searchSnippet { width: 88%; float: left; }

.fishFinder { background: #c3d1df url("../images/water2500.jpg") no-repeat; margin-bottom: 0; min-height: 500px;  }
.fishFinder section { text-align: center; padding-bottom: 2em; }
.fishFinder hr.blue-bar { margin-bottom: 4em; border-top-width: 2px; border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 85, 183, 0), rgba(0, 85, 183, 0.75), rgba(0, 85, 183, 0.75), rgba(0, 85, 183, 0.75), rgba(0, 85, 183, 0)); }
.fishFinder hr.blue-bar2 { border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 85, 183, .1), rgba(0, 85, 183, 0.75), rgba(0, 85, 183, 0.75), rgba(0, 85, 183, 0.75), rgba(0, 85, 183, .1));
}
.fishFinder .leadQ { color: #ab162b; font-family: "TTRounds-Bold", Helvetica, sans-serif; font-size: 1.8em; padding-top: 1em; }
.fishFinder .ffDetail { color: #0055b7; }
.fishFinder .highlight { text-transform: none; }
.fishFinder ul { margin: 2em 0 4em; padding: 0; list-style: none; }
.fishFinder li { display: inline-block; width: 15%; margin: 0 3%; position: relative; }

ul.finderItemDetail { position: absolute; width: 100%; left: -5000em; max-height: 0; -moz-transition: max-height .5s ease-in-out; -webkit-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; overflow: hidden; box-shadow: 3px 3px 2px 1px rgba(78,144,209,.8); margin-top: -.5em; }
ul.finderItemDetail li	{ width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e90d1+0,ffffff+4,8cb2df+85,8cb2df+100 */
background: rgb(255,255,255);  /* Old browsers */
background: -moz-linear-gradient(top,  rgba(78,144,209,1) 0%, rgba(255,255,255,1) 10%, rgba(140,178,223,1) 85%, rgba(140,178,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(78,144,209,1) 0%,rgba(255,255,255,1) 10%,rgba(140,178,223,1) 85%,rgba(140,178,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(78,144,209,1) 0%,rgba(255,255,255,1) 10%,rgba(140,178,223,1) 85%,rgba(140,178,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e90d1', endColorstr='#8cb2df',GradientType=0 ); /* IE6-9 */
}
ul.finderItemDetail p { color: #0055b7; font-size: 1em; padding: .75em .5em .5em; line-height: 1.2; }
ul.finderItemDetail a { font-size: .8em; display: block; margin-bottom: 1em; }

.fishFinder li:hover ul.finderItemDetail { left: 0; max-height: 20em; }
.fishFinder li:hover ul.finderItemDetail a { color: white; }

.fishFinder button { background-color: #0055b7; color: white; font-size: 1.4em; font-family: "TTRounds-Bold", Helvetica, sans-serif; text-align: center; border: none; padding: .5em 2em; margin: 1.5em 0 12em; cursor: pointer; 
	-webkit-transform: translateZ(0); transform: translateZ(0);
	-webkit-backface-visibility: hidden; backface-visibility: hidden;
	-webkit-transition-duration: .3s; transition-duration: .3s;
  -webkit-transition-property: color, background-color; transition-property: color, background-color;
}

.fishFinder button:hover, .fishFinder button:focus, .fishFinder button:active  { background-color: #ab162b; } 

.ffrecipes { background-color: #fff; padding-bottom: 1em; margin-top: 1.5em; }
.ffrecipe-item { width: 22.5%; float: left; margin: 1.5em 0 0 2%; }
.ffrecipe-item h3 { color: white; text-align: center; padding-top: .25em; height: 3em; }
.ffrecipe-item img { width: 100%; vertical-align: bottom; }
.ffrecipe-item  .blue-box { background: #0055b7;  }
.ffrecipe-item p { color: #0055b7; font-size: 1.2em; padding-top: .5em; text-align: left; }

/* new fish finder */
.fishFinder ul.getStarted li { width: 25%; }
.fishFinder a img { width: 100%; }


#Flavor { display: none; }
#Texture { display: none; }
#Cook { display: none; }
#Finish { display: none; }

.finderResults a { width: 15%; margin: 1.5em 1% 0; display: inline-block; color: #0055b7; text-transform: uppercase;font-family: "TTRounds-Bold", Helvetica, sans-serif; overflow: hidden; vertical-align: top; }
.finderResults a img { width: 120%; margin: 1.5em -10% 0; }
.finderResults a:hover { color: #ab162b; }

.hvr-grow {
  -webkit-transform: translateZ(0); transform: translateZ(0);
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
  -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
  -webkit-transition-property: transform; transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.15); transform: scale(1.15);
}

.contact {  padding-bottom: 4em; }
.contact-sidebar { color: #0055b7; padding-top: 1em;  padding-bottom: 6em; }
.contact-sidebar p { font-size: .9em; color: #0055b7; line-height: 1.8; padding-bottom: 1em; }
.contact-sidebar hr { margin: .25em 0 1.25em; width: 100%; border: none; border-top: 1px solid #ce9f51;}

.contact-sidebar img { width: 100%; margin-bottom: .75em; }
.contact p { font-size: 1.4em; margin-bottom: .5em; color: #0055b7; }
.contact p.radios { font-size: 1.4em; margin-top: 2em; }

input.inputFull { width: 98%; margin: 0; }
input.input45 { width: 45%; margin: 0; }
input.spaceRight6 { margin-right: 6%; }

#contactusForm { padding: 0; }
#contactusForm fieldset { padding: 0.5em 0; margin: 0; }

#contactusForm .input-prompt { position: absolute; font-size: .8em; font-style: italic; color: #0055b7; margin: 0.6em 0 0 0.4em; }
#contactusForm input { border: 1px solid #ce9f51; background: #fcefc5; padding: .2em; color: #0055b7; font-size: 1em; }
.input-name .input-left , .input-address .input-left { float: left; width: 48%; }
.input-name .input-right, .input-address .input-right { float: right; width: 48%; }
.input-address .input-inner-left { float: left; width: 44%; }
.input-address .input-inner-right { float: right; width: 44%; margin-right: 2%; }
.input-name input, .input-address input { width: 96%; }
input.inputMed { width: 48%; }
#contactusForm textarea { width: 98.5%; height: 12em; font-size: 1em; color: #0055b7; border: 1px solid #ce9f51; background: #fcefc5; }

#contactusForm .button { font-family: "TTRounds-Bold", Helvetica, sans-serif; padding: .75em 2em .5em; font-size: 1em; letter-spacing: 2px; margin: 1em 1em 1em 0; background-color: #0055b7; color: white; -moz-border-radius: 6px; -webkit-border-radius: 6px;	border-radius: 6px; box-shadow: 4px 4px 6px 2px rgba(23,102,189, .8); border: none; cursor: pointer; }
#contactusForm p.note { font-size: .7em; color: #ce9f51; font-style: italic; padding: 0; }
#contactusForm p.bluenote { font-size: .89em; color: #0055b7; font-style: italic; padding: 0; }
#contactusForm p.bluenote a { text-decoration: underline; color: #0055b7; }
#contactusForm .red-message { font-size: 1em; }

/*#contactusForm fieldset.login label { width: 5em; color: #0055b7; display: inline-block; text-align: right; margin-right: .5em; font-size: 1.2em; }*/
#contactusForm fieldset.login label { color: #0055b7; display: block; font-size: .8em; margin-bottom: 0; }
#contactusForm fieldset.login input { width: 70%; max-width: 25em; }
#contactusForm fieldset.input-name label { font-size: .8em; margin-bottom: 0; font-style: italic; display: block; color: #0055b7; }

a.link { text-decoration: underline; font: inherit; color: inherit; }

.pressroom .goldbox { margin-bottom: 2em; padding-top: .5em; }
.pressroom .goldbox p { color: #0055b7; padding: 1em 0; font-size: 1.4em; }
.pressroom .goldbox a { color: #0055b7; }
.pressroom .goldbox a:hover { text-decoration: underline; }

.imagelibrary p { font-size: 1.4em; margin-bottom: .5em; color: #0055b7; }
.imagelibrary hr { margin: .25em 0 1.25em; width: 100%; border: none; border-top: 2px solid #ce9f51;}

#search-images input { background: #fcefc5; border: 2px solid #0055b7; width: 45%; padding: .5em; font-size: .9em; color: #0055b7; font-style: italic; margin: -.5em 0 1em; }

.image-library-wrapper {margin-bottom: 6em; margin-top: -2em;}
ul.image-library-list { clear-both; margin: .5em 0 2em; }
ul.image-library-list, .image-library-list ul { list-style: none; padding: 0; }

.image-library-list > li { position: relative; color: #0055b7; border-bottom: 2px solid #ce9f51; padding: 1em 0; font-size: 1.2em;  width: 100%; }
.image-library-list li.formatNone { border: none; }
.image-library-list a { color: #0055b7; text-decoration: underline; display: block; }
.image-library-list a:hover { color: #ab162b; }

.library-image { z-index: 105; overflow:hidden; }
.library-image li { width: 100%; }
.library-image img { border: 1px solid #ce9f51; width: 95%; max-width: 170px; }

.sitemap { padding: 4em 10%; background: url('../images/water.jpg'); margin-bottom: -2em; }
.sitemap ul { list-style: disc; padding: 0 1em; }
.sitemap li { padding: .5em 0 .5em .5em; margin-left: 0; }
.sitemap li a { color: #0055b7; }
.sitemap li a:hover { color: #ab162b; }


/* footer styles */
footer { text-align: center; padding: 1em .5em; background: #ce9f51; }
footer nav li { padding: 0 1%; margin: .1em 0; display: inline-block; position: relative; }
footer nav li+li:before { content:""; background: white; position: absolute; bottom: 25%; left: 0; height: 50%; width: 1px; }
footer a { color: white; font-size: .8em; }
footer a:hover { color: #fcefc5; }

#promo { position: absolute; right: -2000px; top: 100px; z-index: 999; width: 66%; border: 12px solid #ab162b; }
#promo img { width: 100%; margin-bottom: -6px; }
#promoClose { position: absolute; right: -21px; top: -27px; color: white; font-weight: bold; font-size: 2em; display: inline-block; padding: 12px;}

/* 
#promo { position: absolute; right: -2000px; top: 100px; z-index: 999; width: 70%; height: 600px; color: white; background: url('../images/water.jpg'); border: 12px solid #ab162b; }
#promo a { color: white; }
#promo a:hover { color: red; }
 */

/* responsive adjustments */
/* all desktop */

@media only screen and (min-width: 961px) {
	.full-hidden { display: none; }
	.clear-fix-mobile { display: none; }
	.wrapper { min-width: 961px; }
	.logo { top: 22px;  width: 11.1%; }
	img.fish-finder {	width: 15.7%; }
	
	.topmenu { float: left; margin-left: 16%;	width: 83%; padding-top: .25em; }
	.topmenu li { float: left; position: relative; }
	.topmenu li a, .submenu li a { display: block; color: white; font-size: .7em; line-height: 2em; padding: .6em 1em .3em; }
	.topmenu li:hover > a, .submenu li:hover > a { color: #f9df8d; }
	.topmenu li:hover ul { left: 0;  max-height: 40em; }
	.topmenu > li + li { margin-left: 4.5%; }
	
	.submenu { float: none; position: absolute; width: 9em; height: auto; left: -5000em; max-height: 0; -moz-transition: max-height .5s ease-in-out; -webkit-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; overflow: hidden; z-index: 105; }
	.submenu li { float: none; background-color: #ab162b; border-top: 1px solid #f9df8d; border-radius: 0; }
	.submenu li:hover { background-color: #f9df8d; }
	
	.submenu li:hover > a { color: #ab162b; }
	.submenu li a { white-space: nowrap; display: block; padding: .5em 1em; text-transform: uppercase; }
	
	/* pages */
	.layout1 .inner-column-left { float: left; width: 72%; }
	.layout1 .inner-column-right {float: right; width: 23%; }
	.layout1 .inner-column-right img { width: 100%; }
	
	.layout1 section.content { float: right; width: 75%; }
	.layout1 aside { float: left; width: 20%; }
	
	.product-list > li { width: 45%; }
	.product-list > li { float: left; }
	.product-list > li:last-child { float: right; }
	
	.product-list li.display2right .product-items { left: -5000em; }
	.product-list li.display2left .product-items { right: -5000em; }
	
	.product-list li.display2right:hover .product-items, .product-list li.display2right:active .product-items, .product-list li.display2right:focus .product-items { left: 100%; width: 80%; }
	.product-list li.display2left:hover .product-items, .product-list li.display2left:active .product-items, .product-list li.display2left:focus .product-items { right: 100%; width: 80%; }
	
	.product-items { position: absolute; top: 0; width: 0; -moz-transition: width .5s ease-in-out; -webkit-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out;}
	.clear-fix-products { clear: both; }
	
	.product-detail ul { padding-bottom: 1em; }
	.product-detail .two-column-lists { padding-bottom: 1em; }
	.product-detail .two-column-lists ul { width: 43%; display: inline-block; margin-right: 5%; }
	.product-detail .two-column-lists ul.last { margin-right: 0; }
	
 	.image-library-list > li { float: left; width: 35%; }
	.image-library-list > li:last-child { float: right; margin-right: 10%; }
	.library-image { position: absolute; top: 0; width: 0; -moz-transition: width .5s ease-in-out; -webkit-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out;}
	
	.image-library-list li.display2right .library-image { left: -5000em; }
	.image-library-list li.display2left .library-image { right: -5000em; }
	
	.image-library-list li.display2right:hover .library-image, .image-library-list li.display2right:active .library-image, .image-library-list li.display2right:focus .library-image { left: 105%; width: 50%; }
	.image-library-list li.display2left:hover .library-image, .image-library-list li.display2left:active .library-image, .image-library-list li.display2left:focus .library-image { right: 102%; width: 50%; }	
	
	.videos a:nth-of-type(3n) { margin-right: 0; }
}

/* adjustments to desktop */

@media only screen and (min-width: 1441px) {
	html { 
  background: rgba(15,89,177,.1) url('../images/water.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
}

@media only screen and (min-width: 1350px) { 
	.logo { top: 42px; }
	.topmenu > li + li { margin-left: 4.25%; }	
	.menu-highlight p.forceWrap { padding: 1.25em 4em .75em; }
}

@media only screen and (min-width: 1250px) {	
	body { font-size: 16px; }
	.logo { top: 22px; }
	.menu-highlight p { min-height: 3em; }	
	
	.recipe-detail a.blue-link { width: 55%; }	
	
	.product-list li.display2right:hover .product-items, .product-list li.display2right:active .product-items, .product-list li.display2right:focus .product-items { width: 60%; }
	.product-list li.display2left:hover .product-items, .product-list li.display2left:active .product-items, .product-list li.display2left:focus .product-items { width: 60%; }	
}

@media only screen and (min-width: 1250px) and (max-width: 1349px) {
	.topmenu > li + li { margin-left: 3.5%; }	
	.menu-highlight p.forceWrap { padding: padding: 1.25em 3em .75em; }
}

@media only screen and (min-width: 1150px) and (max-width: 1249px) {	
	.topmenu > li + li { margin-left: 3.5%; }	
	.recipe-detail a.blue-link { width: 60%; }	
}

@media only screen and (min-width: 1150px) {
	.topBar { padding-bottom: .75em; }
	.topmenu li a, .submenu li a { font-size: .8em; }
	.submenu { width: 10em; }
	.searchBar, .homemain .amazon, .socialLinks p > a { font-size: 1.5em; }
	
	footer nav li { padding: 0 2%; margin: .15em 0; }	
}

@media only screen and (min-width: 1050px) and (max-width: 1149px ) {
	.topmenu > li + li{ margin-left: 4%; }	
	.recipe-detail a.blue-link { width: 65%; }
	.product-sidebar p { font-size: 1.4em; }
}

@media only screen and (min-width: 961px) and (max-width: 1049px ) {
	body { font-size: 13px; }
	.topmenu > li + li{ margin-left: 4%; }	
	.recipe-detail a.blue-link { width: 65%; }
	.recipe-finder-sidebar li { font-size: .7em; }
	.product-sidebar p { font-size: 1.2em; }
}

/* all tablet and phone */
@media only screen and (max-width: 960px) {
	
	.mobile-hidden { display: none !important; }
	.clear-fix-mobile { clear: both; }
	.wrapper { min-width: 320px; }
	
	/* mobile menu */
	.mobileMenuButton { cursor: pointer; display: inline-block; position: absolute; right: 2em; top: 1em; color: white; font-size: 1.8em; }
	.topNav { display: none; }
	.topmenu { position: absolute; z-index: 110; width: 30%; right: 0; }
	.topmenu li { background-color: #ab162b; padding: 0 1.5em; border-top: 1px solid #f9df8d; }
	.topmenu li a { color: white; font-size: 1.3em; line-height: 3em; display: block; }
	.topmenu li:hover > a, .submenu li:hover > a { color: #f9df8d; }
	.expandMenu { display: block !important; }	
	.submenu { display: none; }
	
	.homemain .amazon { font-size: 1em; }
	
	.socialLinks { padding: 1em 0 1.25em; }
	.socialLinks p { padding-bottom: .5em; }	
	.socialLinks li { width: 32%;}
	.socialLinks li+li { margin-left: 0; }
	
	/* pages */	
	ul.product-list { margin: 0; }
	ul.top-product-list { margin: 0;  }
	.product-list li { clear: both; }
	.product-list h3 { margin-top: 2em; }
	
	.product-items { position: relative; max-height: 0; -moz-transition: max-height .5s ease-in-out; -webkit-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; }
	.product-items a { font-size: 1.4em; }
	
	.product-list li.display2right:hover .product-items, .product-list li.display2right:active .product-items, .product-list li.display2right:focus .product-items,.product-list li.display2left:hover .product-items, .product-list li.display2left:active .product-items, .product-list li.display2left:focus .product-items { width: 100%; max-height: 100em; }
	
	.clear-fix-products { display: none; }
	
	.product-detail .two-column-lists ul.last { padding-bottom: 1.5em; }
	
	.image-library-wrapper { margin-top: 0;}
	ul.image-library-list { margin: 0; }
	ul.library-image { width: 50%; }
	.library-image { position: relative; max-height: 0; -moz-transition: max-height .5s ease-in-out; -webkit-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; }
	.image-library-list li.display2right:hover .library-image, .image-library-list li.display2right:active .library-image, .image-library-list li.display2right:focus .library-image,.image-library-list li.display2left:hover .library-image, .image-library-list li.display2left:active .library-image, .image-library-list li.display2left:focus .library-image { width: 50%; max-height: 100em; }
	
		
	.search-recipes .recipe-summary { width: 47%; }
	.search-recipes .recipe-summary p { font-size: 1em; }
	
	.videos a { float: left; width: 45%; }
	.videos a:nth-of-type(2n) { margin-right: 0; }
	
	.ffrecipe-item { width: 44%; margin-left: 4%; }
		
	footer a { font-size: 1.2em; }
}

/* tablet only */
@media only screen and (min-width: 641px) and (max-width: 960px) {
	.tablet-hidden { display: none; }
	
	.pageHero img.hero { width: 120%; margin: 0 -10%; }
	.pageHero img.fish-finder {	width: 24%; }

	.socialLinks ul { width: 40%; }
	.socialLinks ul img { width: 40%; }	
	
	.product-sidebar p { font-size: 1em; }
	
	.layout1 .inner-column-right { width: 26%; }

	.product-list p { font-size: 1.6em; margin-left: 23%; }
	.product-list img { width: 20%; }
	
	.fishFinder .getStarted li { width: 25%; }
	.fishFinder li { width: 20%;  margin: 0 2%; }
	.fishFinder ul.getStarted li { width: 35%; }
	
	.ffrecipe-item { margin-top: 2em; }

}

@media only screen and (min-width: 801px) and (max-width: 960px) {
	body { font-size: 14px; }
	.logo { top: 4px;  width: 17%; }	
	.topBar { height: 56px; }	
	.recipe-finder-sidebar { font-size: .9em; }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
	body { font-size: 13px; }
	.logo { top: 4px;  width: 20%; }	
	.topBar { height: 52px; }	
	.recipe-finder-sidebar { font-size: .8em; }	
}

/* phone only */
@media only screen and (max-width: 640px) {
	.phone-hidden { display: none; }

	.pageHero img.hero { width: 140%; margin: 0 -20%; }
	.mobileMenuButton { right: 1em; top: 1em; }

	.topmenu li a { font-size: 1.4em; }
	
	.searchBar p { display: block; width: 40%; text-align: left; margin-left: 5%; float: left; font-size: .9em }
	.searchBar input { float: left; margin-left: 5%; margin-top: 4px; font-size: .9em; }
	.homemain .amazon img { width: 20%;}
	
	.three-column-list li { width: 100%; display: block; margin-bottom: 3em;  }
	.three-column-list li:last-of-type { xmargin-bottom: 1em; }
	.three-column-list li+li { margin-left: 0; }
	.menu-highlight { padding-bottom: .1em; }
	.socialLinks ul { width: 80%; }
	.socialLinks li { width: 30.5%; display: inline-block; }
	.socialLinks ul img { width: 60%; }	
		
	/* pages */
	.layout1 .inner-column-left { float: none; width: 100%; }
	.layout1 section.content { float: none; width: 100%; }
	.layout1 aside { float: none; width: 100%; }
	
	.layout1 .inner-column-right { display: none; }
	.product-sidebar a img { width: 70%; margin: 1em 15%; }
	.product-sidebar img.pages { width: 70%; margin: 1em 15%; }
	.product-sidebar .chef { width: 50%; margin: 0 25%; }
	.product-sidebar .chef img { width: 100%; margin: 1em 0 0; }
	.product-sidebar .amazon img { width: 60%; margin: 3em 20% 1em; }
	.product-sidebar .amazon p { font-size: 1.4em; }
	
	.recipe-finder-sidebar { font-size: 1.6em; }
	.featured-recipes .recipe-summary { width: 100%; padding: 1em 0; }
	
	.featured-recipes .float2left { float: none; }
	.featured-recipes .float2right { float: none; }
	
	.recipe .phone-img { display: block; width: 100%; padding: 1em 0; }
	
	.location-list { width: 100%; float: none; }
	.store-list { width: 100%; float: none; text-align: center; }
	
	.searchResults img { display: none; float: none; }
	.searchResults .searchSnippet { width: 100%; float: none; }
	
	.fishFinder li { width: 50%;  margin: .5em 20%; }
	.fishFinder li:hover ul.finderItemDetail { left: -5000em; max-height: 0; }
	
	#contactusForm input { font-size: 1.4em; }
	.input-name, .input-address  { width: 98.5%; float: none; }
	.input-name .input-left , .input-address .input-left, .input-name .input-right, .input-address .input-right, .input-address .input-inner-left, .input-address .input-inner-right, .input-name input, .input-address input, input.inputMed  { width: 100%; float: none; }
	.input-name .input-left, .input-address .input-left, .input-address .input-inner-left { margin-bottom: 1em; }
	
	.contact-sidebar p { font-size: 1.2em; }
	
	.videos a { float: none; width: 100%; margin-right: 0; }
	.videos a p { font-size: 1.4em; }
	
	#promoClose { right: -27px; top: -33px; font-size: 3em; }

}

@media only screen and (min-width: 481px) and (max-width: 640px) {
	body { font-size: 12px; }
	.logo { top: 8px;  width: 22%; }
	.topBar { height: 48px; }
	.mobileMenuButton img { width: 30px; }
	.topmenu { width: 45%; }
	.pageHero img.fish-finder {	width: 32%; }
	
	.product-list p { font-size: 1.4em; margin-left: 30%; }
	.product-list img { width: 25%; }
	.finderResults a { width: 25%; margin: 1.5em 3% 0; }
	.recipe-summary p { font-size: 1.4em; }
	
	.fishFinder ul.getStarted li { width: 50%; }
}

@media only screen and (max-width: 480px) {
	body { font-size: 10px; }
	.logo { top: 12px;  width: 28%; }
	.topBar { height: 40px; }
	.mobileMenuButton img { width: 24px; }
	.topmenu { width: 55%; }
	.pageHero img.fish-finder {	width: 36%; }
	
	.product-list p { font-size: 1.3em; margin-left: 35%; }
	.product-list img { width: 30%; }
	.searchBar input { margin-top: 0; }
	.finderResults a { width: 40%; margin: 1.5em 3% 0; }
	.recipe-summary p { font-size: 1.3em; }
	
	.fishFinder ul.getStarted li { width: 75%; }
}