body {
border: 0px;
font: 12pt Arial;
margin: 0px;
padding: 0px;
}

table#layout {
border: 0px;
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
border-collapse: collapse;
}

div#search {
float: left;
padding: 2px;
}

input {
  line-height: 12pt;
}

input.text {
  background-color: #eee;
  border: 1px solid #ddd;
  width: 200px;
}

input.quantity {
  width: 50px;
}

div#links {
  float: right;
  height: 40px;
}

ul#links-list {
  margin: 0px;
  padding: 0px;
}

ul#links-list li {
  clear: both;
  display: inline;
  list-style-type: none;
}

div#second-row {
  clear: both;
  padding-left: 10px;
# padding-right: 10px;
}

div#navigation {
  float: left;
  font: small-caps 15pt Arial;
}

div#navigation a {
color: white;
text-decoration: none;
}

div#navigation a:hover {
text-decoration: underline;
}

div#basket-summary {
  border-bottom: 1px solid white;
  float: right;
  margin-top: 5px;
}

div#basket-summary nobr a {
  color: white;
  font-size: 9pt;
  text-decoration: none;
}

td#centre {
  padding-top: 10px;
}

td#footer {
  padding-top: 10px;
  font-size: 9pt;
  text-align: center;
}

/* Front Page */

div#progress {
font-size: 14pt;
text-align: center;
}

td#statement p {
font-size: 11pt;
padding: 5px;
}

td#portrait {
vertical-align: top;
}

/* Common */

div#middle {
  padding-left: 10%;
  padding-right: 10%;
}

div.form-row {
  border-bottom: 1px dotted #ddd;
  border-left: 1px dotted #ddd;
  padding: 10px 5px;
}

div.form-row input.text {
  width: 300px;
}

div.form-row label {
  display: block;
}

div.form-row select {
  width: 100px;
}

div.form-row select.country {
  width: 300px;
}

div.form-row select#type {
  width: 200px;
}

div#breadcrumbs-bar {
  text-align: center;
}

ul#checkout-breadcrumbs {
  margin-bottom: 2px;
}

ul#checkout-breadcrumbs li {
  display: inline;
  list-style-type: none;
}

ol#activities div ul.issues li {
  margin: 0;
  padding: 1mm;
}

div.basket-box {
  margin-bottom: 50px;
}

input.disabled {
  color: #999;
}

.current {
  color: green;
  font-weight: bold;
}

.strong {
  font-weight: bold;
}

/* Products Page */

div#blog-summary {
  border: 1px solid #99cc99;
  background-color: #bbffbb;
  font-style: italic;
  padding: 4px;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
}

div#blog-summary h4 {
  border-bottom: 1px solid #99cc99;
  margin: 0px;
}

div#blog-excerpt {
  font-style: italic;
  margin: 5px;
  text-align: center;
}

div#blog-summary a {
  color: blue;
  font-size: 11pt;
}

div#products {
  padding-left: 50px;
  padding-right: 50px;
}

div.banner {
  text-align: center;
}

div.thumbnails div.thumbnail {
  float: left;
  text-align: center;
  margin-bottom: 25px;
  padding-right: 10px;
  width: 115px;
}

div.thumbnails div.thumbnail div.name {
  font-size: 9pt;
  height: 2em;
}

div.thumbnails div.thumbnail div.name a {
  color: black;
  text-decoration: none;
}

div.thumbnails div.thumbnail div.name a:hover {
  text-decoration: underline;
}

div.thumbnails div.thumbnail a {
  margin: 4px;
}

div.thumbnails div.thumbnail a img {
  border: 0;
  margin: 4px;
}

div.container {
  clear: both;
}

div.container h3 {
  padding-top: 20px;
}

div.container h3 a {
  color: black;
  display: block;
  padding: 3px;
  text-decoration: none;
}

div.container p.name {
  border-bottom: 1px solid #ddd;
  font: 13pt Arial;
}

div.container a img {
  border: 0px;
}

ul#main-container-list li {
  margin: 5px;
}

ul.container-list li {
  list-style-type: square;
}

ul.container-list li a {
  color: black;
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
}

ul.container-list li a:hover {
  text-decoration: underline;
}

ul.container-list li div.container-list-description { 
  margin-bottom: 20px;
  padding: 5px;
}

/* XXX */
td.order-closed {
  color: gray;
  text-decoration: line-through;
}

/* Product Page */

table#product {
  width: 100%;
}

table#product tr td {
  vertical-align: top;
}

table#product tr td.text {
  padding-left: 10px;
}

table#product tr td.images {
  text-align: center;
}

table#product tr td.resources {
  font-size: 11pt;
  padding-right: 10px;
}

table#product tr td.resources p {
  text-align: right;
}

table#product tr td.resources h3 {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0px;
  margin-top: 5px;
}

table#product tr td.resources ul#quick-links {
  margin: 2px;
  padding: 0px;
}

table#product tr td.resources ul#quick-links li {
  list-style-type: none;
  padding: 2px;
}

td.text p.heading {
  font-weight: bold;
}

td.text p.comments {
  font-style: italic;
  margin-bottom: 1px;
}

table#companion-products tr td {
  padding: 2px;
}

table#companion-products tr td.name {
  vertical-align: middle;
}

table#member-products tr td {
  padding: 2px;
}

table#member-products tr td.name {
  vertical-align: middle;
}

table#substitute-products tr td {
  padding: 2px;
}

table#substitute-products tr td.name {
  vertical-align: middle;
}

p.saving {
  font-style: italic;
}

div.extended-images {
}

