* {margin:0;}
body {
  position:relative;
  margin:8px auto;
  width:985px;
  font:11px helvetica, arial, sans-serif;
  color:#333;
  background:#fff;
}
h1 {
  font:32px helvetica, arial, sans-serif;
  text-transform:uppercase;
}
h2, h3 {
  margin:8px 0;
  font:18px helvetica, arial, sans-serif;
  text-transform:uppercase;
  color:#F7A019;
}
h3 {font-size:14px;font-weight:bold;}
h4 {
  margin:8px 0;
  font:13px helvetica, arial, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  color:#D11240;
}
address {font-style:normal;}
ul {padding:0;list-style-type:none;}
img {border:0;}
p {margin:10px 0;}
a {color:#000;}
a:hover {color:#888;}
.hr hr {display:none;}

/******************************************/
#header {
  position:relative;
  margin:40px 0;
  height:166px;
  background:url(../images/header2.png) 80px 0 no-repeat;
  text-indent: -999em;
}
#header span {
  position:absolute;
  top:70px;
  left:265px;
  display:block;
}
#homeLink {
  position:absolute;
  top:0;
  left:80px;
  display:block;
  width:165px;
  height:165px;
  z-index:2;
}

/******************************************/
#nav {
  position:relative;
  top:6px;
  margin:0 0 8px;
  width:260px;
  float:left;
}
#nav ul {margin-bottom:35px;}
#nav li {
  display:block;
  margin:0;
  padding:0;
  height:30px;
}
#nav li a {
  position:relative;
  display:block;
  margin:0 20px 0 0;
  padding:5px 0;
  color:#555;
  font-size:12px;
  font-weight:bold;
  text-align:right;
  text-transform:uppercase;
  text-decoration:none;
  z-index:1;
}
#nav a:hover {
  color:#888;
}
#nav span {
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:100%;
  height:30px;
  cursor:pointer;
  z-index:2;
}

#nav-about span {background:transparent url(../images/nav.png) 0 -6px no-repeat;}
#nav-about:hover span,
#nav-about.active span {background:transparent url(../images/nav.png) -270px -6px no-repeat;}

#nav-new span {background:transparent url(../images/nav.png) 0 -36px no-repeat;}
#nav-new:hover span {background:transparent url(../images/nav.png) -270px -36px no-repeat;}
#nav-new.active span {background:transparent url(../images/nav.png) -270px -36px no-repeat;}

#nav-products span {background:transparent url(../images/nav.png) 0 -66px no-repeat;}
#nav-products:hover span,
#nav-products.active span {background:transparent url(../images/nav.png) -270px -66px no-repeat;}

#nav-recipes span {background:transparent url(../images/nav.png) 0 -96px no-repeat;}
#nav-recipes:hover span,
#nav-recipes.active span {background:transparent url(../images/nav.png) -270px -96px no-repeat;}

#nav-promo span {background:transparent url(../images/nav.png) 0 -126px no-repeat;}
#nav-promo:hover span,
#nav-promo.active span {background:transparent url(../images/nav.png) -270px -126px no-repeat;}

#nav-contact span {background:transparent url(../images/nav.png) 0 -156px no-repeat;}
#nav-contact:hover span,
#nav-contact.active span {background:transparent url(../images/nav.png) -270px -156px no-repeat;}

#nav img {margin-left:4px;}

/******************************************/
#content {
  position:relative;
  bottom:88px;
  width:720px;
  float:left;
}
#intro {
  position:relative;
  margin:0 0 20px;
  padding:0 5px;
  width:710px;
  height:275px;
  background:url(../images/intro_borders.png) no-repeat;
}
#sub-nav {
  position:absolute;
  top:20px;
  left:0;
}
#sub-nav li {
  margin:0 8px 0 0;
  float:left;
  width:27px;
  height:27px;
}
#sub-nav a {
  position:relative;
  display:block;
  width:27px;
  height:27px;
  float:left;
  text-decoration:none;
  overflow:hidden;
  z-index:1;
}
#sub-nav a span {
  position:absolute;
  top:0;
  left:0;
  width:27px;
  height:27px;
  cursor:pointer;
  z-index:2;
}
#text {
  padding:6px 0 0 15px;
  width:auto !important;
  font-size:14px;
  font-weight:bold;
}
#intro p {
  position:absolute;
  bottom:0;
  width:500px;
  clear:left;
  font-size:14px;
  text-transform:uppercase;
  line-height:18px;
}
#intro_img {
  position:absolute;
  top:8px;
  right:2px;
}
#intro p img {
  position:relative;
  top:2px;
  right:2px;
}
#copy {
  width:500px;
  float:left;
}
#copy p {
  line-height:16px;
}
div.introduction {
  font-size:14px;
  text-transform:uppercase;
  line-height:18px;
  color:#666;
}
#sections {
  margin:5px 0 0;
  width:185px;
  float:right;
}
#sections li {
  margin:0;
  padding:0;
  width:100%;
  background:#fff url(../images/dot.png) bottom repeat-x;
}
#sections li a:hover, #sections a.active {
  background:url(../images/star_small_orange.png) 0 7px no-repeat;
}
#sections a {
  position:relative;
  right:24px;
  display:block;
  margin:0 6px;
  padding:6px 0 6px 18px;
  font-weight:bold;
  text-decoration:none;
  text-transform:capitalize;
}

