/* CSS Document */
body {
  padding: 0px;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #35393d;
  /* Standard */
  /*background: #fff;*/
  /* Takeover */
  background: #f8f8f8;
}

div#headerWrapper {
  background: #262323;
  height: 40px;
  width: 100%;
  min-width: 990px;
}

div#homeBodyWrapper {
  width: 1000px;
  margin: 0 auto;
  background: #fffff;
}

div#bodyWrapper {
  width: 990px;
  margin: 0 auto;
  background: #fffff;
}

p {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

img, a:focus { 
  border: 0px;
  outline: 0px none;
}

form {
  margin: 0px;
  padding: 0px;
}

input {
}

a {
  text-decoration: none;
/*  color: #908970;*/
  color: #977622;
}

a:hover {
  text-decoration: underline;
}

h1 {
  margin: 10px 0px 20px 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
}


h2 {
}

h3 {
  margin: 10px 0px 20px 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: bold;
}

h4 {
  margin: 10px 0px 15px 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: bold;
}

h5 {
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-size: 13px;
  font-weight: bold;
}


hr {
}

ul {
  margin: 5px 0px 20px 0px;
  padding: 0px 0px 0px 30px; 
}

li {
}


/****** FLASH TEXT ******/
h1.sectionHeading {
  margin: 0px;
  padding: 25px 20px 18px 20px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}

h1.contentHeading {
  margin: 5px 0px 15px 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
}

h2.subHeading {
  margin: 0px 20px 10px 0px;
  padding: 20px 0px 0px 0px;
  font-size: 13px;
  font-weight: bold;
}

h3.bottomHeading {
  margin: 0px;
  padding: 0px 0px 3px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

body.Index h3.bottomHeading {
  color: #4e5d63;
}

h3.bottomText {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: normal;
}

h4.sideHeading {
  margin: 0px;
  padding: 22px 10px 0px 20px;
  font-size: 14px;
  font-weight: bold;
}

div.sideHeading {
  padding: 25px 10px 0px 18px;
  font-size: 14px;
  font-weight: bold;
}

h3.checkoutHeading {
  margin: 0;
  padding: 0 0 8px 0;
  font-size: 14px;
  font-weight: bold;
  color: #2e2e2e;
}

/****** FORMS ******/
div.inputSelect select {
  border: 0px none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #181a1c;
}
div.inputSelect option {
  border: 0px none;
}

div.inputQty {
  float: left;
  padding-right: 15px;
  width: 85px;
  height: 22px;
  text-align: right;
}
div.inputQty input {
  padding: 3px 0px 0px 0px;
  border: 0px none;
  background: none;
  width: 35px;
  text-align: center;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #181a1c;
}

ul.productList div.inputQty {
  background: url(../images/bg/inputQty.gif) no-repeat left top;
}

body.Index div#bottom div.inputText,
div.inputText {
  float: left;
  background: url(../images/bg/inputText_w.gif) no-repeat left top;
  width: 170px;
  height: 30px;
}
div.inputText input {
  padding: 6px 0px 0px 7px;
  border: 0px none;
  background: none;
  width: 155px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #656b71;
}

div#bottom div.inputText {
  background: url(../images/bg/inputText_b.gif) no-repeat left top;
}

div.submitCircle {
  float: right;
  width: 25px;
  height: 25px;
  padding-top: 15px;
}

div.inputSubmit {
  float: right;
}

/****** GENERIC ******/

.circleArrowYellow {
  background: url(../images/icons/arrow-circ_y_b.gif) no-repeat left top;
  padding-left: 20px;
}

.circleArrowRed {
  background: url(../images/icons/arrow-circ_r_w.gif) no-repeat left top;
  padding-left: 20px;
}

.circleArrowGold {
  background: url(../images/icons/arrow-circ_gld_red.gif) no-repeat left top;
  padding-left: 20px;
  color: #e3da97;
  font-size: 11px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.rowEnd {
  margin-right: 0px !important;
}

.bgNone {
  background: none !important;
}

.headingUline {
  background: url(../images/hr_dotted_g.gif) repeat-x left bottom;
  padding-bottom: 7px;
  margin-bottom: 20px;
}

/*.headingUline h2 {
  margin: 0px;
  padding-bottom: 5px;
}
*/
a.readBack {
  padding-left: 20px;
  background: url(../images/icons/arrow-circ_l-gld-whi.gif) no-repeat left 0px;
}

.pad20t {
  padding-top: 20px;
}

.clear {
  clear: both;
}

div.clear {
  height: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
  font-size: 0px;
}

.clearLeft {
  clear: left;
}

.clearFix /* For IE/MAC. */
{
  display: inline-block;
}

.clearFix:after /* For Non-IE browsers. */
{
  clear: both;
  content: "";
  display: block;
  visibility: hidden;

  height: 0;
}

* html .clearFix /* For IE6 and below, trigger hasLayout. */
{
  height: 1%;
}

.clearFix /* For IE/Win. */
{
  display: block;
}

/****** CONTAINERS ******/
body div#pageContainer {
  width: 100%;
  background: url(../images/bg/pageContainer_bg.gif) repeat-x left top;
}

body div#bannerContainer {
  height: 295px;
  text-align: center;
}



