body {
 background: #9c0059;
 margin-top: 0;
 padding-top: 0;
}
.container {
 position: relative;
 background-color: #ffd10a;
 background-image: url(../img/container-bg-1.png);
 background-position: left top;
 background-repeat: no-repeat;
 margin-top: 0;
 padding-top: 0;
}
/*-------------------------------------------------- All pages - Header --------------------------------------------------*/
#header {
 position: relative;
 display: block;
 height: 221px;
}
#header h2 {
 position: absolute;
 display: block;
 margin: 0;
 padding: 0;
 top: 15px;
 right: 35px;
 height: 221px;
 width: 401px;
 background-color: transparent;
 background-image: url(../img/header-bg.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#header h2 a {
 display: block;
 height: 221px;
 width: 401px;
 margin: 0;
 padding: 0;
}
#header h3 {
 display: block;
 position: absolute;
 top: 62px;
 left: 163px;
 height: 99px;
 width: 295px;
 background-color: transparent;
 background-image: url(../img/catch-bg.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#header h2 a span,
#header h3 {
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

/*-------------------------------------------------- Navigation ----------------------------------------------*/
#navigation {
 display: block;
}
#navigation ul {
 display: block;
}
#navigation ul li {
 display: block;
 height: 114px;
 width: 118px;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#navigation ul li#nav-dash {
 position: absolute;
 top: 140px;
 left: 33px;
}
#navigation ul li#nav-chewi {
 position: absolute;
 top: 172px;
 left: 166px;
}
#navigation ul li#nav-slurp {
 position: absolute;
 top: 187px;
 left: 306px;
}
#navigation ul li#nav-mrhoppa {
 position: absolute;
 top: 203px;
 left: 444px;
}
#navigation ul li a {
 display: block;
 height: 114px;
 width: 118px;
}
#navigation ul li a span {
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#navigation ul li#nav-dash a {
 background-color: transparent;
 background-image: url(../img/nav-dash.png);
 background-position: 0 0;
 background-repeat: no-repeat;
}
#navigation ul li#nav-dash a:hover {
 background-color: transparent;
 background-image: url(../img/nav-dash.png);
 background-position: -118px 0;
 background-repeat: no-repeat;
}
#navigation ul li#nav-chewi a {
 background-color: transparent;
 background-image: url(../img/nav-chewi.png);
 background-position: 0 0;
 background-repeat: no-repeat;
}
#navigation ul li#nav-chewi a:hover {
 background-color: transparent;
 background-image: url(../img/nav-chewi.png);
 background-position: -118px 0;
 background-repeat: no-repeat;
}
#navigation ul li#nav-slurp a { 
 background-color: transparent;
 background-image: url(../img/nav-slurp.png);
 background-position: 0 0;
 background-repeat: no-repeat;
}
#navigation ul li#nav-slurp a:hover {   
 background-color: transparent;
 background-image: url(../img/nav-slurp.png);
 background-position: -118px 0;
 background-repeat: no-repeat;
}
#navigation ul li#nav-mrhoppa a {
 background-color: transparent;
 background-image: url(../img/nav-hoppa.png);
 background-position: 0 0;
 background-repeat: no-repeat;
}
#navigation ul li#nav-mrhoppa a:hover { 
 background-color: transparent;
 background-image: url(../img/nav-hoppa.png);
 background-position: -118px 0;
 background-repeat: no-repeat;
}

