html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

@font-face {
  
  font-family: "Source Sans Pro";
  src: url("https://www.wooltonandhewitt.co.uk/fonts/source-sans-pro.light.ttf") format("truetype");
}

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {  
  display: block;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

ol, ul {  
  list-style-type: none;
}

table {  
  border-collapse: collapse;  
  border-spacing: 0px;
}

a img {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  cursor: pointer;
}

figure {  
  max-width: 100%;  
  margin-top: 0%;  
  margin-right: 0%;  
  margin-bottom: 0%;  
  margin-left: 0%;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  text-align: center;
}

figure img {  
  max-width: 100%;  
  margin-left: auto;  
  margin-right: auto;
}

.container {  
  padding-left: 20px;  
  padding-right: 20px;  
  clear: none;
}

.row {  
  max-width: 1200px;  
  min-width: 600px;  
  background-color: white;  
  padding-top: 20px;  
  padding-right: 24px;  
  padding-bottom: 20px;  
  padding-left: 24px;  
  display: block;  
  clear: both;  
  margin-left: auto;  
  margin-right: auto;
}

.onecol, .twocol, .threecol, .thirdscol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {  
  margin-right: 2%;  
  float: left;
}

.row .onecol {  
  width: 10.75%;
}

.row .twocol {  
  width: 23.5%;
}

.row .threecol {  
  width: 36.25%;
}

.row .thirdscol {  
  width: 32%;
}

.row .fourcol {  
  width: 49%;
}

.row .fivecol {  
  width: 61.75%;
}

.row .sixcol {  
  width: 74.5%;
}

.row .sevencol {  
  width: 87.25%;
}

.row .eightcol {  
  width: 96%;
}

.row .ninecol {  
  width: 74.05%;
}

.row .tencol {  
  width: 82.7%;
}

.row .elevencol {  
  width: 91.35%;
}

.row .twelvecol {  
  width: 100%;
}

.last {  
  margin-right: 0px;
}

img, object, embed {  
  max-width: 100%;
}

img {  
  vertical-align: top;  
  display: block;  
  margin-left: auto;  
  margin-right: auto;  
  width: auto;
}

#phoneno {  
  display: inline;
}

.productboxrow img {  
  padding-top: 0px;
}

.borderbox {  
  display: block;  
  border-top-color: #999999;  
  border-right-color: #999999;  
  border-bottom-color: #999999;  
  border-left-color: #999999;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: dotted;  
  border-right-style: dotted;  
  border-bottom-style: dotted;  
  border-left-style: dotted;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  width: auto;
}

.subtitlebox {  
  display: block;  
  border-top-color: #1f2f71;  
  border-right-color: #1f2f71;  
  border-bottom-color: #1f2f71;  
  border-left-color: #1f2f71;  
  border-top-width: 2px;  
  border-right-width: 2px;  
  border-bottom-width: 2px;  
  border-left-width: 2px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  background-color: #141e46;  
  padding-top: 0px;  
  padding-right: 10px;  
  padding-bottom: 0px;  
  padding-left: 10px;  
  width: auto;  
  color: white;
}

.textbox {  
  display: block;  
  border-top-color: #999999;  
  border-right-color: #999999;  
  border-bottom-color: #999999;  
  border-left-color: #999999;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: dotted;  
  border-right-style: dotted;  
  border-bottom-style: dotted;  
  border-left-style: dotted;  
  background-color: white;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  width: auto;
}

.linefullhori {  
  height: 0px;  
  display: block;  
  border-top-width: 1px;  
  border-top-style: dotted;  
  border-top-color: #cccccc;  
  border-top-style: dotted;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  background-color: white;  
  padding-left: 0px;  
  padding-right: 0px;
}

p.addtopmargin {  
  margin-top: 10px;
}

.productcontainer {  
  display: block;  
  width: auto;  
  clear: both;  
  height: auto;  
  background-color: white;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  border-top-color: #ffffff;  
  border-right-color: #ffffff;  
  border-bottom-color: #ffffff;  
  border-left-color: #ffffff;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;
}

.ringcontainer {  
  display: block;  
  clear: both;  
  padding-top: 20px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  max-width: 500px;  
  margin-left: auto;  
  margin-right: auto;
}

#dialog .productcontainer {  
  border-top-color: white;  
  border-right-color: white;  
  border-bottom-color: white;  
  border-left-color: white;
}

.productdescbox {  
  width: auto;  
  display: block;  
  border-top-width: 0px;  
  border-top-style: solid;  
  border-top-color: silver;  
  height: auto;  
  margin-top: 10px;  
  padding-bottom: 5px;
}

.ringdescbox {  
  width: auto;  
  display: block;  
  border-top-width: 0px;  
  border-top-style: solid;  
  border-top-color: silver;  
  height: auto;  
  text-align: left;  
  padding-top: 20px;
}

.ringnotes {  
  width: auto;  
  display: block;  
  height: auto;  
  padding-bottom: 10px;  
  text-align: center;  
  padding-top: 10px;
}

.ringdescbox p {  
  text-align: left;  
  font-weight: bold;  
  line-height: 1.25em;  
  display: block;
}

.notopbotpad {  
  padding-bottom: 0%;  
  padding-top: 0%;
}

.nobotpad {  
  padding-bottom: 0px;
}

.notoppad {  
  padding-top: 0px !important;
}

.toppad40 {  
  padding-top: 40px;
}

.toppad10 {  
  padding-top: 10px;
}

.topmargin10 {  
  margin-top: 10px;
}

.leftpad20 {  
  padding-left: 20px;
}

.findoutmorelink {  
  margin-right: auto;  
  margin-left: auto;  
  max-width: 548px;  
  line-height: 1.7em;
}

#mainimage {
}

#topnavcontainer {  
  height: 30px;  
  background-color: #555555;
}

.mainnavcontainer {  
  height: 29px;  
  background-color: #e5e5e5;  
  visibility: visible;  
  padding-top: 5px;  
  padding-bottom: 5px;
}

.hhmainnavcontainer {
}

.clear {  
  clear: both;
}

#imagemain {  
  position: relative;
}

#mastheadcontainer {
}

.cf:before, .cf:after {  
  content: " ";  
  display: table;
}

.cf:after {  
  clear: both;
}

.clearright {  
  clear: right;
}

body {  
  font-family: Arial, Helvetica, sans-serif;  
  text-align: left;  
  vertical-align: top;  
  background-color: white;  
  color: #303030;  
  font-size: 1em;  
  line-height: 120%;
}

#section {  
  font-size: 1em;
}

#footer {  
  font-size: 1em;
}

p {  
  font-size: 87.5%;  
  display: block;  
  padding-top: 10px;  
  padding-bottom: 10px;
}

textarea {  
  font-size: 87.5%;  
  font-family: Arial, Helvetica, sans-serif;  
  resize: none;
}

input {  
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 87.5%;
}

#header p {  
  font-size: 81.3%;  
  text-align: left;  
  margin-left: 0%;  
  margin-right: 0%;  
  padding-top: 10px;  
  padding-bottom: 10px;  
  line-height: 1em;  
  display: block;  
  color: silver;  
  font-weight: bold;  
  background-color: #555555;
}

#mainnavhori p {  
  background-color: #e5e5e5;
}

p.navtopsocial {  
  padding-top: 8px;  
  padding-right: 10px;  
  padding-bottom: 7px;  
  padding-left: 20px;
}

#footer p {  
  font-size: 87.5%;  
  color: silver;  
  text-align: left;  
  background-color: #555555;
}