/** HEADER **/

div#header {
  width: 990px;
  margin: 0 auto;
  height: 40px;
  position: relative;
}

div#logo {
  position: absolute;
  top: 66px;
  left: 10px;
}

div#navContainer {
  height: 40px;
}

div#navContainer ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

div#navContainer ul li {
  float: left;
  padding: 0px;
  margin: 0px;
}

div#navContainer ul li a {
  display: block;
  height: 40px;
  background-image: url(../images2010/nav/nav.gif);
  background-repeat: no-repeat;
  text-indent: -10000em;
  font-size: 11px;
}

/** NAV **/
a#navHome {
  background-position: 0px top;
  width: 64px;
}
a#navHome:hover {
  background-position: 0px -40px;
}
a#navHome.active {
  background-position: 0px -80px;
}

a#navShop {
  background-position: -64px  top;
  width: 78px;
}
a#navShop:hover {
  background-position: -64px -40px;
}
a#navShop.active {
  background-position: -64px -80px;
}

a#navKnow {
  background-position: -142px top;
  width: 152px;
}
a#navKnow:hover {
  background-position: -142px -40px;
}
a#navKnow.active {
  background-position: -142px -80px;
}

a#navAbou {
  background-position: -294px top;
  width: 120px;
}
a#navAbou:hover {
  background-position: -294px -40px;
}
a#navAbou.active {
  background-position: -294px -80px;
}


a#navBran {
  background-position: -414px top;
  width: 106px;
}
a#navBran:hover {
  background-position: -414px -40px;
}
a#navBran.active {
  background-position: -414px -80px;
}


a#navCont {
  background-position: -520px top;
  width: 87px;
}
a#navCont:hover {
  background-position: -520px -40px;
}
a#navCont.active {
  background-position: -520px -80px;
}

/******** PAGE ********/
div#page {
  position: relative;
  background: url(../images/bg/page_bg.gif) repeat-y left top;
  width: 940px;
  margin: 0px auto;
}

div#pageLeft {
  float: left;
  width: 220px;
}

div#pageRight {
  float: right;
  width: 720px;
  min-height: 450px;
  _height: 450px;
}

div#pageFooter {
  clear: both;
  padding: 0px;
  height: 25px;
  background: #ffffff url(../images/bg/pageFooter_bg.gif) no-repeat left top;
}

div#pageTitle {
  clear: left;
  height: 75px;
  overflow: hidden;
  background: url(../images/bg/pageTitle_bg.jpg) no-repeat top left;
}


/******** BROWSE NAVIGATION ********/
div#browseNavigation {
  font-size: 11px;
  color: #656b71;
  padding-bottom: 50px;
}

div#browseNavigation div.header {
  background: #908970;
  height: 50px;
  color: #ffffff;
}

/*
div#browseNavigation div.header h4 {
  margin: 0px;
  padding: 20px 10px 0px 20px;
  font-size: 14px;
}
*/

div#browseNavigation ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

div#browseNavigation ul li a {
  color: #656b71;
  display: block;
  border-bottom: 1px solid #c1c0be;
  /*height: 35px;*/
  line-height: 35px;
  padding: 0px 10px 0px 30px;
  background-image: url(../images/icons/arrow-sm_r_g.gif);
  background-repeat: no-repeat;
  background-position: 20px center;
}

div#browseNavigation ul li a.double {
  border-top: 1px solid #c1c0be;
}

div#browseNavigation ul li a:hover {
  background-color: #c9c9c3;
  text-decoration: none;
}

div#browseNavigation ul li a.active {
  background-color: #c9c9c3;
  text-decoration: none;
}

div#browseNavigation li ul li a {
  /*height: 25px;*/
  line-height: 25px;
  padding: 0px 10px 0px 35px;
  background-image: none;
}

div#browseNavigation li ul li ul li a{
  /*height: 25px;*/
  line-height: 25px;
  padding: 0px 10px 0px 45px;
  background-image: none;
}

div#browseNavigation ul#calls li a {
  height: auto;
  padding: 0px;
  background-image: none;
}

/******** PAGE BOTTOM ********/
div#bottomContainer {
  background: url(../images/bg/bottomContainer_bg.gif) repeat-x top left;
}

body.Index div#bottomContainer {
  background: url(../images/bg/bottomContainerIndex_bg.gif) no-repeat top center;
}

div#bottom {
  height: 145px;
  width: 940px;
  margin: 0px auto;
  color: #ffffff;
}

body.Index div#bottom {
  color: #4e5d63;
}

div#bottom a {
  color: #e3da97;
}

div#bottom p {
  margin: 0px;
}

body.Index div#bottom a {
  color: #ea0437;
}

body.Index div#bottom a.circleArrowYellow {
  background: url(../images/icons/arrow-circ_r_w.gif) no-repeat left top;
}

div#bottomLeft {
  background: url(../images/vr_dotted_gb.gif) repeat-y right top;
  float: left;
  width: 450px;
  margin-top: 30px;
  padding-right: 20px;
}

