/* global */

.todo {
  background: white;
  color: red;
  border: 1px dashed black;
  font-size: 8pt;
  z-index: 1;
  width: 15em;
/*  display: none; */
}
.todo:before { content: 'To do: ' }

a { color: #f90 }
a:visited { color: #514134 }
body {
  background: #c0b69e url("/images/background.gif") repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0 3em;
}
a img { border: 0; }
#block_2 h1 {
  font-size: 10pt;
  color: #514134;
}
#about-body {
  padding: 0 3em 1em 3em;
}
#about-body h1 {
  font-size: 14pt;
}
.words {
  position: relative;
}
.words p,.words ul {
  margin: 1em 0 0 200px;
}
.words ul { padding-bottom: 1em }
.words img {
  position: absolute;
  left: 0;
}
#about-body table {
  margin-top: 10px;
  width: 100%;
  border-collapse: separate;
  border-spacing: .5em .2em;
  text-align: center;
}
#about-body table th {
  color: white;
  background: #cfc9bd;
}
.odd { background: transparent; }
.even { background: white; }

/* header */

#header {
  background: black;
  height: 80px;
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
}
#logo {
  position: absolute;
  top: 10px;
  left: 10px;
}
#header-img {
  position: absolute;
  top: 0;
  right: 0;
}
#contact h1 {
  font-size: 8pt;
  text-align: right;
  font-style: italic;
}
#contact {
  background: transparent;
  color: white;
  position: absolute;
  top: 30px;
  right: 50px;
}
#contact a {
  text-decoration: none;
  color: white;
}

/* columns */
#block_1 {
  background: black;
  color: white;
}
#block_1 a {
  color: white;
  text-decoration: none;
}
#block_2 {
  background: #efebdf;
}

/* nav */

#top-nav {
  background: #514134;
  color: white;
  padding: 4px 10px;
  position: relative;
  font-size: 8pt;
  font-weight: bold;
}
form {
  display: inline;
}
input {
  font-size: 7pt;
}
#about > li:first-child { font-weight: normal }
#rhs {
  position: absolute;
  right: 10px;
}
#search {
  display: inline;
  margin: 0 0 0 10px;
}
#search input {
  margin: 10px 5px 0 0;
}
#search-button {
  padding: 0;
}
.navlist {
  display: inline;
  border: 0;
  margin: 0;
  padding: 0;
}
.navlist li {
  display: inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.item-seperator {
  padding: 0 .25em;
}
.navlist li a,#header a {
  text-decoration: none;
  color: white;
}
#bread {
  background: #c1bbad;
  color: white;
  padding: 3px 5px;
}
#bread li:first-child a {
  font-weight: bold;
  color: black;
}
#bread span {
  padding: 0 .25em;
}
#bread a {
  color: white;
}
#block_1 h1 {
  font-size: 11pt;
/*  color: #8f774b; */
  color: #c1bbad;
  margin: 10px 0 0 10px;
}
#categories {
  list-style-type: none;
  padding: 0;
  margin: 5px 0 1em 10px;
  line-height: 14pt;
}
#categories ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 15px;
}
#categories a { text-decoration: none }
#categories a:hover { color: #f90 }
#category {
  background: white url("/images/banner_ds.jpg") repeat-x;
  height: 61px;
  position: relative;
}
#category-word {
  position: absolute;
  right: 0px;
}
.nolink { color: #8f774b }
#subcategories {
  background: #e1dbd1;
  padding: 3px 5px;
}
#subcategories,#subcategories a {
  color: #300;
  text-decoration: none;
}
#subcategories a:hover {
  color: white;
}
.seperator { padding: 0 .4em }
#selected { color: white }

/* results */
#block_4 #results { padding: 0 1em }
#search-results,#results,#detail {
  padding: 0 3em 1em 3em;
}
#results p {
  font-size: 8pt;
}
#results p span {
  padding-left: .5em;
}
.thumb { 
  width: 100px;
  height: 100px;
}
.thumb,#detail img {
  float: left;
  border: 1px solid #514134;
  margin-right: 1em;
}
#results a {
  text-decoration: none;
  color: black;
}
.price { font-weight: bold; }
#results td {
  vertical-align: top;
}
.pager {
  font-weight: bold;
  color: #300;
  padding: 10px 0;
}
.pager:before { content: 'Page: ' }
.pager a {
  text-decoration: none;
}
.pager a:hover {
  color: #f90 ! important;
}
#supplier img {
  margin-bottom: 4em;
}


/* footer */

#footer {
  position: relative;
  background: #514134;
  color: white;
  font-size: 8pt;
  padding: 8px 10px;
  height: 1em;
}
#powered {
  position: absolute;
  right: 1em;
}
#footer a { color: white }

/* home */

#banner {
  text-align: right;
  background: white url("/images/banner_ds.jpg") repeat-x;
  height: 79px;
  position: relative;
}
#banner-lhs {
  position: absolute;
  left: 0;
}
#block_4 { border-left: 2px solid #c5c2b1 }
#featured {
  border-collapse: separate;
  border-spacing: 0 1em;
}
#featured td {
  background: #e9e1d4;
  padding: 1em;
}
.home-header {
  margin: 0;
  padding-top: .5em;
}
#home-content {
  padding-left: 1em;
}
#home-content div {
  padding-top: .5em;
  text-align: center;
}

/* /markparkhouse */
#nag {
  position: absolute;
  right: 1em;
}
#markparkhouse { padding: 1em 0; }
#repairs { margin-top: 3em; }

/* /birthstones */
#about-body #birthstones {
  margin-top: 70px;
}

/* /metals */
#about-body #gold {
  width: 50%;
  margin: 1em 0 0 250px;
}
#platinum,#silver {
  height: 200px;
}

/* /diamonds */
#cut {
  border-collapse: collapse;
}
#cut td {
  padding: 0;
  border: 1px solid #6e6e66;
  background: white;
}
#cut p {
  background: #d0cabe;
  border-top: 1px solid #6e6e66;
  font-weight: bold;
  padding: .5em 0;
  margin: 0;
}

/* /anniversaries */
#about-body #anniversaries {
  margin-top: 50px;
}

/* /contact */
#contact-details p {
  border: 0;
  margin: 0 0 0 200px;
  padding: 0;
}
#contact-details span { font-weight: bold }
#contact-details div { padding: 0 0 1em 0 }