/*
 *  generic primary stylesheet
 *  CS:JD  2007-04-12
 */

/* normalize basic styles */
* { margin: 0; padding: 0; }
h1,h2,h3 { margin: 1em 0 0.6em 0; }
h4,h5,h6,ul,ol,dl,li,dt,dd,pre,p { margin: 0.8em 0; }
ul, ol { padding-left: 2em; }
pre { font: 100% "Courier New", Courier, monospace; }

h1 { font-size: 145%; }
h2 { font-size: 130%; }
h3 { font-size: 112%; }
h4, h5, h6 { font-size: 100%; }

a { color: #000; }
a img { border: none; }
.menu { padding-left: 0; list-style: none; }

fieldset { border: none; padding: 0; }
.formfield { margin: 1em 0; }
select, textarea, input.text { 
  color: #333;
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  background: #fff; 
  border: 1px solid #cacaca; 
}

option {
}

textarea:focus, input.text:focus, select:focus {
}

input.text[disabled] {
}

.jump a, a.jump {
  color: #004467;
  text-decoration: none;
}
.jump a:hover, a.jump:hover {
  text-decoration: underline;
}

.error { color: #a44; }
p.error { margin-bottom: 0; }
ul.error { margin-top: 0; }
.error li { margin: 3px 0; }
.error label { font-weight: bold; }


/* page layout */
body {
  font: 75%/1.4 Tahoma, Arial, Helvetica, sans-serif;
  color: #efe8d3;
  background: url(../images/bkg-body.jpg) top center no-repeat #3a3434;
}
a {
  color: #f63;
  text-decoration: none;
}
a:hover {
  color: #f94;
  text-decoration: underline;
}

a.btn-zoom {
  padding-left: 16px;
  background: url(../images/icon-zoom.gif) left center no-repeat;
}
h1 {
  font-size: 150%;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0.6em 0 0;
}
h1,
h1 a {
  color: #97c036;
}
.tagline {
  margin-top: 0;
}

.slice {
  clear: both;
  overflow: hidden;
}

#sidebar {
  float: left;
  width: 143px;
  padding-left: 21px;
}
#sidebar ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
#sidebar li {
  margin: 0;
}
#sidebar a {
}
#sidebar a:hover {
}
#sidebar #store li {
  margin: 1.2em 0;
}
#sidebar li .menu {
  list-style: square;
  margin: 0;
  padding-left: 1em;
  line-height: 1.273;
}
#sidebar li h2 {
  font-size: 100%;
  color: #97c036;
  margin-bottom: 0;
}
#sidebar #store .menu li {
  margin: 0;
}
#sidebar #store li a {
  color: #c3caa5;
}
#products {
  font-weight: normal;
}
#products .active {
  font-weight: bold;
}
#products a {
  color: #97c036;
}

#sidebar .links a {
  color: #86a110;
  font-weight: bold;
}

#page {
  position: relative;
  width: 784px;
  margin: 21px auto 0;
  background: url(../images/bkg-page-rpt.jpg) repeat-y;
}
#page_decorator1 {
  background: url(../images/bkg-page.jpg) top left no-repeat;
}
#page_decorator2 {
  padding: 7px 10px 10px;
  background: url(../images/bkg-page-bottom.jpg) bottom left no-repeat;
}
#banner {
  height: 162px;
  background: url(../images/banner.jpg) top left no-repeat;
}
#banner p {
  text-indent: -2000px;
  margin: 0;
}
#sitemenu {
  position: absolute;
  top: -17px;
  right: 20px;
  background: url(../images/bkg-sitemenu-left.png) top left no-repeat;
  padding-left: 17px;
}
#sitemenu ul {
  list-style: none;
  line-height: 1;
  text-transform: uppercase;
  background: url(../images/bkg-sitemenu-right.png) top right no-repeat #141313;
  margin: 0;
  padding: 11px 17px 11px 0;
}
#sitemenu li {
  display: inline;
  margin: 0;
  padding: 0 13px 0 12px;
}
#sitemenu li a {
  color: #97c036;
  text-decoration: none;
}
#sitemenu li a:hover {
  color: #d3dd2b;
  text-decoration: overline;
}
#infobar {
  position: relative;
  padding: 0 9px 1px 0;
  text-align: right;
  background: #8b7d7a;
}
#content {
  clear: both;
  overflow: hidden;
}
#main {
  float: right;
  width: 579px;
  padding-right: 1px;
}
#footer {
  width: 735px;
  margin: 0 auto;
  padding: 0 20px 6px 29px;
}
#footer #sitelinks {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#footer #sitelinks li {
  display: inline;
  margin: 0 1em 0 0;
}
#footer #sitelinks a {
  color: #f6f6f2;
}
#footer #sitelinks a:hover {
  color: #d3dd2b;
}
#footer .smallprint {
  width: 60%;
  float: left;
  color: #adadac;
  margin: 0;
}
#footer .smallprint strong {
  color: #b2bb1c;
}
#footer .attribution {
  width: 33%;
  float: right;
  text-align: right;
  color: #adadac;
  margin: 0;
}
#footer .attribution a {
  color: #893;
  font-size: 91.67%;
}

