STYLES ************************/ object { display: block; margin: 0; float: right; } #header { background: transparent url(images/header.gif) no-repeat scroll top center; margin: 0 auto; width: 1056px; } div.banner { background: transparent none; width: 994px; height: 194px; margin: 0 auto; color: #DED699; position: relative; z-index: 100; } #wrapper { margin: 0 auto; width: 1024px; } #side { float: left; width: 168px; } .home #side { margin-bottom: 176px; } .contact #side, .air #side, .salts #side, .about #side, .hypervibe #side { padding: 0 0 16px 0; } #container { background-color: #FCFFE0; border-color: #B0AD63; border-style: solid; border-width: 0 1px 1px 1px; float: left; margin: 0; position: relative; width: 1022px; } div#footer { clear: both; position: relative; right: -1px; } .home #container { background: #FCFFE0 url(images/feastbg.jpg) no-repeat scroll bottom left; height: 685px; } div.wrap { width: 822px; float: right; display: inline; position: relative; margin: 0 16px 16px 16px; } div.product { background-color: #F2F0C8; border: 1px solid #B0AD63; float: right; padding: 0; width: 706px; position: relative; } .contact div.product { width: 502px; padding: 16px; } div.homeleft { float: left; width: 270px; } div.homeright { float: right; width: 552px; } div.footbanner { float: left; clear: both; margin: 16px; } .homeleft div { border: 1px solid #B0AD63; padding: 16px; margin: 0 0 16px 0; } div.float { float: left; } .homeleft div.form_errors { background: #F2F0C8 url(images/square.gif) no-repeat scroll 20px 20px; width: 218px; padding: 8px; margin: 0; float: none; } .homeright div { background: transparent url(images/fade.gif) repeat-y scroll top right; float: right; width: 368px; padding: 16px; } .twonineseven { height: 297px; } .homeleft div.green { border: 0 none; } div.wide { width: 820px; } div.static { position: static; } .hair div.product { background-image: url(images/hair.jpg); background-attachment: scroll; background-repeat: no-repeat; background-position: bottom left; } .blender div.product { background-image: url(images/blendtec.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: top right; } .puregreen div.product { background-image: url(images/puregreen.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: top right; padding: 0 0 16px 0; } .product div { float: right; width: 408px; margin: 0 16px 0 0; display: inline; } .product.wide div { float: left; margin: 0 16px; width: auto; } div.pad { padding: 0 0 16px 0; } .product div.caption { float: right; margin: 0 0 16px 16px; position: relative; } .product div.caption.left { float: left; margin: 16px 16px 8px 0; } .product .caption p { font-family: "trebuchet ms"; font-size: 11px; position: absolute; margin: 0; padding: 0 8px; bottom: 6px; right: 0; text-align: center; } div.daisy { background: #F2F0C8 url(images/daisy.jpg) no-repeat scroll bottom center; padding-bottom: 222px; } .product div.full { float: none; display: block; width: auto; margin: 16px; } .product div.media { float: right; display: inline; margin: 16px 0 0 16px; width: 294px; } .product div p, .contact div.product p { margin: 16px 0 0 0; font-size: 95%; } .contact div.product p.validate { background: #FCFFE0 url(images/tick.gif) no-repeat scroll center left; border-color: #B0AD63; border-style: solid; border-width: 1px 1px 0 1px; font-size: 12px; margin: 0 0 8px 0; padding: 4px 4px 4px 32px; } div.crop { height: 207px; width: 98px; margin: 0 auto; overflow: hidden; } * html .product .italic { overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; zoom: 1; } /*********************** STYLES ************************/ #side ul { list-style-type: none; margin: 0; padding: 0; width: 168px; font-size: 95%; } #side li { background-color: #DCE6B4; margin: 2px 0 0 0; } #side li.cart { background-color: #566831; border-color: #FCFFE0; border-style: solid; border-width: 0; padding: 4px 0; position: relative; height: 28px; } #side li.title { background-color: #8DAB49; border: 0 none; color: #fff; font-family: verdana; font-weight: bold; height: 28px; line-height: 28px; padding: 0 0 0 16px; position: relative; } #side li.first { margin: 0; } #side li.spacer { margin: 14px 0 0 0; } dl { margin: 0 30px 45px 0; padding: 0; } .products dl { background: transparent url(images/aco.gif) no-repeat scroll top right; padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 1px solid #C9B893; } dt { color: #A8CA06; font-weight: bold; font-size: 170%; margin: 0 0 10px 0; line-height: normal; letter-spacing: -1px; } .products dt { font-weight: normal; color: #271406; line-height: 90%; } dt span { font-size: 60%; font-style: italic; font-weight: normal; letter-spacing: normal; } dd { margin: 0 0 10px 0; } dd.clear { clear: left; } .products dt, dd.size, dd.price { margin: 0 0 5px 0; } dd.size { float: left; width: 824px; } .moisturebar dd.size { width: 774px; } dd.price { font-size: 140%; } .product form ul { list-style-type: none; padding: 0; margin: 0; float: right; width: 310px; } .product form ul li { float: right; margin: 0 0 0 5px; line-height: 30px; display: inline; } .product form ul li.qty { width: 56px; } .product form ul li.select { background-color: #fff; height: 28px; line-height: 28px; border: 1px solid #B0AD63; } ol { list-style-type: none; padding: 0; margin: 0; width: 236px; } ol li { margin: 8px 0 0 0; float: right; clear: right; width: 236px; } .form_errors ol { list-style-image: url(images/square.gif); width: 202px; padding-left: 19px; width: auto; } .form_errors ol li { float: none; font-size: 12px; width: auto; } /*********************** STYLES ************************/ img { margin: 0; outline: 0 none; border: 0 none; text-decoration: none; } .medal img { margin: 0; float: left; } .homeleft div img, .homeright div img { margin: 0 0 16px 0; float: left; } .homeright div img { float: right; display: inline; margin: 0 0 16px 131px; } img.left { float: left; } .haircare img.left { margin: 0 16px 0 0; } img.right { float: right; } img.sixteenright { margin: 0 0 0 16px; } img.foot { position: absolute; bottom: 16px; right: 16px; } img.bottomleft { position: absolute; left: 16px; bottom: 16px; } #footer img { float: right; margin: 0 0 0 8px; } #side #footer a:link, #side #footer a:visited { display: inline; padding: 0; line-height: normal; } img.header { margin: 0 0 0 48px; } #side .title img, #side .cart img { position: absolute; left: -17px; top: 0; } .image .thumb img { margin: 0 auto; display: block; } img.headline { position: absolute; bottom: 125px; right: 111px; } img.logo { position: absolute; top: 15px; } img.topeight { margin-top: 8px; } img.partner { position: absolute; top: 130px; right: 30px; z-index: 0; } blockquote img { float: right; margin: 0 0 0 10px; display: inline; } .dl img { margin: 0 30px 7px 0; } .dl ul img, form img { margin: 0; float: left; } /*********************** STYLES ************************/ a:link, a:visited { color: #3366dd; text-decoration: underline; outline: 0 none; } a.right { display: block; text-align: right; } div.green a.right { color: #fff; } #side a:link, #side a:visited { text-decoration: none; color: #271406; display: block; height: 28px; line-height: 28px; padding: 0 0 0 16px; } #side a:link.null, #side a:visited.null { color: transparent; height: auto; display: inline; line-height: auto; padding: 0; } #side a:hover.null { background-color: transparent; } #side a:hover { background-color: #C3D496; } #side a.double { height: auto; line-height: 150%; padding: 2px 0 2px 8px; } .dl a:link, .dl a:visited { color: #FFA600; clear: both; display: block; padding: 10px 0 0 0; font-size: 110%; } a:hover { text-decoration: none; } a.link { background: #4E6E16 url(images/arrow.gif) no-repeat scroll center right; display: block; clear: both; height: 54px; line-height: 54px; font-size: 120%; color: #fff; padding: 0 0 0 20px; text-decoration: none; margin: 20px 20px 0 20px; } a.link:hover { background-color: #587D18; } /***********************

