body {
  background: #ffffff;
  font-family: arial, helvetica, sans-serif;
  text-align: center;
  border: 0px; padding: 0px; margin: 0px;
  }

a:link    {color: #2341A2;}
a:visited {color: #2341A2;}
a:hover   {color: #990000;}
a:active  {color: #990000;}

#pagecontainer1 { /* -- Versions differ -- */
  background: #ffffff;
  text-align: center;
  margin: 0px auto 0px auto; 
  padding: 0px; border: 0px;
  }

#pagecontainer2 {
  background: #ffffff;
  border: 0px; margin: 0px; padding: 0px;
  }

/* HEADER STYLES... */

#headercontainer {
  background: #ffffff;
  text-align: center;
  margin: 0px 12px 0px 12px; 
  border: 0px; 
  border-bottom: 2px solid #bbbbbb;
  padding: 0px 0px 0px 0px;
  height: 130px; max-height: 130px;
  }

h1 {
  font-size: 200%;
  font-weight: bold;
  color: #2341A2;
  border: 0px; margin: 0px;
  padding: 0px 0px 10px 0px;
  }

img.ruplogolhs {
  float: left;
  border-style: none;
  padding: 15px 0px 0px 0px;
  }

img.ruplogorhs {
  float: right;
  border-style: none;
  border: 0px; margin: 0px;
  padding: 15px 0px 0px 0px;
  }

img.ruplogotext {
  border-style: none;
  border: 0px; margin: 0px;
  padding: 26px 0px 0px 0px;
  }

/* MAIN BODY STYLES... */

#bodycontainer { /* -- Versions differ -- */
  background: #ffffff;
  text-align: left;
  font-size: 90%;
  color: #2341A2;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  margin: 0px;
  padding: 0px 12px 0px 165px;
  }

.sitesearch {
  float:right;
  border: 0px; padding: 0px;
  margin:0px -14px 0px 0px;
  }

.breadcrumb {
  font-size: 75%;
  border: 0px; margin: 0px; padding: 0px;
  }

.breadcrumb img{
  text-decoration:none;
  margin:-5px 0px -4px 10px;
  }

h2 {
  font-size: 185%;
  font-weight: bold;
  color: #2341A2;
  }

h3 {
  font-size: 140%;
  font-weight: bold;
  color: #2341A2;
  }

h4 {
  font-size: 120%;
  font-weight: bold;
  color: #2341A2;
  }

.frN, .frD {
  font-size: 70%;
  }

.frN {
  vertical-align: 0.5em;
  }

.frD {
  vertical-align: -0.1em;
  }