.borderbox p {  
  background-color: #efefef;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  font-size: 81.3%;
}

.textbox p {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  font-size: 75%;
}

.productdescbox p {  
  text-align: center;  
  font-size: 81.3%;  
  font-weight: bold;  
  line-height: 1.25em;
}

a:link, a:visited, a:active {  
  color: #551c55;  
  text-decoration: none;
}

a:hover {  
  color: #e6a223;  
  text-decoration: none;  
  cursor: pointer;
}

.link {  
  font-weight: bold;  
  display: block;  
  text-align: right;
}

.jslink {  
  color: #551c55;  
  text-decoration: underline;  
  cursor: pointer;
}

.jslink:hover {  
  text-decoration: underline;
}

.jslinkrony {  
  color: #551c55;  
  text-decoration: none;  
  cursor: pointer;
}

.jslinksample {  
  color: #551c55;  
  cursor: pointer;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  border-top-color: #551c55;  
  border-right-color: #551c55;  
  border-bottom-color: #551c55;  
  border-left-color: #551c55;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  display: inline-block;  
  text-align: center;  
  width: 200px;
}

.jslinksample:hover {  
  color: #e6a223;  
  border-top-color: #e6a223;  
  border-right-color: #e6a223;  
  border-bottom-color: #e6a223;  
  border-left-color: #e6a223;
}

#alsoavail .jslink {  
  color: #551c55;  
  text-decoration: underline;  
  cursor: pointer;
}

#alsoavail .jslink:hover {  
  color: #e6a223;
}

#moregrey {  
  text-decoration: none;
}

#moregrey:hover {  
  color: #e6a223;  
  text-decoration: none;  
  cursor: pointer;
}

#addthis {  
  position: absolute;  
  z-index: 10;  
  bottom: 109px;  
  height: 0px;  
  width: 100%;
}

.navtopcolour {  
  background-color: #555555;
}

.headercolour {  
  background-color: white;
}

.navmaincolour {  
  background-color: #e5e5e5;
}

.hhnavmaincolour {  
  background-color: white;
}

.ddsmoothmenu, #smoothmenu1 {  
  width: 100%;
}

h1 {  
  padding-top: 10px;  
  padding-bottom: 10px;  
  font-size: 112.5%;  
  width: auto;  
  line-height: 1em;  
  display: block;  
  background-color: white;  
  font-weight: lighter;  
  text-align: left;
}

h2 {  
  line-height: 1em;  
  display: block;  
  background-color: white;  
  font-size: 93.8%;  
  padding-top: 10px;
}

h3 {  
  font-weight: bold;  
  line-height: 1em;  
  font-size: 93.8%;  
  padding-top: 20px;  
  padding-bottom: 10px;  
  display: block;
}

h4 {  
  font-weight: bold;  
  line-height: 1em;  
  font-size: 81.3%;  
  padding-top: 7px;  
  padding-right: 20px;  
  padding-bottom: 0px;  
  padding-left: 10px;  
  display: block;  
  background-color: #e5e5e5;
}

.borderbox h3 {  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  display: block;
}

#hpflash {  
  line-height: 1em;  
  display: block;  
  font-size: 120%;  
  padding-top: 11px;  
  font-family: 'Source Sans Pro', sans-serif;  
  font-weight: bold;
}

.subtitlebox h3 {  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  display: block;  
  font-variant: normal;  
  font-size: 93.8%;
}

.textbox h3 {  
  padding-top: 5px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  display: block;
}

#footer h3 {  
  padding-top: 10px;  
  padding-bottom: 10px;  
  color: silver;
}

.bold {  
  font-weight: bold;
}

.logo {  
  display: block;  
  float: left;
}

#mha {  
  display: block;  
  float: right;  
  clear: right;
}

#mhlmb {  
  display: none;
}

#map480 {  
  display: none;
}

#map894 {  
  display: block;  
  margin-left: 0px;  
  margin-right: auto;
}

.footercolour {  
  background-color: #555555;
}

#footernotes {  
  padding-top: 37px;
}

.productdesctitle {  
  font-weight: lighter;  
  padding-top: 2px;  
  padding-bottom: 4px;  
  margin-left: 20px;  
  margin-right: 20px;  
  font-size: 92.25%;
}

.productdescprice {  
  padding-top: 5px;  
  padding-bottom: 1px;
  display: none !important;
}

.productdescsaleprice {  
  color: #bd0000;  
  padding-top: 5px;  
  font-size: 125%;  
  font-weight: lighter;
}

.productdescsave {  
  color: #005900;
}

.productdescwas {  
  font-weight: lighter;  
  text-decoration: line-through;
}

.productdescquote, .productdescspec {  
  font-size: 92.25%;  
  font-weight: lighter;
}

.productdescspec {  
  padding-top: 10px;
}

.productdescdel {  
  padding-top: 9px;  
  font-size: 87.5%;
}

.productdescol {  
  font-weight: lighter;  
  padding-top: 2px;  
  padding-bottom: 4px;  
  margin-left: 20px;  
  margin-right: 20px;  
  font-size: 95%;  
}

.terms {  
  padding-top: 7px;  
  display: block;  
  text-decoration: underline;  
  cursor: pointer;
}

.ringdescspec {  
  display: block;  
  font-size: 100%;  
  font-weight: lighter;  
  padding-bottom: 6px;  
  padding-top: 6px;  
  line-height: 200%;
}

.ringdescprice {  
  display: block;  
  font-size: 137.5%;  
  padding-bottom: 10px;  
  font-weight: lighter;
}

.ringdescsaleprice {  
  color: #bd0000;  
  font-size: 125%;  
  display: block;  
  font-weight: lighter;  
  padding-bottom: 10px;  
  padding-top: 20px;
}

.ringdescsave {  
  color: #005900;  
  display: block;  
  font-weight: bold;  
  padding-bottom: 10px;
}

.ringdescwas {  
  text-decoration: line-through;  
  display: block;  
  font-weight: lighter;  
  padding-bottom: 20px;
}

.ringdescquote {  
  font-size: 87.5%;  
  display: inline-block;  
  font-weight: lighter;  
  padding-bottom: 14px;  
  padding-top: 6px;
}

.ringdescdel {  
  display: block;  
  font-weight: lighter;  
  padding-bottom: 14px;  
  text-align: right;  
  font-size: 87.5%;  
  padding-top: 4px;
}

.ringterms {  
  display: block;  
  font-size: 87.5%;  
  font-weight: lighter;  
  text-align: right;  
  padding-bottom: 1px;
}

.ringreturns {  
  font-size: 87.5%;  
  font-weight: lighter;  
  text-align: right;  
  padding-bottom: 1px;  
  display: block;
}

.ringenquiry {  
  display: block;  
  padding-top: 1px;  
  font-size: 87.5%;  
  font-weight: lighter;  
  text-align: right;
}

#alsoavail {  
  font-size: 87.5%;  
  font-weight: lighter;  
  text-align: right;  
  padding-bottom: 1px;  
  display: block;
}

.enqintro {  
  display: block;  
  padding-bottom: 10px;  
  padding-top: 1px;  
  font-size: 81.3%;  
  width: 80%;
}

.twocolwhite {  
  background-color: white;
}

.fourcolwhite {  
  background-color: white;
}

.productboxrow {  
  background-color: white;  
  padding-bottom: 20px;  
  border-right-width: 0px;  
  border-right-style: solid;  
  border-right-color: white;  
  border-left-width: 0px;  
  border-left-style: solid;  
  border-left-color: white;  
  max-width: 1200px;
}

.morearrow {  
  vertical-align: middle;
}

