.autocomplete-w1 {
  background: url(../images/jquery/autocomplete/shadow.png) no-repeat bottom right;
  position: absolute;
  top: 1.5em;
  left: 0.5em;
  _background: none;
  _top: 1px; }

.autocomplete {
  width: 300px;
  border: 1px solid;
  border-color: #868783;
  background: white;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow: auto;
  margin: -6px 6px 6px -6px;
  _height: 350px;
  _margin: 0px 6px 6px 0;
  overflow-x: hidden; }
  .autocomplete .selected {
    background: #d1d1cf; }
  .autocomplete div {
    padding: 2px 5px;
    white-space: nowrap; }
  .autocomplete strong {
    font-weight: normal;
    color: #bea400; }

a.preview {
  border-bottom: dotted 1px;
  color: black;
  cursor: default; }
  a.preview:hover {
    text-decoration: none; }

#preview {
  background: white;
  border: 1px solid;
  border-color: #868783;
  display: none;
  padding: 5px;
  position: absolute; }

#preview img {
  display: block; }

div.jGrowl {
  padding: 10px;
  z-index: 9999; }
  div.jGrowl div.jGrowl-notification {
    background-color: #6f6f6f;
    color: white;
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 40px; }
    div.jGrowl div.jGrowl-notification div.header {
      font-weight: bold;
      font-size: 10px; }
    div.jGrowl div.jGrowl-notification div.close {
      float: right;
      font-weight: bold;
      font-size: 12px;
      cursor: pointer; }
  div.jGrowl div.jGrowl-closer {
    background-color: #6f6f6f;
    color: white;
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-weight: bold;
    text-align: center; }
div.ie6 {
  position: absolute; }
  div.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.top-left {
    left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.bottom-right {
    left: expression(( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.bottom-left {
    left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }
  div.ie6.center {
    left: expression(( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top: expression(( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
    width: 100%; }
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
  margin-left: auto;
  margin-right: auto; }

body > div.jGrowl {
  position: fixed; }
  body > div.jGrowl.top-left {
    left: 0px;
    top: 0px; }
  body > div.jGrowl.top-right {
    right: 0px;
    top: 0px; }
  body > div.jGrowl.bottom-left {
    left: 0px;
    bottom: 0px; }
  body > div.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px; }
  body > div.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%; }

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: none;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0; }

body {
  background: url(../system/images/ui/watermark.png) no-repeat right bottom;
  background-color: white;
  color: black;
  font: 75%/1.5em Verdana, sans-serif; }

#wrapper {
  background: white;
  border-color: #d1d1cf;
  border-style: none solid;
  border-width: 1px;
  margin: 0 auto;
  max-width: 70em;
  padding: 5.5em 3.3em; }

#user {
  margin: -3.2em 0 1.5em;
  text-align: right; }
  #user img {
    vertical-align: middle; }
  #user li {
    border-color: #6f6f6f;
    border-right: solid 1px;
    display: inline;
    padding: 0 0.3em 0 0.5em; }
    #user li.last {
      border-right: none; }
    #user li a {
      color: #868783; }

#utilities {
  float: right;
  margin-top: 5px; }
  #utilities ol {
    margin: 0; }
  #utilities li {
    margin: 0 0 0 5px; }
  #utilities img {
    vertical-align: middle; }

#flow {
  background: url(../system/images/ui/logotype_monogram.png) no-repeat right top;
  border: 1px solid;
  border-color: black;
  height: 178px;
  margin-top: 2em; }

#navigation-wrapper {
  background: url(../images/ui/navigation/background_top.gif) repeat-x left top;
  background-color: #e2e1d0;
  border: 1px solid;
  border-color: #868783;
  margin-top: 0.66em; }