/*-------------------------------------------------- Contnet --------------------------------------------------*/
#content {
 position: relative;
 margin-top: 133px;
 margin-bottom: 0;
}
#content #main-image {
 display: block;
 position: relative;
 height: 514px;
 padding: 0;
 margin: 0 0 0 30px;
 background-color: transparent;
 background-image: url(../img/home-main-img.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content #voucher-book-main-image {
/*
 display: block;
 position: relative;
 height: 514px;
 padding: 0;
 margin: 0 0 0 30px;
 background-color: transparent;
 background-image: url(../img/home-main-img.png);
 background-position: left top;
 background-repeat: no-repeat;
*/
}
#content #dash-main-image {
 display: block;
 position: relative;
 height: 514px;
 padding: 0;
 margin: 0 0 0 30px;
 background-color: transparent;
 background-image: url(../img/dash-main-img.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content #chewi-main-image {
 display: block;
 position: relative;
 height: 514px;
 padding: 0;
 margin: 0 0 0 30px;
 background-color: transparent;
 background-image: url(../img/chewi-main-img.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content #slurp-main-image {
 display: block;
 position: relative;
 height: 514px;
 padding: 0;
 margin: 0 0 0 30px;
 background-color: transparent;
 background-image: url(../img/slurp-main-img.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content #mrhoppa-main-image {
 display: block;
 position: relative;
 height: 514px;
 padding: 0;
 margin: 0 0 0 30px;
 background-color: transparent;
 background-image: url(../img/mrhoppa-main-img.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content #text {
 margin-top: 25px;
}
#content p {
 padding: 0;
 margin: 0 0 0.5em 0;
 font-family: "Verdana", Geneva, Myriad, sans-serif;
 font-weight: normal;
 font-size: 0.8em;
 color: #000;
 line-height: 2.0em;
}
#content p a {
 color: #46166b;
 font-weight: bold;
 text-decoration: none;
}
#content .intro {
 color: #9c0059;
}
li a {
 text-decoration: none;
}
li.intro a {
 color: #9c0059;
 font-weight: bold;
 text-decoration: none;
}