.padtb40 {  
  padding-top: 40px;  
  padding-bottom: 40px;
}

.nolrpad {  
  padding-left: 0px;  
  padding-right: 0px;
}

.footernav {  
  list-style-type: disc;  
  list-style-position: inside;  
  line-height: 2em;  
  font-size: 81.3%;  
  padding-top: 10px;  
  padding-bottom: 10px;  
  color: silver;
}

.sitemap {  
  list-style-type: square;  
  list-style-position: inside;  
  line-height: 2em;  
  font-size: 81.3%;  
  color: silver;
}

.smalltext {  
  font-size: 68.8%;
}

.medtext {  
  font-size: 85%;
}

.medplustext {  
  font-size: 85%;
}

#brandintro .borderbox {  
  background-color: #e5e5e5;
}

.footeraddress {  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  background-color: #686868;
}

footer a:link, footer a:visited, footer a:active {  
  color: silver;
}

footer a:hover {  
  color: #e6a223;
}

.alignright {  
  margin-right: 0%;  
  margin-left: auto;
}

.alignleft {  
  margin-left: 0px;  
  margin-right: auto;
}

.aligncentre {  
  margin-left: auto;  
  margin-right: auto;
}

.textcen {  
  text-align: center !important;
}

#tn1 {  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #7c7c7c;  
  border-left-width: 1px;  
  border-left-style: solid;  
  border-left-color: #7c7c7c;
}

.tn2 {  
  border-right-width: 1px;  
  border-right-style: solid;  
  border-right-color: #7c7c7c;
}

.topnav {  
  list-style-type: none;  
  display: block;  
  float: right;  
  font-size: 81.3%;
}

.topnav > li {  
  display: inline;  
  float: left;
}

#navfoot4 h3 {  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;
}

#navfoot4 p {  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  background-color: #686868;
}

#footernotes p {  
  font-size: 68.8%;  
  padding-top: 0px;  
  padding-bottom: 0px;
}

#footernote2 p {  
  text-align: right;
}

#footernote1 {  
  position: relative;
}

#reg, #copy {  
  padding-top: 0px;  
  padding-bottom: 0px;
}

#navfoot4 .medtext {  
  line-height: 1em;  
  font-weight: bold;
}

.placeholder {  
  color: #999999;
}

*::-moz-placeholder {  
  color: #999999;
}

.button, .button:link, .button:visited {  
  text-align: center;  
  vertical-align: middle;  
  background-color: #686868;  
  color: white;  
  padding-top: 10px;  
  padding-right: 20px;  
  padding-bottom: 10px;  
  padding-left: 20px;  
  display: block;  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;  
  cursor: pointer;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: black;  
  border-right-color: black;  
  border-bottom-color: black;  
  border-left-color: black;  
  font-size: 87.5%;  
  font-weight: bold;
}

.button:hover {  
  background-color: #858585;  
  color: white;  
  border-top-color: black;  
  border-right-color: black;  
  border-bottom-color: black;  
  border-left-color: black;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;
}

.button:active {  
  cursor: pointer;
}

.racbutton, .racbutton:link, .racbutton:visited {  -epub-text-transform: uppercase;
  text-transform: uppercase;  
  text-align: center;  
  vertical-align: middle;  
  background-color: white;  
  color: #336666;  
  display: block;  
  cursor: pointer;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  font-size: 93.8%;  
  text-decoration: underline;  
  padding-top: 10px;  
  margin-left: auto;  
  margin-right: auto;  
  width: auto;
}

.racbutton:hover, .buynow:hover {  
  background-color: white;  
  color: #e6a223;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

.racbutton:active, .buynow:active {  
  cursor: pointer;
}

.hpbutton, .hpbutton:link, .hpbutton:visited {  
  text-align: center;  
  vertical-align: middle;  
  padding-top: 10px;  
  padding-right: 20px;  
  padding-bottom: 10px;  
  padding-left: 20px;  
  display: block;  
  cursor: pointer;  
  border-bottom-style: none;  
  background-color: white;  
  color: #404040;  
  font-size: 110%;  
  margin-bottom: 10px;  
  margin-left: auto;  
  margin-right: auto;
  font-family: 'Source Sans Pro', sans-serif;
}

.hpbutton:hover {  
  background-color: #404040 !important;  
  color: white;
}

.hpbutton:active {  
  cursor: pointer;
}

.view {  
  margin-right: 22% !important;
}

.ocbutton, .ocbutton:link, .ocbutton:visited {  
  text-align: left;  
  vertical-align: middle;  
  padding-top: 10px;  
  padding-right: 20px;  
  padding-bottom: 10px;  
  padding-left: 20px;  
  display: block;  
  cursor: pointer;  
  border-bottom-style: none;  
  background-color: #e5e5e5;  
  color: #404040;  
  font-size: 87.5%;
}

.ocbutton:hover {  
  background-color: white;  
  color: #e6a223;
}

.ocbutton:active {  
  cursor: pointer;  
  color: #e6a223;
}

#submit_btn {  
  width: 80%;  
  height: 50px;  
  margin-top: 5px;  
  margin-right: 10px;  
  margin-bottom: 2px;
}

.text-input {  
  display: block;  
  margin-top: 0px;  
  margin-right: 10px;  
  margin-bottom: 4px;  
  margin-left: 0px;  
  width: 64%;  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #555555;  
  border-right-color: #555555;  
  border-bottom-color: #555555;  
  border-left-color: #555555;  
  height: 22px;  
  padding-top: 2px;  
  padding-right: 5px;  
  padding-bottom: 2px;  
  padding-left: 5px;  
  font-size: 87.5%;
}

.text-input:focus {  
  color: #555555;  
  background-color: #cccccc;
}

#message, #address {  
  width: 76.7%;  -ms-overflow-y: auto;
  overflow-y: auto;  
  margin-bottom: 6px;  
  padding-top: 6px;  
  padding-bottom: 3px;  
  font-size: 87.5%;  
  max-width: 340px;  
  height: auto;  
  max-height: 303px;  
  min-width: 76.7%;  
  padding-left: 5px;
}

#permission {  
  height: 34px;  
  padding-top: 6px;  
  padding-bottom: 6px;  
  padding-left: 1px;
}

.crumbtrail {  
  font-size: 68.8%;  
  padding-top: 10px;  
  padding-bottom: 1px;  
  height: 20px;  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  line-height: 1em;
}

#crumb a:link, #crumb a:visited {
}

#crumb a:hover {  
  text-decoration: underline;
}

#contactus {  
  border-top-color: #cccccc;  
  border-right-color: #cccccc;  
  border-bottom-color: #cccccc;  
  border-left-color: #cccccc;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  background-color: white;  
  position: relative;
}

#contactusform {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

.errorcontainer {  
  display: block;  
  height: 25px;
}

.contactus label.datalabel {  
  display: block;  
  padding-top: 5px;  
  padding-right: 10px;  
  padding-bottom: 5px;  
  font-size: 81.3%;  
  font-weight: bold;
}

#name_label, #messagelabel {  
  padding-top: 10px;
}

#contactus label.error {  
  margin-top: 0px;  
  margin-right: 10px;  
  margin-bottom: 5px;  
  font-size: 75%;  
  color: #511c51;  
  display: block;  
  line-height: 0.813em;  
  font-weight: bold;
}

.racerrorcontainer {  
  display: block;  
  height: 15px;
}

#raccontactus label.datalabel {  
  display: block;  
  padding-top: 0px;  
  padding-right: 10px;  
  padding-bottom: 2px;  
  padding-left: 0px;  
  font-size: 81.3%;  
  font-weight: bold;
}