#navigation {
  background: url(../images/ui/navigation/background_bottom.gif) repeat-x left bottom;
  min-height: 1px; }
  #navigation ul {
    color: #52534f;
    font: 1.09em "Trebuchet MS", sans-serif;
    font-weight: bold;
    margin: 0; }
    #navigation ul a {
      color: #52534f; }
    #navigation ul li {
      border-left: solid 1px;
      border-left-color: #a19f90;
      border-right: solid 1px;
      border-right-color: #c0beae;
      float: left; }
      #navigation ul li a {
        display: block;
        padding: 0.66em; }
      #navigation ul li a:hover {
        text-decoration: none; }
      #navigation ul li.utility {
        border: none;
        float: right;
        font-size: 0.9em;
        line-height: 1.5em; }
      #navigation ul li.current, #navigation ul li:hover {
        background: url(../images/ui/navigation/background_hover.png); }

#content {
  margin: 3.3em 0; }

#primary-content {
  float: left;
  width: 40em; }
  #primary-content.narrow {
    width: 35em; }
  #primary-content.wide {
    float: right;
    width: 51em; }

#secondary-content {
  float: right;
  width: 25em; }

#side-menu {
  color: black;
  float: left;
  width: 14em; }
  #side-menu h2 {
    border-top: solid 2px;
    border-top-color: #868783;
    color: #bea400;
    padding: 0.4em 0;
    margin: 0; }
  #side-menu a {
    color: black;
    white-space: normal; }
  #side-menu ul, #side-menu dl {
    border-top: 1px solid;
    border-top-color: #868783;
    margin: 0; }
    #side-menu ul .current, #side-menu dl .current {
      background: #bea400; }
    #side-menu ul li, #side-menu ul dt, #side-menu ul dd, #side-menu dl li, #side-menu dl dt, #side-menu dl dd {
      border-bottom: 1px solid;
      border-bottom-color: #868783;
      padding: 0.2em 0 0.2em 1em; }
    #side-menu ul dt, #side-menu dl dt {
      font-weight: bold; }
    #side-menu ul dd, #side-menu dl dd {
      padding-left: 2em; }
  #side-menu.catalogizations h2 {
    color: #52534f;
    font-size: 1.4em;
    padding: 0;
    text-align: right;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50); }
    #side-menu.catalogizations h2.current, #side-menu.catalogizations h2:hover {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100); }
    #side-menu.catalogizations h2 a {
      color: #52534f;
      display: block;
      height: 43px;
      padding-right: 5px;
      padding-top: 25px; }

#footer {
  border-top: 1px solid;
  border-top-color: #bea400;
  color: #868783;
  font-size: 0.833em;
  text-align: center; }
  #footer li {
    border-right: solid 1px;
    border-right-color: #bea400;
    display: inline;
    padding: 0 0.5em; }
    #footer li.last {
      border: none; }

.product {
  border-bottom: solid 1px;
  border-bottom-color: #868783;
  float: left;
  margin: 0 1em 2.4em;
  width: 15em; }
  .product .frame {
    height: 100px;
    margin: 1em 0 3.4em;
    text-align: center; }

#highlights h2 {
  padding-top: 0.6em; }
#highlights #spotlight {
  border-bottom: solid 1px;
  border-bottom-color: #868783;
  margin-top: -1em; }
#highlights #item_image {
  text-align: center; }
#highlights .product {
  border-bottom: none;
  border-left: solid 1px;
  border-left-color: #868783;
  float: left;
  margin: 1em 0 1em;
  width: 16.9em; }
  #highlights .product div {
    height: 20.2em;
    padding: 1em 1em 0; }
  #highlights .product.first {
    border-left: none; }
  #highlights .product.information div {
    background: #e2e1d0;
    margin: 0 1em; }

.colorfield {
  height: 1.2em;
  margin: -2.2em 0 1em 0; }
  .colorfield li {
    border: solid 1px;
    border-color: #6f6f6f;
    float: right;
    height: 1.2em;
    line-height: 1.2em;
    margin-right: 0.3em;
    overflow: hidden;
    width: 1.2em; }
  .colorfield li.last {
    border: none;
    width: auto; }

.colorbox {
  border: solid 1px;
  border-color: #6f6f6f;
  height: 1.2em;
  line-height: 1.2em;
  margin: 0 auto;
  overflow: hidden;
  width: 2em; }

.colorfield strong, .colorbox strong {
  visibility: hidden; }

