/* z-index */
span#flourish { z-index: 8; }
ul#nav ul { z-index: 7; }
ul#nav { z-index: 6; }
table#product-info { z-index: 5; }
table#decor-info { z-index: 4; }
h1 { z-index: 3; }
div#pages { z-index: 2; }




/* layout */
html { width:100%; height:100%; min-width:960px; min-height:600px; overflow:auto; }
body { width:960px; height:600px; position:absolute; left:50%; top:50%; margin:-300px 0 0 -480px; overflow:hidden;}

div#pages-wrapper { position:absolute; left:0; top:0; width:960px; height:600px; overflow:hidden; }
div#pages { position:absolute; left:0; top:600px; width:3840px; height:4200px; margin:0 -3840px -4200px 0; }
div.page { position:relative; width:960px; height:600px; float:left; overflow:hidden; }
div.column { float:left; width:230px; margin:0 48px 0 0;}

div.page#our-ingredients { padding:100px 0 0 200px; width:760px; height:500px; }
div.page#our-people { padding:210px 0 0 220px; width:740px; height:390px; }
div.page#stockists { padding:200px 180px 0px 120px; width:660px; height:400px; }
div.page#stockists ul { float:left; width:160px; margin:0 0 0.5em; }
div.page#stockists li { list-style:none; margin:0px; padding:0px; }
div.page#stockists p { clear:both; }
div.page#our-story { padding:120px 128px 0 490px; width:342px; height:480px; }
div.page#decor-range { padding:145px 534px 0 196px; width:230px; height:455px; }
div.page#new-products { padding:145px 534px 0 196px; width:230px; height:455px; }
div.page#fragrances-of-passion { padding:60px 116px 0 188px; width:656px; height:540px; }
div.page#fragrances-of-passion div.column { width:290px; margin:0; }

div.page#fragrances-of-passion div.column.left { margin:0 76px 0 0; }
div.page#brochure { padding:200px 534px 0 196px; width:230px; height:400px; }
div.page#fragrance-family { padding:152px 628px 0 102px; width:230px; height:448px; }
div.page#fragrance-throw { padding:145px 128px 0 602px; width:230px; height:455px; }
div.page#lotus-flower { padding:195px 510px 0 220px; width:230px; height:405px; }
div.page#wild-frangipani { padding:195px 224px 0 473px; width:263px; height:405px; }
div.page#vanilla-bean {  padding:195px 510px 0 220px; width:230px; height:405px; }
div.page#lemongrass-ginger {padding:195px 510px 0 220px; width:230px; height:405px;}
div.page#madame-svelte { padding:189px 293px 0 450px; width:217px; height:411px; }
div.page#temple-lure { padding:189px 310px 0 425px; width:225px; height:411px; }
div.page#sweetpea-jasmine { padding:195px 224px 0 473px; width:263px; height:405px;  }
div.page#lady-lust { padding:190px 505px 0 240px; width:215px; height:410px; }
div.page#orient-bouquet { padding:190px 553px 0 190px; width:217px; height:410px; }
div.page#eastern-empress { padding:190px 100px 0 600px; width:260px; height:410px; }
div.page#french-pear { padding:190px 558px 0 185px; width:217px; height:410px; }
div.page#forbidden-fling { padding:190px 135px 0 470px; width:255px; height:410px; }

div.page#newsletter-subscribe, div.page#newsletter-unsubscribe { padding:150px 160px 0px 400px; width:400px; height:450px;}
div.page#press, div.page#press-archive { padding:110px 0 0 96px; width:864px; height:490px; }
div.page#press blockquote, div.page#press-archive blockquote { text-indent:0; }
div.page#investors { padding:70px 140px 0 96px; width:724px; height:530px; }
div.page#investors h3 { margin-right:48px; }
div.page#investors h4 { font-weight:bold; color:#F89D57; }
div.page#investors strong { text-transform:none; }
div.page#investors div.column { width:310px; }

div.page#contact { /* padding:140px 188px 0 190px; width:582px;*/ padding:140px 188px 0 120px;  width:652px; height:460px; }
div.page#contact div.column.contact { /* width:178px; margin:0 78px 0 0; */ width:145px;  margin:0px 18px 0px 0px; }
div.page#contact div.column.last { margin-top:21px }
div.page#contact div.column.where-to-buy { width:326px; margin:0; }

div.page#press ul, div.page#press-archive ul { width:230px; float:left; margin:0px 48px 0px 0px; }

ul#nav { position:absolute; left:96px; top:495px; width:678px; }
ul#nav li { float:left; width:113px; position:relative; }
ul#nav li ul { float:none; position:absolute; left:0; bottom:1.6667em; visibility:hidden; /* padding and -ve margin give a bit of room to roll the mouse off without killing the menu */}
ul#nav li:hover ul, ul#nav li.hover ul { visibility:visible; }
ul#nav li ul li { float:none; }
ul#nav li a { display:block; }
ul#nav li.selected {margin-bottom:-2px; /* compensates for the 2px border */}
ul#nav li.selected li.selected { margin-bottom:0; }