#raccontactus label.error {  
  margin-top: 0px;  
  margin-right: 10px;  
  margin-bottom: 5px;  
  margin-left: 0px;  
  font-size: 75%;  
  color: #993399;  
  display: block;  
  line-height: 0.813em;  
  font-weight: bold;
}

#racmessage {  
  width: 64%;  -ms-overflow-y: auto;
  overflow-y: auto;  
  margin-bottom: 6px;  
  padding-top: 6px;  
  font-size: 87.5%;  
  max-width: 454px;  
  height: auto;  
  max-height: 216px;  
  padding-left: 5px;
}

#reservebtn {  
  width: 66.1%;  
  height: 27px;  
  margin-top: 5px;  
  margin-right: 10px;  
  margin-bottom: 40px;  
  margin-left: 0px;
}

#contactleft, #raccontactleft {  
  width: 50%;  
  float: left;  
  display: block;
}

#contactright, #raccontactright {  
  width: 50%;  
  display: block;  
  float: left;
}

#meet1 {  
  width: 49%;  
  display: inline-block;  
  float: left;  
  margin-right: 2%;
}

#meet2 {  
  width: 49%;  
  display: inline-block;
}

#permissionnote {  
  padding-top: 0px;  
  padding-right: 10px;  
  padding-bottom: 5px;  
  font-size: 81.3%;  
  display: block;
}

#contactussuccess {  
  background-color: #ffcc00;  
  z-index: 11;  
  color: #cc66cc;  
  position: relative;
}

#appointreplybox {  
  height: 120px;  
  margin-right: 20px;  
  padding-top: 50px;  
  padding-right: 10px;  
  padding-bottom: 39px;  
  text-align: center;  
  vertical-align: top;
}

.appointreply1 {  
  font-size: 100%;  
  padding-bottom: 10px;  
  text-align: left;  
  vertical-align: top;  
  padding-right: 10px;  
  display: block;
}

.appointreply2 {  
  font-size: 93.8%;  
  margin-right: 20px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  padding-top: 40px;  
  padding-bottom: 40px;  
  text-align: left;  
  display: block;
}

#contactusreplybox {  
  height: 100px;  
  margin-right: 20px;  
  padding-top: 50px;  
  padding-right: 10px;  
  padding-bottom: 39px;  
  text-align: center;  
  vertical-align: top;  
  min-height: 294px;
}

.contactusreply1 {  
  font-size: 100%;  
  padding-bottom: 10px;  
  text-align: left;  
  vertical-align: top;  
  padding-right: 10px;  
  display: block;  
  font-weight: bold;
}

.contactusreply2 {  
  font-size: 93.8%;  
  margin-right: 20px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  padding-top: 40px;  
  padding-bottom: 40px;  
  text-align: left;  
  display: block;  
  font-weight: bold;
}

.raccontactusreply1 {  
  font-size: 100%;  
  background-color: white;  
  padding-bottom: 10px;  
  text-align: left;  
  vertical-align: top;  
  padding-right: 10px;  
  display: block;
}

.raccontactusreply2 {  
  font-size: 93.8%;  
  background-color: white;  
  margin-right: 20px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  padding-top: 20px;  
  padding-bottom: 10px;  
  text-align: left;  
  display: block;
}

#raccontactusreplybox {  
  background-color: white;  
  margin-right: 20px;  
  padding-top: 50px;  
  padding-right: 10px;  
  padding-bottom: 39px;  
  text-align: center;  
  vertical-align: top;  
  width: auto;
}

.icon {  
  margin-top: 0%;  
  margin-right: 10px;  
  margin-bottom: 0%;  
  padding-top: 4px;  
  clear: right;  
  float: left;
}

.mapthumb {  
  margin-top: 5px;  
  display: inline-block;
}

#mainnavhori {  
  font-family: Arial, Helvetica, sans-serif;  
  font-size: 14px;  
  height: 29px;  
  background-color: #e5e5e5;  
  padding-left: 0px;  
  padding-right: 0px;  
  max-width: 1248px;
}

.mmnojs {  
  font-size: 81.3%;  
  color: #e5e5e5;  
  padding-left: 24px;  
  vertical-align: middle;  
  font-weight: bold;
}

a.mmnojsa {  
  color: #e5e5e5;
}

a.mmnojsa:hover {  
  color: #e6a223;  
  text-decoration: underline;
}

#hhmainnavcontainer .mmnojs {  
  display: block;  
  padding-left: 0px;
}

#hhmainnavcontainer .mmnojsa {  
  color: #bdbdbd;
}

#mainnavhandheld {  
  display: block;  
  background-color: #bdbdbd;  
  padding-top: 10px;  
  padding-right: 0px;  
  padding-bottom: 10px;  
  padding-left: 0px;  
  margin-left: 20px;  
  margin-right: 20px;  
  min-height: 29px;
}

.like {  
  display: block;  
  padding-bottom: 6px;  
  margin-left: auto;  
  margin-right: auto;  
  background-color: #3c5a9a;  
  height: 21px;  
  width: 163px;
}

.fb-like {  
  padding-left: 10px;
}

#hhmainnavcontainer {  
  display: none;  
  border-bottom-width: 2px;  
  border-bottom-style: none;  
  border-bottom-color: #555555;  
  min-height: 49px;
}

.textalcen {  
  text-align: center;
}

.raccontactus {  
  margin-left: 0px;  
  margin-right: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  position: relative;  
  min-height: 220px;
}

#raccontactusform {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}

#mask {  
  position: fixed;  
  z-index: 100;  
  background-color: #686868;  
  display: none;  
  top: 0px;  
  left: 0px;
}

.window {  
  z-index: 200;  
  background-color: white;  
  display: block;  
  border-top-color: #555555;  
  border-right-color: #555555;  
  border-bottom-color: #555555;  
  border-left-color: #555555;  
  border-top-width: 23px;  
  border-right-width: 23px;  
  border-bottom-width: 23px;  
  border-left-width: 23px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  -webkit-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;  
  max-width: 854px;  
  padding-top: 20px;  
  padding-right: 20px;  
  padding-bottom: 20px;  
  padding-left: 20px;  
  max-height: 100%;  -ms-overflow-y: auto;
  overflow-y: auto;  -ms-overflow-x: hidden;
  overflow-x: hidden;  
  min-width: 500px;  
  margin-right: auto;  
  margin-left: auto;  
  position: fixed;
}

#dialog {  
  display: none;
}

#dialog .racbutton, #dialog .buynow, #dialog .terms, #dialog .productdescdel {  
  display: none;
}

#ractopbox {  
  position: relative;
}

#iconclose {  
  display: inline;  
  position: absolute;  
  right: 1px;  
  top: 1px;
}

#iconmodalform {  
  display: inline;  
  float: left;  
  padding-top: 4px;  
  padding-right: 0px;
}

#racmodallabel {  
  display: inline-block;  
  padding-left: 0px;
}

.window .text-input {  
  height: 22px;  
  padding-top: 0px;  
  padding-right: 5px;  
  padding-bottom: 0px;  
  padding-left: 5px;  
  margin-top: 0px;  
  margin-right: 10px;  
  margin-bottom: 3px;  
  margin-left: 10px;
}

.nodisplay {  
  display: none;
}

.notopbotpad {  
  padding-bottom: 0px;  
  padding-top: 0px;
}

.navfootsaleonoff {  
  display: none;
}

.hpcontainer img {  
  vertical-align: middle;
}