.contact {
  float: left;
  margin: 1.5em 0 1.1em 0;
  text-align: center;
  width: 50%; }
  .contact ul {
    margin: 0; }

.address {
  border-bottom: solid 1px;
  border-color: #d1d1cf;
  margin-bottom: 1.2em;
  padding-bottom: 1.2em; }
  .address img {
    float: right; }
  .address p, .address dl {
    margin: 0; }
  .address dl.compact dt a {
    color: #868783;
    font-weight: normal; }

.search_results img {
  vertical-align: middle; }
.search_results strong {
  color: black; }

#entryways {
  float: right;
  width: 30em; }
  #entryways ul {
    margin: 0; }
    #entryways ul li {
      margin-bottom: 0.6em; }

div.file {
  float: left;
  margin: 0 1.5em 1.5em 0;
  width: 184px; }
  div.file p {
    font: 1em "Times New Roman", serif;
    text-transform: uppercase; }
  div.file .frame {
    background: #868783;
    border: 1px solid;
    border-color: #868783;
    height: 102px; }

#uploads {
  clear: both; }
  #uploads li {
    float: left;
    margin-bottom: 2em;
    text-align: center;
    width: 25%; }
  #uploads a {
    display: block; }
  #uploads img {
    border: none; }
  #uploads a:hover img {
    text-decoration: none; }

#news {
  margin: -1.2em 0 0 0; }
  #news li {
    border-bottom: 1px dashed;
    border-bottom-color: #868783;
    padding: 1.5em 0; }
    #news li h2 {
      margin-bottom: 0.3em; }
    #news li.image {
      padding-left: 160px; }
    #news li img {
      float: left;
      margin: 0.5em 0 0 -160px; }
    #news li p {
      margin: 0; }

#news-archive {
  margin: 0; }
  #news-archive li {
    clear: both;
    padding: 1.2em 0 0 0; }
    #news-archive li.image {
      padding-left: 120px; }
    #news-archive li img {
      float: left;
      margin: 0.5em 0 0 -120px; }
  #news-archive p {
    margin: 0; }

.news_item h1 {
  border: none;
  padding: 0; }

#details table {
  font-size: 0.9em;
  margin: 0.6em 0; }
  #details table td {
    background: #e2e1d0;
    border: none;
    padding: 0;
    text-align: center;
    width: 25%; }
  #details table th {
    font-weight: bold;
    padding: 0.5em;
    text-align: center; }

#details_toggle {
  margin: 0; }
  #details_toggle span {
    border: solid 1px;
    border-color: #6f6f6f;
    color: #6f6f6f;
    display: block;
    float: left;
    font-size: 0.6em;
    font-weight: bold;
    height: 1em;
    line-height: 1em;
    margin-right: 0.6em;
    margin-top: 0.3em;
    text-align: center;
    width: 1em; }
  #details_toggle a:hover {
    text-decoration: none; }

#products {
  clear: both; }

#information {
  float: left;
  width: 32em; }
  #information p {
    clear: both; }

#item_image {
  height: 220px; }

#actions form {
  float: left;
  margin-bottom: 1.2em; }
#actions p {
  clear: none;
  text-align: right; }

#combinations {
  float: right;
  width: 15em; }
  #combinations form {
    background: white;
    border: none;
    padding: 0; }
  #combinations table {
    border: solid 1px gray;
    border-right: none;
    border-top: none; }
    #combinations table th, #combinations table td {
      background: white;
      border: solid 1px;
      border-bottom: none;
      border-color: #868783;
      border-left: none;
      color: black;
      padding: 0.5em;
      text-align: center; }

h1 span {
  color: #868783;
  font: normal 0.65em "Times New Roman", serif; }

#cart {
  border-bottom: 1px dashed;
  border-bottom-color: #868783;
  margin-bottom: 2.4em;
  padding-bottom: 3em;
  padding-top: 0.6em; }
  #cart p#cart_empty {
    margin: 0;
    color: #868783;
    font: normal 1.5em "Times New Roman", serif; }
  #cart .checkout {
    float: right; }
  #cart table caption {
    color: #868783;
    font: normal 1.5em "Times New Roman", serif;
    margin: 0 0 0.5em 0;
    text-align: left; }