div#bottomRight {
  float: right;
  width: 470px;
}

div#subscribe {
  float: left;
  width: 195px;
  height: 115px;
  padding: 30px 0px 0px 20px;
}

div#locate {
  background: url(../images/bg/locate_bg.gif) no-repeat top right;
  float: right;
  height: 95px;
  width: 220px;
  padding: 50px 0px 0px 10px;
}

body.Index div#locate {
  background: url(../images/bg/locateIndex_bg.gif) no-repeat top right;
}

div#locate div.inputSelect select {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #656b71;
  width: 110px;
}

div#locate div.inputSelect {
  padding: 5px 0px 10px 7px;
}

div#locate div.inputSubmit {
  
}

/****** FOOTER ******/
div#footerContainer {
  background: #edebe2;
}

div#footer {
  background: url(../images/bg/footer_bg.gif) no-repeat top center;
  width: 940px;
  margin: 0px auto;
  text-align: left;
  padding: 20px 0px 50px 0px;
  color: #929497;
  font-size: 11px;
  line-height: 16px;
}

div#footerTexts {
  width: 700px;
  float: left;
}

div#footerButtons {
  width: 240px;
  float: left;
}

div.footerButton {
  width: 120px;
  float: left;
  text-align: right;
}

div.footerButton .footLinkText {
  width: 82px;
  float: left;
}

div.footerButton .footLinkBtn {
  width: 30px;
  padding: 0 0 0 8px;
  float: left;
}

div#footer p {
  margin: 0px 0px 5px 0px;
  padding: 0 0 0 5px;
}

div#footer p#footerLinks {
  padding: 0;
}

div#footer a {
  color: #929497;
}

div#footer a:hover {
}

p#footerLinks a {
  padding: 0px 5px;
}


/******************** CONTENT ******************/
div#content {
  float: left;
  width: 460px;
  padding: 30px 0px 0px 20px;
}

div.contentSide {
  float: right;
  width: 220px;
  padding: 30px 0px 0px 0px;
}

div#contentFull {
  padding: 20px 0px 0px 20px;
}


/***** HOMEPAGE ******/
body.Index div#shopBasket {
  top: -295px;
}

div#home {
  position: relative;
  width: 940px;
  margin: 0px auto;
}

div#homeLeft {
  float: left;
  width: 720px;
}

div#homeRight {
  float: right;
  width: 220px;
}

div#homeHeaders {
  /*padding-top: 20px;*/
}

div#homeHeaders h2.subHeading {
  float: left;
  width: 220px;
}

/**** PRODUCT EXPLORE / HOME ****/
div#productExplore {
  position: relative;
  height: 219px;
  width: 220px;
}

div.exploreLeft {
  float: left;
  width: 15px;
  height: 24px;
  padding: 70px 10px 0px 0px;
}

div#exploreContainer {
  width: 170px;
  float: left;
}

div.exploreRight {
  float: left;
  width: 15px;
  height: 24px;
  padding: 70px 0px 0px 10px;
}

div.exploreLeft a,
div.exploreRight a {
  width: 15px;
  height: 24px;
  display: block;
}

div.exploreLeft a {
  background-image: url(../images/btns/exploreLeft.gif);
  position: relative;
  z-index: 99;
  cursor: pointer;
}

div.exploreRight a {
  background-image: url(../images/btns/exploreRight.gif);
  position: relative;
  z-index: 99;
  cursor: pointer;
}

div.exploreRight a:hover ,
div.exploreLeft a:hover {
  background-position: bottom;
}

div.explore {
  width: 170px;
  padding-top: 10px;
}


/**** SEARCH BOX ****/
div#searchBox {
/*  background: url(../images/bg/searchBox_bg.gif) repeat-x top center;*/
  background: url(../images/bg/searchBox.gif) no-repeat top left;
  height: 125px;
  overflow: hidden;
  position: relative;
}

div#searchBox form {
  padding: 50px 20px 0px 20px;
}

div#searchBox form div.inputSelect {
  background: url(../images/bg/inputSelect.gif) no-repeat left top;
  height: 25px;
  padding: 4px 5px 1px 5px;
}

div#searchBox form div.inputSelect select {
  width: 145px;
  font-size: 11px;
}

div#searchBox form div.inputSelect input.text {
  width: 145px;
  font-size: 11px;
  background: none;
  border: none;
}

div#searchBox form div.inputSearchSubmit {
  position: absolute;
  top: 50px;
  left: 178px;
}


/**** BREADCRUMB ****/
div#breadCrumb {
  float: left;
  width: 430px;
  height: 28px;
  padding: 22px 0px 0px 20px;
  font-size: 11px;
  color: #656b71;
  line-height: 18px;
}
div#breadCrumb a {
  color: #656b71;
  background: url(../images/icons/arrow-sm_r_g.gif) no-repeat right 5px;
  padding-right: 10px;
  margin-right: 8px
}

div#breadCrumb a.end {
  color: #656b71;
  background: none;
  padding-right: 0px;
  margin-right: 0px
}