.hpboxrow {  
  background-color: white;  
  padding-bottom: 20px;
}

.hpcontainer {  
  display: block;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  width: auto;  
  height: auto;  
  clear: both;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  border-top-color: white;  
  border-right-color: white;  
  border-bottom-color: white;  
  border-left-color: white;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;
}

.occontainer {  
  display: block;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  width: auto;  
  height: auto;  
  background-color: white;  
  clear: both;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  border-top-color: silver;  
  border-right-color: silver;  
  border-bottom-color: silver;  
  border-left-color: silver;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;
}

.occontainer:hover, .hpcontainer:hover, .productcontainer:hover {  
  border-top-color: #e6a223;  
  border-right-color: #e6a223;  
  border-bottom-color: #e6a223;  
  border-left-color: #e6a223;
}

#hpintro .borderbox {  
  background-color: #e5e5e5;  
  padding-top: 20px;  
  padding-right: 20px;  
  padding-bottom: 20px;  
  padding-left: 20px;
}

.productdescbox span {  
  display: block;
}

.navfootextrabut {  
  display: none;
}

.navfootextra:before {  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  content: "Just In";
}

.navfootcobut {  
  display: none;
}

.navfootco:before {  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  content: "More";
}

.navfootsmallbut {  
  display: none;
}

.navfootsmall:before {  -epub-text-transform: capitalize;
  text-transform: capitalize;  
  content: "Info";
}

#textlower p {  
  font-size: 81.3%;
}

.winpromo {  
  z-index: 200;  
  background-color: white;  
  display: block;  
  border-top-color: #555555;  
  border-right-color: #555555;  
  border-bottom-color: #555555;  
  border-left-color: #555555;  
  border-top-width: 23px;  
  border-right-width: 23px;  
  border-bottom-width: 23px;  
  border-left-width: 23px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  -webkit-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  overflow: hidden;  
  margin-right: auto;  
  margin-left: auto;  
  position: fixed;  
  height: 400px;  
  width: 700px;
}

#mpromoimgbox {  
  position: relative;
}

#promoiconclose {  
  display: inline;  
  position: absolute;  
  right: 0px;  
  top: 0px;
}

.hubboxrow {  
  background-color: white;  
  padding-bottom: 0px;
}

.hubcontainer {  
  display: block;  
  border-top-color: silver;  
  border-right-color: silver;  
  border-bottom-color: silver;  
  border-left-color: silver;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-width: 2px;  
  border-right-width: 2px;  
  border-bottom-width: 2px;  
  border-left-width: 2px;  
  width: auto;  
  clear: both;
}

.martop20 {  
  margin-top: 20px;
}

#tradeas {  
  font-size: 75%;
}

.padlr20 {  
  padding-left: 20px;  
  padding-right: 20px;
}

.hide {  
  display: none;
}

.padbot20 {  
  padding-bottom: 20px;
}

.padbot10 {  
  padding-bottom: 10px;
}

.marginbot20 {  
  margin-bottom: 20px;
}

#cattopimgbox, #hubtopimgbox, .hptopimgbox {  
  padding-left: 0px;  
  padding-right: 0px;
}

.hubcontainer h3 {  
  padding-top: 10px;  
  border-bottom-width: 2px;  
  border-bottom-style: solid;  
  border-bottom-color: silver;  
  padding-left: 20px;  
  background-color: black;  
  color: white;
}

.hubcontainer h3:hover {  
  color: #e6a223;
}

.bodystop {  
  overflow: hidden;
}

#terms1 .sixcol {  
  margin-right: 0%;  
  width: auto;
}

.site {  
  display: block;  
  padding-top: 10px;  
  padding-bottom: 2px;  
  font-weight: bold;
}

#homepage #crumb-hp {  
  padding-top: 0px;  
  padding-bottom: 0px;
}

#checkout {  
  text-align: right;  
  margin-top: 49px;  
  display: block;  
  margin-bottom: 35px;
}

.addtocart {  
  font-size: 87.5%;
}

.addtocart select {  
  background-color: #555555;  
  color: white;  
  margin-bottom: 20px;  
  margin-top: 5px;  
  display: block;  
  width: 100%;  
  height: 27px;  
  padding-top: 4px;  
  padding-right: 4px;  
  padding-bottom: 4px;  
  padding-left: 4px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  font-size: 100%;  
  max-width: 311px;
}

.addtocart input[name="os2"], #payval {  
  display: block;  
  width: 100%;  
  border-top-color: #555555;  
  border-right-color: #555555;  
  border-bottom-color: #555555;  
  border-left-color: #555555;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  margin-bottom: 25px;  
  margin-top: 5px;  
  height: 21px;  
  padding-top: 2px;  
  padding-right: 5px;  
  padding-bottom: 2px;  
  padding-left: 5px;  
  font-size: 87.5%;  
  max-width: 299px;
}

.addtocart input[name="text1"] {  
  display: inline-block;  
  width: 100%;  
  border-top-color: #999999;  
  border-right-color: #999999;  
  border-bottom-color: #999999;  
  border-left-color: #999999;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  margin-bottom: 25px;  
  height: 21px;  
  padding-top: 2px;  
  padding-right: 5px;  
  padding-bottom: 2px;  
  padding-left: 5px;  
  font-size: 87.5%;  
  max-width: 229px;
}

#raindivcontainer {  
  background-image: url("../images/rainbowdivider.jpg");  
  background-repeat: repeat;  
  border-top-width: 0px;  
  border-top-style: solid;  
  border-top-color: #555555;  
  border-bottom-style: none;  
  height: 0px;
}

#ringraindiv {  
  background-repeat: repeat;  
  height: 1px;  
  background-color: silver;
}

#enquiry {  
  min-height: 220px;
}

.itemicon {  
  display: inline-block;
}

#highlights .itemicon {  
  padding-top: 2px;
}

.ssicon {  
  display: inline-block;  
  padding-right: 10px;  
  float: left;  
  clear: right;
}

.sstitle {  
  line-height: 1em;  
  display: inline;  
  font-weight: bold;
}

#sample {  
  border-top-width: 1px;  
  border-top-style: dotted;  
  border-top-color: #999999;  
  border-bottom-width: 1px;  
  border-bottom-style: dotted;  
  border-bottom-color: #999999;  
  padding-top: 10px;  
  padding-bottom: 10px;
}

.sampleimg {  
  display: inline-block;  
  float: left;  
  padding-right: 10px;  
  clear: right;
}

.minimap {  
  max-width: 260px;
}

#ourguar > p {
}

#ourguar > h3 {
}

#addthisitem {  
  display: block;  
  height: 20px;  
  position: relative;  
  right: 2px;
}

#enq-tel {  
  display: inline;  
  padding-bottom: 4px;  
  vertical-align: bottom;
}

#sample p, #case > p {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#case > p {  
  font-size: 77%;
}

#ringgal {  
  display: block;  
  border-top-color: #999999;  
  border-right-color: white;  
  border-bottom-color: #999999;  
  border-left-color: white;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: dotted;  
  border-right-style: dotted;  
  border-bottom-style: dotted;  
  border-left-style: dotted;  
  background-color: white;  
  padding-top: 10px;  
  padding-right: 11px;  
  padding-bottom: 10px;  
  padding-left: 11px;  
  width: auto;
}

#ringgalp {  
  text-align: center;  
  clear: left;
}

#ringgal img {  
  display: inline-block;
}