p#total {
  margin: 0; }
  p#total .delayed {
    color: #781618; }
  p#total span {
    float: right; }
  p#total strong {
    color: #6f6f6f; }
  p#total table {
    clear: both;
    margin-bottom: 0.6em; }

#filters ol {
  float: left; }
  #filters ol li {
    line-height: 2.5em; }

#items {
  clear: both; }

span.unit {
  display: inline-block;
  text-align: left;
  width: 3em; }

span span.convert_example {
  border-bottom: dotted 1px; }

#engraving #plates {
  clear: both; }
  #engraving #plates h2 {
    margin: 0; }
  #engraving #plates .plate {
    background: #c0beae;
    float: left;
    margin: 1.2em 1.2em 0 0;
    text-align: center;
    width: 40%; }
    #engraving #plates .plate .cross {
      margin-left: 1.6em; }
    #engraving #plates .plate label {
      padding: 1.2em; }
    #engraving #plates .plate input {
      float: left;
      margin-top: 1.2em; }
#engraving .date {
  float: left;
  margin-right: 2em; }
#engraving input {
  clear: both; }

#confirm_order {
  clear: both;
  margin: 0; }

.confirm_order_button {
  float: right;
  margin-bottom: 1.2em; }

.change_order_button {
  float: left; }

span.delayed {
  color: #781618; }

.shipping_address h2 {
  margin: 0.6em 0 0.6em 0; }

.engraving td {
  border-bottom: none; }

.new {
  color: #399f43; }

.edit {
  color: #bea400; }

#vat {
  margin-top: 0em;
  text-align: right; }

form.pretty {
  background: #e2e1d0;
  border: 1px solid;
  border-color: #c0beae;
  margin: 1.2em 0;
  padding: 0 1em; }

input, textarea, button {
  font: 1em Verdana, sans-serif;
  padding: 0.3em 0.3em; }

button img, table button img {
  background: transparent;
  border: none;
  padding: 0;
  vertical-align: middle; }

input.okey {
  border: 1px solid;
  font-weight: bold;
  background: #399f43;
  border-color: #236f2a;
  color: white; }
input.awareness {
  border: 1px solid;
  font-weight: bold;
  background: #bea400;
  border-color: #968100;
  color: white; }
input.caution {
  border: 1px solid;
  font-weight: bold;
  background: #781618;
  border-color: #540f10;
  color: white; }

select {
  font: 1em Verdana, sans-serif; }

#errorExplanation {
  color: #781618; }
  #errorExplanation p {
    font-weight: bold; }
  #errorExplanation ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0; }

.error input, .error textarea {
  border: 3px solid;
  border-color: #781618; }

abbr {
  color: #781618; }

label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.25em; }

#breadcrumbs {
  margin: -2em 0 0.5em 0; }

.pagination {
  font-size: 1em;
  margin: 1.2em 0; }

.notice {
  background-color: #52534f;
  color: #e2e1d0;
  margin-bottom: 0.3em;
  margin-top: -2.8em;
  padding: 0.5em; }

a.awareness {
  border: none;
  color: white !important;
  -moz-border-radius: 5px;
  padding: 0.3em 0.6em;
  -webkit-border-radius: 5px;
  background: #bea400; }
a.caution {
  border: none;
  color: white !important;
  -moz-border-radius: 5px;
  padding: 0.3em 0.6em;
  -webkit-border-radius: 5px;
  background: #781618; }
a.okey {
  border: none;
  color: white !important;
  -moz-border-radius: 5px;
  padding: 0.3em 0.6em;
  -webkit-border-radius: 5px;
  background: #399f43; }

img {
  border: none; }

img.left {
  float: left;
  margin: 0 5px 5px 0; }

img.right {
  float: right;
  margin: 0 0 5px 5px; }

.back {
  margin: -1.2em 0 0 0; }

.clear {
  clear: both; }

.right {
  text-align: right; }

#columns .third {
  float: left;
  width: 30%;
  margin-right: 5%; }
#columns .last {
  margin-right: 0; }

.next {
  float: right; }

.previous {
  float: left; }

#spartan_close {
  margin-top: 0.6em; }
  #spartan_close a {
    color: white; }

