STYLES ************************/ div.product { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FCFFE0 url(images/pgbg.gif) no-repeat scroll 15px center; border-top:1px solid #B0AD63; border-bottom:1px solid #B0AD63; float:right; height:46px; margin:16px 0 0; padding:16px 16px 0; width:688px; } object { display: block; margin: 0; } div.showcase { float: left; display: inline; margin: 30px 0 0 30px; padding: 0 0 30px 0; width: 200px; } div.media { float: right; display: inline; margin: 0 30px; } #header { background: transparent url(images/medal_bg.jpg) no-repeat scroll top right; margin: 0 auto; padding: 30px 0 0 0; height: 100px; width: 1010px; } #banner { background: #A7A55C url(images/medal_banner.jpg) no-repeat scroll center right; height: 70px; margin: 0; padding: 0; position: relative; } #nav { background: transparent url(images/medal_nav.jpg) no-repeat scroll center right; float: left; clear: both; width: 1010px; margin: 0; padding: 0; } #footer { background: transparent url(images/footer.gif) no-repeat scroll 656px 15px; margin: 0 auto; width: 1010px; clear: both; padding: 0 0 30px 0; } div.center { background: #F0E9B8 url(images/container_br.gif) no-repeat scroll bottom right; margin: 0 auto; width: 1010px; overflow: hidden; position: relative; } div.left { float: left; display: inline; margin: 30px 0 0 30px; width: 315px; padding: 0 0 30px 0; } #side div.notop { margin: 0 0 30px 30px; } div.side { margin: 30px 0 30px 30px; } div.feature { background-color: #f0e9b8; padding: 0; } div.right { width: 315px; margin: 30px 30px 0 30px; padding: 0; float: right; display: inline; } .full div.right { margin: 0 30px 20px 30px; } .about .full div.right { margin: 0 30px 10px 30px; } .full div.bottomthirty, div.bottomthirty { margin: 0 30px 30px 30px; } .dream div.left, .teeth div.left { margin: 0 0 30px 30px; } #container { background: transparent url(images/medal_container.jpg) no-repeat scroll top right; padding: 0 0 30px 0; margin: 0; float: left; clear: both; width: 1010px; position: relative; } #main { background: transparent url(images/aco.gif) no-repeat scroll 30px bottom; border-right: 720px solid #fff; float: left; margin: 30px -720px 0 0; padding: 0; width: 260px; clear: both; min-height:930px; } #content { float: left; width: 260px; padding: 0 0 70px 0; margin: 0; position: relative; } #side { background: transparent url(images/side_tl.gif) no-repeat scroll top left; float: right; margin: 0 -720px 0 0; width: 720px; padding: 0; position: relative; } #side1 { float: right; margin: 0 -720px 0 0; width: 620px; padding: 0; position: relative; } .about #side, .safe #side { padding: 0 0 10px 0; } .eco #side { background: transparent url(images/irecycle.jpg) no-repeat scroll bottom right; } #side div.full { margin: 30px 0 0 30px; } .australia #side div.full { background: transparent url(images/australia.gif) no-repeat scroll top left; position: relative; width: 690px; height: 659px; } div.absolute { position: absolute; bottom: 50px; } div.clearleft { clear: left; } .left.clearleft { padding: 0; } /*********************** STYLES ************************/ #nav ul { list-style-type: none; margin: 0; padding: 0; height: 30px; } #nav li { background: transparent url(images/navbg.gif) repeat-x scroll top left; float: left; border-left: 1px solid #A7A55C; margin:0; padding: 0; line-height: 30px; position: relative; z-index: 200; } #nav li.home { border-left: 0 none; } #content ul { list-style-type: none; padding: 0 30px 0 30px; margin: 0; float: left; width: 200px; } #content li { border-top: 1px solid #ded699; margin: 0 0 15px 0; font-size: 120%; line-height: normal; padding: 0; float: left; clear: both; width: 100%; } #content li.shop { padding: 15px 0 0 0; margin: 0; } #content ul ul { float: left; padding: 0; margin: 0; font-size: 90%; } #content ul ul.categories { width: 60px; margin: 1px 0 0 0; } #content ul ul.items { width: 140px; } #content ul ul.ppal { width: 140px; } #content ul ul li { margin: 0; padding: 0; line-height: 22px; height: 22px; border-top: 1px solid #ded699; font-size: 90%; } #content li.first, #content ul ul li.top { border-top: 0 none; } #content ul ul.categories li { border-top: 0 none; } #side ul { list-style-type: none; padding: 40px 40px 30px 40px; margin: 0; width: 640px; } #side .full ul { width: auto; padding: 0 30px 10px 30px; list-style-image: url(images/block_green.gif); font-size: 95%; } #side .full ul.alphabet { list-style-type: none; float: left; width: 663px; padding: 0; margin: 0 0 30px 0; } #side .full ul.alphabet li { background-color: #86A11B; list-style-image: none; float: left; clear: none; margin: 0 3px 3px 0; padding: 0; } #side li { margin: 0 0 10px 0; clear: left; width: 640px; } #side div.feature ul { width: auto; padding: 0 30px 10px 50px; list-style-image: url(images/block_green.gif); font-size: 95%; } #side .left ul , #side .right ul{ width: auto; padding: 0 0 10px 30px; list-style-image: url(images/block_green.gif); font-size: 95%; } #side .feature li, #side .left li, #side .right li, #side .full li{ width: auto; padding: 0 0 0 10px; } #side .full ul.x { padding: 0 30px 20px 0; } #side .full .x li { background: transparent url(images/x.gif) no-repeat scroll top left; list-style-image: none; width: 190px; padding: 0 0 0 30px; float: left; clear: none; } #side .full .x.stubby li { width: 127px; float: left; clear: none; } #side .full ul.tic, #side .full ul.overflow { padding: 0 0 20px 0; overflow: hidden; } #side .full .overflow li { background: transparent url(images/green_block.gif) no-repeat scroll top left; list-style-image: none; float: left; clear: none; padding: 0 0 0 30px; width: 127px; } #side .full .tic li { background: transparent url(images/tic.gif) no-repeat scroll top left; list-style-image: none; float: left; clear: none; padding: 0 0 0 30px; width: 127px; } .feature #side .full .tic li { width: auto; } .scrub.feature #side .full .tic li { width: 630px; clear: left; padding: 0 30px; } .scrub.feature #side .full ul.tic { width: 690px; } .scrub.feature #side ol li { list-style-position: inside; } ol { padding: 0; margin: 0 0 7px 0; overflow: hidden; } .common #side ol { padding: 0 0 0 30px; overflow: visible; margin: 0 0 20px 0; } .common #side ol li, .feature #side ol li { clear: none; font-size: 95%; list-style-type: decimal; overflow: visible; width: auto; } .success ol { margin: 0; } #side ol li { list-style-type: none; overflow: hidden; margin: 0 0 7px 0; padding: 0; width: 100%; } .feature #side ol { padding: 0; margin: 0 30px 0 0; } ol li.end { margin: 0; } dl.wide, dl.salt { padding: 0 0 0 160px; width: 155px; } .wide dt { padding: 0; } .wide dd.first { padding: 0; margin: 0; left: 0; width: auto; } .wide dd.ingredients { margin: 0; left: 0; width: auto; } .wide dd { margin: 15px 0 0 -160px; width: 315px; } dl.hydratel { background-image: url(images/hydratel.jpg); } .feature dl.hydratel { background-image: url(images/hydrate_group.jpg); } dl.hydratec { background-image: url(images/hydratec.jpg); } dl.hydrateu { background-image: url(images/hydrateu.jpg); } dl.handl { background-image: url(images/handl.jpg); } .feature dl.handl { background-image: url(images/hand_group.jpg); } dl.handc { background-image: url(images/handc.jpg); } dl.feet { background-image: url(images/feet.jpg); } .feature dl.feet { background-image: url(images/feet_group.jpg); } dl.barl { background-image: url(images/barl.jpg); } .feature dl.barl { background-image: url(images/bar_group.jpg); } dl.barlg { background-image: url(images/barlg.jpg); } dl.baru { background-image: url(images/baru.jpg); } dl.ez{ background-image: url(images/b.jpg); } dl.rejuvenate { background-image: url(images/rejuvenate.jpg); } .feature dl.rejuvenate { background-image: url(images/rejuvenate_large.jpg); height: auto; } dl.scrubl { background-image: url(images/scrubl.jpg); } .feature dl.scrubl { background-image: url(images/scrub_group.jpg); height: auto; } dl.scrubc { background-image: url(images/scrubc.jpg); } dl.sampler { background-image: url(images/sampler.jpg); } dl.samplehandn { background-image: url(images/samplehandn.jpg); } dl.sampleh { background-image: url(images/sampleh.jpg); } dl.sample_group { background-image: url(images/sample_group.jpg); } dl.scrubu { background-image: url(images/scrubu.jpg); } dl.tone { background-image: url(images/tone.jpg); } .feature dl.tone { background-image: url(images/tone_large.jpg); } .feature dl.tone { background-image: url(images/tone_large.jpg); } .feature dl.salt { background-image: url(images/salt.jpg); } dl.lavender { background-image: url(images/salt_lavender.jpg); } dl.citrus { background-image: url(images/salt_citrus.jpg); } dl.unscented { background-image: url(images/salt_unscented.jpg); } dl.dreaml { background-image: url(images/dreaml.jpg); } .feature dl.dreaml { background-image: url(images/dream_group.jpg); height: auto; } dl.dreamc { background-image: url(images/dreamc.jpg); } dl.teeth { background-image: url(images/teeth.jpg); } .feature dl.teeth { background-image: url(images/teeth_group.jpg); height: auto; } dl.air { background-image: url(images/air.jpg); } .feature dl.air { background-image: url(images/air_group.jpg); } .feature dl.gift3 { background-image: url(images/giftpack3.jpg); } .feature dl.gift4 { background-image: url(images/giftpack4.jpg); } dl.aloe { background-image: url(images/aloe.jpg); } dl.rosehip { background-image: url(images/rosehip.jpg); } dl.daisy { background-image: url(images/daisy.jpg); } dl.jojoba { background-image: url(images/jojoba.jpg); } dl.tamanu { background-image: url(images/tamanu.jpg); } dl.buckthorn { background-image: url(images/buckthorn.jpg); } dl.immortelle { background-image: url(images/immortelle.jpg); } dl.shea { background-image: url(images/shea.jpg); } .feature dl.ingredient.soapnut { background-image: url(images/soapnut.jpg); height: auto; } .feature dl.ingredient.gooseberry { background-image: url(images/gooseberry.jpg); height: auto; } .feature dl.ingredient.clay { background-image: url(images/clay.jpg); height: auto; } dl { background-position: top left; background-attachment: scroll; background-color: transparent; background-repeat: no-repeat; float: left; display: inline; padding: 0 0 0 80px; width: 235px; height: 200px; margin: 0 0 30px 30px; } .stockists dl { padding: 0 0 30px 30px; width: 300px; height: 120px; margin: 0; } .stockists dl.soon { background: transparent url(images/soon.gif) no-repeat scroll top left; } .stockists dl.long { height: 160px; } .stockists dl.shop { background: transparent url(http://www.edan.com.au/images/shop.gif) no-repeat scroll top left; } .ingredients dl { background-color: #f4f4f4; padding: 10px; height: auto; width: 610px; margin: 0 30px 30px 30px; } .ingredients dl.clear { clear: left; } .feature dl.ingredient { width: 220px; padding: 0 0 30px 95px; margin: 0 0 0 30px; height: 110px; } .feature .ingredient dt { font-size: 120%; color: #86A11B; word-spacing: normal; } .feature .ingredient dd { position: static; } .feature dl { width: 300px; padding: 0 30px 0 390px; height: 400px; margin: 30px 0; } dt { font-weight: bold; margin: 0; } .feature dt { font-size: 230%; line-height: 100%; word-spacing: -5px; } .feature dt span { font-size: 50%; word-spacing: normal; } .feature dt span.normal { font-weight: normal; font-size: 90%; font-family: "century gothic", arial; } .feature.dream dt span.normal { font-family: arial; font-size: 100%; } dt span { font-size: 80%; font-weight: normal; } dd{ color: #615F37; font-size: 95%; margin: 5px 0 0 0; position: relative; z-index: 1; } .ingredients dd { float: left; width: 610px; } .feature dd.directions, .feature .rejuvenate dd.back { margin: 20px 0 0 -360px; } dd.ingredients { margin: 0; font-variant: small-caps; z-index: 100; } dd.back { margin: 20px 0 0 0; } *html dd { position: static; } dd span { font-weight: bold; color: #86A11B; } dd span.italic { font-weight: normal; color: #615F37; } dl p { background: #DED699 url(images/pbud.gif) no-repeat scroll bottom right; border: 1px solid #A7A55C; clear: none; color: #454323; padding: 10px 20px 20px 15px; margin:0; position:absolute; left:-9999px; z-index: 200; width:200px; font-variant: normal; } .ingredients dl p { position: static; background: #ded699 none; width: auto; padding: 20px; margin: 10px 0 0 0; } dd p span { font-weight: bold; position: relative; top: 5px; color: #454323; } dd p span.italic { font-weight: normal; } table { border-collapse: collapse; margin: -1px 0 0 0; } .drop table { float: left; } dl a:hover, #nav ul a:hover { position:relative; } dl :hover p { left: 100px; top: -46px; } dl.right :hover p { left: -267px; } *html dl :hover p { left: 95px; top: -50px; } #nav ul ul { display: none; float: none; left: -1px; top: 30px; background: transparent none; padding: 0; margin:0; position:absolute; z-index: 200; height: auto; width: auto; } #nav ul ul ul { border-top: 1px solid #A7A55C; display: none; position: absolute; z-index: 200; width: auto; height: auto; padding: 0; margin: 0; background: transparent none; float: none; left: 168px; top: -1px; } #nav ul ul li { background: transparent none; padding: 0; float: none; line-height: 30px; border-bottom: 1px solid #A7A55C; border-right: 1px solid #a7a55c; } #nav ul li:hover ul ul { display: none; } *html #nav ul a:hover ul ul { display: none; } #nav ul li:hover ul , #nav ul ul li:hover ul{ display: block; } *html #nav ul a:hover ul { display: block; } *html #nav ul ul a:hover ul { display: block; } #header #nav ul ul a { background-color: #F0E9B8; width: 150px; text-align: left; cursor: pointer; } #header #nav ul ul a.drop { background-image: url(images/drop.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center right; } #header #nav ul ul a:hover { background-color: #DED699; } /*********************** STYLES ************************/ img { margin: 0; outline: 0 none; border: 0 none; text-decoration: none; } dd img { float: left; margin: 0 10px 0 0; } img.left, .side img.left, .feature img.left { float: left; display: inline; margin: 0 20px 0 0; } .clear.top img.left { margin-top: -26px; } img.right { float: right; display: inline; margin: 0 0 0 20px; } .feature img.twenty { margin: 0 20px; } img.block { display: block; } img.bottomtwenty { margin: 0 0 20px 0; } img.bottomfifteen, .feature img.bottomfifteen { margin: 0 0 15px 30px; } .side img.right { float: right; margin: 0 0 0 30px; display: inline; } .side img { margin: 0 0 20px 0; } .feature img { margin: 0 0 20px 30px; } .feature #content img { margin: 0; } #header img { margin: 0; float: left; } img.corner { position: absolute; bottom: 0; right: 0; margin: 0; z-index: 0; } img.tlcorner { position: absolute; top: 0; left: 0; margin: 0; } dd.back img { float: left; margin: 0 5px 0; } .phone img { float: left; margin: 0; } .home #side img.object { position: absolute; top: 0; left: 0; z-index: 100; margin: 0; } dd p img { position: absolute; left: -30px; top: 30px; } dd.zoom p img { position: static; } dl.right dd p img { position: absolute; right: -30px; left: auto; top: 30px; margin: 0; float: none; } h1.medal img { position: absolute; right: 5px; top: 35px; margin: 0; } img.absolute { position: absolute; top: 30px; right: 30px; } /*********************** STYLES ************************/ a:link, a:active, a:visited { color: #3366dd; text-decoration: underline; outline: none; } a:hover { text-decoration: none; } .ingredients a.top { float: right; display: inline; margin: 0 30px 0 0; font-weight: normal; font-size: 80%; } #side .alphabet a { background-color: #86A11B; padding: 10px 0; color: #fff; text-decoration: none; width: 48px; display: block; text-align: center; font-size: 140%; } #side .alphabet a:hover { background-color: #fff; color: #86a11b; } .ingredients a.void { cursor: default; } a.zoom { cursor: default; border-bottom: 0 none; background: transparent url(images/zoom.gif) no-repeat scroll center right; display: inline-block; height: 26px; width: 26px; padding: 0; text-decoration: none; } *html a.zoom { margin: 0 4px 0 0; } a.zoom:hover { background: transparent url(images/zoom.gif) no-repeat scroll center left; } #content ul a { text-decoration: none; color: #615F37; display: block; padding: 0; height: 22px; line-height: 22px; } #content ul a:hover { background-color: #DED699; } #content ul li.shop a { display: inline; line-height: normal; height: auto; } #nav a { display: inline-block; padding: 0 9px; text-align: center; background-color: transparent; text-decoration: none; border-bottom: 0 none; color: #454323; height: 30px; line-height: 30px; } #nav a:hover, #nav .home a:hover { background-color: #F0E9B8; } .bhydrate #content .bhydrate a, .fhydrate #content .fhydrate a, .hand #content .hand a, .feet #content .feet a, .bbar #content .bbar a, .fbar #content .fbar a, .rejuvenate #content .rejuvenate a, .scrub #content .scrub a, .tone #content .tone a, .bath #content .bath a, .dream #content .dream a, .teeth #content .teeth a, .fresh #content .fresh a { background-color: #DED699; } .home #nav .home a, .about #nav .about a, .products #nav .products a, .ingredients #nav .ingredients a, .safe #nav .ingredients a, .daisy #nav .ingredients a, .eco #nav .eco a, .stockists #nav .stockists a, .wholesale #nav .wholesale a, .contact #nav .contact a { background-color: #F0E9B8; cursor: default; } /***********************

STYLES ************************/ form { margin: 0 0 30px 0; width: 345px; clear: both; float: left; } form.ppal { width: 200px; margin: 0; } form.ppal2 { width: 180px; margin: 0; float: left; } label { float: right; cursor: pointer; margin: 0; text-align: right; font-size: 95%; height: 24px; line-height: 24px; } fieldset { padding: 0 10px 20px 10px; border: 1px solid #ccc; margin: 0 0 20px 0; } legend { padding: 0 10px; } textarea { float: right; border: 1px solid #ccc; color: #454323; width: 235px; height: 82px; padding: 3px 5px; overflow: auto; font-family: arial; font-size: 95%; margin: 0 0 0 10px; } .success textarea, .success input { color: #86A11B; } input { float: right; border: 1px solid #ccc; width: 235px; padding: 3px 5px; margin: 0 0 0 10px; font-family: arial; color: #454323; } .wholesale input, .wholesale textarea { width: 200px; } input.button { background-color: #454323; border: 0 none; outline: 0 none; color: #fff; padding: 0 10px; cursor: pointer; width: 100px; line-height: 26px; height: 26px; }