#itemlower {  
  display: block;  
  border-top-color: #999999;  
  border-right-color: white;  
  border-bottom-color: #999999;  
  border-left-color: white;  
  border-top-width: 1px;  
  border-right-width: 1px;  
  border-bottom-width: 1px;  
  border-left-width: 1px;  
  border-top-style: dotted;  
  border-right-style: dotted;  
  border-bottom-style: dotted;  
  border-left-style: dotted;  
  background-color: white;  
  padding-top: 10px;  
  padding-right: 11px;  
  padding-bottom: 10px;  
  padding-left: 11px;  
  width: auto;
}

#topdivrow {  
  padding-top: 40px;
}

.bullet {  
  list-style-position: inside;  
  list-style-type: square;  
  line-height: 2em;  
  font-size: 96%;  
  font-weight: bold;  
  padding-top: 40px;
}

.carebul {  
  list-style-position: inside;  
  list-style-type: square;  
  line-height: 2em;  
  font-size: 87.5%;
}

.ocpromo {  
  padding-top: 10px;
}

#bspic {  
  padding-bottom: 10px;
}

.introshort {  
  font-family: 'Source Sans Pro', sans-serif;  
  font-size: 122%;  
  line-height: 140%;
}

#case {  
  border-top-width: 1px;  
  border-top-style: dotted;  
  border-top-color: #999999;  
  border-bottom-width: 1px;  
  border-bottom-style: dotted;  
  border-bottom-color: #999999;  
  padding-top: 10px;  
  padding-bottom: 10px;
}

#sample .link {  
  display: block;  
  clear: left;  
  height: 17px;
}

#hpbod #topdivrow {  
  padding-top: 20px;
}

.iconinfo {  
  display: inline;  
  margin-left: 5%;  
  vertical-align: text-top;
}

#pinicon {  
  display: inline;  
  padding-left: 0px;  
  vertical-align: text-top;
}

#promo1:first-child {  
  padding-top: 0px;
}

.itemslider {  
  display: block;  
  max-width: 500px;  
  max-height: 600px;
}

.purp {  
  color: #551e55;
}

a.notalink {  
  color: #404040;  
  cursor: default;
}

#ringtable {  
  width: 100%;  
  font-size: 68.8%;  
  font-weight: bold;  
  text-align: center;
}

#ringtabletitles {  
  background-color: #e5e5e5;
}

.ringspacer {  
  width: 7%;  
  background-color: #e5e5e5;
}

.block {  
  display: block;
}

#additempp span.block {  
  color: #999999;
}

#valit {  
  height: 27px;  
  vertical-align: top;
}

#saleonoff > p {  
  color: #006600;  
  font-weight: lighter;  
  font-size: 118%;
}

#salesign {  
  color: white;  
  font-weight: lighter;  
  background-color: #bd0000;  
  padding-bottom: 7px;  
  padding-top: 8px;  
  display: none;  
  margin-right: 45px;
}

#saletext {  
  font-size: 75%;  
  color: #006600;  
  display: block;  
  padding-top: 10px;
}

.productsalesign {  
  color: white;  
  background-color: #bd0000;  
  padding-top: 4px;  
  padding-right: 10px;  
  padding-bottom: 2px;  
  padding-left: 10px;  
  margin-top: 10px;  
  margin-right: auto;  
  margin-bottom: 5px;  
  margin-left: auto;  
  max-width: 89px;  
  letter-spacing: 0.5em;
}

.green {  
  color: #006600;
}

.pink {  
  color: #fe3887;
}

.red {  
  color: #bd0000;
}

.greypale {  
  background-color: #e4e4e4;
}

.blue {  
  color: #00006e;
}

.pinkpale {  
  background-color: #fadae0;
}

.bktop, .bktop:link, .bktop:visited {  
  background-color: silver;
}

#saleonoff + p {  
  background-image: url("../images/ring-bgrd.jpg");  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.ronybox {  
  display: block;  
  border-top-color: silver;  
  border-right-color: silver;  
  border-bottom-color: silver;  
  border-left-color: silver;  
  border-top-width: 10px;  
  border-right-width: 0px;  
  border-bottom-width: 10px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  width: auto;  
  height: auto;  
  overflow: hidden;
}

.rbimg1 {  
  padding-left: 2px;  
  margin-left: 0%;  
  margin-right: auto;  
  display: inline;
}

.rbimg2 {  
  padding-right: 2px;  
  display: inline-block;  
  float: right;  
  clear: both;
}

.floatleft {  
  float: left;
}

.italics {  
  font-style: italic;
}

#ronybiodiv {
}

#hpextra p {  
  font-size: 81.3%;
}

#hpextra .textbox {  
  background-color: #eaeaea;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;
}

.rtrc {  
  font-size: 60% !important;  
  font-family: Arial, Helvetica, sans-serif;  
  font-weight: lighter;  
  color: #505050;  
  font-variant: small-caps;
}

.hhnavtab {  
  display: table;  
  width: 100%;  
  margin-left: auto;  
  margin-right: auto;
}

.hhnavrow {  
  display: table-row;
}

.hhnavcell {  
  display: table-cell;  
  background-color: white;  
  width: 33.33%;  
  font-size: 85%;  
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hhnavcell:focus {
  outline: none !important;
}

.hhnavcell2 {  
  width: 50% !important;
}

.hhnavcellsp {  
  width: 10px;
}

.hhnavrowsp {  
  height: 10px;
}

.hhnavcell a, .hhnavcell a:link, .hhnavcell a:visited {  
  color: #404040;  
  display: block;  
  padding-left: 10px;
  padding-bottom: 9px;
  padding-top: 11px;
}

.hhnavcell a:active, .hhnavcell:active {  
  color: white;
  background-color: #404040;
}

.hhnavcell.full {  
  width: 100%;
}

.aligntxtleft {  
  text-align: left;
}

.curno {  
  cursor: auto;
}

#titlename, .other {  
  font-family: 'Source Sans Pro', sans-serif;  
  display: block;  
  padding-bottom: 22px;  
  padding-top: 0px;  
  font-size: 130%;
}

#promo5, #promo6 {  
  display: none;
}

.saleonoff {  
  display: none;
}

#plainr #saleonoff {
}

#pattr #saleonoff {
}

#diar #saleonoff {
}

#rainr #saleonoff {
}

#designerr #saleonoff {
}

.promocode {  
  display: none;
}

#plainr #promocode {
}

#pattr #promocode {
}

#diar #promocode {
}

#rainr #promocode {
}

#designerr #promocode {
}

.productdescbox .listsaleonoff {  
  display: none;
}

#plainlist .listsaleonoff {
}

#pattlist .listsaleonoff {
}

#dialist .listsaleonoff {
}

#rainlist .listsaleonoff {
}

#designerlist .listsaleonoff {
}

.hide, #navos2 {  
  display: none;
}

#plat-info {  
  font-family: 'Source Sans Pro', sans-serif;  
  font-size: 122%;  
  max-height: 94px;
}

#plat {  
  padding-left: 20px;  
  display: inline-block;
}

#sample span[text*="free"]:after {  
  text-decoration: overline;
}

.galimg1, #navos1, #navos3, #navos4 {  
  display: block;
}

.galibox {  
  max-width: 25%;  
  display: inline-block;  
  float: left;
}

#hhmmi {  
  display: inline-block;  
  float: left;  
  padding-right: 15px;  
  padding-top: 13px;
}

#fin {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#mpimg {  
  padding-top: 10%;
}

.inlineimg {  
  display: inline-block;  
  float: left;  
  margin-top: 5px;  
  margin-right: 15px;  
  margin-bottom: 0px;  
  margin-left: 0px;
}

