body { padding: 40px; margin: 0; background: #b7a58c url(/assets/img/littleredbg.png); }
#wrapper { margin: 0 auto; max-width: 850px; }
#header { border-bottom: #ffffff 3px solid; background-color: #7686bc; height: 90px; margin: 0 36px; position: relative; }
#content { border-top: #7686bc 5px solid; background-color: #ffffff; border-bottom: #cb2e14 5px solid; padding-top: 45px; padding-bottom: 25px; width: 100%; }
#footer { clear: both; border-top: white 3px solid; background-color: #7686bc; height: 36px; margin: 0 36px; position: relative; }
#logo { float: left; padding-top: 5px; position: absolute; left: -15px; }

#menu { position: absolute; right: 10px; bottom: 20px; display: inline; list-style-type: none; margin: 0; padding: 0; }
#menu li { display: inline; margin-left: 15px; }
#menu li a { padding-bottom: 30px; background: url(/assets/img/menu/icon.png) no-repeat bottom center; }

img { border: 0; }
.centre { text-align: center; }
.float-left, #tb-left { float: left; }
.float-right, #tb-right { float: right; }
.clear-both { clear: both; }
.text-box-light { background-color: #edeef6; width: 200px; padding: 5px 20px; margin: 0 25px; color: #ce2c10; font-family: Segoe UI, Trebuchet MS, Arial, sans-serif; font-weight: bold; font-size: 80%; line-height: 160%; overflow: hidden; }
.page-title { margin-left: 30px; margin-bottom: 15px; }


#tl,#tr,#bl,#br  { position: absolute; width: 36px; background: transparent url(/assets/img/bluebg.png) no-repeat; }
#tl,#tr { top: 0px; height: 90px; border-bottom: white 3px solid; }
#tl { left: -36px; background-position: top left; }
#tr { right: -36px; background-position: top right; }
#bl,#br { top: -3px; height: 36px; border-top: white 3px solid; }
#bl { left: -36px; background-position: bottom left; }
#br { right: -36px; background-position: bottom right; }
#bread-br { position: absolute; right: -40px; bottom: -10px; width: 123px; height: 116px; background: transparent url(/assets/img/bread-small.png) no-repeat;  }

#benefit-links { display: inline; list-style-type: none; margin: 0; padding: 0; }
#benefit-links li { float: left; width: 90px; margin: 0 5px 10px; color: #ce2c10; font-family: Segoe UI, Trebuchet MS, Arial, sans-serif; font-weight: bold; font-size: 110%; line-height: 160%; text-decoration: underline; }

.home #tb-right p { line-height: 200%; text-align: right; padding-right: 50px; padding-top: 10px; }
.about #tb-left, .about #tb-right { width: 35%; }
.products #tb-left, .products #tb-right { width: 36%; }
.about #tb-left, .healthy-stuff #tb-left, .products #tb-left, .products #tb-right { background-color: #ffffff; color: #000000; font-family: Arial, sans-serif; font-size: 75%; }
.healthy-stuff #tb-left, .healthy-stuff #tb-right { width: 40%; }
.healthy-stuff #tb-left { margin: 0 10px 0 25px; }
.healthy-stuff #tb-right { margin: 0 25px 0 10px; }

#topping { background-color: #edeef6; width: 270px; padding: 10px 20px 5px; margin: 0 25px 20px; color: #636d9c; font-family: Segoe UI, Trebuchet MS, Arial, sans-serif; font-weight: bold; font-size: 80%; line-height: 80%; overflow: hidden; }
.product-img { float: left; margin-right: 15px; padding-right: 15px; }
.slice-spread-top { text-align: center; }
.slice-spread-top img { margin: 0 15px; }

.contact form { background-color: #ffffff; color: #000000; font-family: Arial, sans-serif; font-size: 75%; position: relative; }
.contact form  p { margin-left: 3em; }
.contact form input { text-align: left; }
.contact form .button { text-align: center; }
.contact form .text { width: 20em; position: absolute; left: 270px; font: normal 12px/1.6em  Segoe UI, Trebuchet MS, Arial, san-serif; }
.contact form .control { position: absolute; left: 270px; font: normal 12px/1.6em  Segoe UI, Trebuchet MS, Arial, san-serif; }
.contact form #submit { margin-top: 110px; padding-left: 232px; }
.sent { background-color: #ffffff; color: #000000; font-family: Arial, sans-serif; font-size: 75%; padding-left: 3em; }

.coming-soon { background-color: #ffffff; color: #000000; font-family: Arial, sans-serif; font-size: 75%; padding-left: 3em; }

.stockist-list { background-color: #ffffff; font-family: Arial, sans-serif; font-size: 75%; padding-left: 3em; }
.stockist-list h2, h3, h4, p { color: #000000; font-family: Arial, sans-serif; }
.stockist-list h2 { font-size: 115%; text-align: left; margin: 0; padding: 10px 0 5px; }
.stockist-list h3 { font-size: 105%; text-align: left; margin: 0; padding: 10px 20px 5px; }
.stockist-list h4 { text-align: left; margin: 0; padding: 10px 20px 4px; }
.stockist-list p { margin: 0; padding: 0 20px 2px; }
.stockist-list h4 a:link, .stockist-list h4 a:visited { color: #000000; }
.stockist-list h4 a:hover { color: #cb2e14; }
.stockist-list p a:link, .stockist-list p a:visited { color: #7686bc; font-weight: bold; }
.stockist-list p a:hover { color: #cb2e14; font-weight: bold; }