div.extended-images h4 {
  border-bottom: 1px solid #ddd;
  margin: 2px;
  text-align: left;
}

div.image-list div.image-list-thumbnail {
  cursor: pointer;
  float: left;
  padding-bottom: 4px;
  padding-top: 4px;
}

/* Basket Page */

div#basket {
  margin-top: 10px;
  padding-left: 10%;
  padding-right: 10%;
}

table#basket-table {
  width: 100%;
}

table#basket-table thead th {
border-bottom: 1px solid #ddd;
}

table#basket-table tr td {
text-align: center;
border-bottom: 1px solid #ddd;
}

table#basket-table tr td.clean {
border-bottom: none;
}

table#basket-table thead th.clean {
border-bottom: none;
}

table#basket-table tr td.product-name {
text-align: left;
}

table#basket-table tr td img.delete-icon {
cursor: pointer;
}

div.discount-summary {
font: 9pt Arial;
}

input.quantity {
  width: 100px;
  text-align: right;
}

table#basket-summary-table {
  margin-top: 20px;
  width: 100%;
}

table#basket-summary-table tr td.label {
font-weight: bold;
padding-right: 10px;
text-align: right;
}

table#basket-summary-table tr td.amount {
  text-align: center;
}

div.button-set {
  padding-left: 90px;
  margin-bottom: 20px;
  margin-top: 20px;
}

div.button-set input.submit {
  margin-right: 5px;
  overflow: visible;
  padding: 3px;
  padding-bottom: 1px;
}

td#shipping-selector {
  text-align: right;
}

/* Offers Page */

div.offer-price {
  color: green;
  font-style: italic;
  font-weight: bold;
}

div.add-offer {
  padding-top: 0px;
}

div.add-offer a {
  font-style: italic;
  font-weight: bold;
}

div.offer-thumbnail {
  height: 225px;
}

div#offer-clear {
  clear: both;
  margin-bottom: 60px;
  padding-top: 30px;
}

div.offer-discount {
  color: #ff3223;
}

/* Delivery Page */

table#existing-addresses {
  width: 500px;
}

table#existing-addresses thead th {
  border-bottom: 1px solid #ccc;
  text-align: left;
}

table#existing-addresses thead th.clean {
  border-bottom: none;
}

table#existing-addresses tr td.radio {
  text-align: center;
}

table#addresses {
  margin-left: 50px;
}

table#addresses tr td {
  padding: 2px;
}

table#addresses tr td label {
  cursor: pointer;
}

table#addresses tr td label:hover {
  text-decoration: underline;
}

div.form-row textarea {
  background-color: #eee;
  border: 1px solid #ddd;
  font: 12pt Arial;
  height: 120px;
  width: 400px;
}

td#address-example {
  vertical-align: top;
}

td#address-example pre {
  margin-left: 40px;
}

pre.address-text {
  font: 12pt Arial;
  margin: 0px 0px 0px 0px;
}

pre.address-smart {
  background-color: #efe;
  border: 1px solid #eee;
  padding: 5px;
  width: 350px;
}

/* Review Page */

div#terms-and-conditions {
  margin-bottom: 30px;
  margin-top: 30px;
}

table#review-addresses {
  width: 100%;
}

table#review-addresses tbody tr td {
  vertical-align: top;
}

/*
 * Your Account
 */

ul#activities-summary li {
  margin: 5px;
}

ol#activities li {
  margin: 100px 0px 20px 0px;
}

table.your-account {
  width: 100%;
}

table.your-account thead th {
  border-bottom: 1px solid #ccc;
  text-align: left;
}

table.your-account thead th.clean {
  border-bottom: none;
}

table#previous-orders tr td.radio {
  text-align: center;
}

table#stock-notifications tr td.checkbox {
  text-align: center;
}

input#highlight-button {
}

/*
 * Stockists
 */

div#stockists div.stockist {
  background-color: #eee;
  float: left;
  font: 10pt Arial;
  height: 250px;
  margin: 5px;
  padding: 5px;
  width: 200px;
}

div#stockists div.stockist div.name {
  font-weight: bold;
}

div#stockists div.stockist div.address {
  margin-bottom: 20px;
}

div#stockists div.stockist div.distance {
  border-bottom: 1px solid #aaa;
  font-size: 14pt;
  margin-bottom: 5px;
}

/*
 * Product
 */

div.openable-box {
  width: 95%;
}

div#instructions-heading.open-heading {
  background-color: #cccccc;
}

.item-heading {
  border-bottom: 1px solid #dddddd;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

div#instructions-body {
  background-color: white;
  display: none;
  font-size: 9pt;
  font-weight: normal;
  padding: 2px;
  margin-top: 2px;
}

div#instructions-body.open-body {
  display: block;
}

div#ingredients-heading.open-heading {
  background-color: #cccccc;
}

div#ingredients-body {
  background-color: white;
  display: none;
  font-size: 9pt;
  font-weight: normal;
  padding: 2px;
  margin-top: 2px;
}

div#ingredients-body.open-body {
  display: block;
}

span.discount {
  color: green;
  font-style: italic;
  text-decoration: underline;
}

/*
 * Order View Page.
 */


/*
 * Customer Services.
 */

h4.section {
  border-bottom: 1px solid #dddddd;
}

hr.bar {
  border: 1px solid #dddddd;
}

table.shipping-rate-table thead th {
  border-bottom: 1px solid #dddddd;
  text-align: left;
}

table.shipping-rate-table tr td {
  border-bottom: 1px solid #dddddd;
}

table#vouchers {
  width: 100%;
}