/**** SHOP BASKET ****/
div#shopBasket {
  height: 60px;
  width: 270px;
  position: absolute;
  z-index: 999;
  right: 0px;
  top: 0px;
  color: #ffffff;
  font-size: 10px;
}

div#shopBasket div#basket {
  position: relative;
  background: #908970;
  height: 45px;
  padding: 10px 20px 0px 20px;
}
div#shopMsg {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9999;
  color: #86d88d;
}

div#shopBasket a {
  color: #ffffff;
}

div#shopBasket span {
  display: block;
  width: 50px;
  float: left;
}

div#shopBasket span.heading {
  float: none;
  width: auto;
  height: 20px;
  padding: 5px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
}

div#shopBasket span.links {
  float: right;
  width: auto;
  padding: 0 0 0 10px;
  background: url(../images/vr_dotted_g.gif) repeat-y left top;
  color: #d5cfb9;
  text-align: right;
}

div#shopBasket span.links span {
  padding: 0px 5px;
  float: none;
  display: inline;
  font-size: 10px;
}


/**** PRODUCT BOX ****/
div.boxContainer {
  position: relative;
  background: url(../images/bg/box_bdr.gif) repeat-y left top;
}

div.boxHeader {
  background: url(../images/bg/box_hdr.gif) no-repeat left top;
  padding: 15px 20px 0px 20px;
  height: 35px;
  z-index: 5;
}
div.boxHeader h5 {
  margin: 0px;
  padding: 0px;
  color: #977622;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
}
/*
div.boxHeader a ,
div.boxText a {
  color: #977622;
}
*/
div.boxImage {
  text-align: center;
  padding: 0px 1px;
  height: 125px;
  z-index: 2;
}

div.boxText {
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  color: #464a4e;
  padding: 0px 40px;
}

div.boxFooter {
  background: url(../images/bg/box_ftr.gif) no-repeat left bottom;
  padding: 10px 20px 0px 20px;
  height: 95px;
  font-size: 11px;
  line-height: 16px;
  color: #35393d;
}
div.boxFooter p {
  margin: 0px 0px 5px 0px;
}

div.boxFooter p.desc {
  height: 32px;
  overflow: hidden;
}

div.boxFooter p.prices {
  height: 20px;
}

span.price {
/*  font-size: 12px;*/
  font-weight: bold;
}
del.price {
  font-weight: bold;
  text-decoration: line-through;
}
ins.special {
/*  font-size: 12px;*/
  font-weight: bold;
  color: #e50436;
  text-decoration: none;
}
div.boxFooter span.goldcard {
  float: right;
  font-weight: bold;
  color: #977622;
  line-height: 16px;
}
div.boxFooter span.goldcard img {
  vertical-align: bottom;
  padding: 0px 2px 2px 0px;
}

div.boxTag {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 9999;
}

/****** PRODUCT / CATEGORY LANDING *******/
div#landingContainer {
  padding-bottom: 10px;
  height: 258px;
}

div.landingLeft {
  float: left;
  width: 460px;
  height: 258px;
  overflow: hidden;
}

div.landingRight {
  background: #e50537 url(../images/bg/landingRight_cnr.gif) no-repeat right top;
  float: right;
  width: 180px;
  height: 218px;
  padding: 20px 40px 20px 20px;
  color: #ffffff;
  overflow: hidden;
}
div.landingRight a {
}

ul.infoList {
  margin: 0px;
  padding: 15px 0px;
  list-style: none;
  line-height: 18px;
}

ul.infoList li {
  background: url(../images/icons/info_red.gif) no-repeat left 4px;
  padding-left: 20px;
  margin-bottom: 10px;
}

ul.infoList li a {
  color: #ffffff;
  text-decoration: underline;
}

ul.infoList li a:hover {
  text-decoration: none;
}

ul.catListing {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.catListing li {
  display: block;
  float: left;
  width: 175px;
  height: 90px;
  margin: 0px;
}

ul.catListing li a {
  display: block;
  width: 175px;
  height: 90px;
}



/****** PRODUCT LIST *******/
ul.productList {
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

ul.productList li {
  display: block;
  float: left;
  width: 220px;
  height: 280px;
  margin: 0px 20px 20px 0px;
}

ul.productList li.break {
  margin: 0px 0px 20px 0px;
}

div.contentSide ul.productList li {
  margin-right: 0px;
}

/***** PAGER *****/
div#pager {
  clear: both;
  background: url(../images/hr_dotted_g.gif) repeat-x left 20px;
  padding: 30px 0px 10px 0px;
  color: #656b71;
  font-size: 11px;
  line-height: 11px;
}

div#pager img {
  vertical-align: middle;
}

div#pager a,
div#pager strong.active {
  padding: 0px 4px;
  color: #656b71;
}
/*
div#pager a:hover {
  background: #eeeeee;
  text-decoration: none;
}*/

div#pagerLeft {
  float: left;
  width: 480px;
}

div#pagerLeft label {
  padding-right: 10px;
}

div#pagerRight {
  float: right;
  width: 210px;
  text-align: right;
}