.featured_product {
  overflow: hidden;
  background: url(../images/bkg-separator-dots.gif) right bottom no-repeat;
}
.featured_product .picture {
  float: left;
  width: 294px;
}
.featured_product h2 {
  float: right;
  width: 262px;
  color: #97c036;
  font: 109.1% Verdana, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-top: 0;
  padding-left: 14px;
  background: url(../images/icon-rightarrow.gif) 4px 60% no-repeat;
}
.featured_product h2 em {
  color: #ef7b08;
  font-style: normal;
  padding-left: 7px;
}
.featured_product .qty_select,
.featured_product .description {
  float: right;
  clear: right;
  width: 256px;
  padding: 0.6em 10px;
  background: url(../images/bkg-separator-dots.gif) right bottom no-repeat;
}
.featured_product .description {
  color: #c3caa5;
  font-size: 100%;
  text-align: justify;
  line-height: 1.25;
}
.featured_product .qty_select label {
  display: block;
  margin: 0.8em 0;
}
.featured_product .buttons {
  float: right;
  clear: right;
  width: 276px;
  padding-top: 1em;
}
.featured_product .btn-zoom {
  color: #97c036;
  text-decoration: none;
}
.extras {
  clear: both;
  overflow: hidden;
  text-align: justify;
}
.extras .slice {
}
.extras .split1 {
  background: url(../images/bkg-separator-vertical.gif) 295px 0 repeat-y;
}
.extras p {
  margin-top: 0;
}
.extras h3 {
  color: #97c036;
  font-size: 100%;
  text-transform: uppercase;
}
.extras h3 a,
.extras h4 a {
  color: #97c036;
}
.extras li {
  margin: 0;
}
.extras h4 {
  font-size: 100%;
  text-transform: uppercase;
  margin-bottom: 0;
}
.flavour {
  overflow: hidden;
  color: #c1d63e;
  background: url(../images/bkg-separator-dots.gif) bottom left repeat-x;
}
.flavour h3 {
  color: #ef7b08;
  margin-bottom: 0;
}
.reviews {
  float: left;
  width: 287px;
  padding: 0 8px 0 0;
}
.reviews h3 {
  color: #e8d6c7;
}
.reviews .review-item {
  position: relative;
  font-size: 90.91%;
}
.reviews .review-item .rating {
  position: absolute;
  right: 0;
  top: 0;
  width: 79px;
}
.suggestions {
  float: right;
  width: 252px;
  padding: 0 20px 0 12px;
}
.suggestions .suggest-item {
  float: left;
  width: 117px;
  padding-right: 8px;
}
.suggestions .suggest-item a {
  display: block;
  color: #97c036;
}
.suggestions .suggest-item .price {
  color: #c3caa5;
}
.also_bought {
  overflow: hidden;
  background: url(../images/bkg-separator-dots.gif) top left repeat-x;
}
.also_bought ul.alternatives {
  float: left;
  width: 144px;
  text-transform: uppercase;
  text-align: left;
  list-style: square;
  font-weight: normal;
  padding-left: 1.4em;
}
.also_bought .alternatives a {
  color: #97c036;
}
.also_bought .alternatives a:hover {
  color: #b2bb1c;
}
.suggested_product {
  float: right;
  width: 400px;
  font-size: 91.67%;
  padding-right: 8px;
}
#search {
}
#search * {
  vertical-align: middle;
}
#search label {
  color: #1f1b1b;
  font-size: 127.3%;
}
#search label input {
  color: #7f7f7f;
  font-size: 71.43%;
  padding: 4px 4px 5px;
  border: 0 none;
  width: 144px;
}
#signin {
left:150px;
  position: absolute;
  top: 4px;
  left: 150px;
  width: 80px;
}
#basket {
  position: absolute;
  top: 4px;
  left: 220px;
  width: 200px;
}
#signin a,
#basket a {
  color: #000;
  font-weight: bold;
}
#basket a strong {
  color: #fff;
}
#login {
  position: absolute;
  top: 30px;
  right: 16px;
  color: #7f9f31;
  text-align: right;
  line-height: normal;
}
#login h3 {
  color: #97c036;
  font-size: 100%;
  margin: 0;
}
#login p {
  font-weight: normal;
  margin: 0;
}
#login p a {
  color: #97c036;
  font-weight: bold;
  text-decoration: underline;
}
#login p a:hover {
  color: #b2bb1c;
}
/* shopfront styles */
.shop #banner {
  height: 164px;
  background: url(../images/banner-shop.jpg) top left no-repeat;
  margin-bottom: -25px;
}
.shop #infobar {
  background: none;
}
#shopfront {
  overflow: hidden;
  padding: 0 22px 0 14px;
}  
  #shopfront a {
 color: #97C036;
}


