/* Gulf Coast Seafood Main website By Zehnder Communications. 2013 This is a development file and is used for SCSS compiling.

/* Vendor Dependencies */
/* Authored Dependencies */
/* Main styles */
/*
-----------------------------------------------
Global Styles for Gulf Coast Seafood
Author:    Jeremy Stewart
Date:    5 June 2013
-----------------------------------------------
* Page width:    940px
* Columns:        16
-----------------------------------------------
Conversions based on 14px body font size:
-----------------------------------------------
Pixels        EMs        Percent        Points
06px        0.429em        42.9%        5pt
07px        0.500em        50.0%        5pt
08px        0.571em        57.1%        6pt
09px        0.643em        64.3%        7pt
10px        0.714em        71.4%        8pt
11px        0.786em        78.6%        8pt
12px        0.857em        85.7%        9pt
13px        0.929em        92.9%        10pt
14px        1.000em        100.0%        11pt
15px        1.071em        107.1%        11pt
16px        1.143em        114.3%        12pt
17px        1.214em        121.4%        13pt
18px        1.286em        128.6%        14pt
19px        1.357em        135.7%        14pt
20px        1.429em        142.9%        15pt
21px        1.500em        150.0%        16pt
22px        1.571em        157.1%        17pt
23px        1.643em        164.3%        17pt
24px        1.714em        171.4%        18pt
----------------------------------------------- */
/* Browser CSS-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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* tables still need 'cellspacing='0'' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

blockquote, q {
    quotes: '' '';
}

/* images and linked images without border */
img, a img {
    border: 0;
}

header, nav, section, article, aside, footer {
    display: block;
}

.clearfloat {
    clear: both;
}

/* BLUEPRINT SETUP
--------------------------------------------------------------------------------------- */
/* COLOR SCHEME
--------------------------------------------------------------------------------------- */
/* GLOBALS
--------------------------------------------------------------------------------------- */
@font-face { font-family: 'ChunkFive Roman'; src: url("/fonts/Chunkfive.eot");
  /* IE9 Compat Modes */
  /* src: url("/fonts/Chunkfive.eot") format("embedded-opentype"), url("/fonts/Chunkfive.woff") format("woff"), url("/fonts/Chunkfive.ttf") format("truetype"), url("/fonts/Chunkfive.svg") format("svg"); */
  src: url("/fonts/Chunkfived41d.eot") format("embedded-opentype"), url("/fonts/Chunkfive.woff") format("woff"), url("/fonts/Chunkfive.html") format("truetype"), url("/fonts/Chunkfive.svg") format("svg");
  /* Legacy iOS */
  font-style: normal; font-weight: 400; }

/*@font-face {
    font-family: 'ChunkFive-Roman';
    src: url('/css/fonts/ChunkFive-Roman.eot') format('embedded-opentype'),
         url('/css/fonts/ChunkFive-Roman.otf')  format('opentype'),
         url('/css/fonts/ChunkFive-Roman.woff') format('woff'),
         url('/css/fonts/ChunkFive-Roman.ttf')  format('truetype'),
         url('/css/fonts/ChunkFive-Roman.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
*/

html {
    position: relative;
    min-height: 100%;
}

body {
    background: #1894a4 url("/images/bgPattern.gif") repeat;
    font-family: Georgia, Constantia, 'Lucida Bright', Lucidabright, 'Lucida Serif', Lucida, 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', serif;
    font-size: 87.5%; /* Scale origin */
    margin: 0 0 10em; /* bottom = footer height */
    width: 100%;
}

html > body {
    font-size: 14px; /* sets the text size specifically and is ignored by IE6, but used by Firefox, Safari, IE7, Opera */
}

a {
    color: #FFF;
}

em {
    font-style: italic;
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

.page a {
    color: #1894a4;
    text-decoration: underline;
}
.page a:hover {
    color: #1b535d;
}
.page a.btn, .page .filters a.filterSearch, .filters .page a.filterSearch {
    color: #FFF;
    text-decoration: none;
}

a.btn, .filters a.filterSearch, .btn, .filters .filterSearch {
    background-color: #f2541c;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.714em;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
}
a.btn:hover, .filters a.filterSearch:hover, .btn:hover, .filters .filterSearch:hover {
    background-color: #5dd2e8;
}

a.btn.small, .filters a.small.filterSearch {
    font-size: 1.143em;
    padding: 6px 10px;
}

a.btn.smaller, input.btn.smaller {
    font-size: 0.75em;
    font-weight: 100;
}

input.btn, .filters input.filterSearch {
    border: none;
    outline: none;
    font-family: Georgia, Constantia, 'Lucida Bright', Lucidabright, 'Lucida Serif', Lucida, 'DejaVu Serif', 'Bitstream Vera Serif', 'Liberation Serif', serif;
}

input.text, textarea {
    font: 1em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    background: #e1f2f6;
    color: #9d9d9d;
    float: left;
    height: 18px;
}

.form-text-input {
    box-sizing: border-box;
    margin-bottom: 10px;
}

#formModule label {
    margin-bottom: 0.5em;
}

#formModule input, #formModule textarea {
    margin-bottom: 1.000em;
    padding: 0.5em;
}

h1.site-header {
    display: none;
}

span.right {
    float: right;
}

.text-center {
    text-align: center;
}
.inline {
    display: inline;
}
.stronger {
    font: 1.429em "ChunkFive Roman", "Rockwell Bold", monospace;
    font-size: 1.429em;
    //
    font-weight: bold;
}

