/* ------------------------------------------
CARTE D'OR
default.css

Description: Theme for Carte D'Or. Not to be used elsewhere
Created: 6 May 2010
Version date: 14 May 2010
Version: 1.5
------------------------------------------ */


/* =======================================================================================================================
							S C R E E N
   ======================================================================================================================= */

@media screen, projection {

/*  =============================================================================
==RESET
 ============================================================================= */

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q, samp,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding:0; border:0; margin:0; font-size:100%; vertical-align:baseline; background:transparent;
}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, th, td {vertical-align:middle;}


/*  =============================================================================
==TYPOGRAPHY
 ============================================================================= */

body {font:100.01%/1 Arial, sans-serif; color:#391f0a; background:#271202 url(../images/design/background.jpg) no-repeat 50% 0;}

a:link, a:visited {color:#970829; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:underline;}

p, blockquote, address,
li, dt, dd,
caption, td, th,
legend, label, input, textarea {font-size:0.9375em;} /* 15px */

blockquote p, li li, li p, li dt, li dd {font-size:1em;}

/* =Headings, paragraphs, and quotes
------------------------------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {line-height:1.2em;}
h1 {margin:0 0 0.25em; font-size:1.375em; line-height:1.1em;} /* 22px */
h2 {margin:1em 0 0.5em; font-size:1em;} /* 16px */
h3 {margin:1em 0 0.5em; font-size:1em; font-weight:normal;} /* 16px */
h4 {margin:1em 0 0.75em; font-size:0.875em;} /* 14px */

p, blockquote {margin:1em 0 1.5em; line-height:1.5em;}

blockquote {padding:0 15px; border-left:3px solid #04b6bd; margin:1em 10px;}

/* =General lists
------------------------------------------------------------------------------------ */

ul, ol {margin:1em 0 1em 20px;}
ul {list-style:disc;}
ul ul, ol ol, ul ol, ol ul, ul dl, ol dl {margin-top:0.5em; margin-bottom:0.5em;}
ol {margin-left:25px;} /* see ie6.css + ie7.css */
dl {margin:1em 0;}

li, dt, dd {padding:0; margin:0.25em 0; line-height:1.5em;}
dt {font-weight:bold;}
dd {margin-left:20px;}

/* =Other
------------------------------------------------------------------------------------ */

em {font-style:italic;}
strong {font-weight:bold;}
sub, sup {font-size:0.75em; vertical-align:sub; line-height:0;}
sup {vertical-align:super;}
small {font-size:0.75em;}
legend, label, input, select, textarea {font-size:0.9375em;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}


/*  =============================================================================
==TEMPLATE
 ============================================================================= */

#container {width:950px; margin:0 auto; overflow:hidden;}

/* =Header
----------------------------------------- */

#header {position:relative; z-index:100; width:890px; height:139px; padding:20px 30px 0;}

#logo {float:left; color:#fff;} 
#logo img {display:block;}

#tagline {position:relative; float:left; width:350px; height:77px; overflow:hidden; margin:6px 0 0 165px; text-align:center; font:2.25em/1.1 Georgia, serif; color:#fff;}
#tagline span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/design/sprite-template.png) -1900px -99px;}

#signup {position:relative; float:right; clear:right; width:209px; height:39px; overflow:hidden; margin-top:15px; text-transform:uppercase; font-family:Georgia, serif; color:#fff; background:#860513;}
#signup span {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; background:url(../images/design/sprite-template.png) no-repeat -2425px -99px;}
#signup:hover span,
 #signup:focus span,
 #signup:active span {background-position:-2425px -138px;}

/* =Nav
----------------------------------------- */

#nav {position:absolute; z-index:100; left:50%; bottom:0; /* see ie6.css */ width:572px; height:33px; margin:0 0 0 -287px;}
#nav ul {list-style:none; padding:0; margin:0;}
#nav li {position:relative; float:left; padding:0; margin:0; text-transform:uppercase; text-align:center; font-family:Georgia, serif; font-size:1em;}
#nav a {position:relative; display:block; width:88px; height:33px; overflow:hidden; text-decoration:none; color:#eac761;}
#nav-news a {width:86px;}
#nav-range a {width:134px;}
#nav-recipes a {width:104px;}
#nav-buy a {width:159px;}
#nav a:hover,
 #nav a:focus,
 #nav a:active {color:#fff;}
#nav :hover > a {color:#fff;}

/* drop-down visibility */
#nav ul ul {position:absolute; z-index:100; left:-9000px; width:260px; padding:0 0 14px; background:url(../images/design/nav-dropcorners.png) no-repeat 0 100%;}
#nav ul :hover ul,
 #nav ul .hover {left:0;}
/* drop-down styles */
#nav ul ul li {float:none; display:block; width:100%; padding:8px 0 0; text-align:left; text-transform:capitalize; font:bold 1em Arial, sans-serif; background:#311b09;}
#nav ul ul li:first-child {-moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; border-radius:0 10px 0 0;}
#nav ul ul li a,
 #nav ul ul :hover a {width:auto; height:auto; padding:0 20px;}
#nav ul ul li a sup {vertical-align:middle;padding-bottom:0.6em;}

/* image replacement */
#nav span {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; background:url(../images/design/sprite-template.png) no-repeat -1900px 0;}
#nav-news span {background-position:-1988px 0;}
#nav-range span {background-position:-2074px 0;}
#nav-recipes span {background-position:-2208px 0;}
#nav-buy span {background-position:-2312px 0;}

/* image replacement :hover */
#nav a:hover span,
 #nav a:focus span,
 #nav a:active span {background-position:-1900px -33px;}
#nav-news a:hover span,
 #nav-news a:focus span,
 #nav-news a:active span {background-position:-1988px -33px;}
#nav-range a:hover span,
 #nav-range a:focus span,
 #nav-range a:active span {background-position:-2074px -33px;}
#nav-range:hover span {background-position:-2074px -33px;} /* persist when hover on drop-down links*/
#nav-recipes a:hover span,
 #nav-recipes a:focus span,
 #nav-recipes a:active span {background-position:-2208px -33px;}
#nav-buy a:hover span,
 #nav-buy a:focus span,
 #nav-buy a:active span {background-position:-2312px -33px;}

/* image replacement current section (inc. positional & dimensional adjustment) */
#nav-news .current {margin-left:-1px; width:87px;}
#nav-range .current {margin-left:-1px; width:135px;}
#nav-recipes .current {margin-left:-1px; width:105px;}
#nav-buy .current {margin-left:-1px; width:160px;}

#nav-home .current span,
 #nav-home .current:hover span,
 #nav-home .current:active span {background-position:-1900px -66px;}
#nav-news .current span,
 #nav-news .current:hover span,
 #nav-news .current:active span {background-position:-1988px -66px;}
#nav-range .current span,
 #nav-range .current:hover span,
 #nav-range .current:active span {background-position:-2075px -66px;}
#nav-recipes .current span,
 #nav-recipes .current:hover span,
 #nav-recipes .current:active span {background-position:-2210px -66px;}
#nav-buy .current span,
 #nav-buy .current:hover span,
 #nav-buy .current:active span {background-position:-2315px -66px;}

/* =Content
----------------------------------------- */

#content {padding:20px 25px 70px; background:#fff url(../images/design/sprite-template.png) no-repeat 0 0;}
.section-header {height:40px; padding:20px 0 0; margin:-20px 0 20px; background:#970829;}
.section-header h2 {margin:0; text-transform:uppercase; font-family:Georgia, serif; color:#fff;}
.primary {float:left; width:625px;}
.secondary {float:right; width:250px;}

/* narrow variant */
.narrow #content {padding-left:215px; padding-right:215px;}
.narrow .section-header {margin-left:-190px; margin-right:-190px;}

/* medium variant */
.medium #content {padding-left:70px; padding-right:70px;}
.medium .section-header {margin-left:-45px; margin-right:-45px;}

/* orphan variant */
.orphan #content {background-position:-950px 0;}

/* =Footer
----------------------------------------- */

#footer {padding:35px 0 40px; overflow:hidden; background:url(../images/design/sprite-template.png) no-repeat -1900px -340px;}
#footer ul {list-style:none; padding:0; margin:0;}
#footer li {padding:0; margin:0;}
#footer a:link,
 #footer a:visited {text-decoration:none; color:#eac761;}
#footer a:hover,
 #footer a:active,
 #footer a:focus {text-decoration:none; color:#fff;}

/* footer navigation */
ul#nav-footer {padding:20px 0 0; border-top:1px solid #53370f; margin:0 0 30px; text-align:center;}
#nav-footer li {display:inline; padding-left:8px; border-left:1px solid #eac761; margin-left:5px; line-height:1.2em; font-size:0.8125em; font-weight:bold;}
#nav-footer li.first {padding-left:0; border-left:0; margin-left:0;}

/* sound credits container */
#sound {float:right; width:285px; color:#EAC761; text-align:right;}
#sound p {margin:0;line-height:1em;}
#sound  small {} 



/* social media links */
ul#social-identities {float:right; width:320px;}
#social-identities li {display:none; float:left; margin:7px 0 0 5px;}
#social-identities img {display:block;}
#social-identities #facebook {display:block;margin:0;}
#facebook a {position:relative; display:block; width:175px; height:37px; overflow:hidden;}
#facebook span {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; background:url(../images/design/sprite-template.png) no-repeat -2250px -99px;}
#facebook a:hover span,
 #facebook a:focus span,
 #facebook a:active span {background-position:-2250px -136px;}
 
/* unilever details */
#company-details {float:left; width:290px; color:#fff;}
#company-details img {float:left; margin-right:10px;}
#company-details p {margin:0; font-size:0.6875em; line-height:1.1em;}
#company-details address,
 #company-details span {display:inline; font-style:normal; font-size:0.6875em; line-height:1.1em;}


/*  =============================================================================
==SPECIAL TEMPLATES
 ============================================================================= */

/* =Home
----------------------------------------- */

.home #content {padding:0; background:transparent;}
.home #footer {background:transparent;}

#banner {height:225px;}

.section {position:relative; z-index:10; float:left; width:310px; min-height:285px; /* see ie6.css */ padding:0 0 25px; margin:0 10px 0 0; text-align:center; color:#fff; background:#3f2711 url(../images/design/sprite-home-sections-btm.jpg) no-repeat 0 100%;}
.section-product {background-color:#a00c33; background-position:-310px 100%;}
.section-promo {margin-right:0; background-color:#c78e1d; background-position:-620px 100%;}
 
.section a:link,
 .section a:visited {color:#fff;}

.section h2 {position:relative; width:310px; height:82px; overflow:hidden; margin:0 0 10px; text-transform:uppercase; font-family:Georgia, serif; font-size:1em;}

.section h2 span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/design/sprite-home-sections-top.png) no-repeat 0 0;}
.section-product h2 span {background-position:0 -82px;}
.section-promo h2 span {background-position:0 -164px;}

.section h3 {width:260px; margin:10px auto 0; font-weight:bold;}
.section p {width:260px; margin:0 auto 1em; line-height:1.2em;}

.section-news .view-more:link,
 .section-news .view-more:visited {color:#eac761;}
.section-news .view-more:hover,
 .section-news .view-more:focus, 
 .section-news .view-more:active {text-decoration:none; color:#ffffff;}

.section-news .view-more,
.section-product .view-more,
 .section-promo .view-more {position:absolute; left:50%; bottom:25px; width:91px; height:31px; margin-left:-45px; background:#98082a;}
.section-promo .view-more {margin-left:-45px; background:#be8314;}

.section-news .view-more span,
 .section-product .view-more span,
 .section-promo .view-more span {position:absolute; top:0; left:-5px; width:101px; height:100%; cursor:pointer; background:url(../images/design/sprite-home-sections-top.png) no-repeat 0 -246px;}
 .section-promo .view-more span {background-position:-101px -246px;}
 .section-news .view-more span  {background-position:-243px -246px; height:31px;}

.section-product .view-more:hover span,
 .section-product .view-more:focus span,
 .section-product .view-more:active span {background-position:0 -277px;}
.section-promo .view-more:hover span,
 .section-promo .view-more:focus span,
 .section-promo .view-more:active span {background-position:-101px -277px;}
.section-news .view-more:hover span,
 .section-news .view-more:focus span,
 .section-news .view-more:active span {background-position:-243px -277px;}
 
.section-promo .coming-soon {position:absolute; bottom: 20px; left:90px; width:92px; height:92px; text-indent: -9999px;background:url(../images/design/sprite-home-sections-top.png) no-repeat 0 -308px;}
.section-promo .secondary-text {bottom:70px; left:30px; position:absolute; width:140px;}

/* =Contact
----------------------------------------- */

.contact {text-align:center;}
.contact .address,
 .contact .email,
 .contact .call {margin:1.5em 0;}
.contact #content p {margin:0;}
.contact address {font-style:normal; line-height:1.2em;}

/* =Thanks & 404
----------------------------------------- */

.thanks #content,
 .n404 #content {text-align:center;}

 
/*  =============================================================================
==SPECIFIC COMPONENTS
 ============================================================================= */

/* =Articles
----------------------------------------- */

.byline {margin:0 0 22px; line-height:1.2em;}
.published {font-style:italic;}
.photo {display:block; margin:15px auto;}
.supporting {float:left; width:240px;}
.main {float:right; width:370px;}
.main h2 {margin-top:0;}

/* =Share options
----------------------------------------- */

.share-options {margin:0 0 20px; text-align:center; display:none;}
.share-options h2 {margin-top:0;}
.share-options ul {list-style:none; padding:0; margin:0;}
.share-options li {display:inline-block; /* see ie6.css + ie7.css */ padding:0; margin:0 2px 0 0;}
.share-options img {display:block;}

/* =Recently uploaded
----------------------------------------- */

.recently-uploaded {padding:0 20px 20px; margin-top:30px; background:url(../images/design/bkgd-sidebars.png) no-repeat 0 100%;}
.recently-uploaded h2 {position:relative; width:250px; height:86px; padding:0; margin:0 -20px; text-align:center;}
.recently-uploaded h2 span {position:absolute; top:-10px; left:0; width:100%; height:100%; background:url(../images/design/bkgd-sidebars.png) no-repeat 0 0;}
.recently-uploaded ul {list-style:none; padding:0; margin:0;}
.recently-uploaded li {padding:5px 0; border-top:1px solid #d1c2b1; margin:0; overflow:hidden;}
.recently-uploaded img {float:right;}
.recently-uploaded h3 {margin:2px 0; font-weight:bold;}
.recently-uploaded p {margin:0;}
.recently-uploaded .view-more {margin:0.25em 0 0;}

/* =Latest News
----------------------------------------- */

.latest-news {padding:0 20px 20px; margin-top:30px; background:url(../images/design/bkgd-sidebars-news.png) no-repeat 0 100%;}
.latest-news h2 {position:relative; width:250px; height:86px; padding:0; margin:0 -20px; text-align:center;}
.latest-news h2 span {position:absolute; top:-10px; left:0; width:100%; height:100%; background:url(../images/design/bkgd-sidebars-news.png) no-repeat 0 0;}
.latest-news ul {list-style:none; padding:0; margin:0;}.latest-news li {padding:5px 0; border-top:1px solid #d1c2b1; margin:0; overflow:hidden;}
.latest-news img {float:right;}
.latest-news h3 {margin:2px 0; font-weight:bold;}
.latest-news p {margin:0;}
.latest-news .view-more {margin:0.25em 0 0;}

/* =Pagination
----------------------------------------- */

.pagination {padding:5px 0; border:1px solid #b8a58f; border-width:1px 0; margin:-1px 0 0;}
.pagination p {float:left; width:50%; padding:0; margin:0;}
.pagination ul {float:right; width:50%; list-style:none; padding:0; margin:0; text-align:right;}
.pagination li {display:inline; padding:0 0 0 0.4em; border-left:1px solid #555; margin:0 0.2em;}
.pagination li.first {padding-left:0; border-left:0;}

.news-pagination {text-align:right;}

/* =Recipe selector
----------------------------------------- */

.recipe-selector {width:575px; height:40px; padding:17px 0 0 50px; margin:0 0 20px; background:url(../images/design/recipe-selector.png) no-repeat 0 0;}
.recipe-selector label {position:relative; float:left; width:123px; height:12px; margin:5px 205px 0 0; overflow:hidden;}
.recipe-selector label span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/design/sprite-buttons-headers.png) no-repeat 0 -502px;}
.recipe-selector select {float:left; font-size:0.8125em;}
.recipe-selector input {float:left;}

.recipes-header h2,
.range-header h2 {float:left;}

.recipes-header .recipe-selector {float:right; width:360px; height:auto; padding:0; margin:0; background:transparent;}
.recipes-header .recipe-selector label {margin-right:10px;}

.view-icecream-range,
 .view-deserts-range {position:relative; float:right; width:283px; height:41px; margin-top:-10px; color:#fff; background:#c48a1a;}
 .view-deserts-range {width:273px;}
.view-icecream-range span,
 .view-deserts-range span {position:absolute; top:0; left:-5px; width:293px; height:100%; cursor:pointer; background:url(../images/design/sprite-buttons-headers.png) no-repeat 0 0;}
.view-deserts-range span {width:283px; background-position:0 -82px;}
.view-icecream-range span:hover,
 .view-icecream-range span:focus,
 .view-icecream-range span:active {background-position:0 -41px;}
.view-deserts-range span:hover,
 .view-deserts-range span:focus,
 .view-deserts-range span:active {background-position:0 -123px;}

/* =Submit recipe process
----------------------------------------- */

/* progress bar */
.narrow #progress-bar {width:910px; margin:0 -190px 20px;}
#progress-bar ol {list-style:none; padding:0; margin:0;}
#progress-bar li {position:relative; float:left; width:214px; height:66px; overflow:hidden; padding:0; margin:0 16px 0 0;}
#progress-bar #step4 {margin-right:0;}
#progress-bar span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/design/sprite-template.png) no-repeat -1900px -177px;}
#step2 span {background-position:-2114px -177px;}
#step3 span {background-position:-2328px -177px;}
#step4 span {background-position:-2542px -177px;}
.current-step1 #step1 span {background-position:-1900px -244px;}
.current-step2 #step2 span {background-position:-2114px -244px;}
.current-step3 #step3 span {background-position:-2328px -244px;}
.current-step4 #step4 span {background-position:-2542px -244px;}

/* check recipe */
.check-recipe {padding-left:180px; margin:0; overflow:hidden;}
.check-recipe dt {clear:both; float:left; width:170px; padding:0; margin:0 0 1em -180px;} /* see ie6.css + ie7.css */
.check-recipe dd {float:left; width:100%; padding:0; margin:0 0 1em;} /* see ie6.css + ie7.css */
.check-recipe dd p {margin-top:0;}

/* misc */
.current-image { font-weight: bold; }

/* =Range products
----------------------------------------- */

.products {list-style:none; padding:0; margin:0 0 0 75px; overflow:hidden;}
.products li {position:relative; float:left; width:200px; min-height:215px; /* see ie6.css */ margin:0 30px 0 0; text-align:center;}
.products a {display:block; text-decoration:none; color:#000000;}
.products a:hover,
 .products a:focus,
 .products a:active {color:#970829;}
.products img {display:block; margin-bottom:15px;}
.products strong {display:block; font-size:0.9375em; font-weight:bold; line-height:1.2em; background:url(../images/design/range-decoration.png) no-repeat 0 0; }

.products span { font-size:0.9375em; font-weight:bold; line-height:1.2em; background:url(../images/design/range-decoration.png) no-repeat 0 0; padding:12px 0 0 27px; }


.products em {position:absolute; top:0; left:0; width:78px; height:69px; padding:10px 0 0; overflow:hidden;}
.products em span {position:absolute; top:0; left:0; width:100%; height:79px; cursor:pointer; background:url(../images/design/sprite-buttons-headers.png) no-repeat 0 -422px;}

.products-deserts {margin:0;}
.products-deserts li {width:270px; margin-right:0;}
.products-deserts strong {margin:0 30px;}

/* js version */
.jcarousel-container {position:relative; width:660px; padding:0 75px;}
.jcarousel-clip {width:100%; overflow:hidden;}
.jcarousel-prev,
.jcarousel-next {position:absolute; left:0; top:80px; width:25px; height:40px; cursor:pointer; background:url(../images/design/sprite-buttons-headers.png) no-repeat -83px -422px;}
.jcarousel-next {left:auto; right:0; background-position:-108px -422px;}
.view-all {position:relative; display:block; width:124px; height:31px; overflow:hidden; margin:20px auto 0; text-align:center; color:#fff; background:#c68d1e;}
.view-all span {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; background:url(../images/design/sprite-buttons-headers.png) no-repeat 0 -360px;}
.view-all:hover span,
 .view-all:focus span,
 .view-all:active span {background-position:0 -391px;}

/* =Search results
----------------------------------------- */

.results {list-style:none; padding:0; margin:0;}
.results li {position:relative; padding:10px 0 0; border-top:1px solid #b8a58f; margin:-1px 0 15px; overflow:hidden;}
.results .thumb {float:right; margin:0 0 0 15px;}
.results .position {position:absolute; left:0; top:10px; width:27px; height:27px; overflow:hidden; font-size:0.875em; font-weight:bold; line-height:27px; text-align:center; color:#fff; background:url(../images/design/sprite-template.png) no-repeat -1900px -311px;}
.results h3,
 .results p {margin:0 0 0 35px; font-size:1em; line-height:1.2em;}
.results .author {margin-top:0.5em;}
ul.results h3,
 ul.results p {margin:0;}
 ul.results h3 {font-weight:bold;padding-bottom:5px;}
.no-pagination {border-bottom:1px solid #CBBBA8;}

/* =Recipe buttons
----------------------------------------- */

.other-recipes,
 .see-recipes,
 .submit-recipe {position:relative; display:block; width:240px; height:57px; margin:0 auto; color:#fff; background:#bc8316;}

.other-recipes {width:235px; height:41px;}
.see-recipes {position:absolute; z-index:10; left:50%; bottom:10px; width:122px; height:31px; margin-left:-61px;}
.submit-recipe {width:240px; height:57px; margin:0 auto 20px;}

.other-recipes span,
 .see-recipes span,
 .submit-recipe span {position:absolute; top:0; left:-5px; width:100%; height:100%; cursor:pointer; background:url(../images/design/sprite-buttons-headers.png) no-repeat 0 -246px;}

.other-recipes span {width:245px; background-position:0 -164px;}
.other-recipes:hover span,
 .other-recipes:focus span,
 .other-recipes:active span {background-position:0 -205px;}

.see-recipes span {width:132px; background-position:-124px -360px;}
.see-recipes:hover span,
 .see-recipes:focus span,
 .see-recipes:active span {background-position:-124px -391px;}

.submit-recipe span {width:250px;}
.submit-recipe:hover span,
 .submit-recipe:focus span,
 .submit-recipe:active span {background-position:0 -303px;}

/* =Recipe details
----------------------------------------- */

.details {padding-top:60px; text-align:center; background:#98082a url(../images/design/bkgd-sidebars.png) no-repeat -250px 0;}
.details dl {padding:0 20px 30px; margin:0; background:url(../images/design/bkgd-sidebars.png) no-repeat -250px 100%;}
.details dt {padding:0; margin:0; color:#f2a3b2;}
.details dd {padding:0.25em 0 0.5em; margin:0; line-height:1.2em; color:#fff;}
.details dt.ingredients {padding-top:10px; border-top:1px solid #c8687a; margin-top:10px; color:#f2a3b2;}

.ratings {padding:10px 20px;}
.ratings p {margin:0 0 1em; text-align:center;}

/* =Related recipes
----------------------------------------- */

.related-recipes {position:relative; margin:15px 0 20px;}
.related-recipes h2 {padding:10px 15px; margin:0; font-size:16px; font-weight:bold; color:#fff; background:#a40f38 url(../images/design/rounded-corners-red.png) no-repeat 0 0;}
.related-recipes img {display:block;}

/* =FAQ
----------------------------------------- */

.faqs {list-style:none; padding:0; margin:-1px 0 25px;}
.faqs li {padding:0; border-top:1px solid #c4bdb6; margin:0;}
.faqs h3 {font-weight:bold;}
.js-faqs h3 {margin:0;}
.js-faqs h3 a {display:block; padding:0.75em 30px 0.75em 0; background:url(../images/design/icon-open.gif) no-repeat 100% 8px;}
.js-faqs h3.open a {background-image:url(../images/design/icon-collapse.gif);}
.js-faqs p {margin:0 0 1.5em;}

/* =Privacy policy
----------------------------------------- */

.toc li {color:#970829;}
.section-privacy {border-top:1px solid #cdc1b5;}

/* =Misc
----------------------------------------- */

.fb-link {font-weight:bold;}
.fb-link img {margin-right:5px; vertical-align:top;} /* see ie6.css */


/*  =============================================================================
==HEADER & TITLE IMAGE REPLACEMENTS
 ============================================================================= */
 
/* =Headers
----------------------------------------- */

.news-header h2,
 .range-header h2,
 .recipes-header h2,
 .submit-header h2,
 .buy-header h2,
 .vanilla-header h2,
 .vanilla-light-header h2,
 .choc-header h2,
 .strawberry-header h2,
 .crema-header h2,
 .caramel-header h2,
 .lavazza-header h2,
 .coconut-header h2,
 .raspberry-header h2,
 .vanil-choc-cheese-header h2,
 .rasp-vanil-cheese-header h2,
 .choc-truffle-header h2,
 .search-header h2,
 .rum-header h2 {position:relative; height:18px; overflow:hidden;}

.news-header h2 {width:71px; height:19px;}
.range-header h2 {width:145px; height:18px;}
.recipes-header h2 {width:99px; height:18px;}
.buy-header h2 {width:347px; height:20px;}
.submit-header h2 {width:201px; height:19px;}
.vanilla-header h2 {width:108px; height:18px;}
.vanilla-light-header h2 {width:194px; height:18px;}
.choc-header h2 {width:323px; height:19px;}
.strawberry-header h2 {width:366px; height:19px;}
.crema-header h2 {width:305px; height:19px;}
.caramel-header h2 {width:374px; height:19px;}
.lavazza-header h2 {width:372px; height:18px;}
.coconut-header h2 {width:129px; height:19px;}
.raspberry-header h2 {width:300px; height:19px;}
.rum-header h2 {width:178px; height:19px;}
	
.vanil-choc-cheese-header h2{ width:600px; height:19px; }
.rasp-vanil-cheese-header h2 { width:600px; height:19px; }
.choc-truffle-header h2 {width: 600px; height: 19px; }
	
.search-header h2 {width: 300px; height: 19px; } 
	

.news-header h2 span,
 .range-header h2 span,
 .recipes-header h2 span,
 .submit-header h2 span,
 .buy-header h2 span,
 .vanilla-header h2 span,
 .vanilla-light-header h2 span,
 .choc-header h2 span,
 .strawberry-header h2 span,
 .crema-header h2 span,
 .caramel-header h2 span,
 .lavazza-header h2 span,
 .coconut-header h2 span,
 .raspberry-header h2 span,
 .vanil-choc-cheese-header span,
 .rasp-vanil-cheese-header span,
 .choc-truffle-header span,
 .search-header span,
 .rum-header h2 span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/design/sprite-buttons-headers.png) no-repeat 0 0;}

.news-header h2 span {background-position:0 -528px;}
.range-header h2 span {background-position:0 -604px;}
.recipes-header h2 span {background-position:0 -547px;}
.buy-header h2 span {background-position:0 -565px;}
.submit-header h2 span {background-position:0 -585px;}
.vanilla-header h2 span {background-position:0 -622px;}
.vanilla-light-header h2 span {background-position:0 -640px;}
.choc-header h2 span {background-position:0 -658px;}
.strawberry-header h2 span {background-position:0 -677px;}
.crema-header h2 span {background-position:0 -696px;}
.caramel-header h2 span {background-position:0 -715px;}
.lavazza-header h2 span {background-position:0 -734px;}
.coconut-header h2 span {background-position:0 -752px;}
.raspberry-header h2 span {background-position:0 -771px}
.rum-header h2 span {background-position:0 -790px;}
	
.vanil-choc-cheese-header h2 span {background-position:0 -809px;}
.rasp-vanil-cheese-header h2 span {background-position:0 -829px;}
.choc-truffle-header h2 span  {background-position:0 -848px;}

.search-header h2 span  {background-position:0 -867px;}
	
/* =Titles
----------------------------------------- */

.your-recipe-title,
 .check-recipe-title,
 .upload-photo-title,
 .your-details-title,
 .icecream-title,
 .deserts-title,
 .visit-title,
 .contact-title,
 .faq-title,
 .privacy-title,
 .terms-title,
 .sign-up-title,
 .thank-you-title,
 .recipe-thanks-title,
 .results-title,
 .n404-title,
 .news-listing-title {padding:5px 0 25px; border-bottom:1px solid #cbbba8; text-align:center;}

.your-recipe-title h1,
 .check-recipe-title h1,
 .upload-photo-title h1,
 .your-details-title h1,
 .icecream-title h1,
 .deserts-title h1,
 .visit-title h1,
 .contact-title h1,
 .faq-title h1,
 .privacy-title h1,
 .terms-title h1,
 .sign-up-title h1,
 .thank-you-title h1,
 .recipe-thanks-title h1,
 .results-title h1,
 .n404-title h1,
 .news-listing-title h1 {position:relative; width:246px; height:60px; overflow:hidden; margin:0 auto; text-transform:uppercase; font-family:Georgia, serif; font-weight:normal;}

.your-recipe-title span,
 .check-recipe-title span,
 .upload-photo-title span,
 .your-details-title span,
 .icecream-title span,
 .deserts-title span,
 .visit-title span,
 .contact-title span,
 .faq-title span,
 .privacy-title span,
 .terms-title span,
 .sign-up-title span,
 .thank-you-title span,
 .recipe-thanks-title span,
 .results-title span,
 .n404-title span ,
 .news-listing-title span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/design/sprite-titles.png) no-repeat 0 0;}
 
.your-recipe-title span {background-position:0 0;}
.check-recipe-title span {background-position:0 -60px;}
.upload-photo-title span {background-position:0 -120px;}
.your-details-title span {background-position:0 -180px;}
.thank-you-title span {background-position:0 -240px;}
.sign-up-title span {background-position:0 -300px;}
.visit-title span {background-position:0 -360px;}
.results-title span {background-position:0 -420px;}
.privacy-title span {background-position:0 -480px;}
.contact-title span {background-position:0 -540px;}
.faq-title span {background-position:0 -600px;}
.deserts-title span {background-position:0 -660px;}
.icecream-title span {background-position:0 -720px;}
.recipe-thanks-title span {background-position:0 -780px;}
.n404-title span {background-position:0 -840px;}
.terms-title span  {background-position:0 -900px;}
.news-listing-title span  {background-position:0 -960px;}

/* =============================================================================
==GENERIC FORM & ERRORS
============================================================================= */

.gform {margin:15px 0; overflow:hidden;}
.gform fieldset {margin:0 0 20px;}
.gform p {margin:0 0 1em;}
.gform div {margin:0 0 1em;}
.gform div label {float:left; width:160px; margin:0 10px 0 0; font-weight:bold; line-height:1.2em;}
.gform div small {float:right; width:350px; margin:5px 0 0 0;}
.gform div span {display:block; font-weight:normal;}

.gform .text input,
 .gform .text textarea {float:left; width:340px; padding:2px; border:1px solid; border-color:#7c7c7c #c3c3c3 #ddd; background:#fff url(../images/design/bg-field.gif) repeat-x 0 0;}
.gform .text textarea {height:8em;}

.gform .short select {width:110px;}
.gform .short input {width:105px; margin-right:10px;}
.gform .short span {float:left; margin-top:4px; font-size:0.8125em;}

.gform .submit {margin:2em 0 0; text-align:center;}
.gform .submit input {margin:0 5px;}

/* checkboxes or radio buttons (horizontal and vertical arrangement) */
.gform .checkbox input,
 .gform .radio input {float:left; margin-right:8px;}
.gform .checkbox label,
 .gform .radio label  {width:450px; font-weight:normal; cursor:pointer;}

.gform .radio-thumbs {padding-left:60px; margin-top:20px;}
.gform .radio-thumbs p {margin-left:-60px; font-weight:bold;}
.gform .radio-thumbs div {float:left; width:78px; margin-right:25px; text-align:center;}
.gform .radio-thumbs label,
 .gform .radio-thumbs img {display:block; width:auto; margin:0 0 5px; cursor:pointer;}
 
/* status displays */
.error,
 .notice,
 .success {padding:10px; border:2px solid #ddd; margin-bottom:1em;}
.error h2,
 .notice h2,
 .success h2 {margin-top:0;}
.error ul,
 .notice ul,
 .success ul {margin-bottom:0;}
.error {border-color:#fbc2c4; color:#8a1f11; background:#fbe3e4;}
.notice {border-color:#ffd324; color:#514721; background:#fff6bf;}
.success {border-color:#c6d880; color:#264409; background:#e6efc2;}
.error a {color:#8a1f11; border-color:#8a1f11;}
.notice a {color:#514721; border-color:#514721;}
.success a {color:#264409; border-color:#264409;}


/* =============================================================================
==TABLES
============================================================================= */

table { width:100%; margin:0.5em 0 1em;}
th, td {padding:0.5em 1em; border:1px solid #d5c092; border-width:0 1px 1px 1px; text-align:center; font-size:0.8125em; background:#f9f2e8;}
thead th {padding-top:1em; padding-bottom:1em; border-color:#db9eae; font-weight:bold; color:#fff; background:#a40f38;}

/* =Stockists
----------------------------------------- */

.intro {margin:1em 125px 2em; text-align:center;}
.intro p {margin:0.5em 0;}

.stockists th,
 .stockists td {border:1px solid #d5c092; font-weight:bold; color:#222; background:#faf3e7;}
.stockists thead th {padding-top:1.5em; padding-bottom:1.5em; background:#fff;}
.stockists tbody th {text-align:left; background:#fff;}
.stockists .header {text-align:left;} 
.stockists .no {background:#fff;}

/* =============================================================================
==GOOGLE CUSTOM SEARCH
============================================================================= */

#cse-search-form {float:right; width:219px; height:35px; margin:-5px 0 -4px;}
#cse-search-form  .gsc-search-box {margin:0; padding:0;}
#cse-search-form .gsc-search-button {width:27px; height:26px; border:none; padding:0; background: none;}
 #cse-search-form .gsc-search-button input {width:27px; height:26px; background:transparent url('../images/design/btn-search.png') top left; color:#442b15; font-size:0px; }
 
.gsc-input {background:transparent; border:none;}
 .gsc-input input {width:170px; height:20px; padding:1px 5px; border:2px solid #624122; border-right:0; background:#442b15;
  -moz-border-radius:4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; border-radius:4px 0 0 4px;}

/* hide elements we don't need */
.gsc-branding ,
 .gsc-resultsHeader ,
 .gsc-tabsArea,
 .gsc-clear-button,
 .gsc-adBlock {display:none;}

#cse {margin:1.5em 0 0;}
.gsc-webResult.gsc-result ,.gsc-webResult.gsc-result:hover {border-color: none;background-color: none; font-size: 15px; }
.gs-webResult.gs-result a.gs-title {}
.gs-webResult.gs-result a.gs-title:link,.gs-webResult.gs-result a.gs-title:link b {color: #970829;}
.gs-webResult.gs-result a.gs-title:visited,.gs-webResult.gs-result a.gs-title:visited b {color: #970829;}
.gs-webResult.gs-result a.gs-title:hover,.gs-webResult.gs-result a.gs-title:hover b {color: #970829;}
.gs-webResult.gs-result a.gs-title:active,.gs-webResult.gs-result a.gs-title:active b {color: #970829;}
.gsc-cursor-page {color: #970829;}
a.gsc-trailing-more-results:link {color: #970829;}
.gs-webResult.gs-result .gs-snippet {color: #000000; padding-top:2px; line-height: 1.2em;}
.gs-webResult.gs-result .gs-visibleUrl {color: #442B15; padding:3px 0 6px 0;}
.gs-webResult.gs-result .gs-visibleUrl-short {color: #442B15;}
.gsc-cursor-box {border-color: #FFFFFF;}
.gsc-results .gsc-cursor-page {border-color: #E9E9E9;background-color: #FFFFFF;}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {border-color: #FF9900;background-color: #FFFFFF;}
.gs-promotion.gs-result {border-color: #970829;background-color: #FFFFFF;}
.gs-promotion.gs-result a.gs-title:link {color: #970829;}
.gs-promotion.gs-result a.gs-title:visited {color: #970829;}
.gs-promotion.gs-result a.gs-title:hover {color: #970829;}
.gs-promotion.gs-result a.gs-title:active {color: #970829;}
.gs-promotion.gs-result .gs-snippet {color: #000000;}
.gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short {color: #000000;}

/* =============================================================================
==SELF-CLEARING (modern browsers)
============================================================================= */

/* main UI parts */
#nav ul:after,
#content:after,
#progress-bar:after,
/* widgets */
.pagination:after,
/* other */
.gform fieldset div:after {
	clear:both; display:block; content:"\0020"; height:0; font-size:0; line-height:0; visibility:hidden;
}

/* end of @media screen, projection */}



/* =======================================================================================================================
							P R I N T I N G
   ======================================================================================================================= */

@media print {

/* end of @media print */}



/* =======================================================================================================================
							 H A N D H E L D
   ======================================================================================================================= */

@media handheld {

/* end of @media handheld */}