
body {
  color: #a95026;
  font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}

body.home {
  background: url('./images/home_tile.gif');
}

body.products {
  background: url('./images/products_tile.gif');
}

body.spicemystics {
  background: url('./images/spicemystics_tile.gif');
}

body.ayurveda {
  background: url('./images/ayurveda_tile.gif');
}

body.contact {
  background: url('./images/contact_tile.gif');
}

p {
  font-size: 12px;
}

a {
  color: #a95026;
  font-style: italic;
  font-weight: bold;
}

a:visited {
  color: #a95026;
}

a:link {
  color: #a95026;
}

a:hover {
  color: #69381b;
}

#content {
  width: 833px;
  margin: 10px auto 0px auto;
}

#ender {
  clear: both;
}

/* Banner and logo styles */

#banner {
  width: 833px;
  height: 200px;
}

#logo {
  float: left;
  width: 163px;
  height: 156px;
  padding: 29px 0px 0px 133px;
}

#logo a {
  display: block;
  width: 163px;
  height: 156px;
}

#logoImg {
  display: none;
}

body.home #banner {
  background: url('./images/home_banner.gif') no-repeat 0px 0px;
}

body.products #banner {
  background: url('./images/products_banner.gif') no-repeat 0px 0px;
}

body.spicemystics #banner {
  background: url('./images/spicemystics_banner.gif') no-repeat 0px 0px;
}

body.ayurveda #banner {
  background: url('./images/ayurveda_banner.gif') no-repeat 0px 0px;
}

body.contact #banner {
  background: url('./images/contact_banner.gif') no-repeat 0px 0px;
}

#bannerBase {
  width: 833px;
  height: 64px;
}

body.home #bannerBase {
  background: url('./images/home_banner.gif') no-repeat bottom left;
}

body.products #bannerBase {
  background: url('./images/products_banner.gif') no-repeat bottom left;
}

body.spicemystics #bannerBase {
  background: url('./images/spicemystics_banner.gif') no-repeat bottom left;
}

body.ayurveda #bannerBase {
  background: url('./images/ayurveda_banner.gif') no-repeat bottom left;
}

body.contact #bannerBase {
  background: url('./images/contact_banner.gif') no-repeat bottom left;
}

#bannerTitle {
  width: 651px;
  margin: 0px;
  padding: 0px 0px 0px 182px;
}

#tagline {
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 0px 351px;
}

/* Top Navigation Styles */

#navigation {
  list-style: none;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 11px 0px 0px 297px;
}

#navigation a {
  display: block;
  width: 96px;
  height: 35px;
  float: left;
  margin: 0px 1px 0px 1px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  color: #ffffff;
  background: url('./images/nav_buttons.gif') no-repeat;
}

#navigation a * {
  display: none;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#navigation a:visited {
  color: #ffffff;
}

#navigation li {
  display: inline;
}

#nav1 a {
  background-position: 0px 0px;
}

#nav2 a {
  background-position: -96px 0px;
}

#nav3 a {
  background-position: -192px 0px;
}

#nav4 a {
  background-position: -288px 0px;
}

#nav1 a:hover, #nav1s a {
  background-position: 0px -35px;
}

#nav2 a:hover, #nav2s a {
  background-position: -96px -35px;
}

#nav3 a:hover, #nav3s a {
  background-position: -192px -35px;
}

#nav4 a:hover, #nav4s a {
  background-position: -288px -35px;
}

/* Main Body */

#mainOuter {
  width: 833px; 
}

body.home #mainOuter {
  background: url('./images/home_main_bg.gif') repeat-y 0px 0px;
}

body.products #mainOuter {
  background: url('./images/products_main_bg.gif') repeat-y 0px 0px;
}

body.spicemystics #mainOuter {
  background: url('./images/spicemystics_main_bg.gif') repeat-y 0px 0px;
}

body.ayurveda #mainOuter {
  background: url('./images/ayurveda_main_bg.gif') repeat-y 0px 0px;
}

body.contact #mainOuter {
  background: url('./images/contact_main_bg.gif') repeat-y 0px 0px;
}

#mainInner {
  width: 833px;
  background: url('./images/main_divider.gif') repeat-y 0px 0px;
}

#mainNav {
  position: relative;
  top: -12px;
  width: 182px;
  float: left;
}

#sideLinks {
  list-style: none;
  margin: 0px 0px 0px 16px;
  padding: 0px 0px 0px 0px;
}