span.rotate90 {
    display: inline-block;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* Typography
--------------------------------------------------------------------------------------- */
p {
    font-size: 1em;
    line-height: 1.429em;
    margin: 0;
    text-indent: 0;
}

strong {
    font-weight: bold;
}

.first {
    text-indent: 0;
}

h1 {
    font: 2.429em "ChunkFive Roman", "Rockwell Bold", monospace;
    font-weight: normal;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 1.000em;
}

h2 {
    font: 2.000em 'ChunkFive Roman', 'Rockwell Bold', monospace;
    font-weight: normal;
    letter-spacing: 0.02em;
}

h3 {
    font: 1.429em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    font-size: 1.429em;
    font-weight: bold;
}

h4 {
    font: 1.429em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    font-size: 1.429em;
    font-weight: normal;
}

h5 {
    font: 1.143em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    font-size: 1.143em;
    font-weight: normal;
}

h6 {
    font: 1em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    font-size: 1.000em;
    font-weight: bold;
    text-transform: uppercase;
}

.amp {
    font: 1em/1em 'Baskerville', 'Linotype Palatino', Times, 'Times New Roman', serif;
    font-style: italic;
}

/* use the best Ampersand */
hr {
    clear: both;
    display: block;
    height: 0px;
    border-left: none;
    border-right: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

hr {
    margin: 0.714em 0;
}
hr.dark {
    background: url("/images/bgHrDark.png") no-repeat center;
    border: none;
    display: block;
    height: 26px;
}
hr.light {
    background: url("/images/bgHrLight.png") no-repeat center;
    border: none;
    display: block;
    height: 26px;
}

/* layout elements
--------------------------------------------------------------------------------------- */
/* universal container */
.pagination {
    text-align: center;
}
.pagination .links {
    display: inline-block;
}
.pagination .links a {
    background: #1894a4;
    color: #FFF;
    display: inline-block;
    float: left;
    font: 0.857em "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 3px;
    padding: 7px 10px;
    text-decoration: none;
}
.pagination .links a:hover, .pagination .links a.current {
    background: #FFF;
    color: #1b535d;
    text-decoration: none;
}

.tile {
    background: #1b535d;
    color: #FFF;
    float: left;
    margin-right: 17px;
    padding: 10px;
    width: 280px;
    height: 100px;
}
.tile h4 {
    font-weight: bold;
    margin-bottom: 10px;
}

/* header, nav */
header.global {
    background: #2296a7;
}
header.global li {
    display: inline-block;
    float: left;
}

header.global .utility {
    background-color: #1b535d;
    clear: both;
    width: 100%;
    height: 66px;
}
header.global .utility .container {
    overflow: visible;
}
header.global .utility .social {
    float: left;
    padding-top: 20px;
}
header.global .utility .social a {
    background: url("/images/iconsSocial.png") no-repeat;
    display: block;
    margin-right: 6px;
    width: 26px;
    height: 26px;
}
header.global .utility .social a.facebook {
    background-position: 0 0;
}
header.global .utility .social a.twitter {
    background-position: -26px 0;
}
header.global .utility .social a.instagram {
    background-position: -52px 0;
}
header.global .utility .social a.pinterest {
    background-position: -104px 0;
}
header.global .utility .nav {
    float: right;
    font-size: 1.143em;
    position: relative;
    top: 23px;
}
header.global .utility .nav a {
    color: #FFF;
    margin-left: 13px;
    text-decoration: none;
}
header.global .utility .nav a:hover {
    border-bottom: 1px solid #FFF;
    padding-bottom: 1px;
}

header.global .navigation {
    background: url("/images/bgHeaderNav.png") repeat-x top;
    height: 100px;
}
header.global .navigation ul {
    width: 940px;
    margin: 0 auto;
    overflow: visible;
    padding-top: 42px;
    z-index: 9999;
}
header.global .navigation ul li {
    margin-left: 40px;
    text-align: center;
}
header.global .navigation ul li:first-child {
    margin-left: 0;
}
header.global .navigation ul li.current a {
    border-bottom: 6px solid #1b535d;
}
header.global .navigation ul li.current a:hover {
    border-bottom: 6px solid #1b535d;
}
header.global .navigation ul li.logo {
    line-height: 0;
    font-size: 0;
    color: transparent;
    margin: -72px 20px 0 61px;
}
header.global .navigation ul li.logo a {
    background: url("/images/logo.png") no-repeat center;
    display: block;
    margin: 0 auto;
    width: 128px;
    height: 160px;
}
header.global .navigation ul li.logo a:hover {
    border-bottom: none !important;
}
header.global .navigation ul li a {
    color: #1b535d;
    font: 1.429em 'ChunkFive Roman', 'Rockwell Bold', monospace;
    text-decoration: none;
    text-transform: uppercase;
}
header.global .navigation ul li a:hover {
    border-bottom: 3px solid #1b535d;
}
header.global .subnavigation {
    border-bottom: 1px solid #FFF;
    width: 100%;
    position: relative;
    height: 60px;
    padding-top: 20px;
    overflow: visible !important;
}
header.global .subnavigation ul {
    float: left;
    padding: 0.571em 0;
    overflow: visible;
}
header.global .subnavigation li {
    margin-right: 20px;
    padding: 0.571em 0 0;
    position: relative;
}
header.global .subnavigation li a {
    padding: 2px 8px 4px 32px;
}
header.global .subnavigation li:hover {
    background: #FFF;
}
header.global .subnavigation li:hover a {
    color: #1b535d;
}
header.global .subnavigation li span {
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 4px;
    width: 21px;
    height: 22px;
    z-index: 9999;
}
header.global .subnavigation li.nav-crabs span {
    background: url("/images/navIcons292.png") no-repeat -84px 0;
}
header.global .subnavigation li.nav-crabs:hover span {
    background-position: -210px 0;
}
header.global .subnavigation li.nav-finfish span {
    background: url("/images/navIcons292.png") no-repeat -63px 0;
}
header.global .subnavigation li.nav-finfish:hover span {
    background-position: -189px 0;
}
header.global .subnavigation li.nav-oyster span {
    background: url("/images/navIcons292.png") no-repeat -42px 0;
}
header.global .subnavigation li.nav-oyster:hover span {
    background-position: -168px 0;
}
header.global .subnavigation li.nav-shrimp span {
    background: url("/images/navIcons292.png") no-repeat -21px 0;
}
header.global .subnavigation li.nav-shrimp:hover span {
    background-position: -147px 0;
}
header.global .subnavigation li.nav-seasonality span {
    background: url("/images/navIcons292.png") no-repeat 0 0;
}
header.global .subnavigation li.nav-seasonality:hover span {
    background-position: -126px 0;
}
header.global .subnavigation li.nav-purpose span {
    background: url("/images/navIcons292.png") no-repeat -63px -67px;
}
header.global .subnavigation li.nav-purpose:hover span {
    background-position: -189px -67px;
}
header.global .subnavigation li.nav-states span {
    background: url("/images/navIcons292.png") no-repeat -42px -67px;
}
header.global .subnavigation li.nav-states:hover span {
    background-position: -168px -67px;
}
header.global .subnavigation li.nav-coalition span {
    background: url("/images/navIcons292.png") no-repeat -21px -67px;
}
header.global .subnavigation li.nav-coalition:hover span {
    background-position: -147px -67px;
}
header.global .subnavigation li.nav-contact span {
    background: url("/images/navIcons292.png") no-repeat 0 -67px;
}
header.global .subnavigation li.nav-contact:hover span {
    background-position: -125px -67px;
}
header.global .subnavigation li.nav-add span {
    background: url("/images/navIcons292.png") no-repeat 0 -22px;
}
header.global .subnavigation li.nav-add:hover span {
    background-position: -125px -22px;
}
header.global .subnavigation li.nav-know span {
    background: url("/images/navIcons292.png") no-repeat -21px -22px;
}
header.global .subnavigation li.nav-know:hover span {
    background-position: -146px -22px;
}
header.global .subnavigation li.nav-videos span {
    background: url("/images/navIcons292.png") no-repeat -105px -45px;
}
header.global .subnavigation li.nav-videos:hover span {
    background-position: -231px -45px;
}
header.global .subnavigation li.nav-catch span {
    background: url("/images/navIcons292.png") no-repeat -84px -45px;
}
header.global .subnavigation li.nav-catch:hover span {
    background-position: -210px -45px;
}
header.global .subnavigation li.nav-bloggers span {
    background: url("/images/navIcons292.png") no-repeat -63px -45px;
}
header.global .subnavigation li.nav-bloggers:hover span {
    background-position: -189px -45px;
}
header.global .subnavigation li.nav-social span {
    background: url("/images/navIcons292.png") no-repeat -42px -45px;
}
header.global .subnavigation li.nav-social:hover span {
    background-position: -168px -45px;
}
header.global .subnavigation li.nav-infographics span {
    background: url("/images/navIcons292.png") no-repeat -21px -45px;
}
header.global .subnavigation li.nav-infographics:hover span {
    background-position: -146px -45px;
}
header.global .subnavigation li.nav-app span {
    background: url("/images/navIcons292.png") no-repeat 0 -45px;
}
header.global .subnavigation li.nav-app:hover span {
    background-position: -125px -45px;
}
header.global .subnavigation a {
    color: #FFF;
    font: 1.286em "ChunkFive Roman", "Rockwell Bold", monospace;
    text-decoration: none;
}

.experience header.global .subnavigation li.anchor {
    margin-right: 5px !important;
}

.buttons {
    position: relative;
    height: 54px;
    overflow: visible !important;
}

.button-app {
    background: url("/images/bgHeaderButtons.png") no-repeat 0 0;
    display: block;
    float: left;
    position: absolute;
    left: 78px;
    top: 9px;
    width: 212px;
    height: 29px;
}
.button-app:hover {
    background: url("/images/bgHeaderButtons.png") no-repeat 0 -29px;
}

.button-blogger {
    background: url("/images/bgHeaderButtons.png") no-repeat -212px 0;
    display: block;
    float: right;
    position: absolute;
    right: 66px;
    top: 9px;
    width: 212px;
    height: 29px;
}
.button-blogger:hover {
    background: url("/images/bgHeaderButtons.png") no-repeat -212px -29px;
}

.page .heading {
    margin-bottom: 8px;
}

/* content wrapper */
.home .content {
    padding-left: 10px;
    width: 950px;
}

.container, header.global .subnavigation .menu-wrap, .buttons, .feature-main .wrapper, .one-pager section div.inside {
    margin: 0 auto;
    overflow: hidden;
    width: 940px;
}

.home .content {
    background: #1894a4;
    color: #FFF;
    margin: 0 auto;
    padding-top: 1.429em;
    padding-bottom: 1.429em;
    overflow: hidden;
    height: 100%;
}

.page .content {
    background-color: #d9e2e1;
    clear: both;
    width: 100%;
    color: #313a3b;
    padding: 2.286em 0;
}
.page .content ul, .page .content ol {
    margin-bottom: 1.000em;
}
.page .content ul li, .page .content ol li {
    margin-left: 1.571em;
}
.page .content .interior {
    margin-top: 1.429em;
}

.page-inner {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
}
.page-inner .main {
    display: inline;
    float: left;
    width: 620px;
}
.page-inner .sidebar {
    display: inline;
    float: right;
    width: 300px;
}
.page-inner .sidebar a {
    color: #FFF;
}
.page-inner p {
    margin-bottom: 1.000em;
}

/* home page elements */
.feature-main {
    background-color: #1b535d;
    clear: both;
    width: 100%;
    color: #FFF;
    padding: 0.714em 0;
}
.feature-main .wrapper {
    padding-bottom: 1rem;
}
.feature-main .wrapper .homeSlideContainer {
    width: 870px;
    height: 331px;
    margin: 0 auto;
    padding-bottom: 0.75rem;
}
.feature-main .media {
    padding-left: 10px;
}
.feature-main .media .bd {
    float: left;
    width: 280px;
    margin-right: 20px;
}
.feature-main .media .bd h2 {
    margin: 15px 0 11px;
}
.feature-main .media .bd p {
    line-height: 2.143em;
}
.feature-main .wrapper .homeSlideContainer ul.slick-dots {
    bottom: -25px;
    padding-bottom: 0.25rem;
    //
    padding-top: 0.75rem;
}
.feature-main ul.slick-dots li button, .feature-main ul.slick-dots li button::before {
    font-size: 1.75rem;
    //
    padding: 2rem 0;
}

.features {
    overflow: hidden;
}
.features .feature {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 300px;
}
.features .feature.last {
    margin-right: 0;
}
.features .feature h2 {
    background: #1a606c; /* The Fallback */
    background-color: rgba(26, 96, 108, 0.8);
    display: block;
    font-size: 1.857em;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 6px;
    padding-left: 4%;
    width: 96%;
}
.features .feature img {
    width: 100%;
    height: auto;
}
.features .feature .bd {
    background: #1b535d;
    margin-top: -3px;
    padding: 14px 10px;
}
.features .feature .bd h3 {
    margin-bottom: 10px;
}
.features .feature .bd p {
    line-height: 1.714em;
}

.home section {
    display: inline;
    float: left;
    margin-right: 20px;
    width: 940px;
    margin-right: 0;
    margin-bottom: 2.143em;
}
* html .home section {
    overflow-x: hidden;
}
.home section header {
    background: url("/images/home/bgSectionHeaderFull.png") no-repeat center top;
    clear: both;
    text-align: center;
}
.home section header h2 {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    margin-top: -12px;
}
.home section footer {
    background: url("/images/home/bgSectionFooterFull.png") no-repeat center top;
    clear: both;
    text-align: center;
}
.home section footer a {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: -5px;
    font: 0.929em "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}
.home section.welcome {
    background: #1b535d;
    padding: 20px 20px 20px 20px;
}
.home section.welcome h2 {
    background: #1b535d;
    padding-right: 20px;
    margin-bottom: 17px;
    text-align: center;
}
.home section.welcome p {
	padding-right: 20px;
}
.home section.find-it {
    /* background: url("/images/bgFindItHome.jpg") no-repeat; */
    width: 940px;
    height: 500px;
    text-align: center;
    /* padding-top: 26px; */
}
img[usemap], map area {
	outline: none;
}
.home section.find-it a.btn, .home section.find-it .filters a.filterSearch, .filters .home section.find-it a.filterSearch {
    margin-top: 18px;
}

.recipe-main {
    background-color: #1b535d;
    clear: both;
    width: 100%;
    color: #FFF;
    padding: 0.714em 0;
}
.recipe-main h1 {
	text-align: center;
	padding-bottom: 15px;
}
.recipe-main h1 a {
	text-decoration: none;
}
.recipe-main .wrapper {
    padding-bottom: 1rem;
}
.recipe-main .wrapper .recipeSlideContainer {
    width: 870px;
    /*height: 350px;*/
    margin: 0 auto;
    padding-bottom: 0.75rem;
}
.recipe-main .recipe {
    float: left;
    margin: 0 20px 15px 0;
    padding: 0;
    position: relative;
    width: 300px;

}
.recipe-main .recipe.last {
    clear: right;
    margin-right: 0;
}
.recipe-main .recipe .flag {
    display: block;
    position: absolute;
    left: 0;
    top: 64px;
    width: 69px;
    height: 69px;
}
.recipe-main .recipe .flag.featured {
    background: url("/images/flagFeaturedPromox68.png") no-repeat 0 0;
}
.recipe-main .recipe .flag.in-season {
    background: url("/images/flagRecipeInSeason.png") no-repeat 0 0;
}
.recipe-main .recipe a {
    color: #FFF;
    text-decoration: none;
}
.recipe-main .recipe a:hover {
    color: #FFF;
}.recipe-main .recipe header {
    background: #407a82;
    height: 42px;
    padding: 10px 0 12px;
}
.recipe-main .recipe h3 {
    font-size: 1.286em;
    height: 2.357em;
    margin-bottom: 0;
    padding: 0 9px;
    overflow: hidden;
}
.recipe-main .recipe img.recipe-list {
    margin: 0;
    padding: 0;
    width: 270px;
}
.recipe-main .recipe .details {
    padding: 2px 8px;;
    width: 254px;
}
.recipe-main .recipe .details section {
    float: left;
    margin-right: 10px;
}
.recipe-main .recipe .details span.icon {
    display: block;
    float: left;
    margin-right: 3px;
    position: relative;
    left: 0;
}
.recipe-main .recipe .details h4 {
    display: inline-block;
    font-family: "adobe-caslon-pro";
    margin: -2px 1px 0 0;
}
.recipe-main .recipe .details .serves .icon {
    background: url("/images/iconsRecipeDetails.png") no-repeat 0 -2px;
    width: 20px;
    height: 13px;
    top: 4px;
}
.recipe-main .recipe .details .preptime span {
    display: inline-block;
    font: 0.714em "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 8px 2px 0 0;
}
.recipe-main .recipe .details .preptime .icon {
    background: url("/images/iconsRecipeDetails.png") no-repeat -22px -1px;
    margin-top: 0;
    margin-left: 0;
    width: 13px;
    height: 15px;
    top: 3px;
}
.recipe-main .recipe .details .seasonality .icon.fall {
    background: url("/images/iconsRecipeDetails.png") no-repeat -40px -1px;
    margin-top: 0;
    width: 9px;
    height: 15px;
    top: 4px;
}
.recipe-main .recipe .details .seasonality .icon.winter {
    background: url("/images/iconsRecipeDetails.png") no-repeat -51px -1px;
    margin-top: 0;
    width: 15px;
    height: 15px;
    top: 4px;
}
.recipe-main .recipe .details .seasonality .icon.spring {
    background: url("/images/iconsRecipeDetails.png") no-repeat -67px -3px;
    margin-top: 0;
    width: 17px;
    height: 11px;
    top: 6px;
}
.recipe-main .recipe .details .seasonality .icon.summer {
    background: url("/images/iconsRecipeDetails.png") no-repeat -86px -1px;
    margin-top: 0;
    width: 15px;
    height: 15px;
    top: 4px;
}
.recipe-main .recipe .details .method {
    margin-right: 0;
}
.recipe-main .recipe .details .method .icon {
    background: url("/images/iconsRecipeDetails.png") no-repeat -105px 0;
    margin-top: 0;
    margin-left: 0;
    width: 14px;
    height: 16px;
    top: 3px;
}
.recipe-main .recipe .details .method span {
    display: inline-block;
    margin-top: 2px;
    margin-left: 0px;
}

.recipe-main .wrapper .recipeSlideContainer ul.slick-dots {
    bottom: -25px;
    padding-bottom: 0.25rem;
    //
    padding-top: 0.75rem;
}
.recipe-main ul.slick-dots li button, .recipe-main ul.slick-dots li button::before {
    font-size: 1.75rem;
    //
    padding: 2rem 0;
}


.home div.recipeSlider {
	margin-bottom: 16px;
}
.home .recipe section {
	display: block;
	width: auto;
}

/* Experience -- sections
--------------------------------------------------------------------------------------- */
#toTop {
    background: url("/images/bgBackToTop.png") no-repeat;
    cursor: pointer;
    position: fixed;
    bottom: 200px;
    right: 20px;
    display: none;
    z-index: 99999;
    width: 65px;
    height: 80px;
}

.experience .content {
    padding-bottom: 0;
}

.experience .heading {
    position: relative;
    width: 940px;
}
.experience .heading h1 {
    float: left;
}
.experience .heading .addthis_toolbox {
    clear: left;
}

.intro {
    background: #1894a4;
    color: #FFF;
    float: right;
    overflow: hidden;
    padding: 7px 18px;
    position: relative;
    right: 0;
    top: 0;
    width: 584px;
    margin-top: -70px;
}
.intro p {
    margin-bottom: 0;
}

.one-pager {
    background: #1b535d;
    margin-top: 30px;
    width: 100%;
}
.one-pager section {
    width: 100%;
    overflow: hidden;
    padding: 7.143em 0;
}
.one-pager section div.inside .light {
    color: #FFF !important;
}
.one-pager section div.inside .light a {
    color: #FFF;
    text-decoration: underline;
}
.one-pager section div.inside .light a:hover {
    color: #1894a4;
}
.one-pager section div.inside .dark {
    color: #313a3b;
}
.one-pager section div.inside header h1.desc {
    margin-bottom: 1.286em !important;
}
.one-pager section div.inside header p {
    font-size: 1.286em;
    margin-bottom: 2.000em;
    padding: 0 4.643em;
    text-align: center;
}
.one-pager section h1 {
    font: 2.143em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    font-weight: bold;
    margin-bottom: 2.500em;
}
.one-pager section h1.centered {
    text-align: center;
}
.one-pager section h1.dark {
    color: #313a3b;
}
.one-pager section h1.light {
    color: #FFF !important;
}

.experience #video .video {
    overflow: visible;
    position: relative;
}
.experience #video .bx-controls {
    width: 1082px;
    position: absolute;
    left: -71px;
    top: 320px;
}
.experience #video .bx-controls a {
    cursor: pointer;
    display: block;
    position: relative;
    width: 71px;
    height: 60px;
}
.experience #video .bx-controls a.bx-prev {
    background: url("/images/bgVideoControls.png") no-repeat 0 0;
    float: left;
}
.experience #video .bx-controls a.bx-prev:hover {
    background: url("/images/bgVideoControls.png") no-repeat 0 -60px;
}
.experience #video .bx-controls a.bx-next {
    background: url("/images/bgVideoControls.png") no-repeat -71px 0;
    float: right;
}
.experience #video .bx-controls a.bx-next:hover {
    background: url("/images/bgVideoControls.png") no-repeat -71px -60px;
}
.experience div.videos {
    margin: 0 auto;
}
.experience div.videos div {
    margin-left: 0 !important;
    min-height: 450px;
    text-align: center !important;
}
.experience #social {
    min-height: 29.429em;
}
.experience .tab-navigation {
    margin-top: 5px;
    text-align: center;
}
.experience .ui-tabs-nav {
    display: inline-block;
    list-style: none;
}
.experience .ui-tabs-nav li {
    background: #1894a4;
    display: block;
    float: left;
    margin: 0 5px;
    padding: 5px;
}
.experience .ui-tabs-nav li:hover {
    background: #1b535d;
}
.experience .ui-tabs-nav li.ui-tabs-active {
    background: #FFF;
}
.experience .ui-tabs-nav li.ui-tabs-active a {
    color: #1b535d;
}
.experience .ui-tabs-nav li.ui-tabs-active a.facebook span {
    background: url("/images/bgSocialTabNav.png") no-repeat 0 -17px;
}
.experience .ui-tabs-nav li.ui-tabs-active a.twitter span {
    background: url("/images/bgSocialTabNav.png") no-repeat -17px -17px;
}
.experience .ui-tabs-nav li.ui-tabs-active a.instagram span {
    background: url("/images/bgSocialTabNav.png") no-repeat -34px -17px;
}
.experience .ui-tabs-nav li a {
    color: #FFF;
    font: 0.857em "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.100em;
    text-decoration: none;
    text-transform: uppercase;
}
.experience .ui-tabs-nav li a span {
    display: block;
    float: left;
    margin-right: 4px;
    width: 17px;
    height: 17px;
}
.experience .ui-tabs-nav li a.facebook span {
    background: url("/images/bgSocialTabNav.png") no-repeat 0 0;
}
.experience .ui-tabs-nav li a.twitter span {
    background: url("/images/bgSocialTabNav.png") no-repeat -17px 0;
}
.experience .ui-tabs-nav li a.instagram span {
    background: url("/images/bgSocialTabNav.png") no-repeat -34px 0;
}
.experience #social .inside {
    width: 960px !important;
}
.experience .feed {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}
.experience .feed span.icon {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
}
.experience .facebooks {
    overflow: hidden;
    width: 100%;
}
.experience .facebooks .icon {
    background: url("/images/bgSocialTabFeedIcon.png") no-repeat 0 0;
}
.experience .facebooks ul {
    float: right;
    overflow: hidden;
}
.experience .facebooks li {
    font: 1.143em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    background: #1b535d;
    color: #FFF;
    display: block;
    float: left;
    list-style: none;
    margin-left: 0 !important;
    overflow: hidden;
    padding: 20px;
    width: 260px;
    word-wrap: break-word;
}
.experience .facebooks li p {
    line-height: 1.571em;
}
.experience .facebooks li img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.experience .tweets {
    float: right;
    width: 960px;
}
.experience .tweets .icon {
    background: url("/images/bgSocialTabFeedIcon.png") no-repeat -31px 0;
}
.experience .tweets #tweets-inner {
    float: right;
    width: 920px;
}
.experience .tweets div.tweet {
    background: #1b535d;
    color: #FFF;
    font-size: 1.714em;
    float: left;
    padding: 20px;
    width: 260px;
    word-wrap: break-word;
}
.experience .tweets div.tweet a {
    color: #1894a4;
    text-decoration: none;
}
.experience .tweets div.tweet a:hover {
    text-decoration: underline;
}
.experience .instagrams .icon {
    background: url("/images/bgSocialTabFeedIcon.png") no-repeat -62px 0;
}
.experience .instagrams ul {
    float: right;
    overflow: hidden;
    width: 920px;
}
.experience .instagrams li {
    display: block;
    float: left;
    margin-left: 0 !important;
}
.experience .instagrams li img {
    width: 300px;
    height: 300px;
}
.experience li.id1, .experience div.id1 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.experience #the-catch, .emailLanding #the-catch {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding-bottom: 0;
}