#content ul {
 list-style-type: none;
 padding: 0;
 margin: 0 0 2em 0;
 font-family: "Verdana", Geneva, Myriad, sans-serif;
 font-weight: normal;
 font-size: 0.8em;
 color: #000;
 line-height: 2.0em;
}
#content .home-h1 {
 display: block;
 position: relative;
 height: 39px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/home-h1.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .home-h2 {
 display: block;
 position: relative;
 height: 42px;
 padding: 0;
 margin: 15px 0 0 0;
 background-color: transparent;
 background-image: url(../img/home-h2.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .voucherbook-h1 {
 font-size: 20px;
 font-family: "Verdana", Geneva, Myriad, sans-serif;
 font-weight: normal;
 line-height: 28px;
 color: #c41230;
}
#content .dash-h1 {
 display: block;
 position: relative;
 height: 140px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/dash-h1.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .dash-h2 {
 display: block;
 position: relative;
 height: 37px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/dash-h2.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .chewi-h1 {
 display: block;
 position: relative;
 height: 140px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/chewi-h1.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .chewi-h2 {
 display: block;
 position: relative;
 height: 37px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/chewi-h2.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .slurp-h1 {
 display: block;
 position: relative;
 height: 140px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/slurp-h1.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .slurp-h2 {
 display: block;
 position: relative;
 height: 37px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/slurp-h2.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .mrhoppa-h1 {
 display: block;
 position: relative;
 height: 132px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/mrhoppa-h1.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .mrhoppa-h2 {
 display: block;
 position: relative;
 height: 37px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/mrhoppa-h2.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .home-h1 span,
#content .home-h2 span,
#content .dash-h1 span,
#content .dash-h2 span,
#content .chewi-h1 span,
#content .chewi-h2 span,
#content .slurp-h1 span,
#content .slurp-h2 span,
#content .mrhoppa-h1 span,
#content .mrhoppa-h2 span {
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#content .bugclub {
 display: block;
 position: absolute;
 height: 107px;
 width: 344px;
 top: -90px;
 right: 20px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/bugclub.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .bugclub a {
 display: block;
 height: 107px;
 width: 344px;
 padding: 0;
 margin: 0;
}
#content .bugclub a span {
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}
#content .textmoving {
 margin: 0 24px 0 25px;
 padding: 0;
}
/*-------------------------------------------------- All pages - footer --------------------------------------------------*/
#footer {
 display: block;
 position: absolute;
 top: 10px;
 left: 10px;
}
#footer p {
 display: block;
 position: relative;
 margin: 0;
 padding: 0;
 text-align: right;
 color: #f8981d;
}
#footer p a {
 font-family: "Verdana", Geneva, Myriad, sans-serif;
 font-weight: normal;
 font-size: 0.8em;
 color: #f8981d;
 text-decoration: none;
}
#footer p a:hover {
 text-decoration: none;
 color: #ffd10a;
}
/*-------------------------------------------------- bug club page --------------------------------------------------*/
#content .signup-h1 {
 display: block;
 position: relative;
 height: 104px;
 padding: 0;
 margin: 0;
 background-color: transparent;
 background-image: url(../img/signup-h1.png);
 background-position: left top;
 background-repeat: no-repeat;
}
#content .signup-h1 span {
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

.cards {
 display: block;
 height: 300px;
 width: 340px;
 background: url(../img/cards.gif) left -20px no-repeat;
}

h2.error-heading {
 display: block;
 height: 50px;
 width: 270px;
 margin: 70px 0 0px 80px;
 text-indent: -9999px;
 overflow: hidden;
 background: url(../img/form-error-bg.gif) left top no-repeat;
}
h2.thanks-heading {
 display: block;
 height: 50px;
 width: 270px;
 margin: 70px 0 0px 80px;
 text-indent: -9999px;
 overflow: hidden;
 background: url(../img/form-thanks.gif) left top no-repeat;
}
.response-text {
 margin: 0 50px 0 80px;
}

.tryagain {
 display: block;
 height: 62px;
 width: 180px;
 background: url(../img/form-try-again.gif) left top no-repeat;
 text-indent: -9999px;
 overflow: hidden;
}

/*-------------------------------------------------- bug club page - form --------------------------------------------------*/
#content #form-bg {
 display: block;
 position: relative;
 height: 514px;
 padding: 0;
 margin: 0 0 0 30px;
 background-color: transparent;
 background-image: url(../img/form-bg.png);
 background-position: left top;
 background-repeat: no-repeat;
}
form {
 position: relative;
 display: block;
 margin: 70px 0 0 80px;
 padding: 0;
 min-height: 350px;
}
form fieldset {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 border: none;
 min-height: 350px;
}
form fieldset legend {
 position: relative;
 display: block;
 height: 40px;
 width: 257px;
 margin: 0;
 padding: 0;
 text-align: left;
 text-indent: -9999px;
 overflow: hidden;
 background-color: transparent;
 background-image: url(../img/form-legend-bg.gif);
 background-position: left top;
 background-repeat: no-repeat;
}
fieldset div.formrow {
 position: relative;
 display: block;
 clear: both;
}
div.formrow label {
 float: left;
 display: block;
 margin: 0;
 padding: 0;
 width: 330px;
 height: 35px;
 text-indent: -9999px;
 overflow: hidden;
}
div.formrow label.label-name {
 margin: 20px 0 0 0;
 background: url(../img/form-label-name-bg.gif) left top no-repeat;
}
div.formrow label.label-email {
 margin: 20px 0 0 0;
 background: url(../img/form-label-email-bg.gif) left top no-repeat;
}
div.formrow input {
 float: left;
 display: block;
 width: 290px;
 margin: 0;
 padding: 15px 15px 15px 25px;
 font-size: 1.6em;
 background-color: #ffffff;
 border: none;
 border: 0;
}
div.formrow input.field1 {
 background: url(../img/form-field1-bg.gif) left top no-repeat;
}
div.formrow input.field2 {
 background: url(../img/form-field2-bg.gif) left top no-repeat;
}
button {
 position: absolute;
 bottom: 0;
 right: 105px;
 display: block;
 height: 65px;
 width: 225px;
 background: transparent url(../img/form-submit-bg.gif) left top no-repeat;
 border: none;
 text-indent: -9999px;
 overflow: hidden;
 cursor: pointer;
}