/* Reset CSS v1.0 | 20080212 */
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; vertical-align:baseline; background:transparent; font-size:12px; text-decoration:none; font-family:arial; color:#877d74; line-height:18px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* Global */
body {background:url('/images/bg_gradient.gif') repeat-x #877d74;}
h1, h2 {color:#72b632;}

a {color:#72b632; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:none;}
p {padding-top:10px;}
p.close {padding-top:0px;}
h1 {font-size:30px; padding-bottom:10px;}
h2 {font-size:20px;}
h3 {font-size:18px; padding-top:30px; padding-bottom:10px; color:#72b632;}
h4 {font-size:13px;}
h5 {font-size:16px; padding-top:20px; color:#72b632;}

/* Global Page Settings */
.section {width:960px; float:left; background-color:#fff;}
.rightBanner {float:right;}
.infoCont {width:600px; padding:20px; float:left; min-height:400px;}
.imageCont {width:300px; padding:20px 20px 20px 0; float:left;}
#pageCont {width:960px; margin:0px auto;}
.container {float:left; width:100%;}
.highlight {font-weight:bold;}

p.intro,
p.intro a {font-size:16px; line-height:22px;}

/* Home Page */
p.homeNews {padding:10px;}

/* Header */
#headerCont {width:100%; height:70px; background:url('/images/img_banner.gif') repeat-x #fff; border-bottom:1px solid #ccc; padding-bottom:10px;}
#headerCont img {float:left; margin:4px 0 0 10px;}
#headerCont img#promo {float:right; margin-top:4px;}

#header {height:80px; background-color:#fff; width:960px; margin:0px auto;}

/* Colour Changes */

#headerCont.orange {background:url('/images/img_banner_orange.gif') repeat-x #fff;}
#headerCont.orange #topNav li.highlight a.level_1,
#headerCont.orange #topNav a:hover,
#pageCont.orange a,
#pageCont.orange h1,
#pageCont.orange h2,
#pageCont.orange h3,
#pageCont.orange h4,
#pageCont.orange h5 {color:#f7a300;}

#headerCont.purple {background:url('/images/img_banner_purple.gif') repeat-x #fff;}
#headerCont.purple #topNav li.highlight a.level_1,
#headerCont.purple #topNav a:hover,
#pageCont.purple a,
#pageCont.purple h1,
#pageCont.purple h2,
#pageCont.purple h3,
#pageCont.purple h4,
#pageCont.purple h5 {color:#5c2945;}

/* Navigation */
#topNav {width:650px; background:#fff; float:right; padding-top:34px;}
#topNav ul {list-style:none; margin:0 10px 0 0; float:right; padding:10px 0px 0px;}
#topNav li {position:relative; float:left; white-space:nowrap;}
#topNav li.highlight a.level_1 {color:#72b632;}
#topNav a {font-size:14px; color:#877d74; display:block; font-weight:normal; text-decoration:none;}
#topNav a:hover {color:#72b632; display:block;}
#topNav h3 {display:block; color:#877d74;}
#topNav ul li {padding:9px 20px; background:#fff; white-space:nowrap;}
#topNav ul.level_2 ul {top:0; left:100%;}
#topNav ul.level_2 li {border:1px solid #ccc; border-top:0px; width:200px; margin-left:-16px; padding:0px;}
#topNav ul.level_2 li a {font-weight:normal; padding:9px 15px;}
#topNav ul.level_2 li a:hover, 
#topNav ul.level_2 li:hover {background:#ccc; color:#fff !important;}
#topNav ul.level_2 {position:absolute; z-index:500; width:200px; display:block;}
#topNav ul.level_2, #topNav ul li:hover ul ul, #topNav ul ul li:hover ul ul {display: none;}
#topNav ul li:hover ul, #topNav ul ul li:hover ul, #topNav ul ul ul li:hover ul {display: block;}

/* Image Slideshow */
/*#slideshow {position:relative; height:300px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}*/
#slideshow {position:relative; height:300px;}
#slideshow a {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow a.active {z-index:10; opacity:1.0;}
#slideshow a.last-active {z-index:9;}

/* Home Page News Cont */
#organicNewsCont {width:700px; height:180px; margin:10px 20px 0 10px; float:left;}
#newsHeading {height:30px; width:698px; float:left;}
.newsSection {width:349px; float:left; height:180px; overflow-y:auto;}
.newsSection h3 {padding:10px 0 0 10px;}
#bannerCont {float:left; margin-top:10px; height:180px;}

/* Products Sub Navigation*/
#subNavCont {width:940px; height:165px; background-color:#fff; padding:10px; float:left;}
.subNavItem {float:left; width:218px; height:163px; margin-right:20px; border:1px solid #ccc;}
.subNavItem a {float:left;}
.last {margin-right:0px !important;}

/* Products */
#products {width:870px; margin:0 5px; }
.product {border:1px solid #CCCCCC; float:left; margin:0 10px 20px 0; width:218px;}
.product p {padding-bottom:10px; text-align:center; font-size:12px;}
.view {width:150px; height:27px; background:url('/images/btn_view.gif') 0 0; position:absolute; top:5px; right:5px; text-indent:-9999px;}
.view:hover {background:url('/images/btn_view.gif') 0 -26px; cursor:pointer;}
.productImage {display:block; margin:30px 20px 0;}
.purple {color:#5c2945;}
.green {color:#72B632;}
.limeGreen {color:#afbd20;}

.productCont {width:960px;}
.mainInfo {width:470px; float:left;}
.productImageCont {float:left; width:400px; padding:20px;}
.productImageCont img {margin-left:50px;}
.productInfoCont {float:left; width:470px; padding:20px;}
.productInfoCont h1 {font-size:18px; padding:20px 0; float:left; width:360px;}
.productInfoCont p.price {font-size:18px; width:100px; float:right; margin-left:10px; text-align:right; padding:20px 0;}
.productInfoCont p.intro {line-height:22px;}
.productInfoCont p.link {text-align:right;}
.productInfoCont p.ingredients {font-size:10px; line-height:14px;}
.productInfoCont p.size {font-weight:bold;}

/* Products Page */
div#products_page {width:920px; padding:0 20px; float:left;}
div#products_page h1#title {margin:20px 0 0 0;}
div#products_page h1 {margin-top:20px;}

/* About Us */
div#aboutUs .imgCont {width:300px;}
div#aboutUs .infoCont {width:300px;}
ul.tick li {background:url('/images/img_tickSmall.png') left 1px no-repeat; padding-left:30px; margin:10px 0 10px 20px;}
ul.cross li {background:url('/images/img_crossSmall.png') left 1px no-repeat; padding-left:30px; margin:10px 0 10px 20px;}
div#aboutUs ul li {background:url('/images/img_tickSmall.png') left center no-repeat; padding-left:30px; margin-left:20px; height:20px;}

/* Mummy & Baby */
div#mummyBaby {width:920px; padding:20px; float:left;}
div#mummyBaby img {}

/* Candle Pages */
div#candlesGifts {min-height:200px;}
img.candles {padding-right:20px;}
div#candles {width:770px;}
div#candles .productInfoCont {width:290px;}
div#candles .productImageCont {width:350px;}

div#candleOptions {width:920px; padding:20px; float:left;}
div#candleOptions h3 {margin-bottom:20px; padding-top:0px;}
div#candleOptions img {margin:0px 15px;}

/* Community Projects */
div#communityProjectIntro {min-height:200px;}
div#communityProjects {width:920px; padding:20px; float:left;}
div#communityProjects h3.first {padding-top:0px;}
div#communityProjects div.projectInfo {width:540px; float:left;}
div#communityProjects div.projectImages {width:360px; padding-left:20px; float:left;}
div#communityProjects div.projectImages img {background:#CCCCCC; border:1px solid #999999; margin:3px; padding:5px;}

/* Health & Wellbeing */
div#healthWellbeing {width:920px; padding:20px; float:left;}
div#healthWellbeing img {width:150px; float:left; padding:5px 20px 5px 0;}
div#healthWellbeing img.right {width:150px; float:right; padding:5px 0 5px 20px;}

/* Household Cleaning */
div#yesTo {width:60%; float:left;}
div#noTo {width:40%; float:left;}


/* Contact Us */
#addressForm input {float:right; color:#877d74;}
#addressForm input#address {margin:1px 10px 9px 1px; width:173px;}
#addressForm input#sendEmailButton {margin-right:10px;}

form#contactMe {padding-top:20px}
form#contactMe p {padding-top:5px;}
form#contactMe #sendButton {padding-top:5px;}

#contactForm {width:700px;}
#contactForm form {margin-top:20px; width:400px;}
#contactForm label, #contactForm input, #contactForm textarea {font-size:14px; display:block;}
#contactForm input, #contactForm textarea {color:#877d74;}
#contactForm input {margin-bottom:10px;}
#contactForm label.error {font-size:12px; color:#72b632; padding:2px 0px;}
.button {margin-top:10px;}
#contactForm label#message_label {width:500px;}

/* Homepage Logos */
#logosCont {background:#fff; height:70px; border-top:1px solid #ccc; padding:10px 5px; width:950px}
#logosCont img{float:left; height:65px; margin:0 10px;}

/* Footer */
#footer {width:960px; margin:0px auto 20px; float:left;}
#footer h4 {color:#fff !important; text-align:center; margin-top:13px;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(/images/loading.gif) center 50px no-repeat #fff; }
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}