a.mcgrath { position:absolute; /*right:162px;*/ right:186px; bottom:0px; z-index:5; font-size:9px; padding:.25em .5em; text-decoration:none; text-transform:uppercase; }
a.blog { position:absolute; right:42px; bottom:0px; z-index:5; font-size:9px; padding:.25em .5em; text-decoration:none; text-transform:uppercase; display:none; }

h1 { position:absolute; left:788px; top:439px; }
h1 a { display:block; width:107px; height:0; padding:77px 0 0 0; overflow:hidden; /* refer the image replacement for h1 element in colour section */ outline:none; }


table { width:684px; float:left; margin:0 128px 0 148px; }
table#product-info { clear:left; margin:9px 128px 0 148px; }
table#decor-info { margin:180px 138px 0 138px; }
tfoot td {height:18px; }
table th { padding:18px 12px 9px 12px; vertical-align:bottom;}
table td { padding:5px 12px 5px 12px;  vertical-align:top;}

table#product-info td.image, table#product-info th.image { width:60px; text-align:right; }
table#product-info td.product-type, table#product-info th.product-type { width:90px; }
table#product-info td.weight, table#product-info th.weight { width:40px; }
table#product-info td.burn-time, table#product-info th.burn-time { width:165px; }
table#product-info td.options, table#product-info th.options { width:85px; }
table#product-info td.fragrances, table#product-info th.fragrances { width:100px; }
table#product-info tfoot td {width:684px; }

table#decor-info td.image, table#decor-info th.image {width:62px; }
table#decor-info tfoot td {width:684px; }
table#decor-info td.image, table#decor-info th.image { width:62px; text-align:right; }
table#decor-info td.product-name, table#decor-info th.product-name { width:90px; }
table#decor-info td.colour, table#decor-info th.colour { width:50px; }
table#decor-info td.fragrance, table#decor-info th.fragrance { width:70px; }
table#decor-info td.pillar-sizes, table#decor-info th.pillar-sizes { width:80px; }
table#decor-info td.burn-time, table#decor-info th.burn-time { width:188px; }

span#flourish { position:absolute; left:65px; top:482px; width:21px; height:40px; }

