@charset "utf-8";

/* Reset */
html { background:#d9d9d9 url(../images/bg-page2.jpg) fixed center top no-repeat; overflow-y:scroll; }
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:14px; vertical-align:baseline; }
body { line-height:1; font-family:Helvetica, Arial, FreeSans, sans-serif;  color:#444; letter-spacing:0; display:none; }
ol, ul { list-style-type: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; }

/* Global Styles */
a, a:visited { color:#4c3a26; text-decoration:underline; overflow:hidden; }
a:hover, a:active, a:focus, #footer a:hover { background-color:#4c3a26; color:#fff; }
h1 { color:#096f47; font-size:30px; font-family:'Helvetica Neue', Helvetica, Arial, FreeSans, sans-serif; line-height:.95em; text-transform:uppercase; }
h2 { color:#4c3a26; font-size:20px; font-family:'Helvetica Neue', Helvetica, Arial, FreeSans, sans-serif; text-transform:uppercase; }
h3 { color:#096f47; font-size:20px; font-family:'Helvetica Neue', Helvetica, Arial, FreeSans, sans-serif; text-transform:uppercase; }
h4 { margin-bottom:.8em; font-size:1.3em; text-transform:uppercase; }
h5 { margin-bottom:1em; font-size:1.2em; text-transform:uppercase; }
p { font-size:14px; padding-top:1em; line-height:1.6em; text-align:justify; }
p span { }

/* Main Layout */
#wrapper { width:960px; margin:0 auto; position:relative; }
#header { width:960px; height:83px; position:relative; margin:15px 0 20px 0; }
#banner { width:960px; height:420px; margin:-20px 0 20px 0; display:block; z-index:100; }
#replaceThisWithFlash { width:920px; height:380px; padding:20px; margin:-20px 0 20px 0; display:block; z-index:100; background-color:#fff; color:#4c3a26; }
#content { width:960px; background:url(../images/content-bg.gif) repeat-y; }
.content-top { width:960px; height:20px; background:url(../images/contents-top.gif); }
.content-main { width:920px; padding:20px 20px 40px 20px; background-color:#fff; }
.content-main img { display:block; border:1px solid #b0b0b0; margin:0 0 5px 20px; padding:2px; background-color:#fff; }
.content-main p span { color:#096f47; font-weight:bold; }
#pageDesserts .content-main, #pageRange .content-main { background:url(../images/bg-content.jpg) center center no-repeat; }
.content-bottom { width:960px; height:20px; background:url(../images/content-bottom.gif); }
#footer { width:960px; height:70px; position:relative; padding:20px 0 0 0; }

/* Breadcrumb */
#breadcrumb { margin-bottom:15px; }
#breadcrumb li { padding:0 2px 0 0; display:inline; font-size:11px; } 
#breadcrumb li a { font-size:11px; }
#breadcrumb .bullet { width:4px; height:7px; margin-left:1px; background:url(../images/bullet.gif) 0 0 no-repeat; display:inline-block; }

/* Headings */
.styled-header { width:550px; height:40px; margin-bottom:10px; text-indent:-9999px; }
.styled-header2 { width:240px; height:20px; margin-top:20px; text-indent:-9999px; }
#heading-aboutus { background:url(../images/heading-about-us.gif) 0 0 no-repeat; }
#heading-awardwinning { background:url(../images/heading-award-winning-products.gif) 0 0 no-repeat; }
#heading-basic { background:url(../images/heading-basic.gif) 0 0 no-repeat; }
#heading-cakestraybakes { background:url(../images/heading-cakes-traybakes.gif) 0 0 no-repeat; }
#heading-caterers { background:url(../images/heading-caterers.gif) 0 0 no-repeat; }
#heading-coldsetcheesecakes { background:url(../images/heading-cold-set-cheesecakes.gif) 0 20px no-repeat; padding-bottom:20px; }
#heading-bakedcheesecakes { }
#heading-contactus { background:url(../images/heading-contact-us.gif) 0 0 no-repeat; }
#heading-cheesecakes { background:url(../images/heading-cheesecakes.gif) 0 0 no-repeat; }
#heading-cupcakes { background:url(../images/heading-cupcakes.gif) 0 0 no-repeat; }
#heading-durablepackaging { background:url(../images/heading-durable-packaging.gif) 0 0 no-repeat; }
#heading-fieldsales { background:url(../images/heading-fieldsales.gif) 0 0 no-repeat; }
#heading-freegateaux { background:url(../images/heading-freegateaux.gif) 0 0 no-repeat; }
#heading-vouchers { background:url(../images/heading-vouchers.gif) 0 0 no-repeat; }
#heading-flanstarts { background:url(../images/heading-flans-tarts.gif) 0 0 no-repeat; }
#heading-freeproducts { background:url(../images/heading-free-products.gif) 0 0 no-repeat; }
#heading-gateauxdesserts { background:url(../images/heading-gateaux-desserts.gif) 0 0 no-repeat; }
#heading-highquality { background:url(../images/heading-high-quality-ingredients.gif) 0 0 no-repeat; }
#heading-individualdesserts { background:url(../images/heading-individual-desserts.gif) 0 0 no-repeat; }
#heading-individualpuddings { background:url(../images/heading-individual-puddings.gif) 0 0 no-repeat; }
#heading-interactivewebsite { background:url(../images/heading-interactive-website.gif) 0 0 no-repeat; }
#heading-italiancollection { background:url(../images/heading-italian-collection.gif) 0 0 no-repeat; }
#heading-ourdesserts { background:url(../images/heading-our-desserts.gif) 0 0 no-repeat; }
#heading-madeforchefs { background:url(../images/heading-made-for-chefs.gif) 0 0 no-repeat; }
#heading-menuaids { background:url(../images/heading-menu-aids.gif) 0 0 no-repeat; }
#heading-menucards { background:url(../images/heading-menu-cards.gif) 0 0 no-repeat; margin:40px 0 0 0; }
#heading-new { background:url(../images/heading-new.gif) 0 0 no-repeat; }
#heading-portioncontrol { width:300px; background:url(../images/heading-portion-control.gif) 0 0 no-repeat; }
#heading-preslicedproducts { background:url(../images/heading-presliced-products.gif) 0 0 no-repeat; }
#heading-pride-passion { background:url(../images/heading-pride-passion-team.gif) 0 0 no-repeat; }
#heading-printedmaterials { background:url(../images/heading-printed-materials.gif) 0 0 no-repeat; }
#heading-process { background:url(../images/heading-theprocess.gif) 0 0 no-repeat; margin:20px 0 20px 0; }
#heading-qualityassurance { background:url(../images/heading-quality-assurance.gif) 0 0 no-repeat; }
#heading-raradays { background:url(../images/heading-raradays.gif) 0 0 no-repeat; }
#heading-roulards { background:url(../images/heading-roulards.gif) 0 0 no-repeat; }
#heading-salesforce { width:250px; background:url(../images/heading-sales-force.gif) 0 0 no-repeat; }
#heading-sampleboxes { background:url(../images/heading-sampleboxes.gif) 0 0 no-repeat; }
#heading-samplepack { background:url(../images/heading-samplepack.gif) 0 0 no-repeat; width:600px; }
#heading-sellmoreproducts { background:url(../images/heading-sell-more-products.gif) 0 0 no-repeat; }
#heading-services { background:url(../images/heading-services.gif) 0 0 no-repeat; }
#heading-showsexhibitions { background:url(../images/heading-shows-exhibitions.gif) 0 0 no-repeat; }
#heading-tallelegant { background:url(../images/heading-tall-elegant.gif) 0 20px no-repeat; padding-bottom:20px; }
#heading-traditionalasian { background:url(../images/heading-traditionalasian.gif) 0 0 no-repeat; }
#heading-wholesalers { background:url(../images/heading-wholesalers.gif) 0 0 no-repeat; }
#heading-working-with-you { background:url(../images/heading-working-with-you.gif) 0 0 no-repeat; }
#header h2 a { width:154px; height:83px; display:block; text-indent:-9999px; background:url(../images/vittles-logo.png); float:left; }
h1#desserts { width:960px; height:65px; background:url(../images/heading-desserts.jpg); text-indent:-9999px; margin-bottom:10px; }
.content-main h3 { margin:0 0.6em 0 0; }

/* Product Listing */
.product-row { margin:20px 0 0 0; float:left; display:inline; }
.product-panel { width:193px; float:left; position:relative; border:1px solid #999; overflow:hidden; padding:10px; margin:0 20px 0 0; display:block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/bg-transparent.png'); }
.product-panel span.zoom-icon { width:22px; height:22px; position:absolute; top:172px; right:18px; display:block; background:url(../images/zoom.png) 0 0 no-repeat; }
.product-panel[class] { background:url(../images/bg-transparent.png) 0 0 repeat; }
.product-panel:hover { border:1px solid #096f47; }
.product-panel h2, .product-panel h2 a { font-size:13px; letter-spacing:0; height:24px; }
.product-panel h2 span.lowercase { text-transform:lowercase; }
.product-panel h2.smaller { font-size:1em; height:30px; }
.product-panel h2.smallest { font-size:10px; }
.product-panel p, .product-panel-last p { font-size:10px; padding-top:5px; min-height:65px; letter-spacing:0; }
.product-panel p.no-auto-height, .product-panel-last p.no-auto-height { min-height:10px; font-size:10px; color:#096f47; }
#pageDesserts .product-panel p, #pageDesserts .product-panel-last p { min-height:48px; }
p.auto-height { min-height:48px; }
.product-panel img { width:186px; height:186px; font-weight:normal; float:none; margin:0 0 10px 0; }
.product-panel img:hover { border:1px solid #096F47; }
.product-panel a { text-decoration:none; background:none; }
.product-panel a:hover { background:none; color:#766047; }
.last { margin:0; }
.last-row { margin:20px 0 20px 0; }
.product-footer { width:192px; margin-top:10px; height:20px; background:#096f47 url(../images/bg-product-footer.gif) 0 0 repeat-x; }
.product-footer p { color:#fff; font-size:9px; padding:3px 5px 5px 5px; min-height:1px; }

/* Main Navigation */
#main-nav { width:auto; height:21px; position:absolute; right:0; top:55px; }
#main-nav li { height:21px; padding-bottom:20px; margin-left:10px; display:inline; float:left; }
#main-nav li a { height:21px; display:block; overflow:hidden; cursor:pointer; background-color:transparent; text-indent:-9999px; float:left; }
#main-nav li a.nav01 { width:60px; background-image:url(../images/nav01.png); }
#main-nav li a:hover.nav01 { background-position:0 -21px; }
#main-nav li a.nav02 { width:96px; background-image:url(../images/nav02.png); }
#main-nav li a:hover.nav02 { background-position:0 -21px; }
#main-nav li a.nav03 { width:130px; background-image:url(../images/nav03.png); }
#main-nav li a:hover.nav03 { background-position:0 -21px; }
#main-nav li a.nav04 { width:169px; background-image:url(../images/nav04.png); }
#main-nav li a:hover.nav04 { background-position:0 -21px; }
#main-nav li a.nav05 { width:56px; background-image:url(../images/nav05.png); }
#main-nav li a:hover.nav05 { background-position:0 -21px; }
#main-nav li a.nav06 { width:113px; background-image:url(../images/nav06.png); }
#main-nav li a:hover.nav06 { background-position:0 -21px; }
#main-nav li a.nav07 { width:20px; height:20px; margin:1px 0 0 5px; background-image:url(../images/facebook.png); }
#main-nav li a:hover.nav07 { background-position:0 -20px; }

/* Featured Navigation */
#featured-nav { display:block; }
#pageAbout #featured-nav { margin-top:20px; }
#featured-nav li { margin-bottom:5px; }
#featured-nav li a { width:960px; height:65px; display:block; overflow:hidden; cursor:pointer; text-indent:-9999px; }
#featured-nav li a.featured-buyonline { background:url(../images/featured-buyonline.jpg); }
#featured-nav li a:hover.featured-buyonline { background-position:0 -65px; }
#featured-nav li a.featured-desserts { background:url(../images/featured-desserts.jpg); }
#featured-nav li a:hover.featured-desserts { background-position:0 -65px; }
#featured-nav li a.featured-caterers { background:url(../images/featured-caterers.jpg); }
#featured-nav li a:hover.featured-caterers { background-position:0 -65px; }
#featured-nav li a.featured-menucards { background:url(../images/featured-menucards.jpg); }
#featured-nav li a:hover.featured-menucards { background-position:0 -65px; }
#featured-nav li a.featured-sampleboxes { background:url(../images/featured-sampleboxes.jpg); }
#featured-nav li a:hover.featured-sampleboxes { background-position:0 -65px; }
#featured-nav li a.featured-wholesalers { background:url(../images/featured-wholesalers.jpg); }
#featured-nav li a:hover.featured-wholesalers { background-position:0 -65px; }
#featured-nav li a.featured-menu { background:url(../images/featured-menu.jpg); }
#featured-nav li a:hover.featured-menu { background-position:0 -65px; }

/* Footer Navigation */
#footer-nav { text-align:right; display:block; margin:12px 155px 2px 0; letter-spacing:0; }
#footer-nav li { display:inline; padding:0 1px 0 1px; }
#footer-nav li a, #footer p { color:#4c3a26; font-size:11px; text-transform:uppercase; }
#footer p { padding-top:0; margin:0 155px 5px 0; text-align:right; color:#4c3a26; }
#footer p a { font-size:11px; }

/* Contact Form */
.message { color:#fff; background-color:#096f47; display:none; width:370px; padding:10px; }
#contact-form { padding-top:10px; text-align:right; }
#contact-form ul { width:390px; }
#contact-form li { margin-bottom:10px; }
#contact-form li.special { display:none; }
#contact-form input, #contact-form textarea { width:250px; padding:0 5px; background:#fff url(../images/input-repeater.gif) repeat-x scroll left top; border:1px solid #999999; color:#333333; }
#contact-form input { height:30px; }
#contact-form input.brochure { width:250px; height:30px; padding: 0px;}
#contact-form textarea { padding:5px; font:14px Helvetica, Arial, FreeSans, sans-serif; letter-spacing:0; line-height:1; }
#contact-form label { width:114px; color:#4c3a26; margin-right:10px; padding-top:6px; float:left; font-weight:bold; font-size:14px; }
#contact-form .styled-checkbox { width:auto; float:left; }

/* About Us */
#client-logos { height:69px; margin:20px 0 40px -60px; }
#client-logos li { height:69px; display:inline; float:left; }
#client-logos li img { border:0; padding:0; margin:0 0 0 60px; }

#team-photos { margin:0 0 0 -40px; }
#team-photos li { margin:0 0 20px 40px; display:inline; float:left; }
#team-photos .team01, #team-photos team01, #team-photos team02, #team-photos team03, #team-photos team04, #team-photos team05 { width:280px; }
#team-photos .team02 { width:600px; }
#team-photos .team02 p { width:600px; }
#team-photos img { margin:0 0 5px 0; }
#team-photos p { width:280px; height:50px; font-size:11px; line-height:1.3em; font-style:italic; color:#777; padding-top:0; text-align:right; }

/* Float and Clear Classes */
.left { float:left; }
.right { float:right; }
.split-left { width:425px; margin-top:20px; float:left; }
.split-right { width:445px; margin-top:20px; padding-left:40px; float:right; border-left:1px solid #ccc; }
.split-left ul li { padding-bottom:1em; }
.split-left p { text-align:center; }
.split-left p span { font-weight:bold; color:#096f47; } 
.split-left .left { margin-left:40px; }
.split-left .right { margin-right:40px; }
.cleared { clear:both; height:1px; font-size:1px; overflow:hidden; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

/* Miscellaneous Classes */
#leaf { width:46px; height:16px; position:absolute; right:234px; top:77px; z-index:1; display:block; background:url(../images/leaf-top.png); margin-top:0 !important; margin-top:16px; }
.rule { width:960px; height:5px; display:block; background:url(../images/rule.gif) 0 0 no-repeat; margin:0 0 10px 0; }
#tart { width:166px; height:135px; display:block; position:absolute; bottom:-5px; right:-75px; z-index:1; display:block; background:url(../images/tart.png) 0 0 no-repeat; padding-bottom:10px; }
#brc { width:65px; height:90px; display:block; position:absolute; bottom:15px; right:82px; z-index:2; display:block; background:url(../images/brc.png) 0 0 no-repeat; }
.margin-left { margin-left:20px; }
.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
.boxout { width:570px; margin:20px 0 10px 0; padding:10px; border:4px solid #51834c; background-color:#c6dbaf; color:#4c3a26; font-size:14px; font-weight:bold; }
.boxout2 { margin:20px 0 30px 0; padding:10px; border:4px solid #51834c; background-color:#c6dbaf; font-size:14px; color:#4c3a26; font-weight:bold; }
.caption { width:300px; font-size:10px; color:#777; margin:0 0 20px 20px; padding-top:0; text-align:right; }
p.pullquote { background:url(../images/pullquote.gif) 0 0 no-repeat; font-family:Georgia, "Garamond", serif; font-size:1.6em; font-style:italic; font-weight:normal; line-height:1.5em; margin:20px 10px 0 0; min-height:44px; padding:10px 0 0 40px; }
p.pullquote-author { font-size:1em; padding-top:0; margin:5px 10px 10px 100px; text-align:left; text-indent:-1.3em; }
img.no-border { border:none; }
#new-store { width:288px; height:51px; display:block; position:absolute; right:0; top:-20px; text-indent:-9999px; background:url(../images/new-store.png) 0 0 no-repeat; }
#new-store:hover { background-position:0 -51px; }
#sample-boxes { width:288px; height:53px; display:block; position:absolute; right:0; top:-20px; text-indent:-9999px; background:url(../images/sample-packs.png) 0 0 no-repeat; }
#sample-boxes:hover { background-position:0 -53px; }
#menu-cards { width:288px; height:55px; display:block; position:absolute; right:0; top:-20px; text-indent:-9999px; background:url(../images/menu-cards.png) 0 0 no-repeat; }
#menu-cards:hover { background-position:0 -55px; }

/* Buttons */
input.awesome, a.awesome {
margin:10px 0 0 0; padding:5px 10px 4px 10px; background:url(../images/alert-overlay.png) 0 0 repeat-x; border:0; display:inline-block; color:#fff; text-decoration:none;
line-height:1; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; overflow:hidden; cursor:pointer; font:10px "Lucida Sans","Trebuchet MS", Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:0.1em; background-color:#096f47; }
input.awesome:hover, a.awesome:hover { background-color:#0e7a50; }
a.small { margin:0; padding:5px 5px 2px 5px; }

.product-panel a.button-browse { width:110px; height:30px; display:block; margin-top:10px; background:url(../images/button-browse.gif) 0 0 no-repeat; text-indent:-9999px; }
.product-panel a.button-browse:hover { background-position:0 -30px; }

a#button-top { width:120px; height:30px; margin:0 10px 0 0; display:inline-block; background:url(../images/button-top.gif) 0 0 no-repeat; text-indent:-9999px;  } 
a#button-desserts { width:130px; height:30px; display:inline-block; background:url(../images/button-desserts.gif) 0 0 no-repeat; text-indent:-9999px; }
a#button-top:hover, a#button-desserts:hover { background-position:0 -30px; }
input#button-sendmessage { width:110px; height:30px; margin-left:128px; display:block; background:url(../images/button-sendmessage.gif) 0 0 no-repeat; border:0; text-indent:-9999px; cursor:pointer; }
input#button-sendmessage:hover { background-position:0 -30px; }
.flash-link { width:756px; height:260px; display:block; z-index:300; }
.button-enquire { width:380px; height:20px; display:block; background:url(../images/button-enquire.gif) 0 0 no-repeat; text-indent:-9999px; }
.button-services { width:380px; height:20px; margin-top:30px; display:block; background:url(../images/button-services.gif) 0 0 no-repeat; text-indent:-9999px; }
.button-enquire:hover, a.button-services:hover, .button-sampleboxes:hover { background-position:0 -20px; }
.button-sampleboxes {width:310px; height:20px; margin-top:30px; display:block; background:url(../images/button-samplebox.gif) 0 0 no-repeat; text-indent:-9999px; }

/* Font Face */
@font-face { font-family:'BebasRegular'; src:url('../fonts/BEBAS___.eot'); src:local('Bebas Regular'), local('Bebas'), url('../fonts/BEBAS___.TTF') format('truetype');
}