/*********** PRODUCT DETAILS ***********/
div.infoLeft {
  float: left;
  width: 380px;
  min-height: 215px;
  _height: 215px;
}

div.infoRight {
  float: right;
  width: 260px;
}

div.infoFields label {
  float: left;
  clear: left;
  width: 90px;
  font-weight: bold;
  padding-right: 10px;
}
div.infoFields span {
  float: left;
  width: 250px;
  margin-bottom: 5px;
}

div#imageContainer {
  position: relative;
  float: right;
  width: 300px;
  height: 300px;
}

/* DETAILS BOX */
div.detailsContainer {
  clear: both;
  background: url(../images/bg/details_bdr.gif) repeat-y top left;
  width: 700px;
  /*margin-bottom: 20px;*/
}

div.detailsHeader {
  padding-top: 1px;
  background: url(../images/bg/details_hdr.gif) no-repeat top left;
  width: 700px;
}

div.detailsFooter {
  background: url(../images/bg/details_ftr.gif) no-repeat bottom left;
  width: 700px;
}

div.detailPadFoot {
  padding: 20px;
}

div.detailsContent {
  font-size: 11px;
  line-height: 16px;
}

div.detailsContent p {
  margin: 0px 0px 15px 0px;
}

div#suppleFact table th{
  font-weight: 600;
  text-align: left;
  padding-bottom: 10px;
}

div#suppleFact table td{
  padding-bottom: 7px;
  line-height: 13px;
}

/* SHOPPING CART - ADD */
div#shopAddContainer {
  float: left;
  clear: left;
  background: #908970 url(../images/bg/shopAdd_hdr.gif) no-repeat left top;
  width: 380px;
  margin-bottom: 15px;
}

div#shopAdd {
  background: url(../images/bg/shopAdd_ftr.gif) no-repeat left bottom;
/*  min-height: 50px;
  _height: 50px;*/
  padding: 10px 13px;
  color: #FFFFFF;
}

div#shopAdd td {
  background: url(../images/r_dotted_gld.gif) repeat-y right top;
}

div#shopAdd div.prices {
  /*float: left;*/
  /*background: url(../images/r_dotted_gld.gif) repeat-y right top;*/
  /*width: 100px;*/
  padding-right: 10px;
  font-size: 14px;
  font-weight: bold;
}

div#shopAdd del.price {
  color: #e50436;
  /*font-weight: normal;*/
}

div#shopAdd .special {
  color: #FFFFFF;
}

div#shopAdd .goldcard {
  color: #ffcd51;
  display: block;
}

div#shopAdd .goldcard img {
  vertical-align: middle;
  padding-left: 5px;
}

div#shopAdd div.inputQty {
  /*float: left;*/
  background: url(../images/bg/inputQtyShop.gif) no-repeat center center;
  width: 90px;
  padding: 15px 12px 15px 8px;
}

div#shopAdd div.submitAdd {
  /*float: left;*/
  /*background: url(../images/r_dotted_gld.gif) repeat-y left top;
  width: 135px;*/
  padding-left: 10px;
}


/* EDITOR CSS */
table#brandsTable h4 {
  margin: 5px 0 12px;
}

table#brandsTable p {
  margin: 0 0 12px 0;
}

/* BLOG DETAILS */
ul#healthKnowArticles {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

ul#healthKnowArticles li {
  list-style: none;
  list-style-image: none;
  display: block;
  margin: 0;
  padding: 0 0 15px 0;
}

ul#healthKnowArticles .healthArtHead a {
  font-size: 14px;
  font-weight: 600;
}

ul#healthKnowArticles .blogDate {
  font-size: 11px;
  color: #919191;
  padding: 0 0 7px 0;
}


/* PAGING CSS */
div#paging {
  clear: left;
  border-top: 1px dotted #929497;
  color: #656b71;
  font-size: 11px;
}

div#paging a {
  color: #656b71;
  font-size: 11px;
  padding-right: 3px;
}

div#paging strong {
  padding-right: 3px;
}

div#paging img{
  position: relative;
  top: 1px;
}

div#paging div#pagingLeft {
  width: 400px;
  padding-top: 12px;
  float: left;
}

div#paging div#pagingRight {
  width: 300px;
  padding-top: 12px;
  float: left;
  text-align: right;
}

/******************** STORE LOCATIONS *************************/

div#storeDetails {
  float: left;
  width: 300px;
}

div#storeDetails h3 {
  color: #2e2e2e;
  line-height: 20px;
}

table.storeContact {
  margin: 0 0 20px 0;
}

table.storeContact td, 
table.storeContact th {
  line-height: 20px;
  text-align: left;
  padding: 0px !important;
  vertical-align: top;
}

table.storeContact th {
  width: 70px;
}

table.storeTrading {
  margin: 0 0 20px 0;
}

table.storeTrading td, 
table.storeTrading th {
  line-height: 20px;
  text-align: left;
  padding: 0px !important;
  vertical-align: top;
}

table.storeTrading th {
  font-weight: normal;
  width: 140px;
}

img#storeImage {
  display: block;
  margin: 0 0 24px 0;
}

div#storeMap {
  float: right;
  height: 380px;
  width: 380px; 
}