/*.experience #the-catch img.preview, .emailLanding #the-catch img.preview { position: relative; left: 5px; bottom: -25px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2); }
.experience #the-catch h1 { margin-top: 1.714em; margin-bottom: 1.786em; }
.experience #the-catch .sign-up { float: right; width: 340px; }
.experience #the-catch .sign-up p { color: #FFF; font-size: 1.429em; line-height: 1.857em; margin: 2.0em 0; }
.experience #the-catch .sign-up .btn, .experience #the-catch .sign-up .filters .filterSearch, .filters .experience #the-catch .sign-up .filterSearch { clear: both; display: block; position: relative; top: 1.000em; }*/

.experience #the-catch {
    background-color: #1894a4;
    background-image: none;
}
.experience #the-catch .imageCallout {
    float: left;
    margin-right: 20px;
    position: relative;
    margin-bottom: 20px;
}
.experience #the-catch .imageCallout .textPlace {
    position: absolute;
    color: #fff;
    left: 70px;
    bottom: 150px;
}
.experience #the-catch .feature {
    color: #fff;
    margin-bottom: 20px;
}
.experience #the-catch .feature h2 {
    color: #fff;
    position: static;
    margin-bottom: 0;
    background-color: #1B535D;
}
.experience #the-catch .feature a {
    color: #fff;
}