a.product-info, a.decor-info, a.download, a.more-info { display:block; margin:45px 0 0 0; padding:0 0 0 21px; color:#fff; }
a.more-info { margin-top:15px; }

form { width:263px; margin:0px 0px 9px 0px; padding:20px 0px 20px 0px; }
fieldset { position:relative; width:400px; left:-116px; top:0px; }
label,input { margin:0px 10px 10px 0px; padding:3px; float:left; }
label { width:100px; clear:left; text-align:right; }
input { width:259px; }
input#subscribe-submit, input#unsubscribe-submit { width:auto; margin-left:116px; margin-bottom:0px; cursor:pointer; clear:left; }


/* color */
html { background:#111 url(bkg-html.png) no-repeat center center; color:#fff; }
body { background:#222 url(ajax-loader.gif) no-repeat center center;}

ul#nav li a { background:#fff; color:#000; }
ul#nav li a:active, ul#nav li a:focus, ul#nav li a:active, ul#nav li.selected a { background:#111; color:#fff; outline:none;}

ul#nav li li a, ul#nav li.selected li a  { background:#777; color:#fff; }
ul#nav li li a:hover { background:#666; }
ul#nav li li a:active, ul#nav li li a:focus, ul#nav li li a:active, ul#nav li li.selected a { background:#555; color:#fff; }

ul#nav li.selected { border-bottom:2px solid #fff; }
ul#nav li.selected li.selected { border-bottom:none; }

div#pages { background:url(bkg-pages.jpg) no-repeat scroll 0 0;}

div.page a:link { color:#fff; }
div.page a:visited { color:#ddd; }
div.page#contact div.column.contact a:link { color:#000; }
div.page#contact div.column.contact a:visited { color:#333; }
div.page#newsletter-subscribe,
div.page#newsletter-unsubscribe,
div.page#stockists,
div.page#investors, div.page#press-archive { background:#222; }

div.page#brochure { background:#222 url(bkg-brochure-page.jpg) no-repeat 0 0; }

h1 { background:url(ecoya-logo.png) no-repeat scroll 0 0; }
h2 em { color:#fff; }
h3 { border-top:1px dotted; border-bottom:1px dotted; }
div.page#fragrances-of-passion h3, div.page#contact div.column.contact h3 { border-bottom:none; }
div.page#brochure p { border-top:1px dotted; border-bottom:1px dotted; }
blockquote { border-top:1px dotted; border-bottom:1px dotted; }
h3.ui-accordion-header { border-bottom:none; }
#accordion { border-bottom:1px dotted #fff; }


form { border-top:1px dotted; border-bottom:1px dotted; }
input { background:url(bkg-input.png) repeat-x; color:#000; border:none;}
input#subscribe-submit, input#unsubscribe-submit { background:#FFF;}

div#press ul, div#press-archive ul { padding:12px 0px; border-top:1px dotted; border-bottom:1px dotted; }

table { background:transparent; color:#000; }
th {color:#666; }
td { border-right:1px dotted #000; border-top:1px dotted #000; }

table#product-info td.options { border-right:none; }
table#decor-info td.product-name, table#decor-info td.colour, table#decor-info td.burn-time { border-right:none; } 
table#product-info td.image, table#product-info td.fragrances, table#product-info tfoot td { border:none; }
table#decor-info td.image, table#decor-info tfoot td { border:none; }
th.fragrances, td.fragrances { color:#94070A; }

thead th { background:transparent url(bkg-table.png) no-repeat center top; }
thead th.image { background:transparent url(bkg-table.png) no-repeat left top; }
table#product-info thead th.fragrances, table#decor-info thead th.burn-time { background:transparent url(bkg-table.png) no-repeat right top; }
tbody { background:transparent url(bkg-table.png) no-repeat left center; }
tfoot { background:transparent url(bkg-table.png) no-repeat left bottom; }

div#material-info { background:transparent url(bkg-material.png) no-repeat left top; color:#000000; }

a.product-info, a.decor-info { background:transparent url(bkg-a-product-info.png) no-repeat left center; } 
a.more-info { background:transparent url(bkg-a-more-info.png) no-repeat left center; } 
a.download { background:transparent url(bkg-a-download.png) no-repeat left center; } 

span#flourish { background:transparent url(flourish.png) no-repeat 0 0; }
span#flourish.xF89D57 { background:transparent url(flourish.png) no-repeat 0 0; }
span#flourish.xFFDE6C { background:transparent url(flourish.png) no-repeat 0 -40px; }
span#flourish.xD4DB90 { background:transparent url(flourish.png) no-repeat 0 -80px; }
span#flourish.xF9C6DC { background:transparent url(flourish.png) no-repeat 0 -120px; }
span#flourish.xFBB040 { background:transparent url(flourish.png) no-repeat 0 -160px; }
span#flourish.xC8B18B { background:transparent url(flourish.png) no-repeat 0 -200px; }
span#flourish.xCAAAD1 { background:transparent url(flourish.png) no-repeat 0 -240px; }
span#flourish.xF48887 { background:transparent url(flourish.png) no-repeat 0 -280px; }
span#flourish.xE5E76C { background:transparent url(flourish.png) no-repeat 0 -320px; }
span#flourish.x8BCFBA { background:transparent url(flourish.png) no-repeat 0 -360px; }
span#flourish.xEE80B3 { background:transparent url(flourish.png) no-repeat 0 -400px; }


div#press h2,
div#press-archive h2,
div#investors h2,
div#investors strong,
div#press strong,
div#press-archive strong,
div#newsletter-unsubscribe h2,
div#newsletter-subscribe h2,
div#our-ingredients h2,
div#our-ingredients cite,
div#our-story h2,
div#our-story cite,
div#our-people h2,
div#lotus-flower h2,
div#lotus-flower h3,
div#home h2,
div#material-info h2 { color:#F89D57; }

form,
div#our-ingredients blockquote,
div#stockists blockquote,
div#our-story blockquote,
div#our-people blockquote,
div#press ul,
div#press-archive ul,
div#investors blockquote,
div#material-info blockquote { border-color:#F89D57; }

div#new-products h2,
div#decor-range h2,
div#decor-range cite,
div#fragrances-of-passion h2,
div#fragrances-of-passion cite,
div#fragrance-family h2,
div#fragrance-family cite,
div#fragrance-throw h2,
div#fragrance-throw cite,
div#orient-bouquet h2,
div#orient-bouquet h3,
div#brochure h2,
div#brochure cite { color:#FFDE6C; }

div#decor-range blockquote,
div#fragrances-of-passion h3,
div#fragrance-family blockquote,
div#fragrance-throw blockquote,
div.page#brochure p { border-color:#FFDE6C; }

div#vanilla-bean h2,
div#vanilla-bean h3 { color: #fffdeb; }


div#contact h2,
div#contact cite, 
div#sweetpea-jasmine h2,
div#sweetpea-jasmine h3 { color: #F9C6DC; }
div#contact h3,
div#contact blockquote { border-color:#F9C6DC; }

div#lemongrass-ginger h2,
div#lemongrass-ginger h3 {color:#cadf77;}

div#lady-lust h2,
div#lady-lust h3 { color: #f1efe7; }

div#wild-frangipani h2,
div#wild-frangipani h3 { color: #C8B18B; }

div#temple-lure h2,
div#temple-lure h3 { color: #CAAAD1; }

div#madame-svelte h2,
div#madame-svelte h3 { color: #F48887; }

div#eastern-empress h2,
div#eastern-empress h3 { color: #E5E76C; }

div#french-pear h2,
div#french-pear h3 { color: #efead1;}
div#lotus-flower h2,
div#lotus-flower h3 { color: #8BCFBA; }

div#forbidden-fling h2,
div#forbidden-fling h3 { color: #EE80B3; }

div#contact div.column.contact h3,
div#contact div.column.contact address { color:#000; }

div#stockists h2, div#stockists a { color:#F48887; }

p.error {color:#F48887;}

a.mcgrath { background:#EE4399; color:#FFF; }
a.blog { background:#454545; color:#FFF; }

/* type */
html { font-family: Georgia, Times, Times New Roman, serif ; font-size:10px; line-height:1.5; }
ul#nav { font-size:9px; }
ul#nav li a { text-transform:uppercase; line-height:1.6667; text-align:center;text-decoration:none; }

strong { font-weight:bold; }
em { font-style:italic; }

h2 { font-size:14px; line-height:1.5; font-weight:bold;  padding:0 0.3em 0 0; margin:0 0 0.7em 0; text-transform:uppercase;  }
h2 strong { padding:0 3px 0 0; font-weight:normal; }
h2 em { font-size:10px; font-style:normal; }

h3 { font-size:9px; line-height:1.5; padding:1.25em 0 1em 0; margin:0 0 1em 0; text-transform:uppercase; }
div.page#fragrances-of-passion h3, div.page#contact div.column.contact h3 { padding:.6em 0 0 0; margin:1em 0 0 0; }
div.page#contact div.column.contact h3 { font-weight:bold; }
div.page#brochure p { padding:1.25em 0 1em 0; }
div.page li, table li { margin-left:1.3em; list-style-type:disc; }

cite { display:block; font-size:9px; line-height:1.5; margin:1em 0 1em 0; text-transform:uppercase; }

p, blockquote { font-size:10px; line-height:1.5; margin:0 0 0.5em 0; }

blockquote { /*text-indent:-0.4em;*/ padding:1em 0 1em 0; }
/*blockquote p:first-child { text-indent:-0.4em; }
blockquote p { text-indent:0; }*/

p strong { font-size:9px; text-transform:uppercase; }

a.product-info, a.decor-info, a.download { font-size:9px; line-height:1.5; text-transform:uppercase; text-decoration:none; outline:none; }
div.page a.more-info, div.page a.more-info:visited { font-size:13px; line-height:1.5; text-transform:uppercase; text-decoration:none; outline:none; color:#F89D57; }

th { font-size:9px; line-height:1; text-transform:uppercase; font-weight:bold; text-decoration:none;  }
td { font-size:9px; line-height:1.5; }
td.product-type { font-weight:bold; }
td.product-type span.dimensions { font-weight:normal; }
td.fragrances li { text-transform:uppercase; }

input {font-family: Georgia, Times, Times New Roman, serif ; font-size:10px; line-height:1.5;}
input#subscribe-submit, input#unsubscribe-submit { text-transform:uppercase;}

div.page#stockists li { font-size:10px; line-height:1.5; }

div#our-people blockquote, div#investors blockquote, div#investors blockquote p:first-child { text-indent:0; }
div#our-people blockquote { height:120px; }

div#press li, div#press-archive li, div#investors li { list-style:none; margin:0px; }
div#press small, div#press-archive small, div#investors small { font-size:9px; }

#stockists { }
#accordion { }
#accordion img { margin:0 1em 0 0; }
#accordion h3 { margin:0 0 0 0; cursor:pointer; }
#accordion h3:active, #accordion h3:focus { outline:none; }
#accordion div { padding:1em 0 0 0; }

#ipo { display:block; width:80px; height:0px; padding:75px 0px 0px 0px; overflow:hidden; position:absolute; top:375px; left:115px; }
#sticker-ingredients { display:block; width:60px; height:0px; padding:60px 0px 0px 0px; overflow:hidden; position:absolute; top:330px; left:90px; outline:none; }

div#our-ingredients .column { width:262px; }
/*div#investors a strong { color:#FFFFFF; }*/


div.page#fragrances-of-passion div.column h3 {padding-top: 10px;}
div.page#fragrances-of-passion div.column p {padding-bottom: 10px;}
div.page#fragrances-of-passion div.column.left h3 {padding-top: 8px;}
div.page#fragrances-of-passion div.column.left p {padding-bottom: 8px;}