/*
 *  Pages: Store locations.
 */

div#storeLocations div {
  float: left;
  width: 150px;
}

div#storeLocations ul {
  list-style: none;
  margin: 0;
  padding: 0 0 20px 0;
}

div#storeLocations ul li {
  margin: 0;
  padding: 0;
}

div#storeLocations ul li a {
  font-size: 11px;
  line-height: 18px;
  color: #ea0437;
}

div#storeLocations h2 {
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 10px 0;
}

/****************************** FORM ************************************/

div.linebreak {
  padding: 4px 0 0 0;
  background: url(../images/hr_dotted_g.gif) top left repeat-x;
}

div#documentForm {
  font-size: 12px;
}

div#documentForm.linebreak {
  padding: 24px 0 0 0;
  background: url(../images/hr_dotted_g.gif) top left repeat-x;
}

div#documentForm div.formError {
  padding: 0 0 20px 0;
  color: #de0023;
}

div#documentForm div.formField {
  padding: 0 0 8px 0;
}

div#documentForm div.formFieldCenter {
  text-align: center;
}

div#documentForm div.formFieldCenterEnd {
  padding: 0;
  text-align: center;
}


div#documentForm div.formFieldPadEnd {
  padding: 0 0 0 200px;
  text-align: left;
}

div#documentForm div.heading h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
}

div#documentForm div.heading h3.checkoutHeading {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #2e2e2e;
}

/***************** INPUT FIELD ******************/

div#documentForm div.inputLabel {
  padding: 0 20px 0 0;
  width: 180px;
  float: left;
  text-align: right;
}

div#documentForm .mandatory {
  color: #de0023;
}

div#documentForm div.inputField {
  width: 400px;
  float: left;
}

div#documentForm div.inputField div.optionsField {
  font-size: 11px;
}

div#documentForm div.inputField div.pad {
  padding: 4px 0 0 0;
}

div#documentForm div.inputField input.text {
  width: 332px;
  border: 1px solid #d8d7dd;
}

div#documentForm div.inputField input.date {
  width: 84px;
  border: 1px solid #d8d7dd;
}

div#documentForm div.inputField img.calendar {
  cursor: pointer;
  position: relative;
  top: 4px;
  left: 0;
}

div#documentForm div.inputField select {
  width: 332px;
}

div#documentForm div.inputField textarea {
  width: 332px;
  height: 50px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #d8d7dd;
}

div#documentForm div.inputField textarea.medium {
  height: 100px;
}

div#documentForm div.inputField textarea.large {
  height: 200px;
}

div#documentForm div.inputField div.inputLabelState {
  width: 162px;
  float: left;
}

div#documentForm div.inputField div.inputLabelState select {
  width: 160px;
}

div#documentForm div.inputField div.inputLabelState input.text {
  width: 160px;
}

div#documentForm div.inputField div.inputLabelPC {
  padding: 0px 12px 0 0;
  width: 74px;
  float: left;
  text-align: right;
}

div#documentForm div.inputField div.inputFieldPC {
  width: 86px;
  float: left;
}

div#documentForm div.inputField div.inputFieldPC input.text {
  width: 84px;
}

div#documentForm div.inputField div.optionsHalf {
  width: 167px;
  float: left;
}

div#documentForm div.inputField div.optionField {
  padding: 0 0 6px 0;
  font-size: 11px;
}

div#documentForm div.inputField div.inputLabelCaptcha {
  width: 142px;
  float: left;
}

div#documentForm div.inputField div.inputFieldCaptchaCode {
  width: 192px;
  float: left;
}

div#documentForm div.inputField div.inputFieldCaptchaCode input.text {
  padding: 4px;
  width: 182px;
}

/********************* INFO **********************/

div#documentForm div.formGap {
  height: 20px;
}

div#documentForm div.heading {
  color: #2e2e2e;
  padding: 0 0 8px 0;
}

div#documentForm div.heading p {
  font-size: 12px;
  margin: 0;
  padding: 0 0 6px 0;
}

div#documentForm div.options {
  padding: 0 0 12px 0;
}

div#documentForm div.terms {
  padding: 0 0 12px 0;
  font-size: 10px;
}

div#documentForm div.buttons {
  padding: 0 0 12px 0;
}

div#documentForm div.availability {
  font-size: 11px;
  padding: 4px 0 0 0;
}


/********************* TERMS **********************/

div.termsconditions ol {
  margin: 0;
  padding: 0 0 0 20px;
}

div.termsconditions ol li {
  margin: 0;
  padding: 0 0 20px 0;
  text-align: justify;
}

/********************* No FLASH **********************/

div.noFlash {
  font-size: 11px;
  text-align: center;
}

div.nfText {
  line-height: normal;
}

div.nfLink {
  padding: 12px 0 0 0;
}

div#banner div.noFlash {
  padding: 100px 0 10px 0;
}

div#flash div.noFlash {
  padding: 40px 0 10px 0;
}

/****************************** SHOPPING CART ************************************/

table#shoppingcart {
  width: 100%;
  font-size: 11px;
  color: #2e2e2e;
  padding: 0;
  border-spacing: 0;
}