.experience #bloggers {
    color: #FFF;
}
.experience #bloggers img {
    float: left;
    margin-right: 60px;
}
.experience #bloggers .column-1 {
    float: left;
    width: 350px;
    margin-right: 20px;
}
.experience #bloggers .column-1 {
    float: left;
    width: 350px;
}
.experience #bloggers p {
    font-size: 1.071em;
    line-height: 1.714em;
    margin-bottom: 1.00em;
}
.experience #infographics ul {
    margin-bottom: 1.500em;
    overflow: hidden;
}
.experience #infographics li {
    float: left;
    list-style: none;
    margin: 0 5px;
}
.experience #mobile-app .inside {
    margin: 0 auto;
    width: 620px;
}
.experience #mobile-app .inside img.app-preview {
    margin-right: 60px;
    float: left;
}
.experience #mobile-app .inside p {
    float: right;
    font-size: 1.071em;
    width: 300px;
    line-height: 1.857em;
}
.experience .charter img {
    border: 0;
    float: left;
    margin-right: 20px;
}
.experience .charter p.copy {
    color: #FFF;
    display: inline-block;
    font-size: 1.071em;
    line-height: 1.643em;
    float: right;
    width: 340px;
}

/* Recipes
--------------------------------------------------------------------------------------- */
.page .recipe-detail .overview .details h4.label {
    display: none;
}

