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

a:link {color: #0048a0;}
a:visited {color: #0048a0;}
a:hover {color: #990000;}
a:active {color: #990000;}

#pagecontainer1 { /* -- Versions differ -- */
  background: #ffffff;
  text-align: center;
  border-style: solid;
  border-color: #0048a0;
  border-width: 15px;
  margin: 0px auto 0px auto; 
  padding: 10px;
  }

#pagecontainer2 {
  background: #ffffff;
  border-style: solid;
  border-color: #0048a0;
  border-width: 1px;
  margin: 0px; padding: 0px;
  }

/* HEADER STYLES... */

#headercontainer {
  background: #0048a0;
  text-align: center;
  border: 0px; margin: 0px; padding: 0px;
  }

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

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

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

img.ruplogotext {
  padding: 5px 0px 0px 0px;
  }

/* MAIN BODY STYLES... */

#bodycontainer { /* -- Versions differ -- */
  background: #ffffff;
  text-align: left;
  font-size: 90%;
  color: #0c3c77;
  border-style: solid;
  border-color: #0048a0;
  border-width: 1px;
  marcin: 0px;
  padding: 0px 25px 0px 165px;
  }

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

h2 {
  font-size: 180%;
  font-weight: bold;
  color: #0c3c77;
  }

h3 {
  font-size: 140%;
  font-weight: bold;
  color: #0c3c77;
  }

h4 {
  font-size: 120%;
  font-weight: bold;
  color: #0c3c77;
  }

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

.frN {
  vertical-align: 0.5em;
  }

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

/* Everything from now until Footer */
/* Styles is different in Image Bank! */

.redlink a:link {color: #ff0000;}
.redlink :visited {color: #ff0000;}
.redlink :hover {color: #000066;}
.redlink :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: italic;
  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;
  }

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

form.mainproduct {
  padding: 5px; border: 0px;
  margin: 0px 270px 0px 0px;
  background: #efffff;
  border-width: 2px;
  border-color: #0048a0;
  border-style: solid;
  }

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

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

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

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

.productgallery li.xmas {  /* -- Only in Retail! -- */
  float: left;
  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 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;
  }

.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: #0048a0;}
#footertext a:visited {color: #0048a0;}
#footertext a:hover {color: #990000;}
#footertext a:active {color: #990000;}