/******************************************/
label {
  display:block;
  margin:4px 0;
  float:left;
  clear:left;
}
input, textarea {
  position:relative;
  margin:3px 0;
  padding:0 4px;
  float:left;
  border:0;
}

input#name {
    left:6px;
    width:192px;
}
input#email{
    left:9px;
    width:192px;
}
input#phone{
    left:3px;
    width:192px;
}
input#address,
input#address2,
input#address3 {
    left:5px;
    width:146px;
}
input#code {
    left:5px;
    width:93px;
}
input.submit {
  margin:5px 0;
  padding:0;
  clear:left;
  font-weight:bold;
  color:#D11240;
  border:0;
  background:transparent;
  cursor:pointer;
}

/******************************************/
#footer {
  padding:2px 5px;
  font-size:10px;
  color:#888;
  clear:both;
}
#footer a {display:block;width:225px;color:#888;text-decoration:none;}
#footer a:hover {color:#888;text-decoration:underline;}

/******************************************/
/******************************************/

/* ABOUT */
#about .page-colour,
#about .page-colour a {color:#B4111A;}
#about .page-colour a:hover,
#about #text {color:#F7A019;}
#about #sub-nav a span {background:url(../images/stars.png) -53px 0 no-repeat;}
#about #sub-nav a:hover span,
#about #sub-nav .active span {background:url(../images/stars.png) -135px 0 no-repeat;}
/* PRODUCTS */
#products .page-colour,
#products .page-colour a {color:#E46F1D;}
#products .page-colour a:hover,
#products #text {color:#F7A019;}
#products #sub-nav a span{background:url(../images/stars.png) -135px 0 no-repeat;}
#products #sub-nav a:hover span,
#products #sub-nav .active span {background:url(../images/stars.png) -162px 0 no-repeat;}
/* NEW PRODUCTS */
#new .page-colour,
#new .page-colour a {color:#C0D72D;}
#new .page-colour a:hover,
#new #text {color:#C0D72D;}
#new #sub-nav a span{background:url(../images/stars.png) -27px 0 no-repeat;}
#new #sub-nav a:hover span,
#new #sub-nav .active span {background:url(../images/stars.png) -0px 0 no-repeat;}
/* RECIPES */
#recipes .page-colour,
#recipes .page-colour a {color:#BC198C;}
#recipes .page-colour a:hover,
#recipes #text {color:#BC198C;}
#recipes #sub-nav a span{background:url(../images/stars.png) -217px 0 no-repeat;}
#recipes #sub-nav a:hover span,
#recipes #sub-nav .active span {background:url(../images/stars.png) -190px 0 no-repeat;}
#recipes #sections li a:hover, #recipes #sections li a.active {
  background:url(../images/star_small_purple.png) 0 6px no-repeat;
}
/* PROMO */
#promo .page-colour,
#promo .page-colour a {color:#D11240;}
#promo .page-colour a:hover,
#promo #text {color:#F26548;}
#promo #sub-nav a span{background:url(../images/stars.png) -82px 0 no-repeat;}
#promo #sub-nav a:hover span,
#promo #sub-nav .active span {background:url(../images/stars.png) -109px 0 no-repeat;}

/* FORMS */

#promo form {
  width:250px;
}
#addressLabel {
  width:77px;
}
#codeLabel {
  width:130px;
}
#promo input, #promo textarea {
  background:#FFDFE6;
}
#promo input:hover,
#promo input:focus {
  background:#FFBFCF;
}
.error {
  color:#BC198C;
  font-weight: bold;	
}
#recipes form {
  width:400px;
  height:300px;
}
#recipes input, #recipes textarea {
  background:#EFE0EC;
}
#recipes input:hover,
#recipes input:focus,
#recipes textarea:hover,
#recipes textarea:focus {
  background:#EFD1E9;
}
#recipes .submit {
  color:#BC198C;
}