.recipes.fullwidth .main {
    display: inline;
    float: left;
    margin-right: 20px;
    width: 940px;
    margin-right: 0;
}
* html .recipes.fullwidth .main {
    overflow-x: hidden;
}
.recipes.fullwidth .main > header {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}
.recipes.fullwidth .main > header .heading {
    float: left;
    margin-right: 20px;
    width: 300px;
}
.recipes.fullwidth .main .interior {
    clear: both;
    color: #FFF;
}

.filters {
    background: #2296a7;
    color: #FFF;
    float: right;
    overflow: hidden;
    padding: 4px 10px 23px;
    width: 600px;
    height: 74px;
}
.filters fieldset {
    display: inline-block;
    width: 540px;
}
.filters h5 {
    display: inline-block;
    float: left;
    margin: 2px 10px 3px 0;
}
.filters span.results {
    font-style: italic;
}
.filters .species, .filters .selects {
    clear: right;
    margin: 2px 0 4px 58px;
    overflow: hidden;
}
.filters .selects {
    clear: both;
    display: inline-block;
    margin-bottom: 7px;
}
.filters .keyword {
    clear: both;
}
.filters .species {
    float: left;
    margin: 2px 0 5px;
    overflow: hidden;
    position: relative;
}
.filters .species span {
    display: block;
    float: left;
    margin-right: 10px;
    position: relative;
}
.filters .species .checkbox {
    cursor: pointer;
    width: 15px;
    height: 15px;
}
.filters .species label {
    margin-right: 4px;
    position: relative;
    left: 0;
    top: -1px;
}
.filters .selectWrapper {
    background: #f4f4f4 url("/images/bgSelectArrowNB.png") no-repeat right center;
    border: 1px solid #c2c2c2;
    border-right: none;
    float: left;
    height: 21px;
    overflow: hidden !important;
    margin-right: 20px;
    padding-right: 0px !important;
    max-width: 127px !important;
}
.filters .selectWrapper select {
    background: transparent !important;
    color: #9d9d9d;
    cursor: pointer;
    height: 21px !important;
    padding: 2px 30px 2px 5px !important;
    font: 1em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    line-height: 1 !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    overflow: hidden !important;
    width: 140% !important;
}
.filters .keyword {
    display: inline-block;
    overflow: hidden;
}
.filters .keyword label {
    float: left;
    padding: 5px 10px 0 0;
    text-align: right;
    width: 48px;
}
.filters .keyword .text {
    background: #f4f4f4;
    border: 1px solid #c2c2c2;
    padding: 2px 6px;
    width: 412px;
}
.filters .filterSearch {
    font: 1.5em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    border-style: none;
    padding: 5px 18px;
    display: inline-block;
    float: right;
    position: relative;
    left: 0px;
    top: -39px;
}