#spartan_mask {
  background: black; }

#spartan_window {
  background: white;
  border: 3px solid;
  border-color: #c0beae; }

ul {
  font-size: 1em;
  list-style-type: none;
  margin: 1.2em 0; }

dl {
  font-size: 1em;
  margin: 1.2em 0; }
  dl.compact dt {
    color: #bea400;
    float: left;
    font-weight: bold;
    margin-right: 1em; }
  dl.inline dd {
    display: inline;
    margin-right: 1em; }
  dl.inline dt {
    display: inline;
    float: none;
    margin-right: 1em; }
  dl.inline .fieldWithErrors {
    display: inline; }
  dl.aligned dt {
    text-align: right;
    width: 10em; }

ol {
  list-style: none;
  margin: 1.2em 0; }
  ol li {
    margin-bottom: 1.2em; }
  ol.inline li, ol.inline label {
    display: inline;
    margin: 0 1em 0 0; }

table {
  border-collapse: collapse;
  margin: 1.2em 0;
  width: 100%; }
  table img {
    background: white;
    border: solid 1px;
    border-color: #868783;
    padding: 3px; }
    table img.engravable, #combinations table img {
      background: none;
      border: none;
      vertical-align: middle; }
  table th {
    background: #868783;
    color: white;
    padding: 0.2em 0.4em;
    text-align: left; }
  table td {
    border-bottom: 1px solid;
    border-bottom-color: #868783;
    empty-cells: show;
    padding: 0.5em 0.3em;
    vertical-align: middle; }
    table td.drag_handle {
      text-align: center;
      width: 5em; }
      table td.drag_handle img {
        background: none;
        border: none; }
      table td.drag_handle:hover {
        text-align: center;
        cursor: move; }
  table tr.odd, table tbody.odd {
    background: white; }
  table tr.even, table tbody.even {
    background: #d1d1cf; }
  table tr.tDnD_whileDrag, table tbody.tDnD_whileDrag {
    background: #bea400; }
  table .top {
    vertical-align: top; }
  table .number {
    text-align: right; }
    table .number input {
      text-align: right; }
  table .buttons {
    text-align: right; }
  table .center {
    text-align: center; }
  table tbody {
    border-bottom: 1px solid;
    border-bottom-color: #868783; }

p {
  font-size: 1em;
  margin: 1.2em 0; }
  p.meta {
    color: #bea400;
    font-style: italic; }
  p.meta-header {
    border-bottom: 1px solid;
    border-bottom-color: #868783;
    color: #868783;
    font: normal 1.67em "Times New Roman", serif;
    line-height: 1.67em;
    margin: 0 0 0.6em 0;
    padding: 0 0 0.329em; }
    p.meta-header em {
      float: right;
      font-size: 0.8em; }
  p.introduction {
    color: #868783;
    font: 1.33em "Times New Roman", Times, serif;
    margin: 0; }

em {
  font-style: italic; }

strong {
  color: #bea400;
  font-weight: bold; }

a {
  color: #868783;
  text-decoration: none;
  white-space: nowrap; }
  a:hover {
    text-decoration: underline; }
  a.delete {
    color: #781618; }
  a.post {
    color: #399f43; }

.underlined {
  border-bottom: 1px solid;
  border-bottom-color: #868783;
  margin: 0;
  padding-bottom: 0.15em; }

h1 {
  border-bottom: 1px solid;
  border-bottom-color: #868783;
  margin: 0;
  padding-bottom: 0.15em;
  color: #bea400;
  font: normal 2.5em "Times New Roman", serif;
  margin-bottom: 0.48em; }

h2 {
  color: #868783;
  font: normal 1.75em "Times New Roman", serif;
  margin-bottom: -0.6em; }
  h2.underlined {
    line-height: 1.75em; }

h3 {
  color: #868783;
  font-size: 1.2em;
  font-weight: bold; }

h4 {
  color: #868783;
  font-weight: bold; }