.clear {clear:both;}
a {text-decoration:underline; color: #50b498;}
a:hover {text-decoration:none;}
.left {float: left;}
.right {float: right;}
body { margin:0px; padding:0px;background-repeat:no-repeat;color: #000000;font-family: Verdana; background-image: url(../redesign-images/yin-yang-motif.gif); background-position: bottom center; background-color:#FFFFFF; margin-left: auto; margin-right: auto;} 
#container {margin-left:auto;margin-right:auto;width:946px; position: relative; background-image: url(../images/backgrounds/witch-hazel.jpg); background-position: top right; background-repeat: no-repeat;}
#left,#right {margin-top: 200px;}
#content {margin-top: 160px;}
hr,.hr {border:0px;background-color:#EFEFEF;height:1px; margin-top: 20px; margin-bottom: 20px;}
.red {color:#dd058a;}
a img {border: 0px;}
li {list-style-type: none;}

/* headings */
h1 {padding:0px; margin-top:0px; margin-bottom:20px;font-size:30px; color:#000000; font-weight: normal; line-height: normal;}
h2 {font-size:14px; margin-top:20px;margin-bottom:10px; padding:0px; letter-spacing:1.1px; font-weight: normal;}
h3 {line-height:16px; height:16px; padding:0px; margin:0px;margin-top:30px; margin-bottom:10px; font-weight: normal; font-size: 12px;}
h4,h5 {font-weight: normal; text-transform: uppercase; color: #999999;}

/* background images */
.science #container {background-image: url(../redesign-images/test.jpg);}
.product25 #container {background-image: url(../images/backgrounds/soya.jpg);}
.product8 #container {background-image: url(../images/backgrounds/witch-hazel.jpg);}
.product3 #container {background-image: url(../images/backgrounds/orange-blossom.jpg);}
.product9 #container {background-image: url(../images/backgrounds/lavendar.jpg);}
.product22 #container {background-image: url(../images/backgrounds/nettle.jpg);}
.product2 #container  {background-image: url(../images/backgrounds/oranges.jpg);} /* skin cleanser */
.product37 #container {background-image: url(../images/backgrounds/oranges.jpg);}
.product33 #container, .product17 #container {background-image: url(../images/backgrounds/lime.jpg);} /* joint cream */

/* header */
#header {position: absolute; top:26px; left:26px; width: 917px; text-align: left; padding: 0px; margin: 0px; z-index: 100;} 
#header li {float: left; width: 120px; height: 32px; display: block;}
#header li a {display: block; margin-right:1px; margin-bottom: 1px;  background-color: #000000; height: 31px; line-height: 32px; color: #FFFFFF; font-size: 11px; text-transform: uppercase; padding-left: 10px; text-decoration: none; }
#header li.logo {width: 80px; height:120px; padding-left: 0px; background-color: transparent;}
#header li.logo a {padding-left: 0px; border: 0px; background-color: transparent;}
#header li.short {width: 80px;}
#header li.short a {font-size: 9px;}
#header li.search {width: 320px; position: relative; height: 42px; background-color: transparent; background-image: url(../redesign-images/search-bg.png);}
#header li.search input {float:left; margin:5px; border:0; background-color:transparent; padding: 10px; height: 12px; font-size: 11px; color: #000000; width: 256px;}
#header li.search input.submit { cursor:pointer; position: absolute; top:0px; right:0px; width: 43px; height: 42px; margin: 0px; border: 0; padding: 0px;}
#header li.empty {margin-bottom: 1px; margin-right:1px; height: 31px; width: 119px; background-color: #000000;}
#header li.last a {border-right: 0px;}

/* sub menu */
#left ul {padding-left:26px; padding-right: 26px; margin: 26px 0px 0px 0px;} 
#left ul li { border-bottom:1px solid #EFEFEF; letter-spacing:1.1px; padding-top: 6px; padding-bottom: 6px; font-size:11px;}
#left ul li a {text-decoration: none; color: #000000;}
#left ul li.menusubitem {font-size: 10px; color: #999999;}
#left ul li.menusubitem a, #left ul li a.menusublink_s  {padding-left: 10px; display: block;}
#left ul li a.menulink_s, #left ul li a.menusublink_s {color:#50b498;} /* current page */

/* right - basket */
#right {float:right; width:200px; font-size: 11px; text-align: left; margin-top: 226px; padding-bottom: 260px;}
#right ul {width: 160px; padding: 0px; margin: 0px; margin-bottom: 20px; margin-right: 40px;}
#right ul li {display: block; border-bottom:1px solid #EFEFEF; font-size:11px; letter-spacing:1.1px; padding-bottom:6px; padding-top:6px; list-style-type: none;}
#right ul.basket li {clear: both; font-size: 11px; letter-spacing: normal; position: relative;}
#right h1 {font-size: 18px; margin-top: 5px; margin-bottom: 5px; margin-right: 40px;}
#right a {text-decoration: none;}
#right ul li a.remove {top:6px; right:0px; position: absolute; color: #999999;}
#right ul.basket {margin-bottom: 30px;}
#right h1 a {color: #be3f86;}

/* left menu */
#left {width:226px;float:left;padding-bottom:100px;}

/* homepage */
.home #content {width: 710px; margin-top: 0px;}
.home #right {margin-top: 0px;}
.s3slider {background-image: url(../redesign-images/home2.jpg); background-position: top; position: relative;}
.home #container {background-image: none;}
#creditfooter {display: none} /*feedburner credit */
#right .date {color: #999999; margin-bottom: 2px;}
.home #awards {width: 226px; float: left; margin: 0px; }
.home #info {float: left; width: 480px; margin-top: 30px;}
#feed div {font-size: 10px;}

/* quick links */
#quick-links {margin: 0px; padding: 0px; width: 736px;}
#quick-links li {width: 180px; float: left; list-style-type: none; margin: 0px; padding: 0px; overflow: hidden; }
#quick-links li ul {width: 180px; padding-left: 26px;margin: 0px; }
#quick-links li a {text-decoration: none; padding: 5px; display: block;}
#quick-links li ul li {width: auto; float: none; border-bottom: 1px solid #EFEFEF; font-size: 10px;  margin-right: 26px;}
#quick-links li.title {border-bottom: 2px solid #EFEFEF;}
#quick-links li.twitter {background-image: url(../images/icons/twitter.gif); background-position: left; background-repeat: no-repeat;}
#quick-links li.rss {background-image: url(../images/icons/rss.gif); background-position: left; background-repeat: no-repeat;}
#quick-links li.facebook {background-image: url(../images/icons/facebook.gif); background-position: left; background-repeat: no-repeat;}
#quick-links li.article {background-image: url(../images/icons/article.gif); background-position: left; background-repeat: no-repeat;}
#quick-links li.twitter a, #quick-links li.rss a, #quick-links li.facebook a , #quick-links li.article a  {padding-left: 25px;}

/* product listing */
.products #container {background-image: url(../redesign-images/orange.jpg);}
.products #content {width: 666px; margin-right: 0px;}
#products {padding: 0px; margin: 0px; margin-left: 26px; position: relative;}
#products li {list-style-type: none; clear: both; margin-left: 82px; position: relative; overflow: visible;}
#products li .link {display:block; width: 80px; overflow:visible; position: relative; clear: both;}
#products li .link img { position: absolute; left: -86px; top:0px;}
#products li h2 {font-size: 12px;}
#products li h2 a {text-decoration: none;}
#products li h3 {font-size: 11px; color: #999999;}
#products li h2, #products li h3  {width: 120px; height: 120px; float: left; text-decoration: none; margin-top: 20px;}
#products li div {width: 310px; float: left;}
#products li div.clear {float: none; clear: both;}
#products li {border-bottom: 1px solid #50b498; padding-bottom: 26px; margin-bottom: 26px;}
.products #content h1 {border-bottom: 2px solid #50b498; padding-bottom: 26px; margin-left: 106px;}

/* well being */
#products.category4 li {border-bottom: 1px solid #50b498;}
#products.category8 li {border-bottom: 1px solid #cbaf71;}
#products.category8 li h2 a {color: #cbaf71;}
.products #content h1.category8 {color: #cbaf71; border-bottom: 2px solid #cbaf71;}

/* shop product listing */
.shop #content h1.header {margin-bottom: 0px;}
.shop #content h2.header {margin-top: 0px; padding-bottom: 26px; border-bottom:2px solid #50B498;}
.shop #content h1, .shop #content h2 {margin-left: 105px;}
.shop #content {margin-right:0; width:666px; margin-left: 0px;}
.shop #products {margin-left: 105px; margin-right: -26px; width:600px;}
.shop #products li {margin-left: 0px; width: 160px; margin-right: 40px; clear: none; float: left; height: 520px; overflow: hidden;}
.shop #products li img, .shop #products li h2, .shop #products li h3 {float: none; margin: 0px; padding: 0px; height: auto; width: auto;}
.shop #products li a.image {height: 320px; display: block; overflow: hidden;}
.shop #products li a.image img {margin-left: -10px; margin-top: -10px;}
.shop #products li div {float: none; width: 160px;} 
.shop #products li .link {margin-left: auto; width: auto; float: none; position:relative; left: 0px;}
.shop #products li h2.left {float: left; width: 100px;}
.shop #products li h2.right {float: left; width: 60px; text-align: right; font-size: 11px;}
.shop #products li h3 {clear: both;}
.shop #products li select {float: left; margin-right: 5px;}
.shop #products li input.submit {border:1px solid #000; cursor:pointer; margin-left: 7px; margin-right: 0px; width: 100px; padding-top: 3px; padding-bottom: 3px;margin-top: -3px;}
.shop #products li form {margin-top: 26px;}

/* shop product listing - well being range */
.shop .well-being #content h2.header {border-bottom: 2px solid #CBAF71;}
.shop .well-being #products li .link, .shop .well-being #products li a {color: #CBAF71;}
.shop .well-being #products li {border-bottom:1px solid #CBAF71;}
.shop .well-being #products li a.image {height: 190px;}

/* shop product detail */
.product-detail #content {width: 480px;} /* was 666 */
.product-detail #content .pad {margin-left: 105px;}
.product-detail #content .image {float: left; width: 170px; text-align: center; margin-left: -50px;}
.product-detail #content .image img { margin-left: 0px;}
.product-detail #content .text {width: 340px; float: left; margin-bottom: 30px;}
.product-detail #content .text h1 {margin-bottom: 0px;}
.product-detail #content .text h2 {margin-top: 0px;}
.product-detail #content form {margin-bottom: 10px;}
.product-detail #content form select {float: left; width: 100px; margin-top: 5px; margin-right: 10px;}
.product-detail #content form h3 {float: left; margin-top: 0px; }
.product-detail #content form input {float: left; border:1px solid #000;}

#ingredients {margin: 0px; padding: 0px; clear: both; margin-top: 16px;}
#ingredients li {list-style-type: none; width: 240px; float: left; line-height: 35px; height: 35px; border-top: 1px solid #EFEFEF;}
#ingredients li a {line-height: 35px; text-decoration: none; position: relative; padding-left: 30px; display:block;}
#ingredients li img {position: absolute; left: 0px; top:5px;}

#awards2 { position: relative; float:left; margin-top: 200px; width: 226px;}
.product-detail #content #awards2 img { border: 0px;}
#awards2 a, #awards2 a font {border: 0px; text-decoration: none; font-weight: normal; font-size: 12px !important;}
#awards2 ul {margin: 0px; padding: 0px; clear: both; padding-bottom:30px; display: block; margin-left: 26px;}
#awards2 li { list-style-type: none; padding-bottom: 26px; float: left; width: 120px; text-align: center; border-bottom:1px solid #EFEFEF;}
#awards2 li blockquote {padding: 0px; width: auto; color:#333333; font-size: 10px; margin: 0px; text-align: left;}
#awards2 li img {border: 0px;}


/* shop product detail tabs */
#comments {margin-left: 0px;}
#tabs {clear: both; padding: 0px; margin-top: 26px; margin-bottom: 40px; margin-left: 0px;}
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; height: 40px !important; clear: both; margin: 0px; padding: 0px; border-bottom: 1px solid #EFEFEF; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; padding: 0; height: 40px; line-height: 40px;  padding-right: 20px; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; display: block; font-size: 12px; color: #000000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #50B498; border-bottom: 1px solid #50B498;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; outline: none; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 10px 0px 10px 0px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* shop comments */
.comment {margin-bottom: 30px;}
.comment p {margin-bottom: 10px; font-size: 12px; line-height: normal; font-style: italic; color: #333333; }
.comment cite {font-size: 11px; font-style: normal;}

/* ingredients page */
div#ingredients h2 {border-bottom: 1px solid #EFEFEF; margin-top: 10px; padding-bottom: 10px; clear: both;}
div#ingredients .text h2 {border: 0px;}
div#ingredients .text {margin-bottom: 60px; float: left; }
div#ingredients img {float: left; margin-right: 20px; margin-bottom: 40px;}
div#ingredients h2.ui-state-active {color: #50B498; border-bottom: 0px; margin-bottom: 0px}
div#ingredients h2.alias {margin-top: 0px; padding-top: 0px; color: #999999; font-size: 12px; border-bottom: 0px;}
div#ingredients h2, div#ingredients a {outline: none;}

/* news */
.details {font-size: 10px; color: #999999; letter-spacing: normal; margin-top: 10px; margin-bottom: 10px; display: block;}
#content table td.content h3 {margin-top: 0px;}

/* news - press single */
.press #content h1 {margin-bottom: 0px;}
.press #content h2 {margin-top: 0px; margin-bottom: 20px;}
.press blockquote {padding: 16px; background-color: #EFEFEF; margin: 30px 0px 30px 0px;  font-size: 14px; line-height: 20px; font-style: italic; color: #333333; }

/* news - press overview */
.press-overview #content ul {margin: 0px; width: 480px; padding: 0px;}
.press-overview #content ul li {list-style-type: none; width: 119px; margin-right: 1px; height: 160px; margin-bottom: 1px; overflow: hidden; float: left; position: relative;}
.press-overview #content ul li a:hover img {display: none;}
.press-overview #content ul li p {background-color: #000000; font-size: 14px; color: #FFFFFF; padding: 10px; margin: 0px; display: block; height: 100%;}

/* media page */
#gallery {clear: both;}
#gallery div {width: 240px; float: left; margin-bottom:26px; font-size: 11px; height: 350px;}
#gallery div p {width: 200px;}
#gallery div a {width: 160px; height: 160px; overflow: hidden; display: block;}

/*content page */
.text_image {float: left; margin-right: 16px; margin-bottom: 16px;}

/* checkout */
.checkout #content {margin-left: 105px; width: 601px;}
table {font-size:11px;}

/* main content */
#content {float:left;width:480px;margin-bottom:100px;font-size:11px;line-height:16px;letter-spacing:1px;text-align:left; padding: 0px; position: relative;}

/* login */
.login #container {background-image: url(../redesign-images/leaf.jpg)}

/* footer styling */
#footer {line-height:28px;font-size:10px;color:#FFFFFF; background-color: #000000; margin-left: 26px; margin-right: 26px; clear: both;}
#footer a {color:#FFFFFF;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer div.left {float:left;text-indent:10px;}
#footer div.right {float:right;padding-right:10px;}
#footer div.copy {text-indent:10px; background-color: #FFFFFF; font-size: 9px; color: #999999;}

/* register / form page */
form#login-form {margin-bottom: 30px;}
label {display: block; line-height: 30px;}
input {height:16px; padding: 10px; width:190px; background-color:#ddd; border:1px solid #000; margin-top:3px; margin-bottom:3px; color: #000000; font-size: 11px; padding-bottom: 5px; padding-top: 5px; margin-right: 16px; display: block;}
input.submit { cursor:pointer; background-color: #000000; color: #FFFFFF; height: 26px; width: auto;}
input.button { cursor:pointer; border:1px solid #000; background-color: #ddd; color: #333333; height: 26px; width: auto;}
input.button:hover {background-color:#ddd;}
label.checkbox {line-height: normal;}
input.checkbox {display: inline; width: auto; background-color: transparent; float: left;}
textarea{height:75px;width:450px;background-color:#ddd;border:1px solid #000;margin-top:3px;margin-bottom:8px;font-family:Verdana, Helvetica, sans-serif;padding: 10px; border:1px solid #ddd; cursor:pointer;}

/* feature image */
img.feature-image {border-bottom:3px solid #000000;}

.image-left {margin-right: 5px; margin-top:5px; margin-bottom:5px; border-bottom:3px solid #000000; border-top:0; border-left:0; border-right:0;text-align:left;}
.image-right {margin-left: 5px;  margin-top:5px; margin-bottom:5px; border-bottom:3px solid #000000; border-top:0; border-left:0; border-right:0;text-align:right;}
.image-center {margin-left: 5px; margin-right: 5px; margin-top:5px; margin-bottom:5px;  border-bottom:3px solid #000000; border-top:0; border-left:0; border-right:0;text-align:center;}

/* search page */
a.page {background-image: url(../images/page.gif); background-position: center left; background-repeat: no-repeat; padding-left: 20px;}
a.page h3 {margin-top: 0px;}
.highlight {background-color: #c9feef;}