.recipes .row {
    margin-bottom: 16px;
    overflow: hidden;
}

.recipe {
    float: left;
    margin: 0 20px 40px 0;
    padding: 0;
    position: relative;
    width: 300px;
}
.recipe.last {
    clear: right;
    margin-right: 0;
}
.recipe .flag {
    display: block;
    position: absolute;
    left: 0;
    top: 64px;
    width: 69px;
    height: 69px;
}
.recipe .flag.featured {
    background: url("/images/flagFeaturedPromox68.png") no-repeat 0 0;
}
.recipe .flag.in-season {
    background: url("/images/flagRecipeInSeason.png") no-repeat 0 0;
}
.recipe a {
    color: #FFF;
    text-decoration: none;
}
.recipe a:hover {
    color: #FFF;
}
.recipe header {
    background: #407a82;
    height: 42px;
    padding: 10px 0 12px;
}
.recipe h3 {
    font-size: 1.286em;
    height: 2.357em;
    margin-bottom: 0;
    padding: 0 9px;
    overflow: hidden;
}
.recipe img.recipe-list {
    margin: 0;
    padding: 0;
}
.recipe .details {
    background: #1a606c; /* The Fallback */
    background-color: rgba(26, 96, 108, 0.8);
    position: absolute;
    left: 0;
    bottom: 3px;
    padding: 2px 8px;
    width: 284px;
    height: 21px;
}
.recipe .details section {
    float: left;
    margin-right: 10px;
}
.recipe .details span.icon {
    display: block;
    float: left;
    margin-right: 3px;
    position: relative;
    left: 0;
}
.recipe .details h4 {
    display: inline-block;
    font-family: "adobe-caslon-pro";
    margin: -2px 1px 0 0;
}
.recipe .details .serves .icon {
    background: url("/images/iconsRecipeDetails.png") no-repeat 0 -2px;
    width: 20px;
    height: 13px;
    top: 4px;
}
.recipe .details .preptime span {
    display: inline-block;
    font: 0.714em "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 8px 2px 0 0;
}
.recipe .details .preptime .icon {
    background: url("/images/iconsRecipeDetails.png") no-repeat -22px -1px;
    margin-top: 0;
    margin-left: 0;
    width: 13px;
    height: 15px;
    top: 3px;
}
.recipe .details .seasonality .icon.fall {
    background: url("/images/iconsRecipeDetails.png") no-repeat -40px -1px;
    margin-top: 0;
    width: 9px;
    height: 15px;
    top: 4px;
}
.recipe .details .seasonality .icon.winter {
    background: url("/images/iconsRecipeDetails.png") no-repeat -51px -1px;
    margin-top: 0;
    width: 15px;
    height: 15px;
    top: 4px;
}
.recipe .details .seasonality .icon.spring {
    background: url("/images/iconsRecipeDetails.png") no-repeat -67px -3px;
    margin-top: 0;
    width: 17px;
    height: 11px;
    top: 6px;
}
.recipe .details .seasonality .icon.summer {
    background: url("/images/iconsRecipeDetails.png") no-repeat -86px -1px;
    margin-top: 0;
    width: 15px;
    height: 15px;
    top: 4px;
}
.recipe .details .method {
    margin-right: 0;
}
.recipe .details .method .icon {
    background: url("/images/iconsRecipeDetails.png") no-repeat -105px 0;
    margin-top: 0;
    margin-left: 0;
    width: 14px;
    height: 16px;
    top: 3px;
}
.recipe .details .method span {
    display: inline-block;
    margin-top: 2px;
    margin-left: 0px;
}

