body            { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url("jewellery-images/soft-brown-pixel.jpg"); text-align: center; margin: 0; padding: 0 }
#container         { background-color: #fff; margin: 0 auto; padding: 0; width: 940px }
#banner       { background-image: url("jewellery-images/sallyclay-banner.jpg"); background-repeat: no-repeat; text-align: center; display: inline; margin: 0; padding: 0 0 0; width: 940px; height: 120px; float: left }
#fullbody { font-size: 14px; background-color: #fff; text-align: left; display: inline; margin: 0; padding: 20px; width: 900px; float: left; clear: both }
#words   { background-color: #fff; display: inline; margin: 0; padding: 30px; width: 408px; float: left }
#imageleft  { display: inline; margin: 0; padding: 0; width: 470px; height: 450px; float: left; clear: both }
#productimage  { display: inline; margin: 15px; padding: 10px; width: 420px; float: left; border: solid 1px #c8c1af }
#contentleft  { background-color: #e6dfcd; display: inline; margin: 0; padding: 20px; width: 310px; float: left; clear: both }
#contentright    { background-color: #fff; display: inline; margin: 0; padding: 20px; width: 510px; min-height: 200px; float: right }
h1   { color: #c8c1af; font-size: 36px; text-align: left; margin: 0 0 0; padding: 0 }
h2 { color: #8b7b6b; font-size: 24px; font-weight: normal; text-align: left; margin: 0 0 20px; padding: 0 }
h3   { color: #8b7b6b; font-size: 16px; font-weight: normal; text-align: left; margin: 10px 0; padding: 0 }
p   { color: #333; font-size: 13px; line-height: 18px; text-align: justify; margin: 0 0 10px; padding: 0 }
.code { color: #8a7c6f; font-style: italic; font-weight: normal }
p a  { color: #8b7b6b; font-size: 13px; line-height: 18px; margin: 0 0 10px; padding: 0 }
p a:hover   { color: #000; text-decoration: none }

#menu    { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url("jewellery-images/nav-bg-off.jpg"); margin: 0; padding: 0; width: 940px; height: 35px; clear: both }

#menu ul    { white-space: nowrap; margin: 0; padding: 10px 0 }

#menu li  { list-style-type: none; display: inline; margin: 0; padding: 0 }

#menu li a   
  { margin: 0; padding: 10px }

#menu a:link
  { color: #fff; text-decoration: none }
#menu a:visited { color: #fff; text-decoration: none }
#menu a:hover
  { color: #330; text-decoration: none; background-image: url("jewellery-images/nav-bg-on.jpg") }
#menu a:active  { color: #fff; text-decoration: none }
#footer { text-align: center; margin: 0; padding: 0; width: 940px; clear: both }
#footer p { font-size: 11px; background-image: url("jewellery-images/soft-brown-pixel.jpg"); text-align: center; margin: 0; padding: 10px 0 20px }
#footer p a { font-size: 11px; text-decoration: underline }
#footer p a:hover { color: #fff; font-size: 11px; text-decoration: none }

/* form styling */

.feedbackform  { color: #000; font-size: 12px; margin: 0; padding: 0 }
.feedbackform ul { list-style-type: none; margin: 0; padding: 0 }
div.fieldwrapper { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; padding: 5px 0; width: 550px; overflow: hidden }

div.fieldwrapper label.styled  { margin-right: 15px; width: 150px; float: left; border-bottom: 1px solid #8b7b6b }

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv { margin-top: 5px; margin-left: 15px }

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}
table       { color: #000; font-size: 12px; text-align: left; display: table; border-collapse: collapse  }
table p  { text-align: left }
tr         { display: table-row }
thead       { font-weight: bold; background-color: #e6dfcd; display: table-header-group; border-bottom: 1px solid #8b7b6b }
tbody      { background-color: #fff; display: table-row-group; border-bottom: 1px solid #8b7b6b }
tfoot    { display: table-footer-group }
th        { display: table-cell; border-bottom: 1px solid #000 }
td	      { display: table-cell; padding: 5px 15px }
caption  { display: none }
.catcell       { color: #fff; text-decoration: none; background-color: #fff; display: inline; margin: 0 0 10px; padding: 0; width: 290px; height: auto; float: left; border: solid 1px #c8c1af }
.catcell a { }
.catcell a:visited { color: #fff; text-decoration: none }
.catcell a:hover { display: block; border: solid 1px #000 }
.catcellhead   { color: #fff; text-decoration: none; background-color: #8a7c6f; display: inline; margin: 0; padding: 5px 0 2px 5px; width: 285px; min-height: 25px; float: left }
.catcellhead a:link { color: #fff; text-decoration: none }
.catcellhead a:visited { color: #fff; text-decoration: none }
.cellspacer    { visibility: hidden; display: inline; margin: 0; padding: 0; width: 12px; height: 10px; min-width: 12px; max-width: 15px; float: left }
.productcell { color: #fff; background-color: #fff; display: inline; margin: 0 0 10px; padding: 10px; width: 270px; height: auto; float: left; border: solid 1px #c8c1af }
.productthumb { margin: 0; padding: 0; float: right }
.producttitle { color: #8a7c6f; font-size: 14px; font-weight: bold; text-decoration: none; text-align: left; margin: 0 0 10px; width: 110px; float: left }
.productbrief { color: #8a7c6f; font-size: 12px; font-weight: normal; margin: 5px 0; padding: 0 }
.productcost { color: #000; font-size: 12px; font-weight: bold; margin: 5px 0 0; padding: 5px 0 0; border-top: 1px dotted #8a7c6f }
.featurecell { display: inline; margin: 0 26px 10px 0; padding: 0; width: 272px; float: left }
.featurecell ul  { list-style-type: none; margin: 0 0 0 0; padding: 0 }
.featurecell li     { margin: 0 0 0 0; padding: 0 }
.featurecell li a     { display: block; margin: 0 0 0 0; padding: 0; width: 272px; border: solid 1px #e6dfcd }
.featurecell li a:visited { border: solid 1px #e6dfcd }
.featurecell li a:hover   { border: solid 1px #8b7b6b }
.featurecell li a:active { border: solid 1px #e6dfcd }