@charset "utf-8";

/* Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {  
  margin: 0; 
  padding: 0; 
}

input {
  margin: 0;
}

ol, ul {
  margin-left: 15px;
}

a {
  outline: none;
}
 
stable {
  border-collapse: collapse; 
  border-spacing: 0; 
}
 
fieldset, img {  
  border: 0; 
}

address, caption, cite, code, dfn, em, strong, th, var { 
  font-style: normal; 
  font-weight: normal; 
}
 
caption,  th { 
  text-align: left; 
} 
h1, h2, h3, h4, h5, h6 { 
  font-size: 100%;
  font-weight: normal; 
} 

q:before, q:after { 
  content: ''; 
} 

abbr, acronym {
  border: 0; 
}

/* Global */

body {
  background: #ffffff;
  padding: 10px 0;
  font: 12px Verdana, Arial, san-serif;
  line-height: 16px;
  color: #5d604e;
}

table {
  font: 12px Verdana, Arial, san-serif;
  line-height: 16px;
  color: #5d604e;
}

a {
  text-decoration: none;
  color: #b84855;
}

a:hover{
  text-decoration: underline;
}

h1 {
  font: 20px Andale Mono, Lucida Console, Monospace, san-serif;
  line-height: 24px;
  color: #004b23;
}

h2 {
  font: 12px Verdana, Arial, san-serif;
  line-height: 16px;
  color: #5d604e;
}

h3 {
  font: 14px Andale Mono, Courier, Monospace, san-serif;
  line-height: 18px;
  color: #004b23;
}

input.text {
  border: 1px solid #b1b697;
  padding: 2px;
  font: 12px Verdana, Arial, san-serif;
  color: #5d604e;
}

input.submit {
  height: 20px;
  background: url(../images/site/button-arrow-right.gif) no-repeat right center #8eb936;
  border: 1px solid #7aa12b;
  padding: 0 18px 0 4px;
  font: 12px Verdana, Arial, san-serif;
  color: #ffffff;
}

a.buttonRight {
  background: url(../images/site/button-arrow-right.gif) no-repeat right center #8eb936;
  border: 1px solid #7aa12b;
  padding: 1px 18px 1px 4px;
  color: #ffffff;
}

a.buttonRight:hover {
  text-decoration: none;
}

a.buttonLeft {
  background: url(../images/site/button-arrow-left.gif) no-repeat left center #8eb936;
  border: 1px solid #7aa12b;
  padding: 1px 4px 1px 18px;
  color: #ffffff;
}

a.buttonLeft:hover {
  text-decoration: none;
}

.floatLeft {
  float: left;
  display: inline;
}

.floatRight {
  float: right;
  display: inline;
}

a.floatLeft,
input.floatLeft {
  margin-right: 5px;
}

a.floatRight,
input.floatRight {
  margin-left: 5px;
}

textarea {
  border: 1px solid #b1b697;
  padding: 3px;
  font: 12px Verdana, Arial, san-serif;
  line-height: 16px;
  color: #5d604e;
  overflow: auto;
}

.clear {
  height: 0px;
  overflow: hidden;
  clear: both;
}

.green {
  color: #8eb936;
}

.small {
  font-size: 10px;
}

/* Header */
div#headerContainer {
  width: 850px;
  float: left;
  background: url(../images/site/header-bg.gif) repeat-y;
  margin-bottom: 5px;
}

a#logo {
  float:left;
}

div#headerInnerRight {
  width:555px;
  float: right;
  padding: 5px 15px 5px 10px;
}

a#shoppingBag {
  float: right;
}

div#shoppingInfo {
  float: right;
  margin-right: 10px;
  text-align: right;
  color: #8eb936;
}

div#shoppingInfo a {
  color: #004b23;
}

/* Page */

div#page {
  width: 850px;
  margin: auto;
}

div#pageInner {
  width: 850px;
  float: left;
  padding-bottom: 10px;
  background: url(../images/site/page-inner.gif) repeat-y;
}

div#pageInnerLeft {
  width: 265px;
  float: left;
  margin-right: 5px;
}

div#pageInnerRight {
  width: 580px;
  float: left;
}

/* Primary Menu */

ul#primaryMenu {
  border-top: 2px solid #7aa12b;
  border-bottom: 2px solid #7aa12b;
  margin: 0;
  list-style: none;
}

ul#primaryMenu a {
  width: 240px;
  display: block;
  background-color: #8eb936;
  border-bottom: 1px solid #ffffff;
  padding: 4px 0 4px 25px;
  font: 16px Andale Mono, Courier, Monospace, san-serif;
  line-height: 16px;
  color: #004b23;
}