.recipe-detail .overview {
    margin-bottom: 2.500em;
    overflow: hidden;
}
.recipe-detail .overview img {
    float: left;
    width: 345px;
    height: 345px;
}
.recipe-detail .overview .bd {
    background: #2296a7;
    color: #FFF;
    float: right;
    width: 274px;
    left: -1px;
    position: relative;
}
.recipe-detail .overview h4 {
    font-size: 1.286em;
    line-height: 1.714em;
}
.recipe-detail .overview .details header, .recipe-detail .overview .details footer {
    background: #36747f;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    height: 42px;
    text-align: center;
}
.recipe-detail .overview .details header {
    border-top: 0;
}
.recipe-detail .overview .details header a {
    background: url("/images/iconSearch.png") no-repeat 0 0;
    color: #6de7fe;
    padding-left: 23px;
    position: relative;
    top: 13px;
    text-decoration: none;
}
.recipe-detail .overview .details header a:hover {
    text-decoration: underline;
}
.recipe-detail .overview .details footer a.print {
    background: url("/images/iconPrint.png") no-repeat left center;
    color: #FFF;
    padding: 0.500em 0 0.929em 2.000em;
    text-decoration: none;
    position: relative;
    top: 11px;
}
.recipe-detail .overview .details footer a.print:hover {
    text-decoration: underline;
}
.recipe-detail .overview .details section {
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    float: none;
    height: 65px;
    padding-top: 8px;
    width: 273px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.recipe-detail .overview .details h4 {
    display: inline-block;
    font-family: "adobe-caslon-pro";
    font-size: 1.857em;
    line-height: 1.000em;
    margin: 0 1px 0 6px;
    position: relative;
}
.recipe-detail .overview .details span.icon {
    display: block;
    float: left;
    margin-right: 13px;
    position: relative;
    left: 0;
}
.recipe-detail .overview .servces, .recipe-detail .overview .seasonality {
    height: 32px;
}
.recipe-detail .overview .method, .recipe-detail .overview .preptime {
    height: 34px;
}
.recipe-detail .overview .serves .icon {
    background: url("/images/iconsRecipeDetailsLarge.png") no-repeat 0 -1px;
    width: 30px;
    height: 20px;
    left: 8px !important;
    top: -3px;
}
.recipe-detail .overview .serves h4 {
    left: 4px;
    top: 18px;
}
.recipe-detail .overview .seasonality {
    text-align: center;
}
.recipe-detail .overview .seasonality .icons {
    display: inline-block;
    margin: 10px auto 0;
    overflow: hidden;
}
.recipe-detail .overview .seasonality .icon.fall {
    background: url("/images/iconsRecipeDetailsLarge.png") no-repeat -57px -1px;
    margin-top: 0;
    width: 12px;
    height: 20px;
    top: 4px;
}
.recipe-detail .overview .seasonality .icon.winter {
    background: url("/images/iconsRecipeDetailsLarge.png") no-repeat -73px -1px;
    margin-top: 0;
    width: 21px;
    height: 20px;
    top: 4px;
}
.recipe-detail .overview .seasonality .icon.spring {
    background: url("/images/iconsRecipeDetailsLarge.png") no-repeat -96px -5px;
    margin-top: 0;
    width: 20px;
    height: 13px;
    top: 6px;
}
.recipe-detail .overview .seasonality .icon.summer {
    background: url("/images/iconsRecipeDetailsLarge.png") no-repeat -118px -3px;
    margin-top: 0;
    margin-right: 0;
    width: 17px;
    height: 17px;
    top: 4px;
}
.recipe-detail .overview .method .icon {
    background: url("/images/iconsRecipeDetailsLarge.png") no-repeat right 0;
    width: 20px;
    height: 22px;
    left: 8px !important;
    top: -6px;
}
.recipe-detail .overview .method h4 {
    font-size: 1.250em;
    margin: 0 3px 0 0;
    top: 16px;
}
.recipe-detail .overview .preptime .icon {
    background: url("/images/iconsRecipeDetailsLarge.png") no-repeat -33px 0;
    width: 20px;
    height: 22px;
    left: 5px !important;
    top: -5px;
}
.recipe-detail .overview .preptime h4 {
    margin: 18px 3px 0 10px;
}
.recipe-detail .recipe-section {
    margin-bottom: 2.000em;
}
.recipe-detail .ingredients ul {
    list-style: none;
    line-height: 1.571em;
}
.recipe-detail .ingredients ul li {
    margin: 0 0 10px 0;
}
.recipe-detail .directions ol {
    counter-reset: item;
    line-height: 1.714em;
}
.recipe-detail .directions ol li {
    display: block;
    margin-bottom: 0.643em;
    margin-left: 2em;
}
.recipe-detail .directions ol li:before {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    background: #417c82;
    color: #FFF;
    display: inline-block;
    font: 0.786em "Helvetica Neue", Helvetica, Arial, sans-serif;
    content: counter(item);
    counter-increment: item;
    width: 13px;
    height: 13px;
    padding: 2px 1px 1px;
    text-align: center;
    margin-left: -2.5em;
    margin-right: 1em;
}

/* VIDEOS PAGE */
.videos.fullwidth .main {
    display: inline;
    float: left;
    margin-right: 20px;
    width: 940px;
    margin-right: 0;
}
* html .videos.fullwidth .main {
    overflow-x: hidden;
}
.videos.fullwidth .main > header {
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}
.videos.fullwidth .main > header .heading {
    float: left;
    margin-right: 20px;
    width: 100%;
}
.videos.fullwidth .main .interior {
    clear: both;
    color: #FFF;
}
.videos .videoContainer {
    text-align: center;
}
.videos iframe {
    width: 800px;
    height: 450px;
}




/* SPECIES PAGES */
.speciesTypes {

}
.speciesTypes ul.tabButtons {
    list-style: none;
    padding: 0;
}
.speciesTypes ul.tabButtons li {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 0;
}
.speciesTypes ul.tabButtons li a {
    background-color: #407A82;
    padding: 6px 20px;
}

.speciesTypes ul.tabButtons li.ui-state-active a {
    background-color: #f2541c;
}
.speciesTypes ul.tabButtons li a:hover {
    background-color: #5dd2e8;
}
.speciesTypeSketch {
    float: left;
    width: 240px;
    vertical-align: top;
}
.speciesTypeInfo {
    float: right;
    width: 340px;
    padding-top: 5px;
}
.speciesTypeInfo p {
    line-height: 1.75em;
}

.bottomFinfo {
    background-color: #1d5e68;
    width: 592px;
    color: #fff;
}
.bottomFinfo .right {
    padding-top: 20px;
    padding-right: 10px;
}


/* sidebar / modules */
.sidebar section {
    clear: both;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.weekly-recipe {
    color: #FFF;
    float: left;
    margin-right: 20px;
    position: relative;
    width: 300px;
}
.weekly-recipe.last {
    margin-right: 0;
}
.weekly-recipe h2 {
    background: #1a606c; /* The Fallback */
    background-color: rgba(26, 96, 108, 0.8);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 6px;
    padding-left: 4%;
    width: 96%;
}
.weekly-recipe img {
    width: 100%;
    height: auto;
}
.weekly-recipe .bd {
    background: #1b535d;
    margin-top: -3px;
    padding: 14px 10px;
}
.weekly-recipe .bd h3 {
    margin-bottom: 10px;
}
.weekly-recipe .bd p {
    line-height: 1.714em;
}

.sidebar .the-catch {
    color: #FFF;
    width: 266px;
    height: 89px;
    padding: 130px 17px 0;
    background: url("/images/bgSidebarTheCatch.jpg") no-repeat;
}
.sidebar .the-catch .text {
    font: 1em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    background: #e1f2f6;
    color: #9d9d9d;
    float: left;
    width: 195px;
    height: 18px;
}
/*.sidebar .the-catch .btn, .sidebar .the-catch .filters .filterSearch, .filters .sidebar .the-catch .filterSearch { font: 1em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif; border: 0; outline: 0; width: 65px; height: 24px; float: right; padding: 4px; }*/
.sidebar .the-catch .btn {
    font: 1em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
    border: 0;
    outline: 0;
    padding: 6px;
}

.sidebar .sidebar-item h2 {
    margin: 0px;
    background: none repeat scroll 0% 0% #1A606C;
    padding-top: 6px;
    padding-left: 4%;
    width: 96%;
    color: #fff;
}

/* footer */
footer.global {
    background-color: white;
    clear: both;
    width: 100%;
    padding: 1.429em 0 2.571em;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
footer.global .partners {
    clear: both;
    display: inline-block;
    margin: 0 auto;
}
footer.global .partners li {
    float: left;
    list-style: none;
}
footer.global .partners li a {
    display: block;
    position: relative;
}
footer.global .partners li.alabama a {
    background: url("/images/footer/partnerAlabama.jpg") no-repeat;
    margin-right: 47px;
    margin-top: 0.714em;
    width: 89px;
    height: 90px;
}
footer.global .partners li.florida a {
    background: url("/images/footer/partnerFlorida.jpg") no-repeat;
    margin-top: 1.143em;
    width: 121px;
    height: 73px;
}
footer.global .partners li.gsmfc a {
    background: url("/images/footer/partnerGSMFC.jpg") no-repeat;
    margin-right: 47px;
    margin-top: 0.714em;
    width: 90px;
    height: 90px;
}
footer.global .partners li.gulfsouth a {
    background: url("/images/footer/partnerGulfSouth.jpg") no-repeat;
    margin-right: 45px;
    margin-top: 1.357em;
    width: 166px;
    height: 90px;
}
footer.global .partners li.louisiana a {
    background: url("/images/footer/partnerLouisiana.jpg") no-repeat;
    margin-right: 49px;
    margin-top: 2.000em;
    width: 147px;
    height: 60px;
}
footer.global .partners li.mississippi a {
    background: url("/images/footer/partnerMississippi.jpg") no-repeat;
    margin-right: 52px;
    margin-top: 1.071em;
    width: 114px;
    height: 85px;
}
footer.global .partners li.texas a {
    background: url("/images/footer/partnerTexas.jpg") no-repeat;
    margin-top: 0.857em;
    margin-right: 44px;
    width: 66px;
    height: 86px;
}
footer.global .utility {
    display: inline-block;
    margin: 2.000em auto 1.000em;
}
footer.global .utility li {
    float: left;
    list-style: none;
    margin-left: 17px;
}
footer.global .utility li:first-child {
    margin-left: 0;
}
footer.global .utility li a {
    color: #1b535d;
    font: 1.143em 'ChunkFive Roman', 'Rockwell Bold', monospace;
    text-decoration: none;
    text-transform: uppercase;
}
footer.global .utility li a:hover {
    border-bottom: 1px solid #1b535d;
    padding-bottom: 1px;
}
footer.global p.copyright {
    font-size: 1.143em;
}


/* email landing pages */
.content.emailLanding {
    padding-top: 0;
    padding-bottom: 0;
}
.emailLanding .one-pager {
    margin-top: 0;
}
.emailLanding #heading {
    padding-top: 10px;
    padding-bottom: 20px;
}

.emailLanding #heading .inside img {
    margin: 0 auto;
    display: block;
}

.emailLanding #title {
    background-color: #2296a7;
    padding: 10px 0;
}
.emailLanding #title .inner {
    width: 940px;
    margin: 0 auto;
}
.emailLanding #title p {
    color: #fff;
    text-transform: uppercase;
    font-size: 44px;
    margin: 10px auto;
    text-align: center;
}