table#shoppingcart td {
  padding: 7px 5px;
  border-bottom: 1px solid #c3c3c3;
  vertical-align: top;
}

table#shoppingcart th {
  padding: 7px 5px;
  background: url(../images/th_loop.gif) top left repeat-x;
  color: #474747;
  text-align: left;
}

table#shoppingcart th.thLeft {
  background: url(../images/th_left.gif) top left no-repeat;
}

table#shoppingcart th.thRight {
  background: url(../images/th_right.gif) top right no-repeat;
}

table#shoppingcart .qty input {
  width: 40px;
  font-size: 11px;
}

table#shoppingcart .price {
  text-align: right;
}

table#shoppingcart .remove {
  text-align: center;
}

table#shoppingcart .totalLabel {
  font-size: 12px;
  text-align: right;
}

table#shoppingcart .buttons {
  padding: 12px 0;
  border: none;
  text-align: right;
}

div.cartItemImage {
  padding: 0 10px 0 0;
  width: 50px;
  float: left;
  display: none;
}

div.cartItemName {
  width: 230px;
  float: left;
}

div#checkoutStep {
  padding: 10px 0 0 0;
}

div.purchaseGoldCard {
  padding: 12px 0 4px 0;
}

/****************************** FRANCHISE ************************************/
div.loggedInAs {
  color: #977622;
  font-size: 14px;
}

div.loggedInAs a {
  color: #977622;
  font-size: 11px;
}

div.loggedInAs span.separator {
  color: #929497;
  font-size: 11px;
  padding: 0 10px;
}

/********************* Events **********************/
/**** Listing *****/

.eventsListing div.noResults {
  padding-top: 18px;
}

.eventsListing ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
  font-size: 11px;
  line-height: 17px;
  color: #656b71;
}

.eventsListing ul li {
  padding: 15px 20px;
}

.eventsListing ul li.greyRow {
  background: #eeeeee;
}

.eventsListing ul .eventImage {
  display: inline;
  float: left;
  padding-right: 20px;
  width: 122px;
}

.eventsListing ul .eventImage img {
  display: block;
}

.eventsListing ul .description {
  float: left;
  padding-right: 20px;
  width: 380px;
}

.eventsListing ul .description h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.eventsListing ul .description h3 a {
  
}

.eventsListing ul .description p {
  font-size: 11px;
  line-height: 18px;
}

.eventsListing ul .details {
  display: inline;
  float: right;
  width: 115px;
}

.eventsListing ul .details span.eventDate, 
.eventsListing ul .details span.eventLocation, 
.eventsListing ul .details span.eventTimes {
  display: block;
  line-height: 17px;
}

.eventsListing ul .details span.eventDate {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
  color: #656b71;
}

/**** Pager *****/

.pager.events {
  background-color: #ddded5;
}

.pager.events .bgleft {
  background-image: url(../images/bg/bar-full_tan-top.gif);
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 5px;
}

.pager.events .bgright {
  background-image: url(../images/bg/bar-full_tan-btm.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 5px;
}

.pager.events .pagerHeading {
  color: #35393d;
  text-align: center;
  width: 100%;
  font-size: 14px;
  margin: 0;
  padding: 5px 0;
}

.pager.events a {
  background-position: center top;
  position: absolute;
    top: 2px;
    z-index: 2;
  height: 25px;
  width: 90px;
}

.pager.events a:hover {
  background-position: center bottom;
}

.pager.events a.prev {
  background-image: url(../images/btns/silv_prev-month.gif);
  left: 10px;
}

.pager.events a.backlink {
  background-image: url(../images/btns/silv_back-month.gif);
  left: 10px;
  width: 104px;
}

.pager.events a.next {
  background-image: url(../images/btns/silv_next-month.gif);
  right: 10px;
}

/**** Menu *****/
div#filterOptions {
  font-size: 11px;
  color: #c1c0be;
  color: #656b71;
}

div#filterOptions .sideHeader {
  padding: 20px 15px 5px 20px;  
}

div#filterOptions .sideHeader .options {
  padding: 3px 0 0;
}
div#filterOptions .sideHeader .options a {
  color: #656b71;
}
div#filterOptions .sideHeader .options .separator {
  color: #c1c0be;
  padding: 0 2px;
}

div#filterOptions .sidePadding {
  padding: 5px 15px 20px 20px;
}

div#filterOptions .sideContent {
  border-bottom: #c1c0be solid 1px;
}

div#filterOptions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.formArea input,
div.formArea select {
  color: #656b71;
  font-size: 11px;
}

div.formArea span.buttonInput {
  display: block;
  float: left;
  padding-left: 2px;
}

div.formArea span.textInput {
  display: block;
  float: left;
  padding: 5px;
  background: url(../images/bg/inputText_tan.gif);
  width: 144px;
  height: 16px;
  overflow: hidden;
}

div.formArea span.textInput input {
  border: 0;
  width: 144px;
}

div.formArea span.textSelect {
  display: block;
  float: left;
}