#sideNav {
  list-style: none;
  display: block;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#sideNav a {
  display: block;
  width: 142px;
  margin: 0px 0px 0px 16px;
  padding: 0px 0px 0px 0px;
  background: url('./images/home_page_rollovers.jpg') no-repeat;
}

#sideNav a * {
  display: none;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#sideNav li {
  display: inline;
}

#snav1 a {
  background-position: 0px 0px;
  height: 140px;
}

#snav2 a {
  background-position: -142px 0px;
  height: 140px;
}

#snav3 a {
  background-position: -284px 0px;
  height: 161px;
}

#snav4 a {
  background-position: -426px -161px;
  height: 161px;
}

#snav5 a {
  background-position: -568px -161px;
  height: 161px;
}

#snav1 a:hover {
  background-position: 0px -161px;
}

#snav2 a:hover {
  background-position: -142px -161px;
}

#snav3 a:hover {
  background-position: -284px -161px;
}

#snav4 a:hover {
  background-position: -426px 0px;
}

#snav5 a:hover {
  background-position: -568px 0px;
}

#mainContents {
  width: 651px;
  float: right;
}

body.raised #mainContents {
  position: relative;
  top: -25px;
}

#mainContents a {
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

#mainContents a:hover {
  text-decoration: underline;
}

div.navLink {
  width: 162px;
}

div.navLink p {
  margin: 10px 0px 14px 27px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

div.navLink p.cart {
  margin: 0px 0px 14px 60px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
}

div.navLink p.navImg {
  margin: 10px 0px 14px 20px;
}

div.navLink a {
  font-style: normal;
  color: #f74f21;
  text-decoration: none;
}

div.navLink a:visited {
  color: #f74f21;
}

div.navLink a:link {
  color: #f74f21;
}

div.navLink a:hover {
  color: #ff0000;
}

p.quote {
  font-style: italic;
  font-size: 14px;
  font-weight: bold;
  color: #f74f21;
}

table.webform {
  border: 1px solid #bb7777;
  background-color: #fcc3d0;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

table.webform td {
  padding: 3px;
}

table.webform td.type1 {
  width: 115px;
  text-align: right;
  padding: 2px 5px 0px 0px;
}

table.webform td.type2 {
  text-align: center;
}

/* Footer Styles */

#footer {
  width: 833px;
  height: 67px;
  text-align: center;
  padding: 20px 0px 0px 0px;
}

body.home #footer {
  background: url('./images/home_footer.gif') no-repeat 0px 0px;
}

body.products #footer {
  background: url('./images/products_footer.gif') no-repeat 0px 0px;
}

body.spicemystics #footer {
  background: url('./images/spicemystics_footer.gif') no-repeat 0px 0px;
}

body.ayurveda #footer {
  background: url('./images/ayurveda_footer.gif') no-repeat 0px 0px;
}

body.contact #footer {
  background: url('./images/contact_footer.gif') no-repeat 0px 0px;
}

#footer a {
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
}

#footer a:hover {
  text-decoration: underline;
}

.invisiText {
  display: none;
}

a.home {
  color: #972306;
}

a.home:visited {
  color: #972306;
}

a.home:link {
  color: #972306;
}

a.home:hover {
  color: #ff2306;
}

a.products {
  color: #f74f21;
}

a.products:visited {
  color: #f74f21;
}

a.products:link {
  color: #f74f21;
}

a.products:hover {
  color: #ff8153;
}

a.spicemystics {
  color: #7bbb08;
}

a.spicemystics:visited {
  color: #7bbb08;
}

a.spicemystics:link {
  color: #7bbb08;
}

a.spicemystics:hover {
  color: #9bd046;
}

a.ayurveda {
  color: #e29d18;
}

a.ayurveda:visited {
  color: #e29d18;
}

a.ayurveda:link {
  color: #e29d18;
}

a.ayurveda:hover {
  color: #fab423;
}

a.contact {
  color: #de6d9a;
}

a.contact:visited {
  color: #de6d9a;
}

a.contact:link {
  color: #de6d9a;
}

a.contact:hover {
  color: #eca3b4;
}

div.PayPalAdd {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

div.PayPalViewCart {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 30px 0px 0px 250px;
}

.vata {
  color: #f74f21;
}

.pitta {
  color: #7bbb08;
}

.kapha {
  color: #e29d18;
}

.tridoshic {
  color: #de6d9a;
}

.tridoshic2 {
  color: #6f82c0;
}

.tplscalp {
  color: #ae3f8b;
}