#shopfront .buttons {
  text-align: center;
}
#shopfront .buttons a {
color: #97C036;
  padding: 0 4px;
}
#shopfront .shop-item {
  float: left;
  width: 117px;
  padding: 8px 22px;
}
#shopfront  .shop-item a {
  display: block;
  color: #97c036;
}
#shopfront  .shop-item a.label {
  padding-left: 12px;
  background: url(../images/icon-rightarrow.gif) 0 100% no-repeat;
}
#shopfront  .shop-item .price {
  padding-left: 12px;
  color: #c3caa5;
}

#featured_favourites {
  overflow: hidden;
  color: #1f1b1b;
  width: 562px;
  background: url(../images/bkg-featured-favourites-bottom.gif) left bottom no-repeat #cbc1b1;
  padding-bottom: 14px;
  margin-bottom: 10px;
}
#featured_favourites h2 {
  min-height: 32px;
  text-indent: -2000px;
  margin-top: 0;
  background: url(../images/bkg-featured-favourites-top.gif) left top no-repeat;  
}
#featured_favourites ul.textonly {
  float: left;
  width: 204px;
  padding-left: 32px;
}
#featured_favourites ul.textonly li {
  margin: 0;
}
#featured_favourites ul.withpics {
  float: right;
  width: 284px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#featured_favourites ul.withpics li {
  float: left;
  width: 82px;
  margin: 0;
  padding: 0 2px;
}
#featured_favourites ul.withpics li a.picture:hover {
  text-decoration: none;
}
#featured_favourites ul.withpics li a.label {
  color: #000;
  font-weight: bold;
}



/* home page styles */
.home #page {
  background: url(../images/bkg-page-rpt-home.jpg) repeat-y;
}
.home #page_decorator1 {
  background: url(../images/bkg-page-home.jpg) top left no-repeat;
}
.home #page_decorator2 {
  background: url(../images/bkg-page-bottom-home.jpg) bottom left no-repeat;
}
.home #banner {
  height: 244px;
  background: url(../images/banner-home.jpg) top left no-repeat;
}
.home #content {
  margin-top: 8px;
  background: url(../images/bkg-separator-vertical.gif) 218px 0 repeat-y;
}
.home #main {
  width: 534px;
  overflow: hidden;
  background: url(../images/bkg-separator-vertical.gif) 262px 0 repeat-y;
}
.home h1 {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 138.5%;
  margin-bottom: 0.5em;
}
.home h1,
.home h1 a {
  color: #97c036;
}
.home #sidebar {
  width: 190px;
  color: #fff;
  font-size: 108.4%;
  text-align: left;
  padding-left: 16px;
  padding-bottom: 16px;
}
.home #sidebar h2 {
  color: #97c036;
  font-size: 138.5%;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 0.6em;
}
.home #sidebar .morelink a {
  color: #7f9f31;
  font-weight: bold;
}
.home #main #text,
.home #main #offers {
  float: left;
  width: 250px;
}
.home #main #text {
  color: #97c036;
  font-size: 108.4%;
  line-height: 115.4%;
  font-weight: normal;
  text-align: left;
  background: url(../images/bkg-separator-dots.gif) bottom left repeat-x;
  padding-bottom: 6px;
}
.home #main #text p {
  margin-top: 0;
}
.home #main #text .morelink a {
  font-weight: bold;
  color: #bdc837;
}
.home #main #store-links {
  position: relative;
  float: right;
  width: 258px;
  margin-top: 1em;
  padding-bottom: 3.3em;
}
.home #store-links h2 {
  position: absolute;
  bottom: 4px;
  right: 14px;
  width: 160px;
  color: #97c036;
  font-size: 150%;
  text-transform: uppercase;
  margin: 0;
}
.home #store-links h2 a {
  color: #97c036;
}
.home #store-links .store-link-item {
  overflow: hidden;
  margin-bottom: 2px;
}
.home #store-links .picture {
  float: left;
  width: 64px;
}
.home #store-links .description {
  float: right;
  width: 160px;
  margin-right: 8px;
  padding: 0 8px 4px 8px;
  background: url(../images/bkg-separator-dots.gif) bottom left repeat-x;
}
.home #store-links .store-link {
  margin-top: 0;
}
.home #store-links .store-link a {
  color: #90a50d;
  font-weight: bold;
  padding-right: 13px;
  background: url(../images/icon-rightarrow.gif) right bottom no-repeat;
}
.home #main #offers h2 {
  color: #97c036;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 108.4%;
  font-weight: normal;
  text-transform: uppercase;
}
.home #main #store-links h3,
.home #main #offers h3 {
  font-size: 108.4%;
  margin-top: 0;
  margin-bottom: 0;
}
.home #offers a,
.home #main h3 a {
  color: #97c036;
}
.home #main #store-links p,
.home #main #offers p {
  margin: 0;
}
.home #offers .picture {
  float: left;
  width: 94px;
}
.home #offers .description {
  float: right;
  width: 140px;
}