ul#primaryMenu a.bottom {
  border-bottom: none;
}

ul#primaryMenu a:hover {
  text-decoration: none;
  background-color: #7aa12b;
}

ul#primaryMenu a.active {
  background: url(../images/site/li-marker.gif) left no-repeat #8eb936;
  color: #ffffff;
}

ul#primaryMenu a.active:hover {
  background: url(../images/site/li-marker-active.gif) left no-repeat #7aa12b;
}

/* Page cont. */

div.heading {
  background: url(../images/site/bg.gif) repeat;
  border-top: 1px dotted #b1b697;
  border-bottom: 1px dotted #b1b697;
  margin-top: 10px;
  padding: 15px;
}

.padding {
  padding: 15px;
}

/* What's on module */

div.whatsOn {
  padding-bottom: 15px;
}

div.whatsOn h2 {
  font-weight: bold;
  font-style: italic;
  color: #004b23;
}

/* Homepage */

img#herbOfMonth {
  border: 2px solid #b1b697;
}

/* Quicklinks */

a.quicklink {
  width: 175px;
  float: left;
  position: relative;
  background-color: #9aa07d;
  margin-right: 4px;
  padding: 2px;
  text-decoration: none;
}

a.quicklink:hover {
  text-decoration: none;
}

a.quicklink h3 {
  background-color: #8eb936;
  padding: 8px 3px;
  text-align: center;
  color: #ffffff;
  font-size:13px;
}

a.quicklink div.topLeftCorner,
a.quicklink div.topRightCorner,
a.quicklink div.bottomLeftCorner,
a.quicklink div.bottomRightCorner {
  width: 11px;
  height: 11px;
  position: absolute;
  overflow: hidden;
}

a.quicklink div.topLeftCorner {
  top: 0;
  left: 0;
  background: url(../images/site/quicklink-top-left.png) no-repeat;
}

a.quicklink div.topRightCorner {
  top: 0;
  right: 0;
  background: url(../images/site/quicklink-top-right.png) no-repeat;
}

a.quicklink div.bottomLeftCorner {
  bottom: 0;
  left: 0;
  background: url(../images/site/quicklink-bottom-left.gif) no-repeat;
}

a.quicklink div.bottomRightCorner {
  bottom: 0;
  right: 0;
  background: url(../images/site/quicklink-bottom-right.gif) no-repeat;
}

/* Footer */

div#footer {
  width: 840px;
  margin-top: 5px;
  padding: 5px;
  border-top: 1px solid #b1b697;
  font-size: 9px;
}

/* Herbal Medicine */

div.greenBorderBox {
  width: 200px;
  position: relative;
  float: left;
  margin: 40px 0 15px 0;
  padding: 15px;
  border: 2px solid #8eb936;
}

a#visitShop,
a#shortCourses {
  position: absolute;
  top: -46px;
  right: -9px;
  text-decoration: none;
}

div.greenBorderBox div.topLeftBorder,
div.greenBorderBox div.bottomLeftBorder,
div.greenBorderBox div.bottomRightBorder {
  width: 13px;
  height: 13px;
  position: absolute;
  overflow: hidden;
}

div.greenBorderBox div.topLeftBorder {
  top: -2px;
  left: -2px;
  background: url(../images/site/top-left-border.gif) no-repeat;
}

div.greenBorderBox div.bottomLeftBorder {
  bottom: -2px;
  left: -2px;
  background: url(../images/site/bottom-left-border.gif) no-repeat;
}

div.greenBorderBox div.bottomRightBorder {
  bottom: -2px;
  right: -2px;
  background: url(../images/site/bottom-right-border.gif) no-repeat;
}

img#headerImage {
  border: 2px solid #b1b697;
}

div.textGreenBackground {
  position: relative;
  padding: 15px;
  background: #8eb936;
  color: #ffffff;
}

div.width100 {
  width: 520px;
}

div.width75 {
  width: 390px;
  float: left;
}

div.width66 {
  width: 330px;
  float: left;
}

div.width50 {
  width: 250px;
  float: left;
}

div.width33 {
  width: 170px;
  float: left;
}

div.textGreenBackground div.topLeftCorner,
div.textGreenBackground div.topRightCorner,
div.textGreenBackground div.bottomLeftCorner,
div.textGreenBackground div.bottomRightCorner {
  width: 9px;
  height: 9px;
  position: absolute;
  overflow: hidden;
}

div.textGreenBackground div.topLeftCorner {
  top: 0;
  left: 0;
  background: url(../images/site/top-left-green.gif) no-repeat;
}

