html { font-size: 100%; /* IE hack */ }
body {margin: 27px 0 0 0; background: #d9e2eb url(../../images/bg.jpg) 50% 0 no-repeat; color: #494848; font-family: LucidaGrande, Lucida Grande, Lucida Sans Console, Lucida Sans Unicode, Tahoma, Arial; font-size: 12px; font-weight: normal;}
table { font-size: 100%; /* IE hack */ }
/* Style Kit v7.0 */
div {display: inline-block;}
div {display: block;}
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 12px; font-weight: normal;}
p {margin: 0 0 15px 0; padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
dl {display: block; }
dt {display: block; float: left; width: 45%; margin-bottom: 5px;}
dd {display: block; float: right; width: 45%; margin-bottom: 5px;}
big {font-size: 14px;}
small {font-size: 10px;}
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
/* Colours */
.navy {color: #004b90;}
.red {color: #c82d28;}
/* Links */
a {color: #bda82d; text-decoration: none;}
a:hover {color: #00a8ea; text-decoration: none;}
a.butt-sign {display: block; width: 102px; height: 27px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_signup.png) 0 0 no-repeat;}
a.butt-sign:hover {background-position: 0 -27px;}
a.butt-sender {display: block; width: 72px; height: 27px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_send.gif) 0 0 no-repeat; float: right;}
a.butt-sender:hover {background-position: 0 -27px;}
a.butt-read {display: block; width: 92px; height: 27px; text-indent: -9999px; overflow: hidden; background:url(../../images/butt_readmore.png) 0 0 no-repeat;}
a.butt-read:hover {background-position: 0 -27px;}
a.butt-subclo {position: absolute; right: 10px; bottom: 10px; display: block; width: 26px; height: 26px; text-indent: -9999px; overflow: hidden; background:url(../../images/sub_bar_close.gif) 0 0 no-repeat;}
a.butt-file {background: url(../../images/icon_file.gif) 0 50% no-repeat; padding: 6px 0 6px 32px; line-height: 24px;}
a.butt-play {background: url(../../images/icon_play.gif) 0 50% no-repeat; padding: 6px 0 6px 32px; }
a.butt-send {background: url(../../images/icon_send.gif) 0 50% no-repeat; padding: 6px 0 6px 32px; }
a.prevlink {position: absolute; bottom: 0; left: 0;}
a.nextlink {position: absolute; bottom: 0; right: 0;}
span.butt-spacer {padding: 0 10px;}
span.title-pipe {background: url(../../images/title_pipe.gif) 50% 50% no-repeat; padding: 0 10px;}
/* Headings */
h1 {position: absolute; top: 48px; left: 0; display: block; }
h1 a {display: block; text-indent: -9999px; overflow: hidden; width: 187px; height: 71px; background: url(../../images/logo_safcol.jpg) no-repeat;}
h2 {font-size: 18px; margin-bottom: 15px;}
h2.send {padding-left: 33px; background:url(../../images/icon_send_blue.gif) 0 50% no-repeat; line-height: 24px;}
/* Lists */
ul { margin: 0 0 15px 0; padding: 0 0 0 16px; }
ol { margin: 0 0 15px 0; padding: 0 0 0 16px; }
ul.prodnav {width: 441px; height: 64px; margin: 0 auto; padding: 0 30px 0 30px; list-style: none; background:url(../../images/prodtab_shadow.jpg) 50% 100% no-repeat;}
ul.prodnav li {display: block; padding: 0; margin: 0;}
ul.prodnav a {display: block; text-indent: -9999px; overflow: hidden; width: 220px; height: 55px; background-position: 0 -55px; background-repeat: no-repeat;}
ul.prodnav a:hover {background-position: 0 0;}
ul.prodnav a.pn-tuna {background-image:url(../../images/prodtab_tuna.png);}
ul.prodnav a.pn-salmon {background-image:url(../../images/prodtab_salmon.png);}
#base ul.prodnav {margin-bottom: 20px;}
#nav, #nav li, #nav li a {display: inline-block}
#nav {position: absolute; top: 86px; left: 210px; display: block; margin: 0; padding: 0; list-style: none;}
#nav li {display: block; float: left; margin: 0 9px 0 0; padding: 0 10px 0 0; background: url(../../images/nav_div.gif) 100% 50% no-repeat;}
#nav a {display: block; float: left; text-transform: uppercase; color: #494848; text-decoration: none; font-size: 11px; font-weight: bold;}
#nav li.current a, #nav a:hover {color: #1f67ad;}
#snav {float: left; display: block; margin: 0; padding: 15px 0 0 0; list-style: none; width: 483px;}
#snav li {float: left; display: block; width: 135px; margin: 0; padding: 0 0 23px 20px; border-left: 1px solid #e9e9e9;}
#snav li.last {padding-bottom: 0;}
#snav a {color: #494848; text-decoration: none; }
#snav li.current a, #snav a:hover {color: #1f67ad;}
ul.bicol, ul.bicol li {display: inline-block}
ul.bicol {display: block; float: left; margin: 0; padding: 0; width: 900px;}
#fnav {float: left; display: block; margin: 0; padding: 0; list-style: none; width: 800px;}
#fnav li {float: left; display: block; margin: 0 10px 0 0; padding: 6px 10px 0 0; color: #276099;}
#fnav li.first {padding-top: 0;}
#fnav li.piped {background:url(../../images/nav_div_footer.gif) 100% 65% no-repeat;}
#fnav a {color: #494848; text-decoration: none; }
#fnav a:hover {color: #1f67ad;}
ul.bicol, ul.bicol li {display: inline-block;}
ul.bicol {display: block; float: left; margin: 0; padding: 0; width: 900px;}
ul.bicol li {display: block; float: left; margin: 0; padding: 0; width: 440px; height: 202px; overflow: hidden;}
ul.bicol li.alt {padding-right: 20px; }
ul.bicol a.thumblink img {display: block; width: 200px; height: 200px;}
ul.bicol a.thumblink {display: block; float: left; border: 1px solid #d8d5d5;}
ul.bicol a.thumblink:hover {border: 1px solid #c1c0c0;}
ul.bicol div.thumbtext {float: right; height: 202px; width:215px; overflow: hidden;}
ul.bicol ul {display: block; float: none; margin: 0 0 10px 0; padding: 0 0 0 16px; width: auto; list-style:disc;}
ul.bicol ul li {display: list-item; float: none; margin: 0 0 5px 0; padding: 0; width: auto; height: auto; overflow: visible; border:none;}
ul.recilist, ul.recilist li {display: inline-block;}
ul.recilist {position: relative; display: block; margin: 0; padding: 0 0 25px 0; list-style: none; background:url(../../images/bg_tilerow.gif)}
ul.recilist li {display: block; padding: 20px 0; }
ul.recilist div.rectxt {height: 160px; margin-bottom: 15px; overflow: hidden;}
ul.recilist div.rectrl {height: 25px;}
ul.newslist, ul.newslist li {display: inline-block;}
ul.newslist {position: relative; display: block; margin: 0; padding: 0 0 25px 0; list-style: none; border-top: 1px solid #d9e2eb; }
ul.newslist li {display: block; padding: 20px 100px 20px 0; border-bottom: 1px solid #d9e2eb; }
ul.rowed, ul.rowed li {display: inline-block;}
ul.rowed {display: block; margin: 0; padding: 0; list-style: none;}
ul.rowed li {display: block; border-top: 1px solid #d9e2eb; padding: 20px 0;}
#promotions ul, #promotions li {display: inline-block;}
#promotions ul {display: block; float: left; width: 940px; margin: 0; padding: 0; list-style: none;}
#promotions li {display: block; float: left; margin: 0; padding-top: 20px; list-style: none; }
#promotions li.left {width: 281px; padding-right: 20px;}
#promotions li.mid {width: 281px; padding-left: 20px; padding-right: 20px;}
#promotions li.right {width: 291px; padding-left: 20px;}
ul.sortfilter, ul.sortfilter li {display: inline-block;}
ul.sortfilter {display: block; float: right; width: 450px; margin: 0; padding: 0; list-style: none;}
ul.sortfilter li {display: block; float: right; margin: 0 0 0 10px; padding: 0 0 0 10px;}
ul.sortfilter li.piped {background:url(../../images/sort_div.gif) 0 50% no-repeat;}
#prodnav ul, #prodnav li {display: inline-block;}
#prodnav ul {display: block; margin: 0; padding: 0; width: 160px; list-style: none;}
#prodnav li {display: block; margin: 0; padding: 0; height: 70px; }
#prodnav li.current {background:url(../../images/page_prodnav_tab.png) no-repeat;}
#prodnav a {display:table-cell; width: 160px; height: 70px; padding: 0 10px; vertical-align: middle; margin: 0; color: #1e1f20; font-size: 13px; }
#prodnav a:hover {color: #004b90;}
#prodnav li.current a {color: #004b90; background: url(../../images/bullet_arrow_blue.gif) 100% 50% no-repeat; }
div.salmon #prodnav a:hover {color: #c82d28;}
div.salmon #prodnav li.current a { color: #c82d28; background: url(../../images/bullet_arrow_red.gif) 100% 50% no-repeat;}
#prodcaro-ctrl {display: block; margin: 20px 0; text-align: center; list-style: none; height: 8px; overflow: hidden; }
#prodcaro-ctrl li {display: inline; margin: 0; padding: 0; height: 8px; width: 8px;}
#prodcaro-ctrl li a {width: 8px; background:url(../../images/prodcaro_nav.gif) 0 0 no-repeat;}
#prodcaro-ctrl li a.active {background-position: 0 -8px; }
div.salmon #prodcaro-ctrl li a.active {background-position: 0 -16px; }
#prodcats, #prodcats li {display: inline-block;}
#prodcats {position: absolute; top: 0; display: block; float: left; width: 655px; height: 53px; padding: 0 4px; list-style: none; z-index: 99}
#prodcats li {display: block; float: left; height: 53px; background: url(../../images/prodnav_tab_left.gif) 0 0 no-repeat; margin: 0 10px 0 0; padding: 0 0 0 0;}
#prodcats a {display: block; float: left; height: 37px; background: url(../../images/prodnav_tab_right.gif) 100% 0 no-repeat; margin: 0; padding: 16px 27px 0 30px; color: #767676; font-size: 16px;}
#prodcats li:hover {background-position: 0 -53px;}
#prodcats li:hover a {background-position: 100% -53px; color: #004b90;}
div.salmon #prodcats li:hover a {color: #c82d28;}
/* Tables */
/* Forms */
#header form {position: absolute; right: 0; top: 81px; display: block; width: 170px; height: 23px; background:url(../../images/search_q_bg.gif) no-repeat;}
#header form #sbutt {position: absolute; right: 0; display: block; width: 25px; height: 23px; background:url(../../images/search_b_bg.gif) no-repeat; border: none; cursor: pointer;}
#header form #keywords {position: absolute; display: block; width: 135px; height: 19px; padding: 4px 0 0 10px; border: none; background: none; color: #494848; }
#subpanel {display: none; position: relative; height: 121px; background:url(../../images/sub_bar_bg.jpg) no-repeat; }
#subpanel fieldset {display: block; position: absolute; left: 153px; top: 23px; width: 635px;}
#subpanel input.frmfld, #subform select {margin: 0 5px 15px 0; padding: 0 5px; color: #273c8c;}
#subform select {padding-right: 0;}
#subpanel input.frmfld {width: 150px;}
#subpanel input.sml {width: 50px;}
#subpanel a {text-decoration: underline; color: #494848;}
#subpanel a.butt-sign {position: absolute; right: 0; bottom: 0;}
#subpanel #subterms {margin-left: 30px; font-size: 11px; width: 600px;}
#subpanel #subthanks {padding-top: 40px; text-align: center; display: none;}
#pop-subform fieldset {display: block; width: 360px; padding: 130px 30px 0 45px;}
#pop-subform label {display: block; float:left; width: 55px; padding: 0 10px 0 0; margin: 0 0 15px 0; color: #273c8c;}
#pop-subform input.frmfld, #pop-subform select {display: block; float:left; margin: 0 5px 15px 0; padding: 0 5px; color: #273c8c;}
#pop-subform select {padding-right: 0;}
#pop-subform input.frmfld {width: 270px;}
#pop-subform input.sml {width: 50px;}
#pop-subform #pop-subterms {margin: 0 0 20px 30px; font-size: 11px; }
#pop-subterms a {text-decoration: underline; color: #494848;}
#pop-subform a.butt-sign {float: right;}
#pop-subthanks {padding-top: 150px; text-align: center; display: none;}
#sendform {width: 360px; margin: 0 auto; padding: 15px 20px; background-color: #d9e2eb; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;}
#senderr {color: #c82d28;}
#sendform fieldset.toprow {display: block; padding-bottom: 10px; border-bottom: 1px solid #cbc086;}
#sendform fieldset.botrow {display: block; padding-top: 20px;}
#sendform label {display: block; float: left; width: 90px; color: #004b90; margin: 0 10px 10px 0;}
#sendform input {display: block; float: right; width: 250px; margin: 0 0 10px 0;}
#sendthanks {display: none; width: 360px; margin: 0 auto; padding: 15px 20px; color: #004b90; background-color: #d9e2eb; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;}
/* Superstructure */
div.shield {width: 940px; margin: 0 auto;}
#header {position: relative; height: 136px;}
#main {padding: 20px 0 0 0; margin: 0 0 20px 0; }
div.navshad {background: url(../../images/main_shadow.png) 0 20px no-repeat;}
#promotions {margin: 0 0 40px 0; border-top: 1px solid #FFF; background:url(../../images/promos_bg.gif) repeat-y;}
#base {background: #FFF url(../../images/footer_trim.gif) repeat-x; padding-bottom: 20px;}
#footer {padding: 15px 0 14px 0; background-color: #d9d9d9;}
/* Infrastructure */
#banner {width: 940px; overflow: hidden;}
#banner img {display: block; width: 940px; }
#banner-big {width: 940px; height: 285px; overflow: hidden;}
#banner-big img {display: block; width: 940px; height: 285px;}
/* Subscription Bar */
#subbar h3 {position: relative; display: block; margin: 0; padding: 0; height: 43px; background:url(../../images/sub_bar.gif) no-repeat; outline: none;}
#subbar h3 a {position: absolute; top: 8px; left: 686px;}
#subbar h3.ui-state-active a.butt-sign, #subbar h3.ui-state-active a.butt-sign:hover {background-position: 0 -54px !important; cursor:default;}
#main #page-top {height: 2px; background:url(../../images/page_bg_top.png) no-repeat;}
#main #page-bot {height: 5px; background:url(../../images/page_bg_bot.png) no-repeat;}
#main #page {background-color: #FFF; padding: 20px 20px 15px 20px; min-height: 200px; height: auto !important; height:200px;}
/* Products */
#prodnav {width: 160px; float: left; overflow: hidden;}
#prodpanel {width: 780px; float: right; overflow: hidden;}
#prodpanel #page-top {height: 2px; background:url(../../images/page_bg_top_prod.png) no-repeat;}
#prodpanel #page-bot {height: 5px; background:url(../../images/page_bg_bot_prod.png) no-repeat;}
#prodpanel #page {background-color: #FFF; padding: 20px 60px 15px 60px; min-height: 600px; height: auto !important; height:600px;}
#prodpanel #prodtext {background: url(../../images/prodtext_bg.gif) repeat-y; margin-bottom: 30px;}
#prodpanel #prodtext div.textcol {width: 300px; }
#prodpanel #prodtext h2 {color: #004b90;}
div.salmon #prodpanel #prodtext h2 {color: #c82d28;}
#prodimgs {position: relative; }
/* Recipes */
#rec-row-top {border-top: 1px solid #d9e2eb; padding: 20px 0 19px 0;}
#rec-row-top div.rec-col-left {width: 202px; float: left;}
#rec-row-top div.rec-col-right {width: 642px; float: right;}
#sendwrapper {display: none; border-top: 1px solid #d9e2eb; padding: 25px 0 3px 0; background:url(../../images/send_base.gif) 50% 100% no-repeat; margin-bottom: 25px;}
#rec-row-bot {border-top: 1px solid #d9e2eb; padding: 20px 0 0 0; background:url(../../images/recipe_bg.gif) repeat-y; line-height: 20px;}
#rec-row-bot div.rec-col-left {width: 420px; float: left;}
#rec-row-bot div.rec-col-right {width: 440px; float: right;}
#rec-row-top div.rec-col-left img {margin-bottom: 20px; border: 1px solid #d8d5d5;}
#videoframe {border: 1px solid #d8d5d5; height: 360px; overflow: hidden;}
.jcarousel-container {position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px;}
.jcarousel-next { z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}
#prodcaro {background: url(../../images/prodcaro_bg.png) no-repeat; width: 663px; height: 341px; padding: 5px 0 0 5px; overflow: hidden; }
#prodcaro-list {}
#prodcaro .jcarousel-clip-horizontal {width: 658px; height: 341px; overflow: hidden; }
#prodcaro .jcarousel-item {width: 658px; height: 341px; text-align: center;}
#prodcaro .jcarousel-next-horizontal { position: absolute; top: 105px; right: 30px; width: 58px; height: 58px; cursor: pointer; background: transparent url(../../images/prodcaro_nextbutt.gif) no-repeat 0 0; }
#prodcaro .jcarousel-prev-horizontal { position: absolute; top: 105px; left: 30px; width: 58px; height: 58px; cursor: pointer; background: transparent url(../../images/prodcaro_prevbutt.gif) no-repeat 0 0; }
#prodcaro .jcarousel-prev-disabled-horizontal, #prodcaro .jcarousel-next-disabled-horizontal {background: none; cursor:auto;}
#prodcaro-list {list-style: none;}
#prodcaro-list div.prodcaro-img {width: 658px; height: 267px; overflow: hidden; text-align: center; }
#prodcaro-list div.prodcaro-img img {display: block; margin: 0 auto;}
#prodcaro-list div.prodcaro-text {width: 658px; height: 49px; overflow: hidden; padding-top: 20px; text-align: center; font-size: 18px; color: #004b90;}
div.salmon #prodcaro-list div.prodcaro-text {color: #c82d28;}
/* Page Panel */
#pagepanel {width: 780px; float: right;}
#pagepanel #page-top {height: 2px; background:url(../../images/page_bg_top_prod.png) no-repeat;}
#pagepanel #page-bot {height: 5px; background:url(../../images/page_bg_bot_prod.png) no-repeat;}
#pagepanel #page {background-color: #FFF; padding: 20px 20px 15px 20px; min-height: 600px; height: auto !important; height:600px; }
div.pageborder {border-top: 1px solid #d9e2eb; padding: 20px 0;}
img.pageimg {display: block; width: 200px; float: left; border: 1px solid #d8d5d5;}
div.imgmargin {margin-left: 225px}
/* Search Text */
div.srchtext {margin-right: 300px;}
/* BG Popup */
#subpop { width: 460px; height: 474px; background:url(../../images/bg_popup.png) no-repeat; overflow: hidden;}