STYLES ************************/ .product form { background: #FCFFE0 url(images/pgbg.gif) no-repeat scroll 15px center; border-top: 1px solid #B0AD63; float: right; margin: 16px 0 0 0; padding: 16px 16px 0 16px; width: 674px; height: 46px; } .hypervibe .product form { background: #FCFFE0 none; } .nutrition .product form { background: #FCFFE0 url(images/fbg.gif) no-repeat scroll 15px center; } .blender .product form { background: #FCFFE0 url(images/blend.gif) no-repeat scroll 15px center; } .puregreen .product form { height: 168px; width: 168px; float: right; margin: 0 0 16px 16px; padding: 0; clear: none; border: 0 none; background: transparent none; } form { margin: 0; } fieldset { padding: 0 10px 20px 10px; border: 1px solid #ccc; margin: 0 0 20px 0; } legend { padding: 0 10px; } label { background-color: #F2F0C8; border-color: #C9B893; border-style: solid; border-width: 1px 0 1px 1px; float: right; cursor: pointer; margin: 0; padding: 0 4px; line-height: 21px; font-size: 12px; width: 65px; } input { border: 1px solid #C9B893; width: 240px; padding: 3px 5px; margin: 0; } ol input, ol textarea { width: 150px; font-size: 12px; margin: 0; font-family: arial, sans-serif; float: right; } ol input.button { background: #566831 none; margin: 0; padding: 5px 0; text-align: center; } .mail ol input.button { background: #8dab49 url(images/tick.gif) no-repeat scroll center right; } input.quantity { float: right; border: 1px solid #B0AD63; width: 28px; padding: 6px 0; text-align: center; } input.image { float: right; border: 1px solid #271406; padding: 0; width: auto; } input.button { background-color: transparent; background-image: url(images/view.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center right; border: 0 none; color: #fff; cursor: pointer; outline: 0 none; padding: 5px 0 5px 14px; text-align: left; width: 116px; } .product input.button { background-image: url(images/cart.gif); background-color: #8DAB49; color: #fff; padding: 6px 0 6px 9px; border: 0 none; margin: 0; width: 128px; } .puregreen .product input.button { background-color: #F2F0C8; background-image: url(images/rejuvenate_animation.gif); height: 168px; width: 168px; } select { border: 0 none; outline: 0 none; margin: 0; padding: 0; } textarea { float: right; border: 1px solid #C9B893; width: 240px; height: 52px; padding: 3px 5px; overflow: auto; font-family: tahoma, arial; font-size: 95%; margin: 0 0 0 5px; }