.redlink a:link    {color: #ff0000;}
.redlink a:visited {color: #ff0000;}
.redlink a:hover   {color: #000066;}
.redlink a:active  {color: #000066;}

em.type1 {
  font-style: normal;
  font-weight: bold;
  }

em.type2 {
  font-style: italic;
  font-weight: bold;
  }

em.type3 {
  font-style: italic;
  font-weight: normal;
  }

em.type4 {
  font-style: normal;
  font-weight: normal;
  color: #ff0000;
  }

em.type5 {
  font-style: italic;
  font-weight: bold;
  color: #ff0000;
  }

em.type6 {
  font-style: normal;
  font-weight: bold;
  color: #ff0000;
  }

hr {
    border-top: 1px solid #2341A2;
  }

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

form.mainproduct {
/*    padding: 5px; */
/*    background: #efffff; */
/*    border-width: 1px; */
/*    border-color: #2341A2; */
/*    border-style: solid; */
  padding: 5px 0px 5px 0px;
	margin: 0px; border: 0px;
  }

form.mainproduct-neon {
/*    padding: 5px; border: 0px; */
/*    margin: 0px 270px 0px 0px; */
/*    background: #efffff; */
/*    border-width: 2px; */
/*    border-color: #2341A2; */
/*    border-style: solid; */
  padding: 5px 0px 5px 0px;
  margin: 0px; border: 0px;
  }

form.mainproduct-jade {
/*    padding: 5px; border: 0px; */
/*    margin: 0px 270px 0px 0px; */
/*    background: #b9f9ff; */
/*    border-width: 2px; */
/*    border-color: #2341A2; */
/*    border-style: solid; */
  padding: 5px 0px 5px 0px;
  margin: 0px; border: 0px;
  }

form.mainproduct-grey {
/*    padding: 5px; border: 0px; */
/*    margin: 0px 270px 0px 0px; */
/*    background: #e6e5e9; */
/*    border-width: 2px; */
/*    border-color: #2341A2; */
/*    border-style: solid; */
  padding: 5px 0px 5px 0px;
	margin: 0px; border: 0px;
  }

form input[type="submit"],
form.mainproduct input[type="submit"],
form.mainproduct-neon input[type="submit"],
form.mainproduct-jade input[type="submit"],
form.mainproduct-grey input[type="submit"] {
  background:#99ff66;
  font-weight: bold;
  padding:1px 10px 1px 10px;
  margin-top:5px;
  }

form input[type="submit"]:hover {color: #ffffff; background: #339900;}
form.mainproduct input[type="submit"]:hover {color: #ffffff; background: #339900;}
form.mainproduct-neon input[type="submit"]:hover {color: #ffffff; background: #339900;}
form.mainproduct-jade input[type="submit"]:hover {color: #ffffff; background: #339900;}
form.mainproduct-grey input[type="submit"]:hover {color: #ffffff; background: #339900;}

table.bluetable {  /* -- Only in Retail! -- */
  background: #efffff;
  border-width: 1px;
  border-color: #2341A2;
  border-style: solid;
  }

table.bluetable td, th {  /* -- Only in Retail! -- */
  border-width: 1px;
  border-color: #2341A2;
  border-style: solid;
  }

.productgallery {
  height: 1%;
  font-size: 80%;
  list-style-type: none;
  padding: 0px; margin: 0px; border: 0px;
  }

.productgallery a:link    {color: #2341A2; text-decoration: none; font-weight: bold;}
.productgallery a:visited {color: #2341A2; text-decoration: none; font-weight: bold;}
.productgallery a:hover   {color: #990000; text-decoration: none; font-weight: bold;}
.productgallery a:active  {color: #990000; text-decoration: none; font-weight: bold;}

.productgalleryswiss {
  height: 1%;
  font-size: 75%;
  list-style-type: none;
  padding: 0px; margin: 0px; border: 0px;
  }

.productgallery li {
  float: left;
  height: 225px;
  width: 175px;
  background: #ffffff;
  text-align: center;
  font-weight: normal;
  border: 1px solid #cccccc;
  padding: 5px;
  margin: 0px 10px 10px 0px;
  }

.productgalleryswiss li {
  float: left;
  height: 265px;
  background: #ffffcc;
  text-align: center;
  border: 2px solid #e2940c;
  padding: 5px;
  margin: 0px 10px 10px 0px;
  }

.productgalleryswiss li.new {
  background: #ffdfdf;
  }

.productgallery li.xmas {  /* -- Only in Retail! -- */
  float: left;
  height: 235px;
  background: #ffdfdf url(../images/misc/hollywreath.gif) top center no-repeat;
  text-align: center;
  border: 2px solid #d80303;
  padding: 5px;
  margin: 0px 10px 10px 0px;
  }

.productgallery img {
  border: 0px;
  padding: 0px 0px 15px 35px;
  border-style: none;
  display: block;
  }

.productgallery input[type="submit"] {
  background:#99ff66;
  color: #000000;
  font-weight: bold;
  padding:1px 10px 1px 10px;
  margin-top:5px;
  }

.productgallery input[type="submit"]:hover {color: #ffffff; background: #339900;}

.productgalleryswiss img {
  border: 0px;
  padding: 0px 0px 5px 0px;
  border-style: none;
  display: block;
  }

.newproductgallery {  /* -- Only in Retail! -- */
  height: 1%;
  list-style-type: none;
  padding: 0px; margin: 0px; border: 0px;
  }

.newproductgallery li {  /* -- Only in Retail! -- */
  background: #ffffcc;
  height: 110px;
  border: 2px solid #e2940c;
  padding: 5px;
  margin: 0px 0px 10px 0px;
  }

.newproductgallery img {  /* -- Only in Retail! -- */
  float: left;
  border: 0px;
  padding: 5px 20px 5px 5px;
  border-style: none;
  }

.paymethods {  /* -- Only in Retail! -- */
  border-style: none;
  padding: 3px 0px 0px 0px;
  }

.generalimage {
  border-style: none;
  padding: 0px 20px 0px 0px;
  }

.lhsimage {
  clear: both;
  border-style: none;
  float: left;
  padding: 0px 20px 15px 0px;
  }

.rhsimage {
  clear: both;
  border-style: none;
  float: right;
  padding: 0px 0px 15px 20px;
  }

.centreimage {
  text-align: center;
  font-style: italic;
  }

.centreimage img {
  border-style: none;
  }

.acrodocimage, .quicktimeimage {  /* -- Only in Retail! -- */
  border-style: none;
  padding: 0px 10px 0px 0px;
  }

.totopofpagetext {
  clear: both;
  position: relative;
  font-size: 75%;
  font-weight: bold;
  text-align: right;
  }

.totopofpagetext img {
  margin: 5px 0px 0px 0px;
  }

/* FOOTER STYLES... */

#footertext {
  text-align: center;
  font-size: 75%;
  }

#footertext a:link    {color: #2341A2;}
#footertext a:visited {color: #2341A2;}
#footertext a:hover   {color: #990000;}
#footertext a:active  {color: #990000;}

/* PRODUCT REVIEW STYLES... */

ul#review-range {
  list-style: none;
  background: url(../images/misc/review-range.png) no-repeat 0 0;
  position: relative;
  width: 740px;
  height: 480px;
  margin: 0px; padding: 0px;
}

ul#review-range li {
  border: 0px solid #000000;
  position: absolute;
}

ul#review-range li a{
 display: block;
 height: 100%;
 text-indent: -9000px;
}

#b145_00litre   {left:   0px; top: 359px; width: 237px; height: 119px;}
#b84_00litre    {left:   0px; top: 259px; width: 237px; height:  92px;}
#b77_00litre    {left: 552px; top: 294px; width: 188px; height: 125px;}
#b64_00litre    {left:   0px; top: 210px; width: 237px; height:  70px;}
#b50_00litre    {left:   0px; top: 113px; width: 237px; height:  50px;}
#b35_00litre    {left: 237px; top: 264px; width: 160px; height:  87px;}
#b19_00litreXL  {left: 237px; top:   0px; width: 160px; height:  82px;}
#b19_00litre    {left: 402px; top: 166px; width: 137px; height:  68px;}
#b09_00litre    {left: 402px; top: 136px; width: 137px; height:  36px;}
#b04_00litre    {left: 402px; top: 118px; width: 137px; height:  21px;}
#b00_14litre    {left: 609px; top: 137px; width: 131px; height:  11px;}
#b00_07litre    {left: 552px; top: 132px; width:  73px; height:  12px;}

ul#review-range li a:hover {
 background: url(../images/misc/review-range.png) no-repeat 0 0;
}

ul#review-range li#b145_00litre  a:hover {background-position:    0px -630px;}
ul#review-range li#b84_00litre   a:hover {background-position:    0px -754px;}
ul#review-range li#b77_00litre   a:hover {background-position: -552px -531px;}
ul#review-range li#b64_00litre   a:hover {background-position:    0px -555px;}
ul#review-range li#b50_00litre   a:hover {background-position:    0px -500px;}
ul#review-range li#b35_00litre   a:hover {background-position: -237px -500px;}
ul#review-range li#b19_00litreXL a:hover {background-position: -237px -592px;}
ul#review-range li#b19_00litre   a:hover {background-position: -400px -567px;}
ul#review-range li#b09_00litre   a:hover {background-position: -400px -526px;}
ul#review-range li#b04_00litre   a:hover {background-position: -400px -500px;}
ul#review-range li#b00_14litre   a:hover {background-position: -552px -515px;}
ul#review-range li#b00_07litre   a:hover {background-position: -552px -500px;}