.emailLanding #theArticle {
    background-color: #d9e2e1;
    padding-top: 40px;
}
.emailLanding #theArticle .topQuote {

}
.emailLanding section.lightBg {
    background-color: #d9e2e1;
}
.emailLanding section.darkBg {

}
.emailLanding #theArticle .topQuote p {
    color: #1b535e;
    font-size: 24px;
    font-style: italic;
    text-align: center;
    padding: 0 81px;
}

.divider-species {
    margin: 20px auto;
    width: 618px;
    clear: both;
}

.emailLanding .article.inside {
    width: 620px;
}
.emailLanding .article.inside p {
    font-size: 18px;
}
.emailLanding .article .sideItemSection {
    display: block;
    vertical-align: top;
    width: 100%;
}
.emailLanding .article .inline-imageContainer {
    display: inline-block;
    width: 299px;
    vertical-align: top;
}
.emailLanding .article .inline-imageContainer a {
    text-decoration: none;
}
.emailLanding .article .inline-imageContainer div {
    display: block;
    background-color: #1b535e;
    color: #fff;
    width: 100%;

}
.emailLanding .article .inline-imageContainer .topBox p {
    font-size: 2em;
    font-family: "ChunkFive Roman","Rockwell Bold",monospace;
}
.emailLanding .article .inline-imageContainer .bottomBox p {
    font-size: 1.5em;
}
.emailLanding .article .inline-imageContainer .bottomBox p, .emailLanding .article .inline-imageContainer .topBox p {
    padding: 10px;
}
.emailLanding .article .sideRight, .emailLanding .article .sideLeft {
    display: inline-block;
    width: 300px;
    vertical-align: top;
}
.emailLanding .article .sideRight p {
    padding-left: 20px;
}
.emailLanding .article .sideLeft p {

}

.emailLanding #the-catch {
    padding-top: 5em;
}

.emailLanding #the-catch h1 {
    margin-bottom: 0.75em;
    margin-top: 0;
}
.emailLanding #the-catch p {
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.emailLanding #the-catch div.formContainer {
    margin: 0 auto;
    width: 298px;
}
.emailLanding #the-catch input.text {
    width: 220px;
    font-size: 16px;
}

.emailLanding #the-catch input.btn {
    font-size: 16px;
    padding: 2px 6px;
}

.emailLanding #the-catch div.centered {
    margin: 2em auto -25px auto;
    width: 528px;
}

.emailLanding div.twoImages p.caption {
    font-size: 12px;
    color: #717b7c;
    font-style: italic;
}
.emailLanding ul.slick-dots {
    //
    height: 40px;

}
.emailLanding ul.slick-dots li {
    //
    height: 40px;
}
.emailLanding ul.slick-dots li button:before, .emailLanding ul.slick-dots li button {
    font-size: 1.75rem;
    margin-top: .5rem;
    //
    height: 40px;
}

.emailLanding .article .numberedImageContainer div {
    display: block;
    background-color: #1b535e;
    color: #fff;
    width: 100%;
}
.emailLanding .article .numberedImageContainer div.bottomBox p {
    text-decoration: underline;
    font-style: italic;
    font-size: 0.825rem;
    padding-left: 5px;
    padding-bottom: 10px;
}
.emailLanding .article .numberedImageContainer div.bottomBox p span.number {
    font-size: 1.75rem;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 5px;
}
.emailLanding div.twoImages {
    margin: 1.25em auto;
}
.emailLanding div.twoImages .imageSide {
    display: inline-block;
    max-width: 397px;
    vertical-align: bottom;
}
.emailLanding div.twoImages .imageSide a {
    display: block;
}
.emailLanding div.twoImages .imageSide a img {
    max-width: 397px;
}
div.inline-block {
    display: inline-block;
}
div#sevenFishes div.one-pager section#theArticle, div#sevenFishes div.one-pager section#slideSection {
    padding-bottom: 2rem;
}
div#sevenFishes div.one-pager section#slideSection, div#sevenFishes div.one-pager section#secondArticle {
    padding-top: 3rem;
}
.italic {
    font-style: italic;
}
.one-pager section#slideSection h1 {
    font-weight: normal;
    font-style: italic;
    font-size: 2.143em;
    margin-bottom: 1.5em;
}
.one-pager section .recipe-detail section {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

/* end of global styles
-------------------------------------------------------------------------------------- */
/* seafood bloggers */
#divSeafoodBloggersBanner {
    background: url("/userfiles/image/bloggers/bloggerBannerSmall.png") no-repeat;
    width: 56px;
    height: 56px;
    float: left;
    clear: left;
    position: relative;
    margin-bottom: 10px;
}

#divSeafoodBloggers {
    background-color: #1393a6;
    padding: 6px 11px 7px 6px;
    float: left;
    margin-top: 5px;
}

#divSeafoodBloggers img {
    float: left;
    margin: 0px 10px 0px 0px;
    border: none;
    width: 32px;
    height: 32px;
}

#divSeafoodBloggers .title {
    font: 24px chunk, sans-serif;
    color: White;
    margin: 5px 20px 0px 0px;
    float: left;
}

#divSeafoodBloggers a {
    font: normal 16px arial, sans-serif;
    color: White;
    line-height: 200%;
    text-decoration: underline;
}

#stateTitle h2 {
    clear: left;
    padding-top: 25px;
}

.addthis_toolbox {
    position: relative;
    top: 7px;
}

.addthis_button_facebook_like {
    margin-right: 2px;
    overflow: hidden;
    width: 45px !important;
}

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: url(/images/colorbox/overlay.png) repeat 0 0;
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/images/colorbox/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/images/colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(/images/colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(/images/colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(/images/colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(/images/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(/images/colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/colorbox/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/images/colorbox/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/images/colorbox/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

#cboxContent .printGraphic {
    font-size: 12px;
    position: absolute;
    bottom: 5px;
    right: 35px;
    text-transform: uppercase;
    cursor: pointer;
}

/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9. See:http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

div.noaa {
    background: #1b535d;
    color: #FFF;
    margin: 1.500em 0;
    padding: 15px;
    width: 562px;
}
div.noaa img {
    float: left;
    margin-right: 20px;
}
div.noaa p.callout {
    margin-left: 118px;
    margin-bottom: 0;
}

/* Fixes */