/* reset css */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
/* change font-size: 68.75% (11px) below to affect all font sizes */
body { font-family: Arial, Helvetica, Verdana, Sans-Serif; font-size: 68.75%; background-color: #3E9C2C; color: #000000; }

/* smaller 10px */ .privacy-policy li p, .terms li p, .help li p, p select, p input.text { font-size: 90%; }
/* larger 12px */ h4 { font-size: 120%; }

/* resets */ 
.privacy-policy li li, .terms li li, .help li li, .privacy-policy li p, .terms li p, .help li p, select, input, textarea { font-size: 100%; } /* 11px */
.home-page .intro { font-size: 150%; } /* 15px */
.home-page #content-inner p.intro { line-height: 140%; }
h3, #recipe-vote-count { font-size: 135%; } /* 15px */
h2 { font-size: 200%; } /* 22px */

/* confused yet? :) */

.home-page p { font-size: 113%; }
p, #side-panel p, select { border:0; line-height: 140%; margin-bottom: 10px; }
ol ul { list-style: lower-roman; margin-left: 15px; }
ul { list-style: lower-alpha; }
ol { list-style: decimal; }
ol.indent { margin: 0 0 10px 40px; }
a, a:visited { text-decoration: none; color: #d71d1e; line-height: 110%; }
a:hover { text-decoration: underline; line-height: 110%; }
h2, h3 { color: #d71d1e; }
h2 { margin: 20px 0 10px; }
h3 { margin: 25px 0 6px; }
h2 strong, h3 strong { color: #000000; }
h4 { font-weight: normal; margin-bottom: 10px; line-height: 120%; }
input { border: 0; }
input, textarea { font-family: Arial, Helvetica, Verdana, Sans-Serif; }
td { text-align: left; vertical-align: top; }
select { height: 25px; padding: 4px;  margin: 0; }
.right { float: right; }
.left, #search-recipes, #nav li, .search-recipes { float: left; }
.clear { clear: both; }
.hidden { display: none; }
#footer ul, #animated-logos ul, #recipe-listing ul, #recipe-catalogue-listing ul, .pager { list-style: none; }
#print-logo, #print-votes { display: none !important; }

#spacer { height: 60px; }

#wrapper { width: 1024px; background: transparent url(/Assets/Img/structure/page.gif) left top repeat-y; margin: 0 auto; position: relative; zoom: 1; overflow: hidden; }
#wrapper-preview { width: 100%; height: 100%; padding: 0; overflow: auto; }
#header { float: right; margin-right: 10px; display: inline; width: 770px; overflow: hidden; }
#nav { float: left; list-style: none; position: relative; z-index: 2; margin-left: 6px; display: inline; }
#nav a, #search-recipes { display: block; background: transparent url(/Assets/Img/structure/menu.gif) left top repeat-y; text-indent: -9999em; height: 66px; margin: 0; }
a#nav-home { width: 113px; }
a#nav-foodtv { width: 125px; background-position: -113px top; }
a#nav-join { width: 164px; background-position: -238px top; }
a#nav-catalogue { width: 164px; background-position: -402px top; }

a#nav-home:hover { background-position: 0px -63px; }
a#nav-foodtv:hover { background-position: -113px -63px; }
a#nav-join:hover { background-position: -238px -63px; }
a#nav-catalogue:hover { background-position: -402px -63px; }

#catalogue-search-term { position: relative; z-index: 3; float: right; }
#search-recipes { background-position: -564px 0px; width: 77px; }
#page { background: transparent url(/Assets/Img/structure/body.gif) left top no-repeat; padding: 10px; float: left; position: relative; }
#main { width: 622px; float: left; }
#main-preview { padding: 10px; overflow: hidden; }
#page-border { background: transparent url(/Assets/Img/structure/main.gif) 382px top repeat-y; float: left; width: 100%; }
#content { float: left; margin: 37px 0 0; width: 614px; }
#content.submit { margin-bottom: 37px; }
#content-preview { margin:0; background: none; }
.home-page #content { width: 353px; position: relative; }
#content-inner { padding: 7px 7px 10px 16px; }
#content-inner p { line-height: 130%;}
.upload-desc { padding-top: 10px; }
#side-panel { float: left; width: 382px; margin: -68px 0 0; }
#side-panel-inner { padding: 0 20px; }
#side-panel p { line-height: 120%; }
h1#logo { cursor: pointer; text-indent: -9999em; background: transparent url(/Assets/Img/structure/hansells.png) 24px top no-repeat; width: 240px; height: 85px; position: relative; z-index: 1; }
h1#logo a { display: block; width: 203px; height: 85px; }
#logo .homepage { z-index: 99; position: absolute; display: block; height: 50px; width: 150px; left: 70px; top: 15px; }
#animated-logos { padding: 0 10px 0 25px; overflow: hidden; text-align: center; height: 73px; position: absolute; right: 10px; bottom: 10px; width: 182px; }
.home-page #animated-logos { bottom: 6px; right: 30px; }
.catalogue #animated-logos { padding: 0; right: 40px; }
#footer { overflow: hidden; padding: 0; position: absolute; left: 15px; bottom: 10px; z-index: 1; }
#footer .kiwi { background: transparent url(/Assets/Img/structure/kiwi.png) left top no-repeat; height: 78px; width: 223px; margin-bottom: 8px; }
#footer li { float: left; margin-right: 5px; line-height: 110%; }
#footer a { color: #000000; }
#nav-search-box { position: relative; border: 0; background: transparent url(/Assets/Img/structure/menu.gif) -642px 0px no-repeat; height: 70px; width: 121px; overflow: hidden; float: left; }
#nav-search-box input { border: 0; width: 95px; height: 14px; background: transparent; padding: 3px; position: relative; top: 20px; }
.search-icon { display: block; position: absolute; right: 0; top: 30px; height: 20px; width: 20px; z-index: 2; }
input.text { width: 171px; height: 20px; padding: 5px 3px 3px; }
.data td { width: 50%; padding-bottom: 17px; vertical-align: top; }
.validation-summary-errors { margin: 0 0 15px 25px; list-style: decimal; font-family: Arial, Helvetica, Verdana, Sans-Serif; }
.validation-summary-errors li { color: Red; }
.heading { text-indent: -9999em; display: block; }
.vote { background: transparent url(/Assets/Img/structure/vote.gif) left top no-repeat; text-indent: -9999em; display: none; width: 42px; height: 20px; }
.vote:hover { background-position: left -21px; }
.view { display: block; background: transparent url(/Assets/Img/structure/view.gif) left top no-repeat; text-indent: -9999em; width: 42px; height: 15px; }
.view:hover { background-position: left -15px; }

/* home */
.home-page #content-inner { padding: 108px 7px 10px 25px; }
.home-page h3 { text-transform: uppercase; margin-bottom: 3px; }
.home-page #content-inner p { line-height: 150%; }
.home-page p strong { color: #D71D1E; font-size: 15px; }
.home-page #page-border { background: transparent url(/Assets/Img/structure/main-home.gif) 382px -14px repeat-y; }
#welcome { background: transparent url(/Assets/Img/home/welcome.png) left top no-repeat; width: 669px; height: 128px; text-indent: -9999em; position: absolute; left: -352px; top: -31px; margin: 0; }
#side-image { width: 594px; height: 563px; background: transparent url(/Assets/Img/home/pictures.png) left top no-repeat; position: absolute; top: 203px; left: 0px; }
.home-page .recipe-img { background: transparent url(/Assets/Img/structure/recipe-background-home.png) bottom left no-repeat; float: right; width: 125px; height: 100px; position: relative; }
.recipe-img-inner { display: table; width: 125px; height: 100px; position: absolute; top: 0; left: -1px; }
.home-page .recipe-img a { display: table-cell; text-align: center; vertical-align: middle; }
#top-recipes { float: left; width: 269px; background: transparent url(/Assets/Img/structure/top-recipes-content.gif) left top no-repeat; height: 721px; position: relative; }
#recipes-inner { padding: 84px 15px 0 25px; }
#recipes-inner .recipe { clear: both; height: 100px; overflow: hidden; margin: 0px 0px 7px; }
#recipes-inner .recipe-name, #recipes-inner .user-name, #recipes-inner .votes { margin-bottom: 6px; }
#recipes-inner .recipe-name a { color: #000000; }
#recipes-inner .votes { height: auto; }
img.left { margin: 10px 10px 10px 0; }
img.right { margin: 29px 0 10px 10px; }
.join-now { position: absolute; left: 30px; top: 459px; height: 152px; width: 212px; z-index: 2; }

/* submit */
#submit-recipe textarea { width: 468px; border: 0; }
#submit-recipe label { width: 118px; display: block; float: left; font-weight: bold; }
#submit-recipe p { font-weight: bold; }
#submit-recipe .checkbox { padding-bottom: 8px; }
#submit-recipe .checkbox input { float: left; }
#submit-recipe .checkbox label { width: auto; margin-top: 4px; font-weight: normal; float: none; }
#submit-recipe label.short { width: 100px; margin: 0 6px 0 13px; display: inline; }
#submit-recipe .preview-button { display: none; }
#vote-recipe td { padding: 2px 0; }
.preview-button, .submit-button, .preview-button:visited, .submit-button:visited { float: left; height: 25px; width: 266px; font-weight: bold; background: #F4ECCB; font-family: Arial, Helvetica, Verdana, Sans-Serif; cursor: pointer; }
.preview-button:hover, .submit-button:hover { background: #F8F2DE; }
.preview-button { border: 1px solid #8FBD5D; color: #000; text-align: center; padding-top: 7px; height: 19px !important; }
.preview-button:hover { border: 1px solid #99C571; text-decoration: none;  }
.submit-button { border: 1px solid #E16830; }
.submit-button:hover { border: 1px solid #E78659; }
.submit-button input { border: 0; margin: 0; padding: 0; background: none; height: 25px; width: 266px; font-weight: bold; cursor: pointer; }
.share-recipe { background: transparent url(/Assets/Img/headings/share.png) left top no-repeat; height: 17px; width: 236px; }
.thanks-for-sharing { background: transparent url(/Assets/Img/headings/share-thanks.png) left top no-repeat; height: 39px; width: 262px; margin-bottom: 22px; }
.image-help { color: red; padding: 6px; margin-bottom: 20px; }
.closed { background: transparent url(/Assets/Img/headings/closed.png) left top no-repeat; height: 61px; width: 169px; }
#share-recipe h3 { margin: 25px auto 6px; }

/* catalogue */
#recipe-listings .recipe-img { background: transparent url(/Assets/Img/structure/recipe-background.png) bottom left no-repeat; float: left; margin: 0 10px 20px 0; width: 81px; height: 69px; position: relative; }
#recipe-listings .recipe-img-inner { width: 74px; height: 65px; left: 7px; }
#recipe-listings .recipe-img a { display: table-cell; text-align: center; vertical-align: middle; }
.catalogue select.text { height: 25px; width: auto; }
.text-label { margin: 4px 5px 0 0; float: left; }
#recipe-catalogue-listing { float: left; width: 100%; height: 180px; }
.recipe-categories { background: transparent url(/Assets/Img/headings/recipe-catalogue.png) left top no-repeat; height: 40px; width: 218px; margin-top: 5px; }
#recipe-catalogue-listing li { float: left; width: 50%; text-align: center; margin-bottom: 20px; }
#recipe-catalogue-listing p { margin: 0; }
#recipe-catalogue-listing p { font-weight: bold; }
#recipe-catalogue-listing a  { color: #000; }
#search-box { width: 100%; overflow: hidden; }
#recipe-listing { overflow: hidden; }
#recipe-listing td { width: 184px; padding: 0 7px 15px 0; }
#recipe-listing .no-results { width: auto; padding-top:20px; }
#recipe-listing p { margin: 0 0 4px; line-height: 1; }
#recipe-listing a { color: #000; display: block; }
#recipe-listing .vote, #recipe-listing .view { float: left; margin-top: 4px; }
.no-recipe-img { margin-left: 5px; }
#recipe-listing .no-recipe-img p, #recipe-listing .no-recipe-img a { margin-left: 0; }
.vote-for-recipe { background: transparent url(/Assets/Img/headings/vote-for-this.png) left top no-repeat; height: 17px; width: 185px; }
.tell-a-friend { background: transparent url(/Assets/Img/headings/tell-your-friends.png) left top no-repeat; height: 17px; width: 330px; }
.votes-for-recipe { background: transparent url(/Assets/Img/headings/votes.png) left top no-repeat; height: 15px; width: 46px; float: left; padding-right:5px; margin-top:1px; }
#btn_vote_submit { display: block; background: transparent url(/Assets/Img/headings/vote-now.png) left top no-repeat; width: 126px; height: 156px; text-indent: -99999em; cursor:pointer; position: relative; left: 245px; }
#btn_vote_submit:hover  { display: block; background: transparent url(/Assets/Img/headings/vote-now-rollover.gif) left top no-repeat; width: 126px; height: 156px; text-indent: -99999em; cursor:pointer; position: relative; left: 245px; }
.form-label { font-weight: bold; }
#recipe-image-preview { float: right; width: 200px; padding-right: 10px; border:8px solid #ffffff; }
#recipe-vote-count { float: right; margin: 0 9px 0 0; display: inline; }
#search-box .search-icon { background: white url(/Assets/Img/structure/search.gif) 0 1px no-repeat; height: 22px; float: left; position: static; }
.search-recipes {}
.search-recipes .text, .catalogue .text { height: 16px; width: 200px; margin-right: 10px; }
.search-recipes .text { padding-left: 3px; margin: 0; height: 14px; }
#all-recipes { text-align: center; margin-bottom: 20px; }

/* details */
#right-panel { float: right; margin: 0 0 0 10px; width: 217px; }
#details-image { float: right; margin-bottom: 10px; visibility: hidden; }
#details-image img { padding: 5px; background-color: white; display: block; }
#border-left { background: url(/Assets/Img/structure/details-image-left.png) left top no-repeat; float: left; width: 7px; height: 100%; }
#border-corner { background: url(/Assets/Img/structure/details-image-corner.png) left top no-repeat; float: left; clear: left; width: 7px; height: 11px; }
#border-bottom { background: url(/Assets/Img/structure/details-image-bottom.png) right top no-repeat; height: 10px; clear: both; }
#print-me, #share-me { cursor: pointer; overflow: hidden; }
.print-this { background: transparent url(/Assets/Img/headings/print-this.png) left top no-repeat; height: 11px; width: 85px; padding-right: 5px; margin: 2px 10px 5px 0; float: right; display: inline; }
.share-to-facebook { background: transparent url(/Assets/Img/headings/share-to-facebook.png) left top no-repeat; height: 11px; width: 95px; padding-right: 5px; margin: 2px 10px 0 0; display: inline; float: right; }
.print-button, .share-button { display: block; height: 16px; width: 16px; float: right; }
.print-button { background: transparent url(/Assets/Img/structure/print-share-icon.gif) left top no-repeat; }
#facebook-share { margin-right: 9px; clear: both; }
#vote-recipe .text { margin: 0; float: right; height: 16px; }
#vote-recipe td.form-label p { width: 130px; }
#vote-recipe td p { font-weight: bold; margin: 0; }
.thanks-for-voting { background: transparent url(/Assets/Img/headings/thanks-for-voting.png) left top no-repeat; width: 170px; height: 17px; }
.already-voted { background: transparent url(/Assets/Img/headings/youve-voted.png) left top no-repeat; width: 198px; height: 18px; }
#report-offensive-recipe { bottom: 10px; left: 410px; position: absolute; bottom: 15px; }
.biscuits { margin-bottom: 115px; }
p.fancybox-inline { padding: 10px; margin: 0; }

/* foodtv */
#vids { list-style: none; float: left; }
#vids li { float: left; width: 167px; }
.vid-holder { height: 122px; width: 167px; background: transparent url(/Assets/Img/foodtv/vid-holder.png) left top no-repeat; }
#vids li { margin: 0 0 15px 0; }
#vids li.odd { margin: 0 130px 15px 30px; }
#vids p { margin: 2px 0; }
#vids p.title { font-weight: bold; }
iframe.iframe { margin-left: 15px; overflow: hidden; }
.video-content { padding: 20px; }
.foodtv { background: transparent url(/Assets/Img/headings/foodtv.png) left top no-repeat; width: 108px; height: 35px; }
.baking-tips { background: transparent url(/Assets/Img/headings/baking-tips.png) left top no-repeat; width: 150px; height: 34px; }

/* Food Colours */
#food-colours td { width: 122px; height: 184px; }
#food-colours span { display: block; line-height: 1.2em; margin-left: 8px; }
#food-colours span strong { width: 45px; float: left; }
#food-colours .title { font-weight: bold; font-size: 1.5em; margin: 0 0 3px 8px; }
#food-colours .small { font-size: 1.1em; }
.bottles { margin: 10px auto 0; display: block; }
.drop-by-drop { background: transparent url(/Assets/Img/headings/drop-by-drop.gif) left top no-repeat; width: 342px; height: 39px; }
.create-eggs { width: 322px; height: 74px; background: transparent url(/Assets/Img/headings/create-your-own.png) left top no-repeat; }
.border img { border:4px solid white; }
.print-guide-button, .print-colour-guide { float: right;  height: 20px; background: transparent url(/Assets/Img/structure/print-col-guid.png) right top no-repeat; }
.print-guide-button { display: block; width: 16px; }
.print-colour-guide { background-position: left top; width: 100px; margin: 2px 10px 0 0; padding-right: 2px; }

/* join */
.baking-club { background: transparent url(/Assets/Img/headings/baking-club.png) left top no-repeat; height: 40px; width: 260px; }

/* privacy, terms, help */
.terms, .help { height: 200px; }
.privacy-policy p, .terms p, .help p, .privacy-policy li, .terms li, .help li { margin: 10px 0px; }
.privacy-policy ol, .terms ol, .help ol { margin-left: 27px; }
.privacy-policy ol p, .terms ol p, .help ol p { margin-left: -27px; }
h3.help { background: transparent url(/Assets/Img/headings/help.png) left top; width: 65px; height: 32px; }
h3.promo-conditions { background: transparent url(/Assets/Img/headings/promo-conditions.png) left top; width: 249px; height: 32px; }
h3.privacy { background: transparent url(/Assets/Img/headings/privacy.png) left top; width: 167px; height: 35px; }

/* paging */
.recipe-listting-pager { float: left; margin: 20px 0; }
.recipe-listting-pager span { float: left; margin-right: 10px; }
.pager { overflow: hidden; float: left; }
.pager li { float: left; margin: 0 3px; line-height: 110%; }
.pager li a { color: #000; text-decoration: underline; padding: 0 3px; line-height: 1; }
.pager li a:hover { text-decoration: none; line-height: 1; }

/* error */
#side-holder { height: 100px; }

.spacer { margin-bottom: 125px; } /* used to space footer */
#RecipeSubmit_ProductId { width: 597px; }