div.textGreenBackground div.topRightCorner {
  top:0;
  right:0;
  background:url(../images/site/top-right-green.gif) no-repeat;
}

div.textGreenBackground div.bottomLeftCorner {
  bottom: 0;
  left: 0;
  background: url(../images/site/bottom-left-green.gif) no-repeat;
}

div.textGreenBackground div.bottomRightCorner {
  bottom: 0;
  right: 0;
  background: url(../images/site/bottom-right-green.gif) no-repeat;
}

/* Herbal Treatments */

div.marginLeft {
  margin-left: 20px;
}

div.textGreenBackground li {
  margin-bottom: 5px;
  list-style: url(../images/site/li-marker-arrow.gif);
}

/* Consultation */

/* Who We Are */

div.practitioner {
  width: 164px;
  float: left;
  display: inline;
  margin-left: 15px;
}

img.practitionerImage {
  border: 1px solid #9aa07d;
}

/* Other Treatments */

div.table {
  border-top: 2px solid #b1b69b;
  border-right: 2px solid #b1b69b;
  border-left: 2px solid #b1b69b;
}

div.table div.row {
  border-bottom: 2px solid #b1b69b;
  padding: 5px;
}

div.table div.column {
  width: 180px;
  float: left;
}

div.treatmentInfo {
  width: 143px;
  float: left;
}

img.treatment {
  float: right;
  border:1px solid #9aa07d;
}

/* Education and Training */

ul#courses {
  width: 150px;
  float: left;
  margin: 0;
  list-style: none;
}

ul#courses li {
  margin-bottom: 10px;
}

ul#courses a {
  background-color: #b1b69b;
  padding: 2px 4px;
  color: #eef0e6;
}

ul#courses a:hover {
  background-color: #a4a990;
  text-decoration: none;
}

ul#courses a.active {
  background-color: #eef0e6;
  padding-left: 0;
  text-decoration: underline;
  color: #5d604e;
}

div.downloads h2 {
  float: left;
  margin-top: 25px;
}

div.downloads a {
  float: right;
}

/* Dispensary */

/* Shop */

ul#categories {
  margin: 0;
  list-style: none;
}

ul#categories li {
  width: 235px;
  float: left;
  margin-bottom: 5px;
}

ul#categories a {
  float: left;
  background-color: #b1b69b;
  padding: 2px 4px;
  color: #fefefe;
}

ul#categories a.active {
  background: none;
  padding: 2px 0px;
  color: #5d604e;
}

div.productPagination {
  float: right;
}

div.productContainer {
  border-bottom: 2px solid #b1b69b;
}

img.productImage {
  float: left;
  border: 1px solid #9aa07d;
}

div.productDescription {
  width: 270px;
  float: left;
  margin-left: 15px;
}

div.productPrice {
  width: 145px;
  float: left;
  display: inline;
  margin-left: 15px;
}

div.productContainer input {
  float: left;
}

div.productContainer input.submit {
  width: 115px;
}

input.quantity {
  width: 20px;
  background-color: #f2f3eb;
  border: 1px solid #9fcc53;
  margin-right: 1px;
  text-align: center;
  color: #9fcc53;
}

/* Basket */

table#basket {
  border-top: 2px solid #b1b69b;
  border-right: 2px solid #b1b69b;
  border-left: 2px solid #b1b69b;
}

table#basket th {
  border-bottom: 2px solid #b1b69b;
  padding: 5px;
}

table#basket td {
  border-bottom: 2px solid #b1b69b;
  padding: 5px;
  vertical-align: top;
}

/* Checkout */

div.loginForm div.td {
  float: left;
  padding: 0 10px 10px 0;
}

div.width150 {
  width: 150px;
}

div.width370 {
  width: 370px;
}












/* Links */

div.linkContainer {
  width: 550px;
  float: left;
}

div.linkContainer div.linkLeft {
  width: 430px;
  float: left;
  padding-right: 20px;
}

div.linkContainer div.linkRight {
  width: 100px;
  float: left;
}

/* Find Us */

div#contactUsContainer {
  width: 550px;
}

div#contactUsContainer div.contactUsColumn {
  width: 275px;
  float: left;
}

div#contactUsContainer div.row {
  padding: 0 10px 10px 0;
}

div#contactUsContainer label {
  display: block;
}

div#contactUsContainer input.text {
  width: 200px;
}

div#contactUsContainer textarea {
  width: 200px;
}

div.redConfirmation {
  background-color: #b84855;
  margin-bottom: 10px;
  padding: 5px;
  color: #ffffff;
}

div.greenConfirmation {
  background-color: #8eb936;
  margin-bottom: 10px;
  padding: 5px;
  color: #ffffff;
}