div.formArea span.textSelect span.textInput {
  display: block;
  float: none;
}

div.formArea span.textSelect select {
  border: 0;
  width: 143px;
}

div.formArea #rangeFilters div.labelHolder {
  float: right;
  width: 160px;
}

/**** Popup *****/
.popupDocument {
}

.popupDocument a.close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/btns/close.gif) no-repeat center center;
  position: absolute;
  top: 20px;
  right: 20px;
}

#eventDetails {
  padding: 20px;
}

#eventDetails h1 {
  color: #977622;
  font-size: 18px;
  margin: 0;
}

#eventDetails .mainContent {
  background: url(../images/hr_dotted_g.gif) repeat-x center top;
  margin: 10px 0 0;
  padding: 15px 10px;
}

#eventDetails .mainContent .imageHolder {
  float: right;
  width: 300px;
}

#eventDetails .mainContent .details {
  float: left;
  width: 375px;
}

#eventDetails .mainContent .cmscontent {
  padding: 20px 0 0;
}

#eventDetails dl {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

#eventDetails dt {
  margin: 0;
  float: left;
  width: 90px;
  font-weight: bold;
  clear: left;
  padding: 0 0 5px 0;
}

#eventDetails dd {
  margin: 0;
  width: 270px;
  margin-left: 110px;
  padding: 0 0 5px 0;
}

/********************* Resources **********************/
/**** Listing *****/
div.downloadListing {
  color: #656b71;
  padding: 0 0 20px 0;
}

div.downloadListing table {
}

div.downloadListing table th {
  background: url(../images/hr_dotted_g.gif) repeat-x center bottom;
  text-align: left;
  padding: 7px 10px;
  border-bottom: 5px solid #fff;
  color: #35393d;
}

div.downloadListing table th h4 {
  font-size: 12px;
  margin: 0;
}

div.downloadListing table th.icon {
  width: 55px;
}

div.downloadListing table th.details {
  width: 345px;
}

div.downloadListing table th.date {
  width: 70px;
}

div.downloadListing table th.link {
  width: 150px;
  text-align: right;
}

div.downloadListing table tr {
}

div.downloadListing table tr.greyRow {
  background: #eeeeee;
}

div.downloadListing table td {
  padding: 10px;
  vertical-align: top;
}

div.downloadListing table td.icon {
  padding-left: 20px;
  padding-right: 20px;
}

div.downloadListing table td.icon img {
  background-image: url(../images/icons/ico_.gif);
}

div.downloadListing table td.details {
}

div.downloadListing table td.date {
}

div.downloadListing table td.link {
  text-align: right;
}

div.downloadListing table td .name {
  display: block;
  margin: 0 0 5px 0;
}

div.downloadListing table td .description {
  display: block;
  font-size: 11px;
  line-height: 16px;
  margin: 0 0 10px 0;
}

/**** Box Column *****/
div.boxColumnBg {
  background: url(../images/bg/boxCol_tile.gif) repeat right center;
}

div.boxColumnBg .bgTop {
  background: url(../images/bg/boxCol_top.gif) repeat-x right top;
  padding: 10px 0 0 0;
}

div.boxColumnBg .bgBtm {
  background: url(../images/bg/boxCol_btm.gif) repeat-x right bottom;
  padding: 0 0 10px 0;
}

div.boxColumn {
  float: left;
  width: 300px;
  padding: 10px 20px 10px 40px;
  line-height: 16px;
  font-size: 11px;
  color: #656b71;
}

div.boxColumn h3 {
  margin: 0;
  padding: 0 0 15px 0;
  width: 250px;
}

div.boxColumn ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.boxColumn li {
  background: url(../images/icons/arrow-sm_r_gld.gif) no-repeat 2px 5px;
  padding: 0 0 5px 15px;
}

div.boxColumn .title {
  font-weight: bold;
}

div.boxColumn .date {
}

div.boxColumn .viewAll {
  float: right;
}

div.commentBox {
  background: url(../images/box.jpg) top left no-repeat;
  width: 456px;
  height: 199px;
  padding: 10px;
}

div.commentBox textarea {
  padding: 5px;
  width: 302px;
  height: 100px;
  border: 1px solid #D8D7DD;
}

div.commentBox div.fieldRow {
  clear: left;
}

div.commentBox div.fieldRow div.fieldLabel {
  float: left;
  padding: 0 20px 8px 0;
  text-align: right;
  width: 100px;
}
div.commentBox div.fieldRow div.fieldInput {
  width: 310px;
  float: left;
  padding: 0 0 8px 0;
}

.commentList {
  border-top: 1px solid #c3c3c3;
  padding: 15px 0;
}

.commentList ul {
  list-style: none;
  margin: 0 ;
  padding: 0;
}

.commentList ul li {
  margin: 0;
  padding: 0 0 15px 0;
}

.commentList p {
  margin: 0 0 5px 0;
}

.commentList .commentDetails {
  font-size: 11px;
}

div.separator {
  border-top: 1px dotted #35393D;
  margin-left: 20px;
  height: 1px;
}

iframe.enquiryForm { margin-left: 20px; }

/* END OF CSS */