/*
Copyright (c) 2009,  All rights reserved.

Delicous Stylesheet

Spacing
--------------------
| 5 | 10 | 20 | 30 |
--------------------

Colours
-----------------------
Orange: #ff7802
Blue: #43b7f5
Dark Grey: #333
Medium Grey: #b9b1a9
Light Grey: #ecebe8

Notes
-----------------------


*/

/** Debug  ///////////////////////////////// **/
#overlay { position: absolute; top: 0; margin: 0 auto; /*opacity: 0.5; 	-moz-opacity: 0.5; 	filter:alpha(opacity=50);       */ }

/** Global ///////////////////////////////// **/

html { /* Don't show any underwear! */ background: #fff; }
body { background: #fff url( '../images/common/bkg_body.jpg' ) repeat-y top center; text-align: center; }
strong { font-weight: bold; }
noscript, legend, caption { display: none; }
.hidden { position: absolute; top: -5000px; }
.clear { float: none; clear: both; }
span.clear { display: block; }
.left { float: left; }
.right { float: right; }
img { background: #000; margin: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */


/** Typography ///////////////////////////////// **/
p, li, label, legend { font-family: Tahoma,Verdana,sans-serif; font-size: 100%; color: #222; }
input, textarea, select { font-family: Tahoma,Verdana,sans-serif; font-size: 93%; color: #222; }
h1 { font-weight: bold; font-size: 189%; }
h2 { font-weight: bold; font-size: 116%; }
h3 { font-weight: bold; font-size: 116%; }
h4, h5 { font-weight: bold; font-size: 100%; }
p { margin-bottom: 15px; line-height: 123.1%; }
p.info { margin-bottom: 2px; width: 380px; }
a { text-decoration: underline; /*cursor:pointer;*/ color: #222; }
a:hover { /*color:#ff7802;*/ }
.title { font-weight: bold; }


/** Layout ///////////////////////////////// **/
#page { width: 960px; text-align: left; margin: 0 auto; }
#header { /*background:#ff7802 url('../images/common/bkg_header.jpg') repeat-x top left;*/ }
#content { clear: both; background: #fff; padding: 20px 20px 25px 20px; }
#column-left { float: left; width: 580px; margin: 10px 20px 0 0; }
#column-right { float: right; width: 320px; margin: 0; }
#column-microsite { clear: both; width: 100%; margin: 0; }

#footer { clear: both; text-align: center; }


/** Image replacement ///////////////////////////////// **/
.img-replace { position: relative; }
.img-replace span { position: absolute; left: -3000px; }

/** Lists ///////////////////////////////// **/
.two-third-column li, .bulleted li { list-style: disc; margin-left: 13px; }

/** Forms ///////////////////////////////// **/
input.text, textarea { padding: 2px 3px; border: 1px solid #333; }
input.text:focus, input.focus, textarea:focus, textarea.focus { background: #ffffff; }
textarea { border: 1px solid #998F86; margin: 0 0 10px 0; padding: 5px; width: 380px; height: 100px; }
input.submit { }
label.title { font-weight: bold; margin: 10px 0 0 0; }
.input-field { background: #ecebe8; color: #222; padding: 5px 7px; margin: 0 0 10px 0; position: relative; }
.input-field-inline { background: #ecebe8; color: #222; padding: 5px 7px; margin: 0 0 10px 0; position: relative; }
.input-field label.overlabel-apply { padding: 2px 0 0 6px; }
.input-field input.text { border: 0; border-bottom: 1px dotted #222; background: none; width: 70%; }
.input-field input.text:focus, .input-field input.text.focus { border-bottom: 1px solid #222; }

/** Buttons ///////////////////////////////// **/
a.button { padding: 2px 7px 3px 7px; /*background:#fb7602;*/ color: #fff; text-decoration: none; }
a.button:hover { background: #222; color: #fff; }

/** Header ///////////////////////////////// **/
#leaderboard { float: left; padding: 9px 0 0 15px; width: 728px; height: 90px; }
#subscription-board { float: right; position: relative; padding: 10px 30px 0 0; }
#subscription-board .content { display: inline; position: absolute; bottom: 25px; left: 0; width: 100px; color: #fff; font-weight: bold; font-size: 116%; line-height: 116%; }
#subscription-board a { text-decoration: none; }
#subscription-board .content span { /*background:#43b7f5;*/ padding: 3px 0; }
#logo { float: left; }
#logo a { display: block; width: 206px; height: 47px; margin: 20px 0 0 20px; background: url( '../images/common/logo.png' ) no-repeat top left; }
#strapline { float: left; width: 299px; height: 19px; background: url( '../images/common/strapline.png' ) no-repeat top left; margin: 43px 0 0 2px; }

/** Navigation ///////////////////////////////// **/
#navigation { clear: both; position: relative; border-top: 1px dotted #fff; height: 31px; position: relative; top: -4px; }
#primary-nav { /*background:url(../images/common/accessible_nav_bkg.png) repeat-x 0 35px;*/ padding: 0 0 0 15px; /*margin:0 15px;*/ }
#primary-nav li { float: left; }
#primary-nav li a { display: block; padding: 9px 8px; color: #fff; font-size: 108%; text-decoration: none; }
#primary-nav li a:hover { /*background:#ce5401;*/ color: #222; }
#primary-nav li.active a { background: #fff; /*color:#fc7602;*/ font-weight: bold; }
#primary-nav ol { display: none; }
#primary-nav li.active ol { display: block; position: absolute; bottom: -30px; left: 0; width: 960px; background: #fff; }
#primary-nav li.active ol li { padding: 5px 0 5px 7px; }
#primary-nav li.active ol a { display: inline; color: #333; font-size: 100%; font-weight: normal; padding: 0 7px 0 0; }
#primary-nav li.active ol li.active a { /*color:#fc7602;*/ }
#primary-nav li.active ol li.first { padding-left: 23px; }
#primary-nav li.active ol li a:hover { /*color:#fc7602;*/ background: #fff; text-decoration: underline; }

/** Footer ///////////////////////////////// **/
#footer { /*background:#a83800 url('../images/common/bkg_header.jpg') repeat-x top left;*/ color: #fff; text-align: left; }
#footer a { text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
.footer-column { width: 215px; float: left; margin: 15px 0 10px 20px; }
.footer-column h5 { font-size: 85%; border-bottom: 1px dotted #fff; padding: 0 0 2px 1px; margin: 0 0 10px 0; font-weight: normal; }
.footer-column h5 a { text-decoration: none; }
.footer-column h5 a:hover { text-decoration: underline; }
.footer-column h5 a, .footer-column p, .footer-column a, .footer-column ul li { color: #fff; }
.footer-column ul li { list-style-type: disc; list-style-position: outside; margin-left: 15px; }
.footer-column ul li a { text-decoration: none; }
.footer-column p { margin: 0 0 20px 0; }
.footer-column p.title { margin-bottom: 0; font-weight: bold; font-size: 108%; }
#subscription-info img { float: left; margin-right: 5px; }
#subscription-info .content { float: left; width: 100px; margin: 0 0 0 10px; }
#subscription-info h5 { margin-top: 0; padding-top: 0; }
#global-nav { clear: both; border-top: 1px dotted #fff; padding: 10px 15px 15px 15px; }
#global-nav li { float: left; color: #fff; padding: 0 0 0 5px; }
#global-nav li a { color: #fff; font-size: 85%; padding: 0 5px 0 0; }

/** Dialogs ///////////////////////////////// **/
.dialog { width: 439px; clear: both; }
.dialog .content { background: url( '../images/common/bkg_dialog.png' ) repeat-y 0 0; }
.dialog .dialog-header { height: 27px; background: url( '../images/common/bkg_dialog_header.png' ) no-repeat 0 0; }
.dialog .dialog-footer { height: 27px; background: url( '../images/common/bkg_dialog_footer.png' ) no-repeat 0 0px; }
.dialog .content { position: relative; padding: 0 30px; }
.dialog .close { position: absolute; right: 30px; top: 0; font-size: 85%; text-decoration: underline; font-weight: bold; }
.dialog h5 { padding: 20px 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #b9b1a9; }
.dialog .article { margin: 0 0 25px 0; }
.dialog .article img { float: left; }
.dialog .article p { float: left; width: 170px; margin: 0 0 0 15px; }
.dialog .content { clear: both; }
.dialog .button { float: left; margin-top: 20px; }
.dialog .specifics { float: left; margin: 20px 0 0 10px; font-size: 93%; padding: 2px 0 0 0; }
.dialog .error { /*border:1px solid #ff7802;*/ /*color:#ff7802;*/ padding: 5px; margin-bottom: 10px; }
#newsletter .active.dialog { position: absolute; top: -15px; right: -15px; }
#email-friend.active.dialog { position: absolute; top: -15px; right: -15px; z-index: 100; }

/** Right Column  ///////////////////////////////// **/

/** Tabbing  ///////////////////////////////// **/
.tab-nav { border-bottom: 1px solid #B9B1A9; margin: 0 0 15px 0; }
.tab-nav li { float: left; border: 1px solid #b9b1a9; border-bottom: 0; margin: 3px 2px 0 0; position: relative; top: 1px; font-size: 93%; }
.tab-nav li.active { border-bottom: 1px solid #fff; margin-top: 0px; }
.tab-nav a { display: block; padding: 3px 5px; background: #fff; text-decoration: none; }
.tab-nav a:hover { /*background:#ff7802;*/ color: #fff; }
.tab-nav li.active a { background: #fff; font-weight: bold; font-size: 116%; }
.tab-nav li.active a:hover { color: #222; }

/** Search  ///////////////////////////////// **/
#search-normal { /*background:#43b7f5;*/ padding: 6px 10px; }
#search .title { color: #fff; display: block; font-size: 118%; margin: 0 0 5px 0; }
#search-field { border: 1px solid #fff; margin: 0 0 10px 0; position: relative; }
#search-field label { display: none; }
#search-field .text { float: left; border: 0; font-size: 100%; padding: 3px 10px 4px; margin: 0; width: 249px; }
#search input.button { height: 23px; width: 29px; margin: 0; float: right; }
#search-field input.button, #search-refinements input.button { /*background:url('../images/common/sx_buttons.png') no-repeat 0 -0px;*/ }
#search-field input.button:hover, #search-refinements input.button:hover { /*background:url('../images/common/sx_buttons.png') no-repeat 0 -40px;*/ }

#search-field input.button { float: left; }
#search-filters { margin: 0 0 10px 0; }
#search-filters label { float: left; margin: 0 15px 0 0; font-size: 85%; color: #000; }
#search-filters label span { position: relative; top: 0; }
#search-filters label span, x:-moz-any-link, x:default { top: -3px; }
a#refine-search { float: right; font-size: 85%; color: #000; text-decoration: none; padding: 1px 20px 0 0; /*background:url('../images/common/sx_buttons.png') no-repeat 74px -81px;*/ position: relative; top: -3px; }
a#refine-search:hover { text-decoration: underline; }
a#refine-search.active { background-position: 74px -111px; }
#search-refinements { clear: both; /*background:#d9f1fd;*/ padding: 10px; }
#search-refinements br { clear: both; }
#search-refinements label { float: left; width: 110px; padding: 3px 0 0 0; margin: 0 0 5px 0; }
#search-refinements select { float: left; width: 190px; margin: 0 0 5px 0; font-size: 93%; }
#search-refinements input.button { float: right; }

/** Components  ///////////////////////////////// **/
#components { background: #ecebe8; /** url('../images/common/bkg_components.png') repeat-x top left;**/ padding: 10px 10px 10px 10px; margin: 10px 0 20px 0; border-top: 3px solid #B9B1A9; }
#components .tab-nav { border: 0; margin: 0; }
#components .tab-nav li { border: 1px solid #b9b1a9; border-bottom: 0; margin: 0 5px 0 0; position: relative; top: 1px; }
#components .tab-nav a { display: block; padding: 1px 5px 3px 5px; background: #ecebe8; text-decoration: none; }
#components .tab-nav li.active { border-bottom: 1px solid #fff; }
#components .tab-nav li a:hover { /*color:#ff7802;*/ }
#components .tab-nav li.active a { background: #fff; font-size: 100%; font-weight: normal; }


/** Login  ///////////////////////////////// **/
#cookbook, #register, #login { border: 1px solid #b9b1a9; background: #fff; padding: 15px 10px; margin: 0 0 10px 0; }
#login h5 { margin-bottom: 10px; }
#login label { display: block; margin-bottom: 2px; }
#login input.text { width: 106px; border: 1px solid #b9b1a9; padding: 3px 1px 4px; }
#login .login-field { float: left; margin: 0 5px 0 0; position: relative; }
#login input.button { height: 23px; width: 29px; /*background:url('../images/common/sx_buttons.png') no-repeat 0 -140px;*/ }
#login input.button:hover { /*background:url('../images/common/sx_buttons.png') no-repeat 0 -180px;*/ }
#forgotten-credentials { clear: both; float: left; font-size: 85%; margin: 4px 10px 0 0; width: 100%; }
#remember-field { display: inline; margin-left: 15px; top: 3px; position: relative; }

#remember-field label { display: inline; font-weight: normal; position: relative; top: -3px; padding-right: 5px; }

/** Register  ///////////////////////////////// **/
#register ol, #register h5 { margin-bottom: 10px; }
#register p { margin-bottom: 0; }
#register li { padding: 2px 0 3px 30px; margin: 0 0 3px 0; }
#register a.button { margin: 30px 0; }
/** Newsletter  ///////////////////////////////// **/
#newsletter { margin: 10px 0 10px 0; border-top: 2px solid #B9B1A9; border-bottom: 2px solid #B9B1A9; padding: 10px 0px 10px 0px; background: #ECEBE8; /** url('../images/common/bkg_newsletter.jpg') no-repeat bottom right **/ }
#newsletter span { display: block; width: 200px; }
#newsletter .title { font-weight: bold; display: block; }
#newsletter a { text-decoration: none; }
#newsletter a:hover { color: #222; text-decoration: none; }
#newsletter a:hover .title { /*color:#ff7802;*/ text-decoration: underline; }
#newsletter img { margin-left: 2px; }

/** Marketplace  ///////////////////////////////// **/
#marketplace { margin: 20px 0 0 0; border-top: 2px solid #B9B1A9; /*border-bottom:2px solid #B9B1A9;*/ padding: 64px 10px 10px 5px; background: #ECEBE8 url( '../images/common/bkg_marketplace.jpg' ) no-repeat bottom right; }
#marketplace span { display: block; width: 232px; color: #fff; font-size: 85%; }
#marketplace .title { display: block; color: #fff; font-size: 85%; font-weight: normal; }
#marketplace a { text-decoration: none; }
#marketplace a:hover { color: #222; text-decoration: none; }
#marketplace a:hover .title { /*color:#ff7802;*/ text-decoration: underline; }

/** Marketplace-Search  ///////////////////////////////// **/
#marketplace-search-normal { background: url( '../images/common/bkg_marketplace-search.png' ) no-repeat; padding: 6px 0px 40px; height: 90px; }
#marketplace-search .title { color: #fff; display: block; font-size: 123.1%; margin: 40px 0 10px 0; }

#marketplace-search-field { margin: 60px 14px; width: 214px; border: 1px solid #fff; float: left; }
#marketplace-search-filter { margin: 62px 0; float: left; color: White; }
#marketplace-search-filter select { margin: 0 0 0 8px; }
#marketplace-search-field label { display: none; }

#marketplace-search-field .text { float: left; border: 0; font-size: 100%; padding: 3px 10px 4px 10px; margin: 0; width: 165px; }
#marketplace-search input.button { height: 23px; width: 29px; margin: 0; float: right; }
#marketplace-search-field input.button { /*background:url('../images/common/sx_buttons.png') no-repeat 0 -140px;*/ }
#marketplace-search-field input.button:hover { /*background:url('../images/common/sx_buttons.png') no-repeat 0 -180px;*/ }
#marketplace-search-field input.button { float: left; }
#marketplace-search-filters { margin: 0 0 10px 0; }
#marketplace-search-filters label { float: left; margin: 0 15px 0 0; font-size: 85%; color: #fff; }
#marketplace-search-filters label span { position: relative; top: 0; }
#marketplace-search-filters label span, x:-moz-any-link, x:default { top: -3px; }

/** Cookbook  ///////////////////////////////// **/
#cookbook h5 { margin: 0 0 2px 0; }
#cookbook h5 a { text-decoration: none; }
#cookbook h5 a:hover { text-decoration: underline; }
#cookbook ul { font-size: 85%; margin-bottom: 10px; }
#cookbook li { float: left; margin: 0 5px 0 0; }
#cookbook li a { margin-right: 5px; }
#cookbook .content { clear: both; border-top: 1px dotted #b9b1a9; padding: 10px 0 0px 70px; background: url( '../images/common/bkg_cookbook.jpg' ) no-repeat 0 10px; }
#cookbook .content p { margin: 0 0 5px 0; font-size: 93%; line-height: 93%; }

/** MPU  ///////////////////////////////// **/
#mpu { margin: 10px 0 10px 0; width: 300px; height: 250px; }

/** Quick Recipes  ///////////////////////////////// **/
#quick-recipes { float: left; width: 109px; padding: 0 15px 0 0; margin: 0 15px 0 0; border-right: 1px dotted #b9b1a9; }
.quick-recipe-list { border-top: 2px solid #B9B1A9; padding-top: 10px; margin: 0 0 10px 0; }
.quick-recipe-list h5 { margin: 0 0 10px 0; }
.quick-recipe-list h5 a { font-weight: bold; text-decoration: none; }
.quick-recipe-list ul { margin: 5px 0 0 0; }
.quick-recipe-list li { padding: 0 0 8px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #b9b1a9; line-height: 100%; }
.quick-recipe-list li.last { border-bottom: 0; }
.quick-recipe-list li a { font-size: 85%; text-decoration: none; }
.quick-recipe-list li a:hover, .quick-recipe-list h5 a:hover { text-decoration: underline; }

/** Skyscraper  ///////////////////////////////// **/
#skyscraper { float: right; width: 160px; height: 600px; }

/** Twitter  ///////////////////////////////// **/
#twitter { border-top: 2px solid #B9B1A9; padding: 0 15px 0 0; margin: 15px 15px 0 0; width: 280px; }
#twitter-link { margin: 25px 0 0 0; display: block; text-align: right; }
#twitter img { margin: 15px 0 0 0; float: left; }
#twitter h5 { margin: 0 0 10px 0; }
#twitter h5 a { font-weight: bold; text-decoration: none; }
#twitter ul { margin: 15px 0 0 0; border-top: 1px dotted #b9b1a9; }
#twitter li { padding: 8px 0 8px 0; border-bottom: 1px dotted #b9b1a9; line-height: 100%; }
#twitter li.last { border-bottom: 0; }
#twitter li a { font-size: 85%; text-decoration: none; color: #43b7f5; }
#twitter li a:hover, #twitter h5 a:hover { text-decoration: underline; }


/** Left Content  ///////////////////////////////// **/

/** Page Filter  ///////////////////////////////// **/
#page-filter { text-align: right; float: right; display: inline; margin: 0; }

/** Search Results  ///////////////////////////////// **/
.summary { margin: -10px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #222; }
#listing-items h1 { margin: 20px 0 20px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #222; }
#listing-items .two-column { margin-bottom: 10px; }
.listing-item { margin: 30px 0 0 0; position: relative; }
.listing-item img { float: left; margin: 0 20px 0 0; }
.listing-item .content { float: left; width: 420px; }
.listing-item .edit { float: right; overflow: hidden; }
.listing-item .edit a { background: #b9b1a9; color: #fff; display: block; padding: 3px; text-align: center; margin-bottom: 3px; text-decoration: none; }
/*.listing-item .edit a:hover {background:#ff7802;}*/

.two-third-column .listing-item .content { width: 228px; }
.listing-item .sx-cookbook-del { position: absolute; top: 0; right: 0; }

/** Paging  ///////////////////////////////// **/
.paging { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #222; font-size: 93%; }
.paging.last { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #222; }
.paging .paging-next { float: left; margin: 0 0 0 20px; }
.paging .paging-previous { float: left; margin: 0 20px 0 0; }
.paging ol { float: left; }
.paging ol li { float: left; list-style: none; }
.paging ol li a { padding: 5px; }
.paging ol li.active { }
.paging ol li a.active { margin-top: 1px; /*color:#ff7802;*/ text-decoration: none; font-weight: bold; }

/** Breadcrumb  ///////////////////////////////// **/
.breadcrumb { border-bottom: 1px dotted #222; padding: 0 0 5px 0; margin: 0 0 15px 0; }
.breadcrumb li { /*color:#ff9940;*/ float: left; font-size: 167%; margin: 0 5px 0 0; }
.breadcrumb a { /*color:#ff9940;*/ text-decoration: none; padding: 0 5px 0 0; }
.breadcrumb li.first, .breadcrumb li.first a { /*color:#ff7802;*/ }
.breadcrumb a:hover { text-decoration: underline; }

/** Content Columns  ///////////////////////////////// **/
.one-column .category, .two-column .category, .three-column .category, .two-third-column .category { border-bottom: 1px dotted #222; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.one-column .category a, .two-column .category a, .three-column .category a, .two-third-column .category a { font-size: 85%; text-decoration: none; }
.one-column .category a:hover, .two-column .category a:hover, .three-column .category a:hover, .two-third-column .category a:hover { text-decoration: underline; }
.one-column h1 a, .two-column h2 a, .three-column h3 a, .two-third-column h3 a { text-decoration: none; }
.one-column h1 a:hover, .two-column h2 a:hover, .three-column h3 a:hover, .two-third-column h3 a:hover { text-decoration: underline; }

/** One Content Column  ///////////////////////////////// **/
.one-column { margin: 0 0 40px 0; }
.one-column img { float: left; margin: 0 20px 0 0; }
.one-column .content { float: left; width: 180px; }
.one-column h1 { margin: 0 0 10px 0; line-height: 108%; }

/** Two Content Column  ///////////////////////////////// **/
.two-column { float: left; width: 280px; margin: 0 0 40px 0; }
.two-column.last { float: right; }
.two-column img { margin: 0 0 5px 0; }
.two-column h2, .three-column h3 { margin: 0 0 3px 0; }
.two-column .content p, .three-column .content p, .two-third-column .content p { margin: 0 0 5px 0; }

/** Three Content Column  ///////////////////////////////// **/
.three-column { float: left; width: 180px; margin: 0 20px 40px 0; }
.three-column.last { float: right; margin-right: 0; }
.three-column.dropped { margin-top: 21px; }

/** Two Third Column  ///////////////////////////////// **/
.two-third-column { float: left; width: 380px; }

/** Carousels  ///////////////////////////////// **/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#recipe-carousel.jcarousel-container { position: relative; }
#recipe-carousel .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
#recipe-carousel .jcarousel-list, #recipe-carousel .content-groups { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
#recipe-carousel .jcarousel-list li, #recipe-carousel .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 543px; height: 205px; clear: none; }
#recipe-carousel .jcarousel-list ul li { width: 181px; }

.jcarousel-skin-tango .jcarousel-container-horizontal { width: 542px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { height: 205px; width: 542px; }

#recipe-carousel.gallery{margin-bottom:0;}
#recipe-carousel.gallery .jcarousel-list li, #recipe-carousel.gallery .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 181px; height: 175px; clear: none; }
#recipe-carousel.gallery .jcarousel-list ul li { width: 181px; }
#recipe-carousel.gallery .jcarousel-clip-horizontal { height: 175px;}

.galleryWrapper{background:#f0f0f0;}
#GalleryActiveItem{padding:19px; background:#f0f0f0;}
#GalleryActiveItem img{margin-left:-19px; margin-top:-19px; margin-bottom:5px;}

/*
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 542px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { height: 205px; width: 542px; }

#recipe-carousel.gallery .jcarousel-list li, #recipe-carousel.gallery .jcarousel-item { float: left; list-style: none; width: 543px; height: auto; clear: none; }
#recipe-carousel.gallery .jcarousel-list ul li { width: 543px; }
#recipe-carousel.gallery .jcarousel-clip-horizontal { height: auto;}
*/

/** Recipe Carousel  ///////////////////////////////// **/
#recipe-carousel { background: #f0f0f0; padding: 15px 19px; margin: 0 0 40px 0; width: 542px; overflow:hidden;}
#recipe-carousel ul{width:9999px;}
#recipe-carousel li{float:left; width: 181px; }
#recipe-carousel li p { margin: 0 5px 0 0; }
#recipe-carousel .category { margin: 0 0 5px 0; }
#recipe-carousel .category a { text-decoration: none; }
#recipe-carousel .category a:hover { text-decoration: underline; }
#recipe-carousel ul li p a { font-weight: bold; font-size: 93%; text-decoration: none; }
#recipe-carousel ul li p a:hover { text-decoration: underline; }

#recipe-carousel ul ul li { clear: none; float: left; width: 180px; margin: 0; }
.carousel-controls { border-top: 1px dotted #b9b1a9; padding: 10px 0 0 0; text-align: center; }
.carousel-controls .group-buttons a { width: 20px; height: 20px; /*background:url('../images/common/sx_buttons.png') no-repeat 6px -244px;*/ float: left; display: block; margin: 0; }
#carousel-previous { float: left; padding: 3px 48px 2px 0; font-size: 93%; font-weight: bold; text-decoration: none; /*background:url('../images/common/sx_icons.png') no-repeat 100% -109px;*/ }
#carousel-next { float: left; padding: 3px 0 2px 40px; font-size: 93%; font-weight: bold; text-decoration: none; margin: 0 0 0 18px; /*background:url('../images/common/sx_icons.png') no-repeat 0 -128px;*/ }
.group-buttons { float: left; }

/** Recipe Summary  ///////////////////////////////// **/
#recipe-summary { border-top: 1px dotted #222; border-bottom: 1px dotted #222; margin: 0 0 20px 0; padding: 5px 0 5px 0; }
#recipe-summary li { float: left; padding: 0 0 0 0; margin: 0 10px 0 0; }
#recipe-summary li span { padding: 0 10px 0 17px; }
#recipe-image { margin: 0 0 20px 0; }

.triedtested { position: relative; z-index: 1; background-color: Transparent; left: 280px; top: 20px; }
.triedtestedimage { position: relative; top: -102px; left: 0px; z-index: 0; width: 300px; height: 300px; }
			
.recipe-ingredients, .recipe-method { margin: 0 0 20px 0; }	
.recipe-ingredients li { list-style-type: none; margin: 0; }

.recipe-method li { /* REMOVED BECAUSE DECIMAL STYLE ALREADY ENTERED IN CMS /* 	/*list-style-type: decimal;*/ list-style-type: none; /*list-style-position:inside;*/ margin: 0 0 10px 0; }
.editorial-comment { font-size: 167%; /*color:#ff7802;*/ margin-bottom: 20px; }
.editorial-comment:before { content: '"'; }
.editorial-comment:after { content: '"'; }
.user-recipe { margin: 0; font-weight: bold; padding: 0; }


/** Star Rating ///////////////////////////////// **/
.star-rating { float: left; background: url( '../images/common/sx_stars.png' ) no-repeat top left; width: 68px; height: 12px; margin: 2px 3px 0 0; }
.star-rating a { float: left; width: 12px; height: 12px; margin: 0 1px 0 0; }
.star-rating a:hover, .star-rating a.hover { background: #fff url( '../images/common/sx_stars.png' ) no-repeat 0 -20px; }
.star-rating a span { display: none; }
.feed-article .star-rating { margin-top: 8px; }


/** Recipe Comments  ///////////////////////////////// **/
#comments { margin: 40px 0 0 0; background: #f3f3f3; padding: 10px; }
#comments fieldset { border-top: 1px dotted #222; padding: 10px 0; margin: 10px 0 5px 0; }
#comments textarea { width: 345px; height: 100px; border: 1px solid #998F86; margin: 0 0 10px 0; padding: 5px; }
#comments ul li { float: left; margin: 0 5px 0 0; list-style: none; }
#comments ul li a { padding: 0 5px 0 0; }
.comment-post { padding: 10px 0 10px 0; border-top: 1px dotted #222; }
.comment-post p, .comment-post ul { float: right; width: 250px; font-size: 85%; }
.comment-post .author { float: left; width: 90px; margin: 0 10px 0 0; font-weight: bold; }

/** Sidebar ///////////////////////////////// **/
.sidebar-component { padding: 10px 0 0 0; border-top: 1px dotted #222; margin: 10px 0 0 0; }
.sidebar-component.first { margin-top: 0; }
.sidebar-component ul { margin: 5px 0 0 0; }
.sidebar-component li { margin: 0 0 5px 0; }
.sidebar-component a { text-decoration: none; }
.sidebar-component a:hover { text-decoration: underline; }
#related-recipes li, #other-recipes li { font-size: 93%; }

/** Recipe actions ///////////////////////////////// **/
#recipe-actions li { padding: 0 0 2px 0; }
#recipe-actions li a { padding: 0 0 0 30px; }

#recipe-actions { overflow:hidden; }
#recipe-actions a{ float:left; display:block;margin:0 ;width:30px; height:17px;}
#recipe-actions a.sx-cookbook{width:auto;padding: 0 0 0 30px;line-height:17px; }
#recipe-actions a span{display:none;}
.pinterest{float:right;}

/** Archive  ///////////////////////////////// **/
#archive img { background: #fff; }
#archive a { font-size: 85%; padding: 0 0 5px 0; /*background:url('../images/common/sx_buttons.png') no-repeat 0 -207px;*/ }
#archive a.NoBackground { background: none; /*background-color:Fuchsia;*/ padding: 0 0 5px 0; display: block; width: 130px; /* position:relative;     left:-25px;*/ font-weight: normal; }
#archive td { padding: 2px 0 3px 0; }
#archive td { vertical-align: top; }
#archive td.NoBackground { padding-bottom: 5px; }

#archive td a.active { /*color:#ff7802;*/ }
#archive ul a, #archive li ul a { font-weight: normal; padding: 0; background: none; }
#archive li ul { /*margin-bottom-top:4px;*/ margin: 4px 0 4px 0; }
#archive li a.active { /*background:url('../images/common/sx_buttons.png') no-repeat 0 -224px;*/ /*color:#ff7802;*/ }
#archive li li { margin: 0 0 5px 15px; }



/** Cooks Dictionary  ///////////////////////////////// **/
p.hero { font-size: 550%; color: #ffffff; /*background:#fc7602;*/ font-weight: bold; padding: 15px 20px; line-height: 100%; }
#dictionary-items li { font-weight: bold; margin: 0 0 5px 2px; }
#dictionary-items li a { text-decoration: none; }
#dictionary-items li a:hover { text-decoration: underline; }


/** Cookbook  ///////////////////////////////// **/
#upload-link { float: right; padding: 3px 0 2px 25px; text-decoration: none; }
#upload-link:hover { text-decoration: underline; }

/** Blog  ///////////////////////////////// **/
#article-image { border-top: 1px dotted #222; padding: 10px 0 0 0; margin: 0 0 10px 0; }

/** Email Friend  ///////////////////////////////// **/
#email-friend textarea { width: 369px; }

/** Hacks to try to make things look right when entered through wizziwig**/

.wizziwig div { padding: 10px; }

.wizziwig table { border: solid 1px white; border-spacing: 0px; border-collapse: collapse; }

#print-logo { display: none; }

/** Competitions  ///////////////////////////////// **/
#CompetitionFields table td input { padding: 1px; margin: 5px; }
#CompetitionFields span input { padding: 1px; margin: 5px; }
#CompetitionFields div { color: #222222; font-family: Tahoma,Verdana,sans-serif; font-size: 93%; }
#CompetitionFields div input { padding: 1px; margin: 5px; }

/** Counties  ///////////////////////////////// **/
#GetCounty option { margin: 4px 0 2px 0; }
#GetCounty option.country { border-bottom: 1px dotted #222; margin: 10px 0 5px 0; font-weight: bold; }
#GetCounty option.region1 { margin-left: 0px; }
#GetCounty option.region2 { margin-left: 10px; }
#GetCounty option.region3 { margin-left: 20px; }
#GetCounty option.region4 { margin-left: 30px; }
/** Countries  ///////////////////////////////// **/
.dropdownlist option { margin: 4px 0 2px 0; }


/** Show Hide Field Labels **/
label.overlabel { color: #999; position: absolute; width: 0px; height: 0px; overflow: hidden; }

label.overlabel-apply { position: absolute; top: 3px; left: 5px; z-index: 1; color: #999; }

/** Mailchimp Signup Form **/
.inline{display:block;}
#mailchimp_form{margin: 0;width:400px; height:100px;line-height: 1.6em;text-align:left;}
#mailchimp_form #mc_embed_signup{background: #ECEBE8;padding: 20px;border-top: 3px solid #B9B1A9; height:35px;}
#mailchimp_form h5 { margin-bottom: 10px; }
#mailchimp_form label { display: block; margin-bottom: 2px; }
#mailchimp_form input.text { width: 200px; border: 1px solid #b9b1a9; padding: 3px 1px 4px; }
#mailchimp_form .login-field { float: left; margin: 0 5px 0 0; position: relative; }
#mailchimp_form input.button { height: 23px; width: 29px; /*background:url('../images/common/sx_buttons.png') no-repeat 0 -140px;*/ ; text-indent:-9999px;border: none;}
#mailchimp_form input.button:hover { /*background:url('../images/common/sx_buttons.png') no-repeat 0 -180px;*/ }
#mailchimp_form .mc_field_group {position:relative;}