#tn1 > a, #tn2 > a, #tn5 > a {  
  display: block;  
  padding-top: 6px;  
  padding-right: 20px;  
  padding-bottom: 5px;  
  padding-left: 20px;  
  color: white;
}

#tn1 > a:hover, #tn2 > a:hover, #tn5 > a:hover {  
  background-color: #858585;
}

#tn6 img:hover {  
  background-color: #858585;
}

.max588 {  
  max-width: 588px;
}

.line2 {  
  line-height: 2em;
}

.blkbak {  
  background-color: black;  
  color: white !important;  
  padding-top: 3px;  
  padding-right: 6px;  
  padding-bottom: 2px;  
  padding-left: 6px;
}

.cbox {  
  width: 48.6577%;  
  float: left;  
  display: block;
}

#collect1 {  
  background-image: url("../images/images-eng/wha7smrw.jpg");  -webkit-background-size: contain;
  background-size: contain;
}

.cpic {  
  width: 51.3423%;  
  float: left;  
  display: block;
}

.conbox {  
  padding-top: 10px;  
  padding-right: 20px;  
  padding-bottom: 10px;  
  padding-left: 20px;
}

.conpic {  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 24px;
}

.paleblue {  
  background-color: #efefef;
}

#iconvcard {  
  display: inline-block;  
  float: left;  
  padding-top: 3px;
}

#time, #time2 {  
  height: 28px;  
  padding-top: 4px;  
  width: 43.5%;
}

#show #contactleft {  
  width: 40%;
}

#show #contactright {  
  width: 60%;
}

#show #message {  
  width: 64%;  
  height: 78px;  
  max-width: 64%;  
  min-width: 64%;
}

#show #submit_btn {  
  width: 66%;
}

#hppromo {  
  background-color: #e5e5e5;
  border-top-color: #e5e5e5;  
  border-right-color: #e5e5e5;  
  border-bottom-color: #e5e5e5;  
  border-left-color: #e5e5e5; 
}
#hppromo:hover {  
  border-top-color: #e6a223;  
  border-right-color: #e6a223;  
  border-bottom-color: #e6a223;  
  border-left-color: #e6a223; 
}

.video-clip {  
  position: relative;  
  padding-bottom: 56.25%;  
  height: 0px;  
  overflow: hidden;
}

.video-clip iframe, .video-clip object, .video-clip embed {  
  position: absolute;  
  top: 0px;  
  left: 0px;  
  width: 100%;  
  height: 100%;
}

.video-wrapper {  
  margin-left: auto;  
  margin-right: auto;  
  max-width: 384px;  
  max-height: 216px;  
  overflow: hidden;
}

#navfoot3 ul:first-of-type {  
  padding-bottom: 13px !important;
}

.lh155 {  
  line-height: 155%;
}

#highlights {  
  line-height: 150%;
}

#memberships {  
  padding-bottom: 40px;
}

.introicon {  
  display: inline-block;  
  padding-top: 9px;  
  padding-right: 20px;  
  float: left;  
  clear: right;
}

.sixcol > p, .twelvecol > p, .lineht > p {  
  line-height: 200%;
}

input[src="../images/addtobasket-but.jpg"]:hover, input[src="../images/buynow-but.jpg"]:hover, input[src="../images/basket-but-pc.jpg"]:hover, input[src="../images/basket-but.jpg"]:hover, .productcontainer img:hover, .hpcontainer img:hover, #ringgal img:hover, #hhmmi:hover, .flash:hover, .ssicon:hover, #youmay img:hover {  -webkit-opacity: 0.7;
  opacity: 0.7;
}

#myBtn {  
  display: none;  
  position: fixed;  
  bottom: 20px;  
  right: 30px;  
  z-index: 999;  
  border-top-width: medium;  
  border-right-width: medium;  
  border-bottom-width: medium;  
  border-left-width: medium;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  outline-width: medium;  
  outline-style: none;  
  outline-color: initial;  
  background-color: silver;  
  color: white;  
  cursor: pointer;  
  padding-top: 5px;  
  padding-right: 5px;  
  padding-bottom: 5px;  
  padding-left: 5px;  
  font-size: 87.5%;
}

#myBtn:hover {  
  background-color: #858585;
}

.addtext {  
  font-size: 70%;  
  line-height: 2.7em;  
  font-weight: 500;  
  list-style-type: none;
}

#addfoot {  
  padding-top: 8px;
}

#racpermissionlabel, #racpermissionnote, #racpermission, .racerrorcontainer:last-of-type, #racpermissionerror {  
  display: none;  
  height: 1px;
}

#racpermissionlabel {  
  visibility: hidden;  
  height: 1px;
}

.noviz {  
  display: none !important;
}

.sizeord {  
  padding-left: 10px;  
  background-color: #e5e5e5;
}

.mess {  
  width: 76.7%;
}

#multireq {  
  width: 50%;
}

#samplebutton {  
  display: none !important;
}

.covtxt {  
  color: #417fc8 !important;
}

.covbrgd {  
  background-color: #417fc8 !important;
}

#hpflashbox {  
  background-image: url("../images/hp-heart.png");  -webkit-background-size: contain;
  background-size: contain;
}

.nobgrd {  
  background-color: transparent;
}

.hp-message-bgrd {  
  background-image: url("../images/hp-message-bgrd.jpg");  -webkit-background-size: auto auto;
  background-size: auto auto;
}

#show a.hpbutton, #cusform a.hpbutton.view {
    background-color: #efefef;
}

#outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.sitemap li::first-line  {   
  font-weight: bold;
}

.sitemap li  {   
  margin-bottom: 2em;
}

@media only screen and (min-width: 881px) {
  #bvid { width: 560px; height: 315px; }
}

@media only screen and (max-width: 1315px) {
  #saleonoff + p { background-image: none; }
}

@media only screen and (max-width: 1230px) {
  body {  }
  #section {  }
  #footer { font-size: 0.93em; }
  .textbox h3 { height: 20px; font-size: 87.5%; }
  .textbox p { font-size: 75%; }
  #footer h3 { font-size: 81.3%; }
  #mainnavhori { font-size: 10px; }
  #permissionlabel { padding-top: 16px; }
  #permissionnote { font-size: 75%; }
  #permission { min-width: 205px; }
  #submit_btn { min-width: 205px; }
}

@media only screen and (max-width: 980px) {
  #mainnavhori { font-size: 9px; }
}

