/*--Reset browsers--*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, article, section, aside, nav, hgroup, footer, time, mark {	margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; }

header, footer, aside, nav, article { display: block; }  

body { line-height: 1.5; background: #fff; margin: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

ul, li { margin: 0; padding: 0; list-style: none; }

/*--General Styles--*/
body { font-size: 62.5%; background: #8ed8e8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;  }


/*--Image Replacement--*/
.ir { display: block; text-indent: -5000px;}

/*--Holder - should be the total width--*/
.holder { width: 960px; margin: 0 auto 0; position: relative;  }

button { cursor: pointer; border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
.float_l { float: left;}
.float_r { float: right;}

.hide { display: none; }

.txt_align_l { text-align: left;}
.txt_align_c { text-align: center;}
.txt_align_r { text-align: right;}

.clear_both { clear: both; }
.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear_after:after { content: ""; display: block; height: 0; clear: both; }

.bold { font-weight: 700; }

a:focus, a:hover { color: #000; }
a { color: #6D491F; text-decoration: underline; overflow: hidden; }

/*--Typography--*/
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 4em; line-height: 1; margin-bottom: 0.75em; color: #6d491f; }
h2 { font-size: 2.4em; margin: 0.3em 0 0.7em 0; clear: both;  color: #033; line-height: 1.15; }
h3 { font-size: 1.9em; line-height: 1.25; margin-bottom: 0.5em; color: #033; margin-top: 2em;}
p, li, dl, table, legend { font-size: 1.2em; }


p { margin: 0 0 0.8em; color: #033; line-height: 1.35;}
p.last { margin-bottom: 0; }

ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul li { list-style: disc; }
ol li { list-style: decimal; }
li li { font-size: 1em; }
li ul, li ol { margin-bottom: 0; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }

/*--Tables--*/
.basket { margin-bottom: 1.4em; width: 100%; color: #033; border-bottom: 1px solid #033; }
.basket .top-row th { border-bottom: 2px solid #033; font-weight: bold; vertical-align: middle; }
.basket td, .basket th { border-bottom: 1px solid #033; vertical-align: middle; }
.basket .product-row td { background: #bbe8f1; }
.basket th,.basket td { padding: 14px 4px; }
.basket tfoot { font-style: italic; }
.basket caption { background: #fff; }
.basket select { width: 60px; text-align: center; }
.basket .price-cell { color: #6d491f; font-weight: 700; }
.basket a { color: #900; text-decoration: none; background: url(../images/remove-icon.gif) no-repeat left 4px; padding: 0 0 0 15px; }
.basket a:hover { text-decoration: underline; }
.basket tr.product-row:hover td { background: #dbf1f6; }
.basket .item { font-weight: 700; }
.basket button { background: #6d491f; padding: 2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; }
.basket button:hover { color: #033; background: #bbe8f1; } 

/*--Forms--*/
label { font-weight: bold; }
fieldset { margin: 0 0 1em 0; padding: 0; }
legend { font-weight: bold;  margin: 0 0 5px 0;}
input.text, textarea, input.date { border: none; background:#f6f6f6; padding:5px; width: 267px; }
input.date { width: 100px; }
form p { position: relative; }
input.text:focus, textarea:focus, input.date:focus { border: none; background:#fff; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
.error-list, .notice, .success { padding: 15px; margin-bottom: 1em; border: 2px solid #ddd; }
.error-list { background: #FFFFD1; color: #D12F19; border-color: #FFFFD1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.notice { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.product-column .success { margin-left: 24px; text-align: center; }
.success { background: #E6EFC2; color: #529214; border-color: #C6D880; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 0 0 20px 5px; }
.error-list a { color: #D12F19; }
.error-list { margin: 0 0 20px 5px; padding: 15px; }
.error-list li { margin: 0 15px; padding: 0; }
.notice a { color: #817134; }
.success a { color: #529214; }
.error-list p, .success p { margin: 0;}
label.error { position: absolute; left: -285px; top: 20px; background: url(../images/error-panel.gif) no-repeat; width: 260px; height: 26px; text-align: right; padding: 4px 15px 0 0; color: #D12F19;  }
input.error { color: #D12F19; }
.product-column .error-list, .product-column .success { margin-right: 13px; }
.notice p { margin: 0; }

.accessibility { display: none; }

/*--Header--*/
.header-holder { background: url(../images/header-full.jpg) no-repeat center top; height: 287px; }
.header { background: url(../images/header-middle.jpg) no-repeat; height: 287px; position: relative; } 
.home-link { position: absolute; left: 15px; top: 115px; }
.home-link a { display: block; width: 200px; height: 90px; text-indent: -5000px; }
#navigation { margin: 0; padding: 0; }
#navigation li { margin: 0; padding: 0 17px 0 0; list-style: none; background: url(../images/nav-shadow-right.png) no-repeat right bottom; position: absolute; }
#navigation li p { margin: 0; padding: 0 0 13px 17px; background: url(../images/nav-shadow-left.png) no-repeat left bottom; }
#navigation li a { text-decoration: none; background: #99dbeb; border: 2px solid #fff; padding: 7px 17px; color: #6d491f; height: 20px; }
#navigation li a:hover { background: #d6f7ff; }
#navigation li.on a { color: #fff; background: #6d491f; }
.nav-home { left: 54px; top: 225px; }
.nav-cake-shop { left: 160px; top: 240px; }
.nav-delivery { left: 300px; top: 225px; }
.nav-pictures { left: 468px; top: 240px; }
.nav-contact-us { left: 633px; top: 225px; }
.nav-about-us { left: 771px; top: 240px; }
.content-holder { background: #8ed8e8 url(../images/content-bg.jpg) no-repeat center top; }
.headertocontent { background:url(../images/headertocontent.gif) repeat-x center top; height: 12px; }

/*--Footer--*/
.contenttofooter { background: url(../images/contenttofooter.jpg) repeat-x center top; height: 34px; clear: both; }
.footer-holder { background: url(../images/footer-full.jpg) no-repeat center top; height: 250px; }
.footer { background: url(../images/footer-middle.jpg) no-repeat; height: 250px; position: relative; }
.footer ul { margin: 0; padding: 35px 70px 160px 70px; float: right; }
.footer li { display: inline; border-right: 1px solid #366; list-style: none; padding: 0 10px 0 0; margin: 0 0 0 10px; font-size: 1.1em; }
.footer li.last { padding: 0; border-right: none; }
.footer a { color: #366; text-decoration: none; }
.footer li.on a { font-weight: 700; }
.footer a:hover { color: #6d491f; }
.topofpage-link { position: absolute; right: 86px; top: 110px; }
.topofpage-link a { display: block; width: 50px; height: 50px; text-indent: -5000px; }
.footer .float_l { padding: 0 0 0 70px; }
.footer .float_r { padding: 0 70px 0 0; }
.footer p { font-size: 1.1em; color: #6d491f; }
.footer p a { color: #6d491f; text-decoration: none; }
.footer p a:hover { color: #366; } 

/*--Main Content--*/
.content { width: 820px; padding: 20px 0 0; min-height: 350px; }
.breadcrumbs { margin: 0 0 20px; padding: 0; }
.breadcrumbs li { display: inline; margin: 0; padding: 0; list-style: none; color: #6d491f; }
.breadcrumbs a { color: #6d491f; text-decoration: none; }
.breadcrumbs a:hover { color: #366; text-decoration: underline; }

/*--Homepage--*/
.slideshow-holder { position: absolute; background:url(../images/home-slideshow-frame.gif) no-repeat; width: 834px; height: 295px; left: -7px; }
.banner-panel { color: #39c; font-size: 2em; margin: 0 0 10px; line-height: 1; }
.order-now { font-size: 1.8em; background: url(../images/home-order-right.gif) no-repeat right top; margin: 0; line-height: 1; height: 35px; float: left; }
.order-now a { color: #fff; background:url(../images/home-order-left.gif) no-repeat; height: 27px; text-decoration: none; padding: 8px 33px 0 8px; display: block; }
.intro-text { position: absolute; z-index: 20; left: 34px; width: 360px; top: 40px; }
.intro-text h1 { margin: 0; }
#slideshow { position:relative;  width: 814px; height:276px; margin: 0 0 0 11px; top: 9px; }
.main-slideshow #slideshow { width: 621px; }
#slideshow div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow div.active { z-index:10; opacity:1.0; }
#slideshow div.last-active { z-index:9; }
.home-2-col { padding: 320px 0 0 0; }
.home-2-col .left-col { float: left; width: 420px; padding: 0 30px; }
.home-2-col .right-col { float: right; width: 290px; padding: 0 30px 0 0; }
.home-2-col .left-col p { font-size: 1.6em; }
.banner-premium-cupcakes a { background: url(../images/banner-premium-cupcakes.jpg) no-repeat; width: 289px; height: 229px; }
.banner-cake-school a { background: url(../images/banner-cake-school.jpg) no-repeat; width: 289px; height: 229px; }
.banner-weddings a { background: url(../images/banner-weddings.jpg) no-repeat; width: 289px; height: 229px; }
#gluten-free { background: url(../images/gluten-free.png) no-repeat; height: 151px; width: 151px; position: absolute; top: -34px; right: -435px; }
#delivery { background: url(../images/available-by.png) no-repeat; width: 115px; height: 115px; position: absolute; top: 24px; right: -80px; }
.twtr-tweets { font-size: 0.8em; }

/*--Cake Shop--*/
.more-details a { background: url(../images/btn-more-details.gif) no-repeat; width: 125px; height: 35px; margin: 0 auto; }
.more-details a:hover { background-position: left bottom; }
.product-details.list-page h2 { font-size: 1.7em; min-height: 25px; text-align: center; }
.premium-topping-chosen p.gluten-free-flash { background: url(../images/gluten-flash.gif) no-repeat right top; height: 85px; padding: 10px 130px 20px 0; }

/*--Products - Shop Page--*/
.subnavigation ul { float: left; width: 160px; margin: 0; padding: 0; }
.subnavigation li { margin: 0 0 3px; list-style: none; padding: 0; }
.subnavigation a { background: #c8ebf4; display: block; text-decoration: none; padding: 5px; font-size: 1.2em; color: #333; }
.subnavigation a:hover { background: rgba(255, 255, 255, 0.8); }
.subnavigation li.on a { background: #6d491f; color: #fff; }
.product-column { width: 652px; float: right; }
.product { width: 204px; float: left; margin: 0 0 13px 13px; position: relative; }
.product-image { background: url(../images/product-frame.gif) no-repeat; width: 204px; height: 203px; }
.product-image img { margin: 9px 0 0 11px; }
.product-details { background: #c7ecf4 url(../images/product-bottom.gif) no-repeat left bottom; width: 162px; margin: 0 auto; padding: 14px; }
.product-details h2 { margin: 0 0 12px; min-height: 45px; font-size: 1.8em; }
.product label { display: block; margin: 0 0 3px; font-size: 0.9em; }
.base-flavour { width: 164px; padding: 3px; }
.product label select { padding: 3px; text-align: center; }
.price { background:url(../images/price-bg.png) no-repeat; height: 50px; width: 65px; color: #fff; font-size: 1.6em; text-align: center; padding: 15px 0 0 0; position: absolute; right: -8px; top: 144px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg); line-height: 1; }
.premium-price.price { padding: 12px 0; }
.price span { font-size: 0.7em; line-height: 0.6; display: block }
.add-to-basket { font-size: 2em; background: url(../images/home-order-right.gif) no-repeat right top; margin: 20px 0 10px 15px; line-height: 1; height: 35px; float: left; }
.add-to-basket button { color: #fff; background:url(../images/home-order-left.gif) no-repeat; height: 35px; text-decoration: none; padding: 0 28px 0 10px;  }
.premium-topping-chosen { margin: 0 7px 30px 20px; border: 1px solid #fff; padding: 20px; background: #C8EBF4;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }


/*--Products - Contact Page--*/
.main-slideshow { background: url(../images/large-product-frame.gif) no-repeat; width: 642px; height: 296px; }
.product-text { width: 300px; float: left; padding: 20px 0 0 10px; }
.product-form { background: #bbe8f1 url(../images/form-top.gif) no-repeat; width: 310px; float: right; margin: 20px 10px 0 0;  }
.product-form form { background: url(../images/form-bottom.gif) no-repeat left bottom; padding: 15px; }
.product-form label, .delivery-form label, .details-form label { display: block; margin: 0 0 3px; }
.product-form textarea { height: 80px; }
/* .send-form.inactive { opacity:0.4;filter:alpha(opacity=40) }*/
.send-form { font-size: 2em; background: url(../images/home-order-right.gif) no-repeat right top; margin: 10px 5px 10px 15px; line-height: 1; height: 35px; float: right; }
.send-form button { color: #fff; background:url(../images/home-order-left.gif) no-repeat; height: 35px; text-decoration: none; padding: 0 28px 0 10px;  }

/*--Booking process steps--*/
.process { margin: 27px 0 0 12px; padding: 0; border-top: 2px solid #fff; width: 637px; position: relative; height: 80px; }
.process li { float: left; list-style: none; margin: 0; padding: 20px 0 0 0; text-align: center; color: #033; background: url(../images/process-bullet.png) no-repeat center top; position: relative; top: -8px; }
.process a { color: #033; text-decoration: none; }
.process li.step-on { font-weight: 700; background: url(../images/process-on.png) no-repeat center top; top: -28px; padding: 40px 0 0 0; }
.process.wide { width: 810px; margin-top: 50px; }
.steps-4 li { width: 156px; }
.steps-5 li { width: 124px; }
.wide.steps-4 li { width: 202px; }

/*--Shopping cart--*/
.cart.top { position: absolute; top: 65px; right: 0; }
.cart.bottom { padding: 30px 0 0 0; clear: both; }
.cart { margin-right: 7px; }
.summary { background: rgba(255,255,255, 0.5); padding: 8px; float: right; margin: 2px 0 0 0; }
.checkout-button { float: right; }
.checkout-button a { background: url(../images/btn-checkout.gif) no-repeat; width: 112px; height: 35px;  }
.packaging { border-bottom: 2px solid #000; margin: 0 0 30px; }
.packaging label { display: block; margin: 0 0 3px; }
.packaging-left { width: 49%; float: left; padding: 10px 0 20px; }
.packaging-right { width: 49%; float: right; padding: 10px 0 30px; }
.pink, .brown, .blue { display: inline-block; width: 115px; text-align: center; padding: 69px 0; background: #ff99cc; margin: 0 10px 0 0; border: 1px solid #fff; }
.brown { background: #300; }
.blue { background: #9ad4e0; }
.packaging-right textarea { width: 380px; height: 81px; }

/*--Shopping Basket--*/
.delivery-text { float: left; width: 330px;  padding: 20px 0 0 10px;}
.delivery-form { background: #bbe8f1 url(../images/delivery-form-top.gif) no-repeat; width: 460px; float: right; margin: 20px 10px 0 0;  }
.delivery-form form { background: url(../images/delivery-form-bottom.gif) no-repeat left bottom; padding: 15px; text-align: center; }
.delivery-form #datepicker { width: 17em; margin: 15px auto; }
.delivery-times { font-size: 1.3em; }
.your-message span { font-weight: 400; font-size: 0.9em; }
#del-type-note { float:right; display:inline; padding:3px;width:670px; }
#del-type-note p {color:#900; }

/*--Delivery Details--*/
.details-form { background: #bbe8f1 url(../images/delivery-form-top.gif) no-repeat; width: 460px; margin: 20px auto 0;  }
.details-form form { background: url(../images/delivery-form-bottom.gif) no-repeat left bottom; padding: 15px; }
.details-form input.text, .details-form textarea { width: 420px; }
.details-form textarea { height: 100px; font-size: 1em; }

/*--Contact page--*/
.contact-para { width: 460px; margin-left: auto; margin-right: auto; }
.contact.details-form { background: #bbe8f1 url(../images/delivery-form-top.gif) no-repeat; width: 460px; margin: 0; float: right;  }
.contact.delivery-text { padding: 0 0 0 7px; }
.trading-details { padding: 30px 0 0 7px; clear: both; font-size: 1em; margin: 0;}

/*--About Us--*/
.about-text { width: 370px; float: left; padding: 2px 0 0 2px; }
.about-image { width: 422px; float: right; }
.heavy-text { padding: 0 2px; }
.heavy-text h2 { margin-top: 30px; }

/*--Home Delivery--*/
.delivery-intro { padding: 0 0 7px 3px; }
.delivery-map { background: url(../images/coverage-map.jpg) no-repeat center center; width: 839px; height: 726px; margin-left: -7px; text-indent: -5000px;}
.delivery-map li { list-style: none; }
#ui-datepicker-div { display: none; }

/*--Cake School--*/
.cake-school h2 { margin-top: 25px; color: #6d491f; }
.cake-school-column { float: right; width: 422px; }
.cake-school-column .about-image { float: none; }
.cake-school-column .product-form { margin: 20px auto 20px; float: none; clear: both; }