@media only screen and (max-width: 880px) {
  body { overflow-x: hidden; }
  .row { min-width: 1px; }
  body, .container { width: auto; min-width: 0px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
  .row { width: auto; min-width: 0px; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
  .row .onecol, .row .twocol, .row .threecol, .row .thirdscol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { float: none; margin-left: auto; margin-right: auto; width: 100%; }
  img { width: auto; }
  #addthis { top: -43px; }
  #sscontent { margin-bottom: 40px; }
  #footernotes { padding-bottom: 80px; }
  #contactus { width: auto; }
  .contactus label.datalabel { padding-top: 2px; padding-bottom: 2px; }
  #name_label, #messagelabel { padding-top: 0px; }
  #permissionlabel { padding-top: 2px; }
  #message { max-height: 120px; }
  #contactleft, #contactright, #raccontactleft, #raccontactright, .cpic, .cbox { margin-left: auto; margin-right: auto; float: left; border-left-width: 0px; clear: left; width: 100%; }
  #racimage { width: auto; }
  #footernote2 p { text-align: left; }
  .navtopsocial { border-bottom: 2px solid #1f2f71; }
  #mhlmb { display: block; padding-left: 0.5%; padding-top: 30px; }
  #mha, #mhl, #navos1, #navos3, #navos4, #member1, #member2, #member4, #aboutmain + div { display: none; }
  .lbp { display: none; }
  #mainnavcontainer, #mainnavhori { display: none; }
  #hhmainnavcontainer, #navos2 { display: block; }
  #topnavcontainer { display: none; }
  #hhtopnavcontainer { display: block; }
  .text-input { width: 98%; max-width: 98%; height: 20px; min-width: 1%; }
  #message, #address { min-width: 1%; width: 98%; max-width: 98%; }
  #permission { width: 86%; max-width: 349px; height: 28px; padding-top: 3px; padding-bottom: 3px; min-width: 1%; }
  #submit_btn { width: 100%; max-width: 100%; margin-bottom: 20px; min-width: 1%; }
  .errorcontainer { height: 18px; }
  #contactuscontainer { padding-top: 15px; }
  #contactusreplybox { height: 250px; font-size: 10px; }
  #raccontactusreplybox { font-size: 10px; }
  .racintro { font-size: 75%; }
  .productcontainer { margin-left: 0px; margin-right: 0px; }
  .raccontactus { margin-left: 2px; margin-right: 2px; }
  .raccontactusreply2 { padding-top: 20px; padding-bottom: 20px; }
  .window { min-width: 1px; width: auto; }
  #dialog { max-height: 560px; max-width: 653px; }
  #dialog #raccontactleft {  }
  #reservebtn { width: 100%; max-width: 100%; margin-bottom: 15px; }
  .window .text-input { width: 80%; max-width: 349px; }
  #racmessage { width: 98%; max-width: 98%; }
  .hpboxrow .twocol:not(.last), #hppromomain { margin-bottom: 40px; }
  .hpcontainer { margin-left: auto; margin-right: auto; }
  .hpcontainer .button { padding-top: 10px; padding-bottom: 10px; font-size: 87.5%; }
  .hubcontainer { margin-left: auto; margin-right: auto; max-width: 584px; }
  .gem { margin-left: auto; margin-right: auto; max-width: 278px; }
  .introshort p { font-size: 100%; text-align: center; }
  .introshort h2 { padding-top: 10px; padding-bottom: 10px; }
  .hubboxrow .twocol:not(.last), .hubboxrow .fourcol:not(.last) { margin-bottom: 20px; }
  .hpcontainer h3, .hubcontainer h3 { font-size: 93.3%; }
  .hidehh { display: none; }
  .column { height: auto; }
  .hubcontainer img { width: auto; height: auto; max-height: 161px; }
  .productboxrow { padding-top: 0px; }
  .productboxrow .twocol, .productboxrow .fourcol, #hpextra .thirdscol { margin-top: 20px; }
  #section .row:nth-last-child(5), #val-invite { padding-bottom: 20px; }
  .subtitlebox, .mbtm { margin-top: 40px; }
  #checkout { text-align: right; display: block; clear: left; padding-top: 5px; padding-bottom: 5px; }
  .addtocart select, .addtocart input[name="os2"], .addtocart input[name="text1"], #payval { font-size: 110%; height: 31px; }
  #hubtopimgbox, #zzzzzzz, #hpextra, #ringgal, #case, #itemlower, #highlights { display: none; }
  #brandintro > .threecol { float: none; margin-left: auto; margin-right: auto; width: 100%; }
  #map894 { display: none; }
  #map480 { display: block; }
  .hptopimgbox { margin-top: 21px; background-color: #e5e5e5; }
  .footernav { line-height: 2.5em; font-size: 96%; }
  .footeraddress { font-size: 75%; }
  .ringenquiry { text-align: left; padding-top: 20px; }
  #addthisitem { padding-top: 20px; }
  #plat-info { max-height: 333px; padding-right: 10px; }
  #member1, #member2, #member3 { padding-bottom: 20px; }
  #youmay1, #youmay2, #youmay3 { margin-bottom: 40px; }
  #checkout { margin-top: 0px; margin-bottom: 0px; }
  #bvid { display: table; margin-left: auto; margin-right: auto; }
  #show #contactright { float: none; clear: left; width: 100%; }
  #show #contactleft { width: 100%; }
  #time, #time2 { width: 100%; max-width: 100%; }
  #show #message { max-width: 98%; width: 98%; min-width: 1%; }
  #show #submit_btn { width: 100%; }
  .conpic { padding: 20px 0px; }
  #bear1 { display: block; }
  .occontainer { margin-bottom: 20px; }
  #os1.row { padding-bottom: 0px ! important; }
  #os3.row { padding-top: 0px; padding-bottom: 0px; }
  #os2.row { padding-top: 0px; padding-bottom: 0px; }
  #os4.row { padding-top: 0px; }
  #hpboxrow0.row { padding-bottom: 0px; }
  #samplebutton { margin-top: 11px ! important; }
  .hphhkey, .hhok { display: block; }
  #footer { font-size: 1em; }
  #footer h3 { font-size: 99%; }
  #multireq, #sizers #meet1, #sizers #meet2 { width: 100%; }
  .jslinksample { max-width: 289px; width: 100%; min-width: 1%; }
  .hphhkey img { max-width: 100%; }
  h1 { text-align: center; }
  #footernote1 .iconinfo { margin-left: 10%; }
  .productdesctitle { font-size: 110%; color: #242424; }
  .productdescol {  font-size: 100%; color: #242424; }
  .ringterms { padding-top: 12px; padding-bottom: 4px; }
  .hhinline { display: inline; }
  .view { margin-right: auto ! important; }
  #showpp { padding-top: 38px; }
  input[src="../images/addtobasket-but.jpg"] { padding-top: 46px; }
  .hpcontainer { padding-bottom: 57px; }
  .hpbutton, .hpbutton:link, .hpbutton:visited { background-color: #ffffff; color: #404040; font-size: 130%; }
  .hpbutton:hover { background-color: #404040; color: #ffffff; font-size: 130%; }
}

@media only screen and (max-width: 640px) {
  #mpimg { padding-top: 5%; }
}

@media only screen and (max-width: 480px) {
  #reservebtn { width: 100%; max-width: 100%; }
  .window .text-input { width: 80%; max-width: 300px; }
  #racmessage { width: 96%; max-width: 96%; }
  #valit { margin-bottom: 20px; }
  #mpimg { padding-top: 0%; }
  .inlineimg { width: 90%; margin-bottom: 20px; }
  .addtocart select { width: 100%; max-width: 100%; }
  .addtocart input[name="os2"] { width: 96%; max-width: 96%; }
  #time, #time2 { width: 100%; max-width: 100%; }
  #show #submit_btn { width: 100%; }
  .text-input { width: 96%; max-width: 96%; height: 20px; min-width: 1%; }
  #message, #address { min-width: 1%; width: 96%; max-width: 96%; }
  #show #message { max-width: 96%; width: 96%; min-width: 1%; }
  .jslinksample { max-width: 93%; width: 93%; min-width: 1%; }
  input[src="../images/addtobasket-but.jpg"] { margin-left: auto ! important; margin-right: auto ! important; display: block; }
  #sizers .addtocart select { width: 96%; max-width: 96%; }
  #sizers .addtocart input[name="os2"] { width: 92%; max-width: 92%; }
}

@media only screen and (max-width: 360px) {
  .window .text-input { width: 80%; max-width: 173px; }
  .addtocart input[name="text1"] { width: 100%; }
  #valit { width: 100%; }
}

@media only screen and (max-width: 280px) {
  #racmodallabel { padding-left: 20px; }
  .jslinksample { width: 155px; }
}